@digdir/designsystemet 1.0.0-next.41 → 1.0.0-next.42

package/dist/src/tokens/build.js

@@ -7,6 +7,7 @@ import { configs, getConfigsForThemeDimensions } from "./build/configs.js";
 import { colorCategories } from "./build/types.js";
 import { makeEntryFile } from "./build/utils/entryfile.js";
 import { processThemeObject } from "./build/utils/getMultidimensionalThemes.js";
+import { copyFile, writeFile } from "./utils.js";
 const DEFAULT_COLOR = "accent";
 let buildOptions;
 const sd = new StyleDictionary();
@@ -27,23 +28,24 @@ const buildConfigs = {
     name: "CSS entry files",
     getConfig: configs.semanticVariables,
     dimensions: ["semantic"],
-    build: async (sdConfigs, { outPath }) => {
+    build: async (sdConfigs, { outPath, dry }) => {
       await Promise.all(
         sdConfigs.map(async ({ permutation: { theme } }) => {
           console.log(`\u{1F477} ${theme}.css`);
           const builtinColorsFilename = "builtin-colors.css";
           const builtinColors = path.resolve(import.meta.dirname, "build", builtinColorsFilename);
-          await fs.copyFile(builtinColors, path.resolve(outPath, theme, builtinColorsFilename));
-          return makeEntryFile({ theme, outPath, buildPath: path.resolve(outPath, theme) });
+          await copyFile(builtinColors, path.resolve(outPath, theme, builtinColorsFilename), dry);
+          return makeEntryFile({ theme, outPath, buildPath: path.resolve(outPath, theme), dry });
         })
       );
     }
   }
 };
 async function buildTokens(options) {
-  buildOptions = options;
+  const { dry } = options;
   const tokensDir = options.tokens;
-  const outPath = path.resolve(options.out);
+  const targetDir = path.resolve(options.outDir);
+  buildOptions = options;
   const $themes = JSON.parse(await fs.readFile(path.resolve(`${tokensDir}/$themes.json`), "utf-8")).map(processThemeObject);
   const relevant$themes = $themes.filter((theme) => R.not(theme.group === "size" && theme.name !== "default"));
   if (!buildOptions.accentColor) {
@@ -57,7 +59,7 @@ async function buildTokens(options) {
     (val) => ({
       buildConfig: val,
       sdConfigs: getConfigsForThemeDimensions(val.getConfig, relevant$themes, val.dimensions, {
-        outPath,
+        outPath: targetDir,
         tokensDir,
         ...val.options
       })
@@ -73,14 +75,17 @@ async function buildTokens(options) {
         console.log(`
 \u{1F371} Building ${chalk.green(buildConfig.name ?? key)}`);
         if (buildConfig.build) {
-          await buildConfig.build(sdConfigs, { outPath, tokensDir, ...buildConfig.options });
+          await buildConfig.build(sdConfigs, { outPath: targetDir, tokensDir, ...buildConfig.options, dry });
         }
         await Promise.all(
           sdConfigs.map(async ({ config, permutation }) => {
             const modes = ["theme", ...buildConfig.dimensions];
             const modeMessage = modes.map((x) => permutation[x]).join(" - ");
             console.log(modeMessage);
-            return (await sd.extend(config)).buildAllPlatforms();
+            if (!dry) {
+              return (await sd.extend(config)).buildAllPlatforms();
+            }
+            return Promise.resolve();
           })
         );
       }
@@ -91,9 +96,9 @@ async function buildTokens(options) {
     }
     throw err;
   }
-  await writeColorTypeDeclaration($themes, outPath);
+  await writeColorTypeDeclaration($themes, targetDir, dry);
 }
-async function writeColorTypeDeclaration($themes, outPath) {
+async function writeColorTypeDeclaration($themes, outPath, dry) {
   const colorsFileName = "colors.d.ts";
   console.log(`
 \u{1F371} Building ${chalk.green("type declarations")}`);
@@ -110,7 +115,7 @@ ${mainAndSupportColors.map((color) => `    ${color}: never;`).join("\n")}
   }
 }
 `.trimStart();
-  await fs.writeFile(path.resolve(outPath, colorsFileName), typeDeclaration, "utf-8");
+  await writeFile(path.resolve(outPath, colorsFileName), typeDeclaration, dry);
 }
 export {
   DEFAULT_COLOR,

package/dist/src/tokens/create.js

@@ -1,5 +1,5 @@
 import * as R from "ramda";
-import { baseColors, generateScaleForColor } from "../colors/index.js";
+import { baseColors, generateColorScale } from "../colors/index.js";
 const colorCliOptions = {
   main: "main-colors",
   support: "support-colors",
@@ -47,10 +47,10 @@ const generateTypographyTokens = (themeName, { fontFamily }) => {
     }
   };
 };
-const generateThemeTokens = (themeName, theme, colors) => {
-  const main = R.map((color) => createColorTokens(generateScaleForColor(color, theme)), colors.main);
-  const support = R.map((color) => createColorTokens(generateScaleForColor(color, theme)), colors.support);
-  const neutral = createColorTokens(generateScaleForColor(colors.neutral, theme));
+const generateThemeTokens = (themeName, colorScheme, colors) => {
+  const main = R.map((color) => createColorTokens(generateColorScale(color, colorScheme)), colors.main);
+  const support = R.map((color) => createColorTokens(generateColorScale(color, colorScheme)), colors.support);
+  const neutral = createColorTokens(generateColorScale(colors.neutral, colorScheme));
   return {
     [themeName]: {
       ...main,
@@ -59,13 +59,13 @@ const generateThemeTokens = (themeName, theme, colors) => {
     }
   };
 };
-const generateGlobalTokens = (theme) => {
-  const blueScale = generateScaleForColor(baseColors.blue, theme);
-  const greenScale = generateScaleForColor(baseColors.green, theme);
-  const orangeScale = generateScaleForColor(baseColors.orange, theme);
-  const purpleScale = generateScaleForColor(baseColors.purple, theme);
-  const redScale = generateScaleForColor(baseColors.red, theme);
-  const yellowScale = generateScaleForColor(baseColors.yellow, theme);
+const generateGlobalTokens = (colorScheme) => {
+  const blueScale = generateColorScale(baseColors.blue, colorScheme);
+  const greenScale = generateColorScale(baseColors.green, colorScheme);
+  const orangeScale = generateColorScale(baseColors.orange, colorScheme);
+  const purpleScale = generateColorScale(baseColors.purple, colorScheme);
+  const redScale = generateColorScale(baseColors.red, colorScheme);
+  const yellowScale = generateColorScale(baseColors.yellow, colorScheme);
   return {
     global: {
       blue: createColorTokens(blueScale),

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

@@ -1,4 +1,4 @@
-import type { CssColor } from '@adobe/leonardo-contrast-colors';
+import type { CssColor } from '../colors/types';
 export type Token = {
     $value: string;
     $type: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tokens/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAEhE,MAAM,MAAM,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AACtD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AACpD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;AACpE,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,SAAS,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B,CAAC;AAGF,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC;AAGzC,MAAM,MAAM,MAAM,GAAG;IACnB,MAAM,EAAE;QACN,KAAK,EAAE,eAAe,CAAC;QACvB,IAAI,EAAE,eAAe,CAAC;QACtB,QAAQ,CAAC,EAAE,eAAe,CAAC;KAC5B,CAAC;IACF,UAAU,EAAE;QACV,OAAO,EAAE,SAAS,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAClC,OAAO,EAAE,QAAQ,CAAC;CACnB,CAAC;AACF,MAAM,MAAM,UAAU,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACjD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,WAAW,CAAC;AAEtD,MAAM,MAAM,IAAI,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tokens/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,MAAM,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AACtD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AACpD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;AACpE,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,SAAS,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B,CAAC;AAGF,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC;AAGzC,MAAM,MAAM,MAAM,GAAG;IACnB,MAAM,EAAE;QACN,KAAK,EAAE,eAAe,CAAC;QACvB,IAAI,EAAE,eAAe,CAAC;QACtB,QAAQ,CAAC,EAAE,eAAe,CAAC;KAC5B,CAAC;IACF,UAAU,EAAE;QACV,OAAO,EAAE,SAAS,CAAC;KACpB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAClC,OAAO,EAAE,QAAQ,CAAC;CACnB,CAAC;AACF,MAAM,MAAM,UAAU,GAAG;IAAE,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACjD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,WAAW,CAAC;AAEtD,MAAM,MAAM,IAAI,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC"}

package/dist/src/tokens/{build/utils/utils.d.ts → utils.d.ts}

@@ -25,4 +25,8 @@ export declare const pathStartsWithOneOf: import("ts-toolbelt/out/Function/Curry
 export declare function isSemanticToken(token: TransformedToken): boolean;
 export declare function isGlobalColorToken(token: TransformedToken): boolean;
 export declare function isColorCategoryToken(token: TransformedToken, category?: 'main' | 'support'): boolean;
+export declare const mkdir: (dir: string, dry?: boolean) => Promise<string | void>;
+export declare const writeFile: (path: string, data: string, dry?: boolean) => Promise<void>;
+export declare const cp: (src: string, dest: string, dry?: boolean) => Promise<void>;
+export declare const copyFile: (src: string, dest: string, dry?: boolean) => Promise<void>;
 //# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/tokens/utils.ts"],"names":[],"mappings":"AAGA,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;AAEH,wBAAgB,eAAe,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAEhE;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAEnE;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,gBAAgB,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAKpG;AAED,eAAO,MAAM,KAAK,QAAe,MAAM,QAAQ,OAAO,2BAOrD,CAAC;AAEF,eAAO,MAAM,SAAS,SAAgB,MAAM,QAAQ,MAAM,QAAQ,OAAO,kBAOxE,CAAC;AAEF,eAAO,MAAM,EAAE,QAAe,MAAM,QAAQ,MAAM,QAAQ,OAAO,kBAOhE,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAe,MAAM,QAAQ,MAAM,QAAQ,OAAO,kBAOtE,CAAC"}

package/dist/src/tokens/{build/utils/utils.js → utils.js}

@@ -1,3 +1,5 @@
+import fs from "node:fs/promises";
+import chalk from "chalk";
 import * as R from "ramda";
 const mapToLowerCase = R.map(R.toLower);
 const hasAnyTruth = R.any(R.equals(true));
@@ -29,12 +31,44 @@ function isColorCategoryToken(token, category) {
   }
   return R.startsWith(["color", category], token.path);
 }
+const mkdir = async (dir, dry) => {
+  if (dry) {
+    console.log(`${chalk.blue("mkdir")} ${dir}`);
+    return Promise.resolve();
+  }
+  return await fs.mkdir(dir, { recursive: true });
+};
+const writeFile = async (path, data, dry) => {
+  if (dry) {
+    console.log(`${chalk.blue("writeFile")} ${path}`);
+    return Promise.resolve();
+  }
+  return await fs.writeFile(path, data, { encoding: "utf-8" });
+};
+const cp = async (src, dest, dry) => {
+  if (dry) {
+    console.log(`${chalk.blue("cp")} ${src} ${dest}`);
+    return Promise.resolve();
+  }
+  return await fs.cp(src, dest, { recursive: true });
+};
+const copyFile = async (src, dest, dry) => {
+  if (dry) {
+    console.log(`${chalk.blue("copyFile")} ${src} to ${dest}`);
+    return Promise.resolve();
+  }
+  return await fs.copyFile(src, dest);
+};
 export {
+  copyFile,
+  cp,
   getType,
   getValue,
   isColorCategoryToken,
   isGlobalColorToken,
   isSemanticToken,
+  mkdir,
   pathStartsWithOneOf,
-  typeEquals
+  typeEquals,
+  writeFile
 };

package/dist/src/tokens/write/generate$metadata.d.ts

@@ -1,9 +1,9 @@
-import type { ColorMode } from '../../colors/types.js';
+import type { ColorScheme } from '../../colors/types.js';
 import type { Colors } from '../types.js';
-type ColorModes = Array<ColorMode>;
+type ColorSchemes = Array<ColorScheme>;
 type Metadata = {
     tokenSetOrder: string[];
 };
-export declare function generateMetadataJson(modes: ColorModes, themes: string[], colors: Colors): Metadata;
+export declare function generateMetadataJson(schemes: ColorSchemes, themes: string[], colors: Colors): Metadata;
 export {};
 //# sourceMappingURL=generate$metadata.d.ts.map

package/dist/src/tokens/write/generate$metadata.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generate$metadata.d.ts","sourceRoot":"","sources":["../../../../src/tokens/write/generate$metadata.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAE1C,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;AAEnC,KAAK,QAAQ,GAAG;IACd,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,CAmBlG"}
+{"version":3,"file":"generate$metadata.d.ts","sourceRoot":"","sources":["../../../../src/tokens/write/generate$metadata.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAE1C,KAAK,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAEvC,KAAK,QAAQ,GAAG;IACd,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,CAmBtG"}

package/dist/src/tokens/write/generate$metadata.js

@@ -1,13 +1,13 @@
-function generateMetadataJson(modes, themes, colors) {
+function generateMetadataJson(schemes, themes, colors) {
   return {
     tokenSetOrder: [
       "primitives/globals",
       "primitives/size/default",
       ...themes.map((theme) => `primitives/modes/typography/primary/${theme}`),
       ...themes.map((theme) => `primitives/modes/typography/secondary/${theme}`),
-      ...modes.flatMap((mode) => [
-        `primitives/modes/color-scheme/${mode}/global`,
-        ...themes.map((theme) => `primitives/modes/color-scheme/${mode}/${theme}`)
+      ...schemes.flatMap((scheme) => [
+        `primitives/modes/color-scheme/${scheme}/global`,
+        ...themes.map((theme) => `primitives/modes/color-scheme/${scheme}/${theme}`)
       ]),
       ...themes.map((theme) => `themes/${theme}`),
       "semantic/color",

package/dist/src/tokens/write/generate$themes.d.ts

@@ -1,7 +1,7 @@
 import { type ThemeObject } from '@tokens-studio/types';
-import type { ColorMode } from '../../colors/types.js';
+import type { ColorScheme } from '../../colors/types.js';
 import type { Colors } from '../types.js';
-type ColorSchemes = Array<ColorMode>;
+type ColorSchemes = Array<ColorScheme>;
 type ThemeObject_ = ThemeObject & {
     $figmaCollectionId?: string;
     $figmaModeId?: string;

package/dist/src/tokens/write/generate$themes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generate$themes.d.ts","sourceRoot":"","sources":["../../../../src/tokens/write/generate$themes.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,sBAAsB,CAAC;AAExE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAM1C,KAAK,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;AAErC,KAAK,YAAY,GAAG,WAAW,GAAG;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,YAAY,EAAE,CAU/G"}
+{"version":3,"file":"generate$themes.d.ts","sourceRoot":"","sources":["../../../../src/tokens/write/generate$themes.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,sBAAsB,CAAC;AAExE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAM1C,KAAK,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAEvC,KAAK,YAAY,GAAG,WAAW,GAAG;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,YAAY,EAAE,CAU/G"}

package/dist/src/tokens/write.d.ts

@@ -1,10 +1,11 @@
 import type { Colors, Tokens } from './types.js';
 export declare const stringify: (data: unknown) => string;
 type WriteTokensOptions = {
-    writeDir: string;
+    outDir: string;
     tokens: Tokens;
     themeName: string;
     colors: Colors;
+    dry?: boolean;
 };
 export declare const writeTokens: (options: WriteTokensOptions) => Promise<void>;
 export {};

package/dist/src/tokens/write.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"write.d.ts","sourceRoot":"","sources":["../../../src/tokens/write.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAc,MAAM,EAAQ,MAAM,EAA8B,MAAM,YAAY,CAAC;AAQ/F,eAAO,MAAM,SAAS,SAAU,OAAO,WAAkC,CAAC;AAyB1E,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW,YAAmB,kBAAkB,kBAkK5D,CAAC"}
+{"version":3,"file":"write.d.ts","sourceRoot":"","sources":["../../../src/tokens/write.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAc,MAAM,EAAQ,MAAM,EAA8B,MAAM,YAAY,CAAC;AAS/F,eAAO,MAAM,SAAS,SAAU,OAAO,WAAkC,CAAC;AAyB1E,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,WAAW,YAAmB,kBAAkB,kBAmK5D,CAAC"}

package/dist/src/tokens/write.js

@@ -7,14 +7,15 @@ import customColorTemplate from "./design-tokens/template/semantic/modes/categor
 import semanticColorTemplate from "./design-tokens/template/semantic/semantic-color-template.json" with { type: "json" };
 import themeBaseFile from "./design-tokens/template/themes/theme-base-file.json" with { type: "json" };
 import themeColorTemplate from "./design-tokens/template/themes/theme-color-template.json" with { type: "json" };
+import { cp, mkdir, writeFile } from "./utils.js";
 import { generateMetadataJson } from "./write/generate$metadata.js";
 import { generateThemesJson } from "./write/generate$themes.js";
 const DIRNAME = import.meta.dirname || __dirname;
 const DEFAULT_FILES_PATH = path.join(DIRNAME, "./design-tokens/default");
 const TEMPLATE_FILES_PATH = path.join(DIRNAME, "./design-tokens/template/");
 const stringify = (data) => JSON.stringify(data, null, 2);
-const generateColorSchemeFile = (folder, name, tokens, outPath) => {
-  const path2 = `${outPath}/primitives/modes/color-scheme/${folder}`;
+const generateColorSchemeFile = (scheme, name, tokens, outPath) => {
+  const path2 = `${outPath}/primitives/modes/color-scheme/${scheme}`;
   return {
     data: stringify(tokens),
     path: path2,
@@ -30,12 +31,12 @@ const generateTypographyFile = (folder, name, tokens, outPath) => {
   };
 };
 const writeTokens = async (options) => {
-  const { writeDir, tokens, themeName, colors } = options;
-  const targetDir = path.resolve(process.cwd(), String(writeDir));
+  const { outDir, tokens, themeName, colors, dry } = options;
+  const targetDir = path.resolve(process.cwd(), String(outDir));
   const $themesPath = path.join(targetDir, "$themes.json");
   const $metadataPath = path.join(targetDir, "$metadata.json");
   let themes = [themeName];
-  await fs.mkdir(targetDir, { recursive: true });
+  await mkdir(targetDir, dry);
   try {
     const $themes = await fs.readFile($themesPath, "utf-8");
     const themeObjects = JSON.parse($themes) || [];
@@ -50,11 +51,9 @@ const writeTokens = async (options) => {
   console.log(`Themes: ${chalk.blue(themes.join(", "))}`);
   const $theme = generateThemesJson(["light", "dark"], themes, colors);
   const $metadata = generateMetadataJson(["light", "dark"], themes, colors);
-  await fs.writeFile($themesPath, stringify($theme));
-  await fs.writeFile($metadataPath, stringify($metadata));
-  await fs.cp(DEFAULT_FILES_PATH, targetDir, {
-    recursive: true
-  });
+  await writeFile($themesPath, stringify($theme), dry);
+  await writeFile($metadataPath, stringify($metadata), dry);
+  await cp(DEFAULT_FILES_PATH, targetDir, dry);
   const mainColorNames = Object.keys(colors.main);
   const supportColorNames = Object.keys(colors.support);
   const customColors = [...mainColorNames, "neutral", ...supportColorNames];
@@ -64,14 +63,14 @@ const writeTokens = async (options) => {
     ["support", supportColorNames]
   ]) {
     const colorCategoryPath = path.join(targetDir, "semantic", "modes", `${colorCategory}-color`);
-    await fs.mkdir(colorCategoryPath, { recursive: true });
+    await mkdir(colorCategoryPath, dry);
     for (const colorName of colorNames) {
       const customColorFile = {
         color: {
           [colorCategory]: customColorTemplate
         }
       };
-      await fs.writeFile(
+      await writeFile(
         path.join(colorCategoryPath, `${colorName}.json`),
         JSON.stringify(
           customColorFile,
@@ -82,7 +81,8 @@ const writeTokens = async (options) => {
             return value;
           },
           2
-        )
+        ),
+        dry
       );
     }
   }
@@ -98,7 +98,7 @@ const writeTokens = async (options) => {
       ...semanticColorBaseFile.color
     }
   };
-  await fs.writeFile(
+  await writeFile(
     path.join(targetDir, `semantic/color.json`),
     JSON.stringify(
       semanticColors,
@@ -109,9 +109,10 @@ const writeTokens = async (options) => {
         return value;
       },
       2
-    )
+    ),
+    dry
   );
-  await fs.mkdir(path.join(targetDir, "themes"), { recursive: true });
+  await mkdir(path.join(targetDir, "themes"), dry);
   const themeColorTokens = Object.fromEntries(
     customColors.map(
       (colorName) => [
@@ -128,7 +129,7 @@ const writeTokens = async (options) => {
     },
     ...remainingThemeFile
   };
-  await fs.writeFile(
+  await writeFile(
     path.join(targetDir, `themes/${themeName}.json`),
     JSON.stringify(
       themeFile,
@@ -139,7 +140,8 @@ const writeTokens = async (options) => {
         return value;
       },
       2
-    )
+    ),
+    dry
   );
   const files = [
     generateColorSchemeFile("light", themeName, tokens.colors.light[themeName], targetDir),
@@ -154,11 +156,11 @@ const writeTokens = async (options) => {
   for (const file of files) {
     const dirPath = path.resolve(file.path);
     const filePath = path.resolve(file.filePath);
-    await fs.mkdir(dirPath, { recursive: true });
-    await fs.writeFile(filePath, file.data, { encoding: "utf-8" });
+    await mkdir(dirPath, dry);
+    await writeFile(filePath, file.data, dry);
   }
   console.log(
-    `Finished creating Designsystem design tokens in ${chalk.green(writeDir)} for theme ${chalk.blue(themeName)}`
+    `Finished creating Designsystem design tokens in ${chalk.green(outDir)} for theme ${chalk.blue(themeName)}`
   );
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digdir/designsystemet",
-  "version": "1.0.0-next.41",
+  "version": "1.0.0-next.42",
   "description": "CLI for Designsystemet",
   "author": "Designsystemet team",
   "repository": {
@@ -34,18 +34,22 @@
     "build:tokens": "yarn clean:theme && yarn designsystemet tokens build -p -t ../../design-tokens -o ../../packages/theme/brand",
     "build:tokens:debug": "yarn clean:theme && tsx --inspect-brk ./bin/designsystemet.ts tokens build -p -t ../../design-tokens -o ../../packages/theme/brand",
     "build": "tsup && yarn build:types",
-    "build:swc": "yarn clean && swc src bin --copy-files -d dist && yarn build:types",
     "build:types": "tsc --emitDeclarationOnly --declaration",
-    "test:tokens-create": "yarn designsystemet tokens create -m dominant:#007682 secondary:#ff0000 -n #003333 -s support1:#12404f support2:#0054a6 support3:#942977 -w ./test-tokens-create",
+    "types": "tsc --noEmit",
+    "test:tokens-create": "yarn designsystemet tokens create -m dominant:#007682 secondary:#ff0000 -n #003333 -s support1:#12404f support2:#0054a6 support3:#942977 -o ./test-tokens-create",
     "test:tokens-build": "yarn designsystemet tokens build -t ./test-tokens-create -o ./test-tokens-build",
     "test:tokens-create-and-build": "rimraf test-tokens-create && rimraf test-tokens-build && yarn test:tokens-create && yarn test:tokens-build",
     "test": "yarn test:tokens-create-and-build",
     "clean": "rimraf dist",
     "clean:theme": "yarn workspace @digdir/designsystemet-theme clean",
-    "update:template": "tsx ./src/tokens/template.ts"
+    "update:template": "tsx ./src/tokens/template.ts",
+    "internal:tokens-create-digdir": "yarn designsystemet tokens create --theme theme -m accent:#0062BA -n #1E2B3C -s brand1:#F45F63 brand2:#E5AA20 brand3:#1E98F5 -o ./internal/design-tokens",
+    "internal:tokens-create-altinn": "yarn designsystemet tokens create --theme theme2 -m accent:#0162BA -n #1E2B3C -s brand1:#0162BA brand2:#3F3161 brand3:#E02F4A -o ./internal/design-tokens",
+    "internal:tokens-create-uutilsynet": "yarn designsystemet tokens create --theme theme3 -m accent:#0162BA -n #1E2B3C -s brand1:#5B60D1 brand2:#FEA769 brand3:#5DA290 -o ./internal/design-tokens",
+    "internal:tokens-create-portal": "yarn designsystemet tokens create --theme theme4 -m accent:#4D107D -n #1E2B3C -s brand1:#A259DC brand2:#DF73E4 brand3:#E86ABF -o ./internal/design-tokens",
+    "internal:tokens-create-all": "yarn internal:tokens-create-digdir && yarn internal:tokens-create-altinn && yarn internal:tokens-create-uutilsynet && yarn internal:tokens-create-portal"
   },
   "dependencies": {
-    "@adobe/leonardo-contrast-colors": "^1.0.0",
     "@commander-js/extra-typings": "^12.1.0",
     "@tokens-studio/sd-transforms": "1.2.2",
     "apca-w3": "^0.1.9",

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

@@ -1,6 +0,0 @@
-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/src/tokens/build/actions.d.ts.map

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

package/dist/src/tokens/build/actions.js

@@ -1,33 +0,0 @@
-import chalk from "chalk";
-import glob from "fast-glob";
-import fs from "fs-extra";
-import * as R from "ramda";
-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;
-
-`;
-const makeEntryFile = {
-  name: "make_entryfile",
-  do: async (dictionary, platform) => {
-    const { outPath, theme, log } = platform;
-    const writePath = `${outPath}/${theme}.css`;
-    if (log?.verbosity !== "silent") {
-      console.log(chalk.green(`Creating entry file: ${writePath}`));
-    }
-    const generateImportUrls = R.pipe(
-      sortLightmodeFirst,
-      R.map((file) => `@import url('${theme}/${file.toString()}');`),
-      R.join("\n")
-    );
-    const files = await glob(`**/*`, { cwd: platform.buildPath });
-    const content = header + generateImportUrls(files);
-    await fs.writeFile(writePath, content);
-  },
-  undo: async function noOp() {
-  }
-};
-export {
-  makeEntryFile
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/tokens/build/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;AAEH,wBAAgB,eAAe,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAEhE;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAEnE;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,gBAAgB,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAKpG"}