@digdir/designsystemet 1.0.2 → 1.0.4

package/dist/src/tokens/process/formats/js-tokens.js

@@ -0,0 +1,109 @@
+// src/tokens/process/formats/js-tokens.ts
+import * as R3 from "ramda";
+import { createPropertyFormatter as createPropertyFormatter2, fileHeader } from "style-dictionary/utils";
+
+// src/tokens/utils.ts
+import * as R from "ramda";
+var mapToLowerCase = R.map(R.toLower);
+var hasAnyTruth = R.any(R.equals(true));
+var getType = (token) => (token.$type ?? token.type) || "";
+var getValue = (token) => token.$value ?? token.value;
+var 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]));
+});
+var pathStartsWithOneOf = R.curry((paths, token) => {
+  if (R.isNil(token)) {
+    return false;
+  }
+  const tokenPath = mapToLowerCase(token.path);
+  const matchPathsStartingWith = R.map((path) => R.startsWith([path], tokenPath), mapToLowerCase(paths));
+  return hasAnyTruth(matchPathsStartingWith);
+});
+function isColorCategoryToken(token, category) {
+  if (!category) {
+    return ["main", "support"].some((c) => isColorCategoryToken(token, c));
+  }
+  return R.startsWith(["color", category], token.path);
+}
+var isDigit = (s) => /^\d+$/.test(s);
+function inlineTokens(shouldInline, tokens) {
+  const [inlineableTokens, otherTokens] = R.partition(shouldInline, tokens);
+  return otherTokens.map((token) => {
+    let transformed = getValue(token.original);
+    for (const ref of inlineableTokens) {
+      const refName = ref.path.join(".");
+      if (typeof transformed === "string") {
+        transformed = transformed.replaceAll(`{${refName}}`, getValue(ref.original));
+      }
+    }
+    const tokenWithInlinedRefs = R.set(R.lensPath(["original", "$value"]), transformed, token);
+    return tokenWithInlinedRefs;
+  });
+}
+
+// src/tokens/process/formats/css/semantic.ts
+import * as R2 from "ramda";
+import { createPropertyFormatter } from "style-dictionary/utils";
+var isNumericBorderRadiusToken = (t) => t.path[0] === "border-radius" && isDigit(t.path[1]);
+var isNumericSizeToken = (t) => pathStartsWithOneOf(["size"], t) && isDigit(t.path[1]);
+var isSizeToken = (t) => pathStartsWithOneOf(["size"], t);
+var isInlineTokens = R2.anyPass([isNumericBorderRadiusToken, isNumericSizeToken, isSizeToken]);
+var overrideSizingFormula = (format, token) => {
+  const [name, value] = format(token).split(":");
+  const calc = value.replace(`var(--ds-size-mode-font-size)`, "1em").replace(/floor\((.*)\);/, "calc($1)");
+  const round = `round(down, ${calc}, 0.0625rem)`;
+  return {
+    name,
+    round,
+    calc
+  };
+};
+
+// src/tokens/process/formats/js-tokens.ts
+var groupByType = R3.groupBy((token) => getType(token));
+var removeUnwatedTokens = R3.pipe(
+  R3.reject((token) => isColorCategoryToken(token)),
+  R3.reject((token) => R3.any((path) => path.startsWith("_"))(token.path))
+);
+var dissocExtensions = R3.pipe(R3.dissoc("$extensions"), R3.dissocPath(["original", "$extensions"]));
+var removeUnwatedProps = R3.map((token) => dissocExtensions(token));
+var toCssVarName = R3.pipe(R3.split(":"), R3.head, R3.trim);
+var jsTokens = {
+  name: "ds/js-tokens",
+  format: async ({ dictionary, file, options }) => {
+    const { usesDtcg, outputReferences } = options;
+    const format = createPropertyFormatter2({
+      outputReferences,
+      dictionary,
+      format: "css",
+      usesDtcg
+    });
+    const formatTokens = R3.map((token) => {
+      if (pathStartsWithOneOf(["size", "_size"], token)) {
+        const { calc, name } = overrideSizingFormula(format, token);
+        return {
+          ...token,
+          name: name.trim(),
+          $value: calc.trim()
+        };
+      }
+      return {
+        ...token,
+        name: toCssVarName(format(token))
+      };
+    });
+    const processTokens = R3.pipe(removeUnwatedTokens, removeUnwatedProps, formatTokens, groupByType);
+    const tokens = processTokens(inlineTokens(isInlineTokens, dictionary.allTokens));
+    const content = Object.entries(tokens).map(
+      ([name, token]) => `export const  ${name} = ${JSON.stringify(token, null, 2).replace(/"([^"]+)":/g, "$1:")} 
+`
+    ).join("\n");
+    return fileHeader({ file }).then((fileHeaderText) => fileHeaderText + content);
+  }
+};
+export {
+  jsTokens
+};

package/dist/src/tokens/process/platform.d.ts

@@ -0,0 +1,87 @@
+import type { ThemeObject } from '@tokens-studio/types';
+import type { OutputFile, TokenSet } from '../types.js';
+import { type ThemePermutation } from '../types.js';
+type SharedOptions = {
+    /** Enable verbose output */
+    verbose: boolean;
+    /** Set the default color for ":root" */
+    rootColor?: string;
+    /** Dry run, no files will be written */
+    dry?: boolean;
+    /** Clean the output path before building tokens */
+    clean?: boolean;
+    /** Generate preview tokens */
+    preview: boolean;
+    /** Token Studio `$themes.json` content */
+    $themes: ThemeObject[];
+};
+export type BuildOptions = {
+    process: 'build';
+    /** Design tokens path */
+    tokensDir: string;
+    /** Output directory for built tokens */
+    outDir: string;
+} & SharedOptions;
+export type FormatOptions = {
+    process: 'format';
+    /** Tokensets */
+    tokenSets: Map<string, TokenSet>;
+} & SharedOptions;
+type ProcessOptions = BuildOptions | FormatOptions;
+type ProcessedBuildConfigs<T> = Record<keyof typeof buildConfigs | 'types', T>;
+export type ProcessReturn = ProcessedBuildConfigs<BuildResult[]>;
+type BuildResult = {
+    permutation: ThemePermutation;
+    formatted: OutputFile[];
+};
+export declare let buildOptions: ProcessOptions | undefined;
+declare const buildConfigs: {
+    typography: {
+        getConfig: import("./configs/shared.js").GetStyleDictionaryConfig;
+        dimensions: "typography"[];
+    };
+    'color-scheme': {
+        getConfig: import("./configs/shared.js").GetStyleDictionaryConfig;
+        dimensions: "color-scheme"[];
+    };
+    'main-color': {
+        getConfig: import("./configs/shared.js").GetStyleDictionaryConfig;
+        dimensions: "main-color"[];
+    };
+    'support-color': {
+        getConfig: import("./configs/shared.js").GetStyleDictionaryConfig;
+        dimensions: "support-color"[];
+    };
+    'neutral-color': {
+        getConfig: import("./configs/shared.js").GetStyleDictionaryConfig;
+        dimensions: "semantic"[];
+        log: ({ permutation: { theme } }: import("../types.js").SDConfigForThemePermutation) => string;
+    };
+    'success-color': {
+        getConfig: import("./configs/shared.js").GetStyleDictionaryConfig;
+        dimensions: "semantic"[];
+        log: ({ permutation: { theme } }: import("../types.js").SDConfigForThemePermutation) => string;
+    };
+    'danger-color': {
+        getConfig: import("./configs/shared.js").GetStyleDictionaryConfig;
+        dimensions: "semantic"[];
+        log: ({ permutation: { theme } }: import("../types.js").SDConfigForThemePermutation) => string;
+    };
+    'warning-color': {
+        getConfig: import("./configs/shared.js").GetStyleDictionaryConfig;
+        dimensions: "semantic"[];
+        log: ({ permutation: { theme } }: import("../types.js").SDConfigForThemePermutation) => string;
+    };
+    'info-color': {
+        getConfig: import("./configs/shared.js").GetStyleDictionaryConfig;
+        dimensions: "semantic"[];
+        log: ({ permutation: { theme } }: import("../types.js").SDConfigForThemePermutation) => string;
+    };
+    semantic: {
+        getConfig: import("./configs/shared.js").GetStyleDictionaryConfig;
+        dimensions: "semantic"[];
+    };
+};
+export declare function processPlatform<T>(options: ProcessOptions): Promise<ProcessReturn>;
+export {};
+//# sourceMappingURL=platform.d.ts.map

package/dist/src/tokens/process/platform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../../../src/tokens/process/platform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIxD,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAoB,KAAK,gBAAgB,EAAmB,MAAM,aAAa,CAAC;AAIvF,KAAK,aAAa,GAAG;IACnB,4BAA4B;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8BAA8B;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,0CAA0C;IAC1C,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,yBAAyB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,aAAa,CAAC;AAElB,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,QAAQ,CAAC;IAClB,gBAAgB;IAChB,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;CAClC,GAAG,aAAa,CAAC;AAElB,KAAK,cAAc,GAAG,YAAY,GAAG,aAAa,CAAC;AAEnD,KAAK,qBAAqB,CAAC,CAAC,IAAI,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,OAAO,EAAE,CAAC,CAAC,CAAC;AAE/E,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,WAAW,EAAE,CAAC,CAAC;AAEjE,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,SAAS,EAAE,UAAU,EAAE,CAAC;CACzB,CAAC;AAeF,eAAO,IAAI,YAAY,EAAE,cAAc,GAAG,SAAS,CAAC;AAcpD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCqB,CAAC;AAExC,wBAAsB,eAAe,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,aAAa,CAAC,CAgHxF"}