@nordnet/design-tokens - npm Package Compare versions

Comparing version 1.7.3 to 1.8.0

dist/cjs/generated/js/a11yTheme.d.ts

@@ -60,2 +60,3 @@ export interface A11yTheme {
     icon_default: string;
+    icon_focus: string;
     icon_hover: string;
@@ -74,3 +75,5 @@ icon_data: string;
     background_strong: string;
-    background_data: string;
+    background_data_graph: string;
+    background_data_primary: string;
+    background_data_secondary: string;
     background_hover: string;
@@ -88,6 +91,9 @@ background_pressed: string;
     text_medium: string;
+    text_focus: string;
     text_hover: string;
     text_pressed: string;
+    text_data: string;
     background_default: string;
     background_weak: string;
+    background_weak_app: string;
     background_medium: string;
@@ -98,6 +104,9 @@ background_strong: string;
     background_pressed: string;
-    background_data: string;
+    background_data_risk: string;
+    background_data_primary: string;
+    background_data_secondary: string;
     background_brand: string;
     border_default: string;
     border_weak: string;
+    border_focus: string;
     border_hover: string;
@@ -117,2 +126,3 @@ border_pressed: string;
     text_strong: string;
+    text_focus: string;
     text_disabled: string;
@@ -144,4 +154,6 @@ background_default: string;
     border_strong: string;
+    border_focus: string;
     border_disabled: string;
     border_hover: string;
+    border_brand: string;
     icon_default: string;
@@ -153,5 +165,4 @@ icon_weak: string;
     icon_brand: string;
-    border_brand: string;
 }
 export declare const colors: A11yTheme;
 export {};

dist/cjs/generated/js/a11yTheme.js

@@ -11,2 +11,3 @@ "use strict";
             text_strong: "#ffffffff",
+            text_focus: "#212121ff",
             text_disabled: "#9e9e9eff",
@@ -36,6 +37,8 @@ background_default: "#ffffffff",
             border_weak_app: "#eeeeeeff",
-            border_medium: "#eeeeeeff",
-            border_strong: "#ffffffff",
-            border_disabled: "#9e9e9eff",
+            border_medium: "#e0e0e0ff",
+            border_strong: "#f5f5f5ff",
+            border_focus: "#ffffffff",
+            border_disabled: "#eeeeeeff",
             border_hover: "#6e6e6eff",
+            border_brand: "#0000001a",
             icon_default: "#212121ff",
@@ -47,3 +50,2 @@ icon_weak: "#6e6e6eff",
             icon_brand: "#212121ff",
-            border_brand: "#0000001a",
         },
@@ -53,6 +55,9 @@ action: {
             text_medium: "#336bffff",
+            text_focus: "#6690ffff",
             text_hover: "#2650bfff",
             text_pressed: "#1f4099ff",
+            text_data: "#336bffff",
             background_default: "#336bffff",
             background_weak: "#eaf0ffff",
+            background_weak_app: "#eaf0ffff",
             background_medium: "#adc4ffff",
@@ -63,6 +68,9 @@ background_strong: "#1f4099ff",
             background_pressed: "#1f4099ff",
-            background_data: "#2650bfff",
+            background_data_risk: "#2650bfff",
+            background_data_primary: "#2650bfff",
+            background_data_secondary: "#6690ffff",
             background_brand: "#00c8f5ff",
             border_default: "#336bffff",
             border_weak: "#adc4ffff",
+            border_focus: "#d6e1ffff",
             border_hover: "#2650bfff",
@@ -86,3 +94,5 @@ border_pressed: "#1f4099ff",
             background_strong: "#ac135aff",
-            background_data: "#ffaacdff",
+            background_data_graph: "#ffaacdff",
+            background_data_primary: "#cc2269ff",
+            background_data_secondary: "#ff2b83ff",
             background_hover: "#ac135aff",
@@ -109,2 +119,3 @@ background_pressed: "#78013aff",
             icon_default: "#41a21aff",
+            icon_focus: "#51cb20ff",
             icon_hover: "#368716ff",
@@ -111,0 +122,0 @@ icon_data: "#41a21aff",

dist/cjs/generated/js/darkTheme.d.ts

@@ -60,2 +60,3 @@ export interface DarkTheme {
     icon_default: string;
+    icon_focus: string;
     icon_hover: string;
@@ -73,3 +74,5 @@ icon_data: string;
     background_strong: string;
-    background_data: string;
+    background_data_graph: string;
+    background_data_primary: string;
+    background_data_secondary: string;
     background_hover: string;
@@ -88,6 +91,9 @@ background_pressed: string;
     text_medium: string;
+    text_focus: string;
     text_hover: string;
     text_pressed: string;
+    text_data: string;
     background_default: string;
     background_weak: string;
+    background_weak_app: string;
     background_medium: string;
@@ -98,6 +104,9 @@ background_strong: string;
     background_pressed: string;
-    background_data: string;
+    background_data_risk: string;
+    background_data_primary: string;
+    background_data_secondary: string;
     background_brand: string;
     border_default: string;
     border_weak: string;
+    border_focus: string;
     border_hover: string;
@@ -117,2 +126,3 @@ border_pressed: string;
     text_strong: string;
+    text_focus: string;
     text_disabled: string;
@@ -144,4 +154,6 @@ background_default: string;
     border_strong: string;
+    border_focus: string;
     border_disabled: string;
     border_hover: string;
+    border_brand: string;
     icon_default: string;
@@ -153,5 +165,4 @@ icon_weak: string;
     icon_brand: string;
-    border_brand: string;
 }
 export declare const colors: DarkTheme;
 export {};

dist/cjs/generated/js/darkTheme.js

@@ -11,2 +11,3 @@ "use strict";
             text_strong: "#ffffffff",
+            text_focus: "#212121ff",
             text_disabled: "#6e6e6eff",
@@ -37,5 +38,7 @@ background_default: "#212121ff",
             border_medium: "#424242ff",
-            border_strong: "#212121ff",
+            border_strong: "#000000ff",
+            border_focus: "#212121ff",
             border_disabled: "#424242ff",
             border_hover: "#bdbdbdff",
+            border_brand: "#ffffff26",
             icon_default: "#ffffffff",
@@ -47,3 +50,2 @@ icon_weak: "#bdbdbdff",
             icon_brand: "#212121ff",
-            border_brand: "#ffffff26",
         },
@@ -53,6 +55,9 @@ action: {
             text_medium: "#ffffffff",
+            text_focus: "#336bffff",
             text_hover: "#adc4ffff",
             text_pressed: "#d6e1ffff",
+            text_data: "#00f0e1ff",
             background_default: "#336bffff",
             background_weak: "#142b66ff",
+            background_weak_app: "#1f4099ff",
             background_medium: "#1f4099ff",
@@ -63,6 +68,9 @@ background_strong: "#1f4099ff",
             background_pressed: "#1f4099ff",
-            background_data: "#00c0b4ff",
+            background_data_risk: "#00c0b4ff",
+            background_data_primary: "#6690ffff",
+            background_data_secondary: "#2650bfff",
             background_brand: "#00c8f5ff",
             border_default: "#336bffff",
             border_weak: "#0a1533ff",
+            border_focus: "#1f4099ff",
             border_hover: "#adc4ffff",
@@ -85,3 +93,5 @@ border_pressed: "#d6e1ffff",
             background_strong: "#ac135aff",
-            background_data: "#ac135aff",
+            background_data_graph: "#ac135aff",
+            background_data_primary: "#ff2b83ff",
+            background_data_secondary: "#cc2269ff",
             background_hover: "#ac135aff",
@@ -109,2 +119,3 @@ background_pressed: "#78013aff",
             icon_default: "#51cb20ff",
+            icon_focus: "#41a21aff",
             icon_hover: "#85da62ff",
@@ -111,0 +122,0 @@ icon_data: "#336bffff",

dist/cjs/generated/js/lightTheme.d.ts

@@ -60,2 +60,3 @@ export interface LightTheme {
     icon_default: string;
+    icon_focus: string;
     icon_hover: string;
@@ -74,3 +75,5 @@ icon_data: string;
     background_strong: string;
-    background_data: string;
+    background_data_graph: string;
+    background_data_primary: string;
+    background_data_secondary: string;
     background_hover: string;
@@ -88,6 +91,9 @@ background_pressed: string;
     text_medium: string;
+    text_focus: string;
     text_hover: string;
     text_pressed: string;
+    text_data: string;
     background_default: string;
     background_weak: string;
+    background_weak_app: string;
     background_medium: string;
@@ -98,6 +104,9 @@ background_strong: string;
     background_pressed: string;
-    background_data: string;
+    background_data_risk: string;
+    background_data_primary: string;
+    background_data_secondary: string;
     background_brand: string;
     border_default: string;
     border_weak: string;
+    border_focus: string;
     border_hover: string;
@@ -117,2 +126,3 @@ border_pressed: string;
     text_strong: string;
+    text_focus: string;
     text_disabled: string;
@@ -145,4 +155,6 @@ background_default: string;
     border_strong: string;
+    border_focus: string;
     border_disabled: string;
     border_hover: string;
+    border_brand: string;
     icon_default: string;
@@ -154,5 +166,4 @@ icon_weak: string;
     icon_brand: string;
-    border_brand: string;
 }
 export declare const colors: LightTheme;
 export {};

dist/cjs/generated/js/lightTheme.js

@@ -11,2 +11,3 @@ "use strict";
             text_strong: "#ffffffff",
+            text_focus: "#212121ff",
             text_disabled: "#9e9e9eff",
@@ -36,6 +37,8 @@ background_default: "#ffffffff",
             border_weak_app: "#eeeeeeff",
-            border_medium: "#eeeeeeff",
-            border_strong: "#ffffffff",
-            border_disabled: "#bdbdbdff",
+            border_medium: "#e0e0e0ff",
+            border_strong: "#f5f5f5ff",
+            border_focus: "#ffffffff",
+            border_disabled: "#eeeeeeff",
             border_hover: "#6e6e6eff",
+            border_brand: "#0000001a",
             icon_default: "#212121ff",
@@ -47,3 +50,2 @@ icon_weak: "#6e6e6eff",
             icon_brand: "#212121ff",
-            border_brand: "#0000001a",
         },
@@ -53,6 +55,9 @@ action: {
             text_medium: "#336bffff",
+            text_focus: "#6690ffff",
             text_hover: "#2650bfff",
             text_pressed: "#1f4099ff",
+            text_data: "#336bffff",
             background_default: "#336bffff",
             background_weak: "#eaf0ffff",
+            background_weak_app: "#eaf0ffff",
             background_medium: "#adc4ffff",
@@ -63,6 +68,9 @@ background_strong: "#1f4099ff",
             background_pressed: "#1f4099ff",
-            background_data: "#2650bfff",
+            background_data_risk: "#2650bfff",
+            background_data_primary: "#2650bfff",
+            background_data_secondary: "#6690ffff",
             background_brand: "#00c8f5ff",
             border_default: "#336bffff",
             border_weak: "#adc4ffff",
+            border_focus: "#d6e1ffff",
             border_hover: "#2650bfff",
@@ -86,3 +94,5 @@ border_pressed: "#1f4099ff",
             background_strong: "#ac135aff",
-            background_data: "#ffaacdff",
+            background_data_graph: "#ffaacdff",
+            background_data_primary: "#cc2269ff",
+            background_data_secondary: "#ff2b83ff",
             background_hover: "#ac135aff",
@@ -109,2 +119,3 @@ background_pressed: "#78013aff",
             icon_default: "#41a21aff",
+            icon_focus: "#51cb20ff",
             icon_hover: "#368716ff",
@@ -111,0 +122,0 @@ icon_data: "#41a21aff",

dist/cjs/generated/json/a11yTheme.json

@@ -8,2 +8,3 @@ {
       "text_strong": "#ffffffff",
+      "text_focus": "#212121ff",
       "text_disabled": "#9e9e9eff",
@@ -33,6 +34,8 @@ "background_default": "#ffffffff",
       "border_weak_app": "#eeeeeeff",
-      "border_medium": "#eeeeeeff",
-      "border_strong": "#ffffffff",
-      "border_disabled": "#9e9e9eff",
+      "border_medium": "#e0e0e0ff",
+      "border_strong": "#f5f5f5ff",
+      "border_focus": "#ffffffff",
+      "border_disabled": "#eeeeeeff",
       "border_hover": "#6e6e6eff",
+      "border_brand": "#0000001a",
       "icon_default": "#212121ff",
@@ -43,4 +46,3 @@ "icon_weak": "#6e6e6eff",
       "icon_disabled": "#9e9e9eff",
-      "icon_brand": "#212121ff",
-      "border_brand": "#0000001a"
+      "icon_brand": "#212121ff"
     },
@@ -50,6 +52,9 @@ "action": {
       "text_medium": "#336bffff",
+      "text_focus": "#6690ffff",
       "text_hover": "#2650bfff",
       "text_pressed": "#1f4099ff",
+      "text_data": "#336bffff",
       "background_default": "#336bffff",
       "background_weak": "#eaf0ffff",
+      "background_weak_app": "#eaf0ffff",
       "background_medium": "#adc4ffff",
@@ -60,6 +65,9 @@ "background_strong": "#1f4099ff",
       "background_pressed": "#1f4099ff",
-      "background_data": "#2650bfff",
+      "background_data_risk": "#2650bfff",
+      "background_data_primary": "#2650bfff",
+      "background_data_secondary": "#6690ffff",
       "background_brand": "#00c8f5ff",
       "border_default": "#336bffff",
       "border_weak": "#adc4ffff",
+      "border_focus": "#d6e1ffff",
       "border_hover": "#2650bfff",
@@ -83,3 +91,5 @@ "border_pressed": "#1f4099ff",
       "background_strong": "#ac135aff",
-      "background_data": "#ffaacdff",
+      "background_data_graph": "#ffaacdff",
+      "background_data_primary": "#cc2269ff",
+      "background_data_secondary": "#ff2b83ff",
       "background_hover": "#ac135aff",
@@ -106,2 +116,3 @@ "background_pressed": "#78013aff",
       "icon_default": "#41a21aff",
+      "icon_focus": "#51cb20ff",
       "icon_hover": "#368716ff",
@@ -108,0 +119,0 @@ "icon_data": "#41a21aff",

dist/cjs/generated/json/darkTheme.json

@@ -8,2 +8,3 @@ {
       "text_strong": "#ffffffff",
+      "text_focus": "#212121ff",
       "text_disabled": "#6e6e6eff",
@@ -34,5 +35,7 @@ "background_default": "#212121ff",
       "border_medium": "#424242ff",
-      "border_strong": "#212121ff",
+      "border_strong": "#000000ff",
+      "border_focus": "#212121ff",
       "border_disabled": "#424242ff",
       "border_hover": "#bdbdbdff",
+      "border_brand": "#ffffff26",
       "icon_default": "#ffffffff",
@@ -43,4 +46,3 @@ "icon_weak": "#bdbdbdff",
       "icon_disabled": "#6e6e6eff",
-      "icon_brand": "#212121ff",
-      "border_brand": "#ffffff26"
+      "icon_brand": "#212121ff"
     },
@@ -50,6 +52,9 @@ "action": {
       "text_medium": "#ffffffff",
+      "text_focus": "#336bffff",
       "text_hover": "#adc4ffff",
       "text_pressed": "#d6e1ffff",
+      "text_data": "#00f0e1ff",
       "background_default": "#336bffff",
       "background_weak": "#142b66ff",
+      "background_weak_app": "#1f4099ff",
       "background_medium": "#1f4099ff",
@@ -60,6 +65,9 @@ "background_strong": "#1f4099ff",
       "background_pressed": "#1f4099ff",
-      "background_data": "#00c0b4ff",
+      "background_data_risk": "#00c0b4ff",
+      "background_data_primary": "#6690ffff",
+      "background_data_secondary": "#2650bfff",
       "background_brand": "#00c8f5ff",
       "border_default": "#336bffff",
       "border_weak": "#0a1533ff",
+      "border_focus": "#1f4099ff",
       "border_hover": "#adc4ffff",
@@ -82,3 +90,5 @@ "border_pressed": "#d6e1ffff",
       "background_strong": "#ac135aff",
-      "background_data": "#ac135aff",
+      "background_data_graph": "#ac135aff",
+      "background_data_primary": "#ff2b83ff",
+      "background_data_secondary": "#cc2269ff",
       "background_hover": "#ac135aff",
@@ -106,2 +116,3 @@ "background_pressed": "#78013aff",
       "icon_default": "#51cb20ff",
+      "icon_focus": "#41a21aff",
       "icon_hover": "#85da62ff",
@@ -108,0 +119,0 @@ "icon_data": "#336bffff",

dist/cjs/generated/json/lightTheme.json

@@ -8,2 +8,3 @@ {
       "text_strong": "#ffffffff",
+      "text_focus": "#212121ff",
       "text_disabled": "#9e9e9eff",
@@ -33,6 +34,8 @@ "background_default": "#ffffffff",
       "border_weak_app": "#eeeeeeff",
-      "border_medium": "#eeeeeeff",
-      "border_strong": "#ffffffff",
-      "border_disabled": "#bdbdbdff",
+      "border_medium": "#e0e0e0ff",
+      "border_strong": "#f5f5f5ff",
+      "border_focus": "#ffffffff",
+      "border_disabled": "#eeeeeeff",
       "border_hover": "#6e6e6eff",
+      "border_brand": "#0000001a",
       "icon_default": "#212121ff",
@@ -43,4 +46,3 @@ "icon_weak": "#6e6e6eff",
       "icon_disabled": "#9e9e9eff",
-      "icon_brand": "#212121ff",
-      "border_brand": "#0000001a"
+      "icon_brand": "#212121ff"
     },
@@ -50,6 +52,9 @@ "action": {
       "text_medium": "#336bffff",
+      "text_focus": "#6690ffff",
       "text_hover": "#2650bfff",
       "text_pressed": "#1f4099ff",
+      "text_data": "#336bffff",
       "background_default": "#336bffff",
       "background_weak": "#eaf0ffff",
+      "background_weak_app": "#eaf0ffff",
       "background_medium": "#adc4ffff",
@@ -60,6 +65,9 @@ "background_strong": "#1f4099ff",
       "background_pressed": "#1f4099ff",
-      "background_data": "#2650bfff",
+      "background_data_risk": "#2650bfff",
+      "background_data_primary": "#2650bfff",
+      "background_data_secondary": "#6690ffff",
       "background_brand": "#00c8f5ff",
       "border_default": "#336bffff",
       "border_weak": "#adc4ffff",
+      "border_focus": "#d6e1ffff",
       "border_hover": "#2650bfff",
@@ -83,3 +91,5 @@ "border_pressed": "#1f4099ff",
       "background_strong": "#ac135aff",
-      "background_data": "#ffaacdff",
+      "background_data_graph": "#ffaacdff",
+      "background_data_primary": "#cc2269ff",
+      "background_data_secondary": "#ff2b83ff",
       "background_hover": "#ac135aff",
@@ -106,2 +116,3 @@ "background_pressed": "#78013aff",
       "icon_default": "#41a21aff",
+      "icon_focus": "#51cb20ff",
       "icon_hover": "#368716ff",
@@ -108,0 +119,0 @@ "icon_data": "#41a21aff",

dist/esm/generated/js/a11yTheme.d.ts

@@ -60,2 +60,3 @@ export interface A11yTheme {
     icon_default: string;
+    icon_focus: string;
     icon_hover: string;
@@ -74,3 +75,5 @@ icon_data: string;
     background_strong: string;
-    background_data: string;
+    background_data_graph: string;
+    background_data_primary: string;
+    background_data_secondary: string;
     background_hover: string;
@@ -88,6 +91,9 @@ background_pressed: string;
     text_medium: string;
+    text_focus: string;
     text_hover: string;
     text_pressed: string;
+    text_data: string;
     background_default: string;
     background_weak: string;
+    background_weak_app: string;
     background_medium: string;
@@ -98,6 +104,9 @@ background_strong: string;
     background_pressed: string;
-    background_data: string;
+    background_data_risk: string;
+    background_data_primary: string;
+    background_data_secondary: string;
     background_brand: string;
     border_default: string;
     border_weak: string;
+    border_focus: string;
     border_hover: string;
@@ -117,2 +126,3 @@ border_pressed: string;
     text_strong: string;
+    text_focus: string;
     text_disabled: string;
@@ -144,4 +154,6 @@ background_default: string;
     border_strong: string;
+    border_focus: string;
     border_disabled: string;
     border_hover: string;
+    border_brand: string;
     icon_default: string;
@@ -153,5 +165,4 @@ icon_weak: string;
     icon_brand: string;
-    border_brand: string;
 }
 export declare const colors: A11yTheme;
 export {};

dist/esm/generated/js/a11yTheme.js

@@ -8,2 +8,3 @@ export const colors = {
             text_strong: "#ffffffff",
+            text_focus: "#212121ff",
             text_disabled: "#9e9e9eff",
@@ -33,6 +34,8 @@ background_default: "#ffffffff",
             border_weak_app: "#eeeeeeff",
-            border_medium: "#eeeeeeff",
-            border_strong: "#ffffffff",
-            border_disabled: "#9e9e9eff",
+            border_medium: "#e0e0e0ff",
+            border_strong: "#f5f5f5ff",
+            border_focus: "#ffffffff",
+            border_disabled: "#eeeeeeff",
             border_hover: "#6e6e6eff",
+            border_brand: "#0000001a",
             icon_default: "#212121ff",
@@ -44,3 +47,2 @@ icon_weak: "#6e6e6eff",
             icon_brand: "#212121ff",
-            border_brand: "#0000001a",
         },
@@ -50,6 +52,9 @@ action: {
             text_medium: "#336bffff",
+            text_focus: "#6690ffff",
             text_hover: "#2650bfff",
             text_pressed: "#1f4099ff",
+            text_data: "#336bffff",
             background_default: "#336bffff",
             background_weak: "#eaf0ffff",
+            background_weak_app: "#eaf0ffff",
             background_medium: "#adc4ffff",
@@ -60,6 +65,9 @@ background_strong: "#1f4099ff",
             background_pressed: "#1f4099ff",
-            background_data: "#2650bfff",
+            background_data_risk: "#2650bfff",
+            background_data_primary: "#2650bfff",
+            background_data_secondary: "#6690ffff",
             background_brand: "#00c8f5ff",
             border_default: "#336bffff",
             border_weak: "#adc4ffff",
+            border_focus: "#d6e1ffff",
             border_hover: "#2650bfff",
@@ -83,3 +91,5 @@ border_pressed: "#1f4099ff",
             background_strong: "#ac135aff",
-            background_data: "#ffaacdff",
+            background_data_graph: "#ffaacdff",
+            background_data_primary: "#cc2269ff",
+            background_data_secondary: "#ff2b83ff",
             background_hover: "#ac135aff",
@@ -106,2 +116,3 @@ background_pressed: "#78013aff",
             icon_default: "#41a21aff",
+            icon_focus: "#51cb20ff",
             icon_hover: "#368716ff",
@@ -108,0 +119,0 @@ icon_data: "#41a21aff",

dist/esm/generated/js/darkTheme.d.ts

@@ -60,2 +60,3 @@ export interface DarkTheme {
     icon_default: string;
+    icon_focus: string;
     icon_hover: string;
@@ -73,3 +74,5 @@ icon_data: string;
     background_strong: string;
-    background_data: string;
+    background_data_graph: string;
+    background_data_primary: string;
+    background_data_secondary: string;
     background_hover: string;
@@ -88,6 +91,9 @@ background_pressed: string;
     text_medium: string;
+    text_focus: string;
     text_hover: string;
     text_pressed: string;
+    text_data: string;
     background_default: string;
     background_weak: string;
+    background_weak_app: string;
     background_medium: string;
@@ -98,6 +104,9 @@ background_strong: string;
     background_pressed: string;
-    background_data: string;
+    background_data_risk: string;
+    background_data_primary: string;
+    background_data_secondary: string;
     background_brand: string;
     border_default: string;
     border_weak: string;
+    border_focus: string;
     border_hover: string;
@@ -117,2 +126,3 @@ border_pressed: string;
     text_strong: string;
+    text_focus: string;
     text_disabled: string;
@@ -144,4 +154,6 @@ background_default: string;
     border_strong: string;
+    border_focus: string;
     border_disabled: string;
     border_hover: string;
+    border_brand: string;
     icon_default: string;
@@ -153,5 +165,4 @@ icon_weak: string;
     icon_brand: string;
-    border_brand: string;
 }
 export declare const colors: DarkTheme;
 export {};

dist/esm/generated/js/darkTheme.js

@@ -8,2 +8,3 @@ export const colors = {
             text_strong: "#ffffffff",
+            text_focus: "#212121ff",
             text_disabled: "#6e6e6eff",
@@ -34,5 +35,7 @@ background_default: "#212121ff",
             border_medium: "#424242ff",
-            border_strong: "#212121ff",
+            border_strong: "#000000ff",
+            border_focus: "#212121ff",
             border_disabled: "#424242ff",
             border_hover: "#bdbdbdff",
+            border_brand: "#ffffff26",
             icon_default: "#ffffffff",
@@ -44,3 +47,2 @@ icon_weak: "#bdbdbdff",
             icon_brand: "#212121ff",
-            border_brand: "#ffffff26",
         },
@@ -50,6 +52,9 @@ action: {
             text_medium: "#ffffffff",
+            text_focus: "#336bffff",
             text_hover: "#adc4ffff",
             text_pressed: "#d6e1ffff",
+            text_data: "#00f0e1ff",
             background_default: "#336bffff",
             background_weak: "#142b66ff",
+            background_weak_app: "#1f4099ff",
             background_medium: "#1f4099ff",
@@ -60,6 +65,9 @@ background_strong: "#1f4099ff",
             background_pressed: "#1f4099ff",
-            background_data: "#00c0b4ff",
+            background_data_risk: "#00c0b4ff",
+            background_data_primary: "#6690ffff",
+            background_data_secondary: "#2650bfff",
             background_brand: "#00c8f5ff",
             border_default: "#336bffff",
             border_weak: "#0a1533ff",
+            border_focus: "#1f4099ff",
             border_hover: "#adc4ffff",
@@ -82,3 +90,5 @@ border_pressed: "#d6e1ffff",
             background_strong: "#ac135aff",
-            background_data: "#ac135aff",
+            background_data_graph: "#ac135aff",
+            background_data_primary: "#ff2b83ff",
+            background_data_secondary: "#cc2269ff",
             background_hover: "#ac135aff",
@@ -106,2 +116,3 @@ background_pressed: "#78013aff",
             icon_default: "#51cb20ff",
+            icon_focus: "#41a21aff",
             icon_hover: "#85da62ff",
@@ -108,0 +119,0 @@ icon_data: "#336bffff",

dist/esm/generated/js/lightTheme.d.ts

@@ -60,2 +60,3 @@ export interface LightTheme {
     icon_default: string;
+    icon_focus: string;
     icon_hover: string;
@@ -74,3 +75,5 @@ icon_data: string;
     background_strong: string;
-    background_data: string;
+    background_data_graph: string;
+    background_data_primary: string;
+    background_data_secondary: string;
     background_hover: string;
@@ -88,6 +91,9 @@ background_pressed: string;
     text_medium: string;
+    text_focus: string;
     text_hover: string;
     text_pressed: string;
+    text_data: string;
     background_default: string;
     background_weak: string;
+    background_weak_app: string;
     background_medium: string;
@@ -98,6 +104,9 @@ background_strong: string;
     background_pressed: string;
-    background_data: string;
+    background_data_risk: string;
+    background_data_primary: string;
+    background_data_secondary: string;
     background_brand: string;
     border_default: string;
     border_weak: string;
+    border_focus: string;
     border_hover: string;
@@ -117,2 +126,3 @@ border_pressed: string;
     text_strong: string;
+    text_focus: string;
     text_disabled: string;
@@ -145,4 +155,6 @@ background_default: string;
     border_strong: string;
+    border_focus: string;
     border_disabled: string;
     border_hover: string;
+    border_brand: string;
     icon_default: string;
@@ -154,5 +166,4 @@ icon_weak: string;
     icon_brand: string;
-    border_brand: string;
 }
 export declare const colors: LightTheme;
 export {};

dist/esm/generated/js/lightTheme.js

@@ -8,2 +8,3 @@ export const colors = {
             text_strong: "#ffffffff",
+            text_focus: "#212121ff",
             text_disabled: "#9e9e9eff",
@@ -33,6 +34,8 @@ background_default: "#ffffffff",
             border_weak_app: "#eeeeeeff",
-            border_medium: "#eeeeeeff",
-            border_strong: "#ffffffff",
-            border_disabled: "#bdbdbdff",
+            border_medium: "#e0e0e0ff",
+            border_strong: "#f5f5f5ff",
+            border_focus: "#ffffffff",
+            border_disabled: "#eeeeeeff",
             border_hover: "#6e6e6eff",
+            border_brand: "#0000001a",
             icon_default: "#212121ff",
@@ -44,3 +47,2 @@ icon_weak: "#6e6e6eff",
             icon_brand: "#212121ff",
-            border_brand: "#0000001a",
         },
@@ -50,6 +52,9 @@ action: {
             text_medium: "#336bffff",
+            text_focus: "#6690ffff",
             text_hover: "#2650bfff",
             text_pressed: "#1f4099ff",
+            text_data: "#336bffff",
             background_default: "#336bffff",
             background_weak: "#eaf0ffff",
+            background_weak_app: "#eaf0ffff",
             background_medium: "#adc4ffff",
@@ -60,6 +65,9 @@ background_strong: "#1f4099ff",
             background_pressed: "#1f4099ff",
-            background_data: "#2650bfff",
+            background_data_risk: "#2650bfff",
+            background_data_primary: "#2650bfff",
+            background_data_secondary: "#6690ffff",
             background_brand: "#00c8f5ff",
             border_default: "#336bffff",
             border_weak: "#adc4ffff",
+            border_focus: "#d6e1ffff",
             border_hover: "#2650bfff",
@@ -83,3 +91,5 @@ border_pressed: "#1f4099ff",
             background_strong: "#ac135aff",
-            background_data: "#ffaacdff",
+            background_data_graph: "#ffaacdff",
+            background_data_primary: "#cc2269ff",
+            background_data_secondary: "#ff2b83ff",
             background_hover: "#ac135aff",
@@ -106,2 +116,3 @@ background_pressed: "#78013aff",
             icon_default: "#41a21aff",
+            icon_focus: "#51cb20ff",
             icon_hover: "#368716ff",
@@ -108,0 +119,0 @@ icon_data: "#41a21aff",

dist/esm/generated/json/a11yTheme.json

@@ -8,2 +8,3 @@ {
       "text_strong": "#ffffffff",
+      "text_focus": "#212121ff",
       "text_disabled": "#9e9e9eff",
@@ -33,6 +34,8 @@ "background_default": "#ffffffff",
       "border_weak_app": "#eeeeeeff",
-      "border_medium": "#eeeeeeff",
-      "border_strong": "#ffffffff",
-      "border_disabled": "#9e9e9eff",
+      "border_medium": "#e0e0e0ff",
+      "border_strong": "#f5f5f5ff",
+      "border_focus": "#ffffffff",
+      "border_disabled": "#eeeeeeff",
       "border_hover": "#6e6e6eff",
+      "border_brand": "#0000001a",
       "icon_default": "#212121ff",
@@ -43,4 +46,3 @@ "icon_weak": "#6e6e6eff",
       "icon_disabled": "#9e9e9eff",
-      "icon_brand": "#212121ff",
-      "border_brand": "#0000001a"
+      "icon_brand": "#212121ff"
     },
@@ -50,6 +52,9 @@ "action": {
       "text_medium": "#336bffff",
+      "text_focus": "#6690ffff",
       "text_hover": "#2650bfff",
       "text_pressed": "#1f4099ff",
+      "text_data": "#336bffff",
       "background_default": "#336bffff",
       "background_weak": "#eaf0ffff",
+      "background_weak_app": "#eaf0ffff",
       "background_medium": "#adc4ffff",
@@ -60,6 +65,9 @@ "background_strong": "#1f4099ff",
       "background_pressed": "#1f4099ff",
-      "background_data": "#2650bfff",
+      "background_data_risk": "#2650bfff",
+      "background_data_primary": "#2650bfff",
+      "background_data_secondary": "#6690ffff",
       "background_brand": "#00c8f5ff",
       "border_default": "#336bffff",
       "border_weak": "#adc4ffff",
+      "border_focus": "#d6e1ffff",
       "border_hover": "#2650bfff",
@@ -83,3 +91,5 @@ "border_pressed": "#1f4099ff",
       "background_strong": "#ac135aff",
-      "background_data": "#ffaacdff",
+      "background_data_graph": "#ffaacdff",
+      "background_data_primary": "#cc2269ff",
+      "background_data_secondary": "#ff2b83ff",
       "background_hover": "#ac135aff",
@@ -106,2 +116,3 @@ "background_pressed": "#78013aff",
       "icon_default": "#41a21aff",
+      "icon_focus": "#51cb20ff",
       "icon_hover": "#368716ff",
@@ -108,0 +119,0 @@ "icon_data": "#41a21aff",

dist/esm/generated/json/darkTheme.json

@@ -8,2 +8,3 @@ {
       "text_strong": "#ffffffff",
+      "text_focus": "#212121ff",
       "text_disabled": "#6e6e6eff",
@@ -34,5 +35,7 @@ "background_default": "#212121ff",
       "border_medium": "#424242ff",
-      "border_strong": "#212121ff",
+      "border_strong": "#000000ff",
+      "border_focus": "#212121ff",
       "border_disabled": "#424242ff",
       "border_hover": "#bdbdbdff",
+      "border_brand": "#ffffff26",
       "icon_default": "#ffffffff",
@@ -43,4 +46,3 @@ "icon_weak": "#bdbdbdff",
       "icon_disabled": "#6e6e6eff",
-      "icon_brand": "#212121ff",
-      "border_brand": "#ffffff26"
+      "icon_brand": "#212121ff"
     },
@@ -50,6 +52,9 @@ "action": {
       "text_medium": "#ffffffff",
+      "text_focus": "#336bffff",
       "text_hover": "#adc4ffff",
       "text_pressed": "#d6e1ffff",
+      "text_data": "#00f0e1ff",
       "background_default": "#336bffff",
       "background_weak": "#142b66ff",
+      "background_weak_app": "#1f4099ff",
       "background_medium": "#1f4099ff",
@@ -60,6 +65,9 @@ "background_strong": "#1f4099ff",
       "background_pressed": "#1f4099ff",
-      "background_data": "#00c0b4ff",
+      "background_data_risk": "#00c0b4ff",
+      "background_data_primary": "#6690ffff",
+      "background_data_secondary": "#2650bfff",
       "background_brand": "#00c8f5ff",
       "border_default": "#336bffff",
       "border_weak": "#0a1533ff",
+      "border_focus": "#1f4099ff",
       "border_hover": "#adc4ffff",
@@ -82,3 +90,5 @@ "border_pressed": "#d6e1ffff",
       "background_strong": "#ac135aff",
-      "background_data": "#ac135aff",
+      "background_data_graph": "#ac135aff",
+      "background_data_primary": "#ff2b83ff",
+      "background_data_secondary": "#cc2269ff",
       "background_hover": "#ac135aff",
@@ -106,2 +116,3 @@ "background_pressed": "#78013aff",
       "icon_default": "#51cb20ff",
+      "icon_focus": "#41a21aff",
       "icon_hover": "#85da62ff",
@@ -108,0 +119,0 @@ "icon_data": "#336bffff",

dist/esm/generated/json/lightTheme.json

@@ -8,2 +8,3 @@ {
       "text_strong": "#ffffffff",
+      "text_focus": "#212121ff",
       "text_disabled": "#9e9e9eff",
@@ -33,6 +34,8 @@ "background_default": "#ffffffff",
       "border_weak_app": "#eeeeeeff",
-      "border_medium": "#eeeeeeff",
-      "border_strong": "#ffffffff",
-      "border_disabled": "#bdbdbdff",
+      "border_medium": "#e0e0e0ff",
+      "border_strong": "#f5f5f5ff",
+      "border_focus": "#ffffffff",
+      "border_disabled": "#eeeeeeff",
       "border_hover": "#6e6e6eff",
+      "border_brand": "#0000001a",
       "icon_default": "#212121ff",
@@ -43,4 +46,3 @@ "icon_weak": "#6e6e6eff",
       "icon_disabled": "#9e9e9eff",
-      "icon_brand": "#212121ff",
-      "border_brand": "#0000001a"
+      "icon_brand": "#212121ff"
     },
@@ -50,6 +52,9 @@ "action": {
       "text_medium": "#336bffff",
+      "text_focus": "#6690ffff",
       "text_hover": "#2650bfff",
       "text_pressed": "#1f4099ff",
+      "text_data": "#336bffff",
       "background_default": "#336bffff",
       "background_weak": "#eaf0ffff",
+      "background_weak_app": "#eaf0ffff",
       "background_medium": "#adc4ffff",
@@ -60,6 +65,9 @@ "background_strong": "#1f4099ff",
       "background_pressed": "#1f4099ff",
-      "background_data": "#2650bfff",
+      "background_data_risk": "#2650bfff",
+      "background_data_primary": "#2650bfff",
+      "background_data_secondary": "#6690ffff",
       "background_brand": "#00c8f5ff",
       "border_default": "#336bffff",
       "border_weak": "#adc4ffff",
+      "border_focus": "#d6e1ffff",
       "border_hover": "#2650bfff",
@@ -83,3 +91,5 @@ "border_pressed": "#1f4099ff",
       "background_strong": "#ac135aff",
-      "background_data": "#ffaacdff",
+      "background_data_graph": "#ffaacdff",
+      "background_data_primary": "#cc2269ff",
+      "background_data_secondary": "#ff2b83ff",
       "background_hover": "#ac135aff",
@@ -106,2 +116,3 @@ "background_pressed": "#78013aff",
       "icon_default": "#41a21aff",
+      "icon_focus": "#51cb20ff",
       "icon_hover": "#368716ff",
@@ -108,0 +119,0 @@ "icon_data": "#41a21aff",

package.json

 {
   "name": "@nordnet/design-tokens",
-  "version": "1.7.3",
+  "version": "1.8.0",
   "description": "",
@@ -5,0 +5,0 @@ "engines": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

132945

increased by8.71%

Lines of code

3616

increased by7.88%

No dependency changes