@navikt/ds-tailwind 7.21.1 → 7.22.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-tailwind",
-  "version": "7.21.1",
+  "version": "7.22.0",
   "description": "Tailwind config based on @navikt/ds-tokens",
   "author": "Aksel | Nav designsystem team",
   "keywords": [
@@ -25,12 +25,12 @@
     "directory": "@navikt/core/tailwind"
   },
   "devDependencies": {
-    "@navikt/ds-tokens": "^7.21.1",
-    "color": "4.2.3",
+    "@navikt/ds-tokens": "^7.22.0",
+    "color": "5.0.0",
     "lodash": "^4.17.21",
     "tailwindcss": "^3.3.3",
     "tsx": "^4.19.1",
-    "typescript": "5.5.4",
+    "typescript": "5.8.3",
     "vitest": "^2.1.9"
   },
   "publishConfig": {

package/tailwind.darkside.config.js

@@ -129,47 +129,47 @@ module.exports = {
       "ax-bg-overlay": "var(--ax-bg-overlay)",
       "ax-text-neutral": "var(--ax-text-neutral)",
       "ax-text-neutral-subtle": "var(--ax-text-neutral-subtle)",
-      "ax-text-neutral-icon": "var(--ax-text-neutral-icon)",
+      "ax-text-neutral-decoration": "var(--ax-text-neutral-decoration)",
       "ax-text-neutral-contrast": "var(--ax-text-neutral-contrast)",
       "ax-text-accent": "var(--ax-text-accent)",
       "ax-text-accent-subtle": "var(--ax-text-accent-subtle)",
-      "ax-text-accent-icon": "var(--ax-text-accent-icon)",
+      "ax-text-accent-decoration": "var(--ax-text-accent-decoration)",
       "ax-text-accent-contrast": "var(--ax-text-accent-contrast)",
       "ax-text-success": "var(--ax-text-success)",
       "ax-text-success-subtle": "var(--ax-text-success-subtle)",
-      "ax-text-success-icon": "var(--ax-text-success-icon)",
+      "ax-text-success-decoration": "var(--ax-text-success-decoration)",
       "ax-text-success-contrast": "var(--ax-text-success-contrast)",
       "ax-text-warning": "var(--ax-text-warning)",
       "ax-text-warning-subtle": "var(--ax-text-warning-subtle)",
-      "ax-text-warning-icon": "var(--ax-text-warning-icon)",
+      "ax-text-warning-decoration": "var(--ax-text-warning-decoration)",
       "ax-text-warning-contrast": "var(--ax-text-warning-contrast)",
       "ax-text-danger": "var(--ax-text-danger)",
       "ax-text-danger-subtle": "var(--ax-text-danger-subtle)",
-      "ax-text-danger-icon": "var(--ax-text-danger-icon)",
+      "ax-text-danger-decoration": "var(--ax-text-danger-decoration)",
       "ax-text-danger-contrast": "var(--ax-text-danger-contrast)",
       "ax-text-info": "var(--ax-text-info)",
       "ax-text-info-subtle": "var(--ax-text-info-subtle)",
-      "ax-text-info-icon": "var(--ax-text-info-icon)",
+      "ax-text-info-decoration": "var(--ax-text-info-decoration)",
       "ax-text-info-contrast": "var(--ax-text-info-contrast)",
       "ax-text-brand-magenta": "var(--ax-text-brand-magenta)",
       "ax-text-brand-magenta-subtle": "var(--ax-text-brand-magenta-subtle)",
-      "ax-text-brand-magenta-icon": "var(--ax-text-brand-magenta-icon)",
+      "ax-text-brand-magenta-decoration": "var(--ax-text-brand-magenta-decoration)",
       "ax-text-brand-magenta-contrast": "var(--ax-text-brand-magenta-contrast)",
       "ax-text-brand-beige": "var(--ax-text-brand-beige)",
       "ax-text-brand-beige-subtle": "var(--ax-text-brand-beige-subtle)",
-      "ax-text-brand-beige-icon": "var(--ax-text-brand-beige-icon)",
+      "ax-text-brand-beige-decoration": "var(--ax-text-brand-beige-decoration)",
       "ax-text-brand-beige-contrast": "var(--ax-text-brand-beige-contrast)",
       "ax-text-brand-blue": "var(--ax-text-brand-blue)",
       "ax-text-brand-blue-subtle": "var(--ax-text-brand-blue-subtle)",
-      "ax-text-brand-blue-icon": "var(--ax-text-brand-blue-icon)",
+      "ax-text-brand-blue-decoration": "var(--ax-text-brand-blue-decoration)",
       "ax-text-brand-blue-contrast": "var(--ax-text-brand-blue-contrast)",
       "ax-text-meta-purple": "var(--ax-text-meta-purple)",
       "ax-text-meta-purple-subtle": "var(--ax-text-meta-purple-subtle)",
-      "ax-text-meta-purple-icon": "var(--ax-text-meta-purple-icon)",
+      "ax-text-meta-purple-decoration": "var(--ax-text-meta-purple-decoration)",
       "ax-text-meta-purple-contrast": "var(--ax-text-meta-purple-contrast)",
       "ax-text-meta-lime": "var(--ax-text-meta-lime)",
       "ax-text-meta-lime-subtle": "var(--ax-text-meta-lime-subtle)",
-      "ax-text-meta-lime-icon": "var(--ax-text-meta-lime-icon)",
+      "ax-text-meta-lime-decoration": "var(--ax-text-meta-lime-decoration)",
       "ax-text-meta-lime-contrast": "var(--ax-text-meta-lime-contrast)",
       "ax-text-logo": "var(--ax-text-logo)",
       "ax-border-neutral": "var(--ax-border-neutral)",
@@ -371,7 +371,12 @@ module.exports = {
       "ax-meta-lime-100A": "var(--ax-meta-lime-100A)",
       "ax-meta-lime-200A": "var(--ax-meta-lime-200A)",
       "ax-meta-lime-300A": "var(--ax-meta-lime-300A)",
-      "ax-meta-lime-400A": "var(--ax-meta-lime-400A)"
+      "ax-meta-lime-400A": "var(--ax-meta-lime-400A)",
+      "ax-radius-2": "var(--ax-radius-2)",
+      "ax-radius-4": "var(--ax-radius-4)",
+      "ax-radius-8": "var(--ax-radius-8)",
+      "ax-radius-12": "var(--ax-radius-12)",
+      "ax-radius-full": "var(--ax-radius-full)"
     },
     "screens": {
       "ax-sm": "480px",
@@ -414,13 +419,6 @@ module.exports = {
       "fontFamily": {
         "ax-font-family": "var(--ax-font-family)"
       },
-      "borderRadius": {
-        "ax-small": "var(--ax-border-radius-small)",
-        "ax-medium": "var(--ax-border-radius-medium)",
-        "ax-large": "var(--ax-border-radius-large)",
-        "ax-xlarge": "var(--ax-border-radius-xlarge)",
-        "ax-full": "var(--ax-border-radius-full)"
-      },
       "opacity": {
         "ax-disabled": "var(--ax-opacity-disabled)"
       }