@neovici/cosmoz-tokens 4.0.0 → 4.1.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neovici/cosmoz-tokens",
3
- "version": "4.0.0",
3
+ "version": "4.1.0",
4
4
  "description": "Design tokens for Cosmoz web components based on Untitled UI",
5
5
  "keywords": [
6
6
  "design-tokens",
package/src/fallback.css CHANGED
@@ -18,6 +18,7 @@
18
18
  --cz-color-text-error-hover: var(--cz-color-error-800);
19
19
  --cz-color-text-warning: var(--cz-color-warning-700);
20
20
  --cz-color-text-success: var(--cz-color-success-700);
21
+ --cz-color-text-processing: var(--cz-color-indigo-700);
21
22
  --cz-color-text-brand: var(--cz-color-brand-600);
22
23
  --cz-color-text-brand-hover: var(--cz-color-brand-700);
23
24
  --cz-color-text-on-brand: var(--cz-color-white);
@@ -51,6 +52,9 @@
51
52
  --cz-color-bg-success: var(--cz-color-success-50);
52
53
  --cz-color-bg-success-secondary: var(--cz-color-success-100);
53
54
  --cz-color-bg-success-solid: var(--cz-color-success-600);
55
+ --cz-color-bg-processing: var(--cz-color-indigo-50);
56
+ --cz-color-bg-processing-secondary: var(--cz-color-indigo-100);
57
+ --cz-color-bg-processing-solid: var(--cz-color-indigo-600);
54
58
  --cz-color-bg-info: var(--cz-color-info-50);
55
59
  --cz-color-bg-info-secondary: var(--cz-color-info-100);
56
60
  --cz-color-bg-info-solid: var(--cz-color-info-600);
@@ -84,6 +88,8 @@
84
88
  --cz-color-fg-warning-secondary: var(--cz-color-warning-500);
85
89
  --cz-color-fg-success: var(--cz-color-success-600);
86
90
  --cz-color-fg-success-secondary: var(--cz-color-success-500);
91
+ --cz-color-fg-processing: var(--cz-color-indigo-600);
92
+ --cz-color-fg-processing-secondary: var(--cz-color-indigo-500);
87
93
  --cz-color-fg-info: var(--cz-color-info-600);
88
94
  --cz-color-fg-info-secondary: var(--cz-color-info-500);
89
95
  --cz-focus-ring: inset 0 0 0 2px var(--cz-color-brand-100);
package/src/semantic.css CHANGED
@@ -64,6 +64,10 @@
64
64
  var(--cz-color-success-700),
65
65
  var(--cz-color-success-400)
66
66
  );
67
+ --cz-color-text-processing: light-dark(
68
+ var(--cz-color-indigo-700),
69
+ var(--cz-color-indigo-400)
70
+ );
67
71
  --cz-color-text-brand: light-dark(
68
72
  var(--cz-color-brand-600),
69
73
  var(--cz-color-brand-400)
@@ -202,6 +206,18 @@
202
206
  var(--cz-color-success-600),
203
207
  var(--cz-color-success-600)
204
208
  );
209
+ --cz-color-bg-processing: light-dark(
210
+ var(--cz-color-indigo-50),
211
+ var(--cz-color-indigo-950)
212
+ );
213
+ --cz-color-bg-processing-secondary: light-dark(
214
+ var(--cz-color-indigo-100),
215
+ var(--cz-color-indigo-600)
216
+ );
217
+ --cz-color-bg-processing-solid: light-dark(
218
+ var(--cz-color-indigo-600),
219
+ var(--cz-color-indigo-600)
220
+ );
205
221
  --cz-color-bg-info: light-dark(
206
222
  var(--cz-color-info-50),
207
223
  var(--cz-color-info-950)
@@ -335,6 +351,14 @@
335
351
  var(--cz-color-success-500),
336
352
  var(--cz-color-success-400)
337
353
  );
354
+ --cz-color-fg-processing: light-dark(
355
+ var(--cz-color-indigo-600),
356
+ var(--cz-color-indigo-500)
357
+ );
358
+ --cz-color-fg-processing-secondary: light-dark(
359
+ var(--cz-color-indigo-500),
360
+ var(--cz-color-indigo-400)
361
+ );
338
362
  --cz-color-fg-info: light-dark(
339
363
  var(--cz-color-info-600),
340
364
  var(--cz-color-info-500)