@digdir/designsystemet 1.0.0-next.51 → 1.0.1

package/README.md

@@ -10,7 +10,98 @@ Read the Designsystemet [README](https://github.com/digdir/designsystemet) to ge
 ## Usage
 
 ### Create tokens
-We recommend using the [Designsystemet theme-builder](https://theme.designsystemet.no/) for generating options and commandline snippet. 
 
-### Build tokens
-Use `npx @digdir/designsystemet tokens build` to build CSS from design-tokens generated in the step above.
+Use `npx @digdir/designsystemet tokens create <options>` to create design tokens for use with Designsystemet.
+
+This allows you to define themes including custom colors, font-family, and border-radius.
+We recommend using the [Designsystemet theme builder](https://theme.designsystemet.no/) for generating a valid command with correct options.
+
+#### Update tokens
+
+Whenever a new version of the CLI is released, or you have done changes, we recommend to update design tokens with the `--clean` option to potentially remove any changes deprecated files or unneeded files.
+
+To update design tokens, re-run `npx @digdir/designsystemet tokens create <options> --clean`. 
+If a [config file](#using-a-config-file) you can also re-run with `"clean": true`.
+
+> ⚠️ **WARNING** ⚠️  
+> The design tokens created by this tool are considered an implementation detail, and is subject
+> to change at any time without being considered a breaking change. We **only** support customisations
+> done through the CLI options. Direct editing of the design tokens are **not** supported.
+> 
+> Since tokens may be added or removed at any time, it is necessary to routinely re-run this
+> command when upgrading the libraries. This will remove any direct edits to the design tokens.
+
+### Build CSS from tokens
+
+Use `npx @digdir/designsystemet tokens build <options>` to build CSS from design tokens generated in the previous step.
+
+> ⚠️ **WARNING** ⚠️  
+> The CSS files from created by this tool are considered build artifacts. They should **not** be
+> edited directly. While the CSS will not change unexpectedly, new variables may be added at any
+> time. Therefore, it is necessary to routinely re-run this command when upgrading the libraries.
+> This will remove any direct edits to the CSS.
+
+#### Update built CSS
+
+Whenever a new version of the CLI is released, or you have done changes, we recommend to build a new set of CSS from design tokens with the `--clean` option to potentially remove any changes deprecated files or unneeded files.
+
+
+### Using a config file
+
+> ⚠️ **WARNING** ⚠️  
+> This feature is experimental. The config schema may change at any time.
+
+
+The `tokens create` command supports a config file. It will auto-detect a `designsystemet.config.json` file in the current directory. You can also use the `--config <path>` option to supply a different config name and location.
+
+The main advantage of using a config file is for automation in scenarios with multiple themes.
+
+To get started, use this template for a `designsystemet.config.json` file:
+
+```jsonc
+{
+  "$schema": "node_modules/@digdir/designsystemet/dist/config.schema.json",
+}
+```
+
+In editors which support JSON Schema, the `$schema` will then  give you editor hints for the structure of the file.
+
+#### Minimal config example
+As a minimal example, the following CLI snippet from the theme builder
+
+```
+npx @digdir/designsystemet tokens create \
+--main-colors "primary:#0062BA" "accent:#1E98F5" \
+--neutral-color "#1E2B3C" \
+--support-colors "extra1:#F45F63" "extra2:#E5AA20" \
+--border-radius 4 \
+--theme "theme"
+```
+
+...is equivalent to this `designsystemet.config.json` file
+```jsonc
+{
+  "$schema": "./node_modules/@digdir/designsystemet/dist/config.schema.json",
+  "outDir": "../path/to/design-tokens",
+  "themes": {
+    "theme": {
+      "colors": {
+        "main": { "primary": "#0062BA", "accent": "#1E98F5" },
+        "neutral": "#1E2B3C",
+        "support": { "extra1": "#F45F63", "extra2": "#E5AA20" }
+      },
+      "borderRadius": 4
+    }
+  }
+}
+```
+To generate new design tokens and CSS files, you would then run.
+
+```
+npx @digdir/designsystemet tokens create
+npx @digdir/designsystemet tokens build
+```
+
+#### Complex config example
+
+Have a look at the `*.config.json` files under the `packages/cli` in the Github repo for more complex examples.

package/dist/bin/config.d.ts

@@ -9,16 +9,16 @@ export declare const configFileSchema: z.ZodObject<{
     clean: z.ZodOptional<z.ZodBoolean>;
     themes: z.ZodRecord<z.ZodString, z.ZodObject<{
         colors: z.ZodObject<{
-            main: z.ZodRecord<z.ZodString, z.ZodEffects<z.ZodString, `#${string}`, string>>;
-            support: z.ZodDefault<z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodEffects<z.ZodString, `#${string}`, string>>>>;
+            main: z.ZodEffects<z.ZodRecord<z.ZodString, z.ZodEffects<z.ZodString, `#${string}`, string>>, Record<string, `#${string}`>, Record<string, string>>;
+            support: z.ZodDefault<z.ZodOptional<z.ZodEffects<z.ZodRecord<z.ZodString, z.ZodEffects<z.ZodString, `#${string}`, string>>, Record<string, `#${string}`>, Record<string, string>>>>;
             neutral: z.ZodEffects<z.ZodString, `#${string}`, string>;
         }, "strip", z.ZodTypeAny, {
-            main: Record<string, `#${string}`>;
             neutral: `#${string}`;
+            main: Record<string, `#${string}`>;
             support: Record<string, `#${string}`>;
         }, {
-            main: Record<string, string>;
             neutral: string;
+            main: Record<string, string>;
             support?: Record<string, string> | undefined;
         }>;
         typography: z.ZodOptional<z.ZodObject<{
@@ -31,8 +31,8 @@ export declare const configFileSchema: z.ZodObject<{
         borderRadius: z.ZodOptional<z.ZodNumber>;
     }, "strip", z.ZodTypeAny, {
         colors: {
-            main: Record<string, `#${string}`>;
             neutral: `#${string}`;
+            main: Record<string, `#${string}`>;
             support: Record<string, `#${string}`>;
         };
         typography?: {
@@ -41,8 +41,8 @@ export declare const configFileSchema: z.ZodObject<{
         borderRadius?: number | undefined;
     }, {
         colors: {
-            main: Record<string, string>;
             neutral: string;
+            main: Record<string, string>;
             support?: Record<string, string> | undefined;
         };
         typography?: {
@@ -53,8 +53,8 @@ export declare const configFileSchema: z.ZodObject<{
 }, "strip", z.ZodTypeAny, {
     themes: Record<string, {
         colors: {
-            main: Record<string, `#${string}`>;
             neutral: `#${string}`;
+            main: Record<string, `#${string}`>;
             support: Record<string, `#${string}`>;
         };
         typography?: {
@@ -67,8 +67,8 @@ export declare const configFileSchema: z.ZodObject<{
 }, {
     themes: Record<string, {
         colors: {
-            main: Record<string, string>;
             neutral: string;
+            main: Record<string, string>;
             support?: Record<string, string> | undefined;
         };
         typography?: {
@@ -88,16 +88,16 @@ export declare const combinedConfigSchema: z.ZodObject<{
     clean: z.ZodBoolean;
     themes: z.ZodRecord<z.ZodString, z.ZodObject<{
         colors: z.ZodObject<{
-            main: z.ZodRecord<z.ZodString, z.ZodEffects<z.ZodString, `#${string}`, string>>;
-            support: z.ZodDefault<z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodEffects<z.ZodString, `#${string}`, string>>>>;
+            main: z.ZodEffects<z.ZodRecord<z.ZodString, z.ZodEffects<z.ZodString, `#${string}`, string>>, Record<string, `#${string}`>, Record<string, string>>;
+            support: z.ZodDefault<z.ZodOptional<z.ZodEffects<z.ZodRecord<z.ZodString, z.ZodEffects<z.ZodString, `#${string}`, string>>, Record<string, `#${string}`>, Record<string, string>>>>;
             neutral: z.ZodEffects<z.ZodString, `#${string}`, string>;
         }, "strip", z.ZodTypeAny, {
-            main: Record<string, `#${string}`>;
             neutral: `#${string}`;
+            main: Record<string, `#${string}`>;
             support: Record<string, `#${string}`>;
         }, {
-            main: Record<string, string>;
             neutral: string;
+            main: Record<string, string>;
             support?: Record<string, string> | undefined;
         }>;
         typography: z.ZodOptional<z.ZodObject<{
@@ -110,8 +110,8 @@ export declare const combinedConfigSchema: z.ZodObject<{
         borderRadius: z.ZodOptional<z.ZodNumber>;
     }, "strip", z.ZodTypeAny, {
         colors: {
-            main: Record<string, `#${string}`>;
             neutral: `#${string}`;
+            main: Record<string, `#${string}`>;
             support: Record<string, `#${string}`>;
         };
         typography?: {
@@ -120,8 +120,8 @@ export declare const combinedConfigSchema: z.ZodObject<{
         borderRadius?: number | undefined;
     }, {
         colors: {
-            main: Record<string, string>;
             neutral: string;
+            main: Record<string, string>;
             support?: Record<string, string> | undefined;
         };
         typography?: {
@@ -133,8 +133,8 @@ export declare const combinedConfigSchema: z.ZodObject<{
     clean: boolean;
     themes: Record<string, {
         colors: {
-            main: Record<string, `#${string}`>;
             neutral: `#${string}`;
+            main: Record<string, `#${string}`>;
             support: Record<string, `#${string}`>;
         };
         typography?: {
@@ -147,8 +147,8 @@ export declare const combinedConfigSchema: z.ZodObject<{
     clean: boolean;
     themes: Record<string, {
         colors: {
-            main: Record<string, string>;
             neutral: string;
+            main: Record<string, string>;
             support?: Record<string, string> | undefined;
         };
         typography?: {

package/dist/bin/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../bin/config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAIxB,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,sBAQ5D;AAUD,eAAO,MAAM,UAAU,QAA2C,CAAC;AA+BnE;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAO3B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAC;AAChE,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../bin/config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAKxB,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,sBAQ5D;AAWD,eAAO,MAAM,UAAU,QAA2C,CAAC;AA+CnE;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAO3B,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAC;AAChE,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC"}

package/dist/bin/config.js

@@ -1,6 +1,7 @@
 import * as R from "ramda";
 import { z } from "zod";
 import { convertToHex } from "../src/colors/index.js";
+import { RESERVED_COLORS } from "../src/colors/theme.js";
 import { cliOptions } from "../src/tokens/create.js";
 function mapPathToOptionName(path) {
   const normalisedPath = path[0] === "themes" ? ["theme", ...R.drop(2, path)] : path;
@@ -17,9 +18,23 @@ const hexPatterns = [
   `#[0-9a-fA-F]{6}`,
   `#[0-9a-fA-F]{8}`
 ];
+const reservedColorsPattern = `^(?!(?:${RESERVED_COLORS.join("|")})$)`;
 const colorRegex = new RegExp(`^${hexPatterns.join("|")}$`);
-const colorSchema = z.string({ description: "A hex color, which is used for creating a color scale" }).regex(colorRegex).transform(convertToHex);
-const colorCategorySchema = z.record(colorSchema, { description: "One or more color definitions" });
+const colorSchema = z.string({
+  description: `A hex color, which is used for creating a color scale. Invalid color names: ${RESERVED_COLORS.join(", ")}`
+}).regex(colorRegex).transform(convertToHex);
+const colorCategorySchema = z.record(
+  z.string().regex(new RegExp(reservedColorsPattern, "i"), {
+    message: `Color names cannot include reserved names: ${RESERVED_COLORS.join(", ")}`
+  }),
+  colorSchema,
+  {
+    description: "One or more color definitions",
+    invalid_type_error: "Color definitions must be hex color values"
+  }
+).refine((colors) => !Object.keys(colors).some((key) => RESERVED_COLORS.includes(key.toLowerCase())), {
+  message: `Color names cannot include reserved names: ${RESERVED_COLORS.join(", ")}`
+});
 const themeSchema = z.object(
   {
     colors: z.object(

package/dist/bin/designsystemet.js

@@ -12,7 +12,7 @@ import { cliOptions, createTokens } from "../src/tokens/create.js";
 import { cleanDir } from "../src/tokens/utils.js";
 import { writeTokens } from "../src/tokens/write.js";
 import { combinedConfigSchema, configFileSchema, mapPathToOptionName } from "./config.js";
-import { getDefaultOrExplicitOption } from "./options.js";
+import { getCliOption, getDefaultCliOption, getSuppliedCliOption } from "./options.js";
 program.name("designsystemet").description("CLI for working with Designsystemet").showHelpAfterError();
 function makeTokenCommands() {
   const tokenCmd = createCommand("tokens");
@@ -39,7 +39,7 @@ function makeTokenCommands() {
     `-o, --${cliOptions.outDir} <string>`,
     `Output directory for created ${chalk.blue("design-tokens")}`,
     DEFAULT_TOKENS_CREATE_DIR
-  ).option(`--${cliOptions.clean} [boolean]`, "Clean output directory before creating tokens", parseBoolean, false).option("--dry [boolean]", `Dry run for created ${chalk.blue("design-tokens")}`, parseBoolean, false).option(`-f, --${cliOptions.theme.typography.fontFamily} <string>`, `Font family`, DEFAULT_FONT).option(
+  ).option(`--${cliOptions.clean} [boolean]`, "Clean output directory before creating tokens", parseBoolean, false).option("--dry [boolean]", `Dry run for created ${chalk.blue("design-tokens")}`, parseBoolean, false).option(`-f, --${cliOptions.theme.typography.fontFamily} <string>`, `Font family (experimental)`, DEFAULT_FONT).option(
     `-b, --${cliOptions.theme.borderRadius} <number>`,
     `Unitless base border-radius in px`,
     (radiusAsString) => Number(radiusAsString),
@@ -86,17 +86,17 @@ function makeTokenCommands() {
       borderRadius: optionGetter(cmd, "borderRadius")
     });
     const unvalidatedConfig = noUndefined({
-      outDir: propsFromJson?.outDir ?? getDefaultOrExplicitOption(cmd, "outDir"),
-      clean: propsFromJson?.clean ?? getDefaultOrExplicitOption(cmd, "clean"),
-      themes: propsFromJson?.themes ? (
-        // For each theme specified in the JSON config, we override the config values
-        // with the explicitly set options from the CLI.
-        R.map((theme) => R.mergeDeepRight(theme, getThemeOptions(getDefaultOrExplicitOption)), propsFromJson.themes)
-      ) : (
+      outDir: propsFromJson?.outDir ?? getCliOption(cmd, "outDir"),
+      clean: propsFromJson?.clean ?? getCliOption(cmd, "clean"),
+      themes: propsFromJson?.themes ? R.map((jsonThemeValues) => {
+        const defaultThemeValues = getThemeOptions(getDefaultCliOption);
+        const cliThemeValues = getThemeOptions(getSuppliedCliOption);
+        return R.mergeDeepRight(defaultThemeValues, R.mergeDeepRight(jsonThemeValues, cliThemeValues));
+      }, propsFromJson.themes) : (
         // If there are no themes specified in the JSON config, we use both explicit
         // and default theme options from the CLI.
         {
-          [opts.theme]: getThemeOptions(getDefaultOrExplicitOption)
+          [opts.theme]: getThemeOptions(getCliOption)
         }
       )
     });

package/dist/bin/options.d.ts

@@ -6,11 +6,16 @@ export type OptionGetter = ReturnType<typeof getOptionIfMatchingSource>;
  * The difference between this and using the option directly is that we return undefined
  * instead of the default value if the option was not explicitly set.
  */
-export declare const getExplicitOptionOnly: <Args extends unknown[], Opts extends OptionValues, K extends keyof Opts>(command: Command<Args, Opts>, option: K) => Opts[K] | undefined;
+export declare const getSuppliedCliOption: <Args extends unknown[], Opts extends OptionValues, K extends keyof Opts>(command: Command<Args, Opts>, option: K) => Opts[K] | undefined;
 /**
- * This function is basically the default behaviour, unlike {@link getExplicitOptionOnly}.
- * It is provided so that the program can choose its behaviour as needed.
+ * Get the default value specified for a CLI command option.
+ * Mostly useful for getting values which may later be overridden.
  */
-export declare const getDefaultOrExplicitOption: <Args extends unknown[], Opts extends OptionValues, K extends keyof Opts>(command: Command<Args, Opts>, option: K) => Opts[K] | undefined;
+export declare const getDefaultCliOption: <Args extends unknown[], Opts extends OptionValues, K extends keyof Opts>(command: Command<Args, Opts>, option: K) => Opts[K] | undefined;
+/**
+ * Try to get the explicitly supplied CLI option, and fall back to the default value
+ * for the option as defined in the {@link Command}
+ */
+export declare const getCliOption: <Args extends unknown[], Opts extends OptionValues, K extends keyof Opts>(command: Command<Args, Opts>, option: K) => Opts[K] | undefined;
 export {};
 //# sourceMappingURL=options.d.ts.map

package/dist/bin/options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../bin/options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAE5F,QAAA,MAAM,yBAAyB,eAChB,iBAAiB,EAAE,MAC/B,IAAI,SAAS,OAAO,EAAE,EAAE,IAAI,SAAS,YAAY,EAAE,CAAC,SAAS,MAAM,IAAI,WAC7D,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,UACpB,CAAC,wBAMV,CAAC;AAEJ,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAExE;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,GAjB/B,IAAI,SAAS,OAAO,EAAE,EAAE,IAAI,SAAS,YAAY,EAAE,CAAC,SAAS,MAAM,IAAI,WAC7D,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,UACpB,CAAC,wBAewD,CAAC;AAEtE;;;GAGG;AACH,eAAO,MAAM,0BAA0B,GAvBpC,IAAI,SAAS,OAAO,EAAE,EAAE,IAAI,SAAS,YAAY,EAAE,CAAC,SAAS,MAAM,IAAI,WAC7D,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,UACpB,CAAC,wBAqBwE,CAAC"}
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../bin/options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAE5F,QAAA,MAAM,yBAAyB,eAChB,iBAAiB,EAAE,MAC/B,IAAI,SAAS,OAAO,EAAE,EAAE,IAAI,SAAS,YAAY,EAAE,CAAC,SAAS,MAAM,IAAI,WAC7D,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,UACpB,CAAC,wBAMV,CAAC;AAEJ,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAExE;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAjB9B,IAAI,SAAS,OAAO,EAAE,EAAE,IAAI,SAAS,YAAY,EAAE,CAAC,SAAS,MAAM,IAAI,WAC7D,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,UACpB,CAAC,wBAeuD,CAAC;AAErE;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAvB7B,IAAI,SAAS,OAAO,EAAE,EAAE,IAAI,SAAS,YAAY,EAAE,CAAC,SAAS,MAAM,IAAI,WAC7D,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,UACpB,CAAC,wBAqB0D,CAAC;AAExE;;;GAGG;AACH,eAAO,MAAM,YAAY,GA7BtB,IAAI,SAAS,OAAO,EAAE,EAAE,IAAI,SAAS,YAAY,EAAE,CAAC,SAAS,MAAM,IAAI,WAC7D,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,UACpB,CAAC,wBA2B0D,CAAC"}

package/dist/bin/options.js

@@ -4,9 +4,11 @@ const getOptionIfMatchingSource = (...sources) => (command, option) => {
     return command.getOptionValue(option);
   }
 };
-const getExplicitOptionOnly = getOptionIfMatchingSource("cli");
-const getDefaultOrExplicitOption = getOptionIfMatchingSource("cli", "default");
+const getSuppliedCliOption = getOptionIfMatchingSource("cli");
+const getDefaultCliOption = getOptionIfMatchingSource("default");
+const getCliOption = getOptionIfMatchingSource("cli", "default");
 export {
-  getDefaultOrExplicitOption,
-  getExplicitOptionOnly
+  getCliOption,
+  getDefaultCliOption,
+  getSuppliedCliOption
 };

package/dist/config.schema.json

@@ -25,13 +25,15 @@
                 "additionalProperties": {
                   "type": "string",
                   "pattern": "^#[0-9a-fA-F]{3}|#[0-9a-fA-F]{4}|#[0-9a-fA-F]{6}|#[0-9a-fA-F]{8}$",
-                  "description": "A hex color, which is used for creating a color scale"
+                  "description": "A hex color, which is used for creating a color scale. Invalid color names: neutral, success, warning, danger, info, blue, green, orange, purple, red"
+                },
+                "propertyNames": {
+                  "pattern": "^(?!(?:neutral|success|warning|danger|info|blue|green|orange|purple|red)$)"
                 },
                 "description": "One or more color definitions"
               },
               "support": {
                 "$ref": "#/properties/themes/additionalProperties/properties/colors/properties/main",
-                "description": "One or more color definitions",
                 "default": {}
               },
               "neutral": {

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

@@ -1,5 +1,6 @@
 import type { CssColor } from './types.js';
 import type { Color, ColorNumber, ColorScheme, ThemeInfo } from './types.js';
+export declare const RESERVED_COLORS: string[];
 /**
  * Generates a color scale based on a base color and a color mode.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/colors/theme.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAG7E;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,UAAW,QAAQ,eAAe,WAAW,KAAG,KAAK,EAwBnF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,UAAW,QAAQ,KAAG,SAIrD,CAAC;AAgCH;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,UAAW,QAAQ,QAAQ,SAAS,GAAG,QAAQ,KAAG,QAgBnF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,cAAc,cAAe,MAAM,eAAe,WAAW,WAEzE,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/colors/theme.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAG7E,eAAO,MAAM,eAAe,UAW3B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,UAAW,QAAQ,eAAe,WAAW,KAAG,KAAK,EAwBnF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,UAAW,QAAQ,KAAG,SAIrD,CAAC;AAgCH;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,UAAW,QAAQ,QAAQ,SAAS,GAAG,QAAQ,KAAG,QAgBnF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,cAAc,cAAe,MAAM,eAAe,WAAW,WAEzE,CAAC"}

package/dist/src/colors/theme.js

@@ -2,6 +2,18 @@ import chroma from "chroma-js";
 import * as R from "ramda";
 import { colorMetadata, getColorMetadataByNumber } from "./colorMetadata.js";
 import { getLightnessFromHex, getLuminanceFromLightness } from "./utils.js";
+const RESERVED_COLORS = [
+  "neutral",
+  "success",
+  "warning",
+  "danger",
+  "info",
+  "blue",
+  "green",
+  "orange",
+  "purple",
+  "red"
+];
 const generateColorScale = (color, colorScheme) => {
   const colors = R.mapObjIndexed((colorData) => {
     const luminance = colorData.luminance[colorScheme];
@@ -60,6 +72,7 @@ const getCssVariable = (colorType, colorNumber) => {
   return `--ds-color-${colorType}-${getColorMetadataByNumber(colorNumber).displayName.toLowerCase().replace(/\s/g, "-")}`;
 };
 export {
+  RESERVED_COLORS,
   generateColorContrast,
   generateColorScale,
   generateColorSchemes,

package/dist/src/migrations/beta-to-v1.js

@@ -276,7 +276,7 @@ var beta_to_v1_default = (glob) => runCssCodemod({
       "--fds-sizing-22": "--ds-size-22",
       "--fds-sizing-26": "--ds-size-26",
       "--fds-sizing-30": "--ds-size-30",
-      "--fds-opacity-disabled": "--ds-disabled-opacity",
+      "--fds-opacity-disabled": "--ds-opacity-disabled",
       "--fds-colors-blue-100": "--ds-global-blue-1",
       "--fds-colors-blue-200": "--ds-global-blue-2",
       "--fds-colors-blue-700": "--ds-global-blue-7",

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

@@ -57,7 +57,7 @@ const colorSchemeVariables = ({ "color-scheme": colorScheme = "light", theme },
           {
             destination: `color-scheme/${colorScheme}.css`,
             format: formats.colorScheme.name,
-            filter: (token) => !token.isSource && typeEquals("color", token)
+            filter: (token) => !token.isSource && typeEquals("color", token) && !R.startsWith(["global"], token.path)
           }
         ],
         options: {

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

@@ -1 +1 @@
-{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../../src/tokens/create.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAU,KAAK,EAAE,MAAM,EAAqC,MAAM,YAAY,CAAC;AAE3F,eAAO,MAAM,UAAU;;;;;;;;;;;;;;CAcb,CAAC;AAkEX,eAAO,MAAM,YAAY,SAAU,KAAK,WAqBvC,CAAC"}
+{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../../src/tokens/create.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAU,KAAK,EAAE,MAAM,EAAyB,MAAM,YAAY,CAAC;AAE/E,eAAO,MAAM,UAAU;;;;;;;;;;;;;;CAcb,CAAC;AAoEX,eAAO,MAAM,YAAY,SAAU,KAAK,WAqBvC,CAAC"}

package/dist/src/tokens/create.js

@@ -26,21 +26,23 @@ const createColorTokens = (colorArray) => {
 const generateTypographyTokens = (themeName, { fontFamily }) => {
   return {
     [themeName]: {
-      main: {
+      "font-family": {
         $type: "fontFamilies",
         $value: fontFamily ?? "Inter"
       },
-      bold: {
-        $type: "fontWeights",
-        $value: "Medium"
-      },
-      "extra-bold": {
-        $type: "fontWeights",
-        $value: "Semi bold"
-      },
-      regular: {
-        $type: "fontWeights",
-        $value: "Regular"
+      "font-weight": {
+        medium: {
+          $type: "fontWeights",
+          $value: "Medium"
+        },
+        semibold: {
+          $type: "fontWeights",
+          $value: "SemiBold"
+        },
+        regular: {
+          $type: "fontWeights",
+          $value: "Regular"
+        }
       }
     }
   };

package/dist/src/tokens/design-tokens/default/primitives/globals.json

@@ -140,4 +140,4 @@
       "$value": "30%"
     }
   }
-}
+}

package/dist/src/tokens/design-tokens/default/primitives/modes/typography/size/large.json

@@ -93,4 +93,4 @@
       "$value": "1.5%"
     }
   }
-}
+}

package/dist/src/tokens/design-tokens/default/primitives/modes/typography/size/medium.json

@@ -93,4 +93,4 @@
       "$value": "1.5%"
     }
   }
-}
+}

package/dist/src/tokens/design-tokens/default/primitives/modes/typography/size/small.json

@@ -93,4 +93,4 @@
       "$value": "1.5%"
     }
   }
-}
+}

package/dist/src/tokens/design-tokens/default/semantic/style.json

@@ -4,7 +4,7 @@
       "2xl": {
         "$type": "typography",
         "$value": {
-          "fontFamily": "{font.family}",
+          "fontFamily": "{font-family}",
           "fontWeight": "{font-weight.medium}",
           "lineHeight": "{line-height.sm}",
           "fontSize": "{font-size.10}",
@@ -14,7 +14,7 @@
       "xl": {
         "$type": "typography",
         "$value": {
-          "fontFamily": "{font.family}",
+          "fontFamily": "{font-family}",
           "fontWeight": "{font-weight.medium}",
           "lineHeight": "{line-height.sm}",
           "fontSize": "{font-size.9}",
@@ -24,7 +24,7 @@
       "lg": {
         "$type": "typography",
         "$value": {
-          "fontFamily": "{font.family}",
+          "fontFamily": "{font-family}",
           "fontWeight": "{font-weight.medium}",
           "lineHeight": "{line-height.sm}",
           "fontSize": "{font-size.8}",
@@ -34,7 +34,7 @@
       "md": {
         "$type": "typography",
         "$value": {
-          "fontFamily": "{font.family}",
+          "fontFamily": "{font-family}",
           "fontWeight": "{font-weight.medium}",
           "lineHeight": "{line-height.sm}",
           "fontSize": "{font-size.7}",
@@ -44,7 +44,7 @@
       "sm": {
         "$type": "typography",
         "$value": {
-          "fontFamily": "{font.family}",
+          "fontFamily": "{font-family}",
           "fontWeight": "{font-weight.medium}",
           "lineHeight": "{line-height.sm}",
           "fontSize": "{font-size.6}",
@@ -54,7 +54,7 @@
       "xs": {
         "$type": "typography",
         "$value": {
-          "fontFamily": "{font.family}",
+          "fontFamily": "{font-family}",
           "fontWeight": "{font-weight.medium}",
           "lineHeight": "{line-height.sm}",
           "fontSize": "{font-size.5}",
@@ -64,7 +64,7 @@
       "2xs": {
         "$type": "typography",
         "$value": {
-          "fontFamily": "{font.family}",
+          "fontFamily": "{font-family}",
           "fontWeight": "{font-weight.medium}",
           "lineHeight": "{line-height.sm}",
           "fontSize": "{font-size.4}",
@@ -76,7 +76,7 @@
       "xl": {
         "$type": "typography",
         "$value": {
-          "fontFamily": "{font.family}",
+          "fontFamily": "{font-family}",
           "fontWeight": "{font-weight.regular}",
           "lineHeight": "{line-height.md}",
           "fontSize": "{font-size.6}",
@@ -86,7 +86,7 @@
       "lg": {
         "$type": "typography",
         "$value": {
-          "fontFamily": "{font.family}",
+          "fontFamily": "{font-family}",
           "fontWeight": "{font-weight.regular}",
           "lineHeight": "{line-height.md}",
           "fontSize": "{font-size.5}",
@@ -96,7 +96,7 @@
       "md": {
         "$type": "typography",
         "$value": {
-          "fontFamily": "{font.family}",
+          "fontFamily": "{font-family}",
           "fontWeight": "{font-weight.regular}",
           "lineHeight": "{line-height.md}",
           "fontSize": "{font-size.4}",
@@ -106,7 +106,7 @@
       "sm": {
         "$type": "typography",
         "$value": {
-          "fontFamily": "{font.family}",
+          "fontFamily": "{font-family}",
           "fontWeight": "{font-weight.regular}",
           "lineHeight": "{line-height.md}",
           "fontSize": "{font-size.3}",
@@ -116,7 +116,7 @@
       "xs": {
         "$type": "typography",
         "$value": {
-          "fontFamily": "{font.family}",
+          "fontFamily": "{font-family}",
           "fontWeight": "{font-weight.regular}",
           "lineHeight": "{line-height.md}",
           "fontSize": "{font-size.2}",
@@ -127,7 +127,7 @@
         "xl": {
           "$type": "typography",
           "$value": {
-            "fontFamily": "{font.family}",
+            "fontFamily": "{font-family}",
             "fontWeight": "{font-weight.regular}",
             "lineHeight": "{line-height.sm}",
             "fontSize": "{font-size.6}",
@@ -137,7 +137,7 @@
         "lg": {
           "$type": "typography",
           "$value": {
-            "fontFamily": "{font.family}",
+            "fontFamily": "{font-family}",
             "fontWeight": "{font-weight.regular}",
             "lineHeight": "{line-height.sm}",
             "fontSize": "{font-size.5}",
@@ -147,7 +147,7 @@
         "md": {
           "$type": "typography",
           "$value": {
-            "fontFamily": "{font.family}",
+            "fontFamily": "{font-family}",
             "fontWeight": "{font-weight.regular}",
             "lineHeight": "{line-height.sm}",
             "fontSize": "{font-size.4}",
@@ -157,7 +157,7 @@
         "sm": {
           "$type": "typography",
           "$value": {
-            "fontFamily": "{font.family}",
+            "fontFamily": "{font-family}",
             "fontWeight": "{font-weight.regular}",
             "lineHeight": "{line-height.sm}",
             "fontSize": "{font-size.3}",
@@ -167,7 +167,7 @@
         "xs": {
           "$type": "typography",
           "$value": {
-            "fontFamily": "{font.family}",
+            "fontFamily": "{font-family}",
             "fontWeight": "{font-weight.regular}",
             "lineHeight": "{line-height.sm}",
             "fontSize": "{font-size.2}",
@@ -179,7 +179,7 @@
         "xl": {
           "$type": "typography",
           "$value": {
-            "fontFamily": "{font.family}",
+            "fontFamily": "{font-family}",
             "fontWeight": "{font-weight.regular}",
             "lineHeight": "{line-height.lg}",
             "fontSize": "{font-size.6}",
@@ -189,7 +189,7 @@
         "lg": {
           "$type": "typography",
           "$value": {
-            "fontFamily": "{font.family}",
+            "fontFamily": "{font-family}",
             "fontWeight": "{font-weight.regular}",
             "lineHeight": "{line-height.lg}",
             "fontSize": "{font-size.5}",
@@ -199,7 +199,7 @@
         "md": {
           "$type": "typography",
           "$value": {
-            "fontFamily": "{font.family}",
+            "fontFamily": "{font-family}",
             "fontWeight": "{font-weight.regular}",
             "lineHeight": "{line-height.lg}",
             "fontSize": "{font-size.4}",
@@ -209,7 +209,7 @@
         "sm": {
           "$type": "typography",
           "$value": {
-            "fontFamily": "{font.family}",
+            "fontFamily": "{font-family}",
             "fontWeight": "{font-weight.regular}",
             "lineHeight": "{line-height.lg}",
             "fontSize": "{font-size.3}",
@@ -219,7 +219,7 @@
         "xs": {
           "$type": "typography",
           "$value": {
-            "fontFamily": "{font.family}",
+            "fontFamily": "{font-family}",
             "fontWeight": "{font-weight.regular}",
             "lineHeight": "{line-height.lg}",
             "fontSize": "{font-size.2}",
@@ -229,8 +229,8 @@
       }
     }
   },
-  "disabled": {
-    "opacity": {
+  "opacity": {
+    "disabled": {
       "$type": "opacity",
       "$value": "{opacity.30}"
     }
@@ -375,4 +375,4 @@
       "$value": "{_size.30}"
     }
   }
-}
+}

package/dist/src/tokens/design-tokens/template/$themes.json

@@ -993,22 +993,22 @@
     "$figmaCollectionId": "VariableCollectionId:36248:20769",
     "$figmaModeId": "36248:2",
     "$figmaVariableReferences": {
-      "digdir.main": "856b5d6abbcf6bc06b02838682edab2667c12783",
-      "digdir.bold": "e0ba0f14f562bd47bbbc2762b0276952bff6dc0e",
-      "digdir.extra-bold": "cbc7c1691a8a78015feaaf737170d1bad69127f3",
-      "digdir.regular": "428c6974bf9dfefd2b6aa6773cabb22759aa5536",
-      "altinn.main": "7efa525773ed529cfeb44e208412f02539868535",
       "altinn.bold": "3af4338852fc67331cf46c429493ccc5f7e09899",
       "altinn.extra-bold": "b4ec11d393468420a89988b9a11979aeeea32c50",
       "altinn.regular": "770eecc1f59894aa05daaa4574006edd0bc19529",
-      "uutilsynet.main": "5e762a7b0a24e3281508b05856e24794ff01d084",
       "uutilsynet.bold": "ae115e5abeb6b8cde347c18753ccd04d0fbeab16",
       "uutilsynet.extra-bold": "7bf9d7606f15b50122745802c38324ff2bd1b712",
       "uutilsynet.regular": "e8a386d8fcb4aecb8ba13a4a5e7587c156c1a244",
-      "portal.main": "b1f98b1619271bd779e64a70e601ed407a2d6b3f",
       "portal.bold": "5a2c9d220adc36dd0006ea89dee954faba51579e",
       "portal.extra-bold": "9bf5619eaa33305407b1cafdba23bb9f61db318c",
-      "portal.regular": "494220ceeec054c743b337943dd3c7768feb9db0"
+      "portal.regular": "494220ceeec054c743b337943dd3c7768feb9db0",
+      "digdir.font-weight.semibold": "cbc7c1691a8a78015feaaf737170d1bad69127f3",
+      "digdir.font-weight.medium": "e0ba0f14f562bd47bbbc2762b0276952bff6dc0e",
+      "digdir.font-weight.regular": "428c6974bf9dfefd2b6aa6773cabb22759aa5536",
+      "digdir.font-family": "856b5d6abbcf6bc06b02838682edab2667c12783",
+      "altinn.font-family": "7efa525773ed529cfeb44e208412f02539868535",
+      "uutilsynet.font-family": "5e762a7b0a24e3281508b05856e24794ff01d084",
+      "portal.font-family": "b1f98b1619271bd779e64a70e601ed407a2d6b3f"
     },
     "group": "Typography"
   },
@@ -1025,22 +1025,22 @@
     "$figmaCollectionId": "VariableCollectionId:36248:20769",
     "$figmaModeId": "36248:3",
     "$figmaVariableReferences": {
-      "digdir.main": "856b5d6abbcf6bc06b02838682edab2667c12783",
-      "digdir.bold": "e0ba0f14f562bd47bbbc2762b0276952bff6dc0e",
-      "digdir.extra-bold": "cbc7c1691a8a78015feaaf737170d1bad69127f3",
-      "digdir.regular": "428c6974bf9dfefd2b6aa6773cabb22759aa5536",
-      "altinn.main": "7efa525773ed529cfeb44e208412f02539868535",
       "altinn.bold": "3af4338852fc67331cf46c429493ccc5f7e09899",
       "altinn.extra-bold": "b4ec11d393468420a89988b9a11979aeeea32c50",
       "altinn.regular": "770eecc1f59894aa05daaa4574006edd0bc19529",
-      "uutilsynet.main": "5e762a7b0a24e3281508b05856e24794ff01d084",
       "uutilsynet.bold": "ae115e5abeb6b8cde347c18753ccd04d0fbeab16",
       "uutilsynet.extra-bold": "7bf9d7606f15b50122745802c38324ff2bd1b712",
       "uutilsynet.regular": "e8a386d8fcb4aecb8ba13a4a5e7587c156c1a244",
-      "portal.main": "b1f98b1619271bd779e64a70e601ed407a2d6b3f",
       "portal.bold": "5a2c9d220adc36dd0006ea89dee954faba51579e",
       "portal.extra-bold": "9bf5619eaa33305407b1cafdba23bb9f61db318c",
-      "portal.regular": "494220ceeec054c743b337943dd3c7768feb9db0"
+      "portal.regular": "494220ceeec054c743b337943dd3c7768feb9db0",
+      "digdir.font-weight.semibold": "cbc7c1691a8a78015feaaf737170d1bad69127f3",
+      "digdir.font-weight.medium": "e0ba0f14f562bd47bbbc2762b0276952bff6dc0e",
+      "digdir.font-weight.regular": "428c6974bf9dfefd2b6aa6773cabb22759aa5536",
+      "digdir.font-family": "856b5d6abbcf6bc06b02838682edab2667c12783",
+      "altinn.font-family": "7efa525773ed529cfeb44e208412f02539868535",
+      "uutilsynet.font-family": "5e762a7b0a24e3281508b05856e24794ff01d084",
+      "portal.font-family": "b1f98b1619271bd779e64a70e601ed407a2d6b3f"
     },
     "group": "Typography"
   },
@@ -1134,7 +1134,6 @@
       "color.brand3.14": "4800bfc73d2fb46383e7d16ab5531e8a9419e9ec",
       "color.brand3.15": "6bcf7be039ae7e1fae1bd2bd37c850e43273477d",
       "color.brand3.16": "0cfbc6301ffe1e7bcc7cfb9dbc39765ccceaeb94",
-      "font.family": "32f399ee0e608727f1c4d02e8ceb892a6c3e79e0",
       "font-weight.medium": "d48aac48a9fecf0dbe2e5c7b68427961007eac36",
       "font-weight.semibold": "d684180ad99ad0b200080b18529a25476554343f",
       "font-weight.regular": "82250a86efe7517071ff39e79b2579c5b57a6083",
@@ -1145,7 +1144,8 @@
       "border-radius.5": "c1d38a59c2eb078642aafd112e1a23cc3107e2b1",
       "border-radius.6": "ec8f63c551a3feed56576a1030e284ea0efe7ed9",
       "border-radius.base": "80b5d08a35a320b9bd2d4ecdbe2ccf0086315b88",
-      "border-radius.scale": "692a8c1f2038457a196ba0e077cdc70c6bad5e77"
+      "border-radius.scale": "692a8c1f2038457a196ba0e077cdc70c6bad5e77",
+      "font-family": "32f399ee0e608727f1c4d02e8ceb892a6c3e79e0"
     },
     "group": "Theme"
   },
@@ -1347,7 +1347,6 @@
       "color.warning.base-contrast-default": "3d38f3079fb9fd155567ec24c7fde25f68c40f42",
       "color.focus.inner": "1ec8f76f658042889b1eb4b08f3ce9bca1b7e603",
       "color.focus.outer": "09e04f0bfff8fdc309db58a0131b5d07dae6b4f8",
-      "disabled.opacity": "d94940d06b80e1cb6184ae12c5793a1ef95420ba",
       "border-width.default": "ac5b6181d17de3d25249c91674dce4fef8711216",
       "border-width.highlight": "dd40bb1cb729138762c0bfa29d26adb58b726354",
       "border-radius.sm": "7b2af5d22e01253d20184bf5c3f872a18d41a315",
@@ -1375,7 +1374,8 @@
       "size.18": "803716e7a1ab4f0ed08180713a5ddc53f5a80a13",
       "size.22": "f0e62cce260051ffae97ed9709e77fb22e2dac2e",
       "size.26": "a42e9a42d13ce2453de8005b58147b9a9b9b5dde",
-      "size.30": "600d545445deae2077866ba3953a64000a123606"
+      "size.30": "600d545445deae2077866ba3953a64000a123606",
+      "opacity.disabled": "d94940d06b80e1cb6184ae12c5793a1ef95420ba"
     },
     "group": "Semantic"
   },

package/dist/src/tokens/design-tokens/template/semantic/color-base-file.json

@@ -274,5 +274,13 @@
         "$value": "{color.neutral.text-default}"
       }
     }
+  },
+  "link": {
+    "color": {
+      "visited": {
+        "$type": "color",
+        "$value": "{global.purple.12}"
+      }
+    }
   }
 }

package/dist/src/tokens/design-tokens/template/themes/theme-base-file.json

@@ -1,23 +1,21 @@
 {
   "color": {},
-  "font": {
-    "family": {
-      "$type": "fontFamilies",
-      "$value": "{<theme>.main}"
-    }
+  "font-family": {
+    "$type": "fontFamilies",
+    "$value": "{<theme>.font-family}"
   },
   "font-weight": {
     "medium": {
       "$type": "fontWeights",
-      "$value": "{<theme>.bold}"
+      "$value": "{<theme>.font-weight.medium}"
     },
     "semibold": {
       "$type": "fontWeights",
-      "$value": "{<theme>.extra-bold}"
+      "$value": "{<theme>.font-weight.semibold}"
     },
     "regular": {
       "$type": "fontWeights",
-      "$value": "{<theme>.regular}"
+      "$value": "{<theme>.font-weight.regular}"
     }
   },
   "border-radius": {

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

@@ -1 +1 @@
-{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../../../src/tokens/template.ts"],"names":[],"mappings":"AA2BA,eAAO,MAAM,eAAe,qBAwG3B,CAAC"}
+{"version":3,"file":"template.d.ts","sourceRoot":"","sources":["../../../src/tokens/template.ts"],"names":[],"mappings":"AA2BA,eAAO,MAAM,eAAe,qBAyG3B,CAAC"}

package/dist/src/tokens/template.js

@@ -28,6 +28,7 @@ const updateTemplates = async () => {
     JSON.stringify(categoryColorTemplate, null, 2).replaceAll("color.accent", "color.<color>")
   );
   const colorBaseFile = {
+    ...originalColorJson,
     color: R.omit(["accent", "neutral", "brand1", "brand2", "brand3"], originalColorJson.color)
   };
   await fs.writeFile(

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

@@ -3,10 +3,9 @@ export type Token = {
     $value: string;
     $type: string;
 };
-export type Tokens1ary = Record<string, Token>;
-export type Tokens2ary = Record<string, Tokens1ary>;
-export type Tokens3ary = Record<string, Record<string, Tokens1ary>>;
-export type TokensSet = Tokens1ary | Tokens2ary | Tokens3ary;
+export type TokensSet = {
+    [key: string]: Token | TokensSet;
+};
 export type ColorModeTokens = {
     global: TokensSet;
     [key: string]: TokensSet;

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,oBAAoB,CAAC;AAEnD,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;AAE3C,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tokens/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AACtD,MAAM,MAAM,SAAS,GAAG;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;CAClC,CAAC;AAEF,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;AAE3C,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC"}

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;CACf,CAAC;AAEF,eAAO,MAAM,WAAW,YAAmB,kBAAkB,kBA4K5D,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,kBA6K5D,CAAC"}

package/dist/src/tokens/write.js

@@ -98,6 +98,7 @@ const writeTokens = async (options) => {
     ]
   );
   const semanticColors = {
+    ...semanticColorBaseFile,
     color: {
       ...Object.fromEntries(semanticColorTokens),
       ...semanticColorBaseFile.color

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digdir/designsystemet",
-  "version": "1.0.0-next.51",
+  "version": "1.0.1",
   "description": "CLI for Designsystemet",
   "author": "Designsystemet team",
   "engines": {