@boyernick/standard-ui-tokens 0.2.2-canary.40 → 0.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.
- package/css/tokens.css +16 -26
- package/package.json +1 -1
package/css/tokens.css
CHANGED
|
@@ -75,13 +75,6 @@
|
|
|
75
75
|
--decorative-olive: #6e540b;
|
|
76
76
|
--decorative-crimson: #a51117;
|
|
77
77
|
|
|
78
|
-
--decorative-green-fill: #0ea143;
|
|
79
|
-
--decorative-blue-fill: #0b84fa;
|
|
80
|
-
--decorative-orange-fill: #db560a;
|
|
81
|
-
--decorative-purple-fill: #985afd;
|
|
82
|
-
--decorative-pink-fill: #ec108f;
|
|
83
|
-
--decorative-olive-fill: #a7800b;
|
|
84
|
-
--decorative-crimson-fill: #f81122;
|
|
85
78
|
|
|
86
79
|
/* Status tones pair readable foregrounds with quiet, contextual fills. */
|
|
87
80
|
--status-info: var(--blue-600);
|
|
@@ -126,11 +119,13 @@
|
|
|
126
119
|
across themes for the same reason the fills are: a series keeps its
|
|
127
120
|
identity. `neutral` is spelled out because the grey ramps *do* flip and
|
|
128
121
|
this one must not. */
|
|
129
|
-
--chart-1:
|
|
130
|
-
--chart-2:
|
|
131
|
-
--chart-3:
|
|
132
|
-
--chart-4:
|
|
133
|
-
--chart-5:
|
|
122
|
+
--chart-1: #0ea143;
|
|
123
|
+
--chart-2: #0b84fa;
|
|
124
|
+
--chart-3: #db560a;
|
|
125
|
+
--chart-4: #985afd;
|
|
126
|
+
--chart-5: #ec108f;
|
|
127
|
+
--chart-6: #a7800b;
|
|
128
|
+
--chart-7: #f81122;
|
|
134
129
|
--chart-neutral: #8f8f8f;
|
|
135
130
|
|
|
136
131
|
/* The action set mirrors brand's: fill, hover, pressed, border, foreground.
|
|
@@ -254,13 +249,13 @@
|
|
|
254
249
|
|
|
255
250
|
/* Ink flips to the fill: the same value that reads as area on a light page
|
|
256
251
|
reads as legible ink on a dark one. */
|
|
257
|
-
--decorative-green: var(--
|
|
258
|
-
--decorative-blue: var(--
|
|
259
|
-
--decorative-orange: var(--
|
|
260
|
-
--decorative-purple: var(--
|
|
261
|
-
--decorative-pink: var(--
|
|
262
|
-
--decorative-olive: var(--
|
|
263
|
-
--decorative-crimson: var(--
|
|
252
|
+
--decorative-green: var(--chart-1);
|
|
253
|
+
--decorative-blue: var(--chart-2);
|
|
254
|
+
--decorative-orange: var(--chart-3);
|
|
255
|
+
--decorative-purple: var(--chart-4);
|
|
256
|
+
--decorative-pink: var(--chart-5);
|
|
257
|
+
--decorative-olive: var(--chart-6);
|
|
258
|
+
--decorative-crimson: var(--chart-7);
|
|
264
259
|
|
|
265
260
|
--status-info: var(--blue-200);
|
|
266
261
|
--status-success: var(--green-200);
|
|
@@ -364,13 +359,6 @@
|
|
|
364
359
|
--color-decorative-olive: var(--decorative-olive);
|
|
365
360
|
--color-decorative-crimson: var(--decorative-crimson);
|
|
366
361
|
|
|
367
|
-
--color-decorative-green-fill: var(--decorative-green-fill);
|
|
368
|
-
--color-decorative-blue-fill: var(--decorative-blue-fill);
|
|
369
|
-
--color-decorative-orange-fill: var(--decorative-orange-fill);
|
|
370
|
-
--color-decorative-purple-fill: var(--decorative-purple-fill);
|
|
371
|
-
--color-decorative-pink-fill: var(--decorative-pink-fill);
|
|
372
|
-
--color-decorative-olive-fill: var(--decorative-olive-fill);
|
|
373
|
-
--color-decorative-crimson-fill: var(--decorative-crimson-fill);
|
|
374
362
|
|
|
375
363
|
--color-status-info: var(--status-info);
|
|
376
364
|
--color-status-info-background: var(--status-info-background);
|
|
@@ -455,6 +443,8 @@
|
|
|
455
443
|
--color-chart-3: var(--chart-3);
|
|
456
444
|
--color-chart-4: var(--chart-4);
|
|
457
445
|
--color-chart-5: var(--chart-5);
|
|
446
|
+
--color-chart-6: var(--chart-6);
|
|
447
|
+
--color-chart-7: var(--chart-7);
|
|
458
448
|
--color-chart-neutral: var(--chart-neutral);
|
|
459
449
|
|
|
460
450
|
--color-red-25: var(--red-25);
|