@digdir/designsystemet 0.1.0-alpha.18 → 0.1.0-alpha.19

package/dist/src/tokens/utils/permutateThemes.js

@@ -1,77 +1,63 @@
 import * as R from "ramda";
 import { TokenSetStatus } from "@tokens-studio/types";
 function mapThemesToSetsObject(themes) {
-    return themes.map((theme)=>({
-            name: theme.name,
-            selectedTokenSets: filterTokenSets(theme.selectedTokenSets)
-        }));
+  return themes.map((theme) => ({ name: theme.name, selectedTokenSets: filterTokenSets(theme.selectedTokenSets) }));
 }
-export function permutateThemes(themes, { separator = '-' } = {}) {
-    if (!themes.some((theme)=>theme.group)) {
-        return mapThemesToSetsObject(themes);
+function permutateThemes(themes, { separator = "-" } = {}) {
+  if (!themes.some((theme) => theme.group)) {
+    return mapThemesToSetsObject(themes);
+  }
+  const groups = {};
+  themes.forEach((theme) => {
+    if (theme.group) {
+      groups[theme.group] = [...groups[theme.group] ?? [], theme];
+    } else {
+      throw new Error(
+        `Theme ${theme.name} does not have a group property, which is required for multi-dimensional theming.`
+      );
     }
-    // Sort themes by groups
-    const groups = {};
-    themes.forEach((theme)=>{
-        if (theme.group) {
-            groups[theme.group] = [
-                ...groups[theme.group] ?? [],
-                theme
-            ];
-        } else {
-            throw new Error(`Theme ${theme.name} does not have a group property, which is required for multi-dimensional theming.`);
+  });
+  if (Object.keys(groups).length <= 1) {
+    return mapThemesToSetsObject(themes);
+  }
+  const permutations = cartesian(Object.values(groups));
+  const permutatedThemes = permutations.map((perm) => {
+    const permutatedTheme = perm.reduce(
+      (acc, theme) => {
+        const { group, name, selectedTokenSets } = theme;
+        let updatedPermutatedTheme = acc;
+        if (group) {
+          const groupProp = R.lensProp(group.toLowerCase());
+          updatedPermutatedTheme = R.set(groupProp, name.toLowerCase(), updatedPermutatedTheme);
         }
-    });
-    if (Object.keys(groups).length <= 1) {
-        return mapThemesToSetsObject(themes);
-    }
-    // Create theme permutations
-    const permutations = cartesian(Object.values(groups));
-    const permutatedThemes = permutations.map((perm)=>{
-        const permutatedTheme = perm.reduce((acc, theme)=>{
-            const { group, name, selectedTokenSets } = theme;
-            let updatedPermutatedTheme = acc;
-            if (group) {
-                const groupProp = R.lensProp(group.toLowerCase());
-                updatedPermutatedTheme = R.set(groupProp, name.toLowerCase(), updatedPermutatedTheme);
-            }
-            const updatedName = `${String(acc.name)}${acc ? separator : ''}${name}`;
-            const sets = [
-                ...updatedPermutatedTheme.selectedTokenSets,
-                ...filterTokenSets(selectedTokenSets)
-            ];
-            return {
-                ...updatedPermutatedTheme,
-                name: updatedName,
-                selectedTokenSets: sets
-            };
-        }, {
-            name: '',
-            selectedTokenSets: []
-        });
-        const uniqueTokenSets = new Set(permutatedTheme.selectedTokenSets);
+        const updatedName = `${String(acc.name)}${acc ? separator : ""}${name}`;
+        const sets = [...updatedPermutatedTheme.selectedTokenSets, ...filterTokenSets(selectedTokenSets)];
         return {
-            ...permutatedTheme,
-            selectedTokenSets: Array.from(uniqueTokenSets)
+          ...updatedPermutatedTheme,
+          name: updatedName,
+          selectedTokenSets: sets
         };
-    });
-    return permutatedThemes;
+      },
+      { name: "", selectedTokenSets: [] }
+    );
+    const uniqueTokenSets = new Set(permutatedTheme.selectedTokenSets);
+    return { ...permutatedTheme, selectedTokenSets: Array.from(uniqueTokenSets) };
+  });
+  return permutatedThemes;
 }
 function filterTokenSets(tokensets) {
-    return Object.entries(tokensets).filter(([, val])=>val !== TokenSetStatus.DISABLED)// ensure source type sets are always ordered before enabled type sets
-    .sort((a, b)=>{
-        if (a[1] === TokenSetStatus.SOURCE && b[1] === TokenSetStatus.ENABLED) {
-            return -1;
-        } else if (a[1] === TokenSetStatus.ENABLED && b[1] === TokenSetStatus.SOURCE) {
-            return 1;
-        }
-        return 0;
-    }).map((entry)=>entry[0]);
+  return Object.entries(tokensets).filter(([, val]) => val !== TokenSetStatus.DISABLED).sort((a, b) => {
+    if (a[1] === TokenSetStatus.SOURCE && b[1] === TokenSetStatus.ENABLED) {
+      return -1;
+    } else if (a[1] === TokenSetStatus.ENABLED && b[1] === TokenSetStatus.SOURCE) {
+      return 1;
+    }
+    return 0;
+  }).map((entry) => entry[0]);
 }
-// cartesian permutations: [[1,2], [3,4]] -> [[1,3], [1,4], [2,3], [2,4]]
 function cartesian(a) {
-    return a.reduce((a, b)=>a.flatMap((d)=>b.map((e)=>[
-                    d,
-                    e
-                ].flat())));
+  return a.reduce((a2, b) => a2.flatMap((d) => b.map((e) => [d, e].flat())));
 }
+export {
+  permutateThemes
+};

package/dist/src/tokens/utils/utils.js

@@ -1,27 +1,14 @@
 import * as R from "ramda";
-/**
- * Returns type based on design token format used. Read more:https://v4.styledictionary.com/info/dtcg/
- * @param token Transformed token
- * @returns type
- */ export const getType = (token)=>(token.$type ?? token.type) || '';
-/**
- * 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 const getValue = (token)=>token.$value ?? token.value;
-/**
- * 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 const typeEquals = R.curry((types, token)=>{
-    if (R.isNil(token)) {
-        return false;
-    }
-    return R.includes(R.toLower(getType(token)), R.map(R.toLower, Array.isArray(types) ? types : [
-        types
-    ]));
+const getType = (token) => (token.$type ?? token.type) || "";
+const getValue = (token) => token.$value ?? token.value;
+const typeEquals = R.curry((types, token) => {
+  if (R.isNil(token)) {
+    return false;
+  }
+  return R.includes(R.toLower(getType(token)), R.map(R.toLower, Array.isArray(types) ? types : [types]));
 });
+export {
+  getType,
+  getValue,
+  typeEquals
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digdir/designsystemet",
-  "version": "0.1.0-alpha.18",
+  "version": "0.1.0-alpha.19",
   "description": "CLI for Designsystemet",
   "author": "Designsystemet team",
   "repository": {
@@ -31,7 +31,8 @@
     "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 && yarn build:types && chmod +x dist/bin/designsystemet.js",
+    "build": "tsup",
+    "build:swc": "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"
@@ -40,6 +41,7 @@
     "@adobe/leonardo-contrast-colors": "^1.0.0",
     "@commander-js/extra-typings": "^12.0.1",
     "@tokens-studio/sd-transforms": "^0.16.1",
+    "apca-w3": "^0.1.9",
     "chalk": "^5.3.0",
     "change-case": "^5.3.0",
     "chroma-js": "^2.4.2",
@@ -57,6 +59,7 @@
   "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",
@@ -65,7 +68,9 @@
     "@types/prompts": "^2.4.9",
     "@types/ramda": "^0.29.9",
     "fs-extra": "^11.2.0",
+    "tsup": "^8.1.0",
     "tsx": "^4.11.2",
     "typescript": "^5.4.5"
-  }
+  },
+  "gitHead": "4a8c74286dbee8903a2b1871fb8d6998e382bfa1"
 }

package/dist/src/test/a.css

@@ -1,39 +0,0 @@
-.fds-class {
-  margin-top: 42px;
-  border-width: var(--fds-border-width-default);
-  color: var(--fds-semantic-surface-first-subtle);
-  border-color: var(--fds-semantic-surface-first-light);
-  background-color: #fff;
-}
-
-.fds-class-2 {
-  margin-top: 42px;
-  border-width: var(--fds-border-width-default);
-  color: var(--fds-semantic-surface-first-subtle);
-  border-color: var(--fds-semantic-surface-first-light);
-  background-color: #fff;
-}
-
-.fds-random-name {
-  margin-top: 42px;
-  border-width: var(--fds-border-width-default);
-  color: var(--fds-semantic-surface-first-subtle);
-  border-color: var(--fds-semantic-surface-first-light);
-  background-color: #fff;
-}
-
-.not-fds {
-  margin-top: 42px;
-  border-width: var(--fds-border-width-default);
-  color: var(--fds-semantic-surface-first-subtle);
-  border-color: var(--fds-semantic-surface-first-light);
-  background-color: #fff;
-}
-
-.fds-double.fds-triple {
-  margin-top: 42px;
-  border-width: var(--fds-border-width-default);
-  color: var(--fds-semantic-surface-first-subtle);
-  border-color: var(--fds-semantic-surface-first-light);
-  background-color: #fff;
-}

package/dist/src/test/jsx-test.js

@@ -1,12 +0,0 @@
-import cl from "classnames";
-const DEFAULT = 'fds-default';
-export default function JsxTest({ className }) {
-    return /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement("div", {
-        className: "fds-hey",
-        onMouseEnter: ()=>'fds-func'
-    }, /*#__PURE__*/ React.createElement("button", {
-        className: cl('fds-skrr', 'another', `fds-${DEFAULT}`, true && 'fds-hey', true && `fds-${DEFAULT}`, DEFAULT.includes('fds-') ? 'fds-yes' : 'fds-no', typeof DEFAULT === 'string' ? 'fds-yes' : typeof DEFAULT === 'function' ? 'fds-no' : 'fds-yes', className)
-    }, "button")), /*#__PURE__*/ React.createElement("div", {
-        className: `fds-${DEFAULT}`
-    }));
-}

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

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

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

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

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

@@ -1,126 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,102 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,16 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,9 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}