@digdir/designsystemet 0.1.0-next.21 → 0.1.0-next.23

package/dist/types/src/colors/themeUtils.d.ts

@@ -0,0 +1,102 @@
+import type { CssColor } from '@adobe/leonardo-contrast-colors';
+import type { ColorInfo, ColorNumber, ContrastMode, Mode, ThemeInfo } from './types';
+export type ColorError = 'none' | 'decorative' | 'interaction';
+type GlobalGenType = {
+    themeMode?: Mode | 'all';
+    contrastMode?: ContrastMode;
+};
+type ThemeGenType = {
+    colors: {
+        accent: CssColor;
+        neutral: CssColor;
+        brand1: CssColor;
+        brand2: CssColor;
+        brand3: CssColor;
+    };
+    contrastMode?: ContrastMode;
+};
+/**
+ *
+ * Generates a color scale based on a base color and a mode.
+ *
+ * @param color The base color that is used to generate the color scale
+ * @param mode The mode of the theme
+ */
+export declare const generateScaleForColor: (color: CssColor, mode: Mode, contrastMode?: "aa" | "aaa") => ColorInfo[];
+/**
+ *
+ * Generates a color theme based on a base color. Light, Dark and Contrast scales are includes.
+ *
+ * @param color The base color that is used to generate the color theme
+ */
+export declare const generateThemeForColor: (color: CssColor, contrastMode?: "aa" | "aaa") => ThemeInfo;
+export declare const generateGlobalColors: ({ contrastMode }: GlobalGenType) => {
+    blue: ThemeInfo;
+    green: ThemeInfo;
+    orange: ThemeInfo;
+    purple: ThemeInfo;
+    red: ThemeInfo;
+    yellow: ThemeInfo;
+};
+/**
+ * This function generates a complete theme for a set of colors.
+ *
+ * @param colors Which colors to generate the theme for
+ * @param contrastMode The contrast mode to use
+ * @returns
+ */
+export declare const generateColorTheme: ({ colors, contrastMode }: ThemeGenType) => {
+    accent: ThemeInfo;
+    neutral: ThemeInfo;
+    brand1: ThemeInfo;
+    brand2: ThemeInfo;
+    brand3: ThemeInfo;
+};
+/**
+ *
+ * This function calculates a color that can be used as a strong contrast color to a base color.
+ *
+ * @param baseColor The base color
+ */
+export declare const calculateContrastOneColor: (baseColor: CssColor) => "#ffffff" | "#000000";
+/**
+ *
+ * This function calculates a color that can be used as a subtle contrast color to a base color.
+ *
+ * @param color The base color
+ */
+export declare const calculateContrastTwoColor: (color: CssColor) => CssColor;
+/**
+ *
+ * This function checks if white or black text can be used on 2 different colors at 4.5:1 contrast.
+ *
+ * @param baseDefaultColor Base default color
+ * @param baseActiveColor Base active color
+ */
+export declare const canTextBeUsedOnColors: (baseDefaultColor: CssColor, baseActiveColor: CssColor) => boolean;
+/**
+ *
+ * This function creates a color with a specific lightness value.
+ *
+ * @param color The base color
+ * @param lightness The lightness value from 0 to 100
+ */
+export declare const createColorWithLightness: (color: CssColor, lightness: number) => CssColor;
+/**
+ *
+ * This function returns the color number based on the color name.
+ *
+ * @param name The name of the color
+ */
+export declare const getColorNumberFromName: (name: string) => ColorNumber;
+/**
+ *
+ * This function returns the color name based on the color number.
+ *
+ * @param number The number of the color
+ */
+export declare const getColorNameFromNumber: (number: ColorNumber) => string;
+export declare const getBaseColor: (color: CssColor) => CssColor;
+export declare const getCssVariable: (colorType: string, colorNumber: ColorNumber) => string;
+export {};
+//# sourceMappingURL=themeUtils.d.ts.map

package/dist/types/src/colors/themeUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeUtils.d.ts","sourceRoot":"","sources":["../../../../src/colors/themeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAKhE,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AASrF,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,aAAa,CAAC;AAE/D,KAAK,aAAa,GAAG;IACnB,SAAS,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IACzB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,MAAM,EAAE;QACN,MAAM,EAAE,QAAQ,CAAC;QACjB,OAAO,EAAE,QAAQ,CAAC;QAClB,MAAM,EAAE,QAAQ,CAAC;QACjB,MAAM,EAAE,QAAQ,CAAC;QACjB,MAAM,EAAE,QAAQ,CAAC;KAClB,CAAC;IACF,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,CAAC;AAoEF;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,UAAW,QAAQ,QAAQ,IAAI,iBAAgB,IAAI,GAAG,KAAK,KAAU,SAAS,EAuC/G,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,UAAW,QAAQ,iBAAgB,IAAI,GAAG,KAAK,KAS1E,SACN,CAAC;AAEF,eAAO,MAAM,oBAAoB,qBAA6B,aAAa;;;;;;;CAgB1E,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,6BAAqC,YAAY;;;;;;CAc/E,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,cAAe,QAAQ,0BAO5D,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,UAAW,QAAQ,aAaxD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,qBAAsB,QAAQ,mBAAmB,QAAQ,YAe1F,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,UAAW,QAAQ,aAAa,MAAM,aAkB1E,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,SAAU,MAAM,KAAG,WAmBrD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,WAAY,WAAW,KAAG,MAmB5D,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,QAAQ,KAQvB,QACpB,CAAC;AAEF,eAAO,MAAM,cAAc,cAAe,MAAM,eAAe,WAAW,WAEzE,CAAC"}

package/dist/types/src/colors/types.d.ts

@@ -0,0 +1,16 @@
+import type { CssColor } from '@adobe/leonardo-contrast-colors';
+export type Mode = 'light' | 'dark' | 'contrast';
+export type ContrastMode = 'aa' | 'aaa';
+export type ColorNumber = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15;
+export type ColorType = 'accent' | 'neutral' | 'brand1' | 'brand2' | 'brand3';
+export type ColorInfo = {
+    hex: CssColor;
+    number: ColorNumber;
+    name: string;
+};
+export type ThemeInfo = {
+    light: ColorInfo[];
+    dark: ColorInfo[];
+    contrast: ColorInfo[];
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/types/src/colors/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/colors/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAEhE,MAAM,MAAM,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,KAAK,CAAC;AACxC,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAC1F,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC9E,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,EAAE,QAAQ,CAAC;IACd,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AACF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,QAAQ,EAAE,SAAS,EAAE,CAAC;CACvB,CAAC"}

package/dist/types/src/init/createTokensPackage.d.ts

@@ -0,0 +1,5 @@
+declare const MODES: readonly ["Light", "Dark", "Contrast"];
+export type Mode = (typeof MODES)[number];
+export declare function createTokensPackage(targetDir: string): Promise<void>;
+export {};
+//# sourceMappingURL=createTokensPackage.d.ts.map

package/dist/types/src/init/createTokensPackage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTokensPackage.d.ts","sourceRoot":"","sources":["../../../../src/init/createTokensPackage.ts"],"names":[],"mappings":"AAaA,QAAA,MAAM,KAAK,wCAAyC,CAAC;AACrD,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AA0B1C,wBAAsB,mBAAmB,CAAC,SAAS,EAAE,MAAM,iBAyQ1D"}

package/dist/types/src/init/generateMetadataJson.d.ts

@@ -0,0 +1,6 @@
+interface Metadata {
+    tokenSetOrder: string[];
+}
+export default function generateMetadataJson(modes: Array<'Light' | 'Dark' | 'Contrast'>, themes: string[]): Metadata;
+export {};
+//# sourceMappingURL=generateMetadataJson.d.ts.map

package/dist/types/src/init/generateMetadataJson.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateMetadataJson.d.ts","sourceRoot":"","sources":["../../../../src/init/generateMetadataJson.ts"],"names":[],"mappings":"AAEA,UAAU,QAAQ;IAChB,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAgBpH"}

package/dist/types/src/init/generateThemesJson.d.ts

@@ -0,0 +1,3 @@
+import { type ThemeObject } from '@tokens-studio/types';
+export default function generateThemesJson(modes: Array<'Light' | 'Dark' | 'Contrast'>, themes: string[]): ThemeObject[];
+//# sourceMappingURL=generateThemesJson.d.ts.map

package/dist/types/src/init/generateThemesJson.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateThemesJson.d.ts","sourceRoot":"","sources":["../../../../src/init/generateThemesJson.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,sBAAsB,CAAC;AAKxE,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,KAAK,EAAE,KAAK,CAAC,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC,EAC3C,MAAM,EAAE,MAAM,EAAE,GACf,WAAW,EAAE,CAQf"}

package/dist/types/src/init/index.d.ts

@@ -0,0 +1,3 @@
+import { type Command } from '@commander-js/extra-typings';
+export declare function makeInitCommand(command: Command): Command<[string], {}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/init/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/init/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAIrE,wBAAgB,eAAe,CAAC,OAAO,EAAE,OAAO,yBAQ/C"}

package/dist/types/src/init/nextStepsMarkdown.d.ts

@@ -0,0 +1,3 @@
+import type { Mode } from './createTokensPackage.js';
+export declare function nextStepsMarkdown(themes: string[], modes: Mode[], tokensTargetDir: string, packageName: string): string;
+//# sourceMappingURL=nextStepsMarkdown.d.ts.map

package/dist/types/src/init/nextStepsMarkdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nextStepsMarkdown.d.ts","sourceRoot":"","sources":["../../../../src/init/nextStepsMarkdown.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAGrD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UA4F9G"}

package/dist/types/src/init/template/prettier.config.d.mts

@@ -0,0 +1,9 @@
+export default config;
+/**
+ * NOTE: This config exists to ensure files in the template dir are
+ * formatted using the default prettier rules
+ * @see https://prettier.io/docs/en/configuration.html
+ * @type {import("prettier").Config}
+ */
+declare const config: import("prettier").Config;
+//# sourceMappingURL=prettier.config.d.mts.map

package/dist/types/src/init/template/prettier.config.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prettier.config.d.mts","sourceRoot":"","sources":["../../../../../src/init/template/prettier.config.mjs"],"names":[],"mappings":";AAAA;;;;;GAKG;AACH,sBAFU,OAAO,UAAU,EAAE,MAAM,CAEjB"}

package/dist/types/src/init/utils.d.ts

@@ -0,0 +1,4 @@
+export declare function normalizeTokenSetName(name: string): string;
+export declare function toGeneratedCssFileName(name: string): string;
+export declare function toValidPackageName(projectName: string): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/types/src/init/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/init/utils.ts"],"names":[],"mappings":"AAEA,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE1D;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAG3D;AAED,wBAAgB,kBAAkB,CAAC,WAAW,EAAE,MAAM,UAOrD"}

package/dist/types/src/migrations/beta-to-v1.d.ts

@@ -0,0 +1,3 @@
+declare const _default: (glob?: string) => Promise<void>;
+export default _default;
+//# sourceMappingURL=beta-to-v1.d.ts.map

package/dist/types/src/migrations/beta-to-v1.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"beta-to-v1.d.ts","sourceRoot":"","sources":["../../../../src/migrations/beta-to-v1.ts"],"names":[],"mappings":"gCAGuB,MAAM;AAA7B,wBAmVK"}

package/dist/types/src/migrations/codemods/css/plugins.d.ts

@@ -0,0 +1,6 @@
+import type { Plugin } from 'postcss';
+type PluginGenerator = (dictionary: Record<string, string>) => Plugin;
+export declare const cssClassRename: PluginGenerator;
+export declare const cssVarRename: PluginGenerator;
+export {};
+//# sourceMappingURL=plugins.d.ts.map

package/dist/types/src/migrations/codemods/css/plugins.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugins.d.ts","sourceRoot":"","sources":["../../../../../../src/migrations/codemods/css/plugins.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAe,MAAM,EAAE,MAAM,SAAS,CAAC;AAGnD,KAAK,eAAe,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC;AAOtE,eAAO,MAAM,cAAc,EAAE,eAe3B,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,eA2BzB,CAAC"}

package/dist/types/src/migrations/codemods/css/run.d.ts

@@ -0,0 +1,8 @@
+import type { AcceptedPlugin } from 'postcss';
+type CssCodemodProps = {
+    plugins: AcceptedPlugin[];
+    globPattern?: string;
+};
+export declare const runCssCodemod: ({ plugins, globPattern }: CssCodemodProps) => Promise<void>;
+export {};
+//# sourceMappingURL=run.d.ts.map

package/dist/types/src/migrations/codemods/css/run.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"run.d.ts","sourceRoot":"","sources":["../../../../../../src/migrations/codemods/css/run.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,aAAa,6BAAwD,eAAe,kBAkBhG,CAAC"}

package/dist/types/src/migrations/codemods/jsx/classname-prefix.d.ts

@@ -0,0 +1,10 @@
+import type { API, FileInfo } from 'jscodeshift';
+/**
+ * Replace all class prefixes from 'fds-' to 'ds-'
+ * @param file
+ * @param api
+ * @returns
+ */
+declare function replaceClassNamePrefix(file: FileInfo, api: API): string | undefined;
+export default replaceClassNamePrefix;
+//# sourceMappingURL=classname-prefix.d.ts.map

package/dist/types/src/migrations/codemods/jsx/classname-prefix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classname-prefix.d.ts","sourceRoot":"","sources":["../../../../../../src/migrations/codemods/jsx/classname-prefix.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAmB,MAAM,aAAa,CAAC;AAoElE;;;;;GAKG;AACH,iBAAS,sBAAsB,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,GAAG,MAAM,GAAG,SAAS,CAiB5E;AAED,eAAe,sBAAsB,CAAC"}

package/dist/types/src/migrations/codemods/jsx/run.d.ts

@@ -0,0 +1,7 @@
+type CssCodemodProps = {
+    globPattern?: string;
+    dry?: boolean;
+};
+export declare const runJSXCodemod: ({ globPattern, dry }: CssCodemodProps) => Promise<void>;
+export {};
+//# sourceMappingURL=run.d.ts.map

package/dist/types/src/migrations/codemods/jsx/run.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"run.d.ts","sourceRoot":"","sources":["../../../../../../src/migrations/codemods/jsx/run.ts"],"names":[],"mappings":"AAKA,KAAK,eAAe,GAAG;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAIF,eAAO,MAAM,aAAa,yBAA+C,eAAe,kBAiBvF,CAAC"}

package/dist/types/src/migrations/index.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    'css-beta-to-v1': (glob?: string) => Promise<void>;
+    'react-beta-to-v1': (glob?: string) => Promise<void>;
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/migrations/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/migrations/index.ts"],"names":[],"mappings":";;;;AAGA,wBAGE"}

package/dist/types/src/migrations/react-beta-to-v1.d.ts

@@ -0,0 +1,3 @@
+declare const _default: (glob?: string) => Promise<void>;
+export default _default;
+//# sourceMappingURL=react-beta-to-v1.d.ts.map

package/dist/types/src/migrations/react-beta-to-v1.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-beta-to-v1.d.ts","sourceRoot":"","sources":["../../../../src/migrations/react-beta-to-v1.ts"],"names":[],"mappings":"gCAEuB,MAAM;AAA7B,wBAAuE"}

package/dist/types/src/tokens/actions.d.ts

@@ -0,0 +1,6 @@
+import type { Action } from 'style-dictionary/types';
+/**
+ * Creates a CSS entry file that imports base CSS files for a theme
+ */
+export declare const makeEntryFile: Action;
+//# sourceMappingURL=actions.d.ts.map

package/dist/types/src/tokens/actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../../src/tokens/actions.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AASrD;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,MAuB3B,CAAC"}

package/dist/types/src/tokens/build.d.ts

@@ -0,0 +1,11 @@
+type Options = {
+    /** Design tokens path  */
+    tokens: string;
+    /** Output directoru for built tokens */
+    out: string;
+    /** Generate preview tokens */
+    preview: boolean;
+};
+export declare function run(options: Options): Promise<void>;
+export {};
+//# sourceMappingURL=build.d.ts.map

package/dist/types/src/tokens/build.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../../../src/tokens/build.ts"],"names":[],"mappings":"AAaA,KAAK,OAAO,GAAG;IACb,0BAA0B;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,8BAA8B;IAC9B,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAMF,wBAAsB,GAAG,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CA4FzD"}

package/dist/types/src/tokens/configs.d.ts

@@ -0,0 +1,31 @@
+import type { ThemeObject } from '@tokens-studio/types';
+import type { Config, TransformedToken } from 'style-dictionary/types';
+import type { PermutatedThemes } from './utils/permutateThemes.js';
+export declare const prefix = "ds";
+export declare const basePxFontSize = 16;
+export declare const separator = "_";
+export type IsCalculatedToken = (token: TransformedToken, options?: Config) => boolean;
+export declare const permutateThemes: ($themes: ThemeObject[]) => PermutatedThemes;
+type GetConfig = (options: {
+    mode?: string;
+    theme?: string;
+    semantic?: string;
+    size?: string;
+    typography?: string;
+    outPath?: string;
+}) => Config;
+export declare const colorModeVariables: GetConfig;
+export declare const semanticVariables: GetConfig;
+export declare const typescriptTokens: GetConfig;
+export declare const typographyCSS: GetConfig;
+type getConfigs = (getConfig: GetConfig, outPath: string, tokensDir: string, themes: PermutatedThemes) => {
+    mode: string;
+    theme: string;
+    semantic: string;
+    size: string;
+    typography: string;
+    config: Config;
+}[];
+export declare const getConfigs: getConfigs;
+export {};
+//# sourceMappingURL=configs.d.ts.map

package/dist/types/src/tokens/configs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"configs.d.ts","sourceRoot":"","sources":["../../../../src/tokens/configs.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGxD,OAAO,KAAK,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAOvE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAQnE,eAAO,MAAM,MAAM,OAAO,CAAC;AAC3B,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,SAAS,MAAM,CAAC;AAyC7B,MAAM,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,gBAAgB,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;AAEvF,eAAO,MAAM,eAAe,YAAa,WAAW,EAAE,qBAGlD,CAAC;AAEL,KAAK,SAAS,GAAG,CAAC,OAAO,EAAE;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,KAAK,MAAM,CAAC;AAEb,eAAO,MAAM,kBAAkB,EAAE,SAkChC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,SA+C/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,SAqC9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,SA2C3B,CAAC;AAEF,KAAK,UAAU,GAAG,CAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,gBAAgB,KACrB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAAE,CAAC;AAE3G,eAAO,MAAM,UAAU,EAAE,UAqCd,CAAC"}

package/dist/types/src/tokens/formats/css.d.ts

@@ -0,0 +1,5 @@
+import type { Format } from 'style-dictionary/types';
+export declare const colormode: Format;
+export declare const semantic: Format;
+export declare const typography: Format;
+//# sourceMappingURL=css.d.ts.map

package/dist/types/src/tokens/formats/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/formats/css.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAarD,eAAO,MAAM,SAAS,EAAE,MA4BvB,CAAC;AAIF,eAAO,MAAM,QAAQ,EAAE,MAsCtB,CAAC;AAsCF,eAAO,MAAM,UAAU,EAAE,MAuFxB,CAAC"}

package/dist/types/src/tokens/formats/js-tokens.d.ts

@@ -0,0 +1,6 @@
+import type { Format } from 'style-dictionary/types';
+/**
+ * Format for displaying tokens in storefront
+ */
+export declare const jsTokens: Format;
+//# sourceMappingURL=js-tokens.d.ts.map

package/dist/types/src/tokens/formats/js-tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"js-tokens.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/formats/js-tokens.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAoB,MAAM,wBAAwB,CAAC;AAkBvE;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,MA2BtB,CAAC"}

package/dist/types/src/tokens/transformers.d.ts

@@ -0,0 +1,5 @@
+import type { Transform } from 'style-dictionary/types';
+export declare const sizeRem: Transform;
+export declare const nameKebab: Transform;
+export declare const typographyShorthand: Transform;
+//# sourceMappingURL=transformers.d.ts.map

package/dist/types/src/tokens/transformers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformers.d.ts","sourceRoot":"","sources":["../../../../src/tokens/transformers.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAOxD,eAAO,MAAM,OAAO,EAAE,SAyBrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,SASvB,CAAC;AASF,eAAO,MAAM,mBAAmB,EAAE,SASjC,CAAC"}

package/dist/types/src/tokens/utils/entryfile.d.ts

@@ -0,0 +1,11 @@
+type EntryFile = (options: {
+    outPath: string;
+    buildPath: string;
+    theme: string;
+}) => Promise<undefined>;
+/**
+ * Creates a CSS entry file that imports base CSS files for a theme
+ */
+export declare const makeEntryFile: EntryFile;
+export {};
+//# sourceMappingURL=entryfile.d.ts.map

package/dist/types/src/tokens/utils/entryfile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entryfile.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/utils/entryfile.ts"],"names":[],"mappings":"AA2BA,KAAK,SAAS,GAAG,CAAC,OAAO,EAAE;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,KAAK,OAAO,CAAC,SAAS,CAAC,CAAC;AAEzB;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,SAO3B,CAAC"}

package/dist/types/src/tokens/utils/noCase.d.ts

@@ -0,0 +1,11 @@
+export interface Options {
+    splitRegexp?: RegExp | RegExp[];
+    stripRegexp?: RegExp | RegExp[];
+    delimiter?: string;
+    transform?: (part: string, index: number, parts: string[]) => string;
+}
+/**
+ * Normalize the string into something other libraries can manipulate easier.
+ */
+export declare function noCase(input: string, options?: Options): string;
+//# sourceMappingURL=noCase.d.ts.map

package/dist/types/src/tokens/utils/noCase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"noCase.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/utils/noCase.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,OAAO;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,MAAM,CAAC;CACtE;AAQD;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,GAAE,OAAY,UAkB1D"}

package/dist/types/src/tokens/utils/permutateThemes.d.ts

@@ -0,0 +1,17 @@
+import type { ThemeObject } from '@tokens-studio/types';
+declare interface Options {
+    separator?: string;
+}
+export type PermutatedTheme = {
+    mode?: string;
+    semantic?: string;
+    size?: string;
+    theme?: string;
+    typography?: string;
+    name: string;
+    selectedTokenSets: string[];
+};
+export type PermutatedThemes = PermutatedTheme[];
+export declare function permutateThemes(themes: ThemeObject[], { separator }?: Options): PermutatedThemes;
+export {};
+//# sourceMappingURL=permutateThemes.d.ts.map

package/dist/types/src/tokens/utils/permutateThemes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"permutateThemes.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/utils/permutateThemes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIxD,OAAO,WAAW,OAAO;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,iBAAiB,EAAE,MAAM,EAAE,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,eAAe,EAAE,CAAC;AAMjD,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE,SAAe,EAAE,GAAS,OAAO,GAAG,gBAAgB,CAoD5G"}

package/dist/types/src/tokens/utils/utils.d.ts

@@ -0,0 +1,25 @@
+import type { DesignToken, TransformedToken } from 'style-dictionary/types';
+/**
+ * Returns type based on design token format used. Read more:https://v4.styledictionary.com/info/dtcg/
+ * @param token Transformed token
+ * @returns type
+ */
+export declare const getType: (token: TransformedToken) => string;
+/**
+ * Returns value based on design token format used. Read more:https://v4.styledictionary.com/info/dtcg/
+ *
+ * Use generic (`<T>`) to define return value type
+ * @param token Transformed or Design token
+ * @returns value
+ */
+export declare const getValue: <T>(token: TransformedToken | DesignToken) => T;
+/**
+ * Check if token type matches provided type
+ * This function is curried
+ * @param types Type or array of types to check against
+ * @param token Transformed token
+ * @returns boolean
+ */
+export declare const typeEquals: import("ts-toolbelt/out/Function/Curry").Curry<(types: string[] | string, token: TransformedToken) => boolean>;
+export declare const pathStartsWithOneOf: import("ts-toolbelt/out/Function/Curry").Curry<(paths: string[], token: TransformedToken) => boolean>;
+//# sourceMappingURL=utils.d.ts.map

package/dist/types/src/tokens/utils/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/utils/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAM5E;;;;GAIG;AACH,eAAO,MAAM,OAAO,UAAW,gBAAgB,WAAkD,CAAC;AAElG;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,gBAAgB,GAAG,WAAW,KAAG,CAAuC,CAAC;AAE5G;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,yDAAmB,MAAM,EAAE,GAAG,MAAM,SAAS,gBAAgB,aAMlF,CAAC;AAEH,eAAO,MAAM,mBAAmB,yDAAmB,MAAM,EAAE,SAAS,gBAAgB,aASlF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digdir/designsystemet",
-  "version": "0.1.0-next.21",
+  "version": "0.1.0-next.23",
   "description": "CLI for Designsystemet",
   "author": "Designsystemet team",
   "repository": {
@@ -16,7 +16,10 @@
   ],
   "bin": "dist/bin/designsystemet.js",
   "exports": {
-    "./color": "./dist/src/colors/index.js"
+    "./color": {
+      "types": "./dist/types/src/colors/index.d.ts",
+      "import": "./dist/src/colors/index.js"
+    }
   },
   "publishConfig": {
     "access": "public"
@@ -25,7 +28,7 @@
     "designsystemet": "tsx ./bin/designsystemet.ts",
     "build:tokens": "yarn clean:theme && yarn designsystemet tokens -p -t ../../design-tokens -o ../../packages/theme/brand",
     "build:tokens:debug": "yarn clean:theme && tsx --inspect-brk ./bin/designsystemet.ts tokens -p -t ../../design-tokens -o ../../packages/theme/brand",
-    "build": "tsup",
+    "build": "tsup && yarn build:types",
     "build:swc": "yarn clean && swc src bin --copy-files -d dist && yarn build:types",
     "build:types": "tsc --emitDeclarationOnly --declaration",
     "clean": "rimraf dist",
@@ -33,37 +36,36 @@
   },
   "dependencies": {
     "@adobe/leonardo-contrast-colors": "^1.0.0",
-    "@commander-js/extra-typings": "^12.0.1",
-    "@tokens-studio/sd-transforms": "^0.16.1",
+    "@commander-js/extra-typings": "^12.1.0",
+    "@tokens-studio/sd-transforms": "1.2.2",
     "apca-w3": "^0.1.9",
     "chalk": "^5.3.0",
-    "change-case": "^5.3.0",
-    "chroma-js": "^2.4.2",
-    "commander": "^12.0.0",
+    "change-case": "^5.4.4",
+    "chroma-js": "^2.6.0",
+    "commander": "^12.1.0",
     "fast-glob": "^3.3.2",
     "hsluv": "^1.0.1",
-    "jscodeshift": "^0.15.2",
+    "jscodeshift": "^0.16.1",
     "object-hash": "^3.0.0",
-    "postcss": "^8.4.38",
-    "prompts": "^2.4.0",
-    "ramda": "^0.29.1",
-    "rimraf": "^5.0.5",
-    "style-dictionary": "^4.0.0-prerelease.34"
+    "postcss": "^8.4.41",
+    "prompts": "^2.4.2",
+    "ramda": "^0.30.1",
+    "rimraf": "^6.0.1",
+    "style-dictionary": "^4.0.1"
   },
   "devDependencies": {
-    "@swc/cli": "^0.3.14",
-    "@swc/core": "^1.6.5",
     "@types/apca-w3": "^0.1.3",
     "@types/fs-extra": "^11.0.4",
     "@types/glob": "^8.1.0",
     "@types/jscodeshift": "^0.11.11",
-    "@types/node": "^20.14.12",
-    "@types/object-hash": "^3",
+    "@types/node": "^22.1.0",
+    "@types/object-hash": "^3.0.6",
     "@types/prompts": "^2.4.9",
-    "@types/ramda": "^0.29.9",
+    "@types/ramda": "^0.30.1",
     "fs-extra": "^11.2.0",
-    "tsup": "^8.1.0",
-    "tsx": "^4.11.2",
-    "typescript": "^5.4.5"
+    "tslib": "^2.6.3",
+    "tsup": "^8.2.4",
+    "tsx": "^4.16.5",
+    "typescript": "^5.5.4"
   }
 }