@planningcenter/tapestry 2.4.0 → 2.4.1-rc.2

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 (53) hide show
  1. package/dist/componentRegistration.js.map +1 -1
  2. package/dist/components/Banner/Banner.js.map +1 -1
  3. package/dist/components/button/BaseButton.js.map +1 -1
  4. package/dist/components/button/Button.js.map +1 -1
  5. package/dist/components/button/DropdownButton.js.map +1 -1
  6. package/dist/components/button/DropdownIconButton.js.map +1 -1
  7. package/dist/components/button/IconButton.js.map +1 -1
  8. package/dist/components/button/LoadingButton.js.map +1 -1
  9. package/dist/components/button/PageHeaderActionsDropdownButton.js.map +1 -1
  10. package/dist/components/checkbox/Checkbox.js.map +1 -1
  11. package/dist/components/internal/LoadingSpinner.js.map +1 -1
  12. package/dist/components/link/BaseLink.js.map +1 -1
  13. package/dist/components/link/IconLink.js.map +1 -1
  14. package/dist/components/link/Link.js.map +1 -1
  15. package/dist/components/page-header/PageHeader.js.map +1 -1
  16. package/dist/components/page-header/index.js.map +1 -1
  17. package/dist/components/sidenav/Sidenav.js.map +1 -1
  18. package/dist/components/sidenav/SidenavItem.js.map +1 -1
  19. package/dist/components/sidenav/SidenavSection.js.map +1 -1
  20. package/dist/components/sidenav/index.js.map +1 -1
  21. package/dist/index.css +0 -266
  22. package/dist/index.css.map +1 -1
  23. package/dist/jsTokens.js.map +1 -1
  24. package/dist/reactRender.css +480 -746
  25. package/dist/reactRender.css.map +1 -1
  26. package/dist/reactRenderLegacy.css +480 -746
  27. package/dist/reactRenderLegacy.css.map +1 -1
  28. package/dist/tapestry-render/dist/{buildComponent-DTliJ3_n.js → buildComponent-D0S78fIn.js} +146 -146
  29. package/dist/tapestry-render/dist/buildComponent-D0S78fIn.js.map +1 -0
  30. package/dist/tapestry-render/dist/index.js +1 -1
  31. package/dist/tapestry-render/dist/index.js.map +1 -1
  32. package/dist/tapestry-render/dist/legacy.js +1 -1
  33. package/dist/tapestry-render/dist/legacy.js.map +1 -1
  34. package/dist/tapestry-render/dist/registry.js.map +1 -1
  35. package/dist/tapestry-wc/dist/components/p-5-Cvrlgk.js.map +1 -1
  36. package/dist/tapestry-wc/dist/components/p-74Cc2nEh.js.map +1 -1
  37. package/dist/tapestry-wc/dist/components/p-D0G2xpOq.js.map +1 -1
  38. package/dist/tapestry-wc/dist/components/p-D1rzJeWl.js.map +1 -1
  39. package/dist/tapestry-wc/dist/components/p-DmP02I4b.js.map +1 -1
  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.map +1 -1
  42. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js.map +1 -1
  43. package/dist/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
  44. package/dist/tokens/ts/tokens.js.map +1 -1
  45. package/dist/tokens-dark.css +0 -266
  46. package/dist/tokens.css +0 -266
  47. package/dist/tokens.css.map +1 -1
  48. package/dist/unstable.css +0 -266
  49. package/dist/unstable.css.map +1 -1
  50. package/dist/utilities/Icon.js.map +1 -1
  51. package/dist/utilities/buttonLinkShared.js.map +1 -1
  52. package/package.json +3 -3
  53. package/dist/tapestry-render/dist/buildComponent-DTliJ3_n.js.map +0 -1
package/dist/tokens-dark.css CHANGED
@@ -5,7 +5,6 @@
5
5
  --t-text-color-default-secondary:hsl(0, 0%, 54%);
6
6
  --t-text-color-default-disabled:hsl(0, 0%, 25%);
7
7
  --t-text-color-default-placeholder:hsl(0, 0%, 38%);
8
- --t-text-color-default-inverted:hsl(0, 0%, 100%);
9
8
  --t-text-color-interaction-primary:hsl(204, 68%, 55%);
10
9
  --t-text-color-interaction-hover:hsl(204, 68%, 50%);
11
10
  --t-text-color-interaction-active:hsl(204, 68%, 45%);
@@ -27,28 +26,14 @@
27
26
  --t-text-color-tag-subtle-purple:hsl(268, 70%, 88%);
28
27
  --t-text-color-tag-subtle-magenta:hsl(285, 70%, 88%);
29
28
  --t-text-color-tag-bold-gray:hsl(0, 0%, 17%);
30
- --t-text-color-tag-bold-indigo:hsl(241, 59%, 28%);
31
- --t-text-color-tag-bold-blue:hsl(224, 47%, 31%);
32
- --t-text-color-tag-bold-aqua:hsl(209, 77%, 22%);
33
- --t-text-color-tag-bold-teal:hsl(180, 95%, 15%);
34
- --t-text-color-tag-bold-green:hsl(100, 93%, 17%);
35
- --t-text-color-tag-bold-yellow:hsl(29, 100%, 23%);
36
- --t-text-color-tag-bold-orange:hsl(18, 100%, 18%);
37
- --t-text-color-tag-bold-pink:hsl(327, 88%, 20%);
38
- --t-text-color-tag-bold-purple:hsl(268, 71%, 27%);
39
- --t-text-color-tag-bold-magenta:hsl(285, 71%, 20%);
40
29
  --t-icon-color-default-primary:hsl(0, 0%, 80%);
41
30
  --t-icon-color-default-secondary:hsl(0, 0%, 54%);
42
31
  --t-icon-color-default-dim:hsl(0, 0%, 38%);
43
32
  --t-icon-color-default-disabled:hsl(0, 0%, 25%);
44
- --t-icon-color-default-inverted:hsl(0, 0%, 100%);
45
33
  --t-icon-color-status-neutral-primary:hsl(0, 0%, 54%);
46
34
  --t-icon-color-status-neutral-secondary:hsl(0, 0%, 38%);
47
35
  --t-icon-color-status-neutral-bold:hsl(0, 0%, 80%);
48
36
  --t-icon-color-status-info-primary:hsl(204, 68%, 55%);
49
- --t-icon-color-status-success-primary:hsl(96, 57%, 33%);
50
- --t-icon-color-status-success-secondary:hsl(97, 57%, 40%);
51
- --t-icon-color-status-warning-primary:hsl(42, 84%, 49%);
52
37
  --t-icon-color-status-error-primary:hsl(8, 61%, 61%);
53
38
  --t-fill-color-neutral-100:hsl(0, 0%, 10%);
54
39
  --t-fill-color-neutral-000:hsl(0, 0%, 98%);
@@ -69,8 +54,6 @@
69
54
  --t-fill-color-control-neutral-off:hsl(0, 0%, 32%);
70
55
  --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
71
56
  --t-fill-color-control-primary:hsl(204, 100%, 35%);
72
- --t-fill-color-control-secondary:hsl(97, 57%, 40%);
73
- --t-fill-color-control-error:hsl(8, 60%, 47%);
74
57
  --t-fill-color-control-disabled:hsl(0, 0%, 20%);
75
58
  --t-fill-color-status-neutral-solid:hsl(0, 0%, 24%);
76
59
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
@@ -78,99 +61,13 @@
78
61
  --t-fill-color-status-info-solid:hsl(204, 100%, 35%);
79
62
  --t-fill-color-status-info-ghost:hsl(204, 32%, 15%);
80
63
  --t-fill-color-status-info-dim:hsl(206, 22%, 15%);
81
- --t-fill-color-status-success-solid:hsl(96, 57%, 33%);
82
64
  --t-fill-color-status-success-ghost:hsl(125, 17%, 15%);
83
65
  --t-fill-color-status-success-dim:hsl(120, 12%, 14%);
84
- --t-fill-color-status-warning-solid:hsl(42, 84%, 63%);
85
66
  --t-fill-color-status-warning-ghost:hsl(41, 18%, 17%);
86
67
  --t-fill-color-status-warning-dim:hsl(42, 13%, 15%);
87
- --t-fill-color-status-error-solid:hsl(8, 60%, 47%);
88
68
  --t-fill-color-status-error-ghost:hsl(8, 20%, 16%);
89
69
  --t-fill-color-status-error-dim:hsl(10, 16%, 15%);
90
70
  --t-fill-color-tooltip-primary:hsla(0, 0%, 24%, 0.9);
91
- --t-fill-color-product-accounts-010:hsl(212, 54%, 93%);
92
- --t-fill-color-product-accounts-020:hsl(209, 53%, 90%);
93
- --t-fill-color-product-accounts-030:hsl(210, 56%, 70%);
94
- --t-fill-color-product-accounts-040:hsl(210, 54%, 60%);
95
- --t-fill-color-product-accounts-050:hsl(210, 55%, 50%);
96
- --t-fill-color-product-accounts-060:hsl(210, 65%, 40%);
97
- --t-fill-color-product-accounts-070:hsl(211, 70%, 32%);
98
- --t-fill-color-product-accounts-080:hsl(210, 75%, 25%);
99
- --t-fill-color-product-calendar-010:hsl(8, 61%, 90%);
100
- --t-fill-color-product-calendar-020:hsl(8, 61%, 70%);
101
- --t-fill-color-product-calendar-030:hsl(8, 72%, 59%);
102
- --t-fill-color-product-calendar-040:hsl(8, 65%, 55%);
103
- --t-fill-color-product-calendar-050:hsl(9, 61%, 50%);
104
- --t-fill-color-product-calendar-060:hsl(8, 65%, 42%);
105
- --t-fill-color-product-calendar-070:hsl(7, 65%, 34%);
106
- --t-fill-color-product-calendar-080:hsl(9, 61%, 27%);
107
- --t-fill-color-product-checkins-010:hsl(285, 20%, 92%);
108
- --t-fill-color-product-checkins-020:hsl(283, 22%, 75%);
109
- --t-fill-color-product-checkins-030:hsl(284, 22%, 64%);
110
- --t-fill-color-product-checkins-040:hsl(283, 22%, 55%);
111
- --t-fill-color-product-checkins-050:hsl(283, 22%, 48%);
112
- --t-fill-color-product-checkins-060:hsl(283, 27%, 42%);
113
- --t-fill-color-product-checkins-070:hsl(284, 33%, 34%);
114
- --t-fill-color-product-checkins-080:hsl(283, 33%, 27%);
115
- --t-fill-color-product-giving-010:hsl(41, 95%, 93%);
116
- --t-fill-color-product-giving-020:hsl(42, 95%, 83%);
117
- --t-fill-color-product-giving-030:hsl(43, 95%, 75%);
118
- --t-fill-color-product-giving-040:hsl(43, 88%, 70%);
119
- --t-fill-color-product-giving-050:hsl(43, 88%, 64%);
120
- --t-fill-color-product-giving-060:hsl(42, 84%, 55%);
121
- --t-fill-color-product-giving-070:hsl(42, 84%, 48%);
122
- --t-fill-color-product-giving-080:hsl(42, 100%, 40%);
123
- --t-fill-color-product-groups-010:hsl(18, 95%, 92%);
124
- --t-fill-color-product-groups-020:hsl(17, 96%, 80%);
125
- --t-fill-color-product-groups-030:hsl(17, 96%, 70%);
126
- --t-fill-color-product-groups-040:hsl(17, 96%, 63%);
127
- --t-fill-color-product-groups-050:hsl(17, 88%, 55%);
128
- --t-fill-color-product-groups-060:hsl(12, 70%, 48%);
129
- --t-fill-color-product-groups-070:hsl(12, 70%, 40%);
130
- --t-fill-color-product-groups-080:hsl(14, 70%, 34%);
131
- --t-fill-color-product-home-010:hsl(221, 89%, 93%);
132
- --t-fill-color-product-home-020:hsl(221, 91%, 91%);
133
- --t-fill-color-product-home-030:hsl(221, 91%, 87%);
134
- --t-fill-color-product-home-040:hsl(221, 91%, 62%);
135
- --t-fill-color-product-home-050:hsl(221, 91%, 55%);
136
- --t-fill-color-product-home-060:hsl(221, 90%, 50%);
137
- --t-fill-color-product-home-070:hsl(221, 90%, 45%);
138
- --t-fill-color-product-home-080:hsl(218, 84%, 25%);
139
- --t-fill-color-product-people-010:hsl(219, 73%, 91%);
140
- --t-fill-color-product-people-020:hsl(220, 69%, 81%);
141
- --t-fill-color-product-people-030:hsl(221, 73%, 71%);
142
- --t-fill-color-product-people-040:hsl(221, 73%, 65%);
143
- --t-fill-color-product-people-050:hsl(220, 74%, 57%);
144
- --t-fill-color-product-people-060:hsl(220, 68%, 51%);
145
- --t-fill-color-product-people-070:hsl(220, 68%, 41%);
146
- --t-fill-color-product-people-080:hsl(221, 68%, 31%);
147
- --t-fill-color-product-publishing-010:hsl(220, 4%, 86%);
148
- --t-fill-color-product-publishing-020:hsl(222, 10%, 60%);
149
- --t-fill-color-product-publishing-030:hsl(221, 11%, 50%);
150
- --t-fill-color-product-publishing-040:hsl(222, 12%, 39%);
151
- --t-fill-color-product-publishing-050:hsl(220, 12%, 31%);
152
- --t-fill-color-product-publishing-060:hsl(220, 11%, 26%);
153
- --t-fill-color-product-publishing-070:hsl(217, 12%, 22%);
154
- --t-fill-color-product-publishing-080:hsl(214, 11%, 12%);
155
- --t-fill-color-product-registrations-010:hsl(173, 28%, 89%);
156
- --t-fill-color-product-registrations-020:hsl(176, 38%, 78%);
157
- --t-fill-color-product-registrations-030:hsl(176, 37%, 68%);
158
- --t-fill-color-product-registrations-040:hsl(176, 37%, 60%);
159
- --t-fill-color-product-registrations-050:hsl(175, 36%, 43%);
160
- --t-fill-color-product-registrations-060:hsl(175, 51%, 34%);
161
- --t-fill-color-product-registrations-070:hsl(174, 51%, 28%);
162
- --t-fill-color-product-registrations-080:hsl(175, 52%, 22%);
163
- --t-fill-color-product-services-010:hsl(88, 31%, 88%);
164
- --t-fill-color-product-services-020:hsl(88, 39%, 75%);
165
- --t-fill-color-product-services-030:hsl(88, 39%, 66%);
166
- --t-fill-color-product-services-040:hsl(88, 40%, 54%);
167
- --t-fill-color-product-services-050:hsl(88, 45%, 41%);
168
- --t-fill-color-product-services-060:hsl(89, 62%, 31%);
169
- --t-fill-color-product-services-070:hsl(89, 62%, 26%);
170
- --t-fill-color-product-services-080:hsl(89, 63%, 21%);
171
- --t-fill-color-product-staff-base:hsl(328, 100%, 45%);
172
- --t-fill-color-product-staff-dark:hsl(328, 100%, 38%);
173
- --t-fill-color-product-staff-darker:hsl(328, 100%, 33%);
174
71
  --t-fill-color-product-accounts-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
175
72
  --t-fill-color-product-accounts-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
176
73
  --t-fill-color-product-calendar-gradient-page:linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));
@@ -197,44 +94,24 @@
197
94
  --t-fill-color-tag-gray-040:hsl(0, 0%, 58%);
198
95
  --t-fill-color-tag-blue-010:hsl(229, 22%, 24%);
199
96
  --t-fill-color-tag-blue-020:hsl(233, 27%, 23%);
200
- --t-fill-color-tag-blue-030:hsl(220, 98%, 81%);
201
- --t-fill-color-tag-blue-040:hsl(220, 98%, 74%);
202
97
  --t-fill-color-tag-aqua-010:hsl(217, 25%, 24%);
203
98
  --t-fill-color-tag-aqua-020:hsl(222, 27%, 22%);
204
- --t-fill-color-tag-aqua-030:hsl(201, 76%, 71%);
205
- --t-fill-color-tag-aqua-040:hsl(200, 75%, 64%);
206
99
  --t-fill-color-tag-teal-010:hsl(150, 20%, 24%);
207
100
  --t-fill-color-tag-teal-020:hsl(147, 16%, 22%);
208
- --t-fill-color-tag-teal-030:hsl(169, 62%, 64%);
209
- --t-fill-color-tag-teal-040:hsl(169, 62%, 56%);
210
101
  --t-fill-color-tag-green-010:hsl(108, 21%, 22%);
211
102
  --t-fill-color-tag-green-020:hsl(109, 22%, 20%);
212
- --t-fill-color-tag-green-030:hsl(112, 57%, 65%);
213
- --t-fill-color-tag-green-040:hsl(112, 57%, 57%);
214
103
  --t-fill-color-tag-yellow-010:hsl(38, 27%, 23%);
215
104
  --t-fill-color-tag-yellow-020:hsl(37, 27%, 21%);
216
- --t-fill-color-tag-yellow-030:hsl(44, 92%, 69%);
217
- --t-fill-color-tag-yellow-040:hsl(44, 93%, 61%);
218
105
  --t-fill-color-tag-orange-010:hsl(12, 25%, 23%);
219
106
  --t-fill-color-tag-orange-020:hsl(10, 29%, 21%);
220
- --t-fill-color-tag-orange-030:hsl(21, 86%, 72%);
221
- --t-fill-color-tag-orange-040:hsl(21, 86%, 64%);
222
107
  --t-fill-color-tag-pink-010:hsl(331, 22%, 24%);
223
108
  --t-fill-color-tag-pink-020:hsl(338, 25%, 21%);
224
- --t-fill-color-tag-pink-030:hsl(324, 78%, 77%);
225
- --t-fill-color-tag-pink-040:hsl(324, 76%, 70%);
226
109
  --t-fill-color-tag-purple-010:hsl(260, 25%, 24%);
227
110
  --t-fill-color-tag-purple-020:hsl(254, 27%, 22%);
228
- --t-fill-color-tag-purple-030:hsl(273, 62%, 76%);
229
- --t-fill-color-tag-purple-040:hsl(273, 62%, 70%);
230
111
  --t-fill-color-tag-magenta-010:hsl(276, 18%, 22%);
231
112
  --t-fill-color-tag-magenta-020:hsl(277, 18%, 20%);
232
- --t-fill-color-tag-magenta-030:hsl(291, 48%, 70%);
233
- --t-fill-color-tag-magenta-040:hsl(292, 48%, 63%);
234
113
  --t-fill-color-tag-indigo-010:hsl(233, 30%, 27%);
235
114
  --t-fill-color-tag-indigo-020:hsl(233, 30%, 23%);
236
- --t-fill-color-tag-indigo-030:hsl(233, 77%, 81%);
237
- --t-fill-color-tag-indigo-040:hsl(236, 79%, 74%);
238
115
  --t-fill-color-button-neutral-solid-default:hsl(0, 0%, 19%);
239
116
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
240
117
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
@@ -247,9 +124,6 @@
247
124
  --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
248
125
  --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
249
126
  --t-fill-color-button-neutral-ghost-disabled:hsla(0, 0%, 0%, 0);
250
- --t-fill-color-button-neutral-responsive-header-default:hsla(0, 0%, 0%, 0.1);
251
- --t-fill-color-button-neutral-responsive-header-hover:hsla(0, 0%, 0%, 0.2);
252
- --t-fill-color-button-neutral-responsive-header-active:hsla(0, 0%, 0%, 0.3);
253
127
  --t-fill-color-button-neutral-responsive-header-disabled:hsla(0, 0%, 100%, 0.05);
254
128
  --t-fill-color-button-interaction-solid-default:hsl(204, 100%, 35%);
255
129
  --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
@@ -264,7 +138,6 @@
264
138
  --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
265
139
  --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 0%, 0);
266
140
  --t-fill-color-button-delete-solid-default:hsl(8, 60%, 40%);
267
- --t-fill-color-button-delete-solid-hover:hsl(8, 60%, 45%);
268
141
  --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
269
142
  --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 12%);
270
143
  --t-fill-color-button-delete-outline-dim-default:hsl(8, 20%, 16%);
@@ -308,18 +181,12 @@
308
181
  --t-border-color-default-white:hsl(0, 0%, 12%);
309
182
  --t-border-color-status-neutral:hsl(0, 0%, 38%);
310
183
  --t-border-color-status-info:hsl(204, 100%, 35%);
311
- --t-border-color-status-success:hsl(97, 57%, 40%);
312
- --t-border-color-status-warning:hsl(42, 84%, 63%);
313
- --t-border-color-status-error:hsl(8, 60%, 47%);
314
184
  --t-border-color-button-neutral:hsl(0, 0%, 19%);
315
185
  --t-border-color-button-info:hsla(204, 100%, 40%, 0.25);
316
186
  --t-border-color-button-create:hsla(96, 57%, 33%, 0.25);
317
187
  --t-border-color-button-delete:hsla(8, 60%, 47%, 0.25);
318
188
  --t-border-color-control-neutral:hsl(0, 0%, 33%);
319
189
  --t-border-color-control-info:hsl(204, 100%, 35%);
320
- --t-border-color-control-success:hsl(97, 57%, 40%);
321
- --t-border-color-control-warning:hsl(42, 84%, 63%);
322
- --t-border-color-control-error:hsl(8, 60%, 47%);
323
190
  --t-border-color-control-disabled:hsl(0, 0%, 21%);
324
191
  }
325
192
 
@@ -331,7 +198,6 @@
331
198
  --t-text-color-default-secondary:hsl(0, 0%, 54%);
332
199
  --t-text-color-default-disabled:hsl(0, 0%, 25%);
333
200
  --t-text-color-default-placeholder:hsl(0, 0%, 38%);
334
- --t-text-color-default-inverted:hsl(0, 0%, 100%);
335
201
  --t-text-color-interaction-primary:hsl(204, 68%, 55%);
336
202
  --t-text-color-interaction-hover:hsl(204, 68%, 50%);
337
203
  --t-text-color-interaction-active:hsl(204, 68%, 45%);
@@ -353,28 +219,14 @@
353
219
  --t-text-color-tag-subtle-purple:hsl(268, 70%, 88%);
354
220
  --t-text-color-tag-subtle-magenta:hsl(285, 70%, 88%);
355
221
  --t-text-color-tag-bold-gray:hsl(0, 0%, 17%);
356
- --t-text-color-tag-bold-indigo:hsl(241, 59%, 28%);
357
- --t-text-color-tag-bold-blue:hsl(224, 47%, 31%);
358
- --t-text-color-tag-bold-aqua:hsl(209, 77%, 22%);
359
- --t-text-color-tag-bold-teal:hsl(180, 95%, 15%);
360
- --t-text-color-tag-bold-green:hsl(100, 93%, 17%);
361
- --t-text-color-tag-bold-yellow:hsl(29, 100%, 23%);
362
- --t-text-color-tag-bold-orange:hsl(18, 100%, 18%);
363
- --t-text-color-tag-bold-pink:hsl(327, 88%, 20%);
364
- --t-text-color-tag-bold-purple:hsl(268, 71%, 27%);
365
- --t-text-color-tag-bold-magenta:hsl(285, 71%, 20%);
366
222
  --t-icon-color-default-primary:hsl(0, 0%, 80%);
367
223
  --t-icon-color-default-secondary:hsl(0, 0%, 54%);
368
224
  --t-icon-color-default-dim:hsl(0, 0%, 38%);
369
225
  --t-icon-color-default-disabled:hsl(0, 0%, 25%);
370
- --t-icon-color-default-inverted:hsl(0, 0%, 100%);
371
226
  --t-icon-color-status-neutral-primary:hsl(0, 0%, 54%);
372
227
  --t-icon-color-status-neutral-secondary:hsl(0, 0%, 38%);
373
228
  --t-icon-color-status-neutral-bold:hsl(0, 0%, 80%);
374
229
  --t-icon-color-status-info-primary:hsl(204, 68%, 55%);
375
- --t-icon-color-status-success-primary:hsl(96, 57%, 33%);
376
- --t-icon-color-status-success-secondary:hsl(97, 57%, 40%);
377
- --t-icon-color-status-warning-primary:hsl(42, 84%, 49%);
378
230
  --t-icon-color-status-error-primary:hsl(8, 61%, 61%);
379
231
  --t-fill-color-neutral-100:hsl(0, 0%, 10%);
380
232
  --t-fill-color-neutral-000:hsl(0, 0%, 98%);
@@ -395,8 +247,6 @@
395
247
  --t-fill-color-control-neutral-off:hsl(0, 0%, 32%);
396
248
  --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
397
249
  --t-fill-color-control-primary:hsl(204, 100%, 35%);
398
- --t-fill-color-control-secondary:hsl(97, 57%, 40%);
399
- --t-fill-color-control-error:hsl(8, 60%, 47%);
400
250
  --t-fill-color-control-disabled:hsl(0, 0%, 20%);
401
251
  --t-fill-color-status-neutral-solid:hsl(0, 0%, 24%);
402
252
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
@@ -404,99 +254,13 @@
404
254
  --t-fill-color-status-info-solid:hsl(204, 100%, 35%);
405
255
  --t-fill-color-status-info-ghost:hsl(204, 32%, 15%);
406
256
  --t-fill-color-status-info-dim:hsl(206, 22%, 15%);
407
- --t-fill-color-status-success-solid:hsl(96, 57%, 33%);
408
257
  --t-fill-color-status-success-ghost:hsl(125, 17%, 15%);
409
258
  --t-fill-color-status-success-dim:hsl(120, 12%, 14%);
410
- --t-fill-color-status-warning-solid:hsl(42, 84%, 63%);
411
259
  --t-fill-color-status-warning-ghost:hsl(41, 18%, 17%);
412
260
  --t-fill-color-status-warning-dim:hsl(42, 13%, 15%);
413
- --t-fill-color-status-error-solid:hsl(8, 60%, 47%);
414
261
  --t-fill-color-status-error-ghost:hsl(8, 20%, 16%);
415
262
  --t-fill-color-status-error-dim:hsl(10, 16%, 15%);
416
263
  --t-fill-color-tooltip-primary:hsla(0, 0%, 24%, 0.9);
417
- --t-fill-color-product-accounts-010:hsl(212, 54%, 93%);
418
- --t-fill-color-product-accounts-020:hsl(209, 53%, 90%);
419
- --t-fill-color-product-accounts-030:hsl(210, 56%, 70%);
420
- --t-fill-color-product-accounts-040:hsl(210, 54%, 60%);
421
- --t-fill-color-product-accounts-050:hsl(210, 55%, 50%);
422
- --t-fill-color-product-accounts-060:hsl(210, 65%, 40%);
423
- --t-fill-color-product-accounts-070:hsl(211, 70%, 32%);
424
- --t-fill-color-product-accounts-080:hsl(210, 75%, 25%);
425
- --t-fill-color-product-calendar-010:hsl(8, 61%, 90%);
426
- --t-fill-color-product-calendar-020:hsl(8, 61%, 70%);
427
- --t-fill-color-product-calendar-030:hsl(8, 72%, 59%);
428
- --t-fill-color-product-calendar-040:hsl(8, 65%, 55%);
429
- --t-fill-color-product-calendar-050:hsl(9, 61%, 50%);
430
- --t-fill-color-product-calendar-060:hsl(8, 65%, 42%);
431
- --t-fill-color-product-calendar-070:hsl(7, 65%, 34%);
432
- --t-fill-color-product-calendar-080:hsl(9, 61%, 27%);
433
- --t-fill-color-product-checkins-010:hsl(285, 20%, 92%);
434
- --t-fill-color-product-checkins-020:hsl(283, 22%, 75%);
435
- --t-fill-color-product-checkins-030:hsl(284, 22%, 64%);
436
- --t-fill-color-product-checkins-040:hsl(283, 22%, 55%);
437
- --t-fill-color-product-checkins-050:hsl(283, 22%, 48%);
438
- --t-fill-color-product-checkins-060:hsl(283, 27%, 42%);
439
- --t-fill-color-product-checkins-070:hsl(284, 33%, 34%);
440
- --t-fill-color-product-checkins-080:hsl(283, 33%, 27%);
441
- --t-fill-color-product-giving-010:hsl(41, 95%, 93%);
442
- --t-fill-color-product-giving-020:hsl(42, 95%, 83%);
443
- --t-fill-color-product-giving-030:hsl(43, 95%, 75%);
444
- --t-fill-color-product-giving-040:hsl(43, 88%, 70%);
445
- --t-fill-color-product-giving-050:hsl(43, 88%, 64%);
446
- --t-fill-color-product-giving-060:hsl(42, 84%, 55%);
447
- --t-fill-color-product-giving-070:hsl(42, 84%, 48%);
448
- --t-fill-color-product-giving-080:hsl(42, 100%, 40%);
449
- --t-fill-color-product-groups-010:hsl(18, 95%, 92%);
450
- --t-fill-color-product-groups-020:hsl(17, 96%, 80%);
451
- --t-fill-color-product-groups-030:hsl(17, 96%, 70%);
452
- --t-fill-color-product-groups-040:hsl(17, 96%, 63%);
453
- --t-fill-color-product-groups-050:hsl(17, 88%, 55%);
454
- --t-fill-color-product-groups-060:hsl(12, 70%, 48%);
455
- --t-fill-color-product-groups-070:hsl(12, 70%, 40%);
456
- --t-fill-color-product-groups-080:hsl(14, 70%, 34%);
457
- --t-fill-color-product-home-010:hsl(221, 89%, 93%);
458
- --t-fill-color-product-home-020:hsl(221, 91%, 91%);
459
- --t-fill-color-product-home-030:hsl(221, 91%, 87%);
460
- --t-fill-color-product-home-040:hsl(221, 91%, 62%);
461
- --t-fill-color-product-home-050:hsl(221, 91%, 55%);
462
- --t-fill-color-product-home-060:hsl(221, 90%, 50%);
463
- --t-fill-color-product-home-070:hsl(221, 90%, 45%);
464
- --t-fill-color-product-home-080:hsl(218, 84%, 25%);
465
- --t-fill-color-product-people-010:hsl(219, 73%, 91%);
466
- --t-fill-color-product-people-020:hsl(220, 69%, 81%);
467
- --t-fill-color-product-people-030:hsl(221, 73%, 71%);
468
- --t-fill-color-product-people-040:hsl(221, 73%, 65%);
469
- --t-fill-color-product-people-050:hsl(220, 74%, 57%);
470
- --t-fill-color-product-people-060:hsl(220, 68%, 51%);
471
- --t-fill-color-product-people-070:hsl(220, 68%, 41%);
472
- --t-fill-color-product-people-080:hsl(221, 68%, 31%);
473
- --t-fill-color-product-publishing-010:hsl(220, 4%, 86%);
474
- --t-fill-color-product-publishing-020:hsl(222, 10%, 60%);
475
- --t-fill-color-product-publishing-030:hsl(221, 11%, 50%);
476
- --t-fill-color-product-publishing-040:hsl(222, 12%, 39%);
477
- --t-fill-color-product-publishing-050:hsl(220, 12%, 31%);
478
- --t-fill-color-product-publishing-060:hsl(220, 11%, 26%);
479
- --t-fill-color-product-publishing-070:hsl(217, 12%, 22%);
480
- --t-fill-color-product-publishing-080:hsl(214, 11%, 12%);
481
- --t-fill-color-product-registrations-010:hsl(173, 28%, 89%);
482
- --t-fill-color-product-registrations-020:hsl(176, 38%, 78%);
483
- --t-fill-color-product-registrations-030:hsl(176, 37%, 68%);
484
- --t-fill-color-product-registrations-040:hsl(176, 37%, 60%);
485
- --t-fill-color-product-registrations-050:hsl(175, 36%, 43%);
486
- --t-fill-color-product-registrations-060:hsl(175, 51%, 34%);
487
- --t-fill-color-product-registrations-070:hsl(174, 51%, 28%);
488
- --t-fill-color-product-registrations-080:hsl(175, 52%, 22%);
489
- --t-fill-color-product-services-010:hsl(88, 31%, 88%);
490
- --t-fill-color-product-services-020:hsl(88, 39%, 75%);
491
- --t-fill-color-product-services-030:hsl(88, 39%, 66%);
492
- --t-fill-color-product-services-040:hsl(88, 40%, 54%);
493
- --t-fill-color-product-services-050:hsl(88, 45%, 41%);
494
- --t-fill-color-product-services-060:hsl(89, 62%, 31%);
495
- --t-fill-color-product-services-070:hsl(89, 62%, 26%);
496
- --t-fill-color-product-services-080:hsl(89, 63%, 21%);
497
- --t-fill-color-product-staff-base:hsl(328, 100%, 45%);
498
- --t-fill-color-product-staff-dark:hsl(328, 100%, 38%);
499
- --t-fill-color-product-staff-darker:hsl(328, 100%, 33%);
500
264
  --t-fill-color-product-accounts-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
501
265
  --t-fill-color-product-accounts-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
502
266
  --t-fill-color-product-calendar-gradient-page:linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));
@@ -523,44 +287,24 @@
523
287
  --t-fill-color-tag-gray-040:hsl(0, 0%, 58%);
524
288
  --t-fill-color-tag-blue-010:hsl(229, 22%, 24%);
525
289
  --t-fill-color-tag-blue-020:hsl(233, 27%, 23%);
526
- --t-fill-color-tag-blue-030:hsl(220, 98%, 81%);
527
- --t-fill-color-tag-blue-040:hsl(220, 98%, 74%);
528
290
  --t-fill-color-tag-aqua-010:hsl(217, 25%, 24%);
529
291
  --t-fill-color-tag-aqua-020:hsl(222, 27%, 22%);
530
- --t-fill-color-tag-aqua-030:hsl(201, 76%, 71%);
531
- --t-fill-color-tag-aqua-040:hsl(200, 75%, 64%);
532
292
  --t-fill-color-tag-teal-010:hsl(150, 20%, 24%);
533
293
  --t-fill-color-tag-teal-020:hsl(147, 16%, 22%);
534
- --t-fill-color-tag-teal-030:hsl(169, 62%, 64%);
535
- --t-fill-color-tag-teal-040:hsl(169, 62%, 56%);
536
294
  --t-fill-color-tag-green-010:hsl(108, 21%, 22%);
537
295
  --t-fill-color-tag-green-020:hsl(109, 22%, 20%);
538
- --t-fill-color-tag-green-030:hsl(112, 57%, 65%);
539
- --t-fill-color-tag-green-040:hsl(112, 57%, 57%);
540
296
  --t-fill-color-tag-yellow-010:hsl(38, 27%, 23%);
541
297
  --t-fill-color-tag-yellow-020:hsl(37, 27%, 21%);
542
- --t-fill-color-tag-yellow-030:hsl(44, 92%, 69%);
543
- --t-fill-color-tag-yellow-040:hsl(44, 93%, 61%);
544
298
  --t-fill-color-tag-orange-010:hsl(12, 25%, 23%);
545
299
  --t-fill-color-tag-orange-020:hsl(10, 29%, 21%);
546
- --t-fill-color-tag-orange-030:hsl(21, 86%, 72%);
547
- --t-fill-color-tag-orange-040:hsl(21, 86%, 64%);
548
300
  --t-fill-color-tag-pink-010:hsl(331, 22%, 24%);
549
301
  --t-fill-color-tag-pink-020:hsl(338, 25%, 21%);
550
- --t-fill-color-tag-pink-030:hsl(324, 78%, 77%);
551
- --t-fill-color-tag-pink-040:hsl(324, 76%, 70%);
552
302
  --t-fill-color-tag-purple-010:hsl(260, 25%, 24%);
553
303
  --t-fill-color-tag-purple-020:hsl(254, 27%, 22%);
554
- --t-fill-color-tag-purple-030:hsl(273, 62%, 76%);
555
- --t-fill-color-tag-purple-040:hsl(273, 62%, 70%);
556
304
  --t-fill-color-tag-magenta-010:hsl(276, 18%, 22%);
557
305
  --t-fill-color-tag-magenta-020:hsl(277, 18%, 20%);
558
- --t-fill-color-tag-magenta-030:hsl(291, 48%, 70%);
559
- --t-fill-color-tag-magenta-040:hsl(292, 48%, 63%);
560
306
  --t-fill-color-tag-indigo-010:hsl(233, 30%, 27%);
561
307
  --t-fill-color-tag-indigo-020:hsl(233, 30%, 23%);
562
- --t-fill-color-tag-indigo-030:hsl(233, 77%, 81%);
563
- --t-fill-color-tag-indigo-040:hsl(236, 79%, 74%);
564
308
  --t-fill-color-button-neutral-solid-default:hsl(0, 0%, 19%);
565
309
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
566
310
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
@@ -573,9 +317,6 @@
573
317
  --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
574
318
  --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
575
319
  --t-fill-color-button-neutral-ghost-disabled:hsla(0, 0%, 0%, 0);
576
- --t-fill-color-button-neutral-responsive-header-default:hsla(0, 0%, 0%, 0.1);
577
- --t-fill-color-button-neutral-responsive-header-hover:hsla(0, 0%, 0%, 0.2);
578
- --t-fill-color-button-neutral-responsive-header-active:hsla(0, 0%, 0%, 0.3);
579
320
  --t-fill-color-button-neutral-responsive-header-disabled:hsla(0, 0%, 100%, 0.05);
580
321
  --t-fill-color-button-interaction-solid-default:hsl(204, 100%, 35%);
581
322
  --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
@@ -590,7 +331,6 @@
590
331
  --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
591
332
  --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 0%, 0);
592
333
  --t-fill-color-button-delete-solid-default:hsl(8, 60%, 40%);
593
- --t-fill-color-button-delete-solid-hover:hsl(8, 60%, 45%);
594
334
  --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
595
335
  --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 12%);
596
336
  --t-fill-color-button-delete-outline-dim-default:hsl(8, 20%, 16%);
@@ -634,18 +374,12 @@
634
374
  --t-border-color-default-white:hsl(0, 0%, 12%);
635
375
  --t-border-color-status-neutral:hsl(0, 0%, 38%);
636
376
  --t-border-color-status-info:hsl(204, 100%, 35%);
637
- --t-border-color-status-success:hsl(97, 57%, 40%);
638
- --t-border-color-status-warning:hsl(42, 84%, 63%);
639
- --t-border-color-status-error:hsl(8, 60%, 47%);
640
377
  --t-border-color-button-neutral:hsl(0, 0%, 19%);
641
378
  --t-border-color-button-info:hsla(204, 100%, 40%, 0.25);
642
379
  --t-border-color-button-create:hsla(96, 57%, 33%, 0.25);
643
380
  --t-border-color-button-delete:hsla(8, 60%, 47%, 0.25);
644
381
  --t-border-color-control-neutral:hsl(0, 0%, 33%);
645
382
  --t-border-color-control-info:hsl(204, 100%, 35%);
646
- --t-border-color-control-success:hsl(97, 57%, 40%);
647
- --t-border-color-control-warning:hsl(42, 84%, 63%);
648
- --t-border-color-control-error:hsl(8, 60%, 47%);
649
383
  --t-border-color-control-disabled:hsl(0, 0%, 21%);
650
384
  }
651
385
  }