@digdir/designsystemet 1.6.1 → 1.7.0

package/dist/src/scripts/update-template.js

@@ -336,268 +336,268 @@ var color_default = {
         $value: "{color.brand3.16}"
       }
     },
-    success: {
+    info: {
       "background-default": {
         $type: "color",
-        $value: "{global.green.1}"
+        $value: "{color.info.1}"
       },
       "background-tinted": {
         $type: "color",
-        $value: "{global.green.2}"
+        $value: "{color.info.2}"
       },
       "surface-default": {
         $type: "color",
-        $value: "{global.green.3}"
+        $value: "{color.info.3}"
       },
       "surface-tinted": {
         $type: "color",
-        $value: "{global.green.4}"
+        $value: "{color.info.4}"
       },
       "surface-hover": {
         $type: "color",
-        $value: "{global.green.5}"
+        $value: "{color.info.5}"
       },
       "surface-active": {
         $type: "color",
-        $value: "{global.green.6}"
+        $value: "{color.info.6}"
       },
       "border-subtle": {
         $type: "color",
-        $value: "{global.green.7}"
+        $value: "{color.info.7}"
       },
       "border-default": {
         $type: "color",
-        $value: "{global.green.8}"
+        $value: "{color.info.8}"
       },
       "border-strong": {
         $type: "color",
-        $value: "{global.green.9}"
+        $value: "{color.info.9}"
       },
       "text-subtle": {
         $type: "color",
-        $value: "{global.green.10}"
+        $value: "{color.info.10}"
       },
       "text-default": {
         $type: "color",
-        $value: "{global.green.11}"
+        $value: "{color.info.11}"
       },
       "base-default": {
         $type: "color",
-        $value: "{global.green.12}"
+        $value: "{color.info.12}"
       },
       "base-hover": {
         $type: "color",
-        $value: "{global.green.13}"
+        $value: "{color.info.13}"
       },
       "base-active": {
         $type: "color",
-        $value: "{global.green.14}"
+        $value: "{color.info.14}"
       },
       "base-contrast-subtle": {
         $type: "color",
-        $value: "{global.green.15}"
+        $value: "{color.info.15}"
       },
       "base-contrast-default": {
         $type: "color",
-        $value: "{global.green.16}"
+        $value: "{color.info.16}"
       }
     },
-    danger: {
+    success: {
       "background-default": {
         $type: "color",
-        $value: "{global.red.1}"
+        $value: "{color.success.1}"
       },
       "background-tinted": {
         $type: "color",
-        $value: "{global.red.2}"
+        $value: "{color.success.2}"
       },
       "surface-default": {
         $type: "color",
-        $value: "{global.red.3}"
+        $value: "{color.success.3}"
       },
       "surface-tinted": {
         $type: "color",
-        $value: "{global.red.4}"
+        $value: "{color.success.4}"
       },
       "surface-hover": {
         $type: "color",
-        $value: "{global.red.5}"
+        $value: "{color.success.5}"
       },
       "surface-active": {
         $type: "color",
-        $value: "{global.red.6}"
+        $value: "{color.success.6}"
       },
       "border-subtle": {
         $type: "color",
-        $value: "{global.red.7}"
+        $value: "{color.success.7}"
       },
       "border-default": {
         $type: "color",
-        $value: "{global.red.8}"
+        $value: "{color.success.8}"
       },
       "border-strong": {
         $type: "color",
-        $value: "{global.red.9}"
+        $value: "{color.success.9}"
       },
       "text-subtle": {
         $type: "color",
-        $value: "{global.red.10}"
+        $value: "{color.success.10}"
       },
       "text-default": {
         $type: "color",
-        $value: "{global.red.11}"
+        $value: "{color.success.11}"
       },
       "base-default": {
         $type: "color",
-        $value: "{global.red.12}"
+        $value: "{color.success.12}"
       },
       "base-hover": {
         $type: "color",
-        $value: "{global.red.13}"
+        $value: "{color.success.13}"
       },
       "base-active": {
         $type: "color",
-        $value: "{global.red.14}"
+        $value: "{color.success.14}"
       },
       "base-contrast-subtle": {
         $type: "color",
-        $value: "{global.red.15}"
+        $value: "{color.success.15}"
       },
       "base-contrast-default": {
         $type: "color",
-        $value: "{global.red.16}"
+        $value: "{color.success.16}"
       }
     },
-    info: {
+    warning: {
       "background-default": {
         $type: "color",
-        $value: "{global.blue.1}"
+        $value: "{color.warning.1}"
       },
       "background-tinted": {
         $type: "color",
-        $value: "{global.blue.2}"
+        $value: "{color.warning.2}"
       },
       "surface-default": {
         $type: "color",
-        $value: "{global.blue.3}"
+        $value: "{color.warning.3}"
       },
       "surface-tinted": {
         $type: "color",
-        $value: "{global.blue.4}"
+        $value: "{color.warning.4}"
       },
       "surface-hover": {
         $type: "color",
-        $value: "{global.blue.5}"
+        $value: "{color.warning.5}"
       },
       "surface-active": {
         $type: "color",
-        $value: "{global.blue.6}"
+        $value: "{color.warning.6}"
       },
       "border-subtle": {
         $type: "color",
-        $value: "{global.blue.7}"
+        $value: "{color.warning.7}"
       },
       "border-default": {
         $type: "color",
-        $value: "{global.blue.8}"
+        $value: "{color.warning.8}"
       },
       "border-strong": {
         $type: "color",
-        $value: "{global.blue.9}"
+        $value: "{color.warning.9}"
       },
       "text-subtle": {
         $type: "color",
-        $value: "{global.blue.10}"
+        $value: "{color.warning.10}"
       },
       "text-default": {
         $type: "color",
-        $value: "{global.blue.11}"
+        $value: "{color.warning.11}"
       },
       "base-default": {
         $type: "color",
-        $value: "{global.blue.12}"
+        $value: "{color.warning.12}"
       },
       "base-hover": {
         $type: "color",
-        $value: "{global.blue.13}"
+        $value: "{color.warning.13}"
       },
       "base-active": {
         $type: "color",
-        $value: "{global.blue.14}"
+        $value: "{color.warning.14}"
       },
       "base-contrast-subtle": {
         $type: "color",
-        $value: "{global.blue.15}"
+        $value: "{color.warning.15}"
       },
       "base-contrast-default": {
         $type: "color",
-        $value: "{global.blue.16}"
+        $value: "{color.warning.16}"
       }
     },
-    warning: {
+    danger: {
       "background-default": {
         $type: "color",
-        $value: "{global.orange.1}"
+        $value: "{color.danger.1}"
       },
       "background-tinted": {
         $type: "color",
-        $value: "{global.orange.2}"
+        $value: "{color.danger.2}"
       },
       "surface-default": {
         $type: "color",
-        $value: "{global.orange.3}"
+        $value: "{color.danger.3}"
       },
       "surface-tinted": {
         $type: "color",
-        $value: "{global.orange.4}"
+        $value: "{color.danger.4}"
       },
       "surface-hover": {
         $type: "color",
-        $value: "{global.orange.5}"
+        $value: "{color.danger.5}"
       },
       "surface-active": {
         $type: "color",
-        $value: "{global.orange.6}"
+        $value: "{color.danger.6}"
       },
       "border-subtle": {
         $type: "color",
-        $value: "{global.orange.7}"
+        $value: "{color.danger.7}"
       },
       "border-default": {
         $type: "color",
-        $value: "{global.orange.8}"
+        $value: "{color.danger.8}"
       },
       "border-strong": {
         $type: "color",
-        $value: "{global.orange.9}"
+        $value: "{color.danger.9}"
       },
       "text-subtle": {
         $type: "color",
-        $value: "{global.orange.10}"
+        $value: "{color.danger.10}"
       },
       "text-default": {
         $type: "color",
-        $value: "{global.orange.11}"
+        $value: "{color.danger.11}"
       },
       "base-default": {
         $type: "color",
-        $value: "{global.orange.12}"
+        $value: "{color.danger.12}"
       },
       "base-hover": {
         $type: "color",
-        $value: "{global.orange.13}"
+        $value: "{color.danger.13}"
       },
       "base-active": {
         $type: "color",
-        $value: "{global.orange.14}"
+        $value: "{color.danger.14}"
       },
       "base-contrast-subtle": {
         $type: "color",
-        $value: "{global.orange.15}"
+        $value: "{color.danger.15}"
       },
       "base-contrast-default": {
         $type: "color",
-        $value: "{global.orange.16}"
+        $value: "{color.danger.16}"
       }
     },
     focus: {
@@ -615,7 +615,7 @@ var color_default = {
     color: {
       visited: {
         $type: "color",
-        $value: "{global.purple.12}"
+        $value: "{color.link.visited}"
       }
     }
   }
@@ -1025,6 +1025,276 @@ var digdir_default = {
         $type: "color",
         $value: "{digdir.brand3.16}"
       }
+    },
+    info: {
+      "1": {
+        $type: "color",
+        $value: "{digdir.info.1}"
+      },
+      "2": {
+        $type: "color",
+        $value: "{digdir.info.2}"
+      },
+      "3": {
+        $type: "color",
+        $value: "{digdir.info.3}"
+      },
+      "4": {
+        $type: "color",
+        $value: "{digdir.info.4}"
+      },
+      "5": {
+        $type: "color",
+        $value: "{digdir.info.5}"
+      },
+      "6": {
+        $type: "color",
+        $value: "{digdir.info.6}"
+      },
+      "7": {
+        $type: "color",
+        $value: "{digdir.info.7}"
+      },
+      "8": {
+        $type: "color",
+        $value: "{digdir.info.8}"
+      },
+      "9": {
+        $type: "color",
+        $value: "{digdir.info.9}"
+      },
+      "10": {
+        $type: "color",
+        $value: "{digdir.info.10}"
+      },
+      "11": {
+        $type: "color",
+        $value: "{digdir.info.11}"
+      },
+      "12": {
+        $type: "color",
+        $value: "{digdir.info.12}"
+      },
+      "13": {
+        $type: "color",
+        $value: "{digdir.info.13}"
+      },
+      "14": {
+        $type: "color",
+        $value: "{digdir.info.14}"
+      },
+      "15": {
+        $type: "color",
+        $value: "{digdir.info.15}"
+      },
+      "16": {
+        $type: "color",
+        $value: "{digdir.info.16}"
+      }
+    },
+    success: {
+      "1": {
+        $type: "color",
+        $value: "{digdir.success.1}"
+      },
+      "2": {
+        $type: "color",
+        $value: "{digdir.success.2}"
+      },
+      "3": {
+        $type: "color",
+        $value: "{digdir.success.3}"
+      },
+      "4": {
+        $type: "color",
+        $value: "{digdir.success.4}"
+      },
+      "5": {
+        $type: "color",
+        $value: "{digdir.success.5}"
+      },
+      "6": {
+        $type: "color",
+        $value: "{digdir.success.6}"
+      },
+      "7": {
+        $type: "color",
+        $value: "{digdir.success.7}"
+      },
+      "8": {
+        $type: "color",
+        $value: "{digdir.success.8}"
+      },
+      "9": {
+        $type: "color",
+        $value: "{digdir.success.9}"
+      },
+      "10": {
+        $type: "color",
+        $value: "{digdir.success.10}"
+      },
+      "11": {
+        $type: "color",
+        $value: "{digdir.success.11}"
+      },
+      "12": {
+        $type: "color",
+        $value: "{digdir.success.12}"
+      },
+      "13": {
+        $type: "color",
+        $value: "{digdir.success.13}"
+      },
+      "14": {
+        $type: "color",
+        $value: "{digdir.success.14}"
+      },
+      "15": {
+        $type: "color",
+        $value: "{digdir.success.15}"
+      },
+      "16": {
+        $type: "color",
+        $value: "{digdir.success.16}"
+      }
+    },
+    warning: {
+      "1": {
+        $type: "color",
+        $value: "{digdir.warning.1}"
+      },
+      "2": {
+        $type: "color",
+        $value: "{digdir.warning.2}"
+      },
+      "3": {
+        $type: "color",
+        $value: "{digdir.warning.3}"
+      },
+      "4": {
+        $type: "color",
+        $value: "{digdir.warning.4}"
+      },
+      "5": {
+        $type: "color",
+        $value: "{digdir.warning.5}"
+      },
+      "6": {
+        $type: "color",
+        $value: "{digdir.warning.6}"
+      },
+      "7": {
+        $type: "color",
+        $value: "{digdir.warning.7}"
+      },
+      "8": {
+        $type: "color",
+        $value: "{digdir.warning.8}"
+      },
+      "9": {
+        $type: "color",
+        $value: "{digdir.warning.9}"
+      },
+      "10": {
+        $type: "color",
+        $value: "{digdir.warning.10}"
+      },
+      "11": {
+        $type: "color",
+        $value: "{digdir.warning.11}"
+      },
+      "12": {
+        $type: "color",
+        $value: "{digdir.warning.12}"
+      },
+      "13": {
+        $type: "color",
+        $value: "{digdir.warning.13}"
+      },
+      "14": {
+        $type: "color",
+        $value: "{digdir.warning.14}"
+      },
+      "15": {
+        $type: "color",
+        $value: "{digdir.warning.15}"
+      },
+      "16": {
+        $type: "color",
+        $value: "{digdir.warning.16}"
+      }
+    },
+    danger: {
+      "1": {
+        $type: "color",
+        $value: "{digdir.danger.1}"
+      },
+      "2": {
+        $type: "color",
+        $value: "{digdir.danger.2}"
+      },
+      "3": {
+        $type: "color",
+        $value: "{digdir.danger.3}"
+      },
+      "4": {
+        $type: "color",
+        $value: "{digdir.danger.4}"
+      },
+      "5": {
+        $type: "color",
+        $value: "{digdir.danger.5}"
+      },
+      "6": {
+        $type: "color",
+        $value: "{digdir.danger.6}"
+      },
+      "7": {
+        $type: "color",
+        $value: "{digdir.danger.7}"
+      },
+      "8": {
+        $type: "color",
+        $value: "{digdir.danger.8}"
+      },
+      "9": {
+        $type: "color",
+        $value: "{digdir.danger.9}"
+      },
+      "10": {
+        $type: "color",
+        $value: "{digdir.danger.10}"
+      },
+      "11": {
+        $type: "color",
+        $value: "{digdir.danger.11}"
+      },
+      "12": {
+        $type: "color",
+        $value: "{digdir.danger.12}"
+      },
+      "13": {
+        $type: "color",
+        $value: "{digdir.danger.13}"
+      },
+      "14": {
+        $type: "color",
+        $value: "{digdir.danger.14}"
+      },
+      "15": {
+        $type: "color",
+        $value: "{digdir.danger.15}"
+      },
+      "16": {
+        $type: "color",
+        $value: "{digdir.danger.16}"
+      }
+    },
+    link: {
+      visited: {
+        $type: "color",
+        $value: "{digdir.link.visited}"
+      }
     }
   },
   "font-family": {
@@ -1173,8 +1443,16 @@ var updateTemplates = async () => {
   );
   const colorBaseFile = {
     ...color_default,
-    // Remove custom colors as they are defined from by theme
-    color: R.omit(["accent", "neutral", "brand1", "brand2", "brand3"], color_default.color)
+    // Remove custom colors and severity colors as they are defined by theme
+    color: R.pick(["focus"], color_default.color),
+    link: {
+      color: {
+        visited: {
+          $type: "color",
+          $value: "{color.link.visited}"
+        }
+      }
+    }
   };
   await writeFile(
     path.join(TEMPLATE_FILES_PATH, `semantic/color.base.template.json`),

package/dist/src/tokens/build.js

@@ -49,7 +49,7 @@ import pc4 from "picocolors";
 // package.json
 var package_default = {
   name: "@digdir/designsystemet",
-  version: "1.6.1",
+  version: "1.7.0",
   description: "CLI for Designsystemet",
   author: "Designsystemet team",
   engines: {
@@ -122,9 +122,9 @@ var package_default = {
     "object-hash": "^3.0.0",
     picocolors: "^1.1.1",
     postcss: "^8.5.6",
-    ramda: "^0.31.3",
-    "style-dictionary": "^5.1.0",
-    zod: "^4.1.11",
+    ramda: "^0.32.0",
+    "style-dictionary": "^5.1.1",
+    zod: "^4.1.12",
     "zod-validation-error": "^4.0.2"
   },
   devDependencies: {
@@ -132,7 +132,7 @@ var package_default = {
     "@types/apca-w3": "^0.1.3",
     "@types/chroma-js": "^3.1.1",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.18.8",
+    "@types/node": "^22.18.11",
     "@types/object-hash": "^3.0.6",
     "@types/ramda": "^0.31.1",
     "fs-extra": "^11.3.2",