@altinn/altinn-components 0.24.6 → 0.24.8

package/dist/tokens/design-tokens/$metadata.json

@@ -1,20 +1,25 @@
 {
   "tokenSetOrder": [
     "primitives/globals",
-    "primitives/size/default",
+    "primitives/modes/size/small",
+    "primitives/modes/size/medium",
+    "primitives/modes/size/large",
+    "primitives/modes/size/global",
+    "primitives/modes/typography/size/small",
+    "primitives/modes/typography/size/medium",
+    "primitives/modes/typography/size/large",
     "primitives/modes/typography/primary/altinn-ds",
     "primitives/modes/typography/secondary/altinn-ds",
-    "primitives/modes/color-scheme/light/global",
-    "primitives/modes/color-scheme/light/altinn-ds",
     "primitives/modes/color-scheme/dark/global",
     "primitives/modes/color-scheme/dark/altinn-ds",
+    "primitives/modes/color-scheme/light/global",
+    "primitives/modes/color-scheme/light/altinn-ds",
     "themes/altinn-ds",
     "semantic/color",
     "semantic/modes/main-color/company",
     "semantic/modes/main-color/person",
     "semantic/modes/support-color/article",
     "semantic/modes/support-color/alert",
-    "semantic/style",
-    "Figma/components"
+    "semantic/style"
   ]
 }

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

@@ -1,17 +1,47 @@
 [
   {
     "id": "8b2c8cc86611a34b135cb22948666779361fd729",
-    "name": "Default",
+    "name": "medium",
+    "$figmaStyleReferences": {},
+    "selectedTokenSets": {
+      "primitives/modes/size/medium": "source",
+      "primitives/modes/size/global": "enabled",
+      "primitives/modes/typography/size/medium": "enabled"
+    },
+    "$figmaCollectionId": "VariableCollectionId:36248:20757",
+    "$figmaModeId": "41630:1",
+    "group": "Size"
+  },
+  {
+    "id": "d49b9eebeb48a4f165a74b7261733d0a73370f0e",
+    "name": "large",
+    "$figmaStyleReferences": {},
+    "selectedTokenSets": {
+      "primitives/modes/size/large": "source",
+      "primitives/modes/size/global": "enabled",
+      "primitives/modes/typography/size/large": "enabled"
+    },
     "$figmaCollectionId": "VariableCollectionId:36248:20757",
+    "$figmaModeId": "41630:2",
+    "group": "Size"
+  },
+  {
+    "id": "fb11567729c298ca37c9da4e3a27716a23480824",
+    "name": "small",
+    "$figmaStyleReferences": {},
     "selectedTokenSets": {
-      "primitives/size/default": "enabled"
+      "primitives/modes/size/small": "source",
+      "primitives/modes/size/global": "enabled",
+      "primitives/modes/typography/size/small": "enabled"
     },
+    "$figmaCollectionId": "VariableCollectionId:36248:20757",
+    "$figmaModeId": "41630:3",
     "group": "Size"
   },
   {
     "id": "84671d12e4ebd199b6140019399a20c77f467c06",
-    "$figmaCollectionId": "VariableCollectionId:36329:62335",
-    "$figmaModeId": "36329:4",
+    "$figmaCollectionId": "VariableCollectionId:36528:61712",
+    "$figmaModeId": "40960:6",
     "name": "altinn-ds",
     "selectedTokenSets": {
       "themes/altinn-ds": "enabled"
@@ -39,25 +69,25 @@
     "group": "Typography"
   },
   {
-    "name": "Light",
+    "name": "Dark",
     "selectedTokenSets": {
-      "primitives/modes/color-scheme/light/global": "enabled",
-      "primitives/modes/color-scheme/light/altinn-ds": "enabled"
+      "primitives/modes/color-scheme/dark/global": "enabled",
+      "primitives/modes/color-scheme/dark/altinn-ds": "enabled"
     },
-    "id": "0daa3ca0b427b9349da7e7dc00101b5668972926",
+    "id": "9ebd8aed52afbffc17e2666e8b4653a53498b257",
     "$figmaCollectionId": "VariableCollectionId:34811:5472",
-    "$figmaModeId": "34811:0",
+    "$figmaModeId": "34811:1",
     "group": "Color scheme"
   },
   {
-    "name": "Dark",
+    "name": "Light",
     "selectedTokenSets": {
-      "primitives/modes/color-scheme/dark/global": "enabled",
-      "primitives/modes/color-scheme/dark/altinn-ds": "enabled"
+      "primitives/modes/color-scheme/light/global": "enabled",
+      "primitives/modes/color-scheme/light/altinn-ds": "enabled"
     },
-    "id": "9ebd8aed52afbffc17e2666e8b4653a53498b257",
+    "id": "0daa3ca0b427b9349da7e7dc00101b5668972926",
     "$figmaCollectionId": "VariableCollectionId:34811:5472",
-    "$figmaModeId": "34811:1",
+    "$figmaModeId": "34811:0",
     "group": "Color scheme"
   },
   {
@@ -68,6 +98,8 @@
       "semantic/color": "enabled",
       "primitives/globals": "source"
     },
+    "$figmaCollectionId": "VariableCollectionId:34811:5976",
+    "$figmaModeId": "34811:5",
     "group": "Semantic"
   },
   {

package/dist/tokens/design-tokens/primitives/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/design-tokens/primitives/modes/color-scheme/dark/altinn-ds.json

@@ -3,247 +3,263 @@
     "company": {
       "1": {
         "$type": "color",
-        "$value": "#0f1a3f"
+        "$value": "#10172c"
       },
       "2": {
         "$type": "color",
-        "$value": "#16224a"
+        "$value": "#151e39"
       },
       "3": {
         "$type": "color",
-        "$value": "#222e54"
+        "$value": "#1e2742"
       },
       "4": {
         "$type": "color",
-        "$value": "#313b5f"
+        "$value": "#242d47"
       },
       "5": {
         "$type": "color",
-        "$value": "#3f496a"
+        "$value": "#2c354e"
       },
       "6": {
         "$type": "color",
-        "$value": "#475070"
+        "$value": "#3b425a"
       },
       "7": {
         "$type": "color",
-        "$value": "#747b93"
+        "$value": "#484f65"
       },
       "8": {
         "$type": "color",
-        "$value": "#9ca1b2"
+        "$value": "#7c8191"
       },
       "9": {
         "$type": "color",
-        "$value": "#a6abba"
+        "$value": "#a4a8b3"
       },
       "10": {
         "$type": "color",
-        "$value": "#9096a9"
+        "$value": "#a4a8b3"
       },
       "11": {
         "$type": "color",
-        "$value": "#7a8197"
+        "$value": "#ebecee"
       },
       "12": {
         "$type": "color",
-        "$value": "#9ca1b2"
+        "$value": "#a6abba"
       },
       "13": {
         "$type": "color",
-        "$value": "#e3e4e9"
+        "$value": "#9096a9"
       },
-      "contrast-1": {
+      "14": {
         "$type": "color",
-        "$value": "#000000"
+        "$value": "#7a8197"
       },
-      "contrast-2": {
+      "15": {
         "$type": "color",
         "$value": "#1b1c1e"
+      },
+      "16": {
+        "$type": "color",
+        "$value": "#000000"
       }
     },
     "person": {
       "1": {
         "$type": "color",
-        "$value": "#042212"
+        "$value": "#0c1b12"
       },
       "2": {
         "$type": "color",
-        "$value": "#052b17"
+        "$value": "#102317"
       },
       "3": {
         "$type": "color",
-        "$value": "#06371d"
+        "$value": "#152d1d"
       },
       "4": {
         "$type": "color",
-        "$value": "#084625"
+        "$value": "#183321"
       },
       "5": {
         "$type": "color",
-        "$value": "#195535"
+        "$value": "#1c3c27"
       },
       "6": {
         "$type": "color",
-        "$value": "#225b3d"
+        "$value": "#264a33"
       },
       "7": {
         "$type": "color",
-        "$value": "#5a856e"
+        "$value": "#365741"
       },
       "8": {
         "$type": "color",
-        "$value": "#8ba999"
+        "$value": "#6f8777"
       },
       "9": {
         "$type": "color",
-        "$value": "#96b1a3"
+        "$value": "#9baca1"
       },
       "10": {
         "$type": "color",
-        "$value": "#7c9e8c"
+        "$value": "#9baca1"
       },
       "11": {
         "$type": "color",
-        "$value": "#618a74"
+        "$value": "#eaedeb"
       },
       "12": {
         "$type": "color",
-        "$value": "#8ba999"
+        "$value": "#96b1a3"
       },
       "13": {
         "$type": "color",
-        "$value": "#dee7e2"
+        "$value": "#7c9e8c"
       },
-      "contrast-1": {
+      "14": {
         "$type": "color",
-        "$value": "#000000"
+        "$value": "#618a74"
       },
-      "contrast-2": {
+      "15": {
         "$type": "color",
         "$value": "#181c1a"
+      },
+      "16": {
+        "$type": "color",
+        "$value": "#000000"
       }
     },
     "article": {
       "1": {
         "$type": "color",
-        "$value": "#001e38"
+        "$value": "#0c1927"
       },
       "2": {
         "$type": "color",
-        "$value": "#002547"
+        "$value": "#102033"
       },
       "3": {
         "$type": "color",
-        "$value": "#00305c"
+        "$value": "#142941"
       },
       "4": {
         "$type": "color",
-        "$value": "#003d74"
+        "$value": "#172f4b"
       },
       "5": {
         "$type": "color",
-        "$value": "#004b8d"
+        "$value": "#1a3757"
       },
       "6": {
         "$type": "color",
-        "$value": "#00519a"
+        "$value": "#21446d"
       },
       "7": {
         "$type": "color",
-        "$value": "#307fc7"
+        "$value": "#285182"
       },
       "8": {
         "$type": "color",
-        "$value": "#70a7d8"
+        "$value": "#5a84b4"
       },
       "9": {
         "$type": "color",
-        "$value": "#4c91cf"
+        "$value": "#8eaacb"
       },
       "10": {
         "$type": "color",
-        "$value": "#6fa6d8"
+        "$value": "#8eaacb"
       },
       "11": {
         "$type": "color",
-        "$value": "#92bce1"
+        "$value": "#e7edf4"
       },
       "12": {
         "$type": "color",
-        "$value": "#70a7d8"
+        "$value": "#4c91cf"
       },
       "13": {
         "$type": "color",
-        "$value": "#d7e7f4"
+        "$value": "#6fa6d8"
       },
-      "contrast-1": {
+      "14": {
         "$type": "color",
-        "$value": "#000000"
+        "$value": "#92bce1"
       },
-      "contrast-2": {
+      "15": {
         "$type": "color",
         "$value": "#0d1924"
+      },
+      "16": {
+        "$type": "color",
+        "$value": "#000000"
       }
     },
     "alert": {
       "1": {
         "$type": "color",
-        "$value": "#3a0c13"
+        "$value": "#281112"
       },
       "2": {
         "$type": "color",
-        "$value": "#490f18"
+        "$value": "#351618"
       },
       "3": {
         "$type": "color",
-        "$value": "#5d131e"
+        "$value": "#431c1e"
       },
       "4": {
         "$type": "color",
-        "$value": "#751826"
+        "$value": "#4c2023"
       },
       "5": {
         "$type": "color",
-        "$value": "#8f1d2e"
+        "$value": "#592528"
       },
       "6": {
         "$type": "color",
-        "$value": "#9b2032"
+        "$value": "#6f2e32"
       },
       "7": {
         "$type": "color",
-        "$value": "#e23b55"
+        "$value": "#84373c"
       },
       "8": {
         "$type": "color",
-        "$value": "#ec8292"
+        "$value": "#c76369"
       },
       "9": {
         "$type": "color",
-        "$value": "#e02f4a"
+        "$value": "#d9969a"
       },
       "10": {
         "$type": "color",
-        "$value": "#e75e73"
+        "$value": "#d9969a"
       },
       "11": {
         "$type": "color",
-        "$value": "#ec8191"
+        "$value": "#f7e9ea"
       },
       "12": {
         "$type": "color",
-        "$value": "#ec8292"
+        "$value": "#dc445b"
       },
       "13": {
         "$type": "color",
-        "$value": "#fadee2"
+        "$value": "#e3697b"
       },
-      "contrast-1": {
+      "14": {
         "$type": "color",
-        "$value": "#000000"
+        "$value": "#ea8b99"
+      },
+      "15": {
+        "$type": "color",
+        "$value": "#0f0506"
       },
-      "contrast-2": {
+      "16": {
         "$type": "color",
         "$value": "#000000"
       }
@@ -251,63 +267,67 @@
     "neutral": {
       "1": {
         "$type": "color",
-        "$value": "#141d29"
+        "$value": "#13181f"
       },
       "2": {
         "$type": "color",
-        "$value": "#1a2534"
+        "$value": "#192029"
       },
       "3": {
         "$type": "color",
-        "$value": "#243041"
+        "$value": "#202834"
       },
       "4": {
         "$type": "color",
-        "$value": "#323e4d"
+        "$value": "#262e3a"
       },
       "5": {
         "$type": "color",
-        "$value": "#404b5a"
+        "$value": "#2e3641"
       },
       "6": {
         "$type": "color",
-        "$value": "#475260"
+        "$value": "#3c444e"
       },
       "7": {
         "$type": "color",
-        "$value": "#747c87"
+        "$value": "#49515a"
       },
       "8": {
         "$type": "color",
-        "$value": "#9da2aa"
+        "$value": "#7c8289"
       },
       "9": {
         "$type": "color",
-        "$value": "#a6acb2"
+        "$value": "#a4a8ad"
       },
       "10": {
         "$type": "color",
-        "$value": "#90979f"
+        "$value": "#a4a8ad"
       },
       "11": {
         "$type": "color",
-        "$value": "#7a828c"
+        "$value": "#ebeced"
       },
       "12": {
         "$type": "color",
-        "$value": "#9da2aa"
+        "$value": "#a6acb2"
       },
       "13": {
         "$type": "color",
-        "$value": "#e3e5e7"
+        "$value": "#90979f"
       },
-      "contrast-1": {
+      "14": {
         "$type": "color",
-        "$value": "#000000"
+        "$value": "#7a828c"
       },
-      "contrast-2": {
+      "15": {
         "$type": "color",
         "$value": "#1b1c1d"
+      },
+      "16": {
+        "$type": "color",
+        "$value": "#000000"
       }
     }
   }