@grantcodes/style-dictionary 1.2.1 → 1.3.1

package/lib/get-style-dictionary-config.js

@@ -1,223 +0,0 @@
-import { join } from "node:path";
-import { SYSTEM } from "../config.js";
-
-console.log("get style dictionary config");
-
-/**
- * Get a style dictionary config for the given brand.
- *
- * @param   {string}  brand  The brand folder name
- *
- * @return  {import("style-dictionary").Config} The style dictionary config
- */
-const getStyleDictionaryConfig = (theme) => ({
-	source: [
-		join(import.meta.dirname, "../tokens/core/tier-1-definitions/**/*.js"),
-		// join(import.meta.dirname, "../tokens/tier-2-usage/**/*.js"),
-		// join(import.meta.dirname, "../tokens/tier-3-components/**/*.js"),
-		join(
-			import.meta.dirname,
-			`../tokens/themes/${theme}/tier-1-definitions/**/*.js`,
-		),
-		join(import.meta.dirname, `../tokens/themes/${theme}/tier-2-usage/**/*.js`),
-		join(
-			import.meta.dirname,
-			`../tokens/themes/${theme}/tier-3-components/**/*.js`,
-		),
-	],
-	log: {
-		verbosity: "verbose",
-	},
-	platforms: {
-		css: {
-			transformGroup: "css",
-			buildPath: `dist/css/${theme}/`,
-			prefix: SYSTEM,
-			files: [
-				{
-					destination: "style-dictionary.css",
-					format: "css/variables",
-					options: {
-						outputReferences: true,
-					},
-				},
-				// {
-				//   destination: 'fonts.css',
-				//   format: 'css/fonts.css',
-				//   options: {
-				//     outputReferences: true,
-				//   },
-				// },
-			],
-		},
-		scss: {
-			transformGroup: "scss",
-			buildPath: `dist/scss/${theme}/`,
-			prefix: SYSTEM,
-			files: [
-				{
-					destination: "_style-dictionary.scss",
-					format: "css/variables",
-					options: {
-						outputReferences: true,
-						selector: "@mixin css-variables",
-					},
-				},
-				// {
-				//   destination: '_fonts.scss',
-				//   format: 'css/fonts.css',
-				//   options: {
-				//     outputReferences: true,
-				//   },
-				// },
-			],
-		},
-		js: {
-			transformGroup: "js",
-			buildPath: `dist/js/${theme}/`,
-			prefix: SYSTEM,
-			files: [
-				{
-					format: "javascript/es6",
-					destination: "style-dictionary.js",
-				},
-			],
-		},
-		// android: {
-		//   transformGroup: 'android',
-		//   buildPath: `dist/android/${theme}/`,
-		//   files: [
-		//     {
-		//       destination: 'font_dimens.xml',
-		//       format: 'android/fontDimens',
-		//     },
-		//     {
-		//       destination: 'colors.xml',
-		//       format: 'android/colors',
-		//     },
-		//   ],
-		// },
-		// compose: {
-		//   transformGroup: 'compose',
-		//   buildPath: `dist/compose/${theme}/`,
-		//   files: [
-		//     {
-		//       destination: 'StyleDictionaryColor.kt',
-		//       format: 'compose/object',
-		//       className: 'StyleDictionaryColor',
-		//       packageName: 'StyleDictionaryColor',
-		//       filter: {
-		//         attributes: {
-		//           category: 'color',
-		//         },
-		//       },
-		//     },
-		//     {
-		//       destination: 'StyleDictionarySize.kt',
-		//       format: 'compose/object',
-		//       className: 'StyleDictionarySize',
-		//       packageName: 'StyleDictionarySize',
-		//       type: 'float',
-		//       filter: {
-		//         attributes: {
-		//           category: 'size',
-		//         },
-		//       },
-		//     },
-		//   ],
-		// },
-		// ios: {
-		//   transformGroup: 'ios',
-		//   buildPath: `dist/ios/${theme}/`,
-		//   files: [
-		//     {
-		//       destination: 'StyleDictionaryColor.h',
-		//       format: 'ios/colors.h',
-		//       className: 'StyleDictionaryColor',
-		//       type: 'StyleDictionaryColorName',
-		//       filter: {
-		//         attributes: {
-		//           category: 'color',
-		//         },
-		//       },
-		//     },
-		//     {
-		//       destination: 'StyleDictionaryColor.m',
-		//       format: 'ios/colors.m',
-		//       className: 'StyleDictionaryColor',
-		//       type: 'StyleDictionaryColorName',
-		//       filter: {
-		//         attributes: {
-		//           category: 'color',
-		//         },
-		//       },
-		//     },
-		//     {getStyleDictionaryConfig
-		//       destination: 'StyleDictionarySize.h',
-		//       format: 'ios/static.h',
-		//       className: 'StyleDictionarySize',
-		//       type: 'float',
-		//       filter: {
-		//         attributes: {
-		//           category: 'size',
-		//         },
-		//       },
-		//     },
-		//     {
-		//       destination: 'StyleDictionarySize.m',
-		//       format: 'ios/static.m',
-		//       className: 'StyleDictionarySize',
-		//       type: 'float',
-		//       filter: {
-		//         attributes: {
-		//           category: 'size',
-		//         },
-		//       },
-		//     },
-		//   ],
-		// },
-		// 'ios-swift': {
-		//   transformGroup: 'ios-swift',
-		//   buildPath: `dist/ios-swift/${theme}/`,
-		//   files: [
-		//     {
-		//       destination: 'StyleDictionary.swift',
-		//       format: 'ios-swift/class.swift',
-		//       className: 'StyleDictionary',
-		//       filter: {},
-		//     },
-		//   ],
-		// },
-		// 'ios-swift-separate-enums': {
-		//   transformGroup: 'ios-swift-separate',
-		//   buildPath: `dist/ios-swift/${theme}/`,
-		//   files: [
-		//     {
-		//       destination: 'StyleDictionaryColor.swift',
-		//       format: 'ios-swift/enum.swift',
-		//       className: 'StyleDictionaryColor',
-		//       filter: {
-		//         attributes: {
-		//           category: 'color',
-		//         },
-		//       },
-		//     },
-		//     {
-		//       destination: 'StyleDictionarySize.swift',
-		//       format: 'ios-swift/enum.swift',
-		//       className: 'StyleDictionarySize',
-		//       type: 'float',
-		//       filter: {
-		//         attributes: {
-		//           category: 'size',
-		//         },
-		//       },
-		//     },
-		//   ],
-		// },
-	},
-});
-
-console.log("get style dictionary config");
-
-export { getStyleDictionaryConfig };

package/lib/get-themes.js

@@ -1,10 +0,0 @@
-import { readdirSync } from "node:fs";
-
-/**
- * Helper functions to get a list of supported brands.
- *
- * @return  {string[]} List of brands found in the tokens/brands folder
- */
-const getThemes = () => readdirSync("./tokens/themes");
-
-export { getThemes };

package/lib/index.js

@@ -1,3 +0,0 @@
-export * from "./color-generator.js";
-export * from "./get-themes.js";
-export * from "./get-style-dictionary-config.js";

package/tests/tokens.test.js

@@ -1,87 +0,0 @@
-import { describe, it } from "node:test";
-import test from "node:test";
-import assert from "node:assert";
-import StyleDictionaryPackage from "style-dictionary";
-
-import { TOKEN_TREE } from "../config.js";
-import { getThemes, getStyleDictionaryConfig } from "../lib/index.js";
-
-const getTokens = async () => {
-  const themes = getThemes();
-
-  const tokens = {};
-
-  for (const brand of brands) {
-    const config = getStyleDictionaryConfig(brand);
-    const dictionary = new StyleDictionaryPackage(config);
-    const brandTokens = await dictionary.getPlatformTokens("css");
-
-    tokens[brand] = brandTokens.allTokens;
-  }
-
-  return tokens;
-};
-
-const tokens = await getTokens();
-
-describe("Token formatting", () => {
-  it("Should have multiple tokens", () => {
-    for (const brandTokens of Object.values(tokens)) {
-      assert.ok(Object.keys(brandTokens).length > 1);
-    }
-  });
-
-  it("Should be prefixed", () => {
-    if (SYSTEM) {
-      for (const brandTokens of Object.values(tokens)) {
-        const tokenNames = brandTokens.map((token) => token.name);
-        for (const tokenName of tokenNames) {
-          assert.ok(tokenName.startsWith(`${SYSTEM}-`));
-        }
-      }
-    }
-  });
-
-  it("Should have a category", () => {
-    for (const brandTokens of Object.values(tokens)) {
-      for (const token of brandTokens) {
-        assert.ok(
-          TOKEN_LEVELS.category.includes(token?.attributes?.category),
-          `The token ${token.name} has the category ${token?.attributes?.category} which is not in the defined categories (${TOKEN_LEVELS.category.join(", ")}).`,
-        );
-      }
-    }
-  });
-
-  it("Should have a valid css value", () => {
-    for (const brandTokens of Object.values(tokens)) {
-      for (const token of brandTokens) {
-        const tokenType = typeof token.value;
-
-        assert.ok(
-          ["string", "number"].includes(tokenType),
-          `The token ${token.name} has an invalid type (${tokenType}).`,
-        );
-      }
-    }
-  });
-
-  // it("Should have valid references", () => {
-  //   for (const brandTokens of Object.values(tokens)) {
-  //     for (const token of brandTokens) {
-  //       if (token?.original?.value?.includes?.("{")) {
-  //         const references = token.original.value
-  //           .replace(/{/g, "")
-  //           .replace(/}/g, "")
-  //           .trim()
-  //           .split(", ");
-  //         console.log(reference);
-  //         // assert.ok(
-  //         //   brandTokens.find((t) => t.name === token.attributes.reference),
-  //         //   `The token ${token.name} references a token that does not exist (${token.attributes.reference}).`,
-  //         // );
-  //       }
-  //     }
-  //   }
-  // });
-});

package/tokens/core/tier-1-definitions/colors.json

@@ -1,175 +0,0 @@
-{
-  "color": {
-    "neutral": {
-      "white": {
-        "value": "oklch(100% 0 0)"
-      },
-      "100": {
-        "value": "oklch(95% 0 0)"
-      },
-      "200": {
-        "value": "oklch(90% 0 0)"
-      },
-      "300": {
-        "value": "oklch(80% 0 0)"
-      },
-      "400": {
-        "value": "oklch(70% 0 0)"
-      },
-      "500": {
-        "value": "oklch(60% 0 0)"
-      },
-      "600": {
-        "value": "oklch(50% 0 0)"
-      },
-      "700": {
-        "value": "oklch(40% 0 0)"
-      },
-      "800": {
-        "value": "oklch(30% 0 0)"
-      },
-      "900": {
-        "value": "oklch(20% 0 0)"
-      },
-      "black": {
-        "value": "oklch(0% 0 0)"
-      }
-    },
-    "utility": {
-      "green": {
-        "100": {
-          "value": "oklch(96.73% 0.0537 129.1)"
-        },
-        "200": {
-          "value": "oklch(93.45% 0.107 131.96)"
-        },
-        "300": {
-          "value": "oklch(87.97% 0.1546 135.05)"
-        },
-        "400": {
-          "value": "oklch(81.78% 0.1827 137.62)"
-        },
-        "500": {
-          "value": "oklch(74.01% 0.2132 139.87)"
-        },
-        "600": {
-          "value": "oklch(65.44% 0.1981 141.12)"
-        },
-        "700": {
-          "value": "oklch(57.11% 0.1795 142.12)"
-        },
-        "800": {
-          "value": "oklch(48.67% 0.1572 142.68)"
-        },
-        "900": {
-          "value": "oklch(42.59% 0.1358 143.3)"
-        }
-      },
-      "blue": {
-        "100": {
-          "value": "oklch(95.86% 0.0542 179.13)"
-        },
-        "200": {
-          "value": "oklch(92.82% 0.0973 184.41)"
-        },
-        "300": {
-          "value": "oklch(90.54% 0.1282 189.63)"
-        },
-        "500": {
-          "value": "oklch(81.86% 0.141005 208.7047)"
-        },
-        "600": {
-          "value": "oklch(68.89% 0.125872 220.4932)"
-        },
-        "700": {
-          "value": "oklch(56.7% 0.116289 232.4331)"
-        },
-        "800": {
-          "value": "oklch(45.75% 0.107158 241.2805)"
-        },
-        "900": {
-          "value": "oklch(37.55% 0.1037 249.04)"
-        }
-      },
-      "yellow": {
-        "100": {
-          "value": "oklch(97.66% 0.0606 103.43)"
-        },
-        "200": {
-          "value": "oklch(95.72% 0.1147 103.53)"
-        },
-        "300": {
-          "value": "oklch(93.47% 0.1552 102.21)"
-        },
-        "400": {
-          "value": "oklch(91.68% 0.1745 101.08)"
-        },
-        "500": {
-          "value": "oklch(88.99% 0.183778 97.6996)"
-        },
-        "600": {
-          "value": "oklch(78.68% 0.162 96.43)"
-        },
-        "700": {
-          "value": "oklch(68.35% 0.14027 94.7302)"
-        },
-        "800": {
-          "value": "oklch(58.04% 0.1189 93.71)"
-        },
-        "900": {
-          "value": "oklch(50.09% 0.1025 92.6)"
-        }
-      },
-      "red": {
-        "100": {
-          "value": "oklch(94.96% 0.0395 73.45)"
-        },
-        "200": {
-          "value": "oklch(89.21% 0.076552 65.9429)"
-        },
-        "300": {
-          "value": "oklch(82.67% 0.1156 57.65)"
-        },
-        "400": {
-          "value": "oklch(77.04% 0.1486 49.15)"
-        },
-        "500": {
-          "value": "oklch(69.31% 0.203172 39.994)"
-        },
-        "600": {
-          "value": "oklch(60.03% 0.1938 35.81)"
-        },
-        "700": {
-          "value": "oklch(51.18% 0.1802 32.56)"
-        },
-        "800": {
-          "value": "oklch(42.79% 0.16 30.38)"
-        },
-        "900": {
-          "value": "oklch(36.89% 0.1443 28.98)"
-        }
-      }
-    },
-    "transparent": {
-      "0": {
-        "value": "oklch(100% 0 0 / 0)"
-      },
-      "10": {
-        "value": "oklch(100% 0 0 / 0.1)"
-      },
-      "25": {
-        "value": "oklch(100% 0 0 / 0.25)"
-      },
-      "50": {
-        "value": "oklch(100% 0 0 / 0.5)"
-      },
-      "75": {
-        "value": "oklch(100% 0 0 / 0.75)"
-      },
-      "90": {
-        "value": "oklch(100% 0 0 / 0.9)"
-      }
-    }
-  }
-}
-

package/tokens/core/tier-1-definitions/z-index.json

@@ -1,29 +0,0 @@
-{
-  "z-index": {
-    "top": {
-      "value": "99999"
-    },
-    "500": {
-      "value": "500"
-    },
-    "400": {
-      "value": "400"
-    },
-    "300": {
-      "value": "300"
-    },
-    "200": {
-      "value": "200"
-    },
-    "100": {
-      "value": "100"
-    },
-    "0": {
-      "value": "0"
-    },
-    "bottom": {
-      "value": "-100"
-    }
-  }
-}
-

package/tokens/grantcodes/tier-1-definitions/animation.json

@@ -1,27 +0,0 @@
-{
-  "animation": {
-    "duration": {
-      "10": {
-        "value": "100ms"
-      },
-      "20": {
-        "value": "200ms"
-      },
-      "30": {
-        "value": "300ms"
-      },
-      "40": {
-        "value": "400ms"
-      }
-    },
-    "timing-function": {
-      "ease": {
-        "value": "ease-in-out"
-      },
-      "linear": {
-        "value": "linear"
-      }
-    }
-  }
-}
-

package/tokens/grantcodes/tier-1-definitions/borders.json

@@ -1,36 +0,0 @@
-{
-  "border": {
-    "radius": {
-      "square": {
-        "value": "0"
-      },
-      "125": {
-        "value": "0.125rem"
-      },
-      "250": {
-        "value": "0.25rem"
-      },
-      "500": {
-        "value": "0.5rem"
-      },
-      "1000": {
-        "value": "1rem"
-      },
-      "rounded": {
-        "value": "50%"
-      }
-    },
-    "width": {
-      "1": {
-        "value": "1px"
-      },
-      "2": {
-        "value": "2px"
-      },
-      "4": {
-        "value": "4px"
-      }
-    }
-  }
-}
-

package/tokens/grantcodes/tier-1-definitions/colors.json

@@ -1,35 +0,0 @@
-{
-	"color": {
-		"brand": {
-			"purple": {
-				"100": {
-					"value": "oklch(95% 0.04 279.42)"
-				},
-				"200": {
-					"value": "oklch(90% 0.08 279.42)"
-				},
-				"300": {
-					"value": "oklch(82% 0.12 279.42)"
-				},
-				"400": {
-					"value": "oklch(74% 0.17 279.42)"
-				},
-				"500": {
-					"value": "oklch(65% 0.22 279.42)"
-				},
-				"600": {
-					"value": "oklch(55% 0.26 279.42)"
-				},
-				"700": {
-					"value": "oklch(45% 0.24 279.42)"
-				},
-				"800": {
-					"value": "oklch(35% 0.18 279.42)"
-				},
-				"900": {
-					"value": "oklch(25% 0.12 279.42)"
-				}
-			}
-		}
-	}
-}

package/tokens/grantcodes/tier-1-definitions/shadows.json

@@ -1,39 +0,0 @@
-{
-  "shadow": {
-    "sm": {
-      "x": {
-        "value": "0px"
-      },
-      "y": {
-        "value": "4px"
-      },
-      "blur": {
-        "value": "4px"
-      },
-      "spread": {
-        "value": "0px"
-      },
-      "color": {
-        "value": "#00000040"
-      }
-    },
-    "md": {
-      "x": {
-        "value": "0px"
-      },
-      "y": {
-        "value": "8px"
-      },
-      "blur": {
-        "value": "6px"
-      },
-      "spread": {
-        "value": "-6px"
-      },
-      "color": {
-        "value": "#0000001a"
-      }
-    }
-  }
-}
-