@engie-group/fluid-design-tokens
Advanced tools
Comparing version 5.1.0 to 5.2.0
@@ -8,2 +8,28 @@ # Changelog | ||
## 📦 5.2.0 - 2023-05-04 | ||
### 🚀 Added | ||
* Add new `color.background.grey`, `color.border.grey`, `color.icon.grey`, `color.text.grey` tokens | ||
* Add new `color.palette.purple` alphas | ||
* Add new `color.base.discovery` and `color.base.information` (100 to 900, alpha) | ||
* Add new `color.background.discovery` and `color.background.information` (_, secondary, tertiary, hovered, pressed, transparent) | ||
* Add new `color.border.discovery` and `color.border.information` (subtle, moderate, bold, strong) | ||
* Add new `subtle` variation to `color.border` tokens: | ||
* `color.border.danger.subtle`, | ||
* `color.border.warning.subtle`, | ||
* `color.border.success.subtle`, | ||
* Add new `color.text` tokens: | ||
* `color.text.danger.secondary`, | ||
* `color.text.warning`: primary, secondary, high_contrast | ||
* `color.text.success`: primary, secondary, high_contrast | ||
* `color.text.information`: primary, secondary, high_contrast | ||
* `color.text.discovery`: primary, secondary, high_contrast | ||
* Add new transparent variations to background semantic color tokens (_, hovered, focused, pressed, selected, tertiary): | ||
* `color.background.success.transparent`, `color.background.success.tertiary.transparent` | ||
* `color.background.warning.transparent`, `color.background.warning.tertiary.transparent` | ||
* `color.background.danger.transparent`, `color.background.danger.tertiary.transparent` | ||
* `color.background.information.transparent`, `color.background.information.tertiary.transparent` | ||
* `color.background.discovery.transparent`, `color.background.discovery.tertiary.transparent` | ||
## 📦 5.1.0 - 2023-04-04 | ||
@@ -10,0 +36,0 @@ |
{ | ||
"name": "@engie-group/fluid-design-tokens", | ||
"version": "5.1.0", | ||
"version": "5.2.0", | ||
"description": "Fluid Design Tokens", | ||
@@ -49,4 +49,3 @@ "keywords": [ | ||
"node": ">=13.7" | ||
}, | ||
"gitHead": "720facb038fb4f26ad05071f2658a7f17c8236bb" | ||
} | ||
} |
@@ -525,2 +525,10 @@ { | ||
} | ||
}, | ||
"transparent": { | ||
"light": { | ||
"value": "{color.base.danger.alpha.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.danger.alpha.200.dark.value}" | ||
} | ||
} | ||
@@ -584,2 +592,10 @@ }, | ||
} | ||
}, | ||
"selected": { | ||
"light": { | ||
"value": "{color.base.danger.alpha.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.danger.alpha.200.dark.value}" | ||
} | ||
} | ||
@@ -637,2 +653,10 @@ } | ||
} | ||
}, | ||
"transparent": { | ||
"light": { | ||
"value": "{color.base.success.alpha.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.success.alpha.200.dark.value}" | ||
} | ||
} | ||
@@ -655,2 +679,44 @@ }, | ||
} | ||
}, | ||
"transparent": { | ||
"_": { | ||
"light": { | ||
"value": "{color.base.success.alpha.0.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.success.alpha.0.dark.value}" | ||
} | ||
}, | ||
"hovered": { | ||
"light": { | ||
"value": "{color.base.success.alpha.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.success.alpha.200.dark.value}" | ||
} | ||
}, | ||
"focused": { | ||
"light": { | ||
"value": "{color.base.success.alpha.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.success.alpha.200.dark.value}" | ||
} | ||
}, | ||
"pressed": { | ||
"light": { | ||
"value": "{color.base.success.alpha.300.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.success.alpha.300.dark.value}" | ||
} | ||
}, | ||
"selected": { | ||
"light": { | ||
"value": "{color.base.success.alpha.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.success.alpha.200.dark.value}" | ||
} | ||
} | ||
} | ||
@@ -707,2 +773,10 @@ }, | ||
} | ||
}, | ||
"transparent": { | ||
"light": { | ||
"value": "{color.base.warning.alpha.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.warning.alpha.200.dark.value}" | ||
} | ||
} | ||
@@ -725,4 +799,282 @@ }, | ||
} | ||
}, | ||
"transparent": { | ||
"_": { | ||
"light": { | ||
"value": "{color.base.warning.alpha.0.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.warning.alpha.0.dark.value}" | ||
} | ||
}, | ||
"hovered": { | ||
"light": { | ||
"value": "{color.base.warning.alpha.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.warning.alpha.200.dark.value}" | ||
} | ||
}, | ||
"focused": { | ||
"light": { | ||
"value": "{color.base.warning.alpha.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.warning.alpha.200.dark.value}" | ||
} | ||
}, | ||
"pressed": { | ||
"light": { | ||
"value": "{color.base.warning.alpha.300.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.warning.alpha.300.dark.value}" | ||
} | ||
}, | ||
"selected": { | ||
"light": { | ||
"value": "{color.base.warning.alpha.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.warning.alpha.200.dark.value}" | ||
} | ||
} | ||
} | ||
}, | ||
"discovery": { | ||
"_": { | ||
"light": { | ||
"value": "{color.base.discovery.600.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.600.dark.value}" | ||
} | ||
}, | ||
"secondary": { | ||
"light": { | ||
"value": "{color.base.discovery.100.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.100.dark.value}" | ||
} | ||
}, | ||
"tertiary": { | ||
"-": { | ||
"light": { | ||
"value": "{color.base.discovery.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.200.dark.value}" | ||
} | ||
}, | ||
"hovered": { | ||
"light": { | ||
"value": "{color.base.discovery.300.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.300.dark.value}" | ||
} | ||
}, | ||
"focused": { | ||
"light": { | ||
"value": "{color.base.discovery.300.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.300.dark.value}" | ||
} | ||
}, | ||
"pressed": { | ||
"light": { | ||
"value": "{color.base.discovery.400.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.400.dark.value}" | ||
} | ||
}, | ||
"transparent": { | ||
"light": { | ||
"value": "{color.base.discovery.alpha.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.alpha.200.dark.value}" | ||
} | ||
} | ||
}, | ||
"hovered": { | ||
"light": { | ||
"value": "{color.base.discovery.500.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.700.dark.value}" | ||
} | ||
}, | ||
"pressed": { | ||
"light": { | ||
"value": "{color.base.discovery.600.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.800.dark.value}" | ||
} | ||
}, | ||
"transparent": { | ||
"_": { | ||
"light": { | ||
"value": "{color.base.discovery.alpha.0.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.alpha.0.dark.value}" | ||
} | ||
}, | ||
"hovered": { | ||
"light": { | ||
"value": "{color.base.discovery.alpha.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.alpha.200.dark.value}" | ||
} | ||
}, | ||
"focused": { | ||
"light": { | ||
"value": "{color.base.discovery.alpha.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.alpha.200.dark.value}" | ||
} | ||
}, | ||
"pressed": { | ||
"light": { | ||
"value": "{color.base.discovery.alpha.300.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.alpha.300.dark.value}" | ||
} | ||
}, | ||
"selected": { | ||
"light": { | ||
"value": "{color.base.discovery.alpha.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.alpha.200.dark.value}" | ||
} | ||
} | ||
} | ||
}, | ||
"information": { | ||
"_": { | ||
"light": { | ||
"value": "{color.base.information.600.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.600.dark.value}" | ||
} | ||
}, | ||
"secondary": { | ||
"light": { | ||
"value": "{color.base.information.100.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.100.dark.value}" | ||
} | ||
}, | ||
"tertiary": { | ||
"-": { | ||
"light": { | ||
"value": "{color.base.information.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.200.dark.value}" | ||
} | ||
}, | ||
"hovered": { | ||
"light": { | ||
"value": "{color.base.information.300.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.300.dark.value}" | ||
} | ||
}, | ||
"focused": { | ||
"light": { | ||
"value": "{color.base.information.300.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.300.dark.value}" | ||
} | ||
}, | ||
"pressed": { | ||
"light": { | ||
"value": "{color.base.information.400.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.400.dark.value}" | ||
} | ||
}, | ||
"transparent": { | ||
"light": { | ||
"value": "{color.base.information.alpha.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.alpha.200.dark.value}" | ||
} | ||
} | ||
}, | ||
"hovered": { | ||
"light": { | ||
"value": "{color.base.information.500.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.700.dark.value}" | ||
} | ||
}, | ||
"pressed": { | ||
"light": { | ||
"value": "{color.base.information.600.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.800.dark.value}" | ||
} | ||
}, | ||
"transparent": { | ||
"_": { | ||
"light": { | ||
"value": "{color.base.information.alpha.0.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.alpha.0.dark.value}" | ||
} | ||
}, | ||
"hovered": { | ||
"light": { | ||
"value": "{color.base.information.alpha.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.alpha.200.dark.value}" | ||
} | ||
}, | ||
"focused": { | ||
"light": { | ||
"value": "{color.base.information.alpha.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.alpha.200.dark.value}" | ||
} | ||
}, | ||
"pressed": { | ||
"light": { | ||
"value": "{color.base.information.alpha.300.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.alpha.300.dark.value}" | ||
} | ||
}, | ||
"selected": { | ||
"light": { | ||
"value": "{color.base.information.alpha.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.alpha.200.dark.value}" | ||
} | ||
} | ||
} | ||
}, | ||
"pink": { | ||
@@ -1068,2 +1420,70 @@ "_": { | ||
}, | ||
"grey": { | ||
"_": { | ||
"light": { | ||
"value": "{color.palette.grey.600.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.grey.600.dark.value}" | ||
} | ||
}, | ||
"secondary": { | ||
"light": { | ||
"value": "{color.palette.grey.100.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.grey.100.dark.value}" | ||
} | ||
}, | ||
"tertiary": { | ||
"-": { | ||
"light": { | ||
"value": "{color.palette.grey.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.grey.200.dark.value}" | ||
} | ||
}, | ||
"hovered": { | ||
"light": { | ||
"value": "{color.palette.grey.300.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.grey.300.dark.value}" | ||
} | ||
}, | ||
"focused": { | ||
"light": { | ||
"value": "{color.palette.grey.300.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.grey.300.dark.value}" | ||
} | ||
}, | ||
"pressed": { | ||
"light": { | ||
"value": "{color.palette.grey.400.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.grey.400.dark.value}" | ||
} | ||
} | ||
}, | ||
"hovered": { | ||
"light": { | ||
"value": "{color.palette.grey.700.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.grey.700.dark.value}" | ||
} | ||
}, | ||
"pressed": { | ||
"light": { | ||
"value": "{color.palette.grey.800.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.grey.800.dark.value}" | ||
} | ||
} | ||
}, | ||
"blue": { | ||
@@ -1070,0 +1490,0 @@ "_": { |
@@ -576,2 +576,218 @@ { | ||
}, | ||
"discovery": { | ||
"100": { | ||
"light": { | ||
"value": "{color.palette.purple.100.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.purple.100.dark.value}" | ||
} | ||
}, | ||
"200": { | ||
"light": { | ||
"value": "{color.palette.purple.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.purple.200.dark.value}" | ||
} | ||
}, | ||
"300": { | ||
"light": { | ||
"value": "{color.palette.purple.300.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.purple.300.dark.value}" | ||
} | ||
}, | ||
"400": { | ||
"light": { | ||
"value": "{color.palette.purple.400.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.purple.400.dark.value}" | ||
} | ||
}, | ||
"500": { | ||
"light": { | ||
"value": "{color.palette.purple.500.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.purple.500.dark.value}" | ||
} | ||
}, | ||
"600": { | ||
"light": { | ||
"value": "{color.palette.purple.600.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.purple.600.dark.value}" | ||
} | ||
}, | ||
"700": { | ||
"light": { | ||
"value": "{color.palette.purple.700.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.purple.700.dark.value}" | ||
} | ||
}, | ||
"800": { | ||
"light": { | ||
"value": "{color.palette.purple.800.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.purple.800.dark.value}" | ||
} | ||
}, | ||
"900": { | ||
"light": { | ||
"value": "{color.palette.purple.900.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.purple.900.dark.value}" | ||
} | ||
}, | ||
"alpha": { | ||
"0": { | ||
"light": { | ||
"value": "{color.palette.purple.alpha.0.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.purple.alpha.0.dark.value}" | ||
} | ||
}, | ||
"100": { | ||
"light": { | ||
"value": "{color.palette.purple.alpha.100.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.purple.alpha.100.dark.value}" | ||
} | ||
}, | ||
"200": { | ||
"light": { | ||
"value": "{color.palette.purple.alpha.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.purple.alpha.200.dark.value}" | ||
} | ||
}, | ||
"300": { | ||
"light": { | ||
"value": "{color.palette.purple.alpha.300.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.purple.alpha.300.dark.value}" | ||
} | ||
} | ||
} | ||
}, | ||
"information": { | ||
"100": { | ||
"light": { | ||
"value": "{color.palette.blue.100.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.blue.100.dark.value}" | ||
} | ||
}, | ||
"200": { | ||
"light": { | ||
"value": "{color.palette.blue.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.blue.200.dark.value}" | ||
} | ||
}, | ||
"300": { | ||
"light": { | ||
"value": "{color.palette.blue.300.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.blue.300.dark.value}" | ||
} | ||
}, | ||
"400": { | ||
"light": { | ||
"value": "{color.palette.blue.400.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.blue.400.dark.value}" | ||
} | ||
}, | ||
"500": { | ||
"light": { | ||
"value": "{color.palette.blue.500.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.blue.500.dark.value}" | ||
} | ||
}, | ||
"600": { | ||
"light": { | ||
"value": "{color.palette.blue.600.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.blue.600.dark.value}" | ||
} | ||
}, | ||
"700": { | ||
"light": { | ||
"value": "{color.palette.blue.700.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.blue.700.dark.value}" | ||
} | ||
}, | ||
"800": { | ||
"light": { | ||
"value": "{color.palette.blue.800.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.blue.800.dark.value}" | ||
} | ||
}, | ||
"900": { | ||
"light": { | ||
"value": "{color.palette.blue.900.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.blue.900.dark.value}" | ||
} | ||
}, | ||
"alpha": { | ||
"0": { | ||
"light": { | ||
"value": "{color.palette.blue.alpha.0.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.blue.alpha.0.dark.value}" | ||
} | ||
}, | ||
"100": { | ||
"light": { | ||
"value": "{color.palette.blue.alpha.100.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.blue.alpha.100.dark.value}" | ||
} | ||
}, | ||
"200": { | ||
"light": { | ||
"value": "{color.palette.blue.alpha.200.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.blue.alpha.200.dark.value}" | ||
} | ||
}, | ||
"300": { | ||
"light": { | ||
"value": "{color.palette.blue.alpha.300.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.blue.alpha.300.dark.value}" | ||
} | ||
} | ||
} | ||
}, | ||
"gradient": { | ||
@@ -578,0 +794,0 @@ "light": { |
@@ -125,2 +125,10 @@ { | ||
"danger": { | ||
"subtle": { | ||
"light": { | ||
"value": "{color.base.danger.300.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.danger.300.dark.value}" | ||
} | ||
}, | ||
"moderate": { | ||
@@ -152,2 +160,10 @@ "light": { | ||
"warning": { | ||
"subtle": { | ||
"light": { | ||
"value": "{color.base.warning.300.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.warning.300.dark.value}" | ||
} | ||
}, | ||
"moderate": { | ||
@@ -179,2 +195,10 @@ "light": { | ||
"success": { | ||
"subtle": { | ||
"light": { | ||
"value": "{color.base.success.300.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.success.300.dark.value}" | ||
} | ||
}, | ||
"moderate": { | ||
@@ -205,2 +229,70 @@ "light": { | ||
}, | ||
"discovery": { | ||
"subtle": { | ||
"light": { | ||
"value": "{color.base.discovery.300.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.300.dark.value}" | ||
} | ||
}, | ||
"moderate": { | ||
"light": { | ||
"value": "{color.base.discovery.400.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.400.dark.value}" | ||
} | ||
}, | ||
"bold": { | ||
"light": { | ||
"value": "{color.base.discovery.600.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.600.dark.value}" | ||
} | ||
}, | ||
"strong": { | ||
"light": { | ||
"value": "{color.base.discovery.700.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.700.dark.value}" | ||
} | ||
} | ||
}, | ||
"information": { | ||
"subtle": { | ||
"light": { | ||
"value": "{color.base.information.300.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.300.dark.value}" | ||
} | ||
}, | ||
"moderate": { | ||
"light": { | ||
"value": "{color.base.information.400.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.400.dark.value}" | ||
} | ||
}, | ||
"bold": { | ||
"light": { | ||
"value": "{color.base.information.600.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.600.dark.value}" | ||
} | ||
}, | ||
"strong": { | ||
"light": { | ||
"value": "{color.base.information.700.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.700.dark.value}" | ||
} | ||
} | ||
}, | ||
"pink": { | ||
@@ -336,2 +428,28 @@ "moderate": { | ||
}, | ||
"grey": { | ||
"moderate": { | ||
"light": { | ||
"value": "{color.palette.grey.400.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.grey.400.dark.value}" | ||
} | ||
}, | ||
"bold": { | ||
"light": { | ||
"value": "{color.palette.grey.600.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.grey.600.dark.value}" | ||
} | ||
}, | ||
"strong": { | ||
"light": { | ||
"value": "{color.palette.grey.700.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.grey.700.dark.value}" | ||
} | ||
} | ||
}, | ||
"blue": { | ||
@@ -338,0 +456,0 @@ "moderate": { |
@@ -372,2 +372,46 @@ { | ||
}, | ||
"grey": { | ||
"secondary": { | ||
"_": { | ||
"light": { | ||
"value": "{color.palette.grey.600.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.grey.600.dark.value}" | ||
} | ||
}, | ||
"hovered": { | ||
"light": { | ||
"value": "{color.palette.grey.700.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.grey.700.dark.value}" | ||
} | ||
}, | ||
"focused": { | ||
"light": { | ||
"value": "{color.palette.grey.700.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.grey.700.dark.value}" | ||
} | ||
}, | ||
"pressed": { | ||
"light": { | ||
"value": "{color.palette.grey.800.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.grey.800.dark.value}" | ||
} | ||
} | ||
}, | ||
"primary": { | ||
"light": { | ||
"value": "{color.palette.grey.800.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.grey.800.dark.value}" | ||
} | ||
} | ||
}, | ||
"blue": { | ||
@@ -374,0 +418,0 @@ "secondary": { |
@@ -870,2 +870,36 @@ { | ||
} | ||
}, | ||
"alpha": { | ||
"0": { | ||
"light": { | ||
"value": "transparent" | ||
}, | ||
"dark": { | ||
"value": "transparent" | ||
} | ||
}, | ||
"100": { | ||
"light": { | ||
"value": "rgba(130, 55, 180, 0.04)" | ||
}, | ||
"dark": { | ||
"value": "rgba(241, 105, 129, 0.05)" | ||
} | ||
}, | ||
"200": { | ||
"light": { | ||
"value": "rgba(93, 18, 155, 0.08)" | ||
}, | ||
"dark": { | ||
"value": "rgba(232, 136, 196, 0.09)" | ||
} | ||
}, | ||
"300": { | ||
"light": { | ||
"value": "rgba(90, 0, 160, 0.20)" | ||
}, | ||
"dark": { | ||
"value": "rgba(221, 139, 252, 0.22)" | ||
} | ||
} | ||
} | ||
@@ -872,0 +906,0 @@ }, |
@@ -219,2 +219,10 @@ { | ||
}, | ||
"secondary": { | ||
"light": { | ||
"value": "{color.base.danger.800.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.danger.800.dark.value}" | ||
} | ||
}, | ||
"high_contrast": { | ||
@@ -255,2 +263,314 @@ "_": { | ||
}, | ||
"warning": { | ||
"primary": { | ||
"_": { | ||
"light": { | ||
"value": "{color.base.warning.600.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.warning.600.dark.value}" | ||
} | ||
}, | ||
"hovered": { | ||
"light": { | ||
"value": "{color.base.warning.700.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.warning.700.dark.value}" | ||
} | ||
}, | ||
"focused": { | ||
"light": { | ||
"value": "{color.base.warning.700.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.warning.700.dark.value}" | ||
} | ||
}, | ||
"pressed": { | ||
"light": { | ||
"value": "{color.base.warning.800.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.warning.800.dark.value}" | ||
} | ||
} | ||
}, | ||
"secondary": { | ||
"light": { | ||
"value": "{color.base.warning.800.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.warning.800.dark.value}" | ||
} | ||
}, | ||
"high_contrast": { | ||
"_": { | ||
"light": { | ||
"value": "{color.base.warning.700.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.warning.700.dark.value}" | ||
} | ||
}, | ||
"hovered": { | ||
"light": { | ||
"value": "{color.base.warning.800.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.warning.800.dark.value}" | ||
} | ||
}, | ||
"focused": { | ||
"light": { | ||
"value": "{color.base.warning.800.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.warning.800.dark.value}" | ||
} | ||
}, | ||
"pressed": { | ||
"light": { | ||
"value": "{color.base.warning.900.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.warning.900.dark.value}" | ||
} | ||
} | ||
} | ||
}, | ||
"success": { | ||
"primary": { | ||
"_": { | ||
"light": { | ||
"value": "{color.base.success.600.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.success.600.dark.value}" | ||
} | ||
}, | ||
"hovered": { | ||
"light": { | ||
"value": "{color.base.success.700.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.success.700.dark.value}" | ||
} | ||
}, | ||
"focused": { | ||
"light": { | ||
"value": "{color.base.success.700.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.success.700.dark.value}" | ||
} | ||
}, | ||
"pressed": { | ||
"light": { | ||
"value": "{color.base.success.800.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.success.800.dark.value}" | ||
} | ||
} | ||
}, | ||
"secondary": { | ||
"light": { | ||
"value": "{color.base.success.800.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.success.800.dark.value}" | ||
} | ||
}, | ||
"high_contrast": { | ||
"_": { | ||
"light": { | ||
"value": "{color.base.success.700.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.success.700.dark.value}" | ||
} | ||
}, | ||
"hovered": { | ||
"light": { | ||
"value": "{color.base.success.800.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.success.800.dark.value}" | ||
} | ||
}, | ||
"focused": { | ||
"light": { | ||
"value": "{color.base.success.800.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.success.800.dark.value}" | ||
} | ||
}, | ||
"pressed": { | ||
"light": { | ||
"value": "{color.base.success.900.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.success.900.dark.value}" | ||
} | ||
} | ||
} | ||
}, | ||
"information": { | ||
"primary": { | ||
"_": { | ||
"light": { | ||
"value": "{color.base.information.600.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.600.dark.value}" | ||
} | ||
}, | ||
"hovered": { | ||
"light": { | ||
"value": "{color.base.information.700.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.700.dark.value}" | ||
} | ||
}, | ||
"focused": { | ||
"light": { | ||
"value": "{color.base.information.700.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.700.dark.value}" | ||
} | ||
}, | ||
"pressed": { | ||
"light": { | ||
"value": "{color.base.information.800.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.800.dark.value}" | ||
} | ||
} | ||
}, | ||
"secondary": { | ||
"light": { | ||
"value": "{color.base.information.800.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.800.dark.value}" | ||
} | ||
}, | ||
"high_contrast": { | ||
"_": { | ||
"light": { | ||
"value": "{color.base.information.700.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.700.dark.value}" | ||
} | ||
}, | ||
"hovered": { | ||
"light": { | ||
"value": "{color.base.information.800.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.800.dark.value}" | ||
} | ||
}, | ||
"focused": { | ||
"light": { | ||
"value": "{color.base.information.800.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.800.dark.value}" | ||
} | ||
}, | ||
"pressed": { | ||
"light": { | ||
"value": "{color.base.information.900.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.information.900.dark.value}" | ||
} | ||
} | ||
} | ||
}, | ||
"discovery": { | ||
"primary": { | ||
"_": { | ||
"light": { | ||
"value": "{color.base.discovery.600.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.600.dark.value}" | ||
} | ||
}, | ||
"hovered": { | ||
"light": { | ||
"value": "{color.base.discovery.700.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.700.dark.value}" | ||
} | ||
}, | ||
"focused": { | ||
"light": { | ||
"value": "{color.base.discovery.700.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.700.dark.value}" | ||
} | ||
}, | ||
"pressed": { | ||
"light": { | ||
"value": "{color.base.discovery.800.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.800.dark.value}" | ||
} | ||
} | ||
}, | ||
"secondary": { | ||
"light": { | ||
"value": "{color.base.discovery.800.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.800.dark.value}" | ||
} | ||
}, | ||
"high_contrast": { | ||
"_": { | ||
"light": { | ||
"value": "{color.base.discovery.700.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.700.dark.value}" | ||
} | ||
}, | ||
"hovered": { | ||
"light": { | ||
"value": "{color.base.discovery.800.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.800.dark.value}" | ||
} | ||
}, | ||
"focused": { | ||
"light": { | ||
"value": "{color.base.discovery.800.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.800.dark.value}" | ||
} | ||
}, | ||
"pressed": { | ||
"light": { | ||
"value": "{color.base.discovery.900.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.base.discovery.900.dark.value}" | ||
} | ||
} | ||
} | ||
}, | ||
"pink": { | ||
@@ -436,2 +756,38 @@ "primary": { | ||
}, | ||
"grey": { | ||
"primary": { | ||
"_": { | ||
"light": { | ||
"value": "{color.palette.grey.600.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.grey.600.dark.value}" | ||
} | ||
}, | ||
"hovered": { | ||
"light": { | ||
"value": "{color.palette.grey.700.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.grey.700.dark.value}" | ||
} | ||
}, | ||
"focused": { | ||
"light": { | ||
"value": "{color.palette.grey.700.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.grey.700.dark.value}" | ||
} | ||
}, | ||
"pressed": { | ||
"light": { | ||
"value": "{color.palette.grey.800.light.value}" | ||
}, | ||
"dark": { | ||
"value": "{color.palette.grey.800.dark.value}" | ||
} | ||
} | ||
} | ||
}, | ||
"blue": { | ||
@@ -438,0 +794,0 @@ "primary": { |
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 too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
830966
15534
29