@altinn/altinn-components 0.24.7 → 0.25.0

package/dist/tokens/design-tokens-build/colors.d.ts

@@ -1,7 +1,7 @@
-import type { MainAndSupportColors as BaseCustomColors } from '@digdir/designsystemet-react/colors';
+import type {} from '@digdir/designsystemet-react/colors';
 
 declare module '@digdir/designsystemet-react/colors' {
-  export interface MainAndSupportColors extends BaseCustomColors {
+  export interface MainAndSupportColors {
     company: never;
     person: never;
     article: never;

package/dist/tokens/global.json

@@ -11,55 +11,59 @@
       },
       "3": {
         "$type": "color",
-        "$value": "#d2e5f3"
+        "$value": "#ffffff"
       },
       "4": {
         "$type": "color",
-        "$value": "#b7d5ed"
+        "$value": "#dcebf6"
       },
       "5": {
         "$type": "color",
-        "$value": "#9fc7e6"
+        "$value": "#c5ddf0"
       },
       "6": {
         "$type": "color",
-        "$value": "#94c1e3"
+        "$value": "#abcfe9"
       },
       "7": {
         "$type": "color",
-        "$value": "#2a83c8"
+        "$value": "#94c1e3"
       },
       "8": {
         "$type": "color",
-        "$value": "#0964a9"
+        "$value": "#1f7dc5"
       },
       "9": {
         "$type": "color",
-        "$value": "#0a71bf"
+        "$value": "#0860a3"
       },
       "10": {
         "$type": "color",
-        "$value": "#085d9f"
+        "$value": "#0860a3"
       },
       "11": {
         "$type": "color",
-        "$value": "#074a7e"
+        "$value": "#042d4d"
       },
       "12": {
         "$type": "color",
-        "$value": "#0964a9"
+        "$value": "#0A71C0"
       },
       "13": {
         "$type": "color",
-        "$value": "#042d4d"
+        "$value": "#085d9f"
       },
-      "contrast-1": {
+      "14": {
         "$type": "color",
-        "$value": "#ffffff"
+        "$value": "#074a7e"
       },
-      "contrast-2": {
+      "15": {
         "$type": "color",
         "$value": "#eff6fb"
+      },
+      "16": {
+        "$type": "color",
+        "$value": "#ffffff"
       }
     },
     "green": {
@@ -73,55 +77,59 @@
       },
       "3": {
         "$type": "color",
-        "$value": "#d0e8d3"
+        "$value": "#ffffff"
       },
       "4": {
         "$type": "color",
-        "$value": "#b4dbba"
+        "$value": "#daeddd"
       },
       "5": {
         "$type": "color",
-        "$value": "#9bcfa2"
+        "$value": "#c3e2c7"
       },
       "6": {
         "$type": "color",
-        "$value": "#8fc997"
+        "$value": "#a8d5ae"
       },
       "7": {
         "$type": "color",
-        "$value": "#1d922d"
+        "$value": "#8fc997"
       },
       "8": {
         "$type": "color",
-        "$value": "#057114"
+        "$value": "#108c22"
       },
       "9": {
         "$type": "color",
-        "$value": "#068718"
+        "$value": "#056d13"
       },
       "10": {
         "$type": "color",
-        "$value": "#057014"
+        "$value": "#056d13"
       },
       "11": {
         "$type": "color",
-        "$value": "#045a10"
+        "$value": "#023409"
       },
       "12": {
         "$type": "color",
-        "$value": "#057114"
+        "$value": "#068718"
       },
       "13": {
         "$type": "color",
-        "$value": "#023409"
+        "$value": "#057014"
       },
-      "contrast-1": {
+      "14": {
         "$type": "color",
-        "$value": "#ffffff"
+        "$value": "#045a10"
       },
-      "contrast-2": {
+      "15": {
         "$type": "color",
         "$value": "#fafdfb"
+      },
+      "16": {
+        "$type": "color",
+        "$value": "#ffffff"
       }
     },
     "orange": {
@@ -131,59 +139,63 @@
       },
       "2": {
         "$type": "color",
-        "$value": "#faf2ee"
+        "$value": "#fcf2e2"
       },
       "3": {
         "$type": "color",
-        "$value": "#f1dfd3"
+        "$value": "#ffffff"
       },
       "4": {
         "$type": "color",
-        "$value": "#e9ccba"
+        "$value": "#fae6c6"
       },
       "5": {
         "$type": "color",
-        "$value": "#e2baa2"
+        "$value": "#f6d5a0"
       },
       "6": {
         "$type": "color",
-        "$value": "#dfb398"
+        "$value": "#f2c275"
       },
       "7": {
         "$type": "color",
-        "$value": "#bf6732"
+        "$value": "#eeb04c"
       },
       "8": {
         "$type": "color",
-        "$value": "#9b4a18"
+        "$value": "#a56d13"
       },
       "9": {
         "$type": "color",
-        "$value": "#b7581d"
+        "$value": "#80540f"
       },
       "10": {
         "$type": "color",
-        "$value": "#994918"
+        "$value": "#80540f"
       },
       "11": {
         "$type": "color",
-        "$value": "#7b3b13"
+        "$value": "#3c2807"
       },
       "12": {
         "$type": "color",
-        "$value": "#9b4a18"
+        "$value": "#EA9B1B"
       },
       "13": {
         "$type": "color",
-        "$value": "#46220b"
+        "$value": "#cd8818"
       },
-      "contrast-1": {
+      "14": {
         "$type": "color",
-        "$value": "#ffffff"
+        "$value": "#b27614"
       },
-      "contrast-2": {
+      "15": {
         "$type": "color",
-        "$value": "#fdf9f8"
+        "$value": "#271a04"
+      },
+      "16": {
+        "$type": "color",
+        "$value": "#000000"
       }
     },
     "purple": {
@@ -197,55 +209,59 @@
       },
       "3": {
         "$type": "color",
-        "$value": "#e7dfef"
+        "$value": "#ffffff"
       },
       "4": {
         "$type": "color",
-        "$value": "#d9cde6"
+        "$value": "#ece6f3"
       },
       "5": {
         "$type": "color",
-        "$value": "#cdbcdd"
+        "$value": "#e0d6eb"
       },
       "6": {
         "$type": "color",
-        "$value": "#c7b4da"
+        "$value": "#d3c4e2"
       },
       "7": {
         "$type": "color",
-        "$value": "#936fb7"
+        "$value": "#c7b4da"
       },
       "8": {
         "$type": "color",
-        "$value": "#794ca6"
+        "$value": "#8e68b4"
       },
       "9": {
         "$type": "color",
-        "$value": "#663299"
+        "$value": "#7647a3"
       },
       "10": {
         "$type": "color",
-        "$value": "#4f2776"
+        "$value": "#7647a3"
       },
       "11": {
         "$type": "color",
-        "$value": "#371b53"
+        "$value": "#3a1d57"
       },
       "12": {
         "$type": "color",
-        "$value": "#794ca6"
+        "$value": "#663299"
       },
       "13": {
         "$type": "color",
-        "$value": "#3a1d57"
+        "$value": "#4f2776"
       },
-      "contrast-1": {
+      "14": {
         "$type": "color",
-        "$value": "#ffffff"
+        "$value": "#371b53"
       },
-      "contrast-2": {
+      "15": {
         "$type": "color",
         "$value": "#eee8f3"
+      },
+      "16": {
+        "$type": "color",
+        "$value": "#ffffff"
       }
     },
     "red": {
@@ -259,117 +275,59 @@
       },
       "3": {
         "$type": "color",
-        "$value": "#f5dcdc"
+        "$value": "#ffffff"
       },
       "4": {
         "$type": "color",
-        "$value": "#f0c8c8"
+        "$value": "#f8e4e4"
       },
       "5": {
         "$type": "color",
-        "$value": "#ebb5b5"
+        "$value": "#f3d2d2"
       },
       "6": {
         "$type": "color",
-        "$value": "#e8adad"
+        "$value": "#edbfbf"
       },
       "7": {
         "$type": "color",
-        "$value": "#d15757"
+        "$value": "#e8adad"
       },
       "8": {
         "$type": "color",
-        "$value": "#bf1b1b"
+        "$value": "#ce4d4d"
       },
       "9": {
         "$type": "color",
-        "$value": "#bf1b1b"
+        "$value": "#b81a1a"
       },
       "10": {
         "$type": "color",
-        "$value": "#9b1616"
+        "$value": "#b81a1a"
       },
       "11": {
         "$type": "color",
-        "$value": "#791111"
+        "$value": "#590d0d"
       },
       "12": {
         "$type": "color",
-        "$value": "#bf1b1b"
+        "$value": "#C01B1B"
       },
       "13": {
         "$type": "color",
-        "$value": "#590d0d"
+        "$value": "#9b1616"
       },
-      "contrast-1": {
+      "14": {
         "$type": "color",
-        "$value": "#ffffff"
+        "$value": "#791111"
       },
-      "contrast-2": {
+      "15": {
         "$type": "color",
         "$value": "#f7e1e1"
-      }
-    },
-    "yellow": {
-      "1": {
-        "$type": "color",
-        "$value": "#ffffff"
-      },
-      "2": {
-        "$type": "color",
-        "$value": "#f9f4e1"
       },
-      "3": {
+      "16": {
         "$type": "color",
-        "$value": "#efe2b2"
-      },
-      "4": {
-        "$type": "color",
-        "$value": "#e6d184"
-      },
-      "5": {
-        "$type": "color",
-        "$value": "#ddc159"
-      },
-      "6": {
-        "$type": "color",
-        "$value": "#d9b945"
-      },
-      "7": {
-        "$type": "color",
-        "$value": "#957c21"
-      },
-      "8": {
-        "$type": "color",
-        "$value": "#736019"
-      },
-      "9": {
-        "$type": "color",
-        "$value": "#d4b12f"
-      },
-      "10": {
-        "$type": "color",
-        "$value": "#bb9c2a"
-      },
-      "11": {
-        "$type": "color",
-        "$value": "#a38824"
-      },
-      "12": {
-        "$type": "color",
-        "$value": "#736019"
-      },
-      "13": {
-        "$type": "color",
-        "$value": "#332b0b"
-      },
-      "contrast-1": {
-        "$type": "color",
-        "$value": "#000000"
-      },
-      "contrast-2": {
-        "$type": "color",
-        "$value": "#282209"
+        "$value": "#ffffff"
       }
     }
   }

package/dist/tokens/globals.json

@@ -4,9 +4,9 @@
       "$type": "borderWidth",
       "$value": "1px"
     },
-    "2": {
+    "3": {
       "$type": "borderWidth",
-      "$value": "2px"
+      "$value": "3px"
     }
   },
   "shadow": {
@@ -139,17 +139,5 @@
       "$type": "opacity",
       "$value": "30%"
     }
-  },
-  "sizing": {
-    "scale": {
-      "$type": "sizing",
-      "$value": "4"
-    }
-  },
-  "spacing": {
-    "scale": {
-      "$type": "spacing",
-      "$value": "4"
-    }
   }
 }

package/dist/tokens/info.css

@@ -0,0 +1,25 @@
+/**
+ * These files are generated from design tokens defind using Token Studio
+ */
+
+@layer ds.theme.color {
+  [data-color="info"],
+  [data-color-scheme][data-color="info"] {
+    --ds-color-background-default: var(--ds-color-info-background-default);
+    --ds-color-background-tinted: var(--ds-color-info-background-tinted);
+    --ds-color-surface-default: var(--ds-color-info-surface-default);
+    --ds-color-surface-tinted: var(--ds-color-info-surface-tinted);
+    --ds-color-surface-hover: var(--ds-color-info-surface-hover);
+    --ds-color-surface-active: var(--ds-color-info-surface-active);
+    --ds-color-border-subtle: var(--ds-color-info-border-subtle);
+    --ds-color-border-default: var(--ds-color-info-border-default);
+    --ds-color-border-strong: var(--ds-color-info-border-strong);
+    --ds-color-text-subtle: var(--ds-color-info-text-subtle);
+    --ds-color-text-default: var(--ds-color-info-text-default);
+    --ds-color-base-default: var(--ds-color-info-base-default);
+    --ds-color-base-hover: var(--ds-color-info-base-hover);
+    --ds-color-base-active: var(--ds-color-info-base-active);
+    --ds-color-base-contrast-subtle: var(--ds-color-info-base-contrast-subtle);
+    --ds-color-base-contrast-default: var(--ds-color-info-base-contrast-default);
+  }
+}

package/dist/tokens/large.json

@@ -19,42 +19,38 @@
       "$value": "13"
     },
     "2": {
-      "$type": "fontSizes",
-      "$value": "14"
-    },
-    "3": {
       "$type": "fontSizes",
       "$value": "16"
     },
-    "4": {
+    "3": {
       "$type": "fontSizes",
       "$value": "18"
     },
-    "5": {
+    "4": {
       "$type": "fontSizes",
       "$value": "21"
     },
-    "6": {
+    "5": {
       "$type": "fontSizes",
       "$value": "24"
     },
-    "7": {
+    "6": {
       "$type": "fontSizes",
       "$value": "30"
     },
-    "8": {
+    "7": {
       "$type": "fontSizes",
       "$value": "36"
     },
-    "9": {
+    "8": {
       "$type": "fontSizes",
       "$value": "48"
     },
-    "10": {
+    "9": {
       "$type": "fontSizes",
       "$value": "60"
     },
-    "11": {
+    "10": {
       "$type": "fontSizes",
       "$value": "72"
     }