@planningcenter/tapestry 2.6.1-rc.1 → 3.0.0-rc.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/dist/deprecated.css +24 -6
- package/dist/index.css +69 -51
- package/dist/index.css.map +1 -1
- package/dist/reactRender.css +519 -501
- package/dist/reactRender.css.map +1 -1
- package/dist/reactRenderLegacy.css +519 -501
- package/dist/reactRenderLegacy.css.map +1 -1
- package/dist/tokens/ts/react-native-tokens.d.ts +152 -17
- package/dist/tokens/ts/react-native-tokens.d.ts.map +1 -1
- package/dist/tokens/ts/react-native-tokens.js +53 -17
- package/dist/tokens/ts/react-native-tokens.js.map +1 -1
- package/dist/tokens/ts/tokens.d.ts +35 -18
- package/dist/tokens/ts/tokens.d.ts.map +1 -1
- package/dist/tokens/ts/tokens.js +35 -18
- package/dist/tokens/ts/tokens.js.map +1 -1
- package/dist/tokens-dark.css +28 -28
- package/dist/tokens.css +69 -51
- package/dist/tokens.css.map +1 -1
- package/dist/unstable.css +69 -51
- package/dist/unstable.css.map +1 -1
- package/package.json +2 -2
package/dist/deprecated.css
CHANGED
|
@@ -6,14 +6,27 @@
|
|
|
6
6
|
--t-border-size-default: var(--t-border-width);
|
|
7
7
|
--t-border-size-thick: var(--t-border-width-thick);
|
|
8
8
|
--t-font-weight-semi-bold: var(--t-font-weight-semibold);
|
|
9
|
-
--t-icon-color-status-neutral-dark:
|
|
10
|
-
--t-icon-color-status-info-secondary:
|
|
9
|
+
--t-icon-color-status-neutral-dark: var(--t-icon-color-status-neutral-bold);
|
|
10
|
+
--t-icon-color-status-info-secondary: var(--t-icon-color-status-info);
|
|
11
|
+
--t-fill-color-status-neutral-solid: var(--t-fill-color-status-neutral);
|
|
12
|
+
--t-fill-color-status-info-solid: var(--t-fill-color-status-info);
|
|
13
|
+
--t-fill-color-status-success-solid: var(--t-fill-color-status-success);
|
|
14
|
+
--t-fill-color-status-warning-solid: var(--t-fill-color-status-warning);
|
|
15
|
+
--t-fill-color-status-error-solid: var(--t-fill-color-status-error);
|
|
11
16
|
--t-fill-color-alert-info: hsl(204, 94%, 49%);
|
|
12
17
|
--t-fill-color-alert-success: hsl(122, 60%, 41%);
|
|
13
18
|
--t-fill-color-alert-warning: hsl(43, 96%, 58%);
|
|
14
19
|
--t-fill-color-alert-error: hsl(4, 77%, 59%);
|
|
15
|
-
--t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 98%);
|
|
16
20
|
--t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 98%);
|
|
21
|
+
--t-fill-color-button-neutral-outline-dim-default: var(--t-fill-color-button-neutral-outline);
|
|
22
|
+
--t-fill-color-button-neutral-outline-dim-hover: var(--t-fill-color-button-neutral-outline-hover);
|
|
23
|
+
--t-fill-color-button-neutral-outline-dim-active: var(--t-fill-color-button-neutral-outline-active);
|
|
24
|
+
--t-fill-color-button-neutral-outline-dim-disabled: var(--t-fill-color-button-neutral-outline-disabled);
|
|
25
|
+
--t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 98%);
|
|
26
|
+
--t-fill-color-button-interaction-outline-dim-default: var(--t-fill-color-button-interaction-outline);
|
|
27
|
+
--t-fill-color-button-interaction-outline-dim-hover: var(--t-fill-color-button-interaction-outline-hover);
|
|
28
|
+
--t-fill-color-button-interaction-outline-dim-active: var(--t-fill-color-button-interaction-outline-active);
|
|
29
|
+
--t-fill-color-button-interaction-outline-dim-disabled: var(--t-fill-color-button-interaction-outline-disabled);
|
|
17
30
|
--t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);
|
|
18
31
|
--t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);
|
|
19
32
|
--t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);
|
|
@@ -22,6 +35,10 @@
|
|
|
22
35
|
--t-fill-color-button-create-ghost-hover: hsl(96, 60%, 95%);
|
|
23
36
|
--t-fill-color-button-create-ghost-active: hsl(97, 57%, 90%);
|
|
24
37
|
--t-fill-color-button-create-ghost-disabled: hsla(0, 0%, 100%, 0);
|
|
38
|
+
--t-fill-color-button-delete-outline-dim-default: var(--t-fill-color-button-delete-outline);
|
|
39
|
+
--t-fill-color-button-delete-outline-dim-hover: var(--t-fill-color-button-delete-outline-hover);
|
|
40
|
+
--t-fill-color-button-delete-outline-dim-active: var(--t-fill-color-button-delete-outline-active);
|
|
41
|
+
--t-fill-color-button-delete-outline-dim-disabled: var(--t-fill-color-button-delete-outline-disabled);
|
|
25
42
|
--t-border-color-default-base: var(--t-border-color);
|
|
26
43
|
--t-border-color-default-dark: var(--t-border-color-dark);
|
|
27
44
|
--t-border-color-default-darker: var(--t-border-color-darker);
|
|
@@ -32,19 +49,20 @@
|
|
|
32
49
|
--t-border-radius-default: var(--t-border-radius);
|
|
33
50
|
--t-border-width-default: var(--t-border-width);
|
|
34
51
|
--t-fill-color-button-delete-ghost-default: var(--t-fill-color-button-delete-ghost);
|
|
35
|
-
--t-fill-color-button-delete-outline-
|
|
52
|
+
--t-fill-color-button-delete-outline-default: var(--t-fill-color-button-delete-outline);
|
|
36
53
|
--t-fill-color-button-delete-solid-default: var(--t-fill-color-button-delete-solid);
|
|
37
54
|
--t-fill-color-button-interaction-ghost-default: var(--t-fill-color-button-interaction-ghost);
|
|
38
|
-
--t-fill-color-button-interaction-outline-
|
|
55
|
+
--t-fill-color-button-interaction-outline-default: var(--t-fill-color-button-interaction-outline);
|
|
39
56
|
--t-fill-color-button-interaction-solid-default: var(--t-fill-color-button-interaction-solid);
|
|
40
57
|
--t-fill-color-button-neutral-ghost-default: var(--t-fill-color-button-neutral-ghost);
|
|
41
|
-
--t-fill-color-button-neutral-outline-
|
|
58
|
+
--t-fill-color-button-neutral-outline-default: var(--t-fill-color-button-neutral-outline);
|
|
42
59
|
--t-fill-color-button-neutral-responsive-header-default: var(--t-fill-color-button-neutral-responsive-header);
|
|
43
60
|
--t-fill-color-button-neutral-solid-default: var(--t-fill-color-button-neutral-solid);
|
|
44
61
|
--t-fill-color-button-pill-default: var(--t-fill-color-button-pill);
|
|
45
62
|
--t-fill-color-control-primary: var(--t-fill-color-control);
|
|
46
63
|
--t-fill-color-interaction-default: var(--t-fill-color-interaction);
|
|
47
64
|
--t-fill-color-product-staff-base: var(--t-fill-color-product-staff);
|
|
65
|
+
--t-fill-color-status-error-primary: var(--t-fill-color-status-error);
|
|
48
66
|
--t-fill-color-tooltip-primary: var(--t-fill-color-tooltip);
|
|
49
67
|
--t-icon-color-default-dim: var(--t-icon-color-dim);
|
|
50
68
|
--t-icon-color-default-disabled: var(--t-icon-color-disabled);
|
package/dist/index.css
CHANGED
|
@@ -121,19 +121,19 @@
|
|
|
121
121
|
--t-fill-color-control-secondary:hsl(97, 57%, 40%);
|
|
122
122
|
--t-fill-color-control-error:hsl(8, 60%, 47%);
|
|
123
123
|
--t-fill-color-control-disabled:hsl(0, 0%, 81%);
|
|
124
|
-
--t-fill-color-status-neutral
|
|
124
|
+
--t-fill-color-status-neutral:hsl(0, 0%, 42%);
|
|
125
125
|
--t-fill-color-status-neutral-ghost:hsl(0, 0%, 93%);
|
|
126
126
|
--t-fill-color-status-neutral-dim:hsl(0, 0%, 97%);
|
|
127
|
-
--t-fill-color-status-info
|
|
127
|
+
--t-fill-color-status-info:hsl(204, 100%, 40%);
|
|
128
128
|
--t-fill-color-status-info-ghost:hsl(203, 94%, 94%);
|
|
129
129
|
--t-fill-color-status-info-dim:hsl(204, 100%, 97%);
|
|
130
|
-
--t-fill-color-status-success
|
|
130
|
+
--t-fill-color-status-success:hsl(96, 57%, 33%);
|
|
131
131
|
--t-fill-color-status-success-ghost:hsl(97, 57%, 90%);
|
|
132
132
|
--t-fill-color-status-success-dim:hsl(96, 60%, 95%);
|
|
133
|
-
--t-fill-color-status-warning
|
|
133
|
+
--t-fill-color-status-warning:hsl(42, 84%, 63%);
|
|
134
134
|
--t-fill-color-status-warning-ghost:hsl(42, 87%, 94%);
|
|
135
135
|
--t-fill-color-status-warning-dim:hsl(42, 87%, 97%);
|
|
136
|
-
--t-fill-color-status-error
|
|
136
|
+
--t-fill-color-status-error:hsl(8, 60%, 47%);
|
|
137
137
|
--t-fill-color-status-error-ghost:hsl(9, 59%, 93%);
|
|
138
138
|
--t-fill-color-status-error-dim:hsl(7, 60%, 97%);
|
|
139
139
|
--t-fill-color-tooltip:hsla(0, 0%, 12%, 0.9);
|
|
@@ -301,10 +301,10 @@
|
|
|
301
301
|
--t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 88%);
|
|
302
302
|
--t-fill-color-button-neutral-solid-active:hsl(0, 0%, 81%);
|
|
303
303
|
--t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 95%);
|
|
304
|
-
--t-fill-color-button-neutral-outline
|
|
305
|
-
--t-fill-color-button-neutral-outline-
|
|
306
|
-
--t-fill-color-button-neutral-outline-
|
|
307
|
-
--t-fill-color-button-neutral-outline-
|
|
304
|
+
--t-fill-color-button-neutral-outline:hsla(0, 0%, 100%, 0);
|
|
305
|
+
--t-fill-color-button-neutral-outline-hover:hsl(0, 0%, 95%);
|
|
306
|
+
--t-fill-color-button-neutral-outline-active:hsl(0, 0%, 93%);
|
|
307
|
+
--t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 98%);
|
|
308
308
|
--t-fill-color-button-neutral-ghost:hsla(0, 0%, 100%, 0);
|
|
309
309
|
--t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 95%);
|
|
310
310
|
--t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 93%);
|
|
@@ -317,10 +317,10 @@
|
|
|
317
317
|
--t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 35%);
|
|
318
318
|
--t-fill-color-button-interaction-solid-active:hsl(204, 100%, 30%);
|
|
319
319
|
--t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 95%);
|
|
320
|
-
--t-fill-color-button-interaction-outline
|
|
321
|
-
--t-fill-color-button-interaction-outline-
|
|
322
|
-
--t-fill-color-button-interaction-outline-
|
|
323
|
-
--t-fill-color-button-interaction-outline-
|
|
320
|
+
--t-fill-color-button-interaction-outline:hsla(0, 0%, 100%, 0);
|
|
321
|
+
--t-fill-color-button-interaction-outline-hover:hsl(204, 100%, 97%);
|
|
322
|
+
--t-fill-color-button-interaction-outline-active:hsl(203, 94%, 94%);
|
|
323
|
+
--t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 98%);
|
|
324
324
|
--t-fill-color-button-interaction-ghost:hsla(0, 0%, 100%, 0);
|
|
325
325
|
--t-fill-color-button-interaction-ghost-hover:hsl(204, 100%, 97%);
|
|
326
326
|
--t-fill-color-button-interaction-ghost-active:hsl(203, 94%, 94%);
|
|
@@ -329,10 +329,10 @@
|
|
|
329
329
|
--t-fill-color-button-delete-solid-hover:hsl(8, 60%, 45%);
|
|
330
330
|
--t-fill-color-button-delete-solid-active:hsl(8, 60%, 40%);
|
|
331
331
|
--t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 95%);
|
|
332
|
-
--t-fill-color-button-delete-outline
|
|
333
|
-
--t-fill-color-button-delete-outline-
|
|
334
|
-
--t-fill-color-button-delete-outline-
|
|
335
|
-
--t-fill-color-button-delete-outline-
|
|
332
|
+
--t-fill-color-button-delete-outline:hsla(0, 0%, 100%, 0);
|
|
333
|
+
--t-fill-color-button-delete-outline-hover:hsl(7, 60%, 97%);
|
|
334
|
+
--t-fill-color-button-delete-outline-active:hsl(9, 59%, 93%);
|
|
335
|
+
--t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 98%);
|
|
336
336
|
--t-fill-color-button-delete-ghost:hsla(0, 0%, 100%, 0);
|
|
337
337
|
--t-fill-color-button-delete-ghost-hover:hsl(7, 60%, 97%);
|
|
338
338
|
--t-fill-color-button-delete-ghost-active:hsl(9, 59%, 93%);
|
|
@@ -414,14 +414,27 @@
|
|
|
414
414
|
--t-border-size-default:var(--t-border-width);
|
|
415
415
|
--t-border-size-thick:var(--t-border-width-thick);
|
|
416
416
|
--t-font-weight-semi-bold:var(--t-font-weight-semibold);
|
|
417
|
-
--t-icon-color-status-neutral-dark:
|
|
418
|
-
--t-icon-color-status-info-secondary:
|
|
417
|
+
--t-icon-color-status-neutral-dark:var(--t-icon-color-status-neutral-bold);
|
|
418
|
+
--t-icon-color-status-info-secondary:var(--t-icon-color-status-info);
|
|
419
|
+
--t-fill-color-status-neutral-solid:var(--t-fill-color-status-neutral);
|
|
420
|
+
--t-fill-color-status-info-solid:var(--t-fill-color-status-info);
|
|
421
|
+
--t-fill-color-status-success-solid:var(--t-fill-color-status-success);
|
|
422
|
+
--t-fill-color-status-warning-solid:var(--t-fill-color-status-warning);
|
|
423
|
+
--t-fill-color-status-error-solid:var(--t-fill-color-status-error);
|
|
419
424
|
--t-fill-color-alert-info:hsl(204, 94%, 49%);
|
|
420
425
|
--t-fill-color-alert-success:hsl(122, 60%, 41%);
|
|
421
426
|
--t-fill-color-alert-warning:hsl(43, 96%, 58%);
|
|
422
427
|
--t-fill-color-alert-error:hsl(4, 77%, 59%);
|
|
423
|
-
--t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 98%);
|
|
424
428
|
--t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 98%);
|
|
429
|
+
--t-fill-color-button-neutral-outline-dim-default:var(--t-fill-color-button-neutral-outline);
|
|
430
|
+
--t-fill-color-button-neutral-outline-dim-hover:var(--t-fill-color-button-neutral-outline-hover);
|
|
431
|
+
--t-fill-color-button-neutral-outline-dim-active:var(--t-fill-color-button-neutral-outline-active);
|
|
432
|
+
--t-fill-color-button-neutral-outline-dim-disabled:var(--t-fill-color-button-neutral-outline-disabled);
|
|
433
|
+
--t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 98%);
|
|
434
|
+
--t-fill-color-button-interaction-outline-dim-default:var(--t-fill-color-button-interaction-outline);
|
|
435
|
+
--t-fill-color-button-interaction-outline-dim-hover:var(--t-fill-color-button-interaction-outline-hover);
|
|
436
|
+
--t-fill-color-button-interaction-outline-dim-active:var(--t-fill-color-button-interaction-outline-active);
|
|
437
|
+
--t-fill-color-button-interaction-outline-dim-disabled:var(--t-fill-color-button-interaction-outline-disabled);
|
|
425
438
|
--t-fill-color-button-create-solid-default:hsl(96, 57%, 33%);
|
|
426
439
|
--t-fill-color-button-create-solid-hover:hsl(97, 57%, 28%);
|
|
427
440
|
--t-fill-color-button-create-solid-active:hsl(97, 57%, 23%);
|
|
@@ -430,6 +443,10 @@
|
|
|
430
443
|
--t-fill-color-button-create-ghost-hover:hsl(96, 60%, 95%);
|
|
431
444
|
--t-fill-color-button-create-ghost-active:hsl(97, 57%, 90%);
|
|
432
445
|
--t-fill-color-button-create-ghost-disabled:hsla(0, 0%, 100%, 0);
|
|
446
|
+
--t-fill-color-button-delete-outline-dim-default:var(--t-fill-color-button-delete-outline);
|
|
447
|
+
--t-fill-color-button-delete-outline-dim-hover:var(--t-fill-color-button-delete-outline-hover);
|
|
448
|
+
--t-fill-color-button-delete-outline-dim-active:var(--t-fill-color-button-delete-outline-active);
|
|
449
|
+
--t-fill-color-button-delete-outline-dim-disabled:var(--t-fill-color-button-delete-outline-disabled);
|
|
433
450
|
--t-border-color-default-base:var(--t-border-color);
|
|
434
451
|
--t-border-color-default-dark:var(--t-border-color-dark);
|
|
435
452
|
--t-border-color-default-darker:var(--t-border-color-darker);
|
|
@@ -440,19 +457,20 @@
|
|
|
440
457
|
--t-border-radius-default:var(--t-border-radius);
|
|
441
458
|
--t-border-width-default:var(--t-border-width);
|
|
442
459
|
--t-fill-color-button-delete-ghost-default:var(--t-fill-color-button-delete-ghost);
|
|
443
|
-
--t-fill-color-button-delete-outline-
|
|
460
|
+
--t-fill-color-button-delete-outline-default:var(--t-fill-color-button-delete-outline);
|
|
444
461
|
--t-fill-color-button-delete-solid-default:var(--t-fill-color-button-delete-solid);
|
|
445
462
|
--t-fill-color-button-interaction-ghost-default:var(--t-fill-color-button-interaction-ghost);
|
|
446
|
-
--t-fill-color-button-interaction-outline-
|
|
463
|
+
--t-fill-color-button-interaction-outline-default:var(--t-fill-color-button-interaction-outline);
|
|
447
464
|
--t-fill-color-button-interaction-solid-default:var(--t-fill-color-button-interaction-solid);
|
|
448
465
|
--t-fill-color-button-neutral-ghost-default:var(--t-fill-color-button-neutral-ghost);
|
|
449
|
-
--t-fill-color-button-neutral-outline-
|
|
466
|
+
--t-fill-color-button-neutral-outline-default:var(--t-fill-color-button-neutral-outline);
|
|
450
467
|
--t-fill-color-button-neutral-responsive-header-default:var(--t-fill-color-button-neutral-responsive-header);
|
|
451
468
|
--t-fill-color-button-neutral-solid-default:var(--t-fill-color-button-neutral-solid);
|
|
452
469
|
--t-fill-color-button-pill-default:var(--t-fill-color-button-pill);
|
|
453
470
|
--t-fill-color-control-primary:var(--t-fill-color-control);
|
|
454
471
|
--t-fill-color-interaction-default:var(--t-fill-color-interaction);
|
|
455
472
|
--t-fill-color-product-staff-base:var(--t-fill-color-product-staff);
|
|
473
|
+
--t-fill-color-status-error-primary:var(--t-fill-color-status-error);
|
|
456
474
|
--t-fill-color-tooltip-primary:var(--t-fill-color-tooltip);
|
|
457
475
|
--t-icon-color-default-dim:var(--t-icon-color-dim);
|
|
458
476
|
--t-icon-color-default-disabled:var(--t-icon-color-disabled);
|
|
@@ -540,10 +558,10 @@
|
|
|
540
558
|
--t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
|
|
541
559
|
--t-fill-color-control:hsl(204, 100%, 35%);
|
|
542
560
|
--t-fill-color-control-disabled:hsl(0, 0%, 20%);
|
|
543
|
-
--t-fill-color-status-neutral
|
|
561
|
+
--t-fill-color-status-neutral:hsl(0, 0%, 24%);
|
|
544
562
|
--t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
|
|
545
563
|
--t-fill-color-status-neutral-dim:hsl(0, 0%, 15%);
|
|
546
|
-
--t-fill-color-status-info
|
|
564
|
+
--t-fill-color-status-info:hsl(204, 100%, 35%);
|
|
547
565
|
--t-fill-color-status-info-ghost:hsl(204, 32%, 15%);
|
|
548
566
|
--t-fill-color-status-info-dim:hsl(206, 22%, 15%);
|
|
549
567
|
--t-fill-color-status-success-ghost:hsl(125, 17%, 15%);
|
|
@@ -621,10 +639,10 @@
|
|
|
621
639
|
--t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
|
|
622
640
|
--t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
|
|
623
641
|
--t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 12%);
|
|
624
|
-
--t-fill-color-button-neutral-outline
|
|
625
|
-
--t-fill-color-button-neutral-outline-
|
|
626
|
-
--t-fill-color-button-neutral-outline-
|
|
627
|
-
--t-fill-color-button-neutral-outline-
|
|
642
|
+
--t-fill-color-button-neutral-outline:hsl(0, 0%, 15%);
|
|
643
|
+
--t-fill-color-button-neutral-outline-hover:hsl(0, 0%, 17%);
|
|
644
|
+
--t-fill-color-button-neutral-outline-active:hsl(0, 0%, 19%);
|
|
645
|
+
--t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 12%);
|
|
628
646
|
--t-fill-color-button-neutral-ghost:hsla(0, 0%, 0%, 0);
|
|
629
647
|
--t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
|
|
630
648
|
--t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
|
|
@@ -634,10 +652,10 @@
|
|
|
634
652
|
--t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
|
|
635
653
|
--t-fill-color-button-interaction-solid-active:hsl(204, 80%, 45%);
|
|
636
654
|
--t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 12%);
|
|
637
|
-
--t-fill-color-button-interaction-outline
|
|
638
|
-
--t-fill-color-button-interaction-outline-
|
|
639
|
-
--t-fill-color-button-interaction-outline-
|
|
640
|
-
--t-fill-color-button-interaction-outline-
|
|
655
|
+
--t-fill-color-button-interaction-outline:hsl(204, 32%, 15%);
|
|
656
|
+
--t-fill-color-button-interaction-outline-hover:hsl(204, 39%, 17%);
|
|
657
|
+
--t-fill-color-button-interaction-outline-active:hsl(205, 45%, 18%);
|
|
658
|
+
--t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 12%);
|
|
641
659
|
--t-fill-color-button-interaction-ghost:hsla(0, 0%, 0%, 0);
|
|
642
660
|
--t-fill-color-button-interaction-ghost-hover:hsl(204, 32%, 15%);
|
|
643
661
|
--t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
|
|
@@ -645,10 +663,10 @@
|
|
|
645
663
|
--t-fill-color-button-delete-solid:hsl(8, 60%, 40%);
|
|
646
664
|
--t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
|
|
647
665
|
--t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 12%);
|
|
648
|
-
--t-fill-color-button-delete-outline
|
|
649
|
-
--t-fill-color-button-delete-outline-
|
|
650
|
-
--t-fill-color-button-delete-outline-
|
|
651
|
-
--t-fill-color-button-delete-outline-
|
|
666
|
+
--t-fill-color-button-delete-outline:hsl(8, 20%, 16%);
|
|
667
|
+
--t-fill-color-button-delete-outline-hover:hsl(9, 24%, 17%);
|
|
668
|
+
--t-fill-color-button-delete-outline-active:hsl(9, 29%, 19%);
|
|
669
|
+
--t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 12%);
|
|
652
670
|
--t-fill-color-button-delete-ghost:hsla(0, 0%, 0%, 0);
|
|
653
671
|
--t-fill-color-button-delete-ghost-hover:hsl(8, 20%, 16%);
|
|
654
672
|
--t-fill-color-button-delete-ghost-active:hsl(9, 24%, 17%);
|
|
@@ -764,10 +782,10 @@
|
|
|
764
782
|
--t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
|
|
765
783
|
--t-fill-color-control:hsl(204, 100%, 35%);
|
|
766
784
|
--t-fill-color-control-disabled:hsl(0, 0%, 20%);
|
|
767
|
-
--t-fill-color-status-neutral
|
|
785
|
+
--t-fill-color-status-neutral:hsl(0, 0%, 24%);
|
|
768
786
|
--t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
|
|
769
787
|
--t-fill-color-status-neutral-dim:hsl(0, 0%, 15%);
|
|
770
|
-
--t-fill-color-status-info
|
|
788
|
+
--t-fill-color-status-info:hsl(204, 100%, 35%);
|
|
771
789
|
--t-fill-color-status-info-ghost:hsl(204, 32%, 15%);
|
|
772
790
|
--t-fill-color-status-info-dim:hsl(206, 22%, 15%);
|
|
773
791
|
--t-fill-color-status-success-ghost:hsl(125, 17%, 15%);
|
|
@@ -845,10 +863,10 @@
|
|
|
845
863
|
--t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
|
|
846
864
|
--t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
|
|
847
865
|
--t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 12%);
|
|
848
|
-
--t-fill-color-button-neutral-outline
|
|
849
|
-
--t-fill-color-button-neutral-outline-
|
|
850
|
-
--t-fill-color-button-neutral-outline-
|
|
851
|
-
--t-fill-color-button-neutral-outline-
|
|
866
|
+
--t-fill-color-button-neutral-outline:hsl(0, 0%, 15%);
|
|
867
|
+
--t-fill-color-button-neutral-outline-hover:hsl(0, 0%, 17%);
|
|
868
|
+
--t-fill-color-button-neutral-outline-active:hsl(0, 0%, 19%);
|
|
869
|
+
--t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 12%);
|
|
852
870
|
--t-fill-color-button-neutral-ghost:hsla(0, 0%, 0%, 0);
|
|
853
871
|
--t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
|
|
854
872
|
--t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
|
|
@@ -858,10 +876,10 @@
|
|
|
858
876
|
--t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
|
|
859
877
|
--t-fill-color-button-interaction-solid-active:hsl(204, 80%, 45%);
|
|
860
878
|
--t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 12%);
|
|
861
|
-
--t-fill-color-button-interaction-outline
|
|
862
|
-
--t-fill-color-button-interaction-outline-
|
|
863
|
-
--t-fill-color-button-interaction-outline-
|
|
864
|
-
--t-fill-color-button-interaction-outline-
|
|
879
|
+
--t-fill-color-button-interaction-outline:hsl(204, 32%, 15%);
|
|
880
|
+
--t-fill-color-button-interaction-outline-hover:hsl(204, 39%, 17%);
|
|
881
|
+
--t-fill-color-button-interaction-outline-active:hsl(205, 45%, 18%);
|
|
882
|
+
--t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 12%);
|
|
865
883
|
--t-fill-color-button-interaction-ghost:hsla(0, 0%, 0%, 0);
|
|
866
884
|
--t-fill-color-button-interaction-ghost-hover:hsl(204, 32%, 15%);
|
|
867
885
|
--t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
|
|
@@ -869,10 +887,10 @@
|
|
|
869
887
|
--t-fill-color-button-delete-solid:hsl(8, 60%, 40%);
|
|
870
888
|
--t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
|
|
871
889
|
--t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 12%);
|
|
872
|
-
--t-fill-color-button-delete-outline
|
|
873
|
-
--t-fill-color-button-delete-outline-
|
|
874
|
-
--t-fill-color-button-delete-outline-
|
|
875
|
-
--t-fill-color-button-delete-outline-
|
|
890
|
+
--t-fill-color-button-delete-outline:hsl(8, 20%, 16%);
|
|
891
|
+
--t-fill-color-button-delete-outline-hover:hsl(9, 24%, 17%);
|
|
892
|
+
--t-fill-color-button-delete-outline-active:hsl(9, 29%, 19%);
|
|
893
|
+
--t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 12%);
|
|
876
894
|
--t-fill-color-button-delete-ghost:hsla(0, 0%, 0%, 0);
|
|
877
895
|
--t-fill-color-button-delete-ghost-hover:hsl(8, 20%, 16%);
|
|
878
896
|
--t-fill-color-button-delete-ghost-active:hsl(9, 24%, 17%);
|