@altinn/altinn-components 0.24.6 → 0.24.8

package/dist/tokens/design-tokens/semantic/color.json

@@ -5,7 +5,7 @@
         "$type": "color",
         "$value": "{color.company.1}"
       },
-      "background-subtle": {
+      "background-tinted": {
         "$type": "color",
         "$value": "{color.company.2}"
       },
@@ -13,53 +13,57 @@
         "$type": "color",
         "$value": "{color.company.3}"
       },
-      "surface-hover": {
+      "surface-tinted": {
         "$type": "color",
         "$value": "{color.company.4}"
       },
-      "surface-active": {
+      "surface-hover": {
         "$type": "color",
         "$value": "{color.company.5}"
       },
-      "border-subtle": {
+      "surface-active": {
         "$type": "color",
         "$value": "{color.company.6}"
       },
-      "border-default": {
+      "border-subtle": {
         "$type": "color",
         "$value": "{color.company.7}"
       },
-      "border-strong": {
+      "border-default": {
         "$type": "color",
         "$value": "{color.company.8}"
       },
-      "base-default": {
+      "border-strong": {
         "$type": "color",
         "$value": "{color.company.9}"
       },
-      "base-hover": {
+      "text-subtle": {
         "$type": "color",
         "$value": "{color.company.10}"
       },
-      "base-active": {
+      "text-default": {
         "$type": "color",
         "$value": "{color.company.11}"
       },
-      "text-subtle": {
+      "base-default": {
         "$type": "color",
         "$value": "{color.company.12}"
       },
-      "text-default": {
+      "base-hover": {
         "$type": "color",
         "$value": "{color.company.13}"
       },
-      "contrast-default": {
+      "base-active": {
+        "$type": "color",
+        "$value": "{color.company.14}"
+      },
+      "base-contrast-subtle": {
         "$type": "color",
-        "$value": "{color.company.contrast-1}"
+        "$value": "{color.company.15}"
       },
-      "contrast-subtle": {
+      "base-contrast-default": {
         "$type": "color",
-        "$value": "{color.company.contrast-2}"
+        "$value": "{color.company.16}"
       }
     },
     "person": {
@@ -67,7 +71,7 @@
         "$type": "color",
         "$value": "{color.person.1}"
       },
-      "background-subtle": {
+      "background-tinted": {
         "$type": "color",
         "$value": "{color.person.2}"
       },
@@ -75,53 +79,57 @@
         "$type": "color",
         "$value": "{color.person.3}"
       },
-      "surface-hover": {
+      "surface-tinted": {
         "$type": "color",
         "$value": "{color.person.4}"
       },
-      "surface-active": {
+      "surface-hover": {
         "$type": "color",
         "$value": "{color.person.5}"
       },
-      "border-subtle": {
+      "surface-active": {
         "$type": "color",
         "$value": "{color.person.6}"
       },
-      "border-default": {
+      "border-subtle": {
         "$type": "color",
         "$value": "{color.person.7}"
       },
-      "border-strong": {
+      "border-default": {
         "$type": "color",
         "$value": "{color.person.8}"
       },
-      "base-default": {
+      "border-strong": {
         "$type": "color",
         "$value": "{color.person.9}"
       },
-      "base-hover": {
+      "text-subtle": {
         "$type": "color",
         "$value": "{color.person.10}"
       },
-      "base-active": {
+      "text-default": {
         "$type": "color",
         "$value": "{color.person.11}"
       },
-      "text-subtle": {
+      "base-default": {
         "$type": "color",
         "$value": "{color.person.12}"
       },
-      "text-default": {
+      "base-hover": {
         "$type": "color",
         "$value": "{color.person.13}"
       },
-      "contrast-default": {
+      "base-active": {
+        "$type": "color",
+        "$value": "{color.person.14}"
+      },
+      "base-contrast-subtle": {
         "$type": "color",
-        "$value": "{color.person.contrast-1}"
+        "$value": "{color.person.15}"
       },
-      "contrast-subtle": {
+      "base-contrast-default": {
         "$type": "color",
-        "$value": "{color.person.contrast-2}"
+        "$value": "{color.person.16}"
       }
     },
     "neutral": {
@@ -129,7 +137,7 @@
         "$type": "color",
         "$value": "{color.neutral.1}"
       },
-      "background-subtle": {
+      "background-tinted": {
         "$type": "color",
         "$value": "{color.neutral.2}"
       },
@@ -137,53 +145,57 @@
         "$type": "color",
         "$value": "{color.neutral.3}"
       },
-      "surface-hover": {
+      "surface-tinted": {
         "$type": "color",
         "$value": "{color.neutral.4}"
       },
-      "surface-active": {
+      "surface-hover": {
         "$type": "color",
         "$value": "{color.neutral.5}"
       },
-      "border-subtle": {
+      "surface-active": {
         "$type": "color",
         "$value": "{color.neutral.6}"
       },
-      "border-default": {
+      "border-subtle": {
         "$type": "color",
         "$value": "{color.neutral.7}"
       },
-      "border-strong": {
+      "border-default": {
         "$type": "color",
         "$value": "{color.neutral.8}"
       },
-      "base-default": {
+      "border-strong": {
         "$type": "color",
         "$value": "{color.neutral.9}"
       },
-      "base-hover": {
+      "text-subtle": {
         "$type": "color",
         "$value": "{color.neutral.10}"
       },
-      "base-active": {
+      "text-default": {
         "$type": "color",
         "$value": "{color.neutral.11}"
       },
-      "text-subtle": {
+      "base-default": {
         "$type": "color",
         "$value": "{color.neutral.12}"
       },
-      "text-default": {
+      "base-hover": {
         "$type": "color",
         "$value": "{color.neutral.13}"
       },
-      "contrast-default": {
+      "base-active": {
+        "$type": "color",
+        "$value": "{color.neutral.14}"
+      },
+      "base-contrast-subtle": {
         "$type": "color",
-        "$value": "{color.neutral.contrast-1}"
+        "$value": "{color.neutral.15}"
       },
-      "contrast-subtle": {
+      "base-contrast-default": {
         "$type": "color",
-        "$value": "{color.neutral.contrast-2}"
+        "$value": "{color.neutral.16}"
       }
     },
     "article": {
@@ -191,7 +203,7 @@
         "$type": "color",
         "$value": "{color.article.1}"
       },
-      "background-subtle": {
+      "background-tinted": {
         "$type": "color",
         "$value": "{color.article.2}"
       },
@@ -199,53 +211,57 @@
         "$type": "color",
         "$value": "{color.article.3}"
       },
-      "surface-hover": {
+      "surface-tinted": {
         "$type": "color",
         "$value": "{color.article.4}"
       },
-      "surface-active": {
+      "surface-hover": {
         "$type": "color",
         "$value": "{color.article.5}"
       },
-      "border-subtle": {
+      "surface-active": {
         "$type": "color",
         "$value": "{color.article.6}"
       },
-      "border-default": {
+      "border-subtle": {
         "$type": "color",
         "$value": "{color.article.7}"
       },
-      "border-strong": {
+      "border-default": {
         "$type": "color",
         "$value": "{color.article.8}"
       },
-      "base-default": {
+      "border-strong": {
         "$type": "color",
         "$value": "{color.article.9}"
       },
-      "base-hover": {
+      "text-subtle": {
         "$type": "color",
         "$value": "{color.article.10}"
       },
-      "base-active": {
+      "text-default": {
         "$type": "color",
         "$value": "{color.article.11}"
       },
-      "text-subtle": {
+      "base-default": {
         "$type": "color",
         "$value": "{color.article.12}"
       },
-      "text-default": {
+      "base-hover": {
         "$type": "color",
         "$value": "{color.article.13}"
       },
-      "contrast-default": {
+      "base-active": {
+        "$type": "color",
+        "$value": "{color.article.14}"
+      },
+      "base-contrast-subtle": {
         "$type": "color",
-        "$value": "{color.article.contrast-1}"
+        "$value": "{color.article.15}"
       },
-      "contrast-subtle": {
+      "base-contrast-default": {
         "$type": "color",
-        "$value": "{color.article.contrast-2}"
+        "$value": "{color.article.16}"
       }
     },
     "alert": {
@@ -253,7 +269,7 @@
         "$type": "color",
         "$value": "{color.alert.1}"
       },
-      "background-subtle": {
+      "background-tinted": {
         "$type": "color",
         "$value": "{color.alert.2}"
       },
@@ -261,53 +277,57 @@
         "$type": "color",
         "$value": "{color.alert.3}"
       },
-      "surface-hover": {
+      "surface-tinted": {
         "$type": "color",
         "$value": "{color.alert.4}"
       },
-      "surface-active": {
+      "surface-hover": {
         "$type": "color",
         "$value": "{color.alert.5}"
       },
-      "border-subtle": {
+      "surface-active": {
         "$type": "color",
         "$value": "{color.alert.6}"
       },
-      "border-default": {
+      "border-subtle": {
         "$type": "color",
         "$value": "{color.alert.7}"
       },
-      "border-strong": {
+      "border-default": {
         "$type": "color",
         "$value": "{color.alert.8}"
       },
-      "base-default": {
+      "border-strong": {
         "$type": "color",
         "$value": "{color.alert.9}"
       },
-      "base-hover": {
+      "text-subtle": {
         "$type": "color",
         "$value": "{color.alert.10}"
       },
-      "base-active": {
+      "text-default": {
         "$type": "color",
         "$value": "{color.alert.11}"
       },
-      "text-subtle": {
+      "base-default": {
         "$type": "color",
         "$value": "{color.alert.12}"
       },
-      "text-default": {
+      "base-hover": {
         "$type": "color",
         "$value": "{color.alert.13}"
       },
-      "contrast-default": {
+      "base-active": {
+        "$type": "color",
+        "$value": "{color.alert.14}"
+      },
+      "base-contrast-subtle": {
         "$type": "color",
-        "$value": "{color.alert.contrast-1}"
+        "$value": "{color.alert.15}"
       },
-      "contrast-subtle": {
+      "base-contrast-default": {
         "$type": "color",
-        "$value": "{color.alert.contrast-2}"
+        "$value": "{color.alert.16}"
       }
     },
     "success": {
@@ -315,7 +335,7 @@
         "$type": "color",
         "$value": "{global.green.1}"
       },
-      "background-subtle": {
+      "background-tinted": {
         "$type": "color",
         "$value": "{global.green.2}"
       },
@@ -323,53 +343,57 @@
         "$type": "color",
         "$value": "{global.green.3}"
       },
-      "surface-hover": {
+      "surface-tinted": {
         "$type": "color",
         "$value": "{global.green.4}"
       },
-      "surface-active": {
+      "surface-hover": {
         "$type": "color",
         "$value": "{global.green.5}"
       },
-      "border-subtle": {
+      "surface-active": {
         "$type": "color",
         "$value": "{global.green.6}"
       },
-      "border-default": {
+      "border-subtle": {
         "$type": "color",
         "$value": "{global.green.7}"
       },
-      "border-strong": {
+      "border-default": {
         "$type": "color",
         "$value": "{global.green.8}"
       },
-      "base-default": {
+      "border-strong": {
         "$type": "color",
         "$value": "{global.green.9}"
       },
-      "base-hover": {
+      "text-subtle": {
         "$type": "color",
         "$value": "{global.green.10}"
       },
-      "base-active": {
+      "text-default": {
         "$type": "color",
         "$value": "{global.green.11}"
       },
-      "text-subtle": {
+      "base-default": {
         "$type": "color",
         "$value": "{global.green.12}"
       },
-      "text-default": {
+      "base-hover": {
         "$type": "color",
         "$value": "{global.green.13}"
       },
-      "contrast-default": {
+      "base-active": {
+        "$type": "color",
+        "$value": "{global.green.14}"
+      },
+      "base-contrast-subtle": {
         "$type": "color",
-        "$value": "{global.green.contrast-1}"
+        "$value": "{global.green.15}"
       },
-      "contrast-subtle": {
+      "base-contrast-default": {
         "$type": "color",
-        "$value": "{global.green.contrast-2}"
+        "$value": "{global.green.16}"
       }
     },
     "danger": {
@@ -377,7 +401,7 @@
         "$type": "color",
         "$value": "{global.red.1}"
       },
-      "background-subtle": {
+      "background-tinted": {
         "$type": "color",
         "$value": "{global.red.2}"
       },
@@ -385,53 +409,57 @@
         "$type": "color",
         "$value": "{global.red.3}"
       },
-      "surface-hover": {
+      "surface-tinted": {
         "$type": "color",
         "$value": "{global.red.4}"
       },
-      "surface-active": {
+      "surface-hover": {
         "$type": "color",
         "$value": "{global.red.5}"
       },
-      "border-subtle": {
+      "surface-active": {
         "$type": "color",
         "$value": "{global.red.6}"
       },
-      "border-default": {
+      "border-subtle": {
         "$type": "color",
         "$value": "{global.red.7}"
       },
-      "border-strong": {
+      "border-default": {
         "$type": "color",
         "$value": "{global.red.8}"
       },
-      "base-default": {
+      "border-strong": {
         "$type": "color",
         "$value": "{global.red.9}"
       },
-      "base-hover": {
+      "text-subtle": {
         "$type": "color",
         "$value": "{global.red.10}"
       },
-      "base-active": {
+      "text-default": {
         "$type": "color",
         "$value": "{global.red.11}"
       },
-      "text-subtle": {
+      "base-default": {
         "$type": "color",
         "$value": "{global.red.12}"
       },
-      "text-default": {
+      "base-hover": {
         "$type": "color",
         "$value": "{global.red.13}"
       },
-      "contrast-default": {
+      "base-active": {
+        "$type": "color",
+        "$value": "{global.red.14}"
+      },
+      "base-contrast-subtle": {
         "$type": "color",
-        "$value": "{global.red.contrast-1}"
+        "$value": "{global.red.15}"
       },
-      "contrast-subtle": {
+      "base-contrast-default": {
         "$type": "color",
-        "$value": "{global.red.contrast-2}"
+        "$value": "{global.red.16}"
       }
     },
     "info": {
@@ -439,7 +467,7 @@
         "$type": "color",
         "$value": "{global.blue.1}"
       },
-      "background-subtle": {
+      "background-tinted": {
         "$type": "color",
         "$value": "{global.blue.2}"
       },
@@ -447,115 +475,123 @@
         "$type": "color",
         "$value": "{global.blue.3}"
       },
-      "surface-hover": {
+      "surface-tinted": {
         "$type": "color",
         "$value": "{global.blue.4}"
       },
-      "surface-active": {
+      "surface-hover": {
         "$type": "color",
         "$value": "{global.blue.5}"
       },
-      "border-subtle": {
+      "surface-active": {
         "$type": "color",
         "$value": "{global.blue.6}"
       },
-      "border-default": {
+      "border-subtle": {
         "$type": "color",
         "$value": "{global.blue.7}"
       },
-      "border-strong": {
+      "border-default": {
         "$type": "color",
         "$value": "{global.blue.8}"
       },
-      "base-default": {
+      "border-strong": {
         "$type": "color",
         "$value": "{global.blue.9}"
       },
-      "base-hover": {
+      "text-subtle": {
         "$type": "color",
         "$value": "{global.blue.10}"
       },
-      "base-active": {
+      "text-default": {
         "$type": "color",
         "$value": "{global.blue.11}"
       },
-      "text-subtle": {
+      "base-default": {
         "$type": "color",
         "$value": "{global.blue.12}"
       },
-      "text-default": {
+      "base-hover": {
         "$type": "color",
         "$value": "{global.blue.13}"
       },
-      "contrast-default": {
+      "base-active": {
+        "$type": "color",
+        "$value": "{global.blue.14}"
+      },
+      "base-contrast-subtle": {
         "$type": "color",
-        "$value": "{global.blue.contrast-1}"
+        "$value": "{global.blue.15}"
       },
-      "contrast-subtle": {
+      "base-contrast-default": {
         "$type": "color",
-        "$value": "{global.blue.contrast-2}"
+        "$value": "{global.blue.16}"
       }
     },
     "warning": {
       "background-default": {
         "$type": "color",
-        "$value": "{global.yellow.1}"
+        "$value": "{global.orange.1}"
       },
-      "background-subtle": {
+      "background-tinted": {
         "$type": "color",
-        "$value": "{global.yellow.2}"
+        "$value": "{global.orange.2}"
       },
       "surface-default": {
         "$type": "color",
-        "$value": "{global.yellow.3}"
+        "$value": "{global.orange.3}"
+      },
+      "surface-tinted": {
+        "$type": "color",
+        "$value": "{global.orange.4}"
       },
       "surface-hover": {
         "$type": "color",
-        "$value": "{global.yellow.4}"
+        "$value": "{global.orange.5}"
       },
       "surface-active": {
         "$type": "color",
-        "$value": "{global.yellow.5}"
+        "$value": "{global.orange.6}"
       },
       "border-subtle": {
         "$type": "color",
-        "$value": "{global.yellow.6}"
+        "$value": "{global.orange.7}"
       },
       "border-default": {
         "$type": "color",
-        "$value": "{global.yellow.7}"
+        "$value": "{global.orange.8}"
       },
       "border-strong": {
-        "$type": "color",
-        "$value": "{global.yellow.8}"
-      },
-      "base-default": {
         "$type": "color",
         "$value": "{global.orange.9}"
       },
-      "base-hover": {
+      "text-subtle": {
         "$type": "color",
         "$value": "{global.orange.10}"
       },
-      "base-active": {
+      "text-default": {
         "$type": "color",
         "$value": "{global.orange.11}"
       },
-      "text-subtle": {
+      "base-default": {
         "$type": "color",
         "$value": "{global.orange.12}"
       },
-      "text-default": {
+      "base-hover": {
         "$type": "color",
         "$value": "{global.orange.13}"
       },
-      "contrast-default": {
+      "base-active": {
+        "$type": "color",
+        "$value": "{global.orange.14}"
+      },
+      "base-contrast-subtle": {
         "$type": "color",
-        "$value": "{global.orange.contrast-1}"
+        "$value": "{global.orange.15}"
       },
-      "contrast-subtle": {
+      "base-contrast-default": {
         "$type": "color",
-        "$value": "{global.orange.contrast-2}"
+        "$value": "{global.orange.16}"
       }
     },
     "focus": {
@@ -565,7 +601,15 @@
       },
       "outer": {
         "$type": "color",
-        "$value": "{color.company.text-default}"
+        "$value": "{color.neutral.text-default}"
+      }
+    }
+  },
+  "link": {
+    "color": {
+      "visited": {
+        "$type": "color",
+        "$value": "{global.purple.12}"
       }
     }
   }