@digdir/designsystemet 1.0.0-next.48 → 1.0.0-next.50

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

@@ -24,44 +24,8 @@ function generateSizeGroup() {
         "primitives/modes/size/global": TokenSetStatus.ENABLED,
         "primitives/modes/typography/size/medium": TokenSetStatus.ENABLED
       },
-      $figmaCollectionId: "VariableCollectionId:42212:29109",
-      $figmaModeId: "42212:1",
-      $figmaVariableReferences: {
-        "font-size.1": "0918a6e18af0d0626e986d0d974c3710c9543307",
-        "font-size.2": "d83453adb39699bc5dac07323a8521c42298658c",
-        "font-size.3": "99a88b4e9d69ba35a19ae733ed990af16f029905",
-        "font-size.4": "f6b8732ee2a4ca17753f85d8da8c23a26d0bb8fa",
-        "font-size.5": "1fd182f82f9efc97b48f22b71ec8870fc1566a18",
-        "font-size.6": "d28187087fe109a7f5d495114aebe1751cfd0845",
-        "font-size.7": "b190a03d589d92020807dbf745d13571ad71a4bb",
-        "font-size.8": "babc299be5efc9c8e66afbd72142be00e6afbceb",
-        "font-size.9": "d9aae308744b6d063bcaa7c954f850ff8eba01be",
-        "font-size.10": "02307bf39cbc6a4c4c4f39a98c534e9cc3bd471b",
-        "font-size.11": "31c417a84ce9f7e16f76a9f1f9e0c5d445793ae6",
-        "size.0": "049b87c9edfef73597e88c8433dfb70e9dc4f8cb",
-        "size.1": "6e4139d5cb0282165c92e441bb565562dc9afa1d",
-        "size.2": "d786893051954a518025ea8817dde0c0713ebd8d",
-        "size.3": "cba1a001249a81cbd052ea5732bb84c4fa2f9dd9",
-        "size.4": "bcb8061aa8c70013a486c5c1bceeac04ce2678c1",
-        "size.5": "405596765ee5bbb371a9479e527b49ba43580d19",
-        "size.6": "e588d32982145a109bbd86da57ebae6a149f91eb",
-        "size.7": "1ea2aa22663dc27dfe70c10744480c9eec930269",
-        "size.8": "c1cca6be5007a623b4fe731524847b4f040eee9e",
-        "size.9": "7a01b7eba8fe698062080a2aa7c6f203e05a5e7c",
-        "size.10": "3e2e0e198db8e89a7d716bbee4dc887934dff5ed",
-        "size.11": "050087517351340be3a7f65b249a9ae8d01d6286",
-        "size.12": "47204f9bb7937097f4b6388c4a5addbe913318a4",
-        "size.13": "e2ffb69847997d9b93bea8b47d22e6337adf65ce",
-        "size.14": "f910478b6a4e6d247cb265b1e9468031d5fe183b",
-        "size.15": "8ddb06202f770e4a2c1cf9d74789c21447b92240",
-        "size.18": "1244373e39adca00c6e5d2dafe4e54ffcdf78e35",
-        "size.22": "4e33c13746c0edf17066d8b3c34551730019e36b",
-        "size.26": "a5a5b3ef4f857e46d19e581eaf14fcb0f105a70a",
-        "size.30": "88af5667364d808a1d4ae656ea6f82ef64073a75",
-        "size._mode-font-size": "40350aed54e6bc94c3460bf6f94141b6f4b9adc1",
-        "size._base": "b20d311a4235705c45973df78540c01cb0f4b490",
-        "size._step": "f8db745fb109a80fb926cf08c9e3a019ab026823"
-      },
+      $figmaCollectionId: "VariableCollectionId:36248:20757",
+      $figmaModeId: "41630:1",
       group: "Size"
     },
     {
@@ -73,44 +37,8 @@ function generateSizeGroup() {
         "primitives/modes/size/global": TokenSetStatus.ENABLED,
         "primitives/modes/typography/size/large": TokenSetStatus.ENABLED
       },
-      $figmaCollectionId: "VariableCollectionId:42212:29109",
-      $figmaModeId: "42212:2",
-      $figmaVariableReferences: {
-        "font-size.1": "0918a6e18af0d0626e986d0d974c3710c9543307",
-        "font-size.2": "d83453adb39699bc5dac07323a8521c42298658c",
-        "font-size.3": "99a88b4e9d69ba35a19ae733ed990af16f029905",
-        "font-size.4": "f6b8732ee2a4ca17753f85d8da8c23a26d0bb8fa",
-        "font-size.5": "1fd182f82f9efc97b48f22b71ec8870fc1566a18",
-        "font-size.6": "d28187087fe109a7f5d495114aebe1751cfd0845",
-        "font-size.7": "b190a03d589d92020807dbf745d13571ad71a4bb",
-        "font-size.8": "babc299be5efc9c8e66afbd72142be00e6afbceb",
-        "font-size.9": "d9aae308744b6d063bcaa7c954f850ff8eba01be",
-        "font-size.10": "02307bf39cbc6a4c4c4f39a98c534e9cc3bd471b",
-        "font-size.11": "31c417a84ce9f7e16f76a9f1f9e0c5d445793ae6",
-        "size.0": "049b87c9edfef73597e88c8433dfb70e9dc4f8cb",
-        "size.1": "6e4139d5cb0282165c92e441bb565562dc9afa1d",
-        "size.2": "d786893051954a518025ea8817dde0c0713ebd8d",
-        "size.3": "cba1a001249a81cbd052ea5732bb84c4fa2f9dd9",
-        "size.4": "bcb8061aa8c70013a486c5c1bceeac04ce2678c1",
-        "size.5": "405596765ee5bbb371a9479e527b49ba43580d19",
-        "size.6": "e588d32982145a109bbd86da57ebae6a149f91eb",
-        "size.7": "1ea2aa22663dc27dfe70c10744480c9eec930269",
-        "size.8": "c1cca6be5007a623b4fe731524847b4f040eee9e",
-        "size.9": "7a01b7eba8fe698062080a2aa7c6f203e05a5e7c",
-        "size.10": "3e2e0e198db8e89a7d716bbee4dc887934dff5ed",
-        "size.11": "050087517351340be3a7f65b249a9ae8d01d6286",
-        "size.12": "47204f9bb7937097f4b6388c4a5addbe913318a4",
-        "size.13": "e2ffb69847997d9b93bea8b47d22e6337adf65ce",
-        "size.14": "f910478b6a4e6d247cb265b1e9468031d5fe183b",
-        "size.15": "8ddb06202f770e4a2c1cf9d74789c21447b92240",
-        "size.18": "1244373e39adca00c6e5d2dafe4e54ffcdf78e35",
-        "size.22": "4e33c13746c0edf17066d8b3c34551730019e36b",
-        "size.26": "a5a5b3ef4f857e46d19e581eaf14fcb0f105a70a",
-        "size.30": "88af5667364d808a1d4ae656ea6f82ef64073a75",
-        "size._mode-font-size": "40350aed54e6bc94c3460bf6f94141b6f4b9adc1",
-        "size._base": "b20d311a4235705c45973df78540c01cb0f4b490",
-        "size._step": "f8db745fb109a80fb926cf08c9e3a019ab026823"
-      },
+      $figmaCollectionId: "VariableCollectionId:36248:20757",
+      $figmaModeId: "41630:2",
       group: "Size"
     },
     {
@@ -122,44 +50,8 @@ function generateSizeGroup() {
         "primitives/modes/size/global": TokenSetStatus.ENABLED,
         "primitives/modes/typography/size/small": TokenSetStatus.ENABLED
       },
-      $figmaCollectionId: "VariableCollectionId:42212:29109",
-      $figmaModeId: "42212:0",
-      $figmaVariableReferences: {
-        "font-size.1": "0918a6e18af0d0626e986d0d974c3710c9543307",
-        "font-size.2": "d83453adb39699bc5dac07323a8521c42298658c",
-        "font-size.3": "99a88b4e9d69ba35a19ae733ed990af16f029905",
-        "font-size.4": "f6b8732ee2a4ca17753f85d8da8c23a26d0bb8fa",
-        "font-size.5": "1fd182f82f9efc97b48f22b71ec8870fc1566a18",
-        "font-size.6": "d28187087fe109a7f5d495114aebe1751cfd0845",
-        "font-size.7": "b190a03d589d92020807dbf745d13571ad71a4bb",
-        "font-size.8": "babc299be5efc9c8e66afbd72142be00e6afbceb",
-        "font-size.9": "d9aae308744b6d063bcaa7c954f850ff8eba01be",
-        "font-size.10": "02307bf39cbc6a4c4c4f39a98c534e9cc3bd471b",
-        "font-size.11": "31c417a84ce9f7e16f76a9f1f9e0c5d445793ae6",
-        "size.0": "049b87c9edfef73597e88c8433dfb70e9dc4f8cb",
-        "size.1": "6e4139d5cb0282165c92e441bb565562dc9afa1d",
-        "size.2": "d786893051954a518025ea8817dde0c0713ebd8d",
-        "size.3": "cba1a001249a81cbd052ea5732bb84c4fa2f9dd9",
-        "size.4": "bcb8061aa8c70013a486c5c1bceeac04ce2678c1",
-        "size.5": "405596765ee5bbb371a9479e527b49ba43580d19",
-        "size.6": "e588d32982145a109bbd86da57ebae6a149f91eb",
-        "size.7": "1ea2aa22663dc27dfe70c10744480c9eec930269",
-        "size.8": "c1cca6be5007a623b4fe731524847b4f040eee9e",
-        "size.9": "7a01b7eba8fe698062080a2aa7c6f203e05a5e7c",
-        "size.10": "3e2e0e198db8e89a7d716bbee4dc887934dff5ed",
-        "size.11": "050087517351340be3a7f65b249a9ae8d01d6286",
-        "size.12": "47204f9bb7937097f4b6388c4a5addbe913318a4",
-        "size.13": "e2ffb69847997d9b93bea8b47d22e6337adf65ce",
-        "size.14": "f910478b6a4e6d247cb265b1e9468031d5fe183b",
-        "size.15": "8ddb06202f770e4a2c1cf9d74789c21447b92240",
-        "size.18": "1244373e39adca00c6e5d2dafe4e54ffcdf78e35",
-        "size.22": "4e33c13746c0edf17066d8b3c34551730019e36b",
-        "size.26": "a5a5b3ef4f857e46d19e581eaf14fcb0f105a70a",
-        "size.30": "88af5667364d808a1d4ae656ea6f82ef64073a75",
-        "size._mode-font-size": "40350aed54e6bc94c3460bf6f94141b6f4b9adc1",
-        "size._base": "b20d311a4235705c45973df78540c01cb0f4b490",
-        "size._step": "f8db745fb109a80fb926cf08c9e3a019ab026823"
-      },
+      $figmaCollectionId: "VariableCollectionId:36248:20757",
+      $figmaModeId: "41630:3",
       group: "Size"
     }
   ];
@@ -203,9 +95,9 @@ function generateThemesGroup(themes) {
   return themes.map(
     (theme, index) => ({
       id: createHash(theme),
-      $figmaCollectionId: "VariableCollectionId:36329:62335",
-      $figmaModeId: `36329:${index + 4}`,
-      // Start on 4 in Token Studio and Community file for some reason
+      $figmaCollectionId: "VariableCollectionId:36528:61712",
+      $figmaModeId: `40960:${index + 6}`,
+      // Start on 6 in Token Studio and Community file for some reason
       name: theme,
       selectedTokenSets: {
         [`themes/${theme}`]: TokenSetStatus.ENABLED
@@ -223,6 +115,8 @@ function generateSemanticGroup() {
       "semantic/color": TokenSetStatus.ENABLED,
       "primitives/globals": TokenSetStatus.SOURCE
     },
+    $figmaCollectionId: "VariableCollectionId:34811:5976",
+    $figmaModeId: "34811:5",
     group: "Semantic"
   };
 }

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

@@ -6,8 +6,6 @@ type WriteTokensOptions = {
     theme: Theme;
     /** Dry run, no files will be written */
     dry?: boolean;
-    /** Clean output directory before writing tokens */
-    clean?: 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,EAAoB,KAAK,EAAE,MAAM,EAA8B,MAAM,YAAY,CAAC;AAS9F,eAAO,MAAM,SAAS,SAAU,OAAO,WAAkC,CAAC;AAyB1E,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;IACb,wCAAwC;IACxC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,WAAW,YAAmB,kBAAkB,kBAiL5D,CAAC"}
+{"version":3,"file":"write.d.ts","sourceRoot":"","sources":["../../../src/tokens/write.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAoB,KAAK,EAAE,MAAM,EAA8B,MAAM,YAAY,CAAC;AAS9F,eAAO,MAAM,SAAS,SAAU,OAAO,WAAkC,CAAC;AAyB1E,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;IACb,wCAAwC;IACxC,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,WAAW,YAAmB,kBAAkB,kBA4K5D,CAAC"}

package/dist/src/tokens/write.js

@@ -7,7 +7,7 @@ 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 { cleanDir, cp, mkdir, writeFile } from "./utils.js";
+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;
@@ -35,16 +35,12 @@ const writeTokens = async (options) => {
     outDir,
     tokens,
     theme: { name: themeName, colors, borderRadius },
-    dry,
-    clean
+    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];
-  if (clean) {
-    await cleanDir(targetDir, dry);
-  }
   await mkdir(targetDir, dry);
   try {
     const $themes = await fs.readFile($themesPath, "utf-8");
@@ -58,8 +54,8 @@ const writeTokens = async (options) => {
   } catch (error) {
   }
   console.log(`Themes: ${chalk.blue(themes.join(", "))}`);
-  const $theme = generateThemesJson(["light", "dark"], themes, colors);
-  const $metadata = generateMetadataJson(["light", "dark"], themes, colors);
+  const $theme = generateThemesJson(["dark", "light"], themes, colors);
+  const $metadata = generateMetadataJson(["dark", "light"], themes, colors);
   await writeFile($themesPath, stringify($theme), dry);
   await writeFile($metadataPath, stringify($metadata), dry);
   await cp(DEFAULT_FILES_PATH, targetDir, dry);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digdir/designsystemet",
-  "version": "1.0.0-next.48",
+  "version": "1.0.0-next.50",
   "description": "CLI for Designsystemet",
   "author": "Designsystemet team",
   "engines": {
@@ -38,7 +38,7 @@
     "build:tokens:debug": "tsx --inspect-brk ./bin/designsystemet.ts tokens build -p -t ../../design-tokens -o ../../packages/theme/brand --clean",
     "build": "tsup && yarn build:types && yarn build:json-schema",
     "build:types": "tsc --emitDeclarationOnly --declaration",
-    "build:json-schema": "tsx ./src/build-scripts/createJsonSchema.ts",
+    "build:json-schema": "tsx ./src/scripts/createJsonSchema.ts",
     "types": "tsc --noEmit",
     "test:tokens-create-options": "yarn designsystemet tokens create -m dominant:#007682  -n #003333 -b 99 -o ./test-tokens-create --theme options-test --clean",
     "test:tokens-create-config": "yarn designsystemet tokens create --config ./test-tokens-create-complex.config.json",
@@ -46,12 +46,9 @@
     "test:tokens-create-and-build-options": "yarn test:tokens-create-options && yarn test:tokens-build",
     "test:tokens-create-and-build-config": "yarn test:tokens-create-config && yarn test:tokens-build",
     "test": "yarn test:tokens-create-and-build-options && yarn test:tokens-create-and-build-config",
+    "internal:tokens-create": "yarn designsystemet tokens create --config ./internal.config.json",
     "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 --clean",
-    "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"
+    "update:design-tokens": "yarn internal:tokens-create && tsx ./src/scripts/copy-internal-tokens.ts"
   },
   "dependencies": {
     "@commander-js/extra-typings": "^13.0.0",

package/dist/src/build-scripts/createJsonSchema.d.ts.map

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

package/dist/src/colors/luminance.d.ts

@@ -1,54 +0,0 @@
-export declare const luminance: {
-    light: {
-        backgroundDefault: number;
-        backgroundSubtle: number;
-        surfaceDefault: number;
-        surfaceHover: number;
-        surfaceActive: number;
-        borderSubtle: number;
-        borderDefault: number;
-        borderStrong: number;
-        baseDefault: number;
-        baseHover: number;
-        baseActive: number;
-        textSubtle: number;
-        textDefault: number;
-        baseContrastDefault: number;
-        baseContrastSubtle: number;
-    };
-    dark: {
-        backgroundDefault: number;
-        backgroundSubtle: number;
-        surfaceDefault: number;
-        surfaceHover: number;
-        surfaceActive: number;
-        borderSubtle: number;
-        borderDefault: number;
-        borderStrong: number;
-        baseDefault: number;
-        baseHover: number;
-        baseActive: number;
-        textSubtle: number;
-        textDefault: number;
-        baseContrastDefault: number;
-        baseContrastSubtle: number;
-    };
-    contrast: {
-        backgroundDefault: number;
-        backgroundSubtle: number;
-        surfaceDefault: number;
-        surfaceHover: number;
-        surfaceActive: number;
-        borderSubtle: number;
-        borderDefault: number;
-        borderStrong: number;
-        baseDefault: number;
-        baseHover: number;
-        baseActive: number;
-        textSubtle: number;
-        textDefault: number;
-        baseContrastDefault: number;
-        baseContrastSubtle: number;
-    };
-};
-//# sourceMappingURL=luminance.d.ts.map

package/dist/src/colors/luminance.d.ts.map

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

package/dist/src/colors/luminance.js

@@ -1,56 +0,0 @@
-const luminance = {
-  light: {
-    backgroundDefault: 1,
-    backgroundSubtle: 0.9,
-    surfaceDefault: 0.76,
-    surfaceHover: 0.64,
-    surfaceActive: 0.54,
-    borderSubtle: 0.5,
-    borderDefault: 0.21,
-    borderStrong: 0.12,
-    baseDefault: 1,
-    baseHover: 1,
-    baseActive: 1,
-    textSubtle: 0.12,
-    textDefault: 0.0245,
-    baseContrastDefault: 1,
-    baseContrastSubtle: 1
-  },
-  dark: {
-    backgroundDefault: 0.012,
-    backgroundSubtle: 0.018,
-    surfaceDefault: 0.029,
-    surfaceHover: 0.046,
-    surfaceActive: 0.069,
-    borderSubtle: 0.082,
-    borderDefault: 0.2,
-    borderStrong: 0.36,
-    baseDefault: 1,
-    baseHover: 1,
-    baseActive: 1,
-    textSubtle: 0.36,
-    textDefault: 0.78,
-    baseContrastDefault: 1,
-    baseContrastSubtle: 1
-  },
-  contrast: {
-    backgroundDefault: 1e-3,
-    backgroundSubtle: 65e-4,
-    surfaceDefault: 0.015,
-    surfaceHover: 0.028,
-    surfaceActive: 0.044,
-    borderSubtle: 0.26,
-    borderDefault: 0.4,
-    borderStrong: 0.6,
-    baseDefault: 1,
-    baseHover: 1,
-    baseActive: 1,
-    textSubtle: 0.57,
-    textDefault: 0.86,
-    baseContrastDefault: 1,
-    baseContrastSubtle: 1
-  }
-};
-export {
-  luminance
-};