@planningcenter/tapestry 1.0.0-rc.1 → 1.0.0-rc.3

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 (15) hide show
  1. package/dist/index.css +273 -144
  2. package/dist/index.css.map +1 -1
  3. package/dist/packages/tapestry-wc/dist/components/tds-page-header.js +1 -1
  4. package/dist/packages/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
  5. package/dist/tokens/ts/tokens.d.ts +224 -95
  6. package/dist/tokens/ts/tokens.d.ts.map +1 -1
  7. package/dist/tokens/ts/tokens.js +224 -95
  8. package/dist/tokens/ts/tokens.js.map +1 -1
  9. package/dist/tokens.css +273 -144
  10. package/dist/tokens.css.map +1 -1
  11. package/dist/unstable.css +273 -144
  12. package/dist/unstable.css.map +1 -1
  13. package/dist/webComponents.css +273 -144
  14. package/dist/webComponents.css.map +1 -1
  15. package/package.json +3 -3
package/dist/tokens/ts/tokens.js CHANGED
@@ -52,9 +52,9 @@ const tokens = {
52
52
  "--t-avatar-size-112": "112px",
53
53
  "--t-text-color-default-headline": "hsl(0, 0%, 12%)",
54
54
  "--t-text-color-default-primary": "hsl(0, 0%, 24%)",
55
- "--t-text-color-default-secondary": "hsl(0, 0%, 45%)",
55
+ "--t-text-color-default-secondary": "hsl(0, 0%, 42%)",
56
56
  "--t-text-color-default-disabled": "hsl(0, 0%, 81%)",
57
- "--t-text-color-default-placeholder": "hsl(0, 0%, 62%)",
57
+ "--t-text-color-default-placeholder": "hsl(0, 0%, 58%)",
58
58
  "--t-text-color-default-inverted": "hsl(0, 0%, 100%)",
59
59
  "--t-text-color-interaction-primary": "hsl(204, 100%, 40%)",
60
60
  "--t-text-color-interaction-hover": "hsl(204, 100%, 35%)",
@@ -67,6 +67,7 @@ const tokens = {
67
67
  "--t-text-color-status-error": "hsl(8, 60%, 45%)",
68
68
  "--t-text-color-tag-subtle-gray": "hsl(0, 0%, 24%)",
69
69
  "--t-text-color-tag-subtle-blue": "hsl(224, 47%, 31%)",
70
+ "--t-text-color-tag-subtle-indigo": "hsl(241, 59%, 28%)",
70
71
  "--t-text-color-tag-subtle-aqua": "hsl(209, 77%, 22%)",
71
72
  "--t-text-color-tag-subtle-teal": "hsl(180, 95%, 15%)",
72
73
  "--t-text-color-tag-subtle-green": "hsl(100, 93%, 17%)",
@@ -86,6 +87,7 @@ const tokens = {
86
87
  "--t-text-color-tag-pink": "hsl(327, 88%, 20%)",
87
88
  "--t-text-color-tag-purple": "hsl(268, 71%, 27%)",
88
89
  "--t-text-color-tag-bold-gray": "hsl(0, 0%, 24%)",
90
+ "--t-text-color-tag-bold-indigo": "hsl(241, 59%, 28%)",
89
91
  "--t-text-color-tag-bold-blue": "hsl(224, 47%, 31%)",
90
92
  "--t-text-color-tag-bold-aqua": "hsl(209, 77%, 22%)",
91
93
  "--t-text-color-tag-bold-teal": "hsl(180, 95%, 15%)",
@@ -96,12 +98,12 @@ const tokens = {
96
98
  "--t-text-color-tag-bold-purple": "hsl(268, 71%, 27%)",
97
99
  "--t-text-color-tag-bold-magenta": "hsl(285, 71%, 20%)",
98
100
  "--t-icon-color-default-primary": "hsl(0, 0%, 24%)",
99
- "--t-icon-color-default-secondary": "hsl(0, 0%, 45%)",
100
- "--t-icon-color-default-dim": "hsl(0, 0%, 62%)",
101
+ "--t-icon-color-default-secondary": "hsl(0, 0%, 42%)",
102
+ "--t-icon-color-default-dim": "hsl(0, 0%, 58%)",
101
103
  "--t-icon-color-default-disabled": "hsl(0, 0%, 81%)",
102
104
  "--t-icon-color-default-inverted": "hsl(0, 0%, 100%)",
103
- "--t-icon-color-status-neutral-primary": "hsl(0, 0%, 45%)",
104
- "--t-icon-color-status-neutral-secondary": "hsl(0, 0%, 62%)",
105
+ "--t-icon-color-status-neutral-primary": "hsl(0, 0%, 42%)",
106
+ "--t-icon-color-status-neutral-secondary": "hsl(0, 0%, 58%)",
105
107
  "--t-icon-color-status-neutral-bold": "hsl(0, 0%, 24%)",
106
108
  "--t-icon-color-status-neutral-dark": "hsl(0, 0%, 24%)",
107
109
  "--t-icon-color-status-info-primary": "hsl(204, 100%, 40%)",
@@ -112,8 +114,9 @@ const tokens = {
112
114
  "--t-icon-color-status-error-primary": "hsl(8, 60%, 47%)",
113
115
  "--t-fill-color-neutral-000": "hsl(0, 0%, 12%)",
114
116
  "--t-fill-color-neutral-010": "hsl(0, 0%, 24%)",
115
- "--t-fill-color-neutral-020": "hsl(0, 0%, 45%)",
116
- "--t-fill-color-neutral-030": "hsl(0, 0%, 62%)",
117
+ "--t-fill-color-neutral-020": "hsl(0, 0%, 42%)",
118
+ "--t-fill-color-neutral-025": "hsl(0, 0%, 50%)",
119
+ "--t-fill-color-neutral-030": "hsl(0, 0%, 58%)",
117
120
  "--t-fill-color-neutral-040": "hsl(0, 0%, 81%)",
118
121
  "--t-fill-color-neutral-050": "hsl(0, 0%, 88%)",
119
122
  "--t-fill-color-neutral-060": "hsl(0, 0%, 93%)",
@@ -125,13 +128,13 @@ const tokens = {
125
128
  "--t-fill-color-interaction-hover": "hsl(204, 100%, 35%)",
126
129
  "--t-fill-color-interaction-active": "hsl(204, 100%, 30%)",
127
130
  "--t-fill-color-interaction-disabled": "hsl(0, 0%, 81%)",
128
- "--t-fill-color-control-neutral-off": "hsl(0, 0%, 62%)",
131
+ "--t-fill-color-control-neutral-off": "hsl(0, 0%, 58%)",
129
132
  "--t-fill-color-control-neutral-on": "hsl(0, 0%, 24%)",
130
133
  "--t-fill-color-control-primary": "hsl(204, 100%, 40%)",
131
134
  "--t-fill-color-control-secondary": "hsl(97, 57%, 40%)",
132
135
  "--t-fill-color-control-error": "hsl(8, 60%, 47%)",
133
136
  "--t-fill-color-control-disabled": "hsl(0, 0%, 81%)",
134
- "--t-fill-color-status-neutral-solid": "hsl(0, 0%, 45%)",
137
+ "--t-fill-color-status-neutral-solid": "hsl(0, 0%, 42%)",
135
138
  "--t-fill-color-status-neutral-ghost": "hsl(0, 0%, 93%)",
136
139
  "--t-fill-color-status-neutral-dim": "hsl(0, 0%, 97%)",
137
140
  "--t-fill-color-status-info-solid": "hsl(204, 100%, 40%)",
@@ -151,10 +154,215 @@ const tokens = {
151
154
  "--t-fill-color-alert-warning": "hsl(43, 96%, 58%)",
152
155
  "--t-fill-color-alert-error": "hsl(4, 77%, 59%)",
153
156
  "--t-fill-color-tooltip-primary": "hsla(0, 0%, 12%, 0.77)",
157
+ "--t-fill-color-product-accounts-010": "hsl(212, 54%, 93%)",
158
+ "--t-fill-color-product-accounts-020": "hsl(209, 53%, 90%)",
159
+ "--t-fill-color-product-accounts-030": "hsl(210, 56%, 70%)",
160
+ "--t-fill-color-product-accounts-040": "hsl(210, 54%, 60%)",
161
+ "--t-fill-color-product-accounts-050": "hsl(210, 55%, 50%)",
162
+ "--t-fill-color-product-accounts-060": "hsl(210, 65%, 40%)",
163
+ "--t-fill-color-product-accounts-070": "hsl(211, 70%, 32%)",
164
+ "--t-fill-color-product-accounts-080": "hsl(210, 75%, 25%)",
165
+ "--t-fill-color-product-calendar-010": "hsl(8, 61%, 90%)",
166
+ "--t-fill-color-product-calendar-020": "hsl(8, 61%, 70%)",
167
+ "--t-fill-color-product-calendar-030": "hsl(8, 72%, 59%)",
168
+ "--t-fill-color-product-calendar-040": "hsl(8, 65%, 55%)",
169
+ "--t-fill-color-product-calendar-050": "hsl(9, 61%, 50%)",
170
+ "--t-fill-color-product-calendar-060": "hsl(8, 65%, 42%)",
171
+ "--t-fill-color-product-calendar-070": "hsl(7, 65%, 34%)",
172
+ "--t-fill-color-product-calendar-080": "hsl(9, 61%, 27%)",
173
+ "--t-fill-color-product-checkins-010": "hsl(285, 20%, 92%)",
174
+ "--t-fill-color-product-checkins-020": "hsl(283, 22%, 75%)",
175
+ "--t-fill-color-product-checkins-030": "hsl(284, 22%, 64%)",
176
+ "--t-fill-color-product-checkins-040": "hsl(283, 22%, 55%)",
177
+ "--t-fill-color-product-checkins-050": "hsl(283, 22%, 48%)",
178
+ "--t-fill-color-product-checkins-060": "hsl(283, 27%, 42%)",
179
+ "--t-fill-color-product-checkins-070": "hsl(284, 33%, 34%)",
180
+ "--t-fill-color-product-checkins-080": "hsl(283, 33%, 27%)",
181
+ "--t-fill-color-product-giving-010": "hsl(41, 95%, 93%)",
182
+ "--t-fill-color-product-giving-020": "hsl(42, 95%, 83%)",
183
+ "--t-fill-color-product-giving-030": "hsl(43, 95%, 75%)",
184
+ "--t-fill-color-product-giving-040": "hsl(43, 88%, 70%)",
185
+ "--t-fill-color-product-giving-050": "hsl(43, 88%, 64%)",
186
+ "--t-fill-color-product-giving-060": "hsl(42, 84%, 55%)",
187
+ "--t-fill-color-product-giving-070": "hsl(42, 84%, 48%)",
188
+ "--t-fill-color-product-giving-080": "hsl(42, 100%, 40%)",
189
+ "--t-fill-color-product-groups-010": "hsl(18, 95%, 92%)",
190
+ "--t-fill-color-product-groups-020": "hsl(17, 96%, 80%)",
191
+ "--t-fill-color-product-groups-030": "hsl(17, 96%, 70%)",
192
+ "--t-fill-color-product-groups-040": "hsl(17, 96%, 63%)",
193
+ "--t-fill-color-product-groups-050": "hsl(17, 88%, 55%)",
194
+ "--t-fill-color-product-groups-060": "hsl(12, 70%, 48%)",
195
+ "--t-fill-color-product-groups-070": "hsl(12, 70%, 40%)",
196
+ "--t-fill-color-product-groups-080": "hsl(14, 70%, 34%)",
197
+ "--t-fill-color-product-home-010": "hsl(221, 89%, 93%)",
198
+ "--t-fill-color-product-home-020": "hsl(221, 91%, 91%)",
199
+ "--t-fill-color-product-home-030": "hsl(221, 91%, 87%)",
200
+ "--t-fill-color-product-home-040": "hsl(221, 91%, 62%)",
201
+ "--t-fill-color-product-home-050": "hsl(221, 91%, 55%)",
202
+ "--t-fill-color-product-home-060": "hsl(221, 90%, 50%)",
203
+ "--t-fill-color-product-home-070": "hsl(221, 90%, 45%)",
204
+ "--t-fill-color-product-home-080": "hsl(218, 84%, 25%)",
205
+ "--t-fill-color-product-people-010": "hsl(219, 73%, 91%)",
206
+ "--t-fill-color-product-people-020": "hsl(220, 69%, 81%)",
207
+ "--t-fill-color-product-people-030": "hsl(221, 73%, 71%)",
208
+ "--t-fill-color-product-people-040": "hsl(221, 73%, 65%)",
209
+ "--t-fill-color-product-people-050": "hsl(220, 74%, 57%)",
210
+ "--t-fill-color-product-people-060": "hsl(220, 68%, 51%)",
211
+ "--t-fill-color-product-people-070": "hsl(220, 68%, 41%)",
212
+ "--t-fill-color-product-people-080": "hsl(221, 68%, 31%)",
213
+ "--t-fill-color-product-publishing-010": "hsl(220, 4%, 86%)",
214
+ "--t-fill-color-product-publishing-020": "hsl(222, 10%, 60%)",
215
+ "--t-fill-color-product-publishing-030": "hsl(221, 11%, 50%)",
216
+ "--t-fill-color-product-publishing-040": "hsl(222, 12%, 39%)",
217
+ "--t-fill-color-product-publishing-050": "hsl(220, 12%, 31%)",
218
+ "--t-fill-color-product-publishing-060": "hsl(220, 11%, 26%)",
219
+ "--t-fill-color-product-publishing-070": "hsl(217, 12%, 22%)",
220
+ "--t-fill-color-product-publishing-080": "hsl(214, 11%, 12%)",
221
+ "--t-fill-color-product-registrations-010": "hsl(173, 28%, 89%)",
222
+ "--t-fill-color-product-registrations-020": "hsl(176, 38%, 78%)",
223
+ "--t-fill-color-product-registrations-030": "hsl(176, 37%, 68%)",
224
+ "--t-fill-color-product-registrations-040": "hsl(176, 37%, 60%)",
225
+ "--t-fill-color-product-registrations-050": "hsl(175, 36%, 43%)",
226
+ "--t-fill-color-product-registrations-060": "hsl(175, 51%, 34%)",
227
+ "--t-fill-color-product-registrations-070": "hsl(174, 51%, 28%)",
228
+ "--t-fill-color-product-registrations-080": "hsl(175, 52%, 22%)",
229
+ "--t-fill-color-product-services-010": "hsl(88, 31%, 88%)",
230
+ "--t-fill-color-product-services-020": "hsl(88, 39%, 75%)",
231
+ "--t-fill-color-product-services-030": "hsl(88, 39%, 66%)",
232
+ "--t-fill-color-product-services-040": "hsl(88, 40%, 54%)",
233
+ "--t-fill-color-product-services-050": "hsl(88, 45%, 41%)",
234
+ "--t-fill-color-product-services-060": "hsl(89, 62%, 31%)",
235
+ "--t-fill-color-product-services-070": "hsl(89, 62%, 26%)",
236
+ "--t-fill-color-product-services-080": "hsl(89, 63%, 21%)",
237
+ "--t-fill-color-product-accounts-lightest": "hsl(212, 54%, 93%)",
238
+ "--t-fill-color-product-accounts-lighter": "hsl(209, 53%, 90%)",
239
+ "--t-fill-color-product-accounts-light": "hsl(210, 54%, 60%)",
240
+ "--t-fill-color-product-accounts-base": "hsl(210, 55%, 50%)",
241
+ "--t-fill-color-product-accounts-dark": "hsl(210, 65%, 40%)",
242
+ "--t-fill-color-product-accounts-darker": "hsl(211, 70%, 32%)",
243
+ "--t-fill-color-product-accounts-darkest": "hsl(210, 75%, 25%)",
244
+ "--t-fill-color-product-calendar-lightest": "hsl(8, 61%, 70%)",
245
+ "--t-fill-color-product-calendar-lighter": "hsl(8, 72%, 59%)",
246
+ "--t-fill-color-product-calendar-light": "hsl(8, 65%, 55%)",
247
+ "--t-fill-color-product-calendar-base": "hsl(9, 61%, 50%)",
248
+ "--t-fill-color-product-calendar-dark": "hsl(8, 65%, 42%)",
249
+ "--t-fill-color-product-calendar-darker": "hsl(7, 65%, 34%)",
250
+ "--t-fill-color-product-calendar-darkest": "hsl(9, 61%, 27%)",
251
+ "--t-fill-color-product-checkins-lightest": "hsl(283, 22%, 75%)",
252
+ "--t-fill-color-product-checkins-lighter": "hsl(284, 22%, 64%)",
253
+ "--t-fill-color-product-checkins-light": "hsl(283, 22%, 55%)",
254
+ "--t-fill-color-product-checkins-base": "hsl(283, 22%, 48%)",
255
+ "--t-fill-color-product-checkins-dark": "hsl(283, 27%, 42%)",
256
+ "--t-fill-color-product-checkins-darker": "hsl(284, 33%, 34%)",
257
+ "--t-fill-color-product-checkins-darkest": "hsl(283, 33%, 27%)",
258
+ "--t-fill-color-product-giving-lightest": "hsl(42, 95%, 83%)",
259
+ "--t-fill-color-product-giving-lighter": "hsl(43, 95%, 75%)",
260
+ "--t-fill-color-product-giving-light": "hsl(43, 88%, 70%)",
261
+ "--t-fill-color-product-giving-base": "hsl(43, 88%, 64%)",
262
+ "--t-fill-color-product-giving-dark": "hsl(42, 84%, 55%)",
263
+ "--t-fill-color-product-giving-darker": "hsl(42, 84%, 48%)",
264
+ "--t-fill-color-product-giving-darkest": "hsl(42, 100%, 40%)",
265
+ "--t-fill-color-product-groups-lightest": "hsl(17, 96%, 80%)",
266
+ "--t-fill-color-product-groups-lighter": "hsl(17, 96%, 70%)",
267
+ "--t-fill-color-product-groups-light": "hsl(17, 96%, 63%)",
268
+ "--t-fill-color-product-groups-base": "hsl(17, 88%, 55%)",
269
+ "--t-fill-color-product-groups-dark": "hsl(12, 70%, 48%)",
270
+ "--t-fill-color-product-groups-darker": "hsl(12, 70%, 40%)",
271
+ "--t-fill-color-product-groups-darkest": "hsl(14, 70%, 34%)",
272
+ "--t-fill-color-product-home-lightest": "hsl(221, 91%, 91%)",
273
+ "--t-fill-color-product-home-lighter": "hsl(221, 91%, 87%)",
274
+ "--t-fill-color-product-home-light": "hsl(221, 91%, 62%)",
275
+ "--t-fill-color-product-home-base": "hsl(221, 91%, 55%)",
276
+ "--t-fill-color-product-home-dark": "hsl(221, 90%, 50%)",
277
+ "--t-fill-color-product-home-darker": "hsl(221, 90%, 45%)",
278
+ "--t-fill-color-product-home-darkest": "hsl(218, 84%, 25%)",
279
+ "--t-fill-color-product-people-lightest": "hsl(220, 69%, 81%)",
280
+ "--t-fill-color-product-people-lighter": "hsl(221, 73%, 71%)",
281
+ "--t-fill-color-product-people-light": "hsl(221, 73%, 65%)",
282
+ "--t-fill-color-product-people-base": "hsl(220, 74%, 57%)",
283
+ "--t-fill-color-product-people-dark": "hsl(220, 68%, 51%)",
284
+ "--t-fill-color-product-people-darker": "hsl(220, 68%, 41%)",
285
+ "--t-fill-color-product-people-darkest": "hsl(221, 68%, 31%)",
286
+ "--t-fill-color-product-publishing-lightest": "hsl(222, 10%, 60%)",
287
+ "--t-fill-color-product-publishing-lighter": "hsl(221, 11%, 50%)",
288
+ "--t-fill-color-product-publishing-light": "hsl(222, 12%, 39%)",
289
+ "--t-fill-color-product-publishing-base": "hsl(220, 12%, 31%)",
290
+ "--t-fill-color-product-publishing-dark": "hsl(220, 11%, 26%)",
291
+ "--t-fill-color-product-publishing-darker": "hsl(217, 12%, 22%)",
292
+ "--t-fill-color-product-publishing-darkest": "hsl(214, 11%, 12%)",
293
+ "--t-fill-color-product-registrations-lightest": "hsl(176, 38%, 78%)",
294
+ "--t-fill-color-product-registrations-lighter": "hsl(176, 37%, 68%)",
295
+ "--t-fill-color-product-registrations-light": "hsl(176, 37%, 60%)",
296
+ "--t-fill-color-product-registrations-base": "hsl(175, 36%, 43%)",
297
+ "--t-fill-color-product-registrations-dark": "hsl(175, 51%, 34%)",
298
+ "--t-fill-color-product-registrations-darker": "hsl(174, 51%, 28%)",
299
+ "--t-fill-color-product-registrations-darkest": "hsl(175, 52%, 22%)",
300
+ "--t-fill-color-product-services-lightest": "hsl(88, 39%, 75%)",
301
+ "--t-fill-color-product-services-lighter": "hsl(88, 39%, 66%)",
302
+ "--t-fill-color-product-services-light": "hsl(88, 40%, 54%)",
303
+ "--t-fill-color-product-services-base": "hsl(88, 45%, 41%)",
304
+ "--t-fill-color-product-services-dark": "hsl(89, 62%, 31%)",
305
+ "--t-fill-color-product-services-darker": "hsl(89, 62%, 26%)",
306
+ "--t-fill-color-product-services-darkest": "hsl(89, 63%, 21%)",
307
+ "--t-fill-color-product-staff-base": "hsl(328, 100%, 45%)",
308
+ "--t-fill-color-product-staff-dark": "hsl(328, 100%, 38%)",
309
+ "--t-fill-color-product-staff-darker": "hsl(328, 100%, 33%)",
310
+ "--t-fill-color-tag-gray-010": "hsl(0, 0%, 93%)",
311
+ "--t-fill-color-tag-gray-020": "hsl(0, 0%, 88%)",
312
+ "--t-fill-color-tag-gray-030": "hsl(0, 0%, 88%)",
313
+ "--t-fill-color-tag-gray-040": "hsl(0, 0%, 81%)",
314
+ "--t-fill-color-tag-blue-010": "hsl(220, 100%, 95%)",
315
+ "--t-fill-color-tag-blue-020": "hsl(221, 100%, 88%)",
316
+ "--t-fill-color-tag-blue-030": "hsl(220, 98%, 81%)",
317
+ "--t-fill-color-tag-blue-040": "hsl(220, 98%, 74%)",
318
+ "--t-fill-color-tag-aqua-010": "hsl(200, 82%, 89%)",
319
+ "--t-fill-color-tag-aqua-020": "hsl(200, 82%, 82%)",
320
+ "--t-fill-color-tag-aqua-030": "hsl(201, 76%, 71%)",
321
+ "--t-fill-color-tag-aqua-040": "hsl(200, 75%, 64%)",
322
+ "--t-fill-color-tag-teal-010": "hsl(163, 53%, 83%)",
323
+ "--t-fill-color-tag-teal-020": "hsl(164, 52%, 76%)",
324
+ "--t-fill-color-tag-teal-030": "hsl(169, 62%, 64%)",
325
+ "--t-fill-color-tag-teal-040": "hsl(169, 62%, 56%)",
326
+ "--t-fill-color-tag-green-010": "hsl(98, 59%, 85%)",
327
+ "--t-fill-color-tag-green-020": "hsl(99, 59%, 78%)",
328
+ "--t-fill-color-tag-green-030": "hsl(112, 57%, 65%)",
329
+ "--t-fill-color-tag-green-040": "hsl(112, 57%, 57%)",
330
+ "--t-fill-color-tag-yellow-010": "hsl(45, 77%, 85%)",
331
+ "--t-fill-color-tag-yellow-020": "hsl(44, 78%, 77%)",
332
+ "--t-fill-color-tag-yellow-030": "hsl(44, 92%, 69%)",
333
+ "--t-fill-color-tag-yellow-040": "hsl(44, 93%, 61%)",
334
+ "--t-fill-color-tag-orange-010": "hsl(22, 89%, 89%)",
335
+ "--t-fill-color-tag-orange-020": "hsl(21, 89%, 82%)",
336
+ "--t-fill-color-tag-orange-030": "hsl(21, 86%, 72%)",
337
+ "--t-fill-color-tag-orange-040": "hsl(21, 86%, 64%)",
338
+ "--t-fill-color-tag-pink-010": "hsl(311, 66%, 92%)",
339
+ "--t-fill-color-tag-pink-020": "hsl(310, 64%, 85%)",
340
+ "--t-fill-color-tag-pink-030": "hsl(324, 78%, 77%)",
341
+ "--t-fill-color-tag-pink-040": "hsl(324, 76%, 70%)",
342
+ "--t-fill-color-tag-purple-010": "hsl(259, 74%, 93%)",
343
+ "--t-fill-color-tag-purple-020": "hsl(259, 74%, 85%)",
344
+ "--t-fill-color-tag-purple-030": "hsl(273, 62%, 76%)",
345
+ "--t-fill-color-tag-purple-040": "hsl(273, 62%, 70%)",
346
+ "--t-fill-color-tag-magenta-010": "hsl(294, 37%, 90%)",
347
+ "--t-fill-color-tag-magenta-020": "hsl(291, 40%, 83%)",
348
+ "--t-fill-color-tag-magenta-030": "hsl(291, 48%, 70%)",
349
+ "--t-fill-color-tag-magenta-040": "hsl(292, 48%, 63%)",
350
+ "--t-fill-color-tag-indigo-010": "hsl(234, 78%, 93%)",
351
+ "--t-fill-color-tag-indigo-020": "hsl(233, 79%, 87%)",
352
+ "--t-fill-color-tag-indigo-030": "hsl(233, 77%, 81%)",
353
+ "--t-fill-color-tag-indigo-040": "hsl(236, 79%, 74%)",
154
354
  "--t-fill-color-tag-subtle-gray": "hsl(0, 0%, 93%)",
155
355
  "--t-fill-color-tag-subtle-blue": "hsl(220, 100%, 95%)",
356
+ "--t-fill-color-tag-subtle-aqua": "hsl(200, 82%, 89%)",
357
+ "--t-fill-color-tag-subtle-teal": "hsl(163, 53%, 83%)",
358
+ "--t-fill-color-tag-subtle-green": "hsl(98, 59%, 85%)",
359
+ "--t-fill-color-tag-subtle-yellow": "hsl(45, 77%, 85%)",
360
+ "--t-fill-color-tag-subtle-orange": "hsl(22, 89%, 89%)",
361
+ "--t-fill-color-tag-subtle-pink": "hsl(311, 66%, 92%)",
362
+ "--t-fill-color-tag-subtle-purple": "hsl(259, 74%, 93%)",
363
+ "--t-fill-color-tag-subtle-magenta": "hsl(294, 37%, 90%)",
156
364
  "--t-fill-color-tag-subtle-label-gray": "hsl(0, 0%, 88%)",
157
- "--t-fill-color-tag-subtle-label-blue": "hsl(221, 100%, 81%)",
365
+ "--t-fill-color-tag-subtle-label-blue": "hsl(221, 100%, 88%)",
158
366
  "--t-fill-color-tag-subtle-label-aqua": "hsl(200, 82%, 82%)",
159
367
  "--t-fill-color-tag-subtle-label-teal": "hsl(164, 52%, 76%)",
160
368
  "--t-fill-color-tag-subtle-label-green": "hsl(99, 59%, 78%)",
@@ -163,14 +371,6 @@ const tokens = {
163
371
  "--t-fill-color-tag-subtle-label-pink": "hsl(310, 64%, 85%)",
164
372
  "--t-fill-color-tag-subtle-label-purple": "hsl(259, 74%, 85%)",
165
373
  "--t-fill-color-tag-subtle-label-magenta": "hsl(291, 40%, 83%)",
166
- "--t-fill-color-tag-subtle-aqua": "hsl(200, 82%, 89%)",
167
- "--t-fill-color-tag-subtle-teal": "hsl(163, 53%, 83%)",
168
- "--t-fill-color-tag-subtle-green": "hsl(98, 59%, 85%)",
169
- "--t-fill-color-tag-subtle-yellow": "hsl(45, 77%, 85%)",
170
- "--t-fill-color-tag-subtle-orange": "hsl(22, 89%, 89%)",
171
- "--t-fill-color-tag-subtle-pink": "hsl(311, 66%, 92%)",
172
- "--t-fill-color-tag-subtle-purple": "hsl(259, 74%, 93%)",
173
- "--t-fill-color-tag-subtle-magenta": "hsl(294, 37%, 90%)",
174
374
  "--t-fill-color-tag-bold-gray": "hsl(0, 0%, 88%)",
175
375
  "--t-fill-color-tag-bold-blue": "hsl(220, 98%, 81%)",
176
376
  "--t-fill-color-tag-bold-aqua": "hsl(201, 76%, 71%)",
@@ -191,19 +391,19 @@ const tokens = {
191
391
  "--t-fill-color-tag-bold-label-pink": "hsl(324, 76%, 70%)",
192
392
  "--t-fill-color-tag-bold-label-purple": "hsl(273, 62%, 70%)",
193
393
  "--t-fill-color-tag-bold-label-magenta": "hsl(292, 48%, 63%)",
194
- "--t-fill-color-button-neutral-solid-default": "hsl(0, 0%, 45%)",
394
+ "--t-fill-color-button-neutral-solid-default": "hsl(0, 0%, 42%)",
195
395
  "--t-fill-color-button-neutral-solid-hover": "hsl(0, 0%, 24%)",
196
396
  "--t-fill-color-button-neutral-solid-active": "hsl(0, 0%, 12%)",
197
397
  "--t-fill-color-button-neutral-solid-disabled": "hsl(0, 0%, 95%)",
198
398
  "--t-fill-color-button-neutral-outline-dim-default": "hsla(0, 0%, 100%, 0)",
199
399
  "--t-fill-color-button-neutral-outline-dim-hover": "hsl(0, 0%, 95%)",
200
400
  "--t-fill-color-button-neutral-outline-dim-active": "hsl(0, 0%, 93%)",
201
- "--t-fill-color-button-neutral-outline-dim-disabled": "hsla(0, 0%, 100%, 0)",
401
+ "--t-fill-color-button-neutral-outline-dim-disabled": "hsl(0, 0%, 98%)",
202
402
  "--t-fill-color-button-neutral-outline-dim-disabled-solid": "hsl(0, 0%, 98%)",
203
403
  "--t-fill-color-button-neutral-ghost-default": "hsla(0, 0%, 100%, 0)",
204
404
  "--t-fill-color-button-neutral-ghost-hover": "hsl(0, 0%, 95%)",
205
405
  "--t-fill-color-button-neutral-ghost-active": "hsl(0, 0%, 93%)",
206
- "--t-fill-color-button-neutral-ghost-disabled": "hsla(0, 0%, 100%, 0)",
406
+ "--t-fill-color-button-neutral-ghost-disabled": "hsl(0, 0%, 98%)",
207
407
  "--t-fill-color-button-neutral-ghost-disabled-solid": "hsl(0, 0%, 98%)",
208
408
  "--t-fill-color-button-interaction-solid-default": "hsl(204, 100%, 40%)",
209
409
  "--t-fill-color-button-interaction-solid-hover": "hsl(204, 100%, 35%)",
@@ -253,77 +453,6 @@ const tokens = {
253
453
  "--t-fill-color-button-pill-hover": "hsl(0, 0%, 88%)",
254
454
  "--t-fill-color-button-pill-active": "hsl(0, 0%, 88%)",
255
455
  "--t-fill-color-button-pill-disabled": "hsl(0, 0%, 93%)",
256
- "--t-fill-color-product-accounts-base": "hsl(210, 55%, 50%)",
257
- "--t-fill-color-product-accounts-light": "hsl(210, 54%, 60%)",
258
- "--t-fill-color-product-accounts-lighter": "hsl(209, 53%, 90%)",
259
- "--t-fill-color-product-accounts-lightest": "hsl(212, 54%, 93%)",
260
- "--t-fill-color-product-accounts-dark": "hsl(210, 65%, 40%)",
261
- "--t-fill-color-product-accounts-darker": "hsl(211, 70%, 32%)",
262
- "--t-fill-color-product-accounts-darkest": "hsl(210, 75%, 25%)",
263
- "--t-fill-color-product-calendar-base": "hsl(9, 61%, 50%)",
264
- "--t-fill-color-product-calendar-light": "hsl(8, 65%, 55%)",
265
- "--t-fill-color-product-calendar-lighter": "hsl(8, 72%, 59%)",
266
- "--t-fill-color-product-calendar-lightest": "hsl(8, 61%, 70%)",
267
- "--t-fill-color-product-calendar-dark": "hsl(8, 65%, 42%)",
268
- "--t-fill-color-product-calendar-darker": "hsl(7, 65%, 34%)",
269
- "--t-fill-color-product-calendar-darkest": "hsl(9, 61%, 27%)",
270
- "--t-fill-color-product-checkins-base": "hsl(283, 22%, 48%)",
271
- "--t-fill-color-product-checkins-light": "hsl(283, 22%, 55%)",
272
- "--t-fill-color-product-checkins-lighter": "hsl(284, 22%, 64%)",
273
- "--t-fill-color-product-checkins-lightest": "hsl(283, 22%, 75%)",
274
- "--t-fill-color-product-checkins-dark": "hsl(283, 27%, 42%)",
275
- "--t-fill-color-product-checkins-darker": "hsl(284, 33%, 34%)",
276
- "--t-fill-color-product-checkins-darkest": "hsl(283, 33%, 27%)",
277
- "--t-fill-color-product-giving-base": "hsl(43, 88%, 64%)",
278
- "--t-fill-color-product-giving-light": "hsl(43, 88%, 70%)",
279
- "--t-fill-color-product-giving-lighter": "hsl(43, 95%, 75%)",
280
- "--t-fill-color-product-giving-lightest": "hsl(42, 95%, 83%)",
281
- "--t-fill-color-product-giving-dark": "hsl(42, 84%, 55%)",
282
- "--t-fill-color-product-giving-darker": "hsl(42, 84%, 48%)",
283
- "--t-fill-color-product-giving-darkest": "hsl(42, 100%, 40%)",
284
- "--t-fill-color-product-groups-base": "hsl(17, 88%, 55%)",
285
- "--t-fill-color-product-groups-light": "hsl(17, 96%, 63%)",
286
- "--t-fill-color-product-groups-lighter": "hsl(17, 96%, 70%)",
287
- "--t-fill-color-product-groups-lightest": "hsl(17, 96%, 80%)",
288
- "--t-fill-color-product-groups-dark": "hsl(12, 70%, 48%)",
289
- "--t-fill-color-product-groups-darker": "hsl(12, 70%, 40%)",
290
- "--t-fill-color-product-groups-darkest": "hsl(14, 70%, 34%)",
291
- "--t-fill-color-product-home-base": "hsl(221, 91%, 55%)",
292
- "--t-fill-color-product-home-light": "hsl(221, 91%, 62%)",
293
- "--t-fill-color-product-home-lighter": "hsl(221, 91%, 87%)",
294
- "--t-fill-color-product-home-lightest": "hsl(221, 91%, 91%)",
295
- "--t-fill-color-product-home-dark": "hsl(221, 90%, 50%)",
296
- "--t-fill-color-product-home-darker": "hsl(221, 90%, 45%)",
297
- "--t-fill-color-product-home-darkest": "hsl(218, 84%, 25%)",
298
- "--t-fill-color-product-people-base": "hsl(220, 74%, 57%)",
299
- "--t-fill-color-product-people-light": "hsl(221, 73%, 65%)",
300
- "--t-fill-color-product-people-lighter": "hsl(221, 73%, 71%)",
301
- "--t-fill-color-product-people-lightest": "hsl(220, 69%, 81%)",
302
- "--t-fill-color-product-people-dark": "hsl(220, 68%, 51%)",
303
- "--t-fill-color-product-people-darker": "hsl(220, 68%, 41%)",
304
- "--t-fill-color-product-people-darkest": "hsl(221, 68%, 31%)",
305
- "--t-fill-color-product-publishing-base": "hsl(220, 12%, 31%)",
306
- "--t-fill-color-product-publishing-light": "hsl(222, 12%, 39%)",
307
- "--t-fill-color-product-publishing-lighter": "hsl(221, 11%, 50%)",
308
- "--t-fill-color-product-publishing-lightest": "hsl(222, 10%, 60%)",
309
- "--t-fill-color-product-publishing-dark": "hsl(220, 11%, 26%)",
310
- "--t-fill-color-product-publishing-darker": "hsl(217, 12%, 22%)",
311
- "--t-fill-color-product-publishing-darkest": "hsl(214, 11%, 12%)",
312
- "--t-fill-color-product-registrations-base": "hsl(175, 36%, 43%)",
313
- "--t-fill-color-product-registrations-light": "hsl(176, 37%, 60%)",
314
- "--t-fill-color-product-registrations-lighter": "hsl(176, 37%, 68%)",
315
- "--t-fill-color-product-registrations-lightest": "hsl(176, 38%, 78%)",
316
- "--t-fill-color-product-registrations-dark": "hsl(175, 51%, 34%)",
317
- "--t-fill-color-product-registrations-darker": "hsl(174, 51%, 28%)",
318
- "--t-fill-color-product-registrations-darkest": "hsl(175, 52%, 22%)",
319
- "--t-fill-color-product-services-base": "hsl(88, 45%, 41%)",
320
- "--t-fill-color-product-services-light": "hsl(88, 40%, 54%)",
321
- "--t-fill-color-product-services-lighter": "hsl(88, 39%, 66%)",
322
- "--t-fill-color-product-services-lightest": "hsl(88, 39%, 75%)",
323
- "--t-fill-color-product-services-dark": "hsl(89, 62%, 32%)",
324
- "--t-fill-color-product-services-darker": "hsl(89, 62%, 26%)",
325
- "--t-fill-color-product-services-darkest": "hsl(89, 63%, 21%)",
326
- "--t-fill-color-product-staff-base": "hsl(328, 100%, 45%)",
327
456
  "--t-fill-color-transparency-light-010": "hsla(0, 0%, 100%, 0.1)",
328
457
  "--t-fill-color-transparency-light-020": "hsla(0, 0%, 100%, 0.2)",
329
458
  "--t-fill-color-transparency-light-030": "hsla(0, 0%, 100%, 0.3)",
@@ -347,11 +476,11 @@ const tokens = {
347
476
  "--t-border-color-default-base": "hsl(0, 0%, 88%)",
348
477
  "--t-border-color-default-dark": "hsl(0, 0%, 81%)",
349
478
  "--t-border-color-default-darker": "hsl(0, 0%, 68%)",
350
- "--t-border-color-default-darkest": "hsl(0, 0%, 62%)",
479
+ "--t-border-color-default-darkest": "hsl(0, 0%, 58%)",
351
480
  "--t-border-color-default-disabled": "hsl(0, 0%, 88%)",
352
481
  "--t-border-color-default-dim": "hsl(0, 0%, 95%)",
353
482
  "--t-border-color-default-white": "hsl(0, 0%, 100%)",
354
- "--t-border-color-status-neutral": "hsl(0, 0%, 62%)",
483
+ "--t-border-color-status-neutral": "hsl(0, 0%, 58%)",
355
484
  "--t-border-color-status-info": "hsl(204, 100%, 40%)",
356
485
  "--t-border-color-status-success": "hsl(97, 57%, 40%)",
357
486
  "--t-border-color-status-warning": "hsl(42, 84%, 63%)",