@neovici/cosmoz-tokens 3.2.1 → 3.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/primitives.css +27 -13
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neovici/cosmoz-tokens",
3
- "version": "3.2.1",
3
+ "version": "3.3.0",
4
4
  "description": "Design tokens for Cosmoz web components based on Untitled UI",
5
5
  "keywords": [
6
6
  "design-tokens",
package/src/primitives.css CHANGED
@@ -13,19 +13,33 @@
13
13
  --cz-color-alpha-white: rgb(255 255 255);
14
14
  --cz-color-alpha-black: rgb(0 0 0);
15
15
 
16
- /* Brand colors - custom indigo based on #3f51b5 */
17
- --cz-color-brand-25: rgb(245 246 251);
18
- --cz-color-brand-50: rgb(235 238 249);
19
- --cz-color-brand-100: rgb(215 221 243);
20
- --cz-color-brand-200: rgb(179 190 234);
21
- --cz-color-brand-300: rgb(138 156 221);
22
- --cz-color-brand-400: rgb(100 120 207);
23
- --cz-color-brand-500: rgb(77 95 194);
24
- --cz-color-brand-600: rgb(63 81 181);
25
- --cz-color-brand-700: rgb(53 68 151);
26
- --cz-color-brand-800: rgb(44 56 121);
27
- --cz-color-brand-900: rgb(37 47 96);
28
- --cz-color-brand-950: rgb(24 30 61);
16
+ /* Danube colors */
17
+ --cz-danube-25: rgb(251 252 254);
18
+ --cz-danube-50: rgb(222 230 246);
19
+ --cz-danube-100: rgb(195 209 237);
20
+ --cz-danube-200: rgb(169 189 226);
21
+ --cz-danube-300: rgb(144 169 215);
22
+ --cz-danube-400: rgb(120 150 202);
23
+ --cz-danube-500: rgb(95 129 189);
24
+ --cz-danube-600: rgb(73 109 172);
25
+ --cz-danube-700: rgb(64 93 144);
26
+ --cz-danube-800: rgb(54 76 116);
27
+ --cz-danube-900: rgb(43 59 89);
28
+ --cz-danube-950: rgb(31 42 62);
29
+
30
+ /* Brand colors - Danube */
31
+ --cz-color-brand-25: var(--cz-danube-25);
32
+ --cz-color-brand-50: var(--cz-danube-50);
33
+ --cz-color-brand-100: var(--cz-danube-100);
34
+ --cz-color-brand-200: var(--cz-danube-200);
35
+ --cz-color-brand-300: var(--cz-danube-300);
36
+ --cz-color-brand-400: var(--cz-danube-400);
37
+ --cz-color-brand-500: var(--cz-danube-500);
38
+ --cz-color-brand-600: var(--cz-danube-600);
39
+ --cz-color-brand-700: var(--cz-danube-700);
40
+ --cz-color-brand-800: var(--cz-danube-800);
41
+ --cz-color-brand-900: var(--cz-danube-900);
42
+ --cz-color-brand-950: var(--cz-danube-950);
29
43
 
30
44
  /* Gray colors */
31
45
  --cz-color-gray-25: rgb(253 253 253);