@digdir/designsystemet 0.1.0-alpha.15 → 0.1.0-alpha.16

package/dist/src/init/createTokensPackage.js

@@ -2,9 +2,7 @@ import path from "node:path";
 import fs from "node:fs/promises";
 import chalk from "chalk";
 import prompts from "prompts";
-import packageJsonTemplate from "./template/template-files/package.json" with {
-    type: 'json'
-};
+import packageJsonTemplate from "./template/template-files/package.json";
 import generateMetadata from "./generateMetadataJson.js";
 import generateThemes from "./generateThemesJson.js";
 import { toGeneratedCssFileName, normalizeTokenSetName, toValidPackageName } from "./utils.js";

package/dist/src/tokens/actions.js

@@ -6,6 +6,10 @@ const sortLightmodeFirst = R.sortWith([
     R.descend(R.includes('light')),
     R.descend(R.includes('secondary'))
 ]);
+const header = `@charset "UTF-8";
+
+@layer ds.reset, ds.theme, ds.base, ds.utilities, ds.components;
+\n`;
 /**
  * Creates a CSS entry file that imports base CSS files for a theme
  */ export const makeEntryFile = {
@@ -20,7 +24,7 @@ const sortLightmodeFirst = R.sortWith([
         const files = await glob(`**/*`, {
             cwd: platform.buildPath
         });
-        const content = generateImportUrls(files);
+        const content = header + generateImportUrls(files);
         await fs.writeFile(writePath, content);
     },
     undo: async function noOp() {}

package/dist/types/bin/designsystemet.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=designsystemet.d.ts.map

package/dist/types/bin/designsystemet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"designsystemet.d.ts","sourceRoot":"","sources":["../../../bin/designsystemet.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,126 @@
+import type { CssColor } from '@adobe/leonardo-contrast-colors';
+/**
+ * Converts a HEX color '#xxxxxx' into a CSS HSL string 'hsl(x,x,x)'
+ *
+ * @param hex A hex color string
+ * @param valuesOnly If true, only the values are returned
+ * @returns A CSS HSL string
+ */
+export declare const hexToCssHsl: (hex: string, valuesOnly?: boolean) => string;
+/**
+ * Converts a HEX string '#xxxxxx' into an array of HSL values '[h,s,l]'
+ *
+ * @param H A Hex color string
+ * @returns HSL values in an array
+ */
+export declare const hexToHSL: (H: string) => number[];
+/**
+ * Converts a HEX color '#xxxxxx' into an array of HSLuv values '[h,s,l]'
+ *
+ * @param hex A hex color string
+ * @returns
+ */
+export declare const hexToHsluv: (hex: string) => number[];
+/**
+ * Converts a HSL number array '[h,s,l]' into HSL CSS string 'hsl(x,x,x)'
+ *
+ * @param HSL A HSL number array '[h,s,l]'
+ * @returns A hex color string
+ */
+export declare const hslArrToCss: (HSL: number[]) => string;
+/**
+ * Converts a HSL CSS string 'hsl(x,x,x)' into an array of HSL values '[h,s,l]'
+ *
+ * @param h The HSL hue
+ * @param s The HSL saturation
+ * @param l The HSL lightness
+ * @returns HEX color string
+ */
+export declare const HSLToHex: (h: number, s: number, l: number) => string;
+/**
+ * Converts a HEX color '#xxxxxx' into an array of RGB values '[R, G, B]'
+ *
+ * @param hex A hex color string
+ * @returns RGB values in an array
+ */
+export declare const hexToRgb: (hex: string) => {
+    r: number;
+    g: number;
+    b: number;
+} | null;
+/**
+ * Get the luminance of an RGB color
+ *
+ * @param r RGB red value
+ * @param G RGB green value
+ * @param b RGB blue value
+ * @returns
+ */
+export declare const luminanceFromRgb: (r: string, g: string, b: string) => number;
+/**
+ * Get the luminance of a HEX color
+ *
+ * @param hex A hex color string
+ * @returns
+ */
+export declare const luminanceFromHex: (hex: CssColor) => number;
+/**
+ * Get the contrast ratio between two luminance values
+ *
+ * @param lum1 The first luminance value
+ * @param lum2 The second luminance value
+ * @returns
+ */
+export declare const getRatioFromLum: (lum1: number, lum2: number) => number;
+/**
+ * Get the HSL lightness from a HEX color
+ *
+ * @param hex A hex color string
+ * @returns
+ */
+export declare const getHslLightessFromHex: (hex: CssColor) => number;
+export declare const getHslSaturationFromHex: (hex: CssColor) => number;
+/**
+ * Get the HSLuv lightness from a HEX color
+ *
+ * @param hex A hex color string
+ * @returns
+ */
+export declare const getLightnessFromHex: (hex: string) => number;
+/**
+ * Get the contrast ratio between two HEX colors
+ *
+ * @param {CssColor} color1 The first color
+ * @param {CssColor} color2 The second color
+ * @returns
+ */
+export declare const getContrastFromHex: (color1: CssColor, color2: CssColor) => number;
+/**
+ * Get the contrast ratio between two colors at a specific lightness
+ *
+ * @param lightness The lightness value
+ * @param mainColor The main color
+ * @param backgroundColor The background color
+ * @returns The contrast ratio
+ */
+export declare const getContrastFromLightness: (lightness: number, mainColor: CssColor, backgroundColor: CssColor) => number;
+/**
+ * Maps the numbers from [start1 - end1] to the range [start2 - end2], maintaining the proportionality between the numbers in the ranges using lineaer interpolation.
+ */
+/**
+ * Check if two colors have enough contrast to be used together
+ *
+ * @param {CssColor} color1 The first color
+ * @param {CssColor} color2 The second color
+ * @returns {boolean} If the colors have enough contrast
+ */
+export declare const areColorsContrasting: (color1: CssColor, color2: CssColor, type?: 'decorative' | 'aa' | 'aaa') => boolean;
+export declare const getApcaContrastLc: (textColor: CssColor, backgroundColor: CssColor) => string | number;
+/**
+ * Check if aa string value is a HEX color
+ *
+ * @param {string} hex The string to check
+ * @returns {boolean} If the string is a HEX color
+ */
+export declare const isHexColor: (hex: string) => boolean;
+//# sourceMappingURL=colorUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"colorUtils.d.ts","sourceRoot":"","sources":["../../../../src/colors/colorUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAKhE;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,QAAS,MAAM,iCA2CtC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,MAAO,MAAM,aAwCjC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,QAAS,MAAM,aAKrC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,QAAS,MAAM,EAAE,WAExC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,MAAO,MAAM,KAAK,MAAM,KAAK,MAAM,WA+CvD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,QAAS,MAAM;;;;QAcnC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,MAAO,MAAM,KAAK,MAAM,KAAK,MAAM,WAM/D,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,QAAS,QAAQ,WAS7C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,SAAU,MAAM,QAAQ,MAAM,WAMzD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,QAAS,QAAQ,WAElD,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAAS,QAAQ,WAEpD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,QAAS,MAAM,WAK9C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,WAAY,QAAQ,UAAU,QAAQ,WAOpE,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,wBAAwB,cAAe,MAAM,aAAa,QAAQ,mBAAmB,QAAQ,WAYzG,CAAC;AAEF;;GAEG;AAKH;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,WAAY,QAAQ,UAAU,QAAQ,SAAQ,YAAY,GAAG,IAAI,GAAG,KAAK,YAYzG,CAAC;AAEF,eAAO,MAAM,iBAAiB,cAAe,QAAQ,mBAAmB,QAAQ,oBAW/E,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,QAAS,MAAM,YAErC,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from './colorUtils';
+export * from './themeUtils';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/colors/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,102 @@
+import type { CssColor } from '@adobe/leonardo-contrast-colors';
+import type { ContrastMode, Mode, ColorInfo, ColorNumber, ThemeInfo, ColorType } 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: ColorType, 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;AAIhE,OAAO,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAUhG,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,cAUhF,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,YAc1F,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,aAS3C,CAAC;AAEF,eAAO,MAAM,cAAc,cAAe,SAAS,eAAe,WAAW,WAE5E,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,iBAuO1D"}

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,CAC1C,KAAK,EAAE,KAAK,CAAC,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC,EAC3C,MAAM,EAAE,MAAM,EAAE,GACf,QAAQ,CAiBV"}

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,EAAkB,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIxE,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,KAAK,EAAE,KAAK,CAAC,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC,EAC3C,MAAM,EAAE,MAAM,EAAE,GACf,WAAW,EAAE,CAMf"}

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":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAErD,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,EAAE,EAChB,KAAK,EAAE,IAAI,EAAE,EACb,eAAe,EAAE,MAAM,EACvB,WAAW,EAAE,MAAM,UA6FpB"}

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":"AACA,OAAO,KAAK,EAAE,MAAM,EAAe,MAAM,SAAS,CAAC;AAInD,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,eA6BzB,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":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI9C,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 | undefined) => Promise<void>;
+    'react-beta-to-v1': (glob?: string | undefined) => 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/test/jsx-test.d.ts

@@ -0,0 +1,4 @@
+export default function JsxTest({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=jsx-test.d.ts.map

package/dist/types/src/test/jsx-test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-test.d.ts","sourceRoot":"","sources":["../../../../src/test/jsx-test.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CA6BpE"}

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":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAWrD;;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":"AAYA,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,CAgFzD"}

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

@@ -0,0 +1,31 @@
+import type { Config, TransformedToken } from 'style-dictionary/types';
+import type { ThemeObject } from '@tokens-studio/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":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAEvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AASnE,eAAO,MAAM,MAAM,OAAO,CAAC;AAC3B,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,SAAS,MAAM,CAAC;AA2C7B,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,SAoC3B,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,MAsBvB,CAAC;AAIF,eAAO,MAAM,QAAQ,EAAE,MAoCtB,CAAC;AAsCF,eAAO,MAAM,UAAU,EAAE,MAiFxB,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,EAAoB,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAcvE;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,MAyBtB,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,SAoBrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,SASvB,CAAC;AASF,eAAO,MAAM,mBAAmB,EAAE,SASjC,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,UAsB1D"}

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":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGxD,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,UAAgB,GAAG,gBAAgB,CAoD5G"}

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

@@ -0,0 +1,24 @@
+import type { TransformedToken, DesignToken } 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>;
+//# 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,gBAAgB,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE5E;;;;GAIG;AACH,eAAO,MAAM,OAAO,UAAW,gBAAgB,WAAkD,CAAC;AAElG;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,aAAc,gBAAgB,GAAG,WAAW,KAAG,CAAuC,CAAC;AAE5G;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,yDAAmB,MAAM,EAAE,GAAG,MAAM,SAAS,gBAAgB,aAMlF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digdir/designsystemet",
-  "version": "0.1.0-alpha.15",
+  "version": "0.1.0-alpha.16",
   "description": "CLI for Designsystemet",
   "author": "Designsystemet team",
   "repository": {
@@ -10,6 +10,7 @@
   "homepage": "https://github.com/digdir/designsystemet/tree/main/scripts/cli",
   "license": "MIT",
   "type": "module",
+  "types": "./dist/types",
   "files": [
     "./dist/**"
   ],
@@ -27,9 +28,11 @@
     }
   },
   "scripts": {
+    "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": "yarn clean && swc src bin --copy-files -d dist",
+    "build": "yarn clean && swc src bin --copy-files -d dist && yarn build:types",
+    "build:types": "tsc --emitDeclarationOnly --declaration",
     "clean": "rimraf dist",
     "clean:theme": "yarn workspace @digdir/designsystemet-theme clean"
   },