@planningcenter/tapestry 2.6.1-rc.1 → 2.7.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 (76) hide show
  1. package/dist/components/button/BaseButton.d.ts.map +1 -1
  2. package/dist/components/button/BaseButton.js +3 -2
  3. package/dist/components/button/BaseButton.js.map +1 -1
  4. package/dist/components/button/IconButton.js +1 -1
  5. package/dist/components/button/IconButton.js.map +1 -1
  6. package/dist/components/button/PageHeaderActionsDropdownButton.js +1 -1
  7. package/dist/components/button/PageHeaderActionsDropdownButton.js.map +1 -1
  8. package/dist/components/link/BaseLink.d.ts.map +1 -1
  9. package/dist/components/link/BaseLink.js +5 -5
  10. package/dist/components/link/BaseLink.js.map +1 -1
  11. package/dist/components/page-header/index.js +1 -1
  12. package/dist/components/sidenav/index.js +1 -1
  13. package/dist/index.css +193 -145
  14. package/dist/index.css.map +1 -1
  15. package/dist/index.d.ts +0 -1
  16. package/dist/index.d.ts.map +1 -1
  17. package/dist/jsTokens.d.ts +1 -1
  18. package/dist/jsTokens.d.ts.map +1 -1
  19. package/dist/jsTokens.js +1 -1
  20. package/dist/jsTokens.js.map +1 -1
  21. package/dist/print-no-media-queries.css +2 -0
  22. package/dist/print.css +2 -0
  23. package/dist/reactRender.css +1135 -1087
  24. package/dist/reactRender.css.map +1 -1
  25. package/dist/reactRenderLegacy.css +1135 -1087
  26. package/dist/reactRenderLegacy.css.map +1 -1
  27. package/dist/tapestry-wc/dist/components/{p-D0G2xpOq.js → p-BM4ymH3W.js} +3 -3
  28. package/dist/tapestry-wc/dist/components/{p-D0G2xpOq.js.map → p-BM4ymH3W.js.map} +1 -1
  29. package/dist/tapestry-wc/dist/components/{p-D1rzJeWl.js → p-CTvFafAw.js} +3 -3
  30. package/dist/tapestry-wc/dist/components/{p-D1rzJeWl.js.map → p-CTvFafAw.js.map} +1 -1
  31. package/dist/tapestry-wc/dist/components/{p-74Cc2nEh.js → p-Ccu14VWv.js} +2 -2
  32. package/dist/tapestry-wc/dist/components/{p-74Cc2nEh.js.map → p-Ccu14VWv.js.map} +1 -1
  33. package/dist/tapestry-wc/dist/components/{p-DmP02I4b.js → p-D5K9xK_N.js} +3 -3
  34. package/dist/tapestry-wc/dist/components/{p-DmP02I4b.js.map → p-D5K9xK_N.js.map} +1 -1
  35. package/dist/tapestry-wc/dist/components/{p-5-Cvrlgk.js → p-ksuK8bIM.js} +2 -2
  36. package/dist/tapestry-wc/dist/components/{p-5-Cvrlgk.js.map → p-ksuK8bIM.js.map} +1 -1
  37. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js +2 -2
  38. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js.map +1 -1
  39. package/dist/tapestry-wc/dist/components/tds-page-header.js +3 -3
  40. package/dist/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
  41. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js +3 -3
  42. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js.map +1 -1
  43. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js +2 -2
  44. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js.map +1 -1
  45. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js +3 -3
  46. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js.map +1 -1
  47. package/dist/tapestry-wc/dist/components/tds-sidenav.js +5 -5
  48. package/dist/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
  49. package/dist/tokens/tokens-deprecated.json +326 -0
  50. package/dist/tokens-dark.css +34 -32
  51. package/dist/tokens-dark.css.map +1 -0
  52. package/dist/tokens-deprecated.css +106 -0
  53. package/dist/tokens-deprecated.css.map +1 -0
  54. package/dist/tokens-deprecated.js +3 -0
  55. package/dist/tokens.css +62 -111
  56. package/dist/tokens.css.map +1 -1
  57. package/dist/tokens.js +2 -0
  58. package/dist/unstable.css +205 -157
  59. package/dist/unstable.css.map +1 -1
  60. package/dist/unstable.d.ts +1 -1
  61. package/dist/unstable.d.ts.map +1 -1
  62. package/dist/unstable.js +2 -1
  63. package/dist/unstable.js.map +1 -1
  64. package/package.json +18 -17
  65. package/dist/deprecated.css +0 -66
  66. package/dist/tokens/ts/react-native-tokens.d.ts +0 -1629
  67. package/dist/tokens/ts/react-native-tokens.d.ts.map +0 -1
  68. package/dist/tokens/ts/react-native-tokens.js +0 -418
  69. package/dist/tokens/ts/react-native-tokens.js.map +0 -1
  70. package/dist/tokens/ts/tokens.d.ts +0 -435
  71. package/dist/tokens/ts/tokens.d.ts.map +0 -1
  72. package/dist/tokens/ts/tokens.js +0 -437
  73. package/dist/tokens/ts/tokens.js.map +0 -1
  74. package/dist/tokens.d.ts +0 -3
  75. package/dist/tokens.d.ts.map +0 -1
  76. /package/dist/{tokens-dark-combined.js → tokens-dark.js} +0 -0
package/dist/tokens.css CHANGED
@@ -16,6 +16,7 @@
16
16
  --t-spacing-7:56px;
17
17
  --t-spacing-fourth:2px;
18
18
  --t-spacing-half:4px;
19
+ --t-spacing-1-half:12px;
19
20
  --t-element-size-3xl:48px;
20
21
  --t-element-size-2xl:32px;
21
22
  --t-element-size-xl:24px;
@@ -50,7 +51,7 @@
50
51
  --t-text-color-headline:hsl(0, 0%, 12%);
51
52
  --t-text-color:hsl(0, 0%, 24%);
52
53
  --t-text-color-secondary:hsl(0, 0%, 42%);
53
- --t-text-color-disabled:hsl(0, 0%, 81%);
54
+ --t-text-color-disabled:hsl(0, 0%, 68%);
54
55
  --t-text-color-placeholder:hsl(0, 0%, 58%);
55
56
  --t-text-color-inverted:hsl(0, 0%, 100%);
56
57
  --t-text-color-interaction:hsl(204, 100%, 40%);
@@ -119,19 +120,19 @@
119
120
  --t-fill-color-control-secondary:hsl(97, 57%, 40%);
120
121
  --t-fill-color-control-error:hsl(8, 60%, 47%);
121
122
  --t-fill-color-control-disabled:hsl(0, 0%, 81%);
122
- --t-fill-color-status-neutral-solid:hsl(0, 0%, 42%);
123
+ --t-fill-color-status-neutral:hsl(0, 0%, 42%);
123
124
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 93%);
124
125
  --t-fill-color-status-neutral-dim:hsl(0, 0%, 97%);
125
- --t-fill-color-status-info-solid:hsl(204, 100%, 40%);
126
+ --t-fill-color-status-info:hsl(204, 100%, 40%);
126
127
  --t-fill-color-status-info-ghost:hsl(203, 94%, 94%);
127
128
  --t-fill-color-status-info-dim:hsl(204, 100%, 97%);
128
- --t-fill-color-status-success-solid:hsl(96, 57%, 33%);
129
+ --t-fill-color-status-success:hsl(96, 57%, 33%);
129
130
  --t-fill-color-status-success-ghost:hsl(97, 57%, 90%);
130
131
  --t-fill-color-status-success-dim:hsl(96, 60%, 95%);
131
- --t-fill-color-status-warning-solid:hsl(42, 84%, 63%);
132
+ --t-fill-color-status-warning:hsl(42, 84%, 63%);
132
133
  --t-fill-color-status-warning-ghost:hsl(42, 87%, 94%);
133
134
  --t-fill-color-status-warning-dim:hsl(42, 87%, 97%);
134
- --t-fill-color-status-error-solid:hsl(8, 60%, 47%);
135
+ --t-fill-color-status-error:hsl(8, 60%, 47%);
135
136
  --t-fill-color-status-error-ghost:hsl(9, 59%, 93%);
136
137
  --t-fill-color-status-error-dim:hsl(7, 60%, 97%);
137
138
  --t-fill-color-tooltip:hsla(0, 0%, 12%, 0.9);
@@ -183,6 +184,14 @@
183
184
  --t-fill-color-product-home-060:hsl(221, 90%, 50%);
184
185
  --t-fill-color-product-home-070:hsl(221, 90%, 45%);
185
186
  --t-fill-color-product-home-080:hsl(218, 84%, 25%);
187
+ --t-fill-color-product-musicstand-010:hsl(207, 61%, 93%);
188
+ --t-fill-color-product-musicstand-020:hsl(207, 61%, 90%);
189
+ --t-fill-color-product-musicstand-030:hsl(207, 58%, 85%);
190
+ --t-fill-color-product-musicstand-040:hsl(207, 59%, 60%);
191
+ --t-fill-color-product-musicstand-050:hsl(207, 59%, 50%);
192
+ --t-fill-color-product-musicstand-060:hsl(207, 59%, 40%);
193
+ --t-fill-color-product-musicstand-070:hsl(207, 59%, 35%);
194
+ --t-fill-color-product-musicstand-080:hsl(207, 59%, 25%);
186
195
  --t-fill-color-product-people-010:hsl(219, 73%, 91%);
187
196
  --t-fill-color-product-people-020:hsl(220, 69%, 81%);
188
197
  --t-fill-color-product-people-030:hsl(221, 73%, 71%);
@@ -299,10 +308,10 @@
299
308
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 88%);
300
309
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 81%);
301
310
  --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 95%);
302
- --t-fill-color-button-neutral-outline-dim:hsla(0, 0%, 100%, 0);
303
- --t-fill-color-button-neutral-outline-dim-hover:hsl(0, 0%, 95%);
304
- --t-fill-color-button-neutral-outline-dim-active:hsl(0, 0%, 93%);
305
- --t-fill-color-button-neutral-outline-dim-disabled:hsl(0, 0%, 98%);
311
+ --t-fill-color-button-neutral-outline:hsla(0, 0%, 100%, 0);
312
+ --t-fill-color-button-neutral-outline-hover:hsl(0, 0%, 95%);
313
+ --t-fill-color-button-neutral-outline-active:hsl(0, 0%, 93%);
314
+ --t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 98%);
306
315
  --t-fill-color-button-neutral-ghost:hsla(0, 0%, 100%, 0);
307
316
  --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 95%);
308
317
  --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 93%);
@@ -315,10 +324,10 @@
315
324
  --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 35%);
316
325
  --t-fill-color-button-interaction-solid-active:hsl(204, 100%, 30%);
317
326
  --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 95%);
318
- --t-fill-color-button-interaction-outline-dim:hsla(0, 0%, 100%, 0);
319
- --t-fill-color-button-interaction-outline-dim-hover:hsl(204, 100%, 97%);
320
- --t-fill-color-button-interaction-outline-dim-active:hsl(203, 94%, 94%);
321
- --t-fill-color-button-interaction-outline-dim-disabled:hsl(0, 0%, 98%);
327
+ --t-fill-color-button-interaction-outline:hsla(0, 0%, 100%, 0);
328
+ --t-fill-color-button-interaction-outline-hover:hsl(204, 100%, 97%);
329
+ --t-fill-color-button-interaction-outline-active:hsl(203, 94%, 94%);
330
+ --t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 98%);
322
331
  --t-fill-color-button-interaction-ghost:hsla(0, 0%, 100%, 0);
323
332
  --t-fill-color-button-interaction-ghost-hover:hsl(204, 100%, 97%);
324
333
  --t-fill-color-button-interaction-ghost-active:hsl(203, 94%, 94%);
@@ -327,10 +336,10 @@
327
336
  --t-fill-color-button-delete-solid-hover:hsl(8, 60%, 45%);
328
337
  --t-fill-color-button-delete-solid-active:hsl(8, 60%, 40%);
329
338
  --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 95%);
330
- --t-fill-color-button-delete-outline-dim:hsla(0, 0%, 100%, 0);
331
- --t-fill-color-button-delete-outline-dim-hover:hsl(7, 60%, 97%);
332
- --t-fill-color-button-delete-outline-dim-active:hsl(9, 59%, 93%);
333
- --t-fill-color-button-delete-outline-dim-disabled:hsl(0, 0%, 98%);
339
+ --t-fill-color-button-delete-outline:hsla(0, 0%, 100%, 0);
340
+ --t-fill-color-button-delete-outline-hover:hsl(7, 60%, 97%);
341
+ --t-fill-color-button-delete-outline-active:hsl(9, 59%, 93%);
342
+ --t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 98%);
334
343
  --t-fill-color-button-delete-ghost:hsla(0, 0%, 100%, 0);
335
344
  --t-fill-color-button-delete-ghost-hover:hsl(7, 60%, 97%);
336
345
  --t-fill-color-button-delete-ghost-active:hsl(9, 59%, 93%);
@@ -389,8 +398,10 @@
389
398
  --t-border-color-control-success:hsl(97, 57%, 40%);
390
399
  --t-border-color-control-warning:hsl(42, 84%, 63%);
391
400
  --t-border-color-control-error:hsl(8, 60%, 47%);
392
- --t-border-color-control-disabled:hsl(0, 0%, 88%);
401
+ --t-border-color-control-disabled:hsl(0, 0%, 81%);
393
402
  --t-shadow-overflow-color:hsla(0, 0%, 0%, 0.07);
403
+ --t-font-sans-serif:ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
404
+ --t-font-monospace:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
394
405
  --t-form-background-color:var(--t-fill-color-neutral-100);
395
406
  --t-form-background-color-disabled:var(--t-fill-color-neutral-070);
396
407
  --t-form-background-color-error:var(--t-fill-color-neutral-100);
@@ -409,66 +420,6 @@
409
420
  --t-form-font-color-readonly:var(--t-text-color);
410
421
  --t-form-picker-icon-color:var(--t-icon-color);
411
422
  --t-form-placeholder-color:var(--t-text-color-placeholder);
412
- --t-border-size-default:var(--t-border-width);
413
- --t-border-size-thick:var(--t-border-width-thick);
414
- --t-font-weight-semi-bold:var(--t-font-weight-semibold);
415
- --t-icon-color-status-neutral-dark:hsl(0, 0%, 24%);
416
- --t-icon-color-status-info-secondary:hsl(204, 100%, 40%);
417
- --t-fill-color-alert-info:hsl(204, 94%, 49%);
418
- --t-fill-color-alert-success:hsl(122, 60%, 41%);
419
- --t-fill-color-alert-warning:hsl(43, 96%, 58%);
420
- --t-fill-color-alert-error:hsl(4, 77%, 59%);
421
- --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 98%);
422
- --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 98%);
423
- --t-fill-color-button-create-solid-default:hsl(96, 57%, 33%);
424
- --t-fill-color-button-create-solid-hover:hsl(97, 57%, 28%);
425
- --t-fill-color-button-create-solid-active:hsl(97, 57%, 23%);
426
- --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 81%);
427
- --t-fill-color-button-create-ghost-default:hsla(0, 0%, 100%, 0);
428
- --t-fill-color-button-create-ghost-hover:hsl(96, 60%, 95%);
429
- --t-fill-color-button-create-ghost-active:hsl(97, 57%, 90%);
430
- --t-fill-color-button-create-ghost-disabled:hsla(0, 0%, 100%, 0);
431
- --t-border-color-default-base:var(--t-border-color);
432
- --t-border-color-default-dark:var(--t-border-color-dark);
433
- --t-border-color-default-darker:var(--t-border-color-darker);
434
- --t-border-color-default-darkest:var(--t-border-color-darkest);
435
- --t-border-color-default-dim:var(--t-border-color-dim);
436
- --t-border-color-default-disabled:var(--t-border-color-disabled);
437
- --t-border-color-default-white:var(--t-border-color-white);
438
- --t-border-radius-default:var(--t-border-radius);
439
- --t-border-width-default:var(--t-border-width);
440
- --t-fill-color-button-delete-ghost-default:var(--t-fill-color-button-delete-ghost);
441
- --t-fill-color-button-delete-outline-dim-default:var(--t-fill-color-button-delete-outline-dim);
442
- --t-fill-color-button-delete-solid-default:var(--t-fill-color-button-delete-solid);
443
- --t-fill-color-button-interaction-ghost-default:var(--t-fill-color-button-interaction-ghost);
444
- --t-fill-color-button-interaction-outline-dim-default:var(--t-fill-color-button-interaction-outline-dim);
445
- --t-fill-color-button-interaction-solid-default:var(--t-fill-color-button-interaction-solid);
446
- --t-fill-color-button-neutral-ghost-default:var(--t-fill-color-button-neutral-ghost);
447
- --t-fill-color-button-neutral-outline-dim-default:var(--t-fill-color-button-neutral-outline-dim);
448
- --t-fill-color-button-neutral-responsive-header-default:var(--t-fill-color-button-neutral-responsive-header);
449
- --t-fill-color-button-neutral-solid-default:var(--t-fill-color-button-neutral-solid);
450
- --t-fill-color-button-pill-default:var(--t-fill-color-button-pill);
451
- --t-fill-color-control-primary:var(--t-fill-color-control);
452
- --t-fill-color-interaction-default:var(--t-fill-color-interaction);
453
- --t-fill-color-product-staff-base:var(--t-fill-color-product-staff);
454
- --t-fill-color-tooltip-primary:var(--t-fill-color-tooltip);
455
- --t-icon-color-default-dim:var(--t-icon-color-dim);
456
- --t-icon-color-default-disabled:var(--t-icon-color-disabled);
457
- --t-icon-color-default-inverted:var(--t-icon-color-inverted);
458
- --t-icon-color-default-primary:var(--t-icon-color);
459
- --t-icon-color-default-secondary:var(--t-icon-color-secondary);
460
- --t-icon-color-status-error-primary:var(--t-icon-color-status-error);
461
- --t-icon-color-status-info-primary:var(--t-icon-color-status-info);
462
- --t-icon-color-status-neutral-primary:var(--t-icon-color-status-neutral);
463
- --t-icon-color-status-success-primary:var(--t-icon-color-status-success);
464
- --t-icon-color-status-warning-primary:var(--t-icon-color-status-warning);
465
- --t-text-color-default-disabled:var(--t-text-color-disabled);
466
- --t-text-color-default-headline:var(--t-text-color-headline);
467
- --t-text-color-default-inverted:var(--t-text-color-inverted);
468
- --t-text-color-default-placeholder:var(--t-text-color-placeholder);
469
- --t-text-color-default-primary:var(--t-text-color);
470
- --t-text-color-default-secondary:var(--t-text-color-secondary);
471
- --t-text-color-interaction-primary:var(--t-text-color-interaction);
472
423
  }
473
424
 
474
425
  :root[data-color-mode="dark"]{
@@ -476,7 +427,7 @@
476
427
  --t-text-color-headline:hsl(0, 0%, 94%);
477
428
  --t-text-color:hsl(0, 0%, 80%);
478
429
  --t-text-color-secondary:hsl(0, 0%, 54%);
479
- --t-text-color-disabled:hsl(0, 0%, 25%);
430
+ --t-text-color-disabled:hsl(0, 0%, 32%);
480
431
  --t-text-color-placeholder:hsl(0, 0%, 38%);
481
432
  --t-text-color-interaction:hsl(204, 68%, 55%);
482
433
  --t-text-color-interaction-hover:hsl(204, 68%, 50%);
@@ -538,10 +489,10 @@
538
489
  --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
539
490
  --t-fill-color-control:hsl(204, 100%, 35%);
540
491
  --t-fill-color-control-disabled:hsl(0, 0%, 20%);
541
- --t-fill-color-status-neutral-solid:hsl(0, 0%, 24%);
492
+ --t-fill-color-status-neutral:hsl(0, 0%, 24%);
542
493
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
543
494
  --t-fill-color-status-neutral-dim:hsl(0, 0%, 15%);
544
- --t-fill-color-status-info-solid:hsl(204, 100%, 35%);
495
+ --t-fill-color-status-info:hsl(204, 100%, 35%);
545
496
  --t-fill-color-status-info-ghost:hsl(204, 32%, 15%);
546
497
  --t-fill-color-status-info-dim:hsl(206, 22%, 15%);
547
498
  --t-fill-color-status-success-ghost:hsl(125, 17%, 15%);
@@ -619,10 +570,10 @@
619
570
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
620
571
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
621
572
  --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 12%);
622
- --t-fill-color-button-neutral-outline-dim:hsl(0, 0%, 15%);
623
- --t-fill-color-button-neutral-outline-dim-hover:hsl(0, 0%, 17%);
624
- --t-fill-color-button-neutral-outline-dim-active:hsl(0, 0%, 19%);
625
- --t-fill-color-button-neutral-outline-dim-disabled:hsl(0, 0%, 12%);
573
+ --t-fill-color-button-neutral-outline:hsl(0, 0%, 15%);
574
+ --t-fill-color-button-neutral-outline-hover:hsl(0, 0%, 17%);
575
+ --t-fill-color-button-neutral-outline-active:hsl(0, 0%, 19%);
576
+ --t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 12%);
626
577
  --t-fill-color-button-neutral-ghost:hsla(0, 0%, 0%, 0);
627
578
  --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
628
579
  --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
@@ -632,10 +583,10 @@
632
583
  --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
633
584
  --t-fill-color-button-interaction-solid-active:hsl(204, 80%, 45%);
634
585
  --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 12%);
635
- --t-fill-color-button-interaction-outline-dim:hsl(204, 32%, 15%);
636
- --t-fill-color-button-interaction-outline-dim-hover:hsl(204, 39%, 17%);
637
- --t-fill-color-button-interaction-outline-dim-active:hsl(205, 45%, 18%);
638
- --t-fill-color-button-interaction-outline-dim-disabled:hsl(0, 0%, 12%);
586
+ --t-fill-color-button-interaction-outline:hsl(204, 32%, 15%);
587
+ --t-fill-color-button-interaction-outline-hover:hsl(204, 39%, 17%);
588
+ --t-fill-color-button-interaction-outline-active:hsl(205, 45%, 18%);
589
+ --t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 12%);
639
590
  --t-fill-color-button-interaction-ghost:hsla(0, 0%, 0%, 0);
640
591
  --t-fill-color-button-interaction-ghost-hover:hsl(204, 32%, 15%);
641
592
  --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
@@ -643,10 +594,10 @@
643
594
  --t-fill-color-button-delete-solid:hsl(8, 60%, 40%);
644
595
  --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
645
596
  --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 12%);
646
- --t-fill-color-button-delete-outline-dim:hsl(8, 20%, 16%);
647
- --t-fill-color-button-delete-outline-dim-hover:hsl(9, 24%, 17%);
648
- --t-fill-color-button-delete-outline-dim-active:hsl(9, 29%, 19%);
649
- --t-fill-color-button-delete-outline-dim-disabled:hsl(0, 0%, 12%);
597
+ --t-fill-color-button-delete-outline:hsl(8, 20%, 16%);
598
+ --t-fill-color-button-delete-outline-hover:hsl(9, 24%, 17%);
599
+ --t-fill-color-button-delete-outline-active:hsl(9, 29%, 19%);
600
+ --t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 12%);
650
601
  --t-fill-color-button-delete-ghost:hsla(0, 0%, 0%, 0);
651
602
  --t-fill-color-button-delete-ghost-hover:hsl(8, 20%, 16%);
652
603
  --t-fill-color-button-delete-ghost-active:hsl(9, 24%, 17%);
@@ -690,7 +641,7 @@
690
641
  --t-border-color-button-delete:hsla(8, 60%, 47%, 0.25);
691
642
  --t-border-color-control-neutral:hsl(0, 0%, 33%);
692
643
  --t-border-color-control-info:hsl(204, 100%, 35%);
693
- --t-border-color-control-disabled:hsl(0, 0%, 21%);
644
+ --t-border-color-control-disabled:hsl(0, 0%, 24%);
694
645
  --t-shadow-overflow-color:hsla(0, 0%, 0%, 0.6);
695
646
  }
696
647
 
@@ -700,7 +651,7 @@
700
651
  --t-text-color-headline:hsl(0, 0%, 94%);
701
652
  --t-text-color:hsl(0, 0%, 80%);
702
653
  --t-text-color-secondary:hsl(0, 0%, 54%);
703
- --t-text-color-disabled:hsl(0, 0%, 25%);
654
+ --t-text-color-disabled:hsl(0, 0%, 32%);
704
655
  --t-text-color-placeholder:hsl(0, 0%, 38%);
705
656
  --t-text-color-interaction:hsl(204, 68%, 55%);
706
657
  --t-text-color-interaction-hover:hsl(204, 68%, 50%);
@@ -762,10 +713,10 @@
762
713
  --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
763
714
  --t-fill-color-control:hsl(204, 100%, 35%);
764
715
  --t-fill-color-control-disabled:hsl(0, 0%, 20%);
765
- --t-fill-color-status-neutral-solid:hsl(0, 0%, 24%);
716
+ --t-fill-color-status-neutral:hsl(0, 0%, 24%);
766
717
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
767
718
  --t-fill-color-status-neutral-dim:hsl(0, 0%, 15%);
768
- --t-fill-color-status-info-solid:hsl(204, 100%, 35%);
719
+ --t-fill-color-status-info:hsl(204, 100%, 35%);
769
720
  --t-fill-color-status-info-ghost:hsl(204, 32%, 15%);
770
721
  --t-fill-color-status-info-dim:hsl(206, 22%, 15%);
771
722
  --t-fill-color-status-success-ghost:hsl(125, 17%, 15%);
@@ -843,10 +794,10 @@
843
794
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
844
795
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
845
796
  --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 12%);
846
- --t-fill-color-button-neutral-outline-dim:hsl(0, 0%, 15%);
847
- --t-fill-color-button-neutral-outline-dim-hover:hsl(0, 0%, 17%);
848
- --t-fill-color-button-neutral-outline-dim-active:hsl(0, 0%, 19%);
849
- --t-fill-color-button-neutral-outline-dim-disabled:hsl(0, 0%, 12%);
797
+ --t-fill-color-button-neutral-outline:hsl(0, 0%, 15%);
798
+ --t-fill-color-button-neutral-outline-hover:hsl(0, 0%, 17%);
799
+ --t-fill-color-button-neutral-outline-active:hsl(0, 0%, 19%);
800
+ --t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 12%);
850
801
  --t-fill-color-button-neutral-ghost:hsla(0, 0%, 0%, 0);
851
802
  --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
852
803
  --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
@@ -856,10 +807,10 @@
856
807
  --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
857
808
  --t-fill-color-button-interaction-solid-active:hsl(204, 80%, 45%);
858
809
  --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 12%);
859
- --t-fill-color-button-interaction-outline-dim:hsl(204, 32%, 15%);
860
- --t-fill-color-button-interaction-outline-dim-hover:hsl(204, 39%, 17%);
861
- --t-fill-color-button-interaction-outline-dim-active:hsl(205, 45%, 18%);
862
- --t-fill-color-button-interaction-outline-dim-disabled:hsl(0, 0%, 12%);
810
+ --t-fill-color-button-interaction-outline:hsl(204, 32%, 15%);
811
+ --t-fill-color-button-interaction-outline-hover:hsl(204, 39%, 17%);
812
+ --t-fill-color-button-interaction-outline-active:hsl(205, 45%, 18%);
813
+ --t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 12%);
863
814
  --t-fill-color-button-interaction-ghost:hsla(0, 0%, 0%, 0);
864
815
  --t-fill-color-button-interaction-ghost-hover:hsl(204, 32%, 15%);
865
816
  --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
@@ -867,10 +818,10 @@
867
818
  --t-fill-color-button-delete-solid:hsl(8, 60%, 40%);
868
819
  --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
869
820
  --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 12%);
870
- --t-fill-color-button-delete-outline-dim:hsl(8, 20%, 16%);
871
- --t-fill-color-button-delete-outline-dim-hover:hsl(9, 24%, 17%);
872
- --t-fill-color-button-delete-outline-dim-active:hsl(9, 29%, 19%);
873
- --t-fill-color-button-delete-outline-dim-disabled:hsl(0, 0%, 12%);
821
+ --t-fill-color-button-delete-outline:hsl(8, 20%, 16%);
822
+ --t-fill-color-button-delete-outline-hover:hsl(9, 24%, 17%);
823
+ --t-fill-color-button-delete-outline-active:hsl(9, 29%, 19%);
824
+ --t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 12%);
874
825
  --t-fill-color-button-delete-ghost:hsla(0, 0%, 0%, 0);
875
826
  --t-fill-color-button-delete-ghost-hover:hsl(8, 20%, 16%);
876
827
  --t-fill-color-button-delete-ghost-active:hsl(9, 24%, 17%);
@@ -914,7 +865,7 @@
914
865
  --t-border-color-button-delete:hsla(8, 60%, 47%, 0.25);
915
866
  --t-border-color-control-neutral:hsl(0, 0%, 33%);
916
867
  --t-border-color-control-info:hsl(204, 100%, 35%);
917
- --t-border-color-control-disabled:hsl(0, 0%, 21%);
868
+ --t-border-color-control-disabled:hsl(0, 0%, 24%);
918
869
  --t-shadow-overflow-color:hsla(0, 0%, 0%, 0.6);
919
870
  }
920
871
  }