@planningcenter/tapestry 2.5.0-rc.4 → 2.5.0-rc.6

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 (12) hide show
  1. package/dist/index.css +108 -48
  2. package/dist/index.css.map +1 -1
  3. package/dist/reactRender.css +540 -480
  4. package/dist/reactRender.css.map +1 -1
  5. package/dist/reactRenderLegacy.css +540 -480
  6. package/dist/reactRenderLegacy.css.map +1 -1
  7. package/dist/tokens-dark.css +108 -48
  8. package/dist/tokens.css +108 -48
  9. package/dist/tokens.css.map +1 -1
  10. package/dist/unstable.css +108 -48
  11. package/dist/unstable.css.map +1 -1
  12. package/package.json +2 -2
package/dist/tokens-dark.css CHANGED
@@ -25,7 +25,17 @@
25
25
  --t-text-color-tag-subtle-pink:hsl(328, 89%, 89%);
26
26
  --t-text-color-tag-subtle-purple:hsl(268, 70%, 88%);
27
27
  --t-text-color-tag-subtle-magenta:hsl(285, 70%, 88%);
28
- --t-text-color-tag-bold-gray:hsl(0, 0%, 17%);
28
+ --t-text-color-tag-bold-gray:hsl(0, 0%, 100%);
29
+ --t-text-color-tag-bold-indigo:hsl(0, 0%, 100%);
30
+ --t-text-color-tag-bold-blue:hsl(0, 0%, 100%);
31
+ --t-text-color-tag-bold-aqua:hsl(0, 0%, 100%);
32
+ --t-text-color-tag-bold-teal:hsl(0, 0%, 100%);
33
+ --t-text-color-tag-bold-green:hsl(0, 0%, 100%);
34
+ --t-text-color-tag-bold-yellow:hsl(0, 0%, 100%);
35
+ --t-text-color-tag-bold-orange:hsl(0, 0%, 100%);
36
+ --t-text-color-tag-bold-pink:hsl(0, 0%, 100%);
37
+ --t-text-color-tag-bold-purple:hsl(0, 0%, 100%);
38
+ --t-text-color-tag-bold-magenta:hsl(0, 0%, 100%);
29
39
  --t-icon-color-default-primary:hsl(0, 0%, 80%);
30
40
  --t-icon-color-default-secondary:hsl(0, 0%, 54%);
31
41
  --t-icon-color-default-dim:hsl(0, 0%, 38%);
@@ -88,30 +98,50 @@
88
98
  --t-fill-color-product-registrations-gradient-tint:linear-gradient(111.72deg, hsl(173, 22%, 15%), hsl(185, 21%, 12%) 39.5%, hsl(203, 37%, 11%));
89
99
  --t-fill-color-product-services-gradient-page:linear-gradient(111.72deg, hsl(87, 26%, 18%), hsl(88, 25%, 15%) 39.5%, hsl(204, 70%, 12%));
90
100
  --t-fill-color-product-services-gradient-tint:linear-gradient(111.72deg, hsl(85, 17%, 14%), hsl(87, 14%, 13%) 39.5%, hsl(203, 37%, 11%));
91
- --t-fill-color-tag-gray-010:hsl(0, 0%, 19%);
92
- --t-fill-color-tag-gray-020:hsl(0, 0%, 17%);
93
- --t-fill-color-tag-gray-030:hsl(0, 0%, 68%);
94
- --t-fill-color-tag-gray-040:hsl(0, 0%, 58%);
95
- --t-fill-color-tag-blue-010:hsl(229, 22%, 24%);
96
- --t-fill-color-tag-blue-020:hsl(233, 27%, 23%);
97
- --t-fill-color-tag-aqua-010:hsl(217, 25%, 24%);
98
- --t-fill-color-tag-aqua-020:hsl(222, 27%, 22%);
99
- --t-fill-color-tag-teal-010:hsl(150, 20%, 24%);
100
- --t-fill-color-tag-teal-020:hsl(147, 16%, 22%);
101
- --t-fill-color-tag-green-010:hsl(108, 21%, 22%);
102
- --t-fill-color-tag-green-020:hsl(109, 22%, 20%);
103
- --t-fill-color-tag-yellow-010:hsl(38, 27%, 23%);
104
- --t-fill-color-tag-yellow-020:hsl(37, 27%, 21%);
105
- --t-fill-color-tag-orange-010:hsl(12, 25%, 23%);
106
- --t-fill-color-tag-orange-020:hsl(10, 29%, 21%);
101
+ --t-fill-color-tag-gray-010:hsl(0, 0%, 20%);
102
+ --t-fill-color-tag-gray-020:hsl(0, 0%, 24%);
103
+ --t-fill-color-tag-gray-030:hsl(0, 0%, 36%);
104
+ --t-fill-color-tag-gray-040:hsl(0, 0%, 42%);
105
+ --t-fill-color-tag-blue-010:hsl(219, 26%, 24%);
106
+ --t-fill-color-tag-blue-020:hsl(220, 28%, 29%);
107
+ --t-fill-color-tag-blue-030:hsl(219, 32%, 45%);
108
+ --t-fill-color-tag-blue-040:hsl(220, 35%, 52%);
109
+ --t-fill-color-tag-aqua-010:hsl(200, 30%, 21%);
110
+ --t-fill-color-tag-aqua-020:hsl(200, 33%, 26%);
111
+ --t-fill-color-tag-aqua-030:hsl(200, 39%, 38%);
112
+ --t-fill-color-tag-aqua-040:hsl(200, 39%, 43%);
113
+ --t-fill-color-tag-teal-010:hsl(169, 33%, 19%);
114
+ --t-fill-color-tag-teal-020:hsl(169, 37%, 22%);
115
+ --t-fill-color-tag-teal-030:hsl(169, 43%, 31%);
116
+ --t-fill-color-tag-teal-040:hsl(169, 44%, 35%);
117
+ --t-fill-color-tag-green-010:hsl(110, 30%, 20%);
118
+ --t-fill-color-tag-green-020:hsl(112, 33%, 23%);
119
+ --t-fill-color-tag-green-030:hsl(112, 37%, 33%);
120
+ --t-fill-color-tag-green-040:hsl(112, 39%, 37%);
121
+ --t-fill-color-tag-yellow-010:hsl(44, 39%, 19%);
122
+ --t-fill-color-tag-yellow-020:hsl(44, 44%, 22%);
123
+ --t-fill-color-tag-yellow-030:hsl(44, 50%, 31%);
124
+ --t-fill-color-tag-yellow-040:hsl(44, 53%, 36%);
125
+ --t-fill-color-tag-orange-010:hsl(21, 35%, 22%);
126
+ --t-fill-color-tag-orange-020:hsl(20, 38%, 26%);
127
+ --t-fill-color-tag-orange-030:hsl(21, 44%, 40%);
128
+ --t-fill-color-tag-orange-040:hsl(21, 46%, 45%);
107
129
  --t-fill-color-tag-pink-010:hsl(331, 22%, 24%);
108
- --t-fill-color-tag-pink-020:hsl(338, 25%, 21%);
109
- --t-fill-color-tag-purple-010:hsl(260, 25%, 24%);
110
- --t-fill-color-tag-purple-020:hsl(254, 27%, 22%);
111
- --t-fill-color-tag-magenta-010:hsl(276, 18%, 22%);
112
- --t-fill-color-tag-magenta-020:hsl(277, 18%, 20%);
113
- --t-fill-color-tag-indigo-010:hsl(233, 30%, 27%);
114
- --t-fill-color-tag-indigo-020:hsl(233, 30%, 23%);
130
+ --t-fill-color-tag-pink-020:hsl(324, 26%, 26%);
131
+ --t-fill-color-tag-pink-030:hsl(324, 30%, 45%);
132
+ --t-fill-color-tag-pink-040:hsl(324, 33%, 51%);
133
+ --t-fill-color-tag-purple-010:hsl(274, 20%, 23%);
134
+ --t-fill-color-tag-purple-020:hsl(274, 21%, 28%);
135
+ --t-fill-color-tag-purple-030:hsl(274, 25%, 46%);
136
+ --t-fill-color-tag-purple-040:hsl(274, 28%, 53%);
137
+ --t-fill-color-tag-magenta-010:hsl(292, 20%, 21%);
138
+ --t-fill-color-tag-magenta-020:hsl(292, 22%, 26%);
139
+ --t-fill-color-tag-magenta-030:hsl(293, 26%, 42%);
140
+ --t-fill-color-tag-magenta-040:hsl(292, 27%, 48%);
141
+ --t-fill-color-tag-indigo-010:hsl(235, 21%, 24%);
142
+ --t-fill-color-tag-indigo-020:hsl(236, 22%, 29%);
143
+ --t-fill-color-tag-indigo-030:hsl(236, 26%, 50%);
144
+ --t-fill-color-tag-indigo-040:hsl(236, 34%, 56%);
115
145
  --t-fill-color-button-neutral-solid-default:hsl(0, 0%, 19%);
116
146
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
117
147
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
@@ -219,7 +249,17 @@
219
249
  --t-text-color-tag-subtle-pink:hsl(328, 89%, 89%);
220
250
  --t-text-color-tag-subtle-purple:hsl(268, 70%, 88%);
221
251
  --t-text-color-tag-subtle-magenta:hsl(285, 70%, 88%);
222
- --t-text-color-tag-bold-gray:hsl(0, 0%, 17%);
252
+ --t-text-color-tag-bold-gray:hsl(0, 0%, 100%);
253
+ --t-text-color-tag-bold-indigo:hsl(0, 0%, 100%);
254
+ --t-text-color-tag-bold-blue:hsl(0, 0%, 100%);
255
+ --t-text-color-tag-bold-aqua:hsl(0, 0%, 100%);
256
+ --t-text-color-tag-bold-teal:hsl(0, 0%, 100%);
257
+ --t-text-color-tag-bold-green:hsl(0, 0%, 100%);
258
+ --t-text-color-tag-bold-yellow:hsl(0, 0%, 100%);
259
+ --t-text-color-tag-bold-orange:hsl(0, 0%, 100%);
260
+ --t-text-color-tag-bold-pink:hsl(0, 0%, 100%);
261
+ --t-text-color-tag-bold-purple:hsl(0, 0%, 100%);
262
+ --t-text-color-tag-bold-magenta:hsl(0, 0%, 100%);
223
263
  --t-icon-color-default-primary:hsl(0, 0%, 80%);
224
264
  --t-icon-color-default-secondary:hsl(0, 0%, 54%);
225
265
  --t-icon-color-default-dim:hsl(0, 0%, 38%);
@@ -282,30 +322,50 @@
282
322
  --t-fill-color-product-registrations-gradient-tint:linear-gradient(111.72deg, hsl(173, 22%, 15%), hsl(185, 21%, 12%) 39.5%, hsl(203, 37%, 11%));
283
323
  --t-fill-color-product-services-gradient-page:linear-gradient(111.72deg, hsl(87, 26%, 18%), hsl(88, 25%, 15%) 39.5%, hsl(204, 70%, 12%));
284
324
  --t-fill-color-product-services-gradient-tint:linear-gradient(111.72deg, hsl(85, 17%, 14%), hsl(87, 14%, 13%) 39.5%, hsl(203, 37%, 11%));
285
- --t-fill-color-tag-gray-010:hsl(0, 0%, 19%);
286
- --t-fill-color-tag-gray-020:hsl(0, 0%, 17%);
287
- --t-fill-color-tag-gray-030:hsl(0, 0%, 68%);
288
- --t-fill-color-tag-gray-040:hsl(0, 0%, 58%);
289
- --t-fill-color-tag-blue-010:hsl(229, 22%, 24%);
290
- --t-fill-color-tag-blue-020:hsl(233, 27%, 23%);
291
- --t-fill-color-tag-aqua-010:hsl(217, 25%, 24%);
292
- --t-fill-color-tag-aqua-020:hsl(222, 27%, 22%);
293
- --t-fill-color-tag-teal-010:hsl(150, 20%, 24%);
294
- --t-fill-color-tag-teal-020:hsl(147, 16%, 22%);
295
- --t-fill-color-tag-green-010:hsl(108, 21%, 22%);
296
- --t-fill-color-tag-green-020:hsl(109, 22%, 20%);
297
- --t-fill-color-tag-yellow-010:hsl(38, 27%, 23%);
298
- --t-fill-color-tag-yellow-020:hsl(37, 27%, 21%);
299
- --t-fill-color-tag-orange-010:hsl(12, 25%, 23%);
300
- --t-fill-color-tag-orange-020:hsl(10, 29%, 21%);
325
+ --t-fill-color-tag-gray-010:hsl(0, 0%, 20%);
326
+ --t-fill-color-tag-gray-020:hsl(0, 0%, 24%);
327
+ --t-fill-color-tag-gray-030:hsl(0, 0%, 36%);
328
+ --t-fill-color-tag-gray-040:hsl(0, 0%, 42%);
329
+ --t-fill-color-tag-blue-010:hsl(219, 26%, 24%);
330
+ --t-fill-color-tag-blue-020:hsl(220, 28%, 29%);
331
+ --t-fill-color-tag-blue-030:hsl(219, 32%, 45%);
332
+ --t-fill-color-tag-blue-040:hsl(220, 35%, 52%);
333
+ --t-fill-color-tag-aqua-010:hsl(200, 30%, 21%);
334
+ --t-fill-color-tag-aqua-020:hsl(200, 33%, 26%);
335
+ --t-fill-color-tag-aqua-030:hsl(200, 39%, 38%);
336
+ --t-fill-color-tag-aqua-040:hsl(200, 39%, 43%);
337
+ --t-fill-color-tag-teal-010:hsl(169, 33%, 19%);
338
+ --t-fill-color-tag-teal-020:hsl(169, 37%, 22%);
339
+ --t-fill-color-tag-teal-030:hsl(169, 43%, 31%);
340
+ --t-fill-color-tag-teal-040:hsl(169, 44%, 35%);
341
+ --t-fill-color-tag-green-010:hsl(110, 30%, 20%);
342
+ --t-fill-color-tag-green-020:hsl(112, 33%, 23%);
343
+ --t-fill-color-tag-green-030:hsl(112, 37%, 33%);
344
+ --t-fill-color-tag-green-040:hsl(112, 39%, 37%);
345
+ --t-fill-color-tag-yellow-010:hsl(44, 39%, 19%);
346
+ --t-fill-color-tag-yellow-020:hsl(44, 44%, 22%);
347
+ --t-fill-color-tag-yellow-030:hsl(44, 50%, 31%);
348
+ --t-fill-color-tag-yellow-040:hsl(44, 53%, 36%);
349
+ --t-fill-color-tag-orange-010:hsl(21, 35%, 22%);
350
+ --t-fill-color-tag-orange-020:hsl(20, 38%, 26%);
351
+ --t-fill-color-tag-orange-030:hsl(21, 44%, 40%);
352
+ --t-fill-color-tag-orange-040:hsl(21, 46%, 45%);
301
353
  --t-fill-color-tag-pink-010:hsl(331, 22%, 24%);
302
- --t-fill-color-tag-pink-020:hsl(338, 25%, 21%);
303
- --t-fill-color-tag-purple-010:hsl(260, 25%, 24%);
304
- --t-fill-color-tag-purple-020:hsl(254, 27%, 22%);
305
- --t-fill-color-tag-magenta-010:hsl(276, 18%, 22%);
306
- --t-fill-color-tag-magenta-020:hsl(277, 18%, 20%);
307
- --t-fill-color-tag-indigo-010:hsl(233, 30%, 27%);
308
- --t-fill-color-tag-indigo-020:hsl(233, 30%, 23%);
354
+ --t-fill-color-tag-pink-020:hsl(324, 26%, 26%);
355
+ --t-fill-color-tag-pink-030:hsl(324, 30%, 45%);
356
+ --t-fill-color-tag-pink-040:hsl(324, 33%, 51%);
357
+ --t-fill-color-tag-purple-010:hsl(274, 20%, 23%);
358
+ --t-fill-color-tag-purple-020:hsl(274, 21%, 28%);
359
+ --t-fill-color-tag-purple-030:hsl(274, 25%, 46%);
360
+ --t-fill-color-tag-purple-040:hsl(274, 28%, 53%);
361
+ --t-fill-color-tag-magenta-010:hsl(292, 20%, 21%);
362
+ --t-fill-color-tag-magenta-020:hsl(292, 22%, 26%);
363
+ --t-fill-color-tag-magenta-030:hsl(293, 26%, 42%);
364
+ --t-fill-color-tag-magenta-040:hsl(292, 27%, 48%);
365
+ --t-fill-color-tag-indigo-010:hsl(235, 21%, 24%);
366
+ --t-fill-color-tag-indigo-020:hsl(236, 22%, 29%);
367
+ --t-fill-color-tag-indigo-030:hsl(236, 26%, 50%);
368
+ --t-fill-color-tag-indigo-040:hsl(236, 34%, 56%);
309
369
  --t-fill-color-button-neutral-solid-default:hsl(0, 0%, 19%);
310
370
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
311
371
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
package/dist/tokens.css CHANGED
@@ -457,7 +457,17 @@
457
457
  --t-text-color-tag-subtle-pink:hsl(328, 89%, 89%);
458
458
  --t-text-color-tag-subtle-purple:hsl(268, 70%, 88%);
459
459
  --t-text-color-tag-subtle-magenta:hsl(285, 70%, 88%);
460
- --t-text-color-tag-bold-gray:hsl(0, 0%, 17%);
460
+ --t-text-color-tag-bold-gray:hsl(0, 0%, 100%);
461
+ --t-text-color-tag-bold-indigo:hsl(0, 0%, 100%);
462
+ --t-text-color-tag-bold-blue:hsl(0, 0%, 100%);
463
+ --t-text-color-tag-bold-aqua:hsl(0, 0%, 100%);
464
+ --t-text-color-tag-bold-teal:hsl(0, 0%, 100%);
465
+ --t-text-color-tag-bold-green:hsl(0, 0%, 100%);
466
+ --t-text-color-tag-bold-yellow:hsl(0, 0%, 100%);
467
+ --t-text-color-tag-bold-orange:hsl(0, 0%, 100%);
468
+ --t-text-color-tag-bold-pink:hsl(0, 0%, 100%);
469
+ --t-text-color-tag-bold-purple:hsl(0, 0%, 100%);
470
+ --t-text-color-tag-bold-magenta:hsl(0, 0%, 100%);
461
471
  --t-icon-color-default-primary:hsl(0, 0%, 80%);
462
472
  --t-icon-color-default-secondary:hsl(0, 0%, 54%);
463
473
  --t-icon-color-default-dim:hsl(0, 0%, 38%);
@@ -520,30 +530,50 @@
520
530
  --t-fill-color-product-registrations-gradient-tint:linear-gradient(111.72deg, hsl(173, 22%, 15%), hsl(185, 21%, 12%) 39.5%, hsl(203, 37%, 11%));
521
531
  --t-fill-color-product-services-gradient-page:linear-gradient(111.72deg, hsl(87, 26%, 18%), hsl(88, 25%, 15%) 39.5%, hsl(204, 70%, 12%));
522
532
  --t-fill-color-product-services-gradient-tint:linear-gradient(111.72deg, hsl(85, 17%, 14%), hsl(87, 14%, 13%) 39.5%, hsl(203, 37%, 11%));
523
- --t-fill-color-tag-gray-010:hsl(0, 0%, 19%);
524
- --t-fill-color-tag-gray-020:hsl(0, 0%, 17%);
525
- --t-fill-color-tag-gray-030:hsl(0, 0%, 68%);
526
- --t-fill-color-tag-gray-040:hsl(0, 0%, 58%);
527
- --t-fill-color-tag-blue-010:hsl(229, 22%, 24%);
528
- --t-fill-color-tag-blue-020:hsl(233, 27%, 23%);
529
- --t-fill-color-tag-aqua-010:hsl(217, 25%, 24%);
530
- --t-fill-color-tag-aqua-020:hsl(222, 27%, 22%);
531
- --t-fill-color-tag-teal-010:hsl(150, 20%, 24%);
532
- --t-fill-color-tag-teal-020:hsl(147, 16%, 22%);
533
- --t-fill-color-tag-green-010:hsl(108, 21%, 22%);
534
- --t-fill-color-tag-green-020:hsl(109, 22%, 20%);
535
- --t-fill-color-tag-yellow-010:hsl(38, 27%, 23%);
536
- --t-fill-color-tag-yellow-020:hsl(37, 27%, 21%);
537
- --t-fill-color-tag-orange-010:hsl(12, 25%, 23%);
538
- --t-fill-color-tag-orange-020:hsl(10, 29%, 21%);
533
+ --t-fill-color-tag-gray-010:hsl(0, 0%, 20%);
534
+ --t-fill-color-tag-gray-020:hsl(0, 0%, 24%);
535
+ --t-fill-color-tag-gray-030:hsl(0, 0%, 36%);
536
+ --t-fill-color-tag-gray-040:hsl(0, 0%, 42%);
537
+ --t-fill-color-tag-blue-010:hsl(219, 26%, 24%);
538
+ --t-fill-color-tag-blue-020:hsl(220, 28%, 29%);
539
+ --t-fill-color-tag-blue-030:hsl(219, 32%, 45%);
540
+ --t-fill-color-tag-blue-040:hsl(220, 35%, 52%);
541
+ --t-fill-color-tag-aqua-010:hsl(200, 30%, 21%);
542
+ --t-fill-color-tag-aqua-020:hsl(200, 33%, 26%);
543
+ --t-fill-color-tag-aqua-030:hsl(200, 39%, 38%);
544
+ --t-fill-color-tag-aqua-040:hsl(200, 39%, 43%);
545
+ --t-fill-color-tag-teal-010:hsl(169, 33%, 19%);
546
+ --t-fill-color-tag-teal-020:hsl(169, 37%, 22%);
547
+ --t-fill-color-tag-teal-030:hsl(169, 43%, 31%);
548
+ --t-fill-color-tag-teal-040:hsl(169, 44%, 35%);
549
+ --t-fill-color-tag-green-010:hsl(110, 30%, 20%);
550
+ --t-fill-color-tag-green-020:hsl(112, 33%, 23%);
551
+ --t-fill-color-tag-green-030:hsl(112, 37%, 33%);
552
+ --t-fill-color-tag-green-040:hsl(112, 39%, 37%);
553
+ --t-fill-color-tag-yellow-010:hsl(44, 39%, 19%);
554
+ --t-fill-color-tag-yellow-020:hsl(44, 44%, 22%);
555
+ --t-fill-color-tag-yellow-030:hsl(44, 50%, 31%);
556
+ --t-fill-color-tag-yellow-040:hsl(44, 53%, 36%);
557
+ --t-fill-color-tag-orange-010:hsl(21, 35%, 22%);
558
+ --t-fill-color-tag-orange-020:hsl(20, 38%, 26%);
559
+ --t-fill-color-tag-orange-030:hsl(21, 44%, 40%);
560
+ --t-fill-color-tag-orange-040:hsl(21, 46%, 45%);
539
561
  --t-fill-color-tag-pink-010:hsl(331, 22%, 24%);
540
- --t-fill-color-tag-pink-020:hsl(338, 25%, 21%);
541
- --t-fill-color-tag-purple-010:hsl(260, 25%, 24%);
542
- --t-fill-color-tag-purple-020:hsl(254, 27%, 22%);
543
- --t-fill-color-tag-magenta-010:hsl(276, 18%, 22%);
544
- --t-fill-color-tag-magenta-020:hsl(277, 18%, 20%);
545
- --t-fill-color-tag-indigo-010:hsl(233, 30%, 27%);
546
- --t-fill-color-tag-indigo-020:hsl(233, 30%, 23%);
562
+ --t-fill-color-tag-pink-020:hsl(324, 26%, 26%);
563
+ --t-fill-color-tag-pink-030:hsl(324, 30%, 45%);
564
+ --t-fill-color-tag-pink-040:hsl(324, 33%, 51%);
565
+ --t-fill-color-tag-purple-010:hsl(274, 20%, 23%);
566
+ --t-fill-color-tag-purple-020:hsl(274, 21%, 28%);
567
+ --t-fill-color-tag-purple-030:hsl(274, 25%, 46%);
568
+ --t-fill-color-tag-purple-040:hsl(274, 28%, 53%);
569
+ --t-fill-color-tag-magenta-010:hsl(292, 20%, 21%);
570
+ --t-fill-color-tag-magenta-020:hsl(292, 22%, 26%);
571
+ --t-fill-color-tag-magenta-030:hsl(293, 26%, 42%);
572
+ --t-fill-color-tag-magenta-040:hsl(292, 27%, 48%);
573
+ --t-fill-color-tag-indigo-010:hsl(235, 21%, 24%);
574
+ --t-fill-color-tag-indigo-020:hsl(236, 22%, 29%);
575
+ --t-fill-color-tag-indigo-030:hsl(236, 26%, 50%);
576
+ --t-fill-color-tag-indigo-040:hsl(236, 34%, 56%);
547
577
  --t-fill-color-button-neutral-solid-default:hsl(0, 0%, 19%);
548
578
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
549
579
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
@@ -651,7 +681,17 @@
651
681
  --t-text-color-tag-subtle-pink:hsl(328, 89%, 89%);
652
682
  --t-text-color-tag-subtle-purple:hsl(268, 70%, 88%);
653
683
  --t-text-color-tag-subtle-magenta:hsl(285, 70%, 88%);
654
- --t-text-color-tag-bold-gray:hsl(0, 0%, 17%);
684
+ --t-text-color-tag-bold-gray:hsl(0, 0%, 100%);
685
+ --t-text-color-tag-bold-indigo:hsl(0, 0%, 100%);
686
+ --t-text-color-tag-bold-blue:hsl(0, 0%, 100%);
687
+ --t-text-color-tag-bold-aqua:hsl(0, 0%, 100%);
688
+ --t-text-color-tag-bold-teal:hsl(0, 0%, 100%);
689
+ --t-text-color-tag-bold-green:hsl(0, 0%, 100%);
690
+ --t-text-color-tag-bold-yellow:hsl(0, 0%, 100%);
691
+ --t-text-color-tag-bold-orange:hsl(0, 0%, 100%);
692
+ --t-text-color-tag-bold-pink:hsl(0, 0%, 100%);
693
+ --t-text-color-tag-bold-purple:hsl(0, 0%, 100%);
694
+ --t-text-color-tag-bold-magenta:hsl(0, 0%, 100%);
655
695
  --t-icon-color-default-primary:hsl(0, 0%, 80%);
656
696
  --t-icon-color-default-secondary:hsl(0, 0%, 54%);
657
697
  --t-icon-color-default-dim:hsl(0, 0%, 38%);
@@ -714,30 +754,50 @@
714
754
  --t-fill-color-product-registrations-gradient-tint:linear-gradient(111.72deg, hsl(173, 22%, 15%), hsl(185, 21%, 12%) 39.5%, hsl(203, 37%, 11%));
715
755
  --t-fill-color-product-services-gradient-page:linear-gradient(111.72deg, hsl(87, 26%, 18%), hsl(88, 25%, 15%) 39.5%, hsl(204, 70%, 12%));
716
756
  --t-fill-color-product-services-gradient-tint:linear-gradient(111.72deg, hsl(85, 17%, 14%), hsl(87, 14%, 13%) 39.5%, hsl(203, 37%, 11%));
717
- --t-fill-color-tag-gray-010:hsl(0, 0%, 19%);
718
- --t-fill-color-tag-gray-020:hsl(0, 0%, 17%);
719
- --t-fill-color-tag-gray-030:hsl(0, 0%, 68%);
720
- --t-fill-color-tag-gray-040:hsl(0, 0%, 58%);
721
- --t-fill-color-tag-blue-010:hsl(229, 22%, 24%);
722
- --t-fill-color-tag-blue-020:hsl(233, 27%, 23%);
723
- --t-fill-color-tag-aqua-010:hsl(217, 25%, 24%);
724
- --t-fill-color-tag-aqua-020:hsl(222, 27%, 22%);
725
- --t-fill-color-tag-teal-010:hsl(150, 20%, 24%);
726
- --t-fill-color-tag-teal-020:hsl(147, 16%, 22%);
727
- --t-fill-color-tag-green-010:hsl(108, 21%, 22%);
728
- --t-fill-color-tag-green-020:hsl(109, 22%, 20%);
729
- --t-fill-color-tag-yellow-010:hsl(38, 27%, 23%);
730
- --t-fill-color-tag-yellow-020:hsl(37, 27%, 21%);
731
- --t-fill-color-tag-orange-010:hsl(12, 25%, 23%);
732
- --t-fill-color-tag-orange-020:hsl(10, 29%, 21%);
757
+ --t-fill-color-tag-gray-010:hsl(0, 0%, 20%);
758
+ --t-fill-color-tag-gray-020:hsl(0, 0%, 24%);
759
+ --t-fill-color-tag-gray-030:hsl(0, 0%, 36%);
760
+ --t-fill-color-tag-gray-040:hsl(0, 0%, 42%);
761
+ --t-fill-color-tag-blue-010:hsl(219, 26%, 24%);
762
+ --t-fill-color-tag-blue-020:hsl(220, 28%, 29%);
763
+ --t-fill-color-tag-blue-030:hsl(219, 32%, 45%);
764
+ --t-fill-color-tag-blue-040:hsl(220, 35%, 52%);
765
+ --t-fill-color-tag-aqua-010:hsl(200, 30%, 21%);
766
+ --t-fill-color-tag-aqua-020:hsl(200, 33%, 26%);
767
+ --t-fill-color-tag-aqua-030:hsl(200, 39%, 38%);
768
+ --t-fill-color-tag-aqua-040:hsl(200, 39%, 43%);
769
+ --t-fill-color-tag-teal-010:hsl(169, 33%, 19%);
770
+ --t-fill-color-tag-teal-020:hsl(169, 37%, 22%);
771
+ --t-fill-color-tag-teal-030:hsl(169, 43%, 31%);
772
+ --t-fill-color-tag-teal-040:hsl(169, 44%, 35%);
773
+ --t-fill-color-tag-green-010:hsl(110, 30%, 20%);
774
+ --t-fill-color-tag-green-020:hsl(112, 33%, 23%);
775
+ --t-fill-color-tag-green-030:hsl(112, 37%, 33%);
776
+ --t-fill-color-tag-green-040:hsl(112, 39%, 37%);
777
+ --t-fill-color-tag-yellow-010:hsl(44, 39%, 19%);
778
+ --t-fill-color-tag-yellow-020:hsl(44, 44%, 22%);
779
+ --t-fill-color-tag-yellow-030:hsl(44, 50%, 31%);
780
+ --t-fill-color-tag-yellow-040:hsl(44, 53%, 36%);
781
+ --t-fill-color-tag-orange-010:hsl(21, 35%, 22%);
782
+ --t-fill-color-tag-orange-020:hsl(20, 38%, 26%);
783
+ --t-fill-color-tag-orange-030:hsl(21, 44%, 40%);
784
+ --t-fill-color-tag-orange-040:hsl(21, 46%, 45%);
733
785
  --t-fill-color-tag-pink-010:hsl(331, 22%, 24%);
734
- --t-fill-color-tag-pink-020:hsl(338, 25%, 21%);
735
- --t-fill-color-tag-purple-010:hsl(260, 25%, 24%);
736
- --t-fill-color-tag-purple-020:hsl(254, 27%, 22%);
737
- --t-fill-color-tag-magenta-010:hsl(276, 18%, 22%);
738
- --t-fill-color-tag-magenta-020:hsl(277, 18%, 20%);
739
- --t-fill-color-tag-indigo-010:hsl(233, 30%, 27%);
740
- --t-fill-color-tag-indigo-020:hsl(233, 30%, 23%);
786
+ --t-fill-color-tag-pink-020:hsl(324, 26%, 26%);
787
+ --t-fill-color-tag-pink-030:hsl(324, 30%, 45%);
788
+ --t-fill-color-tag-pink-040:hsl(324, 33%, 51%);
789
+ --t-fill-color-tag-purple-010:hsl(274, 20%, 23%);
790
+ --t-fill-color-tag-purple-020:hsl(274, 21%, 28%);
791
+ --t-fill-color-tag-purple-030:hsl(274, 25%, 46%);
792
+ --t-fill-color-tag-purple-040:hsl(274, 28%, 53%);
793
+ --t-fill-color-tag-magenta-010:hsl(292, 20%, 21%);
794
+ --t-fill-color-tag-magenta-020:hsl(292, 22%, 26%);
795
+ --t-fill-color-tag-magenta-030:hsl(293, 26%, 42%);
796
+ --t-fill-color-tag-magenta-040:hsl(292, 27%, 48%);
797
+ --t-fill-color-tag-indigo-010:hsl(235, 21%, 24%);
798
+ --t-fill-color-tag-indigo-020:hsl(236, 22%, 29%);
799
+ --t-fill-color-tag-indigo-030:hsl(236, 26%, 50%);
800
+ --t-fill-color-tag-indigo-040:hsl(236, 34%, 56%);
741
801
  --t-fill-color-button-neutral-solid-default:hsl(0, 0%, 19%);
742
802
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
743
803
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);