@planningcenter/tapestry 1.9.0 → 2.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.
Files changed (16) hide show
  1. package/dist/deprecated.css +0 -132
  2. package/dist/index.css +2 -134
  3. package/dist/index.css.map +1 -1
  4. package/dist/reactRender.css +480 -612
  5. package/dist/reactRender.css.map +1 -1
  6. package/dist/reactRenderLegacy.css +480 -612
  7. package/dist/reactRenderLegacy.css.map +1 -1
  8. package/dist/tokens/ts/tokens.d.ts +0 -132
  9. package/dist/tokens/ts/tokens.d.ts.map +1 -1
  10. package/dist/tokens/ts/tokens.js +0 -132
  11. package/dist/tokens/ts/tokens.js.map +1 -1
  12. package/dist/tokens.css +0 -132
  13. package/dist/tokens.css.map +1 -1
  14. package/dist/unstable.css +2 -134
  15. package/dist/unstable.css.map +1 -1
  16. package/package.json +2 -2
package/dist/deprecated.css CHANGED
@@ -6,146 +6,14 @@
6
6
  --t-border-size-default: var(--t-border-width-default);
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-text-color-tag-gray: var(--t-text-color-tag-bold-gray);
10
- --t-text-color-tag-magenta: var(--t-text-color-tag-bold-magenta);
11
- --t-text-color-tag-blue: var(--t-text-color-tag-bold-blue);
12
- --t-text-color-tag-aqua: var(--t-text-color-tag-bold-aqua);
13
- --t-text-color-tag-teal: var(--t-text-color-tag-bold-teal);
14
- --t-text-color-tag-green: var(--t-text-color-tag-bold-green);
15
- --t-text-color-tag-yellow: var(--t-text-color-tag-bold-yellow);
16
- --t-text-color-tag-orange: var(--t-text-color-tag-bold-orange);
17
- --t-text-color-tag-pink: var(--t-text-color-tag-bold-pink);
18
- --t-text-color-tag-purple: var(--t-text-color-tag-bold-purple);
19
9
  --t-icon-color-status-neutral-dark: hsl(0, 0%, 24%);
20
10
  --t-icon-color-status-info-secondary: hsl(204, 100%, 40%);
21
11
  --t-fill-color-alert-info: hsl(204, 94%, 49%);
22
12
  --t-fill-color-alert-success: hsl(122, 60%, 41%);
23
13
  --t-fill-color-alert-warning: hsl(43, 96%, 58%);
24
14
  --t-fill-color-alert-error: hsl(4, 77%, 59%);
25
- --t-fill-color-product-accounts-lightest: var(--t-fill-color-product-accounts-010);
26
- --t-fill-color-product-accounts-lighter: var(--t-fill-color-product-accounts-020);
27
- --t-fill-color-product-accounts-light: var(--t-fill-color-product-accounts-040);
28
- --t-fill-color-product-accounts-base: var(--t-fill-color-product-accounts-050);
29
- --t-fill-color-product-accounts-dark: var(--t-fill-color-product-accounts-060);
30
- --t-fill-color-product-accounts-darker: var(--t-fill-color-product-accounts-070);
31
- --t-fill-color-product-accounts-darkest: var(--t-fill-color-product-accounts-080);
32
- --t-fill-color-product-calendar-lightest: var(--t-fill-color-product-calendar-020);
33
- --t-fill-color-product-calendar-lighter: var(--t-fill-color-product-calendar-030);
34
- --t-fill-color-product-calendar-light: var(--t-fill-color-product-calendar-040);
35
- --t-fill-color-product-calendar-base: var(--t-fill-color-product-calendar-050);
36
- --t-fill-color-product-calendar-dark: var(--t-fill-color-product-calendar-060);
37
- --t-fill-color-product-calendar-darker: var(--t-fill-color-product-calendar-070);
38
- --t-fill-color-product-calendar-darkest: var(--t-fill-color-product-calendar-080);
39
- --t-fill-color-product-checkins-lightest: var(--t-fill-color-product-checkins-020);
40
- --t-fill-color-product-checkins-lighter: var(--t-fill-color-product-checkins-030);
41
- --t-fill-color-product-checkins-light: var(--t-fill-color-product-checkins-040);
42
- --t-fill-color-product-checkins-base: var(--t-fill-color-product-checkins-050);
43
- --t-fill-color-product-checkins-dark: var(--t-fill-color-product-checkins-060);
44
- --t-fill-color-product-checkins-darker: var(--t-fill-color-product-checkins-070);
45
- --t-fill-color-product-checkins-darkest: var(--t-fill-color-product-checkins-080);
46
- --t-fill-color-product-giving-lightest: var(--t-fill-color-product-giving-020);
47
- --t-fill-color-product-giving-lighter: var(--t-fill-color-product-giving-030);
48
- --t-fill-color-product-giving-light: var(--t-fill-color-product-giving-040);
49
- --t-fill-color-product-giving-base: var(--t-fill-color-product-giving-050);
50
- --t-fill-color-product-giving-dark: var(--t-fill-color-product-giving-060);
51
- --t-fill-color-product-giving-darker: var(--t-fill-color-product-giving-070);
52
- --t-fill-color-product-giving-darkest: var(--t-fill-color-product-giving-080);
53
- --t-fill-color-product-groups-lightest: var(--t-fill-color-product-groups-020);
54
- --t-fill-color-product-groups-lighter: var(--t-fill-color-product-groups-030);
55
- --t-fill-color-product-groups-light: var(--t-fill-color-product-groups-040);
56
- --t-fill-color-product-groups-base: var(--t-fill-color-product-groups-050);
57
- --t-fill-color-product-groups-dark: var(--t-fill-color-product-groups-060);
58
- --t-fill-color-product-groups-darker: var(--t-fill-color-product-groups-070);
59
- --t-fill-color-product-groups-darkest: var(--t-fill-color-product-groups-080);
60
- --t-fill-color-product-home-lightest: var(--t-fill-color-product-home-020);
61
- --t-fill-color-product-home-lighter: var(--t-fill-color-product-home-030);
62
- --t-fill-color-product-home-light: var(--t-fill-color-product-home-040);
63
- --t-fill-color-product-home-base: var(--t-fill-color-product-home-050);
64
- --t-fill-color-product-home-dark: var(--t-fill-color-product-home-060);
65
- --t-fill-color-product-home-darker: var(--t-fill-color-product-home-070);
66
- --t-fill-color-product-home-darkest: var(--t-fill-color-product-home-080);
67
- --t-fill-color-product-people-lightest: var(--t-fill-color-product-people-020);
68
- --t-fill-color-product-people-lighter: var(--t-fill-color-product-people-030);
69
- --t-fill-color-product-people-light: var(--t-fill-color-product-people-040);
70
- --t-fill-color-product-people-base: var(--t-fill-color-product-people-050);
71
- --t-fill-color-product-people-dark: var(--t-fill-color-product-people-060);
72
- --t-fill-color-product-people-darker: var(--t-fill-color-product-people-070);
73
- --t-fill-color-product-people-darkest: var(--t-fill-color-product-people-080);
74
- --t-fill-color-product-publishing-lightest: var(--t-fill-color-product-publishing-020);
75
- --t-fill-color-product-publishing-lighter: var(--t-fill-color-product-publishing-030);
76
- --t-fill-color-product-publishing-light: var(--t-fill-color-product-publishing-040);
77
- --t-fill-color-product-publishing-base: var(--t-fill-color-product-publishing-050);
78
- --t-fill-color-product-publishing-dark: var(--t-fill-color-product-publishing-060);
79
- --t-fill-color-product-publishing-darker: var(--t-fill-color-product-publishing-070);
80
- --t-fill-color-product-publishing-darkest: var(--t-fill-color-product-publishing-080);
81
- --t-fill-color-product-registrations-lightest: var(--t-fill-color-product-registrations-020);
82
- --t-fill-color-product-registrations-lighter: var(--t-fill-color-product-registrations-030);
83
- --t-fill-color-product-registrations-light: var(--t-fill-color-product-registrations-040);
84
- --t-fill-color-product-registrations-base: var(--t-fill-color-product-registrations-050);
85
- --t-fill-color-product-registrations-dark: var(--t-fill-color-product-registrations-060);
86
- --t-fill-color-product-registrations-darker: var(--t-fill-color-product-registrations-070);
87
- --t-fill-color-product-registrations-darkest: var(--t-fill-color-product-registrations-080);
88
- --t-fill-color-product-services-lightest: var(--t-fill-color-product-services-020);
89
- --t-fill-color-product-services-lighter: var(--t-fill-color-product-services-030);
90
- --t-fill-color-product-services-light: var(--t-fill-color-product-services-040);
91
- --t-fill-color-product-services-base: var(--t-fill-color-product-services-050);
92
- --t-fill-color-product-services-dark: var(--t-fill-color-product-services-060);
93
- --t-fill-color-product-services-darker: var(--t-fill-color-product-services-070);
94
- --t-fill-color-product-services-darkest: var(--t-fill-color-product-services-080);
95
- --t-fill-color-tag-subtle-gray: var(--t-fill-color-tag-gray-010);
96
- --t-fill-color-tag-subtle-blue: var(--t-fill-color-tag-blue-010);
97
- --t-fill-color-tag-subtle-aqua: var(--t-fill-color-tag-aqua-010);
98
- --t-fill-color-tag-subtle-teal: var(--t-fill-color-tag-teal-010);
99
- --t-fill-color-tag-subtle-green: var(--t-fill-color-tag-green-010);
100
- --t-fill-color-tag-subtle-yellow: var(--t-fill-color-tag-yellow-010);
101
- --t-fill-color-tag-subtle-orange: var(--t-fill-color-tag-orange-010);
102
- --t-fill-color-tag-subtle-pink: var(--t-fill-color-tag-pink-010);
103
- --t-fill-color-tag-subtle-purple: var(--t-fill-color-tag-purple-010);
104
- --t-fill-color-tag-subtle-magenta: var(--t-fill-color-tag-magenta-010);
105
- --t-fill-color-tag-subtle-label-gray: var(--t-fill-color-tag-gray-020);
106
- --t-fill-color-tag-subtle-label-blue: var(--t-fill-color-tag-blue-020);
107
- --t-fill-color-tag-subtle-label-aqua: var(--t-fill-color-tag-aqua-020);
108
- --t-fill-color-tag-subtle-label-teal: var(--t-fill-color-tag-teal-020);
109
- --t-fill-color-tag-subtle-label-green: var(--t-fill-color-tag-green-020);
110
- --t-fill-color-tag-subtle-label-yellow: var(--t-fill-color-tag-yellow-020);
111
- --t-fill-color-tag-subtle-label-orange: var(--t-fill-color-tag-orange-020);
112
- --t-fill-color-tag-subtle-label-pink: var(--t-fill-color-tag-pink-020);
113
- --t-fill-color-tag-subtle-label-purple: var(--t-fill-color-tag-purple-020);
114
- --t-fill-color-tag-subtle-label-magenta: var(--t-fill-color-tag-magenta-020);
115
- --t-fill-color-tag-bold-gray: var(--t-fill-color-tag-gray-030);
116
- --t-fill-color-tag-bold-blue: var(--t-fill-color-tag-blue-030);
117
- --t-fill-color-tag-bold-aqua: var(--t-fill-color-tag-aqua-030);
118
- --t-fill-color-tag-bold-teal: var(--t-fill-color-tag-teal-030);
119
- --t-fill-color-tag-bold-green: var(--t-fill-color-tag-green-030);
120
- --t-fill-color-tag-bold-yellow: var(--t-fill-color-tag-yellow-030);
121
- --t-fill-color-tag-bold-orange: var(--t-fill-color-tag-orange-030);
122
- --t-fill-color-tag-bold-pink: var(--t-fill-color-tag-pink-030);
123
- --t-fill-color-tag-bold-purple: var(--t-fill-color-tag-purple-030);
124
- --t-fill-color-tag-bold-magenta: var(--t-fill-color-tag-magenta-030);
125
- --t-fill-color-tag-bold-label-gray: var(--t-fill-color-tag-gray-040);
126
- --t-fill-color-tag-bold-label-blue: var(--t-fill-color-tag-blue-040);
127
- --t-fill-color-tag-bold-label-aqua: var(--t-fill-color-tag-aqua-040);
128
- --t-fill-color-tag-bold-label-teal: var(--t-fill-color-tag-teal-040);
129
- --t-fill-color-tag-bold-label-green: var(--t-fill-color-tag-green-040);
130
- --t-fill-color-tag-bold-label-yellow: var(--t-fill-color-tag-yellow-040);
131
- --t-fill-color-tag-bold-label-orange: var(--t-fill-color-tag-orange-040);
132
- --t-fill-color-tag-bold-label-pink: var(--t-fill-color-tag-pink-040);
133
- --t-fill-color-tag-bold-label-purple: var(--t-fill-color-tag-purple-040);
134
- --t-fill-color-tag-bold-label-magenta: var(--t-fill-color-tag-magenta-040);
135
15
  --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 98%);
136
16
  --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 98%);
137
- --t-fill-color-button-default-info-solid-default: hsl(204, 100%, 40%);
138
- --t-fill-color-button-default-info-solid-hover: hsl(204, 100%, 35%);
139
- --t-fill-color-button-default-info-solid-active: hsl(204, 100%, 30%);
140
- --t-fill-color-button-default-info-solid-disabled: hsl(0, 0%, 81%);
141
- --t-fill-color-button-default-info-outline-dim-default: #ffffff00;
142
- --t-fill-color-button-default-info-outline-dim-hover: hsl(204, 100%, 97%);
143
- --t-fill-color-button-default-info-outline-dim-active: hsl(203, 94%, 94%);
144
- --t-fill-color-button-default-info-outline-dim-disabled: #ffffff00;
145
- --t-fill-color-button-default-info-ghost-default: #ffffff00;
146
- --t-fill-color-button-default-info-ghost-hover: hsl(204, 100%, 97%);
147
- --t-fill-color-button-default-info-ghost-active: hsl(203, 94%, 94%);
148
- --t-fill-color-button-default-info-ghost-disabled: #ffffff00;
149
17
  --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);
150
18
  --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);
151
19
  --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);
package/dist/index.css CHANGED
@@ -390,146 +390,14 @@
390
390
  --t-border-size-default: var(--t-border-width-default);
391
391
  --t-border-size-thick: var(--t-border-width-thick);
392
392
  --t-font-weight-semi-bold: var(--t-font-weight-semibold);
393
- --t-text-color-tag-gray: var(--t-text-color-tag-bold-gray);
394
- --t-text-color-tag-magenta: var(--t-text-color-tag-bold-magenta);
395
- --t-text-color-tag-blue: var(--t-text-color-tag-bold-blue);
396
- --t-text-color-tag-aqua: var(--t-text-color-tag-bold-aqua);
397
- --t-text-color-tag-teal: var(--t-text-color-tag-bold-teal);
398
- --t-text-color-tag-green: var(--t-text-color-tag-bold-green);
399
- --t-text-color-tag-yellow: var(--t-text-color-tag-bold-yellow);
400
- --t-text-color-tag-orange: var(--t-text-color-tag-bold-orange);
401
- --t-text-color-tag-pink: var(--t-text-color-tag-bold-pink);
402
- --t-text-color-tag-purple: var(--t-text-color-tag-bold-purple);
403
393
  --t-icon-color-status-neutral-dark: hsl(0, 0%, 24%);
404
394
  --t-icon-color-status-info-secondary: hsl(204, 100%, 40%);
405
395
  --t-fill-color-alert-info: hsl(204, 94%, 49%);
406
396
  --t-fill-color-alert-success: hsl(122, 60%, 41%);
407
397
  --t-fill-color-alert-warning: hsl(43, 96%, 58%);
408
398
  --t-fill-color-alert-error: hsl(4, 77%, 59%);
409
- --t-fill-color-product-accounts-lightest: var(--t-fill-color-product-accounts-010);
410
- --t-fill-color-product-accounts-lighter: var(--t-fill-color-product-accounts-020);
411
- --t-fill-color-product-accounts-light: var(--t-fill-color-product-accounts-040);
412
- --t-fill-color-product-accounts-base: var(--t-fill-color-product-accounts-050);
413
- --t-fill-color-product-accounts-dark: var(--t-fill-color-product-accounts-060);
414
- --t-fill-color-product-accounts-darker: var(--t-fill-color-product-accounts-070);
415
- --t-fill-color-product-accounts-darkest: var(--t-fill-color-product-accounts-080);
416
- --t-fill-color-product-calendar-lightest: var(--t-fill-color-product-calendar-020);
417
- --t-fill-color-product-calendar-lighter: var(--t-fill-color-product-calendar-030);
418
- --t-fill-color-product-calendar-light: var(--t-fill-color-product-calendar-040);
419
- --t-fill-color-product-calendar-base: var(--t-fill-color-product-calendar-050);
420
- --t-fill-color-product-calendar-dark: var(--t-fill-color-product-calendar-060);
421
- --t-fill-color-product-calendar-darker: var(--t-fill-color-product-calendar-070);
422
- --t-fill-color-product-calendar-darkest: var(--t-fill-color-product-calendar-080);
423
- --t-fill-color-product-checkins-lightest: var(--t-fill-color-product-checkins-020);
424
- --t-fill-color-product-checkins-lighter: var(--t-fill-color-product-checkins-030);
425
- --t-fill-color-product-checkins-light: var(--t-fill-color-product-checkins-040);
426
- --t-fill-color-product-checkins-base: var(--t-fill-color-product-checkins-050);
427
- --t-fill-color-product-checkins-dark: var(--t-fill-color-product-checkins-060);
428
- --t-fill-color-product-checkins-darker: var(--t-fill-color-product-checkins-070);
429
- --t-fill-color-product-checkins-darkest: var(--t-fill-color-product-checkins-080);
430
- --t-fill-color-product-giving-lightest: var(--t-fill-color-product-giving-020);
431
- --t-fill-color-product-giving-lighter: var(--t-fill-color-product-giving-030);
432
- --t-fill-color-product-giving-light: var(--t-fill-color-product-giving-040);
433
- --t-fill-color-product-giving-base: var(--t-fill-color-product-giving-050);
434
- --t-fill-color-product-giving-dark: var(--t-fill-color-product-giving-060);
435
- --t-fill-color-product-giving-darker: var(--t-fill-color-product-giving-070);
436
- --t-fill-color-product-giving-darkest: var(--t-fill-color-product-giving-080);
437
- --t-fill-color-product-groups-lightest: var(--t-fill-color-product-groups-020);
438
- --t-fill-color-product-groups-lighter: var(--t-fill-color-product-groups-030);
439
- --t-fill-color-product-groups-light: var(--t-fill-color-product-groups-040);
440
- --t-fill-color-product-groups-base: var(--t-fill-color-product-groups-050);
441
- --t-fill-color-product-groups-dark: var(--t-fill-color-product-groups-060);
442
- --t-fill-color-product-groups-darker: var(--t-fill-color-product-groups-070);
443
- --t-fill-color-product-groups-darkest: var(--t-fill-color-product-groups-080);
444
- --t-fill-color-product-home-lightest: var(--t-fill-color-product-home-020);
445
- --t-fill-color-product-home-lighter: var(--t-fill-color-product-home-030);
446
- --t-fill-color-product-home-light: var(--t-fill-color-product-home-040);
447
- --t-fill-color-product-home-base: var(--t-fill-color-product-home-050);
448
- --t-fill-color-product-home-dark: var(--t-fill-color-product-home-060);
449
- --t-fill-color-product-home-darker: var(--t-fill-color-product-home-070);
450
- --t-fill-color-product-home-darkest: var(--t-fill-color-product-home-080);
451
- --t-fill-color-product-people-lightest: var(--t-fill-color-product-people-020);
452
- --t-fill-color-product-people-lighter: var(--t-fill-color-product-people-030);
453
- --t-fill-color-product-people-light: var(--t-fill-color-product-people-040);
454
- --t-fill-color-product-people-base: var(--t-fill-color-product-people-050);
455
- --t-fill-color-product-people-dark: var(--t-fill-color-product-people-060);
456
- --t-fill-color-product-people-darker: var(--t-fill-color-product-people-070);
457
- --t-fill-color-product-people-darkest: var(--t-fill-color-product-people-080);
458
- --t-fill-color-product-publishing-lightest: var(--t-fill-color-product-publishing-020);
459
- --t-fill-color-product-publishing-lighter: var(--t-fill-color-product-publishing-030);
460
- --t-fill-color-product-publishing-light: var(--t-fill-color-product-publishing-040);
461
- --t-fill-color-product-publishing-base: var(--t-fill-color-product-publishing-050);
462
- --t-fill-color-product-publishing-dark: var(--t-fill-color-product-publishing-060);
463
- --t-fill-color-product-publishing-darker: var(--t-fill-color-product-publishing-070);
464
- --t-fill-color-product-publishing-darkest: var(--t-fill-color-product-publishing-080);
465
- --t-fill-color-product-registrations-lightest: var(--t-fill-color-product-registrations-020);
466
- --t-fill-color-product-registrations-lighter: var(--t-fill-color-product-registrations-030);
467
- --t-fill-color-product-registrations-light: var(--t-fill-color-product-registrations-040);
468
- --t-fill-color-product-registrations-base: var(--t-fill-color-product-registrations-050);
469
- --t-fill-color-product-registrations-dark: var(--t-fill-color-product-registrations-060);
470
- --t-fill-color-product-registrations-darker: var(--t-fill-color-product-registrations-070);
471
- --t-fill-color-product-registrations-darkest: var(--t-fill-color-product-registrations-080);
472
- --t-fill-color-product-services-lightest: var(--t-fill-color-product-services-020);
473
- --t-fill-color-product-services-lighter: var(--t-fill-color-product-services-030);
474
- --t-fill-color-product-services-light: var(--t-fill-color-product-services-040);
475
- --t-fill-color-product-services-base: var(--t-fill-color-product-services-050);
476
- --t-fill-color-product-services-dark: var(--t-fill-color-product-services-060);
477
- --t-fill-color-product-services-darker: var(--t-fill-color-product-services-070);
478
- --t-fill-color-product-services-darkest: var(--t-fill-color-product-services-080);
479
- --t-fill-color-tag-subtle-gray: var(--t-fill-color-tag-gray-010);
480
- --t-fill-color-tag-subtle-blue: var(--t-fill-color-tag-blue-010);
481
- --t-fill-color-tag-subtle-aqua: var(--t-fill-color-tag-aqua-010);
482
- --t-fill-color-tag-subtle-teal: var(--t-fill-color-tag-teal-010);
483
- --t-fill-color-tag-subtle-green: var(--t-fill-color-tag-green-010);
484
- --t-fill-color-tag-subtle-yellow: var(--t-fill-color-tag-yellow-010);
485
- --t-fill-color-tag-subtle-orange: var(--t-fill-color-tag-orange-010);
486
- --t-fill-color-tag-subtle-pink: var(--t-fill-color-tag-pink-010);
487
- --t-fill-color-tag-subtle-purple: var(--t-fill-color-tag-purple-010);
488
- --t-fill-color-tag-subtle-magenta: var(--t-fill-color-tag-magenta-010);
489
- --t-fill-color-tag-subtle-label-gray: var(--t-fill-color-tag-gray-020);
490
- --t-fill-color-tag-subtle-label-blue: var(--t-fill-color-tag-blue-020);
491
- --t-fill-color-tag-subtle-label-aqua: var(--t-fill-color-tag-aqua-020);
492
- --t-fill-color-tag-subtle-label-teal: var(--t-fill-color-tag-teal-020);
493
- --t-fill-color-tag-subtle-label-green: var(--t-fill-color-tag-green-020);
494
- --t-fill-color-tag-subtle-label-yellow: var(--t-fill-color-tag-yellow-020);
495
- --t-fill-color-tag-subtle-label-orange: var(--t-fill-color-tag-orange-020);
496
- --t-fill-color-tag-subtle-label-pink: var(--t-fill-color-tag-pink-020);
497
- --t-fill-color-tag-subtle-label-purple: var(--t-fill-color-tag-purple-020);
498
- --t-fill-color-tag-subtle-label-magenta: var(--t-fill-color-tag-magenta-020);
499
- --t-fill-color-tag-bold-gray: var(--t-fill-color-tag-gray-030);
500
- --t-fill-color-tag-bold-blue: var(--t-fill-color-tag-blue-030);
501
- --t-fill-color-tag-bold-aqua: var(--t-fill-color-tag-aqua-030);
502
- --t-fill-color-tag-bold-teal: var(--t-fill-color-tag-teal-030);
503
- --t-fill-color-tag-bold-green: var(--t-fill-color-tag-green-030);
504
- --t-fill-color-tag-bold-yellow: var(--t-fill-color-tag-yellow-030);
505
- --t-fill-color-tag-bold-orange: var(--t-fill-color-tag-orange-030);
506
- --t-fill-color-tag-bold-pink: var(--t-fill-color-tag-pink-030);
507
- --t-fill-color-tag-bold-purple: var(--t-fill-color-tag-purple-030);
508
- --t-fill-color-tag-bold-magenta: var(--t-fill-color-tag-magenta-030);
509
- --t-fill-color-tag-bold-label-gray: var(--t-fill-color-tag-gray-040);
510
- --t-fill-color-tag-bold-label-blue: var(--t-fill-color-tag-blue-040);
511
- --t-fill-color-tag-bold-label-aqua: var(--t-fill-color-tag-aqua-040);
512
- --t-fill-color-tag-bold-label-teal: var(--t-fill-color-tag-teal-040);
513
- --t-fill-color-tag-bold-label-green: var(--t-fill-color-tag-green-040);
514
- --t-fill-color-tag-bold-label-yellow: var(--t-fill-color-tag-yellow-040);
515
- --t-fill-color-tag-bold-label-orange: var(--t-fill-color-tag-orange-040);
516
- --t-fill-color-tag-bold-label-pink: var(--t-fill-color-tag-pink-040);
517
- --t-fill-color-tag-bold-label-purple: var(--t-fill-color-tag-purple-040);
518
- --t-fill-color-tag-bold-label-magenta: var(--t-fill-color-tag-magenta-040);
519
399
  --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 98%);
520
400
  --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 98%);
521
- --t-fill-color-button-default-info-solid-default: hsl(204, 100%, 40%);
522
- --t-fill-color-button-default-info-solid-hover: hsl(204, 100%, 35%);
523
- --t-fill-color-button-default-info-solid-active: hsl(204, 100%, 30%);
524
- --t-fill-color-button-default-info-solid-disabled: hsl(0, 0%, 81%);
525
- --t-fill-color-button-default-info-outline-dim-default: #ffffff00;
526
- --t-fill-color-button-default-info-outline-dim-hover: hsl(204, 100%, 97%);
527
- --t-fill-color-button-default-info-outline-dim-active: hsl(203, 94%, 94%);
528
- --t-fill-color-button-default-info-outline-dim-disabled: #ffffff00;
529
- --t-fill-color-button-default-info-ghost-default: #ffffff00;
530
- --t-fill-color-button-default-info-ghost-hover: hsl(204, 100%, 97%);
531
- --t-fill-color-button-default-info-ghost-active: hsl(203, 94%, 94%);
532
- --t-fill-color-button-default-info-ghost-disabled: #ffffff00;
533
401
  --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);
534
402
  --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);
535
403
  --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);
@@ -826,7 +694,7 @@
826
694
  }
827
695
 
828
696
  @layer tds-component {
829
- tds-sidenav {
697
+ tds-sidenav, .tds-sidenav {
830
698
  --tds-sidenav-indent: 12px;
831
699
  --tds-sidenav-item-depth: 0;
832
700
 
@@ -849,7 +717,7 @@
849
717
  --tds-sidenav-item-icon-color-selected: var(--t-icon-color-default-primary);
850
718
  }
851
719
 
852
- .is-classic tds-sidenav,
720
+ .is-classic tds-sidenav, .is-classic .tds-sidenav,
853
721
  .tds-sidenav--theme-gray {
854
722
  --tds-sidenav-item-background-hover: var(--t-fill-color-neutral-080);
855
723
  --tds-sidenav-item-background-active: var(--t-fill-color-neutral-070);