├── .github └── workflows │ ├── test-tokens.yml │ └── transform-tokens.yml ├── .gitignore ├── LICENSE ├── README.md ├── examples ├── android │ ├── build.js │ └── filesToCopy │ │ └── font_family.xml ├── build │ └── android │ │ ├── font │ │ └── font_family.xml │ │ └── values │ │ ├── dimens.xml │ │ └── font_styles.xml ├── ios │ └── build.js └── web │ ├── build.js │ ├── createPropertyFormatter.js │ ├── fileHeader.js │ ├── filterWeb.js │ ├── formatCss.js │ ├── formattedVariables.js │ ├── index.js │ ├── sizePx.js │ ├── sortByReference.js │ ├── webFont.js │ ├── webGradient.js │ ├── webPadding.js │ ├── webRadius.js │ └── webShadows.js ├── package.json ├── src ├── android │ ├── colorName.js │ ├── fontSizeToSp.js │ ├── formatFontStyle.js │ ├── formatResourcesSorted.js │ ├── index.js │ └── pxToDp.js ├── common │ ├── camelCaseHelper.js │ ├── colorToHex8.js │ ├── colorToRgbaString.js │ └── copyFileOrFolder.js ├── ios │ ├── colorsets.js │ ├── fontStyleTemplate.js │ ├── fontStyles.js │ └── index.js └── web │ ├── createPropertyFormatter.js │ ├── fileHeader.js │ ├── filterWeb.js │ ├── formatCss.js │ ├── formattedVariables.js │ ├── index.js │ ├── sizePx.js │ ├── sortByReference.js │ ├── webFont.js │ ├── webGradient.js │ ├── webPadding.js │ ├── webRadius.js │ └── webShadows.js ├── tests ├── cssOutput.test.ts ├── data │ ├── cssOutput.data.ts │ └── jsonStyleDictionary.data.ts └── jsonOutput.test.ts ├── tokens └── design-tokens.tokens.json └── transformTokens.js /.github/workflows/test-tokens.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/.github/workflows/test-tokens.yml -------------------------------------------------------------------------------- /.github/workflows/transform-tokens.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/.github/workflows/transform-tokens.yml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | .DS_Store -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/README.md -------------------------------------------------------------------------------- /examples/android/build.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/examples/android/build.js -------------------------------------------------------------------------------- /examples/android/filesToCopy/font_family.xml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/examples/android/filesToCopy/font_family.xml -------------------------------------------------------------------------------- /examples/build/android/font/font_family.xml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/examples/build/android/font/font_family.xml -------------------------------------------------------------------------------- /examples/build/android/values/dimens.xml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/examples/build/android/values/dimens.xml -------------------------------------------------------------------------------- /examples/build/android/values/font_styles.xml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/examples/build/android/values/font_styles.xml -------------------------------------------------------------------------------- /examples/ios/build.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/examples/ios/build.js -------------------------------------------------------------------------------- /examples/web/build.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/examples/web/build.js -------------------------------------------------------------------------------- /examples/web/createPropertyFormatter.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/examples/web/createPropertyFormatter.js -------------------------------------------------------------------------------- /examples/web/fileHeader.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/examples/web/fileHeader.js -------------------------------------------------------------------------------- /examples/web/filterWeb.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/examples/web/filterWeb.js -------------------------------------------------------------------------------- /examples/web/formatCss.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/examples/web/formatCss.js -------------------------------------------------------------------------------- /examples/web/formattedVariables.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/examples/web/formattedVariables.js -------------------------------------------------------------------------------- /examples/web/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/examples/web/index.js -------------------------------------------------------------------------------- /examples/web/sizePx.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/examples/web/sizePx.js -------------------------------------------------------------------------------- /examples/web/sortByReference.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/examples/web/sortByReference.js -------------------------------------------------------------------------------- /examples/web/webFont.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/examples/web/webFont.js -------------------------------------------------------------------------------- /examples/web/webGradient.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/examples/web/webGradient.js -------------------------------------------------------------------------------- /examples/web/webPadding.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/examples/web/webPadding.js -------------------------------------------------------------------------------- /examples/web/webRadius.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/examples/web/webRadius.js -------------------------------------------------------------------------------- /examples/web/webShadows.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/examples/web/webShadows.js -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/package.json -------------------------------------------------------------------------------- /src/android/colorName.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/android/colorName.js -------------------------------------------------------------------------------- /src/android/fontSizeToSp.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/android/fontSizeToSp.js -------------------------------------------------------------------------------- /src/android/formatFontStyle.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/android/formatFontStyle.js -------------------------------------------------------------------------------- /src/android/formatResourcesSorted.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/android/formatResourcesSorted.js -------------------------------------------------------------------------------- /src/android/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/android/index.js -------------------------------------------------------------------------------- /src/android/pxToDp.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/android/pxToDp.js -------------------------------------------------------------------------------- /src/common/camelCaseHelper.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/common/camelCaseHelper.js -------------------------------------------------------------------------------- /src/common/colorToHex8.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/common/colorToHex8.js -------------------------------------------------------------------------------- /src/common/colorToRgbaString.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/common/colorToRgbaString.js -------------------------------------------------------------------------------- /src/common/copyFileOrFolder.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/common/copyFileOrFolder.js -------------------------------------------------------------------------------- /src/ios/colorsets.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/ios/colorsets.js -------------------------------------------------------------------------------- /src/ios/fontStyleTemplate.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/ios/fontStyleTemplate.js -------------------------------------------------------------------------------- /src/ios/fontStyles.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/ios/fontStyles.js -------------------------------------------------------------------------------- /src/ios/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/ios/index.js -------------------------------------------------------------------------------- /src/web/createPropertyFormatter.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/web/createPropertyFormatter.js -------------------------------------------------------------------------------- /src/web/fileHeader.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/web/fileHeader.js -------------------------------------------------------------------------------- /src/web/filterWeb.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/web/filterWeb.js -------------------------------------------------------------------------------- /src/web/formatCss.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/web/formatCss.js -------------------------------------------------------------------------------- /src/web/formattedVariables.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/web/formattedVariables.js -------------------------------------------------------------------------------- /src/web/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/web/index.js -------------------------------------------------------------------------------- /src/web/sizePx.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/web/sizePx.js -------------------------------------------------------------------------------- /src/web/sortByReference.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/web/sortByReference.js -------------------------------------------------------------------------------- /src/web/webFont.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/web/webFont.js -------------------------------------------------------------------------------- /src/web/webGradient.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/web/webGradient.js -------------------------------------------------------------------------------- /src/web/webPadding.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/web/webPadding.js -------------------------------------------------------------------------------- /src/web/webRadius.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/web/webRadius.js -------------------------------------------------------------------------------- /src/web/webShadows.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/src/web/webShadows.js -------------------------------------------------------------------------------- /tests/cssOutput.test.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/tests/cssOutput.test.ts -------------------------------------------------------------------------------- /tests/data/cssOutput.data.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/tests/data/cssOutput.data.ts -------------------------------------------------------------------------------- /tests/data/jsonStyleDictionary.data.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/tests/data/jsonStyleDictionary.data.ts -------------------------------------------------------------------------------- /tests/jsonOutput.test.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/tests/jsonOutput.test.ts -------------------------------------------------------------------------------- /tokens/design-tokens.tokens.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/tokens/design-tokens.tokens.json -------------------------------------------------------------------------------- /transformTokens.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lukasoppermann/design-token-transformer/HEAD/transformTokens.js --------------------------------------------------------------------------------