@digdir/designsystemet 0.1.0-alpha.6 → 0.1.0-alpha.7

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"beta-to-v1.d.ts","sourceRoot":"","sources":["../../../../src/migrations/beta-to-v1.ts"],"names":[],"mappings":"gCAGuB,MAAM;AAA7B,wBAiVK"}
+{"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/tokens/actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../../src/tokens/actions.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAIrD,eAAO,MAAM,aAAa,EAAE,MAY3B,CAAC"}
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../../src/tokens/actions.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAIrD,eAAO,MAAM,aAAa,EAAE,MAmB3B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../../../src/tokens/build.ts"],"names":[],"mappings":"AAkKA,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;AAkCF,wBAAsB,GAAG,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAgEzD"}
+{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../../../src/tokens/build.ts"],"names":[],"mappings":"AASA,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,CAqEzD"}

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

@@ -0,0 +1,21 @@
+import type { Config } from 'style-dictionary/types';
+import type { ThemeObject } from '@tokens-studio/types';
+export declare const permutateThemes: ($themes: ThemeObject[]) => Record<string, string[]>;
+type GetConfig = (options: {
+    mode?: string;
+    theme?: string;
+    semantic?: string;
+    fontSize?: string;
+    typography?: string;
+    outPath?: string;
+}) => Config;
+export declare const cssVariablesConfig: GetConfig;
+export declare const tsTokensConfig: GetConfig;
+export declare const cssTypographyConfig: GetConfig;
+type getConfigs = (getConfig: GetConfig, outPath: string, tokensDir: string, themes: Record<string, string[]>) => {
+    name: 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":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAoB,MAAM,wBAAwB,CAAC;AAEvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAuDxD,eAAO,MAAM,eAAe,YAAa,WAAW,EAAE,6BAGtB,CAAC;AAEjC,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,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,KAAK,MAAM,CAAC;AAEb,eAAO,MAAM,kBAAkB,EAAE,SAiChC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,SAqC5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,SAoCjC,CAAC;AAEF,KAAK,UAAU,GAAG,CAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,KAC7B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAAE,CAAC;AAExC,eAAO,MAAM,UAAU,EAAE,UA2Bd,CAAC"}

package/dist/types/src/tokens/formats/{typographyClasses.d.ts → css-classes.d.ts}

@@ -2,5 +2,5 @@ import type { Format } from 'style-dictionary/types';
 /**
  * Creates CSS classes from typography tokens
  */
-export declare const typographyClasses: Format;
-//# sourceMappingURL=typographyClasses.d.ts.map
+export declare const cssClassesTypography: Format;
+//# sourceMappingURL=css-classes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"css-classes.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/formats/css-classes.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAoBrD;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAiElC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"css-variables.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/formats/css-variables.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGrD,eAAO,MAAM,YAAY,EAAE,MAmB1B,CAAC"}

package/dist/types/src/tokens/formats/{groupedTokens.d.ts → js-tokens.d.ts}

@@ -2,5 +2,5 @@ import type { Format } from 'style-dictionary/types';
 /**
  * Format for displaying tokens in storefront
  */
-export declare const groupedTokens: Format;
-//# sourceMappingURL=groupedTokens.d.ts.map
+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;AAYvE;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,MAyBtB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digdir/designsystemet",
-  "version": "0.1.0-alpha.6",
+  "version": "0.1.0-alpha.7",
   "description": "CLI for Designsystemet",
   "author": "Designsystemet team",
   "repository": {
@@ -27,7 +27,7 @@
   "bin": "dist/build/bin/designsystemet.js",
   "dependencies": {
     "@commander-js/extra-typings": "^12.0.1",
-    "@tokens-studio/sd-transforms": "^0.16.0",
+    "@tokens-studio/sd-transforms": "^0.16.1",
     "chalk": "^5.3.0",
     "commander": "^12.0.0",
     "fast-glob": "^3.3.2",
@@ -36,7 +36,7 @@
     "postcss": "^8.4.38",
     "ramda": "^0.29.1",
     "rimraf": "^5.0.5",
-    "style-dictionary": "^4.0.0-prerelease.27",
+    "style-dictionary": "^4.0.0-prerelease.34",
     "tsup": "^8.0.2"
   },
   "devDependencies": {

package/dist/build/src/tokens/formats/scopedReferenceVariables.js

@@ -1,51 +0,0 @@
-import { fileHeader, createPropertyFormatter, usesReferences, getReferences } from 'style-dictionary/utils';
-/**
- *  CSS variables format with option to include source references for matched token through `options.referencesFilter`
- */
-export const scopedReferenceVariables = {
-    name: 'css/variables-scoped-references',
-    format: async function ({ dictionary, file, options }) {
-        const { allTokens, unfilteredTokens } = dictionary;
-        const { usesDtcg, outputReferences, mode } = options;
-        const selector = `${mode === 'light' ? ':root, ' : ''}[data-ds-color-mode="${mode}"]`;
-        const includeReferences = options.includeReferences;
-        let referencedTokens = [];
-        const format = createPropertyFormatter({
-            outputReferences,
-            dictionary,
-            format: 'css',
-        });
-        const formatWithReference = createPropertyFormatter({
-            outputReferences: true,
-            dictionary,
-            format: 'css',
-        });
-        const parseToken = (token, ignoreSource) => {
-            const originalValue = (usesDtcg ? token.original.$value : token.original.value);
-            if (usesReferences(originalValue) && includeReferences(token)) {
-                const refs = getReferences(originalValue, unfilteredTokens ? unfilteredTokens : {});
-                referencedTokens = [...referencedTokens, ...refs.filter((x) => x.isSource)];
-                return formatWithReference(token);
-            }
-            if (ignoreSource && !token.isSource) {
-                return format(token);
-            }
-        };
-        const tokens = allTokens.map((t) => parseToken(t, true)).filter((x) => x);
-        const referenceTokens = referencedTokens
-            .reduce((acc, token) => {
-            if (acc.find((x) => x.name === token.name)) {
-                return acc;
-            }
-            return [...acc, token];
-        }, [])
-            .map((token) => format(token))
-            .filter((formattedValue) => formattedValue);
-        return fileHeader({ file }).then((fileHeaderText) => `
-${fileHeaderText}
-${selector} {${referenceTokens.length > 0 ? referenceTokens.join('\n') : ''}
-${tokens.join('\n')}
-}
-      `);
-    },
-};

package/dist/build/src/tokens/formats/typographyClasses.js

@@ -1,31 +0,0 @@
-import * as R from 'ramda';
-import { fileHeader } from 'style-dictionary/utils';
-// const isTransformedToken = (token: TransformedTokens): token is TransformedToken => token;
-/**
- * Creates CSS classes from typography tokens
- */
-export const typographyClasses = {
-    name: 'typographyClasses',
-    format: async function ({ dictionary, file, options, platform }) {
-        const { usesDtcg } = options;
-        const { basePxFontSize } = platform;
-        const classNames = R.map((token) => {
-            if (!Array.isArray(token)) {
-                const typography = (usesDtcg ? token.$value : token.value);
-                const baseFontPx = basePxFontSize || 16;
-                const fontSize = `${parseInt(typography.fontSize) / baseFontPx}rem`;
-                const selector = R.replace('-typography', '', token.name);
-                const className = `
-  .${selector} {
-    font-size: ${fontSize};
-    line-height: ${typography?.lineHeight};
-    font-weight: ${typography?.fontWeight};
-  }`;
-                return className;
-            }
-        }, dictionary.allTokens);
-        return fileHeader({ file }).then((fileHeaderText) => `${fileHeaderText}@layer ds.typography {
-${classNames.join('\n')}
-}\n`);
-    },
-};

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

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

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

@@ -1,6 +0,0 @@
-import type { Format } from 'style-dictionary/types';
-/**
- *  CSS variables format with option to include source references for matched token through `options.referencesFilter`
- */
-export declare const scopedReferenceVariables: Format;
-//# sourceMappingURL=scopedReferenceVariables.d.ts.map

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"typographyClasses.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/formats/typographyClasses.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAYrD;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,MA+B/B,CAAC"}