@navikt/ds-tokens 7.24.0 → 7.25.1

package/dist/darkside/tokens.css

@@ -142,8 +142,8 @@
   --ax-meta-purple-400A: #5e00d834;
   --ax-meta-lime-100: #f4f9d1;
   --ax-meta-lime-200: #ebf4a9;
-  --ax-meta-lime-300: #e0ec6b;
-  --ax-meta-lime-400: #d0dc00;
+  --ax-meta-lime-300: #e1ea9a;
+  --ax-meta-lime-400: #cfda6c;
   --ax-meta-lime-500: #878f00;
   --ax-meta-lime-600: #757c00;
   --ax-meta-lime-700: #646900;
@@ -152,8 +152,8 @@
   --ax-meta-lime-1000: #2a2800;
   --ax-meta-lime-100A: #c3de002e;
   --ax-meta-lime-200A: #c4df0056;
-  --ax-meta-lime-300A: #cadf0094;
-  --ax-meta-lime-400A: #d0dc00;
+  --ax-meta-lime-300A: #b4ca0065;
+  --ax-meta-lime-400A: #acbf0093;
 }
 
 .dark {
@@ -551,7 +551,7 @@
 }
 
 :root, :host {
-  --ax-version: "7.24.0";
+  --ax-version: "7.25.1";
   --ax-space-0: 0rem;
   --ax-space-1: .0625rem;
   --ax-space-2: .125rem;

package/dist/tokens.css

@@ -3,7 +3,7 @@
  */
 
 :root, :host {
-  --ax-version: "7.24.0";
+  --ax-version: "7.25.1";
   --a-breakpoint-xs: 0;
   --a-breakpoint-sm: 480px;
   --a-breakpoint-sm-down: 479px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-tokens",
-  "version": "7.24.0",
+  "version": "7.25.1",
   "description": "Design-tokens for Nav designsystem",
   "author": "Aksel | Nav designsystem team",
   "keywords": [

package/token_docs.js

@@ -113,10 +113,10 @@ export const tokens = [{"name":"shadow-dialog","value":"var(--ax-shadow-dialog)"
 {"name":"bg-meta-lime-softA","value":"var(--ax-bg-meta-lime-softA)","rawValue":"#c3de002e","jsValue":"BgMetaLimeSoftA","cssValue":"var(--ax-bg-meta-lime-softA)","scssValue":"$ax-bg-meta-lime-softA","lessValue":"@ax-bg-meta-lime-softA","comment":"En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig.","type":"color","rawType":"bg","group":"background.meta-lime","category":"backgroundColor","categoryTitle":"Bakgrunnsfarger","role":"meta-lime","modifier":"softA"},
 {"name":"bg-meta-lime-moderate","value":"var(--ax-bg-meta-lime-moderate)","rawValue":"#ebf4a9","jsValue":"BgMetaLimeModerate","cssValue":"var(--ax-bg-meta-lime-moderate)","scssValue":"$ax-bg-meta-lime-moderate","lessValue":"@ax-bg-meta-lime-moderate","comment":"En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border.","type":"color","rawType":"bg","group":"background.meta-lime","category":"backgroundColor","categoryTitle":"Bakgrunnsfarger","role":"meta-lime","modifier":"moderate"},
 {"name":"bg-meta-lime-moderateA","value":"var(--ax-bg-meta-lime-moderateA)","rawValue":"#c4df0056","jsValue":"BgMetaLimeModerateA","cssValue":"var(--ax-bg-meta-lime-moderateA)","scssValue":"$ax-bg-meta-lime-moderateA","lessValue":"@ax-bg-meta-lime-moderateA","comment":"En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig.","type":"color","rawType":"bg","group":"background.meta-lime","category":"backgroundColor","categoryTitle":"Bakgrunnsfarger","role":"meta-lime","modifier":"moderateA"},
-{"name":"bg-meta-lime-moderate-hover","value":"var(--ax-bg-meta-lime-moderate-hover)","rawValue":"#e0ec6b","jsValue":"BgMetaLimeModerateHover","cssValue":"var(--ax-bg-meta-lime-moderate-hover)","scssValue":"$ax-bg-meta-lime-moderate-hover","lessValue":"@ax-bg-meta-lime-moderate-hover","comment":"En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.","type":"color","rawType":"bg","group":"background.meta-lime","category":"backgroundColor","categoryTitle":"Bakgrunnsfarger","role":"meta-lime","modifier":"hover"},
-{"name":"bg-meta-lime-moderate-hoverA","value":"var(--ax-bg-meta-lime-moderate-hoverA)","rawValue":"#cadf0094","jsValue":"BgMetaLimeModerateHoverA","cssValue":"var(--ax-bg-meta-lime-moderate-hoverA)","scssValue":"$ax-bg-meta-lime-moderate-hoverA","lessValue":"@ax-bg-meta-lime-moderate-hoverA","comment":"En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.","type":"color","rawType":"bg","group":"background.meta-lime","category":"backgroundColor","categoryTitle":"Bakgrunnsfarger","role":"meta-lime","modifier":"hoverA"},
-{"name":"bg-meta-lime-moderate-pressed","value":"var(--ax-bg-meta-lime-moderate-pressed)","rawValue":"#d0dc00","jsValue":"BgMetaLimeModeratePressed","cssValue":"var(--ax-bg-meta-lime-moderate-pressed)","scssValue":"$ax-bg-meta-lime-moderate-pressed","lessValue":"@ax-bg-meta-lime-moderate-pressed","comment":"En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.","type":"color","rawType":"bg","group":"background.meta-lime","category":"backgroundColor","categoryTitle":"Bakgrunnsfarger","role":"meta-lime","modifier":"pressed"},
-{"name":"bg-meta-lime-moderate-pressedA","value":"var(--ax-bg-meta-lime-moderate-pressedA)","rawValue":"#d0dc00","jsValue":"BgMetaLimeModeratePressedA","cssValue":"var(--ax-bg-meta-lime-moderate-pressedA)","scssValue":"$ax-bg-meta-lime-moderate-pressedA","lessValue":"@ax-bg-meta-lime-moderate-pressedA","comment":"En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.","type":"color","rawType":"bg","group":"background.meta-lime","category":"backgroundColor","categoryTitle":"Bakgrunnsfarger","role":"meta-lime","modifier":"pressedA"},
+{"name":"bg-meta-lime-moderate-hover","value":"var(--ax-bg-meta-lime-moderate-hover)","rawValue":"#e1ea9a","jsValue":"BgMetaLimeModerateHover","cssValue":"var(--ax-bg-meta-lime-moderate-hover)","scssValue":"$ax-bg-meta-lime-moderate-hover","lessValue":"@ax-bg-meta-lime-moderate-hover","comment":"En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.","type":"color","rawType":"bg","group":"background.meta-lime","category":"backgroundColor","categoryTitle":"Bakgrunnsfarger","role":"meta-lime","modifier":"hover"},
+{"name":"bg-meta-lime-moderate-hoverA","value":"var(--ax-bg-meta-lime-moderate-hoverA)","rawValue":"#b4ca0065","jsValue":"BgMetaLimeModerateHoverA","cssValue":"var(--ax-bg-meta-lime-moderate-hoverA)","scssValue":"$ax-bg-meta-lime-moderate-hoverA","lessValue":"@ax-bg-meta-lime-moderate-hoverA","comment":"En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.","type":"color","rawType":"bg","group":"background.meta-lime","category":"backgroundColor","categoryTitle":"Bakgrunnsfarger","role":"meta-lime","modifier":"hoverA"},
+{"name":"bg-meta-lime-moderate-pressed","value":"var(--ax-bg-meta-lime-moderate-pressed)","rawValue":"#cfda6c","jsValue":"BgMetaLimeModeratePressed","cssValue":"var(--ax-bg-meta-lime-moderate-pressed)","scssValue":"$ax-bg-meta-lime-moderate-pressed","lessValue":"@ax-bg-meta-lime-moderate-pressed","comment":"En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.","type":"color","rawType":"bg","group":"background.meta-lime","category":"backgroundColor","categoryTitle":"Bakgrunnsfarger","role":"meta-lime","modifier":"pressed"},
+{"name":"bg-meta-lime-moderate-pressedA","value":"var(--ax-bg-meta-lime-moderate-pressedA)","rawValue":"#acbf0093","jsValue":"BgMetaLimeModeratePressedA","cssValue":"var(--ax-bg-meta-lime-moderate-pressedA)","scssValue":"$ax-bg-meta-lime-moderate-pressedA","lessValue":"@ax-bg-meta-lime-moderate-pressedA","comment":"En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.","type":"color","rawType":"bg","group":"background.meta-lime","category":"backgroundColor","categoryTitle":"Bakgrunnsfarger","role":"meta-lime","modifier":"pressedA"},
 {"name":"bg-meta-lime-strong","value":"var(--ax-bg-meta-lime-strong)","rawValue":"#757c00","jsValue":"BgMetaLimeStrong","cssValue":"var(--ax-bg-meta-lime-strong)","scssValue":"$ax-bg-meta-lime-strong","lessValue":"@ax-bg-meta-lime-strong","comment":"En sterk bakgrunnsfarge som brukes på meningsbærende elementer.","type":"color","rawType":"bg","group":"background.meta-lime","category":"backgroundColor","categoryTitle":"Bakgrunnsfarger","role":"meta-lime","modifier":"strong"},
 {"name":"bg-meta-lime-strong-hover","value":"var(--ax-bg-meta-lime-strong-hover)","rawValue":"#646900","jsValue":"BgMetaLimeStrongHover","cssValue":"var(--ax-bg-meta-lime-strong-hover)","scssValue":"$ax-bg-meta-lime-strong-hover","lessValue":"@ax-bg-meta-lime-strong-hover","comment":"En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer.","type":"color","rawType":"bg","group":"background.meta-lime","category":"backgroundColor","categoryTitle":"Bakgrunnsfarger","role":"meta-lime","modifier":"hover"},
 {"name":"bg-meta-lime-strong-pressed","value":"var(--ax-bg-meta-lime-strong-pressed)","rawValue":"#5c6100","jsValue":"BgMetaLimeStrongPressed","cssValue":"var(--ax-bg-meta-lime-strong-pressed)","scssValue":"$ax-bg-meta-lime-strong-pressed","lessValue":"@ax-bg-meta-lime-strong-pressed","comment":"En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer.","type":"color","rawType":"bg","group":"background.meta-lime","category":"backgroundColor","categoryTitle":"Bakgrunnsfarger","role":"meta-lime","modifier":"pressed"},
@@ -211,8 +211,8 @@ export const tokens = [{"name":"shadow-dialog","value":"var(--ax-shadow-dialog)"
 {"name":"border-meta-purple-subtleA","value":"var(--ax-border-meta-purple-subtleA)","rawValue":"#5e00d834","jsValue":"BorderMetaPurpleSubtleA","cssValue":"var(--ax-border-meta-purple-subtleA)","scssValue":"$ax-border-meta-purple-subtleA","lessValue":"@ax-border-meta-purple-subtleA","comment":"En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.","type":"color","rawType":"border","group":"border.meta-purple","category":"borderColor","categoryTitle":"Kantlinjefarger","role":"meta-purple","modifier":"subtleA"},
 {"name":"border-meta-purple-strong","value":"var(--ax-border-meta-purple-strong)","rawValue":"#7c4abf","jsValue":"BorderMetaPurpleStrong","cssValue":"var(--ax-border-meta-purple-strong)","scssValue":"$ax-border-meta-purple-strong","lessValue":"@ax-border-meta-purple-strong","comment":"En sterk border-farge. Kan brukes som hover-state til border-default.","type":"color","rawType":"border","group":"border.meta-purple","category":"borderColor","categoryTitle":"Kantlinjefarger","role":"meta-purple","modifier":"strong"},
 {"name":"border-meta-lime","value":"var(--ax-border-meta-lime)","rawValue":"#757c00","jsValue":"BorderMetaLime","cssValue":"var(--ax-border-meta-lime)","scssValue":"$ax-border-meta-lime","lessValue":"@ax-border-meta-lime","comment":"Standard farge for border.","type":"color","rawType":"border","group":"border.meta-lime","category":"borderColor","categoryTitle":"Kantlinjefarger","role":"meta-lime","modifier":"lime"},
-{"name":"border-meta-lime-subtle","value":"var(--ax-border-meta-lime-subtle)","rawValue":"#d0dc00","jsValue":"BorderMetaLimeSubtle","cssValue":"var(--ax-border-meta-lime-subtle)","scssValue":"$ax-border-meta-lime-subtle","lessValue":"@ax-border-meta-lime-subtle","comment":"En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.","type":"color","rawType":"border","group":"border.meta-lime","category":"borderColor","categoryTitle":"Kantlinjefarger","role":"meta-lime","modifier":"subtle"},
-{"name":"border-meta-lime-subtleA","value":"var(--ax-border-meta-lime-subtleA)","rawValue":"#d0dc00","jsValue":"BorderMetaLimeSubtleA","cssValue":"var(--ax-border-meta-lime-subtleA)","scssValue":"$ax-border-meta-lime-subtleA","lessValue":"@ax-border-meta-lime-subtleA","comment":"En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.","type":"color","rawType":"border","group":"border.meta-lime","category":"borderColor","categoryTitle":"Kantlinjefarger","role":"meta-lime","modifier":"subtleA"},
+{"name":"border-meta-lime-subtle","value":"var(--ax-border-meta-lime-subtle)","rawValue":"#cfda6c","jsValue":"BorderMetaLimeSubtle","cssValue":"var(--ax-border-meta-lime-subtle)","scssValue":"$ax-border-meta-lime-subtle","lessValue":"@ax-border-meta-lime-subtle","comment":"En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.","type":"color","rawType":"border","group":"border.meta-lime","category":"borderColor","categoryTitle":"Kantlinjefarger","role":"meta-lime","modifier":"subtle"},
+{"name":"border-meta-lime-subtleA","value":"var(--ax-border-meta-lime-subtleA)","rawValue":"#acbf0093","jsValue":"BorderMetaLimeSubtleA","cssValue":"var(--ax-border-meta-lime-subtleA)","scssValue":"$ax-border-meta-lime-subtleA","lessValue":"@ax-border-meta-lime-subtleA","comment":"En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.","type":"color","rawType":"border","group":"border.meta-lime","category":"borderColor","categoryTitle":"Kantlinjefarger","role":"meta-lime","modifier":"subtleA"},
 {"name":"border-meta-lime-strong","value":"var(--ax-border-meta-lime-strong)","rawValue":"#646900","jsValue":"BorderMetaLimeStrong","cssValue":"var(--ax-border-meta-lime-strong)","scssValue":"$ax-border-meta-lime-strong","lessValue":"@ax-border-meta-lime-strong","comment":"En sterk border-farge. Kan brukes som hover-state til border-default.","type":"color","rawType":"border","group":"border.meta-lime","category":"borderColor","categoryTitle":"Kantlinjefarger","role":"meta-lime","modifier":"strong"},
 {"name":"border-focus","value":"var(--ax-border-focus)","rawValue":"#202733","jsValue":"BorderFocus","cssValue":"var(--ax-border-focus)","scssValue":"$ax-border-focus","lessValue":"@ax-border-focus","comment":"Farge på fokusmarkering.","type":"color","rawType":"border","group":"border","category":"borderColor","categoryTitle":"Kantlinjefarger","role":"root","modifier":"focus"},
 {"name":"space-0","value":"var(--ax-space-0)","rawValue":"0rem","jsValue":"Space0","cssValue":"var(--ax-space-0)","scssValue":"$ax-space-0","lessValue":"@ax-space-0","type":"global-space","rawType":"space","category":"space","categoryTitle":"Avstander","modifier":"0"},