@digdir/designsystemet 0.0.0-chore-remove-cli-tsx-20260701060359

package/dist/src/tokens/create/generators/semantic/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":[],"sources":["../../../../../../src/tokens/create/generators/semantic/style.ts"],"sourcesContent":["import * as R from 'ramda';\nimport { type ColorNames, semanticColorMap } from '../../../../colors/types.ts';\nimport type { Token, TokenSet } from '../../../types.ts';\n\nexport function generateSemanticStyle(colorNames: string[]): TokenSet {\n  return {\n    ...generateColors(colorNames),\n    'border-width': {\n      default: {\n        $type: 'borderWidth',\n        $value: '{border-width.1}',\n      },\n      focus: {\n        $type: 'borderWidth',\n        $value: '{border-width.3}',\n      },\n    },\n    'border-radius': {\n      sm: {\n        $type: 'dimension',\n        $value: '{border-radius.1}',\n      },\n      md: {\n        $type: 'dimension',\n        $value: '{border-radius.2}',\n      },\n      lg: {\n        $type: 'dimension',\n        $value: '{border-radius.3}',\n      },\n      xl: {\n        $type: 'dimension',\n        $value: '{border-radius.4}',\n      },\n      default: {\n        $type: 'dimension',\n        $value: '{border-radius.5}',\n      },\n      full: {\n        $type: 'dimension',\n        $value: '{border-radius.6}',\n      },\n    },\n    opacity: {\n      disabled: {\n        $type: 'opacity',\n        $value: '{opacity.30}',\n      },\n    },\n    typography: {\n      heading: {\n        '2xl': {\n          $type: 'typography',\n          $value: {\n            fontFamily: '{font-family}',\n            fontWeight: '{font-weight.medium}',\n            lineHeight: '{line-height.sm}',\n            fontSize: '{font-size.10}',\n            letterSpacing: '{letter-spacing.1}',\n          },\n        },\n        xl: {\n          $type: 'typography',\n          $value: {\n            fontFamily: '{font-family}',\n            fontWeight: '{font-weight.medium}',\n            lineHeight: '{line-height.sm}',\n            fontSize: '{font-size.9}',\n            letterSpacing: '{letter-spacing.1}',\n          },\n        },\n        lg: {\n          $type: 'typography',\n          $value: {\n            fontFamily: '{font-family}',\n            fontWeight: '{font-weight.medium}',\n            lineHeight: '{line-height.sm}',\n            fontSize: '{font-size.8}',\n            letterSpacing: '{letter-spacing.2}',\n          },\n        },\n        md: {\n          $type: 'typography',\n          $value: {\n            fontFamily: '{font-family}',\n            fontWeight: '{font-weight.medium}',\n            lineHeight: '{line-height.sm}',\n            fontSize: '{font-size.7}',\n            letterSpacing: '{letter-spacing.3}',\n          },\n        },\n        sm: {\n          $type: 'typography',\n          $value: {\n            fontFamily: '{font-family}',\n            fontWeight: '{font-weight.medium}',\n            lineHeight: '{line-height.sm}',\n            fontSize: '{font-size.6}',\n            letterSpacing: '{letter-spacing.5}',\n          },\n        },\n        xs: {\n          $type: 'typography',\n          $value: {\n            fontFamily: '{font-family}',\n            fontWeight: '{font-weight.medium}',\n            lineHeight: '{line-height.sm}',\n            fontSize: '{font-size.5}',\n            letterSpacing: '{letter-spacing.6}',\n          },\n        },\n        '2xs': {\n          $type: 'typography',\n          $value: {\n            fontFamily: '{font-family}',\n            fontWeight: '{font-weight.medium}',\n            lineHeight: '{line-height.sm}',\n            fontSize: '{font-size.4}',\n            letterSpacing: '{letter-spacing.6}',\n          },\n        },\n      },\n      body: {\n        xl: {\n          $type: 'typography',\n          $value: {\n            fontFamily: '{font-family}',\n            fontWeight: '{font-weight.regular}',\n            lineHeight: '{line-height.md}',\n            fontSize: '{font-size.6}',\n            letterSpacing: '{letter-spacing.8}',\n          },\n        },\n        lg: {\n          $type: 'typography',\n          $value: {\n            fontFamily: '{font-family}',\n            fontWeight: '{font-weight.regular}',\n            lineHeight: '{line-height.md}',\n            fontSize: '{font-size.5}',\n            letterSpacing: '{letter-spacing.8}',\n          },\n        },\n        md: {\n          $type: 'typography',\n          $value: {\n            fontFamily: '{font-family}',\n            fontWeight: '{font-weight.regular}',\n            lineHeight: '{line-height.md}',\n            fontSize: '{font-size.4}',\n            letterSpacing: '{letter-spacing.8}',\n          },\n        },\n        sm: {\n          $type: 'typography',\n          $value: {\n            fontFamily: '{font-family}',\n            fontWeight: '{font-weight.regular}',\n            lineHeight: '{line-height.md}',\n            fontSize: '{font-size.3}',\n            letterSpacing: '{letter-spacing.7}',\n          },\n        },\n        xs: {\n          $type: 'typography',\n          $value: {\n            fontFamily: '{font-family}',\n            fontWeight: '{font-weight.regular}',\n            lineHeight: '{line-height.md}',\n            fontSize: '{font-size.2}',\n            letterSpacing: '{letter-spacing.6}',\n          },\n        },\n        short: {\n          xl: {\n            $type: 'typography',\n            $value: {\n              fontFamily: '{font-family}',\n              fontWeight: '{font-weight.regular}',\n              lineHeight: '{line-height.sm}',\n              fontSize: '{font-size.6}',\n              letterSpacing: '{letter-spacing.8}',\n            },\n          },\n          lg: {\n            $type: 'typography',\n            $value: {\n              fontFamily: '{font-family}',\n              fontWeight: '{font-weight.regular}',\n              lineHeight: '{line-height.sm}',\n              fontSize: '{font-size.5}',\n              letterSpacing: '{letter-spacing.8}',\n            },\n          },\n          md: {\n            $type: 'typography',\n            $value: {\n              fontFamily: '{font-family}',\n              fontWeight: '{font-weight.regular}',\n              lineHeight: '{line-height.sm}',\n              fontSize: '{font-size.4}',\n              letterSpacing: '{letter-spacing.8}',\n            },\n          },\n          sm: {\n            $type: 'typography',\n            $value: {\n              fontFamily: '{font-family}',\n              fontWeight: '{font-weight.regular}',\n              lineHeight: '{line-height.sm}',\n              fontSize: '{font-size.3}',\n              letterSpacing: '{letter-spacing.7}',\n            },\n          },\n          xs: {\n            $type: 'typography',\n            $value: {\n              fontFamily: '{font-family}',\n              fontWeight: '{font-weight.regular}',\n              lineHeight: '{line-height.sm}',\n              fontSize: '{font-size.2}',\n              letterSpacing: '{letter-spacing.6}',\n            },\n          },\n        },\n        long: {\n          xl: {\n            $type: 'typography',\n            $value: {\n              fontFamily: '{font-family}',\n              fontWeight: '{font-weight.regular}',\n              lineHeight: '{line-height.lg}',\n              fontSize: '{font-size.6}',\n              letterSpacing: '{letter-spacing.8}',\n            },\n          },\n          lg: {\n            $type: 'typography',\n            $value: {\n              fontFamily: '{font-family}',\n              fontWeight: '{font-weight.regular}',\n              lineHeight: '{line-height.lg}',\n              fontSize: '{font-size.5}',\n              letterSpacing: '{letter-spacing.8}',\n            },\n          },\n          md: {\n            $type: 'typography',\n            $value: {\n              fontFamily: '{font-family}',\n              fontWeight: '{font-weight.regular}',\n              lineHeight: '{line-height.lg}',\n              fontSize: '{font-size.4}',\n              letterSpacing: '{letter-spacing.8}',\n            },\n          },\n          sm: {\n            $type: 'typography',\n            $value: {\n              fontFamily: '{font-family}',\n              fontWeight: '{font-weight.regular}',\n              lineHeight: '{line-height.lg}',\n              fontSize: '{font-size.3}',\n              letterSpacing: '{letter-spacing.7}',\n            },\n          },\n          xs: {\n            $type: 'typography',\n            $value: {\n              fontFamily: '{font-family}',\n              fontWeight: '{font-weight.regular}',\n              lineHeight: '{line-height.lg}',\n              fontSize: '{font-size.2}',\n              letterSpacing: '{letter-spacing.6}',\n            },\n          },\n        },\n      },\n    },\n    shadow: {\n      xs: {\n        $type: 'boxShadow',\n        $value: '{shadow.100}',\n      },\n      sm: {\n        $type: 'boxShadow',\n        $value: '{shadow.200}',\n      },\n      md: {\n        $type: 'boxShadow',\n        $value: '{shadow.300}',\n      },\n      lg: {\n        $type: 'boxShadow',\n        $value: '{shadow.400}',\n      },\n      xl: {\n        $type: 'boxShadow',\n        $value: '{shadow.500}',\n      },\n    },\n    size: {\n      '0': {\n        $type: 'dimension',\n        $value: '{_size.0}',\n      },\n      '1': {\n        $type: 'dimension',\n        $value: '{_size.1}',\n      },\n      '2': {\n        $type: 'dimension',\n        $value: '{_size.2}',\n      },\n      '3': {\n        $type: 'dimension',\n        $value: '{_size.3}',\n      },\n      '4': {\n        $type: 'dimension',\n        $value: '{_size.4}',\n      },\n      '5': {\n        $type: 'dimension',\n        $value: '{_size.5}',\n      },\n      '6': {\n        $type: 'dimension',\n        $value: '{_size.6}',\n      },\n      '7': {\n        $type: 'dimension',\n        $value: '{_size.7}',\n      },\n      '8': {\n        $type: 'dimension',\n        $value: '{_size.8}',\n      },\n      '9': {\n        $type: 'dimension',\n        $value: '{_size.9}',\n      },\n      '10': {\n        $type: 'dimension',\n        $value: '{_size.10}',\n      },\n      '11': {\n        $type: 'dimension',\n        $value: '{_size.11}',\n      },\n      '12': {\n        $type: 'dimension',\n        $value: '{_size.12}',\n      },\n      '13': {\n        $type: 'dimension',\n        $value: '{_size.13}',\n      },\n      '14': {\n        $type: 'dimension',\n        $value: '{_size.14}',\n      },\n      '15': {\n        $type: 'dimension',\n        $value: '{_size.15}',\n      },\n      '18': {\n        $type: 'dimension',\n        $value: '{_size.18}',\n      },\n      '22': {\n        $type: 'dimension',\n        $value: '{_size.22}',\n      },\n      '26': {\n        $type: 'dimension',\n        $value: '{_size.26}',\n      },\n      '30': {\n        $type: 'dimension',\n        $value: '{_size.30}',\n      },\n    },\n  } satisfies TokenSet;\n}\n\nfunction generateSingleTypographyToken(component: 'heading' | 'body', size: string, variant?: 'short' | 'long'): Token {\n  const prefix = `typography-mapping.${component}${variant ? `.${variant}` : ''}.${size}`;\n  return {\n    $type: 'typography',\n    $value: {\n      fontFamily: `{${prefix}.font-family}`,\n      fontWeight: `{${prefix}.font-weight}`,\n      lineHeight: `{${prefix}.line-height}`,\n      fontSize: `{${prefix}.font-size}`,\n      letterSpacing: `{${prefix}.letter-spacing}`,\n    },\n  };\n}\n\nfunction _generateTypography() {\n  const headingSizes = ['2xl', 'xl', 'lg', 'md', 'sm', 'xs', '2xs'];\n  const heading = Object.fromEntries(\n    headingSizes.map((size) => [size, generateSingleTypographyToken('heading', size)] as const),\n  );\n  const bodySizes = ['xl', 'lg', 'md', 'sm', 'xs'];\n  const body = Object.fromEntries(\n    bodySizes.map((size) => [size, generateSingleTypographyToken('body', size)] as const),\n  );\n  const bodyShort = Object.fromEntries(\n    bodySizes.map((size) => [size, generateSingleTypographyToken('body', size, 'short')] as const),\n  );\n  const bodyLong = Object.fromEntries(\n    bodySizes.map((size) => [size, generateSingleTypographyToken('body', size, 'long')] as const),\n  );\n  return {\n    heading,\n    body: {\n      ...body,\n      short: bodyShort,\n      long: bodyLong,\n    },\n  };\n}\n\nconst generateColors = (colorNames: string[]) => {\n  const semanticColorTokens = colorNames.map((colorName) => [colorName, generateColorScaleTokens(colorName)]);\n\n  return {\n    ...baseColorTemplate,\n    color: {\n      ...Object.fromEntries(semanticColorTokens),\n      ...baseColorTemplate.color,\n    },\n  };\n};\n\nconst baseColorTemplate: TokenSet = {\n  color: {\n    focus: {\n      inner: {\n        $type: 'color',\n        $value: '{color.focus.inner-color}',\n      },\n      outer: {\n        $type: 'color',\n        $value: '{color.focus.outer-color}',\n      },\n    },\n  },\n  link: {\n    color: {\n      visited: {\n        $type: 'color',\n        $value: '{color.link.visited}',\n      },\n    },\n  },\n};\n\nconst generateColorScaleTokens = (colorName: string): Record<ColorNames, Token> => {\n  const colorScale = {} as Record<ColorNames, Token>;\n\n  for (const [colorSemantic, colorNumber] of R.toPairs(semanticColorMap)) {\n    colorScale[colorSemantic] = {\n      $type: 'color',\n      $value: `{color.${colorName}.${colorNumber}}`,\n    };\n  }\n\n  return colorScale;\n};\n"],"mappings":"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"}

package/dist/src/tokens/create/generators/themes/theme.d.ts

@@ -0,0 +1,7 @@
+import { TokenSet } from "../../../types.js";
+
+//#region src/tokens/create/generators/themes/theme.d.ts
+declare const generateTheme: (colorNames: string[], themeName: string, borderRadius: number) => TokenSet;
+//#endregion
+export { generateTheme };
+//# sourceMappingURL=theme.d.ts.map

package/dist/src/tokens/create/generators/themes/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","names":[],"sources":["../../../../../../src/tokens/create/generators/themes/theme.ts"],"mappings":";;;cAIa,aAAA,GAAiB,UAAA,YAAsB,SAAA,UAAmB,YAAA,aAAoB,QA+C1F"}

package/dist/src/tokens/create/generators/themes/theme.js

@@ -0,0 +1,105 @@
+import { semanticColorMap } from "../../../../colors/types.js";
+import * as R from "ramda";
+//#region src/tokens/create/generators/themes/theme.ts
+const generateTheme = (colorNames, themeName, borderRadius) => {
+	const themeColorTokens = Object.fromEntries(colorNames.map((colorName) => [colorName, generateColorScaleTokens(colorName, themeName)]));
+	const { color: themeBaseFileColor, ...remainingThemeFile } = generateBase(themeName);
+	const themeFile = {
+		color: {
+			...themeColorTokens,
+			...themeBaseFileColor,
+			link: { visited: {
+				$type: "color",
+				$value: `{${themeName}.link.visited}`
+			} },
+			focus: {
+				"inner-color": {
+					$type: "color",
+					$value: `{${themeName}.focus.inner}`
+				},
+				"outer-color": {
+					$type: "color",
+					$value: `{${themeName}.focus.outer}`
+				}
+			}
+		},
+		...remainingThemeFile
+	};
+	const baseBorderRadius = R.lensPath([
+		"border-radius",
+		"base",
+		"$value"
+	]);
+	const updatedThemeFile = R.set(baseBorderRadius, String(borderRadius), themeFile);
+	return JSON.parse(JSON.stringify(updatedThemeFile, (key, value) => {
+		if (key === "$value") return value.replace("<theme>", themeName);
+		return value;
+	}, 2));
+};
+const generateBase = (themeName) => ({
+	color: {},
+	"font-family": {
+		$type: "fontFamilies",
+		$value: `{${themeName}.font-family}`
+	},
+	"font-weight": {
+		medium: {
+			$type: "fontWeights",
+			$value: `{${themeName}.font-weight.medium}`
+		},
+		semibold: {
+			$type: "fontWeights",
+			$value: `{${themeName}.font-weight.semibold}`
+		},
+		regular: {
+			$type: "fontWeights",
+			$value: `{${themeName}.font-weight.regular}`
+		}
+	},
+	"border-radius": {
+		"1": {
+			$type: "dimension",
+			$value: "min({border-radius.base}*0.5,{border-radius.scale})"
+		},
+		"2": {
+			$type: "dimension",
+			$value: "min({border-radius.base},{border-radius.scale}*2)"
+		},
+		"3": {
+			$type: "dimension",
+			$value: "min({border-radius.base}*2,{border-radius.scale}*5)"
+		},
+		"4": {
+			$type: "dimension",
+			$value: "min({border-radius.base}*3,{border-radius.scale}*7)"
+		},
+		"5": {
+			$type: "dimension",
+			$value: "{border-radius.base}"
+		},
+		"6": {
+			$type: "dimension",
+			$value: "9999"
+		},
+		base: {
+			$type: "dimension",
+			$value: "4"
+		},
+		scale: {
+			$type: "dimension",
+			$value: "4"
+		}
+	}
+});
+const generateColorScaleTokens = (colorName, themeName) => {
+	const colorScale = {};
+	for (const [_, colorNumber] of R.toPairs(semanticColorMap)) colorScale[colorNumber] = {
+		$type: "color",
+		$value: `{${themeName}.${colorName}.${colorNumber}}`
+	};
+	return colorScale;
+};
+//#endregion
+export { generateTheme };
+
+//# sourceMappingURL=theme.js.map

package/dist/src/tokens/create/generators/themes/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":[],"sources":["../../../../../../src/tokens/create/generators/themes/theme.ts"],"sourcesContent":["import * as R from 'ramda';\nimport { type ColorNumber, semanticColorMap } from '../../../../colors/types.ts';\nimport type { Token, TokenSet } from '../../../types.ts';\n\nexport const generateTheme = (colorNames: string[], themeName: string, borderRadius: number) => {\n  const themeColorTokens = Object.fromEntries(\n    colorNames.map((colorName) => [colorName, generateColorScaleTokens(colorName, themeName)]),\n  );\n\n  const { color: themeBaseFileColor, ...remainingThemeFile } = generateBase(themeName);\n  const themeFile = {\n    color: {\n      ...themeColorTokens,\n      ...themeBaseFileColor,\n      link: {\n        visited: {\n          $type: 'color',\n          $value: `{${themeName}.link.visited}`,\n        },\n      },\n      focus: {\n        'inner-color': {\n          $type: 'color',\n          $value: `{${themeName}.focus.inner}`,\n        },\n        'outer-color': {\n          $type: 'color',\n          $value: `{${themeName}.focus.outer}`,\n        },\n      },\n    },\n    ...remainingThemeFile,\n  };\n\n  const baseBorderRadius = R.lensPath(['border-radius', 'base', '$value']);\n  const updatedThemeFile = R.set(baseBorderRadius, String(borderRadius), themeFile);\n  const token = JSON.parse(\n    JSON.stringify(\n      updatedThemeFile,\n      (key, value) => {\n        if (key === '$value') {\n          return (value as string).replace('<theme>', themeName);\n        }\n\n        return value;\n      },\n      2,\n    ),\n  ) as TokenSet;\n\n  return token;\n};\n\nconst generateBase = (themeName: string): TokenSet => ({\n  color: {},\n  'font-family': {\n    $type: 'fontFamilies',\n    $value: `{${themeName}.font-family}`,\n  },\n  'font-weight': {\n    medium: {\n      $type: 'fontWeights',\n      $value: `{${themeName}.font-weight.medium}`,\n    },\n    semibold: {\n      $type: 'fontWeights',\n      $value: `{${themeName}.font-weight.semibold}`,\n    },\n    regular: {\n      $type: 'fontWeights',\n      $value: `{${themeName}.font-weight.regular}`,\n    },\n  },\n  'border-radius': {\n    '1': {\n      $type: 'dimension',\n      $value: 'min({border-radius.base}*0.5,{border-radius.scale})',\n    },\n    '2': {\n      $type: 'dimension',\n      $value: 'min({border-radius.base},{border-radius.scale}*2)',\n    },\n    '3': {\n      $type: 'dimension',\n      $value: 'min({border-radius.base}*2,{border-radius.scale}*5)',\n    },\n    '4': {\n      $type: 'dimension',\n      $value: 'min({border-radius.base}*3,{border-radius.scale}*7)',\n    },\n    '5': {\n      $type: 'dimension',\n      $value: '{border-radius.base}',\n    },\n    '6': {\n      $type: 'dimension',\n      $value: '9999',\n    },\n    base: {\n      $type: 'dimension',\n      $value: '4',\n    },\n    scale: {\n      $type: 'dimension',\n      $value: '4',\n    },\n  },\n});\n\nconst generateColorScaleTokens = (colorName: string, themeName: string): Record<ColorNumber, Token> => {\n  const colorScale = {} as Record<ColorNumber, Token>;\n\n  for (const [_, colorNumber] of R.toPairs(semanticColorMap)) {\n    colorScale[colorNumber] = {\n      $type: 'color',\n      $value: `{${themeName}.${colorName}.${colorNumber}}`,\n    };\n  }\n\n  return colorScale;\n};\n"],"mappings":";;;AAIA,MAAa,iBAAiB,YAAsB,WAAmB,iBAAyB;CAC9F,MAAM,mBAAmB,OAAO,YAC9B,WAAW,KAAK,cAAc,CAAC,WAAW,yBAAyB,WAAW,SAAS,CAAC,CAAC,CAC3F;CAEA,MAAM,EAAE,OAAO,oBAAoB,GAAG,uBAAuB,aAAa,SAAS;CACnF,MAAM,YAAY;EAChB,OAAO;GACL,GAAG;GACH,GAAG;GACH,MAAM,EACJ,SAAS;IACP,OAAO;IACP,QAAQ,IAAI,UAAU;GACxB,EACF;GACA,OAAO;IACL,eAAe;KACb,OAAO;KACP,QAAQ,IAAI,UAAU;IACxB;IACA,eAAe;KACb,OAAO;KACP,QAAQ,IAAI,UAAU;IACxB;GACF;EACF;EACA,GAAG;CACL;CAEA,MAAM,mBAAmB,EAAE,SAAS;EAAC;EAAiB;EAAQ;CAAQ,CAAC;CACvE,MAAM,mBAAmB,EAAE,IAAI,kBAAkB,OAAO,YAAY,GAAG,SAAS;CAehF,OAdc,KAAK,MACjB,KAAK,UACH,mBACC,KAAK,UAAU;EACd,IAAI,QAAQ,UACV,OAAQ,MAAiB,QAAQ,WAAW,SAAS;EAGvD,OAAO;CACT,GACA,CACF,CAGS;AACb;AAEA,MAAM,gBAAgB,eAAiC;CACrD,OAAO,CAAC;CACR,eAAe;EACb,OAAO;EACP,QAAQ,IAAI,UAAU;CACxB;CACA,eAAe;EACb,QAAQ;GACN,OAAO;GACP,QAAQ,IAAI,UAAU;EACxB;EACA,UAAU;GACR,OAAO;GACP,QAAQ,IAAI,UAAU;EACxB;EACA,SAAS;GACP,OAAO;GACP,QAAQ,IAAI,UAAU;EACxB;CACF;CACA,iBAAiB;EACf,KAAK;GACH,OAAO;GACP,QAAQ;EACV;EACA,KAAK;GACH,OAAO;GACP,QAAQ;EACV;EACA,KAAK;GACH,OAAO;GACP,QAAQ;EACV;EACA,KAAK;GACH,OAAO;GACP,QAAQ;EACV;EACA,KAAK;GACH,OAAO;GACP,QAAQ;EACV;EACA,KAAK;GACH,OAAO;GACP,QAAQ;EACV;EACA,MAAM;GACJ,OAAO;GACP,QAAQ;EACV;EACA,OAAO;GACL,OAAO;GACP,QAAQ;EACV;CACF;AACF;AAEA,MAAM,4BAA4B,WAAmB,cAAkD;CACrG,MAAM,aAAa,CAAC;CAEpB,KAAK,MAAM,CAAC,GAAG,gBAAgB,EAAE,QAAQ,gBAAgB,GACvD,WAAW,eAAe;EACxB,OAAO;EACP,QAAQ,IAAI,UAAU,GAAG,UAAU,GAAG,YAAY;CACpD;CAGF,OAAO;AACT"}

package/dist/src/tokens/create.d.ts

@@ -0,0 +1,10 @@
+import { Theme, TokenSetDimensions, TokenSets } from "./types.js";
+
+//#region src/tokens/create.d.ts
+declare const tokenSetDimensions: TokenSetDimensions;
+declare const createTokens: (theme: Theme) => Promise<{
+  tokenSets: TokenSets;
+}>;
+//#endregion
+export { createTokens, tokenSetDimensions };
+//# sourceMappingURL=create.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create.d.ts","names":[],"sources":["../../../src/tokens/create.ts"],"mappings":";;;cAUa,kBAAA,EAAoB,kBAGhC;AAAA,cAEY,YAAA,GAAsB,KAAA,EAAO,KAAA,KAAK,OAAA"}

package/dist/src/tokens/create.js

@@ -0,0 +1,40 @@
+import { addSeverityColors, toColorNames } from "./utils.js";
+import { generateColorScheme } from "./create/generators/primitives/color-scheme.js";
+import { generateGlobals } from "./create/generators/primitives/globals.js";
+import { generateSize, generateSizeGlobal } from "./create/generators/primitives/size.js";
+import { generateFontSizes, generateTypography } from "./create/generators/primitives/typography.js";
+import { generateColorTokens } from "./create/generators/semantic/color.js";
+import { generateSemanticStyle } from "./create/generators/semantic/style.js";
+import { generateTheme } from "./create/generators/themes/theme.js";
+//#region src/tokens/create.ts
+const tokenSetDimensions = {
+	colorSchemes: ["dark", "light"],
+	sizeModes: [
+		"small",
+		"medium",
+		"large"
+	]
+};
+const createTokens = async (theme) => {
+	const { typography, name, borderRadius, overrides } = theme;
+	const { colorSchemes, sizeModes } = tokenSetDimensions;
+	const colors = addSeverityColors(theme.colors);
+	const colorNames = toColorNames(colors);
+	const colorTokens = Object.entries(generateColorTokens(colorNames, name));
+	return { tokenSets: new Map([
+		["primitives/globals", generateGlobals()],
+		...sizeModes.map((size) => [`primitives/modes/size/${size}`, generateSize(size)]),
+		["primitives/modes/size/global", generateSizeGlobal()],
+		...sizeModes.map((size) => [`primitives/modes/typography/size/${size}`, generateFontSizes(size)]),
+		[`primitives/modes/typography/primary/${name}`, generateTypography(name, typography)],
+		[`primitives/modes/typography/secondary/${name}`, generateTypography(name, typography)],
+		...colorSchemes.flatMap((scheme) => [[`primitives/modes/color-scheme/${scheme}/${name}`, generateColorScheme(name, scheme, colors, overrides)]]),
+		[`themes/${name}`, generateTheme(colorNames, name, borderRadius)],
+		...colorTokens.map(([colorName, colorSetTokens]) => [`semantic/color/${colorName}`, colorSetTokens]),
+		[`semantic/style`, generateSemanticStyle(colorNames)]
+	]) };
+};
+//#endregion
+export { createTokens, tokenSetDimensions };
+
+//# sourceMappingURL=create.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create.js","names":[],"sources":["../../../src/tokens/create.ts"],"sourcesContent":["import { generateColorScheme } from './create/generators/primitives/color-scheme.ts';\nimport { generateGlobals } from './create/generators/primitives/globals.ts';\nimport { generateSize, generateSizeGlobal } from './create/generators/primitives/size.ts';\nimport { generateFontSizes, generateTypography } from './create/generators/primitives/typography.ts';\nimport { generateColorTokens } from './create/generators/semantic/color.ts';\nimport { generateSemanticStyle } from './create/generators/semantic/style.ts';\nimport { generateTheme } from './create/generators/themes/theme.ts';\nimport type { Theme, TokenSet, TokenSetDimensions, TokenSets } from './types.ts';\nimport { addSeverityColors, toColorNames } from './utils.ts';\n\nexport const tokenSetDimensions: TokenSetDimensions = {\n  colorSchemes: ['dark', 'light'],\n  sizeModes: ['small', 'medium', 'large'],\n};\n\nexport const createTokens = async (theme: Theme) => {\n  const { typography, name, borderRadius, overrides } = theme;\n  const { colorSchemes, sizeModes } = tokenSetDimensions;\n\n  const colors = addSeverityColors(theme.colors);\n  const colorNames = toColorNames(colors);\n  const colorTokens = Object.entries(generateColorTokens(colorNames, name));\n\n  const tokenSets: TokenSets = new Map([\n    ['primitives/globals', generateGlobals()],\n    ...sizeModes.map((size): [string, TokenSet] => [`primitives/modes/size/${size}`, generateSize(size)]),\n    ['primitives/modes/size/global', generateSizeGlobal()],\n    ...sizeModes.map((size): [string, TokenSet] => [\n      `primitives/modes/typography/size/${size}`,\n      generateFontSizes(size),\n    ]),\n    [`primitives/modes/typography/primary/${name}`, generateTypography(name, typography)],\n    [`primitives/modes/typography/secondary/${name}`, generateTypography(name, typography)],\n    ...colorSchemes.flatMap((scheme): [string, TokenSet][] => [\n      [`primitives/modes/color-scheme/${scheme}/${name}`, generateColorScheme(name, scheme, colors, overrides)],\n    ]),\n    [`themes/${name}`, generateTheme(colorNames, name, borderRadius)],\n    ...colorTokens.map(([colorName, colorSetTokens]): [string, TokenSet] => [\n      `semantic/color/${colorName}`,\n      colorSetTokens,\n    ]),\n    [`semantic/style`, generateSemanticStyle(colorNames)],\n  ]);\n\n  return { tokenSets };\n};\n"],"mappings":";;;;;;;;;AAUA,MAAa,qBAAyC;CACpD,cAAc,CAAC,QAAQ,OAAO;CAC9B,WAAW;EAAC;EAAS;EAAU;CAAO;AACxC;AAEA,MAAa,eAAe,OAAO,UAAiB;CAClD,MAAM,EAAE,YAAY,MAAM,cAAc,cAAc;CACtD,MAAM,EAAE,cAAc,cAAc;CAEpC,MAAM,SAAS,kBAAkB,MAAM,MAAM;CAC7C,MAAM,aAAa,aAAa,MAAM;CACtC,MAAM,cAAc,OAAO,QAAQ,oBAAoB,YAAY,IAAI,CAAC;CAuBxE,OAAO,EAAE,WAAA,IArBwB,IAAI;EACnC,CAAC,sBAAsB,gBAAgB,CAAC;EACxC,GAAG,UAAU,KAAK,SAA6B,CAAC,yBAAyB,QAAQ,aAAa,IAAI,CAAC,CAAC;EACpG,CAAC,gCAAgC,mBAAmB,CAAC;EACrD,GAAG,UAAU,KAAK,SAA6B,CAC7C,oCAAoC,QACpC,kBAAkB,IAAI,CACxB,CAAC;EACD,CAAC,uCAAuC,QAAQ,mBAAmB,MAAM,UAAU,CAAC;EACpF,CAAC,yCAAyC,QAAQ,mBAAmB,MAAM,UAAU,CAAC;EACtF,GAAG,aAAa,SAAS,WAAiC,CACxD,CAAC,iCAAiC,OAAO,GAAG,QAAQ,oBAAoB,MAAM,QAAQ,QAAQ,SAAS,CAAC,CAC1G,CAAC;EACD,CAAC,UAAU,QAAQ,cAAc,YAAY,MAAM,YAAY,CAAC;EAChE,GAAG,YAAY,KAAK,CAAC,WAAW,oBAAwC,CACtE,kBAAkB,aAClB,cACF,CAAC;EACD,CAAC,kBAAkB,sBAAsB,UAAU,CAAC;CACtD,CAEiB,EAAE;AACrB"}

package/dist/src/tokens/format.d.ts

@@ -0,0 +1,19 @@
+import { Theme } from "./types.js";
+import { FormatOptions, ProcessReturn } from "./process/platform.js";
+
+//#region src/tokens/format.d.ts
+declare const formatTokens: (options: Omit<FormatOptions, "type" | "buildTokenFormats">) => Promise<ProcessReturn>;
+declare const formatTheme: (themeConfig: Theme) => Promise<ProcessReturn>;
+/**
+ * Formats a theme configuration into CSS.
+ *
+ * This function takes a `Theme` configuration object, processes it using the
+ * `formatTheme` function, and then generates CSS using the `createThemeCSS` function.
+ *
+ * @param themeConfig - The theme configuration object to be formatted.
+ * @returns A promise that resolves to the generated CSS string.
+ */
+declare const formatThemeCSS: (themeConfig: Theme) => Promise<string>;
+//#endregion
+export { formatTheme, formatThemeCSS, formatTokens };
+//# sourceMappingURL=format.d.ts.map

package/dist/src/tokens/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","names":[],"sources":["../../../src/tokens/format.ts"],"mappings":";;;;cASa,YAAA,GAAsB,OAAA,EAAS,IAAA,CAAK,aAAA,oCAA4C,OAAA,CAA7C,aAAA;AAAA,cAUnC,WAAA,GAAqB,WAAA,EAAa,KAAA,KAAK,OAAA,CAAA,aAAA;AAVpD;;;;;;;;;AAAA,cAqCa,cAAA,GAAwB,WAAA,EAAa,KAAA,KAAK,OAAA"}

package/dist/src/tokens/format.js

@@ -0,0 +1,42 @@
+import { toColorNames } from "./utils.js";
+import { processPlatform } from "./process/platform.js";
+import { processThemeObject } from "./process/utils/getMultidimensionalThemes.js";
+import { createThemeCSSFiles } from "./process/output/theme.js";
+import { generate$Themes } from "./create/generators/$themes.js";
+import { createTokens, tokenSetDimensions } from "./create.js";
+import * as R from "ramda";
+//#region src/tokens/format.ts
+const formatTokens = async (options) => {
+	return await processPlatform({
+		type: "format",
+		buildTokenFormats: {},
+		...options
+	});
+};
+const formatTheme = async (themeConfig) => {
+	const themeNames = [themeConfig.name];
+	const colorNames = toColorNames(themeConfig.colors);
+	const { tokenSets } = await createTokens(themeConfig);
+	return await formatTokens({
+		tokenSets,
+		processed$themes: (await generate$Themes(tokenSetDimensions, themeNames, colorNames)).map(processThemeObject),
+		verbose: false
+	});
+};
+/**
+* Formats a theme configuration into CSS.
+*
+* This function takes a `Theme` configuration object, processes it using the
+* `formatTheme` function, and then generates CSS using the `createThemeCSS` function.
+*
+* @param themeConfig - The theme configuration object to be formatted.
+* @returns A promise that resolves to the generated CSS string.
+*/
+const formatThemeCSS = async (themeConfig) => {
+	const themeCSSFiles = createThemeCSSFiles({ processedBuilds: await formatTheme(themeConfig) });
+	return R.head(themeCSSFiles)?.output ?? "";
+};
+//#endregion
+export { formatTheme, formatThemeCSS, formatTokens };
+
+//# sourceMappingURL=format.js.map

package/dist/src/tokens/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","names":[],"sources":["../../../src/tokens/format.ts"],"sourcesContent":["import * as R from 'ramda';\nimport { generate$Themes } from './create/generators/$themes.ts';\nimport { createTokens, tokenSetDimensions } from './create.ts';\nimport { createThemeCSSFiles } from './process/output/theme.ts';\nimport { type FormatOptions, processPlatform } from './process/platform.ts';\nimport { processThemeObject } from './process/utils/getMultidimensionalThemes.ts';\nimport type { Theme } from './types.ts';\nimport { toColorNames } from './utils.ts';\n\nexport const formatTokens = async (options: Omit<FormatOptions, 'type' | 'buildTokenFormats'>) => {\n  const processedBuilds = await processPlatform({\n    type: 'format',\n    buildTokenFormats: {},\n    ...options,\n  });\n\n  return processedBuilds;\n};\n\nexport const formatTheme = async (themeConfig: Theme) => {\n  const themeNames = [themeConfig.name];\n  const colorNames = toColorNames(themeConfig.colors);\n\n  const { tokenSets } = await createTokens(themeConfig);\n  const $themes = await generate$Themes(tokenSetDimensions, themeNames, colorNames);\n\n  const processed$themes = $themes.map(processThemeObject);\n\n  const processedBuilds = await formatTokens({\n    tokenSets,\n    processed$themes,\n    verbose: false,\n  });\n\n  return processedBuilds;\n};\n\n/**\n * Formats a theme configuration into CSS.\n *\n * This function takes a `Theme` configuration object, processes it using the\n * `formatTheme` function, and then generates CSS using the `createThemeCSS` function.\n *\n * @param themeConfig - The theme configuration object to be formatted.\n * @returns A promise that resolves to the generated CSS string.\n */\nexport const formatThemeCSS = async (themeConfig: Theme) => {\n  const processedBuilds = await formatTheme(themeConfig);\n  const themeCSSFiles = createThemeCSSFiles({ processedBuilds });\n  return R.head(themeCSSFiles)?.output ?? '';\n};\n"],"mappings":";;;;;;;;AASA,MAAa,eAAe,OAAO,YAA+D;CAOhG,OAAO,MANuB,gBAAgB;EAC5C,MAAM;EACN,mBAAmB,CAAC;EACpB,GAAG;CACL,CAAC;AAGH;AAEA,MAAa,cAAc,OAAO,gBAAuB;CACvD,MAAM,aAAa,CAAC,YAAY,IAAI;CACpC,MAAM,aAAa,aAAa,YAAY,MAAM;CAElD,MAAM,EAAE,cAAc,MAAM,aAAa,WAAW;CAWpD,OAAO,MANuB,aAAa;EACzC;EACA,mBAJuB,MAFH,gBAAgB,oBAAoB,YAAY,UAAU,EAAA,CAE/C,IAAI,kBAIpB;EACf,SAAS;CACX,CAAC;AAGH;;;;;;;;;;AAWA,MAAa,iBAAiB,OAAO,gBAAuB;CAE1D,MAAM,gBAAgB,oBAAoB,EAAE,iBAAA,MADd,YAAY,WAAW,EACO,CAAC;CAC7D,OAAO,EAAE,KAAK,aAAa,CAAC,EAAE,UAAU;AAC1C"}

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

@@ -0,0 +1,14 @@
+import { CreateConfigSchema } from "../schemas/v1.1/schema.js";
+
+//#region src/tokens/generate-config.d.ts
+type GenerateConfigOptions = {
+  tokensDir: string;
+  outFile?: string;
+};
+/**
+ * Generates a config file from existing design tokens
+ */
+declare function generateConfigFromTokens(options: GenerateConfigOptions): Promise<CreateConfigSchema>;
+//#endregion
+export { generateConfigFromTokens };
+//# 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","names":[],"sources":["../../../src/tokens/generate-config.ts"],"mappings":";;;KA6LK,qBAAA;EACH,SAAA;EACA,OAAO;AAAA;;;AAAA;iBAMa,wBAAA,CAAyB,OAAA,EAAS,qBAAA,GAAwB,OAAA,CAAQ,kBAAA"}

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

@@ -0,0 +1,154 @@
+import { dsfs } from "../utils/filesystem.js";
+import pc from "picocolors";
+import path from "node:path";
+//#region src/tokens/generate-config.ts
+/**
+* Reads a JSON file and returns its content as an object
+*/
+async function readJsonFile(filePath) {
+	try {
+		const content = await dsfs.readFile(filePath);
+		return JSON.parse(content);
+	} catch (err) {
+		throw new Error(`Failed to read token file at ${filePath}: ${err instanceof Error ? err.message : String(err)}`);
+	}
+}
+/**
+* Extract the base hex color from a color scale (color.12)
+*/
+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;
+}
+/**
+* Discovers theme names from the primitives/modes/color-scheme/light/
+*/
+async function discoverThemes(tokensDir) {
+	const lightModePath = path.join(tokensDir, "themes");
+	try {
+		return (await dsfs.readdir(lightModePath)).filter((file) => file.endsWith(".json")).map((file) => file.replace(".json", ""));
+	} catch {
+		throw new Error(`Could not find themes. Make sure ${pc.blue(lightModePath)} exists and contains theme JSON files.`);
+	}
+}
+/**
+* Reads token information for a specific theme from primitives/modes/color-scheme/light/<theme>.json
+*/
+async function readThemeTokens(tokensDir, themeName) {
+	return readJsonFile(path.join(tokensDir, "primitives", "modes", "color-scheme", "light", `${themeName}.json`));
+}
+/**
+* Reads the theme configuration from themes/<theme>.json
+*/
+async function readThemeConfig(tokensDir, themeName) {
+	const themeConfigPath = path.join(tokensDir, "themes", `${themeName}.json`);
+	try {
+		return await readJsonFile(themeConfigPath);
+	} catch {
+		return null;
+	}
+}
+/**
+* Extract border-radius base value from theme config
+*/
+function extractBorderRadius(themeConfig) {
+	if (!themeConfig || !("border-radius" in themeConfig)) return;
+	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);
+	}
+}
+/**
+* Extract font family from theme config
+*/
+function extractFontFamily(themeConfig) {
+	if (!themeConfig || !("font-family" in themeConfig)) return;
+	const fontFamily = themeConfig["font-family"];
+	if (typeof fontFamily === "object" && "$value" in fontFamily) {
+		const value = fontFamily.$value;
+		if (value.startsWith("{") && value.endsWith("}")) return;
+		return value;
+	}
+}
+/**
+* Reads the typography configuration from primitives/modes/typography/primary/<theme>.json
+*/
+async function readTypographyConfig(tokensDir, themeName) {
+	const typographyConfigPath = path.join(tokensDir, "primitives", "modes", "typography", "primary", `${themeName}.json`);
+	try {
+		return await readJsonFile(typographyConfigPath);
+	} catch {
+		return null;
+	}
+}
+/**
+* Extract font family from typography primitives
+*/
+function extractFontFamilyFromPrimitives(typographyConfig, themeName) {
+	if (!typographyConfig) return;
+	const themeTypography = typographyConfig[themeName];
+	if (!themeTypography || !("font-family" in themeTypography)) return;
+	const fontFamily = themeTypography["font-family"];
+	if (typeof fontFamily === "object" && "$value" in fontFamily) return fontFamily.$value;
+}
+/**
+* Extracts colors from the theme tokens, excluding reserved colors and extracting base colors from color scales.
+*/
+function extractColors(themeTokens, themeName) {
+	const colors = {};
+	const specialKeys = ["link"];
+	const themeColors = themeTokens[themeName];
+	if (!themeColors) return colors;
+	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) colors[colorName] = baseColor;
+		}
+	}
+	return colors;
+}
+/**
+* Generates a config file from existing design tokens
+*/
+async function generateConfigFromTokens(options) {
+	const { tokensDir } = options;
+	console.log(`\nReading tokens from ${pc.blue(tokensDir)}`);
+	const themes = await discoverThemes(tokensDir);
+	if (themes.length === 0) throw new Error(`\nNo themes found in ${pc.blue(tokensDir)}`);
+	console.log(`\nFound ${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(`\nProcessing theme ${pc.cyan(themeName)}...`);
+		const themeTokens = await readThemeTokens(tokensDir, themeName);
+		const themeConfig = await readThemeConfig(tokensDir, themeName);
+		const typographyConfig = await readTypographyConfig(tokensDir, themeName);
+		const colors = extractColors(themeTokens, themeName);
+		if (!colors.neutral) {
+			console.warn(pc.yellow(`\nWarning: No neutral color found for theme ${themeName}`));
+			continue;
+		}
+		const borderRadius = extractBorderRadius(themeConfig);
+		const fontFamily = extractFontFamily(themeConfig) ?? extractFontFamilyFromPrimitives(typographyConfig, themeName);
+		config.themes[themeName] = {
+			colors,
+			borderRadius,
+			typography: fontFamily ? { fontFamily } : void 0
+		};
+		console.log(`\n✅ Colors: ${Object.keys(colors).map((c) => pc.cyan(c)).join(", ") || pc.dim("none")}`);
+		if (borderRadius !== void 0) console.log(`\n✅ Border radius: ${pc.cyan(String(borderRadius))}`);
+		if (fontFamily) console.log(`\n✅ Font family: ${pc.cyan(fontFamily)}`);
+	}
+	return config;
+}
+//#endregion
+export { generateConfigFromTokens };
+
+//# sourceMappingURL=generate-config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"generate-config.js","names":["token"],"sources":["../../../src/tokens/generate-config.ts"],"sourcesContent":["import path from 'node:path';\nimport pc from 'picocolors';\nimport type { CssColor } from '../colors/types.ts';\nimport type { CreateConfigSchema } from '../schemas/v1.1/schema.ts';\nimport { dsfs } from '../utils/filesystem.ts';\n\ntype TokenValue = {\n  $type: string;\n  $value: string;\n};\n\ntype TokenObject = {\n  [key: string]: TokenValue | TokenObject;\n};\n\n/**\n * Reads a JSON file and returns its content as an object\n */\nasync function readJsonFile(filePath: string): Promise<TokenObject> {\n  try {\n    const content = await dsfs.readFile(filePath);\n    return JSON.parse(content) as TokenObject;\n  } catch (err) {\n    throw new Error(`Failed to read token file at ${filePath}: ${err instanceof Error ? err.message : String(err)}`);\n  }\n}\n\n/**\n * Extract the base hex color from a color scale (color.12)\n */\nfunction extractBaseColor(colorScale: TokenObject): string | null {\n  if ('12' in colorScale && typeof colorScale['12'] === 'object' && '$value' in colorScale['12']) {\n    const token = colorScale['12'] as TokenValue;\n    if (token.$type === 'color') {\n      return token.$value;\n    }\n  }\n  return null;\n}\n\n/**\n * Discovers theme names from the primitives/modes/color-scheme/light/\n */\nasync function discoverThemes(tokensDir: string): Promise<string[]> {\n  const lightModePath = path.join(tokensDir, 'themes');\n\n  try {\n    const files = await dsfs.readdir(lightModePath);\n    const themes = files.filter((file) => file.endsWith('.json')).map((file) => file.replace('.json', ''));\n\n    return themes;\n  } catch {\n    throw new Error(`Could not find themes. Make sure ${pc.blue(lightModePath)} exists and contains theme JSON files.`);\n  }\n}\n\n/**\n * Reads token information for a specific theme from primitives/modes/color-scheme/light/<theme>.json\n */\nasync function readThemeTokens(tokensDir: string, themeName: string): Promise<TokenObject> {\n  const themePath = path.join(tokensDir, 'primitives', 'modes', 'color-scheme', 'light', `${themeName}.json`);\n  return readJsonFile(themePath);\n}\n\n/**\n * Reads the theme configuration from themes/<theme>.json\n */\nasync function readThemeConfig(tokensDir: string, themeName: string): Promise<TokenObject | null> {\n  const themeConfigPath = path.join(tokensDir, 'themes', `${themeName}.json`);\n\n  try {\n    return await readJsonFile(themeConfigPath);\n  } catch {\n    return null;\n  }\n}\n\n/**\n * Extract border-radius base value from theme config\n */\nfunction extractBorderRadius(themeConfig: TokenObject | null): number | undefined {\n  if (!themeConfig || !('border-radius' in themeConfig)) {\n    return undefined;\n  }\n\n  const borderRadius = themeConfig['border-radius'] as TokenObject;\n  if ('base' in borderRadius && typeof borderRadius.base === 'object' && '$value' in borderRadius.base) {\n    const token = borderRadius.base as TokenValue;\n    return Number(token.$value);\n  }\n\n  return undefined;\n}\n\n/**\n * Extract font family from theme config\n */\nfunction extractFontFamily(themeConfig: TokenObject | null): string | undefined {\n  if (!themeConfig || !('font-family' in themeConfig)) {\n    return undefined;\n  }\n\n  const fontFamily = themeConfig['font-family'];\n  if (typeof fontFamily === 'object' && '$value' in fontFamily) {\n    const token = fontFamily as TokenValue;\n    const value = token.$value;\n\n    if (value.startsWith('{') && value.endsWith('}')) {\n      return undefined;\n    }\n    return value;\n  }\n\n  return undefined;\n}\n\n/**\n * Reads the typography configuration from primitives/modes/typography/primary/<theme>.json\n */\nasync function readTypographyConfig(tokensDir: string, themeName: string): Promise<TokenObject | null> {\n  const typographyConfigPath = path.join(\n    tokensDir,\n    'primitives',\n    'modes',\n    'typography',\n    'primary',\n    `${themeName}.json`,\n  );\n\n  try {\n    return await readJsonFile(typographyConfigPath);\n  } catch {\n    return null;\n  }\n}\n\n/**\n * Extract font family from typography primitives\n */\nfunction extractFontFamilyFromPrimitives(typographyConfig: TokenObject | null, themeName: string): string | undefined {\n  if (!typographyConfig) {\n    return undefined;\n  }\n\n  const themeTypography = typographyConfig[themeName] as TokenObject | undefined;\n  if (!themeTypography || !('font-family' in themeTypography)) {\n    return undefined;\n  }\n\n  const fontFamily = themeTypography['font-family'];\n  if (typeof fontFamily === 'object' && '$value' in fontFamily) {\n    const token = fontFamily as TokenValue;\n    return token.$value;\n  }\n\n  return undefined;\n}\n\n/**\n * Extracts colors from the theme tokens, excluding reserved colors and extracting base colors from color scales.\n */\nfunction extractColors(themeTokens: TokenObject, themeName: string): Record<string, CssColor> {\n  const colors: Record<string, CssColor> = {};\n\n  // Reserved colors\n  const specialKeys = ['link'];\n\n  const themeColors = themeTokens[themeName] as TokenObject | undefined;\n  if (!themeColors) {\n    return colors;\n  }\n\n  for (const [colorName, colorValue] of Object.entries(themeColors)) {\n    if (specialKeys.includes(colorName)) {\n      continue;\n    }\n\n    if (typeof colorValue === 'object' && !('$value' in colorValue)) {\n      const baseColor = extractBaseColor(colorValue as TokenObject);\n\n      if (baseColor) {\n        colors[colorName] = baseColor as CssColor;\n      }\n    }\n  }\n\n  return colors;\n}\n\ntype GenerateConfigOptions = {\n  tokensDir: string;\n  outFile?: string;\n};\n\n/**\n * Generates a config file from existing design tokens\n */\nexport async function generateConfigFromTokens(options: GenerateConfigOptions): Promise<CreateConfigSchema> {\n  const { tokensDir } = options;\n\n  console.log(`\\nReading tokens from ${pc.blue(tokensDir)}`);\n\n  // Discover themes\n  const themes = await discoverThemes(tokensDir);\n\n  if (themes.length === 0) {\n    throw new Error(`\\nNo themes found in ${pc.blue(tokensDir)}`);\n  }\n\n  console.log(`\\nFound ${pc.green(String(themes.length))} theme(s): ${themes.map((t) => pc.cyan(t)).join(', ')}`);\n\n  // Generate config for each theme\n  const config: CreateConfigSchema = {\n    outDir: tokensDir,\n    themes: {},\n  };\n\n  for (const themeName of themes) {\n    console.log(`\\nProcessing theme ${pc.cyan(themeName)}...`);\n\n    // Read theme tokens\n    const themeTokens = await readThemeTokens(tokensDir, themeName);\n    const themeConfig = await readThemeConfig(tokensDir, themeName);\n    const typographyConfig = await readTypographyConfig(tokensDir, themeName);\n\n    // Extract colors\n    const colors = extractColors(themeTokens, themeName);\n\n    if (!colors.neutral) {\n      console.warn(pc.yellow(`\\nWarning: No neutral color found for theme ${themeName}`));\n      continue; // Skip this theme as neutral is required\n    }\n\n    const borderRadius = extractBorderRadius(themeConfig);\n    const fontFamily = extractFontFamily(themeConfig) ?? extractFontFamilyFromPrimitives(typographyConfig, themeName);\n\n    config.themes[themeName] = {\n      colors,\n      borderRadius,\n      typography: fontFamily ? { fontFamily } : undefined,\n    };\n\n    console.log(\n      `\\n✅ Colors: ${\n        Object.keys(colors)\n          .map((c) => pc.cyan(c))\n          .join(', ') || pc.dim('none')\n      }`,\n    );\n\n    if (borderRadius !== undefined) {\n      console.log(`\\n✅ Border radius: ${pc.cyan(String(borderRadius))}`);\n    }\n    if (fontFamily) {\n      console.log(`\\n✅ Font family: ${pc.cyan(fontFamily)}`);\n    }\n  }\n\n  return config;\n}\n"],"mappings":"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"}

package/dist/src/tokens/index.d.ts

@@ -0,0 +1,5 @@
+import { deprecatedCLIOptions } from "../schemas/helpers.js";
+import { Theme } from "./types.js";
+import { createTokens } from "./create.js";
+import { formatThemeCSS, formatTokens } from "./format.js";
+export { type Theme as CreateTokensOptions, deprecatedCLIOptions as cliOptions, createTokens, formatThemeCSS, formatTokens };

package/dist/src/tokens/index.js

@@ -0,0 +1,4 @@
+import { deprecatedCLIOptions } from "../schemas/helpers.js";
+import { createTokens } from "./create.js";
+import { formatThemeCSS, formatTokens } from "./format.js";
+export { deprecatedCLIOptions as cliOptions, createTokens, formatThemeCSS, formatTokens };

package/dist/src/tokens/process/configs/color.d.ts

@@ -0,0 +1,8 @@
+import { GetStyleDictionaryConfig } from "./shared.js";
+
+//#region src/tokens/process/configs/color.d.ts
+declare const colorSchemeVariables: GetStyleDictionaryConfig;
+declare const colorVariables: GetStyleDictionaryConfig;
+//#endregion
+export { colorSchemeVariables, colorVariables };
+//# sourceMappingURL=color.d.ts.map

package/dist/src/tokens/process/configs/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","names":[],"sources":["../../../../../src/tokens/process/configs/color.ts"],"mappings":";;;cAOa,oBAAA,EAAsB,wBA8BlC;AAAA,cAEY,cAAA,EAAgB,wBAqC5B"}

package/dist/src/tokens/process/configs/color.js

@@ -0,0 +1,50 @@
+import { isSemanticColorToken, pathStartsWithOneOf } from "../../utils.js";
+import { dsTransformers } from "./shared.js";
+import { formats } from "../formats/css.js";
+import { buildOptions } from "../platform.js";
+//#region src/tokens/process/configs/color.ts
+const colorSchemeVariables = ({ "color-scheme": colorScheme = "light", theme }) => {
+	return {
+		preprocessors: ["tokens-studio"],
+		platforms: { css: {
+			colorScheme,
+			theme,
+			selector: `${colorScheme === "light" ? ":root, " : ""}[data-color-scheme="${colorScheme}"]`,
+			layer: `ds.theme.color-scheme.${colorScheme}`,
+			prefix: "ds",
+			buildPath: `${theme}/`,
+			transforms: dsTransformers,
+			files: [{
+				destination: `color-scheme/${colorScheme}.css`,
+				format: formats.colorScheme.name,
+				filter: (token) => pathStartsWithOneOf(["color"], token) || token.path[1] === "color"
+			}],
+			options: { outputReferences: false }
+		} }
+	};
+};
+const colorVariables = ({ "color-scheme": colorScheme, theme, ...permutation }) => {
+	const color = permutation.color;
+	return {
+		preprocessors: ["tokens-studio"],
+		platforms: { css: {
+			colorScheme,
+			theme,
+			selector: color === buildOptions?.defaultColor ? `:root, [data-color-scheme], [data-color="${color}"]` : `[data-color="${color}"], [data-color-scheme][data-color="${color}"]`,
+			layer: `ds.theme.color`,
+			prefix: "ds",
+			buildPath: `${theme}/`,
+			transforms: dsTransformers,
+			files: [{
+				destination: `color/${color}.css`,
+				format: formats.colorCategory.name,
+				filter: (token) => isSemanticColorToken(token, color)
+			}],
+			options: { outputReferences: true }
+		} }
+	};
+};
+//#endregion
+export { colorSchemeVariables, colorVariables };
+
+//# sourceMappingURL=color.js.map

package/dist/src/tokens/process/configs/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","names":[],"sources":["../../../../../src/tokens/process/configs/color.ts"],"sourcesContent":["import type { Config as StyleDictionaryConfig } from 'style-dictionary/types';\nimport { isSemanticColorToken, pathStartsWithOneOf } from '../../utils.ts';\nimport { formats } from '../formats/css.ts';\nimport { buildOptions } from '../platform.ts';\n\nimport { dsTransformers, type GetStyleDictionaryConfig, prefix } from './shared.ts';\n\nexport const colorSchemeVariables: GetStyleDictionaryConfig = ({ 'color-scheme': colorScheme = 'light', theme }) => {\n  const selector = `${colorScheme === 'light' ? ':root, ' : ''}[data-color-scheme=\"${colorScheme}\"]`;\n  const layer = `ds.theme.color-scheme.${colorScheme}`;\n\n  return {\n    preprocessors: ['tokens-studio'],\n    platforms: {\n      css: {\n        // custom\n        colorScheme,\n        theme,\n        selector,\n        layer,\n        //\n        prefix,\n        buildPath: `${theme}/`,\n        transforms: dsTransformers,\n        files: [\n          {\n            destination: `color-scheme/${colorScheme}.css`,\n            format: formats.colorScheme.name,\n            filter: (token) => pathStartsWithOneOf(['color'], token) || token.path[1] === 'color', // link-visited tokens have \"color\" as the second segment of their path, e.g. \"ds.color.link-visited\"\n          },\n        ],\n        options: {\n          outputReferences: false,\n        },\n      },\n    },\n  };\n};\n\nexport const colorVariables: GetStyleDictionaryConfig = ({ 'color-scheme': colorScheme, theme, ...permutation }) => {\n  const color = permutation.color;\n\n  const layer = `ds.theme.color`;\n  const isRootColor = color === buildOptions?.defaultColor;\n  const selector = isRootColor\n    ? `:root, [data-color-scheme], [data-color=\"${color}\"]`\n    : `[data-color=\"${color}\"], [data-color-scheme][data-color=\"${color}\"]`;\n\n  const config: StyleDictionaryConfig = {\n    preprocessors: ['tokens-studio'],\n    platforms: {\n      css: {\n        // custom\n        colorScheme,\n        theme,\n        selector,\n        layer,\n        //\n        prefix,\n        buildPath: `${theme}/`,\n        transforms: dsTransformers,\n        files: [\n          {\n            destination: `color/${color}.css`,\n            format: formats.colorCategory.name,\n            filter: (token) => isSemanticColorToken(token, color),\n          },\n        ],\n        options: {\n          outputReferences: true,\n        },\n      },\n    },\n  };\n\n  return config;\n};\n"],"mappings":";;;;;AAOA,MAAa,wBAAkD,EAAE,gBAAgB,cAAc,SAAS,YAAY;CAIlH,OAAO;EACL,eAAe,CAAC,eAAe;EAC/B,WAAW,EACT,KAAK;GAEH;GACA;GACA,UAAA,GAVc,gBAAgB,UAAU,YAAY,GAAG,sBAAsB,YAAY;GAWzF,OAAA,yBAViC;GAYjC,QAAA;GACA,WAAW,GAAG,MAAM;GACpB,YAAY;GACZ,OAAO,CACL;IACE,aAAa,gBAAgB,YAAY;IACzC,QAAQ,QAAQ,YAAY;IAC5B,SAAS,UAAU,oBAAoB,CAAC,OAAO,GAAG,KAAK,KAAK,MAAM,KAAK,OAAO;GAChF,CACF;GACA,SAAS,EACP,kBAAkB,MACpB;EACF,EACF;CACF;AACF;AAEA,MAAa,kBAA4C,EAAE,gBAAgB,aAAa,OAAO,GAAG,kBAAkB;CAClH,MAAM,QAAQ,YAAY;CAmC1B,OAAO;EA1BL,eAAe,CAAC,eAAe;EAC/B,WAAW,EACT,KAAK;GAEH;GACA;GACA,UAZc,UAAU,cAAc,eAExC,4CAA4C,MAAM,MAClD,gBAAgB,MAAM,sCAAsC,MAAM;GAUhE,OAAA;GAEA,QAAA;GACA,WAAW,GAAG,MAAM;GACpB,YAAY;GACZ,OAAO,CACL;IACE,aAAa,SAAS,MAAM;IAC5B,QAAQ,QAAQ,cAAc;IAC9B,SAAS,UAAU,qBAAqB,OAAO,KAAK;GACtD,CACF;GACA,SAAS,EACP,kBAAkB,KACpB;EACF,EACF;CAGU;AACd"}

package/dist/src/tokens/process/configs/semantic.d.ts

@@ -0,0 +1,7 @@
+import { GetStyleDictionaryConfig } from "./shared.js";
+
+//#region src/tokens/process/configs/semantic.d.ts
+declare const semanticVariables: GetStyleDictionaryConfig;
+//#endregion
+export { semanticVariables };
+//# sourceMappingURL=semantic.d.ts.map

package/dist/src/tokens/process/configs/semantic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"semantic.d.ts","names":[],"sources":["../../../../../src/tokens/process/configs/semantic.ts"],"mappings":";;;cAOa,iBAAA,EAAmB,wBA4C/B"}