@digdir/designsystemet 1.7.1 → 1.7.3

package/dist/src/config.js

@@ -382,21 +382,26 @@ var colorCategorySchema = z.record(
   error: `Color names cannot include reserved names: ${RESERVED_COLORS.join(", ")}`
 }).describe("An object with one or more color definitions. The property name is used as the color name.");
 var colorModeOverrideSchema = z.object({
-  light: colorSchema.optional(),
-  dark: colorSchema.optional()
+  light: colorSchema.optional().describe("A hex color that overrides light mode"),
+  dark: colorSchema.optional().describe("A hex color that overrides dark mode")
 }).describe('Override values for semantic color tokens like "background-subtle", "border-default", etc.');
 var colorWeightOverrideSchema = z.partialRecord(z.enum([...colorNames]), colorModeOverrideSchema).describe('The name of the color to add overrides for, e.g. "accent"');
 var semanticColorOverrideSchema = z.record(z.string(), colorWeightOverrideSchema).describe("An object with color names as keys");
 var severityColorOverrideSchema = z.partialRecord(z.enum(baseColorNames), colorSchema.describe("A hex color, which is used for creating a color scale")).optional().describe("An object with severity color names as keys");
+var linkVisitedOverrideSchema = z.object({
+  light: colorSchema.optional().describe("A hex color that overrides light mode"),
+  dark: colorSchema.optional().describe("A hex color that overrides dark mode")
+}).describe('Overrides for the "link-visited" color');
 var overridesSchema = z.object({
   colors: semanticColorOverrideSchema.optional(),
-  severity: severityColorOverrideSchema.optional()
+  severity: severityColorOverrideSchema.optional(),
+  linkVisited: linkVisitedOverrideSchema.optional()
 }).describe("Overrides for generated design tokens. Currently only supports colors defined in your theme").optional();
 var themeSchema = z.object({
   colors: z.object({
     main: colorCategorySchema,
     support: colorCategorySchema.optional().default({}),
-    neutral: colorSchema
+    neutral: colorSchema.describe("A hex color, which is used for creating a color scale.")
   }).meta({ description: "Defines the colors for this theme" }),
   typography: z.object({
     fontFamily: z.string().meta({ description: "Sets the font-family for this theme" })

package/dist/src/index.js

@@ -1522,6 +1522,7 @@ var generateColorScheme = (themeName, colorScheme2, colors, overrides) => {
     baseColorsWithOverrides
   );
   const linkColor = generateColor(generateColorScale(dsLinkColor, colorScheme2));
+  const linkOverride = overrides?.linkVisited?.[colorScheme2] ? { $type: "color", $value: overrides.linkVisited[colorScheme2] } : void 0;
   return {
     [themeName]: {
       ...main,
@@ -1529,7 +1530,7 @@ var generateColorScheme = (themeName, colorScheme2, colors, overrides) => {
       neutral,
       ...globalColors,
       link: {
-        visited: linkColor[12]
+        visited: linkOverride || linkColor[12]
       }
     }
   };
@@ -2029,21 +2030,26 @@ var colorCategorySchema = z.record(
   error: `Color names cannot include reserved names: ${RESERVED_COLORS.join(", ")}`
 }).describe("An object with one or more color definitions. The property name is used as the color name.");
 var colorModeOverrideSchema = z.object({
-  light: colorSchema.optional(),
-  dark: colorSchema.optional()
+  light: colorSchema.optional().describe("A hex color that overrides light mode"),
+  dark: colorSchema.optional().describe("A hex color that overrides dark mode")
 }).describe('Override values for semantic color tokens like "background-subtle", "border-default", etc.');
 var colorWeightOverrideSchema = z.partialRecord(z.enum([...colorNames]), colorModeOverrideSchema).describe('The name of the color to add overrides for, e.g. "accent"');
 var semanticColorOverrideSchema = z.record(z.string(), colorWeightOverrideSchema).describe("An object with color names as keys");
 var severityColorOverrideSchema = z.partialRecord(z.enum(baseColorNames), colorSchema.describe("A hex color, which is used for creating a color scale")).optional().describe("An object with severity color names as keys");
+var linkVisitedOverrideSchema = z.object({
+  light: colorSchema.optional().describe("A hex color that overrides light mode"),
+  dark: colorSchema.optional().describe("A hex color that overrides dark mode")
+}).describe('Overrides for the "link-visited" color');
 var overridesSchema = z.object({
   colors: semanticColorOverrideSchema.optional(),
-  severity: severityColorOverrideSchema.optional()
+  severity: severityColorOverrideSchema.optional(),
+  linkVisited: linkVisitedOverrideSchema.optional()
 }).describe("Overrides for generated design tokens. Currently only supports colors defined in your theme").optional();
 var themeSchema = z.object({
   colors: z.object({
     main: colorCategorySchema,
     support: colorCategorySchema.optional().default({}),
-    neutral: colorSchema
+    neutral: colorSchema.describe("A hex color, which is used for creating a color scale.")
   }).meta({ description: "Defines the colors for this theme" }),
   typography: z.object({
     fontFamily: z.string().meta({ description: "Sets the font-family for this theme" })
@@ -2402,7 +2408,7 @@ import * as R9 from "ramda";
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.7.1",
+  version: "1.7.3",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -2454,7 +2460,8 @@ var package_default = {
     "test:tokens-build-config-tailwind": "pnpm run designsystemet tokens build -t ./temp/config/design-tokens -o ./temp/config/build --clean --experimental-tailwind",
     "test:tokens-create-and-build-options": "pnpm test:tokens-create-options && pnpm test:tokens-build",
     "test:tokens-create-and-build-config": "pnpm test:tokens-create-config && pnpm test:tokens-build-config",
-    test: "node -v && pnpm test:tokens-create-and-build-options && pnpm test:tokens-create-and-build-config",
+    "test:generate-config-from-tokens": "pnpm run designsystemet generate-config-from-tokens -d ../../internal/design-tokens --dry",
+    test: "node -v && pnpm test:tokens-create-and-build-options && pnpm test:generate-config-from-tokens && pnpm test:tokens-create-and-build-config",
     "digdir:tokens-build": "pnpm run designsystemet tokens build -t ../../internal/design-tokens -o ../../packages/theme/brand --clean --experimental-tailwind",
     "digdir:tokens-create": "pnpm run designsystemet tokens create --config ./configs/digdir.config.json",
     "update:template": "tsx ./src/scripts/update-template.ts",
@@ -2469,7 +2476,7 @@ var package_default = {
     "change-case": "^5.4.4",
     "chroma-js": "^3.1.2",
     "colorjs.io": "^0.6.0-alpha.1",
-    commander: "^14.0.1",
+    commander: "^14.0.2",
     "fast-glob": "^3.3.3",
     hsluv: "^1.0.1",
     "object-hash": "^3.0.0",
@@ -2483,9 +2490,9 @@ var package_default = {
   devDependencies: {
     "@tokens-studio/types": "0.5.2",
     "@types/apca-w3": "^0.1.3",
-    "@types/chroma-js": "^3.1.1",
+    "@types/chroma-js": "^3.1.2",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.18.11",
+    "@types/node": "^22.19.0",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.31.1",
     "fs-extra": "^11.3.2",

package/dist/src/scripts/createJsonSchema.js

@@ -321,21 +321,26 @@ var colorCategorySchema = z.record(
   error: `Color names cannot include reserved names: ${RESERVED_COLORS.join(", ")}`
 }).describe("An object with one or more color definitions. The property name is used as the color name.");
 var colorModeOverrideSchema = z.object({
-  light: colorSchema.optional(),
-  dark: colorSchema.optional()
+  light: colorSchema.optional().describe("A hex color that overrides light mode"),
+  dark: colorSchema.optional().describe("A hex color that overrides dark mode")
 }).describe('Override values for semantic color tokens like "background-subtle", "border-default", etc.');
 var colorWeightOverrideSchema = z.partialRecord(z.enum([...colorNames]), colorModeOverrideSchema).describe('The name of the color to add overrides for, e.g. "accent"');
 var semanticColorOverrideSchema = z.record(z.string(), colorWeightOverrideSchema).describe("An object with color names as keys");
 var severityColorOverrideSchema = z.partialRecord(z.enum(baseColorNames), colorSchema.describe("A hex color, which is used for creating a color scale")).optional().describe("An object with severity color names as keys");
+var linkVisitedOverrideSchema = z.object({
+  light: colorSchema.optional().describe("A hex color that overrides light mode"),
+  dark: colorSchema.optional().describe("A hex color that overrides dark mode")
+}).describe('Overrides for the "link-visited" color');
 var overridesSchema = z.object({
   colors: semanticColorOverrideSchema.optional(),
-  severity: severityColorOverrideSchema.optional()
+  severity: severityColorOverrideSchema.optional(),
+  linkVisited: linkVisitedOverrideSchema.optional()
 }).describe("Overrides for generated design tokens. Currently only supports colors defined in your theme").optional();
 var themeSchema = z.object({
   colors: z.object({
     main: colorCategorySchema,
     support: colorCategorySchema.optional().default({}),
-    neutral: colorSchema
+    neutral: colorSchema.describe("A hex color, which is used for creating a color scale.")
   }).meta({ description: "Defines the colors for this theme" }),
   typography: z.object({
     fontFamily: z.string().meta({ description: "Sets the font-family for this theme" })

package/dist/src/scripts/update-preview-tokens.js

@@ -1783,6 +1783,7 @@ var generateColorScheme = (themeName, colorScheme2, colors, overrides) => {
     baseColorsWithOverrides
   );
   const linkColor = generateColor(generateColorScale(dsLinkColor, colorScheme2));
+  const linkOverride = overrides?.linkVisited?.[colorScheme2] ? { $type: "color", $value: overrides.linkVisited[colorScheme2] } : void 0;
   return {
     [themeName]: {
       ...main,
@@ -1790,7 +1791,7 @@ var generateColorScheme = (themeName, colorScheme2, colors, overrides) => {
       neutral,
       ...globalColors,
       link: {
-        visited: linkColor[12]
+        visited: linkOverride || linkColor[12]
       }
     }
   };

package/dist/src/tokens/build.js

@@ -49,7 +49,7 @@ import pc4 from "picocolors";
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.7.1",
+  version: "1.7.3",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -101,7 +101,8 @@ var package_default = {
     "test:tokens-build-config-tailwind": "pnpm run designsystemet tokens build -t ./temp/config/design-tokens -o ./temp/config/build --clean --experimental-tailwind",
     "test:tokens-create-and-build-options": "pnpm test:tokens-create-options && pnpm test:tokens-build",
     "test:tokens-create-and-build-config": "pnpm test:tokens-create-config && pnpm test:tokens-build-config",
-    test: "node -v && pnpm test:tokens-create-and-build-options && pnpm test:tokens-create-and-build-config",
+    "test:generate-config-from-tokens": "pnpm run designsystemet generate-config-from-tokens -d ../../internal/design-tokens --dry",
+    test: "node -v && pnpm test:tokens-create-and-build-options && pnpm test:generate-config-from-tokens && pnpm test:tokens-create-and-build-config",
     "digdir:tokens-build": "pnpm run designsystemet tokens build -t ../../internal/design-tokens -o ../../packages/theme/brand --clean --experimental-tailwind",
     "digdir:tokens-create": "pnpm run designsystemet tokens create --config ./configs/digdir.config.json",
     "update:template": "tsx ./src/scripts/update-template.ts",
@@ -116,7 +117,7 @@ var package_default = {
     "change-case": "^5.4.4",
     "chroma-js": "^3.1.2",
     "colorjs.io": "^0.6.0-alpha.1",
-    commander: "^14.0.1",
+    commander: "^14.0.2",
     "fast-glob": "^3.3.3",
     hsluv: "^1.0.1",
     "object-hash": "^3.0.0",
@@ -130,9 +131,9 @@ var package_default = {
   devDependencies: {
     "@tokens-studio/types": "0.5.2",
     "@types/apca-w3": "^0.1.3",
-    "@types/chroma-js": "^3.1.1",
+    "@types/chroma-js": "^3.1.2",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.18.11",
+    "@types/node": "^22.19.0",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.31.1",
     "fs-extra": "^11.3.2",

package/dist/src/tokens/create/generators/$designsystemet.js

@@ -1,7 +1,7 @@
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.7.1",
+  version: "1.7.3",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -53,7 +53,8 @@ var package_default = {
     "test:tokens-build-config-tailwind": "pnpm run designsystemet tokens build -t ./temp/config/design-tokens -o ./temp/config/build --clean --experimental-tailwind",
     "test:tokens-create-and-build-options": "pnpm test:tokens-create-options && pnpm test:tokens-build",
     "test:tokens-create-and-build-config": "pnpm test:tokens-create-config && pnpm test:tokens-build-config",
-    test: "node -v && pnpm test:tokens-create-and-build-options && pnpm test:tokens-create-and-build-config",
+    "test:generate-config-from-tokens": "pnpm run designsystemet generate-config-from-tokens -d ../../internal/design-tokens --dry",
+    test: "node -v && pnpm test:tokens-create-and-build-options && pnpm test:generate-config-from-tokens && pnpm test:tokens-create-and-build-config",
     "digdir:tokens-build": "pnpm run designsystemet tokens build -t ../../internal/design-tokens -o ../../packages/theme/brand --clean --experimental-tailwind",
     "digdir:tokens-create": "pnpm run designsystemet tokens create --config ./configs/digdir.config.json",
     "update:template": "tsx ./src/scripts/update-template.ts",
@@ -68,7 +69,7 @@ var package_default = {
     "change-case": "^5.4.4",
     "chroma-js": "^3.1.2",
     "colorjs.io": "^0.6.0-alpha.1",
-    commander: "^14.0.1",
+    commander: "^14.0.2",
     "fast-glob": "^3.3.3",
     hsluv: "^1.0.1",
     "object-hash": "^3.0.0",
@@ -82,9 +83,9 @@ var package_default = {
   devDependencies: {
     "@tokens-studio/types": "0.5.2",
     "@types/apca-w3": "^0.1.3",
-    "@types/chroma-js": "^3.1.1",
+    "@types/chroma-js": "^3.1.2",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.18.11",
+    "@types/node": "^22.19.0",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.31.1",
     "fs-extra": "^11.3.2",

package/dist/src/tokens/create/generators/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/create/generators/color.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAS,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAgBvD,eAAO,MAAM,mBAAmB,GAC9B,WAAW,MAAM,EACjB,aAAa,WAAW,EACxB,QAAQ,MAAM,EACd,YAAY,mBAAmB,KAC9B,QAkEF,CAAC"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/create/generators/color.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAS,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,KAAK,EAAE,MAAM,EAAS,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAgB9D,eAAO,MAAM,mBAAmB,GAC9B,WAAW,MAAM,EACjB,aAAa,WAAW,EACxB,QAAQ,MAAM,EACd,YAAY,mBAAmB,KAC9B,QAqEF,CAAC"}

package/dist/src/tokens/create/generators/color.js

@@ -389,6 +389,7 @@ var generateColorScheme = (themeName, colorScheme, colors, overrides) => {
     baseColorsWithOverrides
   );
   const linkColor = generateColor(generateColorScale(dsLinkColor, colorScheme));
+  const linkOverride = overrides?.linkVisited?.[colorScheme] ? { $type: "color", $value: overrides.linkVisited[colorScheme] } : void 0;
   return {
     [themeName]: {
       ...main,
@@ -396,7 +397,7 @@ var generateColorScheme = (themeName, colorScheme, colors, overrides) => {
       neutral,
       ...globalColors,
       link: {
-        visited: linkColor[12]
+        visited: linkOverride || linkColor[12]
       }
     }
   };

package/dist/src/tokens/create/write.js

@@ -46,7 +46,7 @@ var readFile = async (path2, dry, allowFileNotFound) => {
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.7.1",
+  version: "1.7.3",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -98,7 +98,8 @@ var package_default = {
     "test:tokens-build-config-tailwind": "pnpm run designsystemet tokens build -t ./temp/config/design-tokens -o ./temp/config/build --clean --experimental-tailwind",
     "test:tokens-create-and-build-options": "pnpm test:tokens-create-options && pnpm test:tokens-build",
     "test:tokens-create-and-build-config": "pnpm test:tokens-create-config && pnpm test:tokens-build-config",
-    test: "node -v && pnpm test:tokens-create-and-build-options && pnpm test:tokens-create-and-build-config",
+    "test:generate-config-from-tokens": "pnpm run designsystemet generate-config-from-tokens -d ../../internal/design-tokens --dry",
+    test: "node -v && pnpm test:tokens-create-and-build-options && pnpm test:generate-config-from-tokens && pnpm test:tokens-create-and-build-config",
     "digdir:tokens-build": "pnpm run designsystemet tokens build -t ../../internal/design-tokens -o ../../packages/theme/brand --clean --experimental-tailwind",
     "digdir:tokens-create": "pnpm run designsystemet tokens create --config ./configs/digdir.config.json",
     "update:template": "tsx ./src/scripts/update-template.ts",
@@ -113,7 +114,7 @@ var package_default = {
     "change-case": "^5.4.4",
     "chroma-js": "^3.1.2",
     "colorjs.io": "^0.6.0-alpha.1",
-    commander: "^14.0.1",
+    commander: "^14.0.2",
     "fast-glob": "^3.3.3",
     hsluv: "^1.0.1",
     "object-hash": "^3.0.0",
@@ -127,9 +128,9 @@ var package_default = {
   devDependencies: {
     "@tokens-studio/types": "0.5.2",
     "@types/apca-w3": "^0.1.3",
-    "@types/chroma-js": "^3.1.1",
+    "@types/chroma-js": "^3.1.2",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.18.11",
+    "@types/node": "^22.19.0",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.31.1",
     "fs-extra": "^11.3.2",

package/dist/src/tokens/create.js

@@ -1384,6 +1384,7 @@ var generateColorScheme = (themeName, colorScheme, colors, overrides) => {
     baseColorsWithOverrides
   );
   const linkColor = generateColor(generateColorScale(dsLinkColor, colorScheme));
+  const linkOverride = overrides?.linkVisited?.[colorScheme] ? { $type: "color", $value: overrides.linkVisited[colorScheme] } : void 0;
   return {
     [themeName]: {
       ...main,
@@ -1391,7 +1392,7 @@ var generateColorScheme = (themeName, colorScheme, colors, overrides) => {
       neutral,
       ...globalColors,
       link: {
-        visited: linkColor[12]
+        visited: linkOverride || linkColor[12]
       }
     }
   };

package/dist/src/tokens/format.js

@@ -1717,6 +1717,7 @@ var generateColorScheme = (themeName, colorScheme2, colors, overrides) => {
     baseColorsWithOverrides
   );
   const linkColor = generateColor(generateColorScale(dsLinkColor, colorScheme2));
+  const linkOverride = overrides?.linkVisited?.[colorScheme2] ? { $type: "color", $value: overrides.linkVisited[colorScheme2] } : void 0;
   return {
     [themeName]: {
       ...main,
@@ -1724,7 +1725,7 @@ var generateColorScheme = (themeName, colorScheme2, colors, overrides) => {
       neutral,
       ...globalColors,
       link: {
-        visited: linkColor[12]
+        visited: linkOverride || linkColor[12]
       }
     }
   };
@@ -2190,7 +2191,7 @@ import * as R8 from "ramda";
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.7.1",
+  version: "1.7.3",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -2242,7 +2243,8 @@ var package_default = {
     "test:tokens-build-config-tailwind": "pnpm run designsystemet tokens build -t ./temp/config/design-tokens -o ./temp/config/build --clean --experimental-tailwind",
     "test:tokens-create-and-build-options": "pnpm test:tokens-create-options && pnpm test:tokens-build",
     "test:tokens-create-and-build-config": "pnpm test:tokens-create-config && pnpm test:tokens-build-config",
-    test: "node -v && pnpm test:tokens-create-and-build-options && pnpm test:tokens-create-and-build-config",
+    "test:generate-config-from-tokens": "pnpm run designsystemet generate-config-from-tokens -d ../../internal/design-tokens --dry",
+    test: "node -v && pnpm test:tokens-create-and-build-options && pnpm test:generate-config-from-tokens && pnpm test:tokens-create-and-build-config",
     "digdir:tokens-build": "pnpm run designsystemet tokens build -t ../../internal/design-tokens -o ../../packages/theme/brand --clean --experimental-tailwind",
     "digdir:tokens-create": "pnpm run designsystemet tokens create --config ./configs/digdir.config.json",
     "update:template": "tsx ./src/scripts/update-template.ts",
@@ -2257,7 +2259,7 @@ var package_default = {
     "change-case": "^5.4.4",
     "chroma-js": "^3.1.2",
     "colorjs.io": "^0.6.0-alpha.1",
-    commander: "^14.0.1",
+    commander: "^14.0.2",
     "fast-glob": "^3.3.3",
     hsluv: "^1.0.1",
     "object-hash": "^3.0.0",
@@ -2271,9 +2273,9 @@ var package_default = {
   devDependencies: {
     "@tokens-studio/types": "0.5.2",
     "@types/apca-w3": "^0.1.3",
-    "@types/chroma-js": "^3.1.1",
+    "@types/chroma-js": "^3.1.2",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.18.11",
+    "@types/node": "^22.19.0",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.31.1",
     "fs-extra": "^11.3.2",

package/dist/src/tokens/generate-config.d.ts

@@ -0,0 +1,11 @@
+import type { CreateConfigSchema } from '../config.js';
+export type GenerateConfigOptions = {
+    tokensDir: string;
+    outFile?: string;
+    dry?: boolean;
+};
+/**
+ * Generates a config file from existing design tokens
+ */
+export declare function generateConfigFromTokens(options: GenerateConfigOptions): Promise<CreateConfigSchema>;
+//# sourceMappingURL=generate-config.d.ts.map

package/dist/src/tokens/generate-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-config.d.ts","sourceRoot":"","sources":["../../../src/tokens/generate-config.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AA4MvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAEF;;GAEG;AACH,wBAAsB,wBAAwB,CAAC,OAAO,EAAE,qBAAqB,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAoF1G"}

package/dist/src/tokens/generate-config.js

@@ -0,0 +1,202 @@
+// src/tokens/generate-config.ts
+import fs from "fs/promises";
+import path from "path";
+import pc from "picocolors";
+async function readJsonFile(filePath) {
+  try {
+    const content = await fs.readFile(filePath, "utf-8");
+    return JSON.parse(content);
+  } catch (err) {
+    throw new Error(`Failed to read token file at ${filePath}: ${err instanceof Error ? err.message : String(err)}`);
+  }
+}
+function extractBaseColor(colorScale) {
+  if ("12" in colorScale && typeof colorScale["12"] === "object" && "$value" in colorScale["12"]) {
+    const token = colorScale["12"];
+    if (token.$type === "color") {
+      return token.$value;
+    }
+  }
+  return null;
+}
+async function discoverThemes(tokensDir) {
+  const lightModePath = path.join(tokensDir, "themes");
+  try {
+    const files = await fs.readdir(lightModePath);
+    const themes = files.filter((file) => file.endsWith(".json")).map((file) => file.replace(".json", ""));
+    return themes;
+  } catch {
+    throw new Error(`Could not find themes. Make sure ${pc.blue(lightModePath)} exists and contains theme JSON files.`);
+  }
+}
+async function readThemeTokens(tokensDir, themeName) {
+  const themePath = path.join(tokensDir, "primitives", "modes", "color-scheme", "light", `${themeName}.json`);
+  return readJsonFile(themePath);
+}
+async function readThemeConfig(tokensDir, themeName) {
+  const themeConfigPath = path.join(tokensDir, "themes", `${themeName}.json`);
+  try {
+    return await readJsonFile(themeConfigPath);
+  } catch {
+    return null;
+  }
+}
+function extractBorderRadius(themeConfig) {
+  if (!themeConfig || !("border-radius" in themeConfig)) {
+    return void 0;
+  }
+  const borderRadius = themeConfig["border-radius"];
+  if ("base" in borderRadius && typeof borderRadius.base === "object" && "$value" in borderRadius.base) {
+    const token = borderRadius.base;
+    return Number(token.$value);
+  }
+  return void 0;
+}
+function extractFontFamily(themeConfig) {
+  if (!themeConfig || !("font-family" in themeConfig)) {
+    return void 0;
+  }
+  const fontFamily = themeConfig["font-family"];
+  if (typeof fontFamily === "object" && "$value" in fontFamily) {
+    const token = fontFamily;
+    const value = token.$value;
+    if (value.startsWith("{") && value.endsWith("}")) {
+      return void 0;
+    }
+    return value;
+  }
+  return void 0;
+}
+async function readTypographyConfig(tokensDir, themeName) {
+  const typographyConfigPath = path.join(
+    tokensDir,
+    "primitives",
+    "modes",
+    "typography",
+    "primary",
+    `${themeName}.json`
+  );
+  try {
+    return await readJsonFile(typographyConfigPath);
+  } catch {
+    return null;
+  }
+}
+function extractFontFamilyFromPrimitives(typographyConfig, themeName) {
+  if (!typographyConfig) {
+    return void 0;
+  }
+  const themeTypography = typographyConfig[themeName];
+  if (!themeTypography || !("font-family" in themeTypography)) {
+    return void 0;
+  }
+  const fontFamily = themeTypography["font-family"];
+  if (typeof fontFamily === "object" && "$value" in fontFamily) {
+    const token = fontFamily;
+    return token.$value;
+  }
+  return void 0;
+}
+function categorizeColors(themeTokens, themeName) {
+  const main = {};
+  const support = {};
+  let neutral = null;
+  const builtInColors = ["neutral", "info", "success", "warning", "danger"];
+  const specialKeys = ["link"];
+  const themeColors = themeTokens[themeName];
+  if (!themeColors) {
+    return { main, support, neutral };
+  }
+  for (const [colorName, colorValue] of Object.entries(themeColors)) {
+    if (specialKeys.includes(colorName)) {
+      continue;
+    }
+    if (typeof colorValue === "object" && !("$value" in colorValue)) {
+      const baseColor = extractBaseColor(colorValue);
+      if (baseColor) {
+        if (colorName === "neutral") {
+          neutral = baseColor;
+        } else if (builtInColors.includes(colorName)) {
+        } else if (colorName === "accent") {
+          main[colorName] = baseColor;
+        } else {
+          support[colorName] = baseColor;
+        }
+      }
+    }
+  }
+  return { main, support, neutral };
+}
+async function generateConfigFromTokens(options) {
+  const { tokensDir, dry = false } = options;
+  console.log(`
+Reading tokens from ${pc.blue(tokensDir)}`);
+  const themes = await discoverThemes(tokensDir);
+  if (themes.length === 0) {
+    throw new Error(`
+No themes found in ${pc.blue(tokensDir)}`);
+  }
+  console.log(`
+Found ${pc.green(String(themes.length))} theme(s): ${themes.map((t) => pc.cyan(t)).join(", ")}`);
+  const config = {
+    outDir: tokensDir,
+    themes: {}
+  };
+  for (const themeName of themes) {
+    console.log(`
+Processing theme ${pc.cyan(themeName)}...`);
+    const themeTokens = await readThemeTokens(tokensDir, themeName);
+    const themeConfig = await readThemeConfig(tokensDir, themeName);
+    const typographyConfig = await readTypographyConfig(tokensDir, themeName);
+    const { main, support, neutral } = categorizeColors(themeTokens, themeName);
+    if (Object.keys(main).length === 0) {
+      console.warn(pc.yellow(`
+Warning: No main colors found for theme ${themeName}`));
+    }
+    if (!neutral) {
+      console.warn(pc.yellow(`
+Warning: No neutral color found for theme ${themeName}`));
+      continue;
+    }
+    const borderRadius = extractBorderRadius(themeConfig);
+    const fontFamily = extractFontFamily(themeConfig) ?? extractFontFamilyFromPrimitives(typographyConfig, themeName);
+    config.themes[themeName] = {
+      colors: {
+        main,
+        support,
+        neutral
+      },
+      borderRadius,
+      typography: fontFamily ? { fontFamily } : void 0
+    };
+    console.log(
+      `
+\u2705 Main colors: ${Object.keys(main).map((c) => pc.cyan(c)).join(", ") || pc.dim("none")}`
+    );
+    console.log(
+      `
+\u2705 Support colors: ${Object.keys(support).map((c) => pc.cyan(c)).join(", ") || pc.dim("none")}`
+    );
+    console.log(`
+\u2705 Neutral: ${pc.cyan(neutral)}`);
+    if (borderRadius !== void 0) {
+      console.log(`
+\u2705 Border radius: ${pc.cyan(String(borderRadius))}`);
+    }
+    if (fontFamily) {
+      console.log(`
+\u2705 Font family: ${pc.cyan(fontFamily)}`);
+    }
+  }
+  if (!dry && options.outFile) {
+    const configJson = JSON.stringify(config, null, 2);
+    await fs.writeFile(options.outFile, configJson, "utf-8");
+    console.log();
+    console.log(`
+\u2705 Config file written to ${pc.blue(options.outFile)}`);
+  }
+  return config;
+}
+export {
+  generateConfigFromTokens
+};