@nordnet/design-tokens
Advanced tools
Comparing version 2.0.1 to 2.1.0
@@ -95,3 +95,2 @@ export interface A11yTheme { | ||
background_weak: string; | ||
background_weak_app: string; | ||
background_medium: string; | ||
@@ -103,2 +102,3 @@ background_strong: string; | ||
background_data_risk: string; | ||
background_data_allocation: string; | ||
background_data_primary: string; | ||
@@ -127,5 +127,3 @@ background_data_secondary: string; | ||
background_default: string; | ||
background_default_app: string; | ||
background_weak: string; | ||
background_weak_app: string; | ||
background_medium: string; | ||
@@ -135,3 +133,2 @@ background_strong: string; | ||
background_disabled: string; | ||
background_disabled_app: string; | ||
background_skeleton: string; | ||
@@ -146,9 +143,8 @@ background_active: string; | ||
background_brand_white: string; | ||
background_content: string; | ||
background_overlay: string; | ||
border_default: string; | ||
border_weak: string; | ||
border_weak_app: string; | ||
border_medium: string; | ||
border_strong: string; | ||
border_active: string; | ||
border_focus: string; | ||
@@ -155,0 +151,0 @@ border_disabled: string; |
@@ -7,20 +7,17 @@ "use strict"; | ||
neutral: { | ||
text_default: "#212121ff", | ||
text_default: "#1c1c1cff", | ||
text_weak: "#6e6e6eff", | ||
text_medium: "#ffffffff", | ||
text_strong: "#ffffffff", | ||
text_focus: "#212121ff", | ||
text_focus: "#1c1c1cff", | ||
text_disabled: "#9e9e9eff", | ||
background_default: "#ffffffff", | ||
background_default_app: "#ffffffff", | ||
background_weak: "#f5f5f5ff", | ||
background_weak_app: "#f5f5f5ff", | ||
background_weak: "#ffffffff", | ||
background_medium: "#f5f5f5ff", | ||
background_strong: "#e0e0e0ff", | ||
background_strong: "#ffffffff", | ||
background_hover: "#f5f5f5ff", | ||
background_disabled: "#eeeeeeff", | ||
background_disabled_app: "#eeeeeeff", | ||
background_skeleton: "#eeeeeeff", | ||
background_active: "#ffffffff", | ||
background_inactive: "#424242ff", | ||
background_inactive: "#e0e0e0ff", | ||
background_focus: "#212121ff", | ||
@@ -32,9 +29,8 @@ background_focus_hover: "#424242ff", | ||
background_brand_white: "#ffffffff", | ||
background_content: "#ffffffff", | ||
background_overlay: "#00000066", | ||
border_default: "#bdbdbdff", | ||
border_weak: "#eeeeeeff", | ||
border_weak_app: "#eeeeeeff", | ||
border_medium: "#e0e0e0ff", | ||
border_strong: "#f5f5f5ff", | ||
border_medium: "#eeeeeeff", | ||
border_strong: "#e0e0e0ff", | ||
border_active: "#1c1c1cff", | ||
border_focus: "#ffffffff", | ||
@@ -44,3 +40,3 @@ border_disabled: "#eeeeeeff", | ||
border_brand: "#0000001a", | ||
icon_default: "#212121ff", | ||
icon_default: "#1c1c1cff", | ||
icon_weak: "#6e6e6eff", | ||
@@ -50,3 +46,3 @@ icon_medium: "#ffffffff", | ||
icon_disabled: "#9e9e9eff", | ||
icon_brand: "#212121ff", | ||
icon_brand: "#1c1c1cff", | ||
}, | ||
@@ -62,3 +58,2 @@ action: { | ||
background_weak: "#eaf0ffff", | ||
background_weak_app: "#eaf0ffff", | ||
background_medium: "#adc4ffff", | ||
@@ -70,2 +65,3 @@ background_strong: "#1f4099ff", | ||
background_data_risk: "#2650bfff", | ||
background_data_allocation: "#eaf0ffff", | ||
background_data_primary: "#2650bfff", | ||
@@ -72,0 +68,0 @@ background_data_secondary: "#6690ffff", |
@@ -95,3 +95,2 @@ export interface DarkTheme { | ||
background_weak: string; | ||
background_weak_app: string; | ||
background_medium: string; | ||
@@ -103,2 +102,3 @@ background_strong: string; | ||
background_data_risk: string; | ||
background_data_allocation: string; | ||
background_data_primary: string; | ||
@@ -127,5 +127,3 @@ background_data_secondary: string; | ||
background_default: string; | ||
background_default_app: string; | ||
background_weak: string; | ||
background_weak_app: string; | ||
background_medium: string; | ||
@@ -135,3 +133,2 @@ background_strong: string; | ||
background_disabled: string; | ||
background_disabled_app: string; | ||
background_skeleton: string; | ||
@@ -146,9 +143,8 @@ background_active: string; | ||
background_brand_white: string; | ||
background_content: string; | ||
background_overlay: string; | ||
border_default: string; | ||
border_weak: string; | ||
border_weak_app: string; | ||
border_medium: string; | ||
border_strong: string; | ||
border_active: string; | ||
border_focus: string; | ||
@@ -155,0 +151,0 @@ border_disabled: string; |
@@ -13,14 +13,11 @@ "use strict"; | ||
text_disabled: "#6e6e6eff", | ||
background_default: "#212121ff", | ||
background_default_app: "#121212ff", | ||
background_default: "#1c1c1cff", | ||
background_weak: "#121212ff", | ||
background_weak_app: "#212121ff", | ||
background_medium: "#424242ff", | ||
background_strong: "#424242ff", | ||
background_hover: "#42424280", | ||
background_disabled: "#121212ff", | ||
background_disabled_app: "#212121ff", | ||
background_skeleton: "#424242ff", | ||
background_active: "#424242ff", | ||
background_inactive: "#424242ff", | ||
background_medium: "#262626ff", | ||
background_strong: "#333333ff", | ||
background_hover: "#33333380", | ||
background_disabled: "#333333ff", | ||
background_skeleton: "#333333ff", | ||
background_active: "#262626ff", | ||
background_inactive: "#333333ff", | ||
background_focus: "#ffffffff", | ||
@@ -32,11 +29,10 @@ background_focus_hover: "#f5f5f5ff", | ||
background_brand_white: "#ffffffff", | ||
background_content: "#000000ff", | ||
background_overlay: "#00000099", | ||
border_default: "#6e6e6eff", | ||
border_weak: "#121212ff", | ||
border_weak_app: "#212121ff", | ||
border_medium: "#424242ff", | ||
border_strong: "#000000ff", | ||
border_focus: "#212121ff", | ||
border_disabled: "#424242ff", | ||
border_weak: "#262626ff", | ||
border_medium: "#333333ff", | ||
border_strong: "#333333ff", | ||
border_active: "#ffffffff", | ||
border_focus: "#1c1c1cff", | ||
border_disabled: "#333333ff", | ||
border_hover: "#bdbdbdff", | ||
@@ -46,6 +42,6 @@ border_brand: "#ffffff26", | ||
icon_weak: "#bdbdbdff", | ||
icon_medium: "#212121ff", | ||
icon_medium: "#1c1c1cff", | ||
icon_strong: "#ffffffff", | ||
icon_disabled: "#6e6e6eff", | ||
icon_brand: "#212121ff", | ||
icon_brand: "#1c1c1cff", | ||
}, | ||
@@ -61,3 +57,2 @@ action: { | ||
background_weak: "#142b66ff", | ||
background_weak_app: "#1f4099ff", | ||
background_medium: "#1f4099ff", | ||
@@ -69,2 +64,3 @@ background_strong: "#1f4099ff", | ||
background_data_risk: "#00c0b4ff", | ||
background_data_allocation: "#1f4099ff", | ||
background_data_primary: "#6690ffff", | ||
@@ -75,3 +71,3 @@ background_data_secondary: "#2650bfff", | ||
border_weak: "#0a1533ff", | ||
border_focus: "#1f4099ff", | ||
border_focus: "#2650bfff", | ||
border_hover: "#adc4ffff", | ||
@@ -78,0 +74,0 @@ border_pressed: "#d6e1ffff", |
@@ -95,3 +95,2 @@ export interface LightTheme { | ||
background_weak: string; | ||
background_weak_app: string; | ||
background_medium: string; | ||
@@ -103,2 +102,3 @@ background_strong: string; | ||
background_data_risk: string; | ||
background_data_allocation: string; | ||
background_data_primary: string; | ||
@@ -127,5 +127,3 @@ background_data_secondary: string; | ||
background_default: string; | ||
background_default_app: string; | ||
background_weak: string; | ||
background_weak_app: string; | ||
background_medium: string; | ||
@@ -135,3 +133,2 @@ background_strong: string; | ||
background_disabled: string; | ||
background_disabled_app: string; | ||
/** @deprecated */ | ||
@@ -147,9 +144,8 @@ background_skeleton: string; | ||
background_brand_white: string; | ||
background_content: string; | ||
background_overlay: string; | ||
border_default: string; | ||
border_weak: string; | ||
border_weak_app: string; | ||
border_medium: string; | ||
border_strong: string; | ||
border_active: string; | ||
border_focus: string; | ||
@@ -156,0 +152,0 @@ border_disabled: string; |
@@ -7,20 +7,17 @@ "use strict"; | ||
neutral: { | ||
text_default: "#212121ff", | ||
text_default: "#1c1c1cff", | ||
text_weak: "#6e6e6eff", | ||
text_medium: "#ffffffff", | ||
text_strong: "#ffffffff", | ||
text_focus: "#212121ff", | ||
text_focus: "#1c1c1cff", | ||
text_disabled: "#9e9e9eff", | ||
background_default: "#ffffffff", | ||
background_default_app: "#ffffffff", | ||
background_weak: "#f5f5f5ff", | ||
background_weak_app: "#f5f5f5ff", | ||
background_weak: "#ffffffff", | ||
background_medium: "#f5f5f5ff", | ||
background_strong: "#e0e0e0ff", | ||
background_strong: "#f5f5f5ff", | ||
background_hover: "#f5f5f5ff", | ||
background_disabled: "#eeeeeeff", | ||
background_disabled_app: "#eeeeeeff", | ||
background_skeleton: "#eeeeeeff", | ||
background_active: "#ffffffff", | ||
background_inactive: "#424242ff", | ||
background_inactive: "#e0e0e0ff", | ||
background_focus: "#212121ff", | ||
@@ -32,9 +29,8 @@ background_focus_hover: "#424242ff", | ||
background_brand_white: "#ffffffff", | ||
background_content: "#ffffffff", | ||
background_overlay: "#00000066", | ||
border_default: "#bdbdbdff", | ||
border_weak: "#eeeeeeff", | ||
border_weak_app: "#eeeeeeff", | ||
border_medium: "#e0e0e0ff", | ||
border_strong: "#f5f5f5ff", | ||
border_medium: "#eeeeeeff", | ||
border_strong: "#e0e0e0ff", | ||
border_active: "#1c1c1cff", | ||
border_focus: "#ffffffff", | ||
@@ -44,3 +40,3 @@ border_disabled: "#eeeeeeff", | ||
border_brand: "#0000001a", | ||
icon_default: "#212121ff", | ||
icon_default: "#1c1c1cff", | ||
icon_weak: "#6e6e6eff", | ||
@@ -50,3 +46,3 @@ icon_medium: "#ffffffff", | ||
icon_disabled: "#9e9e9eff", | ||
icon_brand: "#212121ff", | ||
icon_brand: "#1c1c1cff", | ||
}, | ||
@@ -62,3 +58,2 @@ action: { | ||
background_weak: "#eaf0ffff", | ||
background_weak_app: "#eaf0ffff", | ||
background_medium: "#adc4ffff", | ||
@@ -70,2 +65,3 @@ background_strong: "#1f4099ff", | ||
background_data_risk: "#2650bfff", | ||
background_data_allocation: "#eaf0ffff", | ||
background_data_primary: "#2650bfff", | ||
@@ -72,0 +68,0 @@ background_data_secondary: "#6690ffff", |
{ | ||
"color": { | ||
"neutral": { | ||
"text_default": "#212121ff", | ||
"text_default": "#1c1c1cff", | ||
"text_weak": "#6e6e6eff", | ||
"text_medium": "#ffffffff", | ||
"text_strong": "#ffffffff", | ||
"text_focus": "#212121ff", | ||
"text_focus": "#1c1c1cff", | ||
"text_disabled": "#9e9e9eff", | ||
"background_default": "#ffffffff", | ||
"background_default_app": "#ffffffff", | ||
"background_weak": "#f5f5f5ff", | ||
"background_weak_app": "#f5f5f5ff", | ||
"background_weak": "#ffffffff", | ||
"background_medium": "#f5f5f5ff", | ||
"background_strong": "#e0e0e0ff", | ||
"background_strong": "#ffffffff", | ||
"background_hover": "#f5f5f5ff", | ||
"background_disabled": "#eeeeeeff", | ||
"background_disabled_app": "#eeeeeeff", | ||
"background_skeleton": "#eeeeeeff", | ||
"background_active": "#ffffffff", | ||
"background_inactive": "#424242ff", | ||
"background_inactive": "#e0e0e0ff", | ||
"background_focus": "#212121ff", | ||
@@ -28,9 +25,8 @@ "background_focus_hover": "#424242ff", | ||
"background_brand_white": "#ffffffff", | ||
"background_content": "#ffffffff", | ||
"background_overlay": "#00000066", | ||
"border_default": "#bdbdbdff", | ||
"border_weak": "#eeeeeeff", | ||
"border_weak_app": "#eeeeeeff", | ||
"border_medium": "#e0e0e0ff", | ||
"border_strong": "#f5f5f5ff", | ||
"border_medium": "#eeeeeeff", | ||
"border_strong": "#e0e0e0ff", | ||
"border_active": "#1c1c1cff", | ||
"border_focus": "#ffffffff", | ||
@@ -40,3 +36,3 @@ "border_disabled": "#eeeeeeff", | ||
"border_brand": "#0000001a", | ||
"icon_default": "#212121ff", | ||
"icon_default": "#1c1c1cff", | ||
"icon_weak": "#6e6e6eff", | ||
@@ -46,3 +42,3 @@ "icon_medium": "#ffffffff", | ||
"icon_disabled": "#9e9e9eff", | ||
"icon_brand": "#212121ff" | ||
"icon_brand": "#1c1c1cff" | ||
}, | ||
@@ -58,3 +54,2 @@ "action": { | ||
"background_weak": "#eaf0ffff", | ||
"background_weak_app": "#eaf0ffff", | ||
"background_medium": "#adc4ffff", | ||
@@ -66,2 +61,3 @@ "background_strong": "#1f4099ff", | ||
"background_data_risk": "#2650bfff", | ||
"background_data_allocation": "#eaf0ffff", | ||
"background_data_primary": "#2650bfff", | ||
@@ -68,0 +64,0 @@ "background_data_secondary": "#6690ffff", |
@@ -10,14 +10,11 @@ { | ||
"text_disabled": "#6e6e6eff", | ||
"background_default": "#212121ff", | ||
"background_default_app": "#121212ff", | ||
"background_default": "#1c1c1cff", | ||
"background_weak": "#121212ff", | ||
"background_weak_app": "#212121ff", | ||
"background_medium": "#424242ff", | ||
"background_strong": "#424242ff", | ||
"background_hover": "#42424280", | ||
"background_disabled": "#121212ff", | ||
"background_disabled_app": "#212121ff", | ||
"background_skeleton": "#424242ff", | ||
"background_active": "#424242ff", | ||
"background_inactive": "#424242ff", | ||
"background_medium": "#262626ff", | ||
"background_strong": "#333333ff", | ||
"background_hover": "#33333380", | ||
"background_disabled": "#333333ff", | ||
"background_skeleton": "#333333ff", | ||
"background_active": "#262626ff", | ||
"background_inactive": "#333333ff", | ||
"background_focus": "#ffffffff", | ||
@@ -29,11 +26,10 @@ "background_focus_hover": "#f5f5f5ff", | ||
"background_brand_white": "#ffffffff", | ||
"background_content": "#000000ff", | ||
"background_overlay": "#00000099", | ||
"border_default": "#6e6e6eff", | ||
"border_weak": "#121212ff", | ||
"border_weak_app": "#212121ff", | ||
"border_medium": "#424242ff", | ||
"border_strong": "#000000ff", | ||
"border_focus": "#212121ff", | ||
"border_disabled": "#424242ff", | ||
"border_weak": "#262626ff", | ||
"border_medium": "#333333ff", | ||
"border_strong": "#333333ff", | ||
"border_active": "#ffffffff", | ||
"border_focus": "#1c1c1cff", | ||
"border_disabled": "#333333ff", | ||
"border_hover": "#bdbdbdff", | ||
@@ -43,6 +39,6 @@ "border_brand": "#ffffff26", | ||
"icon_weak": "#bdbdbdff", | ||
"icon_medium": "#212121ff", | ||
"icon_medium": "#1c1c1cff", | ||
"icon_strong": "#ffffffff", | ||
"icon_disabled": "#6e6e6eff", | ||
"icon_brand": "#212121ff" | ||
"icon_brand": "#1c1c1cff" | ||
}, | ||
@@ -58,3 +54,2 @@ "action": { | ||
"background_weak": "#142b66ff", | ||
"background_weak_app": "#1f4099ff", | ||
"background_medium": "#1f4099ff", | ||
@@ -66,2 +61,3 @@ "background_strong": "#1f4099ff", | ||
"background_data_risk": "#00c0b4ff", | ||
"background_data_allocation": "#1f4099ff", | ||
"background_data_primary": "#6690ffff", | ||
@@ -72,3 +68,3 @@ "background_data_secondary": "#2650bfff", | ||
"border_weak": "#0a1533ff", | ||
"border_focus": "#1f4099ff", | ||
"border_focus": "#2650bfff", | ||
"border_hover": "#adc4ffff", | ||
@@ -75,0 +71,0 @@ "border_pressed": "#d6e1ffff", |
{ | ||
"color": { | ||
"neutral": { | ||
"text_default": "#212121ff", | ||
"text_default": "#1c1c1cff", | ||
"text_weak": "#6e6e6eff", | ||
"text_medium": "#ffffffff", | ||
"text_strong": "#ffffffff", | ||
"text_focus": "#212121ff", | ||
"text_focus": "#1c1c1cff", | ||
"text_disabled": "#9e9e9eff", | ||
"background_default": "#ffffffff", | ||
"background_default_app": "#ffffffff", | ||
"background_weak": "#f5f5f5ff", | ||
"background_weak_app": "#f5f5f5ff", | ||
"background_weak": "#ffffffff", | ||
"background_medium": "#f5f5f5ff", | ||
"background_strong": "#e0e0e0ff", | ||
"background_strong": "#f5f5f5ff", | ||
"background_hover": "#f5f5f5ff", | ||
"background_disabled": "#eeeeeeff", | ||
"background_disabled_app": "#eeeeeeff", | ||
"background_skeleton": "#eeeeeeff", | ||
"background_active": "#ffffffff", | ||
"background_inactive": "#424242ff", | ||
"background_inactive": "#e0e0e0ff", | ||
"background_focus": "#212121ff", | ||
@@ -28,9 +25,8 @@ "background_focus_hover": "#424242ff", | ||
"background_brand_white": "#ffffffff", | ||
"background_content": "#ffffffff", | ||
"background_overlay": "#00000066", | ||
"border_default": "#bdbdbdff", | ||
"border_weak": "#eeeeeeff", | ||
"border_weak_app": "#eeeeeeff", | ||
"border_medium": "#e0e0e0ff", | ||
"border_strong": "#f5f5f5ff", | ||
"border_medium": "#eeeeeeff", | ||
"border_strong": "#e0e0e0ff", | ||
"border_active": "#1c1c1cff", | ||
"border_focus": "#ffffffff", | ||
@@ -40,3 +36,3 @@ "border_disabled": "#eeeeeeff", | ||
"border_brand": "#0000001a", | ||
"icon_default": "#212121ff", | ||
"icon_default": "#1c1c1cff", | ||
"icon_weak": "#6e6e6eff", | ||
@@ -46,3 +42,3 @@ "icon_medium": "#ffffffff", | ||
"icon_disabled": "#9e9e9eff", | ||
"icon_brand": "#212121ff" | ||
"icon_brand": "#1c1c1cff" | ||
}, | ||
@@ -58,3 +54,2 @@ "action": { | ||
"background_weak": "#eaf0ffff", | ||
"background_weak_app": "#eaf0ffff", | ||
"background_medium": "#adc4ffff", | ||
@@ -66,2 +61,3 @@ "background_strong": "#1f4099ff", | ||
"background_data_risk": "#2650bfff", | ||
"background_data_allocation": "#eaf0ffff", | ||
"background_data_primary": "#2650bfff", | ||
@@ -68,0 +64,0 @@ "background_data_secondary": "#6690ffff", |
@@ -95,3 +95,2 @@ export interface A11yTheme { | ||
background_weak: string; | ||
background_weak_app: string; | ||
background_medium: string; | ||
@@ -103,2 +102,3 @@ background_strong: string; | ||
background_data_risk: string; | ||
background_data_allocation: string; | ||
background_data_primary: string; | ||
@@ -127,5 +127,3 @@ background_data_secondary: string; | ||
background_default: string; | ||
background_default_app: string; | ||
background_weak: string; | ||
background_weak_app: string; | ||
background_medium: string; | ||
@@ -135,3 +133,2 @@ background_strong: string; | ||
background_disabled: string; | ||
background_disabled_app: string; | ||
background_skeleton: string; | ||
@@ -146,9 +143,8 @@ background_active: string; | ||
background_brand_white: string; | ||
background_content: string; | ||
background_overlay: string; | ||
border_default: string; | ||
border_weak: string; | ||
border_weak_app: string; | ||
border_medium: string; | ||
border_strong: string; | ||
border_active: string; | ||
border_focus: string; | ||
@@ -155,0 +151,0 @@ border_disabled: string; |
export const colors = { | ||
color: { | ||
neutral: { | ||
text_default: "#212121ff", | ||
text_default: "#1c1c1cff", | ||
text_weak: "#6e6e6eff", | ||
text_medium: "#ffffffff", | ||
text_strong: "#ffffffff", | ||
text_focus: "#212121ff", | ||
text_focus: "#1c1c1cff", | ||
text_disabled: "#9e9e9eff", | ||
background_default: "#ffffffff", | ||
background_default_app: "#ffffffff", | ||
background_weak: "#f5f5f5ff", | ||
background_weak_app: "#f5f5f5ff", | ||
background_weak: "#ffffffff", | ||
background_medium: "#f5f5f5ff", | ||
background_strong: "#e0e0e0ff", | ||
background_strong: "#ffffffff", | ||
background_hover: "#f5f5f5ff", | ||
background_disabled: "#eeeeeeff", | ||
background_disabled_app: "#eeeeeeff", | ||
background_skeleton: "#eeeeeeff", | ||
background_active: "#ffffffff", | ||
background_inactive: "#424242ff", | ||
background_inactive: "#e0e0e0ff", | ||
background_focus: "#212121ff", | ||
@@ -28,9 +25,8 @@ background_focus_hover: "#424242ff", | ||
background_brand_white: "#ffffffff", | ||
background_content: "#ffffffff", | ||
background_overlay: "#00000066", | ||
border_default: "#bdbdbdff", | ||
border_weak: "#eeeeeeff", | ||
border_weak_app: "#eeeeeeff", | ||
border_medium: "#e0e0e0ff", | ||
border_strong: "#f5f5f5ff", | ||
border_medium: "#eeeeeeff", | ||
border_strong: "#e0e0e0ff", | ||
border_active: "#1c1c1cff", | ||
border_focus: "#ffffffff", | ||
@@ -40,3 +36,3 @@ border_disabled: "#eeeeeeff", | ||
border_brand: "#0000001a", | ||
icon_default: "#212121ff", | ||
icon_default: "#1c1c1cff", | ||
icon_weak: "#6e6e6eff", | ||
@@ -46,3 +42,3 @@ icon_medium: "#ffffffff", | ||
icon_disabled: "#9e9e9eff", | ||
icon_brand: "#212121ff", | ||
icon_brand: "#1c1c1cff", | ||
}, | ||
@@ -58,3 +54,2 @@ action: { | ||
background_weak: "#eaf0ffff", | ||
background_weak_app: "#eaf0ffff", | ||
background_medium: "#adc4ffff", | ||
@@ -66,2 +61,3 @@ background_strong: "#1f4099ff", | ||
background_data_risk: "#2650bfff", | ||
background_data_allocation: "#eaf0ffff", | ||
background_data_primary: "#2650bfff", | ||
@@ -68,0 +64,0 @@ background_data_secondary: "#6690ffff", |
@@ -95,3 +95,2 @@ export interface DarkTheme { | ||
background_weak: string; | ||
background_weak_app: string; | ||
background_medium: string; | ||
@@ -103,2 +102,3 @@ background_strong: string; | ||
background_data_risk: string; | ||
background_data_allocation: string; | ||
background_data_primary: string; | ||
@@ -127,5 +127,3 @@ background_data_secondary: string; | ||
background_default: string; | ||
background_default_app: string; | ||
background_weak: string; | ||
background_weak_app: string; | ||
background_medium: string; | ||
@@ -135,3 +133,2 @@ background_strong: string; | ||
background_disabled: string; | ||
background_disabled_app: string; | ||
background_skeleton: string; | ||
@@ -146,9 +143,8 @@ background_active: string; | ||
background_brand_white: string; | ||
background_content: string; | ||
background_overlay: string; | ||
border_default: string; | ||
border_weak: string; | ||
border_weak_app: string; | ||
border_medium: string; | ||
border_strong: string; | ||
border_active: string; | ||
border_focus: string; | ||
@@ -155,0 +151,0 @@ border_disabled: string; |
@@ -10,14 +10,11 @@ export const colors = { | ||
text_disabled: "#6e6e6eff", | ||
background_default: "#212121ff", | ||
background_default_app: "#121212ff", | ||
background_default: "#1c1c1cff", | ||
background_weak: "#121212ff", | ||
background_weak_app: "#212121ff", | ||
background_medium: "#424242ff", | ||
background_strong: "#424242ff", | ||
background_hover: "#42424280", | ||
background_disabled: "#121212ff", | ||
background_disabled_app: "#212121ff", | ||
background_skeleton: "#424242ff", | ||
background_active: "#424242ff", | ||
background_inactive: "#424242ff", | ||
background_medium: "#262626ff", | ||
background_strong: "#333333ff", | ||
background_hover: "#33333380", | ||
background_disabled: "#333333ff", | ||
background_skeleton: "#333333ff", | ||
background_active: "#262626ff", | ||
background_inactive: "#333333ff", | ||
background_focus: "#ffffffff", | ||
@@ -29,11 +26,10 @@ background_focus_hover: "#f5f5f5ff", | ||
background_brand_white: "#ffffffff", | ||
background_content: "#000000ff", | ||
background_overlay: "#00000099", | ||
border_default: "#6e6e6eff", | ||
border_weak: "#121212ff", | ||
border_weak_app: "#212121ff", | ||
border_medium: "#424242ff", | ||
border_strong: "#000000ff", | ||
border_focus: "#212121ff", | ||
border_disabled: "#424242ff", | ||
border_weak: "#262626ff", | ||
border_medium: "#333333ff", | ||
border_strong: "#333333ff", | ||
border_active: "#ffffffff", | ||
border_focus: "#1c1c1cff", | ||
border_disabled: "#333333ff", | ||
border_hover: "#bdbdbdff", | ||
@@ -43,6 +39,6 @@ border_brand: "#ffffff26", | ||
icon_weak: "#bdbdbdff", | ||
icon_medium: "#212121ff", | ||
icon_medium: "#1c1c1cff", | ||
icon_strong: "#ffffffff", | ||
icon_disabled: "#6e6e6eff", | ||
icon_brand: "#212121ff", | ||
icon_brand: "#1c1c1cff", | ||
}, | ||
@@ -58,3 +54,2 @@ action: { | ||
background_weak: "#142b66ff", | ||
background_weak_app: "#1f4099ff", | ||
background_medium: "#1f4099ff", | ||
@@ -66,2 +61,3 @@ background_strong: "#1f4099ff", | ||
background_data_risk: "#00c0b4ff", | ||
background_data_allocation: "#1f4099ff", | ||
background_data_primary: "#6690ffff", | ||
@@ -72,3 +68,3 @@ background_data_secondary: "#2650bfff", | ||
border_weak: "#0a1533ff", | ||
border_focus: "#1f4099ff", | ||
border_focus: "#2650bfff", | ||
border_hover: "#adc4ffff", | ||
@@ -75,0 +71,0 @@ border_pressed: "#d6e1ffff", |
@@ -95,3 +95,2 @@ export interface LightTheme { | ||
background_weak: string; | ||
background_weak_app: string; | ||
background_medium: string; | ||
@@ -103,2 +102,3 @@ background_strong: string; | ||
background_data_risk: string; | ||
background_data_allocation: string; | ||
background_data_primary: string; | ||
@@ -127,5 +127,3 @@ background_data_secondary: string; | ||
background_default: string; | ||
background_default_app: string; | ||
background_weak: string; | ||
background_weak_app: string; | ||
background_medium: string; | ||
@@ -135,3 +133,2 @@ background_strong: string; | ||
background_disabled: string; | ||
background_disabled_app: string; | ||
/** @deprecated */ | ||
@@ -147,9 +144,8 @@ background_skeleton: string; | ||
background_brand_white: string; | ||
background_content: string; | ||
background_overlay: string; | ||
border_default: string; | ||
border_weak: string; | ||
border_weak_app: string; | ||
border_medium: string; | ||
border_strong: string; | ||
border_active: string; | ||
border_focus: string; | ||
@@ -156,0 +152,0 @@ border_disabled: string; |
export const colors = { | ||
color: { | ||
neutral: { | ||
text_default: "#212121ff", | ||
text_default: "#1c1c1cff", | ||
text_weak: "#6e6e6eff", | ||
text_medium: "#ffffffff", | ||
text_strong: "#ffffffff", | ||
text_focus: "#212121ff", | ||
text_focus: "#1c1c1cff", | ||
text_disabled: "#9e9e9eff", | ||
background_default: "#ffffffff", | ||
background_default_app: "#ffffffff", | ||
background_weak: "#f5f5f5ff", | ||
background_weak_app: "#f5f5f5ff", | ||
background_weak: "#ffffffff", | ||
background_medium: "#f5f5f5ff", | ||
background_strong: "#e0e0e0ff", | ||
background_strong: "#f5f5f5ff", | ||
background_hover: "#f5f5f5ff", | ||
background_disabled: "#eeeeeeff", | ||
background_disabled_app: "#eeeeeeff", | ||
background_skeleton: "#eeeeeeff", | ||
background_active: "#ffffffff", | ||
background_inactive: "#424242ff", | ||
background_inactive: "#e0e0e0ff", | ||
background_focus: "#212121ff", | ||
@@ -28,9 +25,8 @@ background_focus_hover: "#424242ff", | ||
background_brand_white: "#ffffffff", | ||
background_content: "#ffffffff", | ||
background_overlay: "#00000066", | ||
border_default: "#bdbdbdff", | ||
border_weak: "#eeeeeeff", | ||
border_weak_app: "#eeeeeeff", | ||
border_medium: "#e0e0e0ff", | ||
border_strong: "#f5f5f5ff", | ||
border_medium: "#eeeeeeff", | ||
border_strong: "#e0e0e0ff", | ||
border_active: "#1c1c1cff", | ||
border_focus: "#ffffffff", | ||
@@ -40,3 +36,3 @@ border_disabled: "#eeeeeeff", | ||
border_brand: "#0000001a", | ||
icon_default: "#212121ff", | ||
icon_default: "#1c1c1cff", | ||
icon_weak: "#6e6e6eff", | ||
@@ -46,3 +42,3 @@ icon_medium: "#ffffffff", | ||
icon_disabled: "#9e9e9eff", | ||
icon_brand: "#212121ff", | ||
icon_brand: "#1c1c1cff", | ||
}, | ||
@@ -58,3 +54,2 @@ action: { | ||
background_weak: "#eaf0ffff", | ||
background_weak_app: "#eaf0ffff", | ||
background_medium: "#adc4ffff", | ||
@@ -66,2 +61,3 @@ background_strong: "#1f4099ff", | ||
background_data_risk: "#2650bfff", | ||
background_data_allocation: "#eaf0ffff", | ||
background_data_primary: "#2650bfff", | ||
@@ -68,0 +64,0 @@ background_data_secondary: "#6690ffff", |
{ | ||
"color": { | ||
"neutral": { | ||
"text_default": "#212121ff", | ||
"text_default": "#1c1c1cff", | ||
"text_weak": "#6e6e6eff", | ||
"text_medium": "#ffffffff", | ||
"text_strong": "#ffffffff", | ||
"text_focus": "#212121ff", | ||
"text_focus": "#1c1c1cff", | ||
"text_disabled": "#9e9e9eff", | ||
"background_default": "#ffffffff", | ||
"background_default_app": "#ffffffff", | ||
"background_weak": "#f5f5f5ff", | ||
"background_weak_app": "#f5f5f5ff", | ||
"background_weak": "#ffffffff", | ||
"background_medium": "#f5f5f5ff", | ||
"background_strong": "#e0e0e0ff", | ||
"background_strong": "#ffffffff", | ||
"background_hover": "#f5f5f5ff", | ||
"background_disabled": "#eeeeeeff", | ||
"background_disabled_app": "#eeeeeeff", | ||
"background_skeleton": "#eeeeeeff", | ||
"background_active": "#ffffffff", | ||
"background_inactive": "#424242ff", | ||
"background_inactive": "#e0e0e0ff", | ||
"background_focus": "#212121ff", | ||
@@ -28,9 +25,8 @@ "background_focus_hover": "#424242ff", | ||
"background_brand_white": "#ffffffff", | ||
"background_content": "#ffffffff", | ||
"background_overlay": "#00000066", | ||
"border_default": "#bdbdbdff", | ||
"border_weak": "#eeeeeeff", | ||
"border_weak_app": "#eeeeeeff", | ||
"border_medium": "#e0e0e0ff", | ||
"border_strong": "#f5f5f5ff", | ||
"border_medium": "#eeeeeeff", | ||
"border_strong": "#e0e0e0ff", | ||
"border_active": "#1c1c1cff", | ||
"border_focus": "#ffffffff", | ||
@@ -40,3 +36,3 @@ "border_disabled": "#eeeeeeff", | ||
"border_brand": "#0000001a", | ||
"icon_default": "#212121ff", | ||
"icon_default": "#1c1c1cff", | ||
"icon_weak": "#6e6e6eff", | ||
@@ -46,3 +42,3 @@ "icon_medium": "#ffffffff", | ||
"icon_disabled": "#9e9e9eff", | ||
"icon_brand": "#212121ff" | ||
"icon_brand": "#1c1c1cff" | ||
}, | ||
@@ -58,3 +54,2 @@ "action": { | ||
"background_weak": "#eaf0ffff", | ||
"background_weak_app": "#eaf0ffff", | ||
"background_medium": "#adc4ffff", | ||
@@ -66,2 +61,3 @@ "background_strong": "#1f4099ff", | ||
"background_data_risk": "#2650bfff", | ||
"background_data_allocation": "#eaf0ffff", | ||
"background_data_primary": "#2650bfff", | ||
@@ -68,0 +64,0 @@ "background_data_secondary": "#6690ffff", |
@@ -10,14 +10,11 @@ { | ||
"text_disabled": "#6e6e6eff", | ||
"background_default": "#212121ff", | ||
"background_default_app": "#121212ff", | ||
"background_default": "#1c1c1cff", | ||
"background_weak": "#121212ff", | ||
"background_weak_app": "#212121ff", | ||
"background_medium": "#424242ff", | ||
"background_strong": "#424242ff", | ||
"background_hover": "#42424280", | ||
"background_disabled": "#121212ff", | ||
"background_disabled_app": "#212121ff", | ||
"background_skeleton": "#424242ff", | ||
"background_active": "#424242ff", | ||
"background_inactive": "#424242ff", | ||
"background_medium": "#262626ff", | ||
"background_strong": "#333333ff", | ||
"background_hover": "#33333380", | ||
"background_disabled": "#333333ff", | ||
"background_skeleton": "#333333ff", | ||
"background_active": "#262626ff", | ||
"background_inactive": "#333333ff", | ||
"background_focus": "#ffffffff", | ||
@@ -29,11 +26,10 @@ "background_focus_hover": "#f5f5f5ff", | ||
"background_brand_white": "#ffffffff", | ||
"background_content": "#000000ff", | ||
"background_overlay": "#00000099", | ||
"border_default": "#6e6e6eff", | ||
"border_weak": "#121212ff", | ||
"border_weak_app": "#212121ff", | ||
"border_medium": "#424242ff", | ||
"border_strong": "#000000ff", | ||
"border_focus": "#212121ff", | ||
"border_disabled": "#424242ff", | ||
"border_weak": "#262626ff", | ||
"border_medium": "#333333ff", | ||
"border_strong": "#333333ff", | ||
"border_active": "#ffffffff", | ||
"border_focus": "#1c1c1cff", | ||
"border_disabled": "#333333ff", | ||
"border_hover": "#bdbdbdff", | ||
@@ -43,6 +39,6 @@ "border_brand": "#ffffff26", | ||
"icon_weak": "#bdbdbdff", | ||
"icon_medium": "#212121ff", | ||
"icon_medium": "#1c1c1cff", | ||
"icon_strong": "#ffffffff", | ||
"icon_disabled": "#6e6e6eff", | ||
"icon_brand": "#212121ff" | ||
"icon_brand": "#1c1c1cff" | ||
}, | ||
@@ -58,3 +54,2 @@ "action": { | ||
"background_weak": "#142b66ff", | ||
"background_weak_app": "#1f4099ff", | ||
"background_medium": "#1f4099ff", | ||
@@ -66,2 +61,3 @@ "background_strong": "#1f4099ff", | ||
"background_data_risk": "#00c0b4ff", | ||
"background_data_allocation": "#1f4099ff", | ||
"background_data_primary": "#6690ffff", | ||
@@ -72,3 +68,3 @@ "background_data_secondary": "#2650bfff", | ||
"border_weak": "#0a1533ff", | ||
"border_focus": "#1f4099ff", | ||
"border_focus": "#2650bfff", | ||
"border_hover": "#adc4ffff", | ||
@@ -75,0 +71,0 @@ "border_pressed": "#d6e1ffff", |
{ | ||
"color": { | ||
"neutral": { | ||
"text_default": "#212121ff", | ||
"text_default": "#1c1c1cff", | ||
"text_weak": "#6e6e6eff", | ||
"text_medium": "#ffffffff", | ||
"text_strong": "#ffffffff", | ||
"text_focus": "#212121ff", | ||
"text_focus": "#1c1c1cff", | ||
"text_disabled": "#9e9e9eff", | ||
"background_default": "#ffffffff", | ||
"background_default_app": "#ffffffff", | ||
"background_weak": "#f5f5f5ff", | ||
"background_weak_app": "#f5f5f5ff", | ||
"background_weak": "#ffffffff", | ||
"background_medium": "#f5f5f5ff", | ||
"background_strong": "#e0e0e0ff", | ||
"background_strong": "#f5f5f5ff", | ||
"background_hover": "#f5f5f5ff", | ||
"background_disabled": "#eeeeeeff", | ||
"background_disabled_app": "#eeeeeeff", | ||
"background_skeleton": "#eeeeeeff", | ||
"background_active": "#ffffffff", | ||
"background_inactive": "#424242ff", | ||
"background_inactive": "#e0e0e0ff", | ||
"background_focus": "#212121ff", | ||
@@ -28,9 +25,8 @@ "background_focus_hover": "#424242ff", | ||
"background_brand_white": "#ffffffff", | ||
"background_content": "#ffffffff", | ||
"background_overlay": "#00000066", | ||
"border_default": "#bdbdbdff", | ||
"border_weak": "#eeeeeeff", | ||
"border_weak_app": "#eeeeeeff", | ||
"border_medium": "#e0e0e0ff", | ||
"border_strong": "#f5f5f5ff", | ||
"border_medium": "#eeeeeeff", | ||
"border_strong": "#e0e0e0ff", | ||
"border_active": "#1c1c1cff", | ||
"border_focus": "#ffffffff", | ||
@@ -40,3 +36,3 @@ "border_disabled": "#eeeeeeff", | ||
"border_brand": "#0000001a", | ||
"icon_default": "#212121ff", | ||
"icon_default": "#1c1c1cff", | ||
"icon_weak": "#6e6e6eff", | ||
@@ -46,3 +42,3 @@ "icon_medium": "#ffffffff", | ||
"icon_disabled": "#9e9e9eff", | ||
"icon_brand": "#212121ff" | ||
"icon_brand": "#1c1c1cff" | ||
}, | ||
@@ -58,3 +54,2 @@ "action": { | ||
"background_weak": "#eaf0ffff", | ||
"background_weak_app": "#eaf0ffff", | ||
"background_medium": "#adc4ffff", | ||
@@ -66,2 +61,3 @@ "background_strong": "#1f4099ff", | ||
"background_data_risk": "#2650bfff", | ||
"background_data_allocation": "#eaf0ffff", | ||
"background_data_primary": "#2650bfff", | ||
@@ -68,0 +64,0 @@ "background_data_secondary": "#6690ffff", |
{ | ||
"name": "@nordnet/design-tokens", | ||
"version": "2.0.1", | ||
"version": "2.1.0", | ||
"description": "", | ||
@@ -5,0 +5,0 @@ "engines": { |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
129372
3520