@planningcenter/tapestry 3.1.0-rc.8 → 3.1.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 (58) hide show
  1. package/dist/components/checkbox/Checkbox.d.ts +1 -0
  2. package/dist/components/checkbox/Checkbox.d.ts.map +1 -1
  3. package/dist/components/checkbox/Checkbox.js +5 -14
  4. package/dist/components/checkbox/Checkbox.js.map +1 -1
  5. package/dist/components/checkbox/tds-indeterminate.d.ts +11 -0
  6. package/dist/components/checkbox/tds-indeterminate.d.ts.map +1 -0
  7. package/dist/components/checkbox/tds-indeterminate.js +30 -0
  8. package/dist/components/checkbox/tds-indeterminate.js.map +1 -0
  9. package/dist/components/input/Input.d.ts +9 -9
  10. package/dist/components/input/Input.d.ts.map +1 -1
  11. package/dist/components/input/Input.js.map +1 -1
  12. package/dist/components/input-text-base/InputTextBase.d.ts.map +1 -1
  13. package/dist/components/input-text-base/InputTextBase.js +6 -3
  14. package/dist/components/input-text-base/InputTextBase.js.map +1 -1
  15. package/dist/components/radio-group/RadioGroup.js +6 -6
  16. package/dist/components/radio-group/RadioGroup.js.map +1 -1
  17. package/dist/components/select/Select.d.ts +16 -11
  18. package/dist/components/select/Select.d.ts.map +1 -1
  19. package/dist/components/select/Select.js +13 -6
  20. package/dist/components/select/Select.js.map +1 -1
  21. package/dist/components/select/SelectOptions.d.ts.map +1 -1
  22. package/dist/components/select/SelectOptions.js +2 -1
  23. package/dist/components/select/SelectOptions.js.map +1 -1
  24. package/dist/components/select/SelectPopover.d.ts +1 -0
  25. package/dist/components/select/SelectPopover.d.ts.map +1 -1
  26. package/dist/components/select/SelectPopover.js +9 -7
  27. package/dist/components/select/SelectPopover.js.map +1 -1
  28. package/dist/components/text-area/TextArea.d.ts +10 -9
  29. package/dist/components/text-area/TextArea.d.ts.map +1 -1
  30. package/dist/components/text-area/TextArea.js.map +1 -1
  31. package/dist/index.css +770 -64
  32. package/dist/index.css.map +1 -1
  33. package/dist/index.d.ts +4 -0
  34. package/dist/index.d.ts.map +1 -1
  35. package/dist/index.js +4 -0
  36. package/dist/index.js.map +1 -1
  37. package/dist/reactRender.css +2388 -2451
  38. package/dist/reactRender.css.map +1 -1
  39. package/dist/reactRenderLegacy.css +2388 -2451
  40. package/dist/reactRenderLegacy.css.map +1 -1
  41. package/dist/tokens/tokens-deprecated.json +20 -0
  42. package/dist/tokens-dark.css +14 -18
  43. package/dist/tokens-dark.css.map +1 -1
  44. package/dist/tokens-deprecated.css +14 -0
  45. package/dist/tokens-deprecated.css.map +1 -1
  46. package/dist/tokens.css +21 -23
  47. package/dist/tokens.css.map +1 -1
  48. package/dist/unstable.css +622 -685
  49. package/dist/unstable.css.map +1 -1
  50. package/dist/unstable.d.ts +0 -3
  51. package/dist/unstable.d.ts.map +1 -1
  52. package/dist/unstable.js +4 -3
  53. package/dist/unstable.js.map +1 -1
  54. package/dist/utilities/selectUtils.d.ts +1 -0
  55. package/dist/utilities/selectUtils.d.ts.map +1 -1
  56. package/dist/utilities/selectUtils.js +10 -1
  57. package/dist/utilities/selectUtils.js.map +1 -1
  58. package/package.json +3 -3
package/dist/tokens-dark.css CHANGED
@@ -61,9 +61,7 @@
61
61
  --t-fill-color-interaction-hover:hsl(204, 100%, 40%);
62
62
  --t-fill-color-interaction-active:hsl(204, 80%, 45%);
63
63
  --t-fill-color-interaction-disabled:hsl(0, 0%, 25%);
64
- --t-fill-color-control-neutral-off:hsl(0, 0%, 32%);
65
- --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
66
- --t-fill-color-control:hsl(204, 100%, 35%);
64
+ --t-fill-color-control-neutral:hsl(0, 0%, 32%);
67
65
  --t-fill-color-control-disabled:hsl(0, 0%, 20%);
68
66
  --t-fill-color-status-neutral:hsl(0, 0%, 24%);
69
67
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
@@ -146,11 +144,11 @@
146
144
  --t-fill-color-button-neutral-solid:hsl(0, 0%, 19%);
147
145
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
148
146
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
149
- --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 12%);
147
+ --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 15%);
150
148
  --t-fill-color-button-neutral-outline:hsl(0, 0%, 15%);
151
149
  --t-fill-color-button-neutral-outline-hover:hsl(0, 0%, 17%);
152
150
  --t-fill-color-button-neutral-outline-active:hsl(0, 0%, 19%);
153
- --t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 12%);
151
+ --t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 15%);
154
152
  --t-fill-color-button-neutral-ghost:hsla(0, 0%, 0%, 0);
155
153
  --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
156
154
  --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
@@ -159,22 +157,22 @@
159
157
  --t-fill-color-button-interaction-solid:hsl(204, 100%, 35%);
160
158
  --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
161
159
  --t-fill-color-button-interaction-solid-active:hsl(204, 80%, 45%);
162
- --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 12%);
160
+ --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 15%);
163
161
  --t-fill-color-button-interaction-outline:hsl(204, 32%, 15%);
164
162
  --t-fill-color-button-interaction-outline-hover:hsl(204, 39%, 17%);
165
163
  --t-fill-color-button-interaction-outline-active:hsl(205, 45%, 18%);
166
- --t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 12%);
164
+ --t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 15%);
167
165
  --t-fill-color-button-interaction-ghost:hsla(0, 0%, 0%, 0);
168
166
  --t-fill-color-button-interaction-ghost-hover:hsl(204, 32%, 15%);
169
167
  --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
170
168
  --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 0%, 0);
171
169
  --t-fill-color-button-delete-solid:hsl(8, 60%, 40%);
172
170
  --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
173
- --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 12%);
171
+ --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 15%);
174
172
  --t-fill-color-button-delete-outline:hsl(8, 20%, 16%);
175
173
  --t-fill-color-button-delete-outline-hover:hsl(9, 24%, 17%);
176
174
  --t-fill-color-button-delete-outline-active:hsl(9, 29%, 19%);
177
- --t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 12%);
175
+ --t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 15%);
178
176
  --t-fill-color-button-delete-ghost:hsla(0, 0%, 0%, 0);
179
177
  --t-fill-color-button-delete-ghost-hover:hsl(8, 20%, 16%);
180
178
  --t-fill-color-button-delete-ghost-active:hsl(9, 24%, 17%);
@@ -286,9 +284,7 @@
286
284
  --t-fill-color-interaction-hover:hsl(204, 100%, 40%);
287
285
  --t-fill-color-interaction-active:hsl(204, 80%, 45%);
288
286
  --t-fill-color-interaction-disabled:hsl(0, 0%, 25%);
289
- --t-fill-color-control-neutral-off:hsl(0, 0%, 32%);
290
- --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
291
- --t-fill-color-control:hsl(204, 100%, 35%);
287
+ --t-fill-color-control-neutral:hsl(0, 0%, 32%);
292
288
  --t-fill-color-control-disabled:hsl(0, 0%, 20%);
293
289
  --t-fill-color-status-neutral:hsl(0, 0%, 24%);
294
290
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
@@ -371,11 +367,11 @@
371
367
  --t-fill-color-button-neutral-solid:hsl(0, 0%, 19%);
372
368
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
373
369
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
374
- --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 12%);
370
+ --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 15%);
375
371
  --t-fill-color-button-neutral-outline:hsl(0, 0%, 15%);
376
372
  --t-fill-color-button-neutral-outline-hover:hsl(0, 0%, 17%);
377
373
  --t-fill-color-button-neutral-outline-active:hsl(0, 0%, 19%);
378
- --t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 12%);
374
+ --t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 15%);
379
375
  --t-fill-color-button-neutral-ghost:hsla(0, 0%, 0%, 0);
380
376
  --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
381
377
  --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
@@ -384,22 +380,22 @@
384
380
  --t-fill-color-button-interaction-solid:hsl(204, 100%, 35%);
385
381
  --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
386
382
  --t-fill-color-button-interaction-solid-active:hsl(204, 80%, 45%);
387
- --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 12%);
383
+ --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 15%);
388
384
  --t-fill-color-button-interaction-outline:hsl(204, 32%, 15%);
389
385
  --t-fill-color-button-interaction-outline-hover:hsl(204, 39%, 17%);
390
386
  --t-fill-color-button-interaction-outline-active:hsl(205, 45%, 18%);
391
- --t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 12%);
387
+ --t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 15%);
392
388
  --t-fill-color-button-interaction-ghost:hsla(0, 0%, 0%, 0);
393
389
  --t-fill-color-button-interaction-ghost-hover:hsl(204, 32%, 15%);
394
390
  --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
395
391
  --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 0%, 0);
396
392
  --t-fill-color-button-delete-solid:hsl(8, 60%, 40%);
397
393
  --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
398
- --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 12%);
394
+ --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 15%);
399
395
  --t-fill-color-button-delete-outline:hsl(8, 20%, 16%);
400
396
  --t-fill-color-button-delete-outline-hover:hsl(9, 24%, 17%);
401
397
  --t-fill-color-button-delete-outline-active:hsl(9, 29%, 19%);
402
- --t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 12%);
398
+ --t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 15%);
403
399
  --t-fill-color-button-delete-ghost:hsla(0, 0%, 0%, 0);
404
400
  --t-fill-color-button-delete-ghost-hover:hsl(8, 20%, 16%);
405
401
  --t-fill-color-button-delete-ghost-active:hsl(9, 24%, 17%);
package/dist/tokens-dark.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../tokens/dist/css/tokens-dark.css","../../../tokens/dist/css/tokens-system-dark.css"],"names":[],"mappings":"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","file":"tokens-dark.css","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root[data-color-mode=\"dark\"] {\n color-scheme: dark;\n --t-text-color-headline: hsl(0, 0%, 94%);\n --t-text-color: hsl(0, 0%, 80%);\n --t-text-color-secondary: hsl(0, 0%, 54%);\n --t-text-color-disabled: hsl(0, 0%, 32%);\n --t-text-color-placeholder: hsl(0, 0%, 38%);\n --t-text-color-interaction: hsl(204, 68%, 55%);\n --t-text-color-interaction-hover: hsl(204, 68%, 50%);\n --t-text-color-interaction-active: hsl(204, 68%, 45%);\n --t-text-color-interaction-visited: hsl(204, 68%, 50%);\n --t-text-color-status-neutral: hsl(0, 0%, 80%);\n --t-text-color-status-info: hsl(204, 68%, 55%);\n --t-text-color-status-success: hsl(97, 57%, 41%);\n --t-text-color-status-warning: hsl(42, 84%, 55%);\n --t-text-color-status-error: hsl(8, 61%, 61%);\n --t-text-color-tag-subtle-gray: hsl(0, 0%, 80%);\n --t-text-color-tag-subtle-blue: hsl(223, 46%, 84%);\n --t-text-color-tag-subtle-indigo: hsl(233, 78%, 84%);\n --t-text-color-tag-subtle-aqua: hsl(208, 77%, 85%);\n --t-text-color-tag-subtle-teal: hsl(180, 95%, 74%);\n --t-text-color-tag-subtle-green: hsl(99, 93%, 84%);\n --t-text-color-tag-subtle-yellow: hsl(29, 100%, 85%);\n --t-text-color-tag-subtle-orange: hsl(18, 100%, 85%);\n --t-text-color-tag-subtle-pink: hsl(328, 89%, 89%);\n --t-text-color-tag-subtle-purple: hsl(268, 70%, 88%);\n --t-text-color-tag-subtle-magenta: hsl(285, 70%, 88%);\n --t-text-color-tag-bold-gray: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-indigo: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-blue: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-aqua: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-teal: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-green: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-yellow: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-orange: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-pink: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-purple: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-magenta: hsl(0, 0%, 100%);\n --t-icon-color: hsl(0, 0%, 80%);\n --t-icon-color-secondary: hsl(0, 0%, 54%);\n --t-icon-color-dim: hsl(0, 0%, 38%);\n --t-icon-color-disabled: hsl(0, 0%, 25%);\n --t-icon-color-status-neutral: hsl(0, 0%, 54%);\n --t-icon-color-status-neutral-secondary: hsl(0, 0%, 38%);\n --t-icon-color-status-neutral-bold: hsl(0, 0%, 80%);\n --t-icon-color-status-info: hsl(204, 68%, 55%);\n --t-icon-color-status-error: hsl(8, 61%, 61%);\n --t-fill-color-neutral-100: hsl(0, 0%, 10%);\n --t-fill-color-neutral-000: hsl(0, 0%, 98%);\n --t-fill-color-neutral-010: hsl(0, 0%, 88%);\n --t-fill-color-neutral-020: hsl(0, 0%, 68%);\n --t-fill-color-neutral-025: hsl(0, 0%, 58%);\n --t-fill-color-neutral-030: hsl(0, 0%, 50%);\n --t-fill-color-neutral-040: hsl(0, 0%, 32%);\n --t-fill-color-neutral-050: hsl(0, 0%, 24%);\n --t-fill-color-neutral-060: hsl(0, 0%, 19%);\n --t-fill-color-neutral-070: hsl(0, 0%, 17%);\n --t-fill-color-neutral-080: hsl(0, 0%, 15%);\n --t-fill-color-neutral-090: hsl(0, 0%, 12%);\n --t-fill-color-interaction: hsl(204, 100%, 35%);\n --t-fill-color-interaction-hover: hsl(204, 100%, 40%);\n --t-fill-color-interaction-active: hsl(204, 80%, 45%);\n --t-fill-color-interaction-disabled: hsl(0, 0%, 25%);\n --t-fill-color-control-neutral-off: hsl(0, 0%, 32%);\n --t-fill-color-control-neutral-on: hsl(0, 0%, 50%);\n --t-fill-color-control: hsl(204, 100%, 35%);\n --t-fill-color-control-disabled: hsl(0, 0%, 20%);\n --t-fill-color-status-neutral: hsl(0, 0%, 24%);\n --t-fill-color-status-neutral-ghost: hsl(0, 0%, 18%);\n --t-fill-color-status-neutral-dim: hsl(0, 0%, 15%);\n --t-fill-color-status-info: hsl(204, 100%, 35%);\n --t-fill-color-status-info-ghost: hsl(204, 32%, 15%);\n --t-fill-color-status-info-dim: hsl(206, 22%, 15%);\n --t-fill-color-status-success-ghost: hsl(125, 17%, 15%);\n --t-fill-color-status-success-dim: hsl(120, 12%, 14%);\n --t-fill-color-status-warning-ghost: hsl(41, 18%, 17%);\n --t-fill-color-status-warning-dim: hsl(42, 13%, 15%);\n --t-fill-color-status-error-ghost: hsl(8, 20%, 16%);\n --t-fill-color-status-error-dim: hsl(10, 16%, 15%);\n --t-fill-color-status-error-hover: hsl(8, 60%, 64%);\n --t-fill-color-tooltip: hsla(0, 0%, 24%, 0.9);\n --t-fill-color-product-accounts-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-accounts-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-calendar-gradient-page: linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-calendar-gradient-tint: linear-gradient(111.72deg, hsl(9, 29%, 13%), hsl(276, 8%, 12%), hsl(203, 37%, 11%));\n --t-fill-color-product-checkins-gradient-page: linear-gradient(111.72deg, hsl(285, 17%, 18%) 25%, hsl(263, 15%, 17%) 60%, hsl(204, 70%, 12%));\n --t-fill-color-product-checkins-gradient-tint: linear-gradient(111.72deg, hsl(285, 11%, 14%), hsl(266, 10%, 14%) 42%, hsl(203, 37%, 11%));\n --t-fill-color-product-giving-gradient-page: linear-gradient(111.72deg, hsl(43, 80%, 16%), hsl(267, 15%, 14%) 58.5%, hsl(204, 70%, 12%));\n --t-fill-color-product-giving-gradient-tint: linear-gradient(111.72deg, hsl(44, 49%, 13%), hsl(264, 8%, 12%) 58.5%, hsl(203, 37%, 11%));\n --t-fill-color-product-groups-gradient-page: linear-gradient(111.72deg, hsl(23, 46%, 18%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-groups-gradient-tint: linear-gradient(111.72deg, hsl(23, 29%, 14%), hsl(276, 7%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-home-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-home-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-people-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-people-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-publishing-gradient-page: linear-gradient(111.72deg, hsl(225, 11%, 22%), hsl(227, 20%, 18%) 45%, hsl(204, 70%, 12%));\n --t-fill-color-product-publishing-gradient-tint: linear-gradient(111.72deg, hsl(220, 7%, 16%), hsl(227, 12%, 14%) 45%, hsl(203, 37%, 11%));\n --t-fill-color-product-registrations-gradient-page: linear-gradient(111.72deg, hsl(174, 34%, 18%), hsl(187, 39%, 14%) 39.5%, hsl(204, 70%, 12%));\n --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%));\n --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%));\n --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%));\n --t-fill-color-tag-gray-010: hsl(0, 0%, 20%);\n --t-fill-color-tag-gray-020: hsl(0, 0%, 24%);\n --t-fill-color-tag-gray-030: hsl(0, 0%, 36%);\n --t-fill-color-tag-gray-040: hsl(0, 0%, 42%);\n --t-fill-color-tag-blue-010: hsl(219, 26%, 24%);\n --t-fill-color-tag-blue-020: hsl(220, 28%, 29%);\n --t-fill-color-tag-blue-030: hsl(219, 32%, 45%);\n --t-fill-color-tag-blue-040: hsl(220, 35%, 52%);\n --t-fill-color-tag-aqua-010: hsl(200, 30%, 21%);\n --t-fill-color-tag-aqua-020: hsl(200, 33%, 26%);\n --t-fill-color-tag-aqua-030: hsl(200, 39%, 38%);\n --t-fill-color-tag-aqua-040: hsl(200, 39%, 43%);\n --t-fill-color-tag-teal-010: hsl(169, 33%, 19%);\n --t-fill-color-tag-teal-020: hsl(169, 37%, 22%);\n --t-fill-color-tag-teal-030: hsl(169, 43%, 31%);\n --t-fill-color-tag-teal-040: hsl(169, 44%, 35%);\n --t-fill-color-tag-green-010: hsl(110, 30%, 20%);\n --t-fill-color-tag-green-020: hsl(112, 33%, 23%);\n --t-fill-color-tag-green-030: hsl(112, 37%, 33%);\n --t-fill-color-tag-green-040: hsl(112, 39%, 37%);\n --t-fill-color-tag-yellow-010: hsl(44, 39%, 19%);\n --t-fill-color-tag-yellow-020: hsl(44, 44%, 22%);\n --t-fill-color-tag-yellow-030: hsl(44, 50%, 31%);\n --t-fill-color-tag-yellow-040: hsl(44, 53%, 36%);\n --t-fill-color-tag-orange-010: hsl(21, 35%, 22%);\n --t-fill-color-tag-orange-020: hsl(20, 38%, 26%);\n --t-fill-color-tag-orange-030: hsl(21, 44%, 40%);\n --t-fill-color-tag-orange-040: hsl(21, 46%, 45%);\n --t-fill-color-tag-pink-010: hsl(331, 22%, 24%);\n --t-fill-color-tag-pink-020: hsl(324, 26%, 26%);\n --t-fill-color-tag-pink-030: hsl(324, 30%, 45%);\n --t-fill-color-tag-pink-040: hsl(324, 33%, 51%);\n --t-fill-color-tag-purple-010: hsl(274, 20%, 23%);\n --t-fill-color-tag-purple-020: hsl(274, 21%, 28%);\n --t-fill-color-tag-purple-030: hsl(274, 25%, 46%);\n --t-fill-color-tag-purple-040: hsl(274, 28%, 53%);\n --t-fill-color-tag-magenta-010: hsl(292, 20%, 21%);\n --t-fill-color-tag-magenta-020: hsl(292, 22%, 26%);\n --t-fill-color-tag-magenta-030: hsl(293, 26%, 42%);\n --t-fill-color-tag-magenta-040: hsl(292, 27%, 48%);\n --t-fill-color-tag-indigo-010: hsl(235, 21%, 24%);\n --t-fill-color-tag-indigo-020: hsl(236, 22%, 29%);\n --t-fill-color-tag-indigo-030: hsl(236, 26%, 50%);\n --t-fill-color-tag-indigo-040: hsl(236, 34%, 56%);\n --t-fill-color-button-neutral-solid: hsl(0, 0%, 19%);\n --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 24%);\n --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 32%);\n --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-neutral-outline: hsl(0, 0%, 15%);\n --t-fill-color-button-neutral-outline-hover: hsl(0, 0%, 17%);\n --t-fill-color-button-neutral-outline-active: hsl(0, 0%, 19%);\n --t-fill-color-button-neutral-outline-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-neutral-ghost: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 17%);\n --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 19%);\n --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-neutral-responsive-header-disabled: hsla(0, 0%, 100%, 0.05);\n --t-fill-color-button-interaction-solid: hsl(204, 100%, 35%);\n --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 40%);\n --t-fill-color-button-interaction-solid-active: hsl(204, 80%, 45%);\n --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-interaction-outline: hsl(204, 32%, 15%);\n --t-fill-color-button-interaction-outline-hover: hsl(204, 39%, 17%);\n --t-fill-color-button-interaction-outline-active: hsl(205, 45%, 18%);\n --t-fill-color-button-interaction-outline-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-interaction-ghost: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-interaction-ghost-hover: hsl(204, 32%, 15%);\n --t-fill-color-button-interaction-ghost-active: hsl(204, 39%, 17%);\n --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-delete-solid: hsl(8, 60%, 40%);\n --t-fill-color-button-delete-solid-active: hsl(8, 60%, 47%);\n --t-fill-color-button-delete-solid-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-delete-outline: hsl(8, 20%, 16%);\n --t-fill-color-button-delete-outline-hover: hsl(9, 24%, 17%);\n --t-fill-color-button-delete-outline-active: hsl(9, 29%, 19%);\n --t-fill-color-button-delete-outline-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-delete-ghost: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-delete-ghost-hover: hsl(8, 20%, 16%);\n --t-fill-color-button-delete-ghost-active: hsl(9, 24%, 17%);\n --t-fill-color-button-delete-ghost-disabled: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-pill: hsl(0, 0%, 18%);\n --t-fill-color-button-pill-hover: hsl(0, 0%, 21%);\n --t-fill-color-button-pill-active: hsl(0, 0%, 21%);\n --t-fill-color-button-pill-disabled: hsl(0, 0%, 18%);\n --t-fill-color-transparency-light-010: hsla(0, 0%, 0%, 0.1);\n --t-fill-color-transparency-light-020: hsla(0, 0%, 0%, 0.2);\n --t-fill-color-transparency-light-030: hsla(0, 0%, 0%, 0.3);\n --t-fill-color-transparency-light-040: hsla(0, 0%, 0%, 0.4);\n --t-fill-color-transparency-light-050: hsla(0, 0%, 0%, 0.5);\n --t-fill-color-transparency-light-060: hsla(0, 0%, 0%, 0.6);\n --t-fill-color-transparency-light-070: hsla(0, 0%, 0%, 0.7);\n --t-fill-color-transparency-light-080: hsla(0, 0%, 0%, 0.8);\n --t-fill-color-transparency-light-090: hsla(0, 0%, 0%, 0.9);\n --t-fill-color-transparency-dark-010: hsla(0, 0%, 100%, 0.1);\n --t-fill-color-transparency-dark-020: hsla(0, 0%, 100%, 0.2);\n --t-fill-color-transparency-dark-030: hsla(0, 0%, 100%, 0.3);\n --t-fill-color-transparency-dark-040: hsla(0, 0%, 100%, 0.4);\n --t-fill-color-transparency-dark-050: hsla(0, 0%, 100%, 0.5);\n --t-fill-color-transparency-dark-060: hsla(0, 0%, 100%, 0.6);\n --t-fill-color-transparency-dark-070: hsla(0, 0%, 100%, 0.7);\n --t-fill-color-transparency-dark-080: hsla(0, 0%, 100%, 0.8);\n --t-fill-color-transparency-dark-090: hsla(0, 0%, 100%, 0.9);\n --t-surface-color-card: hsl(0, 0%, 12%);\n --t-surface-color-canvas: hsl(0, 0%, 10%);\n --t-border-color: hsl(0, 0%, 21%);\n --t-border-color-dark: hsl(0, 0%, 25%);\n --t-border-color-darker: hsl(0, 0%, 33%);\n --t-border-color-darkest: hsl(0, 0%, 38%);\n --t-border-color-disabled: hsl(0, 0%, 21%);\n --t-border-color-dim: hsl(0, 0%, 16%);\n --t-border-color-white: hsl(0, 0%, 12%);\n --t-border-color-status-neutral: hsl(0, 0%, 38%);\n --t-border-color-status-info: hsl(204, 100%, 35%);\n --t-border-color-button-neutral: hsl(0, 0%, 19%);\n --t-border-color-button-info: hsla(204, 100%, 40%, 0.25);\n --t-border-color-button-create: hsla(96, 57%, 33%, 0.25);\n --t-border-color-button-delete: hsla(8, 60%, 47%, 0.25);\n --t-border-color-control-neutral: hsl(0, 0%, 33%);\n --t-border-color-control-info: hsl(204, 100%, 35%);\n --t-border-color-control-disabled: hsl(0, 0%, 24%);\n --t-shadow-overflow-color: hsla(0, 0%, 0%, 0.6);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n@media (prefers-color-scheme: dark) {\n:root[data-color-mode=\"system\"] {\n color-scheme: dark;\n --t-text-color-headline: hsl(0, 0%, 94%);\n --t-text-color: hsl(0, 0%, 80%);\n --t-text-color-secondary: hsl(0, 0%, 54%);\n --t-text-color-disabled: hsl(0, 0%, 32%);\n --t-text-color-placeholder: hsl(0, 0%, 38%);\n --t-text-color-interaction: hsl(204, 68%, 55%);\n --t-text-color-interaction-hover: hsl(204, 68%, 50%);\n --t-text-color-interaction-active: hsl(204, 68%, 45%);\n --t-text-color-interaction-visited: hsl(204, 68%, 50%);\n --t-text-color-status-neutral: hsl(0, 0%, 80%);\n --t-text-color-status-info: hsl(204, 68%, 55%);\n --t-text-color-status-success: hsl(97, 57%, 41%);\n --t-text-color-status-warning: hsl(42, 84%, 55%);\n --t-text-color-status-error: hsl(8, 61%, 61%);\n --t-text-color-tag-subtle-gray: hsl(0, 0%, 80%);\n --t-text-color-tag-subtle-blue: hsl(223, 46%, 84%);\n --t-text-color-tag-subtle-indigo: hsl(233, 78%, 84%);\n --t-text-color-tag-subtle-aqua: hsl(208, 77%, 85%);\n --t-text-color-tag-subtle-teal: hsl(180, 95%, 74%);\n --t-text-color-tag-subtle-green: hsl(99, 93%, 84%);\n --t-text-color-tag-subtle-yellow: hsl(29, 100%, 85%);\n --t-text-color-tag-subtle-orange: hsl(18, 100%, 85%);\n --t-text-color-tag-subtle-pink: hsl(328, 89%, 89%);\n --t-text-color-tag-subtle-purple: hsl(268, 70%, 88%);\n --t-text-color-tag-subtle-magenta: hsl(285, 70%, 88%);\n --t-text-color-tag-bold-gray: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-indigo: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-blue: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-aqua: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-teal: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-green: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-yellow: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-orange: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-pink: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-purple: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-magenta: hsl(0, 0%, 100%);\n --t-icon-color: hsl(0, 0%, 80%);\n --t-icon-color-secondary: hsl(0, 0%, 54%);\n --t-icon-color-dim: hsl(0, 0%, 38%);\n --t-icon-color-disabled: hsl(0, 0%, 25%);\n --t-icon-color-status-neutral: hsl(0, 0%, 54%);\n --t-icon-color-status-neutral-secondary: hsl(0, 0%, 38%);\n --t-icon-color-status-neutral-bold: hsl(0, 0%, 80%);\n --t-icon-color-status-info: hsl(204, 68%, 55%);\n --t-icon-color-status-error: hsl(8, 61%, 61%);\n --t-fill-color-neutral-100: hsl(0, 0%, 10%);\n --t-fill-color-neutral-000: hsl(0, 0%, 98%);\n --t-fill-color-neutral-010: hsl(0, 0%, 88%);\n --t-fill-color-neutral-020: hsl(0, 0%, 68%);\n --t-fill-color-neutral-025: hsl(0, 0%, 58%);\n --t-fill-color-neutral-030: hsl(0, 0%, 50%);\n --t-fill-color-neutral-040: hsl(0, 0%, 32%);\n --t-fill-color-neutral-050: hsl(0, 0%, 24%);\n --t-fill-color-neutral-060: hsl(0, 0%, 19%);\n --t-fill-color-neutral-070: hsl(0, 0%, 17%);\n --t-fill-color-neutral-080: hsl(0, 0%, 15%);\n --t-fill-color-neutral-090: hsl(0, 0%, 12%);\n --t-fill-color-interaction: hsl(204, 100%, 35%);\n --t-fill-color-interaction-hover: hsl(204, 100%, 40%);\n --t-fill-color-interaction-active: hsl(204, 80%, 45%);\n --t-fill-color-interaction-disabled: hsl(0, 0%, 25%);\n --t-fill-color-control-neutral-off: hsl(0, 0%, 32%);\n --t-fill-color-control-neutral-on: hsl(0, 0%, 50%);\n --t-fill-color-control: hsl(204, 100%, 35%);\n --t-fill-color-control-disabled: hsl(0, 0%, 20%);\n --t-fill-color-status-neutral: hsl(0, 0%, 24%);\n --t-fill-color-status-neutral-ghost: hsl(0, 0%, 18%);\n --t-fill-color-status-neutral-dim: hsl(0, 0%, 15%);\n --t-fill-color-status-info: hsl(204, 100%, 35%);\n --t-fill-color-status-info-ghost: hsl(204, 32%, 15%);\n --t-fill-color-status-info-dim: hsl(206, 22%, 15%);\n --t-fill-color-status-success-ghost: hsl(125, 17%, 15%);\n --t-fill-color-status-success-dim: hsl(120, 12%, 14%);\n --t-fill-color-status-warning-ghost: hsl(41, 18%, 17%);\n --t-fill-color-status-warning-dim: hsl(42, 13%, 15%);\n --t-fill-color-status-error-ghost: hsl(8, 20%, 16%);\n --t-fill-color-status-error-dim: hsl(10, 16%, 15%);\n --t-fill-color-status-error-hover: hsl(8, 60%, 64%);\n --t-fill-color-tooltip: hsla(0, 0%, 24%, 0.9);\n --t-fill-color-product-accounts-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-accounts-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-calendar-gradient-page: linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-calendar-gradient-tint: linear-gradient(111.72deg, hsl(9, 29%, 13%), hsl(276, 8%, 12%), hsl(203, 37%, 11%));\n --t-fill-color-product-checkins-gradient-page: linear-gradient(111.72deg, hsl(285, 17%, 18%) 25%, hsl(263, 15%, 17%) 60%, hsl(204, 70%, 12%));\n --t-fill-color-product-checkins-gradient-tint: linear-gradient(111.72deg, hsl(285, 11%, 14%), hsl(266, 10%, 14%) 42%, hsl(203, 37%, 11%));\n --t-fill-color-product-giving-gradient-page: linear-gradient(111.72deg, hsl(43, 80%, 16%), hsl(267, 15%, 14%) 58.5%, hsl(204, 70%, 12%));\n --t-fill-color-product-giving-gradient-tint: linear-gradient(111.72deg, hsl(44, 49%, 13%), hsl(264, 8%, 12%) 58.5%, hsl(203, 37%, 11%));\n --t-fill-color-product-groups-gradient-page: linear-gradient(111.72deg, hsl(23, 46%, 18%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-groups-gradient-tint: linear-gradient(111.72deg, hsl(23, 29%, 14%), hsl(276, 7%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-home-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-home-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-people-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-people-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-publishing-gradient-page: linear-gradient(111.72deg, hsl(225, 11%, 22%), hsl(227, 20%, 18%) 45%, hsl(204, 70%, 12%));\n --t-fill-color-product-publishing-gradient-tint: linear-gradient(111.72deg, hsl(220, 7%, 16%), hsl(227, 12%, 14%) 45%, hsl(203, 37%, 11%));\n --t-fill-color-product-registrations-gradient-page: linear-gradient(111.72deg, hsl(174, 34%, 18%), hsl(187, 39%, 14%) 39.5%, hsl(204, 70%, 12%));\n --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%));\n --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%));\n --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%));\n --t-fill-color-tag-gray-010: hsl(0, 0%, 20%);\n --t-fill-color-tag-gray-020: hsl(0, 0%, 24%);\n --t-fill-color-tag-gray-030: hsl(0, 0%, 36%);\n --t-fill-color-tag-gray-040: hsl(0, 0%, 42%);\n --t-fill-color-tag-blue-010: hsl(219, 26%, 24%);\n --t-fill-color-tag-blue-020: hsl(220, 28%, 29%);\n --t-fill-color-tag-blue-030: hsl(219, 32%, 45%);\n --t-fill-color-tag-blue-040: hsl(220, 35%, 52%);\n --t-fill-color-tag-aqua-010: hsl(200, 30%, 21%);\n --t-fill-color-tag-aqua-020: hsl(200, 33%, 26%);\n --t-fill-color-tag-aqua-030: hsl(200, 39%, 38%);\n --t-fill-color-tag-aqua-040: hsl(200, 39%, 43%);\n --t-fill-color-tag-teal-010: hsl(169, 33%, 19%);\n --t-fill-color-tag-teal-020: hsl(169, 37%, 22%);\n --t-fill-color-tag-teal-030: hsl(169, 43%, 31%);\n --t-fill-color-tag-teal-040: hsl(169, 44%, 35%);\n --t-fill-color-tag-green-010: hsl(110, 30%, 20%);\n --t-fill-color-tag-green-020: hsl(112, 33%, 23%);\n --t-fill-color-tag-green-030: hsl(112, 37%, 33%);\n --t-fill-color-tag-green-040: hsl(112, 39%, 37%);\n --t-fill-color-tag-yellow-010: hsl(44, 39%, 19%);\n --t-fill-color-tag-yellow-020: hsl(44, 44%, 22%);\n --t-fill-color-tag-yellow-030: hsl(44, 50%, 31%);\n --t-fill-color-tag-yellow-040: hsl(44, 53%, 36%);\n --t-fill-color-tag-orange-010: hsl(21, 35%, 22%);\n --t-fill-color-tag-orange-020: hsl(20, 38%, 26%);\n --t-fill-color-tag-orange-030: hsl(21, 44%, 40%);\n --t-fill-color-tag-orange-040: hsl(21, 46%, 45%);\n --t-fill-color-tag-pink-010: hsl(331, 22%, 24%);\n --t-fill-color-tag-pink-020: hsl(324, 26%, 26%);\n --t-fill-color-tag-pink-030: hsl(324, 30%, 45%);\n --t-fill-color-tag-pink-040: hsl(324, 33%, 51%);\n --t-fill-color-tag-purple-010: hsl(274, 20%, 23%);\n --t-fill-color-tag-purple-020: hsl(274, 21%, 28%);\n --t-fill-color-tag-purple-030: hsl(274, 25%, 46%);\n --t-fill-color-tag-purple-040: hsl(274, 28%, 53%);\n --t-fill-color-tag-magenta-010: hsl(292, 20%, 21%);\n --t-fill-color-tag-magenta-020: hsl(292, 22%, 26%);\n --t-fill-color-tag-magenta-030: hsl(293, 26%, 42%);\n --t-fill-color-tag-magenta-040: hsl(292, 27%, 48%);\n --t-fill-color-tag-indigo-010: hsl(235, 21%, 24%);\n --t-fill-color-tag-indigo-020: hsl(236, 22%, 29%);\n --t-fill-color-tag-indigo-030: hsl(236, 26%, 50%);\n --t-fill-color-tag-indigo-040: hsl(236, 34%, 56%);\n --t-fill-color-button-neutral-solid: hsl(0, 0%, 19%);\n --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 24%);\n --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 32%);\n --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-neutral-outline: hsl(0, 0%, 15%);\n --t-fill-color-button-neutral-outline-hover: hsl(0, 0%, 17%);\n --t-fill-color-button-neutral-outline-active: hsl(0, 0%, 19%);\n --t-fill-color-button-neutral-outline-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-neutral-ghost: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 17%);\n --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 19%);\n --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-neutral-responsive-header-disabled: hsla(0, 0%, 100%, 0.05);\n --t-fill-color-button-interaction-solid: hsl(204, 100%, 35%);\n --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 40%);\n --t-fill-color-button-interaction-solid-active: hsl(204, 80%, 45%);\n --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-interaction-outline: hsl(204, 32%, 15%);\n --t-fill-color-button-interaction-outline-hover: hsl(204, 39%, 17%);\n --t-fill-color-button-interaction-outline-active: hsl(205, 45%, 18%);\n --t-fill-color-button-interaction-outline-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-interaction-ghost: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-interaction-ghost-hover: hsl(204, 32%, 15%);\n --t-fill-color-button-interaction-ghost-active: hsl(204, 39%, 17%);\n --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-delete-solid: hsl(8, 60%, 40%);\n --t-fill-color-button-delete-solid-active: hsl(8, 60%, 47%);\n --t-fill-color-button-delete-solid-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-delete-outline: hsl(8, 20%, 16%);\n --t-fill-color-button-delete-outline-hover: hsl(9, 24%, 17%);\n --t-fill-color-button-delete-outline-active: hsl(9, 29%, 19%);\n --t-fill-color-button-delete-outline-disabled: hsl(0, 0%, 12%);\n --t-fill-color-button-delete-ghost: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-delete-ghost-hover: hsl(8, 20%, 16%);\n --t-fill-color-button-delete-ghost-active: hsl(9, 24%, 17%);\n --t-fill-color-button-delete-ghost-disabled: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-pill: hsl(0, 0%, 18%);\n --t-fill-color-button-pill-hover: hsl(0, 0%, 21%);\n --t-fill-color-button-pill-active: hsl(0, 0%, 21%);\n --t-fill-color-button-pill-disabled: hsl(0, 0%, 18%);\n --t-fill-color-transparency-light-010: hsla(0, 0%, 0%, 0.1);\n --t-fill-color-transparency-light-020: hsla(0, 0%, 0%, 0.2);\n --t-fill-color-transparency-light-030: hsla(0, 0%, 0%, 0.3);\n --t-fill-color-transparency-light-040: hsla(0, 0%, 0%, 0.4);\n --t-fill-color-transparency-light-050: hsla(0, 0%, 0%, 0.5);\n --t-fill-color-transparency-light-060: hsla(0, 0%, 0%, 0.6);\n --t-fill-color-transparency-light-070: hsla(0, 0%, 0%, 0.7);\n --t-fill-color-transparency-light-080: hsla(0, 0%, 0%, 0.8);\n --t-fill-color-transparency-light-090: hsla(0, 0%, 0%, 0.9);\n --t-fill-color-transparency-dark-010: hsla(0, 0%, 100%, 0.1);\n --t-fill-color-transparency-dark-020: hsla(0, 0%, 100%, 0.2);\n --t-fill-color-transparency-dark-030: hsla(0, 0%, 100%, 0.3);\n --t-fill-color-transparency-dark-040: hsla(0, 0%, 100%, 0.4);\n --t-fill-color-transparency-dark-050: hsla(0, 0%, 100%, 0.5);\n --t-fill-color-transparency-dark-060: hsla(0, 0%, 100%, 0.6);\n --t-fill-color-transparency-dark-070: hsla(0, 0%, 100%, 0.7);\n --t-fill-color-transparency-dark-080: hsla(0, 0%, 100%, 0.8);\n --t-fill-color-transparency-dark-090: hsla(0, 0%, 100%, 0.9);\n --t-surface-color-card: hsl(0, 0%, 12%);\n --t-surface-color-canvas: hsl(0, 0%, 10%);\n --t-border-color: hsl(0, 0%, 21%);\n --t-border-color-dark: hsl(0, 0%, 25%);\n --t-border-color-darker: hsl(0, 0%, 33%);\n --t-border-color-darkest: hsl(0, 0%, 38%);\n --t-border-color-disabled: hsl(0, 0%, 21%);\n --t-border-color-dim: hsl(0, 0%, 16%);\n --t-border-color-white: hsl(0, 0%, 12%);\n --t-border-color-status-neutral: hsl(0, 0%, 38%);\n --t-border-color-status-info: hsl(204, 100%, 35%);\n --t-border-color-button-neutral: hsl(0, 0%, 19%);\n --t-border-color-button-info: hsla(204, 100%, 40%, 0.25);\n --t-border-color-button-create: hsla(96, 57%, 33%, 0.25);\n --t-border-color-button-delete: hsla(8, 60%, 47%, 0.25);\n --t-border-color-control-neutral: hsl(0, 0%, 33%);\n --t-border-color-control-info: hsl(204, 100%, 35%);\n --t-border-color-control-disabled: hsl(0, 0%, 24%);\n --t-shadow-overflow-color: hsla(0, 0%, 0%, 0.6);\n}\n}\n"]}
1
+ {"version":3,"sources":["../../../tokens/dist/css/tokens-dark.css","../../../tokens/dist/css/tokens-system-dark.css"],"names":[],"mappings":"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","file":"tokens-dark.css","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root[data-color-mode=\"dark\"] {\n color-scheme: dark;\n --t-text-color-headline: hsl(0, 0%, 94%);\n --t-text-color: hsl(0, 0%, 80%);\n --t-text-color-secondary: hsl(0, 0%, 54%);\n --t-text-color-disabled: hsl(0, 0%, 32%);\n --t-text-color-placeholder: hsl(0, 0%, 38%);\n --t-text-color-interaction: hsl(204, 68%, 55%);\n --t-text-color-interaction-hover: hsl(204, 68%, 50%);\n --t-text-color-interaction-active: hsl(204, 68%, 45%);\n --t-text-color-interaction-visited: hsl(204, 68%, 50%);\n --t-text-color-status-neutral: hsl(0, 0%, 80%);\n --t-text-color-status-info: hsl(204, 68%, 55%);\n --t-text-color-status-success: hsl(97, 57%, 41%);\n --t-text-color-status-warning: hsl(42, 84%, 55%);\n --t-text-color-status-error: hsl(8, 61%, 61%);\n --t-text-color-tag-subtle-gray: hsl(0, 0%, 80%);\n --t-text-color-tag-subtle-blue: hsl(223, 46%, 84%);\n --t-text-color-tag-subtle-indigo: hsl(233, 78%, 84%);\n --t-text-color-tag-subtle-aqua: hsl(208, 77%, 85%);\n --t-text-color-tag-subtle-teal: hsl(180, 95%, 74%);\n --t-text-color-tag-subtle-green: hsl(99, 93%, 84%);\n --t-text-color-tag-subtle-yellow: hsl(29, 100%, 85%);\n --t-text-color-tag-subtle-orange: hsl(18, 100%, 85%);\n --t-text-color-tag-subtle-pink: hsl(328, 89%, 89%);\n --t-text-color-tag-subtle-purple: hsl(268, 70%, 88%);\n --t-text-color-tag-subtle-magenta: hsl(285, 70%, 88%);\n --t-text-color-tag-bold-gray: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-indigo: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-blue: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-aqua: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-teal: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-green: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-yellow: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-orange: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-pink: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-purple: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-magenta: hsl(0, 0%, 100%);\n --t-icon-color: hsl(0, 0%, 80%);\n --t-icon-color-secondary: hsl(0, 0%, 54%);\n --t-icon-color-dim: hsl(0, 0%, 38%);\n --t-icon-color-disabled: hsl(0, 0%, 25%);\n --t-icon-color-status-neutral: hsl(0, 0%, 54%);\n --t-icon-color-status-neutral-secondary: hsl(0, 0%, 38%);\n --t-icon-color-status-neutral-bold: hsl(0, 0%, 80%);\n --t-icon-color-status-info: hsl(204, 68%, 55%);\n --t-icon-color-status-error: hsl(8, 61%, 61%);\n --t-fill-color-neutral-100: hsl(0, 0%, 10%);\n --t-fill-color-neutral-000: hsl(0, 0%, 98%);\n --t-fill-color-neutral-010: hsl(0, 0%, 88%);\n --t-fill-color-neutral-020: hsl(0, 0%, 68%);\n --t-fill-color-neutral-025: hsl(0, 0%, 58%);\n --t-fill-color-neutral-030: hsl(0, 0%, 50%);\n --t-fill-color-neutral-040: hsl(0, 0%, 32%);\n --t-fill-color-neutral-050: hsl(0, 0%, 24%);\n --t-fill-color-neutral-060: hsl(0, 0%, 19%);\n --t-fill-color-neutral-070: hsl(0, 0%, 17%);\n --t-fill-color-neutral-080: hsl(0, 0%, 15%);\n --t-fill-color-neutral-090: hsl(0, 0%, 12%);\n --t-fill-color-interaction: hsl(204, 100%, 35%);\n --t-fill-color-interaction-hover: hsl(204, 100%, 40%);\n --t-fill-color-interaction-active: hsl(204, 80%, 45%);\n --t-fill-color-interaction-disabled: hsl(0, 0%, 25%);\n --t-fill-color-control-neutral: hsl(0, 0%, 32%);\n --t-fill-color-control-disabled: hsl(0, 0%, 20%);\n --t-fill-color-status-neutral: hsl(0, 0%, 24%);\n --t-fill-color-status-neutral-ghost: hsl(0, 0%, 18%);\n --t-fill-color-status-neutral-dim: hsl(0, 0%, 15%);\n --t-fill-color-status-info: hsl(204, 100%, 35%);\n --t-fill-color-status-info-ghost: hsl(204, 32%, 15%);\n --t-fill-color-status-info-dim: hsl(206, 22%, 15%);\n --t-fill-color-status-success-ghost: hsl(125, 17%, 15%);\n --t-fill-color-status-success-dim: hsl(120, 12%, 14%);\n --t-fill-color-status-warning-ghost: hsl(41, 18%, 17%);\n --t-fill-color-status-warning-dim: hsl(42, 13%, 15%);\n --t-fill-color-status-error-ghost: hsl(8, 20%, 16%);\n --t-fill-color-status-error-dim: hsl(10, 16%, 15%);\n --t-fill-color-status-error-hover: hsl(8, 60%, 64%);\n --t-fill-color-tooltip: hsla(0, 0%, 24%, 0.9);\n --t-fill-color-product-accounts-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-accounts-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-calendar-gradient-page: linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-calendar-gradient-tint: linear-gradient(111.72deg, hsl(9, 29%, 13%), hsl(276, 8%, 12%), hsl(203, 37%, 11%));\n --t-fill-color-product-checkins-gradient-page: linear-gradient(111.72deg, hsl(285, 17%, 18%) 25%, hsl(263, 15%, 17%) 60%, hsl(204, 70%, 12%));\n --t-fill-color-product-checkins-gradient-tint: linear-gradient(111.72deg, hsl(285, 11%, 14%), hsl(266, 10%, 14%) 42%, hsl(203, 37%, 11%));\n --t-fill-color-product-giving-gradient-page: linear-gradient(111.72deg, hsl(43, 80%, 16%), hsl(267, 15%, 14%) 58.5%, hsl(204, 70%, 12%));\n --t-fill-color-product-giving-gradient-tint: linear-gradient(111.72deg, hsl(44, 49%, 13%), hsl(264, 8%, 12%) 58.5%, hsl(203, 37%, 11%));\n --t-fill-color-product-groups-gradient-page: linear-gradient(111.72deg, hsl(23, 46%, 18%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-groups-gradient-tint: linear-gradient(111.72deg, hsl(23, 29%, 14%), hsl(276, 7%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-home-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-home-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-people-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-people-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-publishing-gradient-page: linear-gradient(111.72deg, hsl(225, 11%, 22%), hsl(227, 20%, 18%) 45%, hsl(204, 70%, 12%));\n --t-fill-color-product-publishing-gradient-tint: linear-gradient(111.72deg, hsl(220, 7%, 16%), hsl(227, 12%, 14%) 45%, hsl(203, 37%, 11%));\n --t-fill-color-product-registrations-gradient-page: linear-gradient(111.72deg, hsl(174, 34%, 18%), hsl(187, 39%, 14%) 39.5%, hsl(204, 70%, 12%));\n --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%));\n --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%));\n --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%));\n --t-fill-color-tag-gray-010: hsl(0, 0%, 20%);\n --t-fill-color-tag-gray-020: hsl(0, 0%, 24%);\n --t-fill-color-tag-gray-030: hsl(0, 0%, 36%);\n --t-fill-color-tag-gray-040: hsl(0, 0%, 42%);\n --t-fill-color-tag-blue-010: hsl(219, 26%, 24%);\n --t-fill-color-tag-blue-020: hsl(220, 28%, 29%);\n --t-fill-color-tag-blue-030: hsl(219, 32%, 45%);\n --t-fill-color-tag-blue-040: hsl(220, 35%, 52%);\n --t-fill-color-tag-aqua-010: hsl(200, 30%, 21%);\n --t-fill-color-tag-aqua-020: hsl(200, 33%, 26%);\n --t-fill-color-tag-aqua-030: hsl(200, 39%, 38%);\n --t-fill-color-tag-aqua-040: hsl(200, 39%, 43%);\n --t-fill-color-tag-teal-010: hsl(169, 33%, 19%);\n --t-fill-color-tag-teal-020: hsl(169, 37%, 22%);\n --t-fill-color-tag-teal-030: hsl(169, 43%, 31%);\n --t-fill-color-tag-teal-040: hsl(169, 44%, 35%);\n --t-fill-color-tag-green-010: hsl(110, 30%, 20%);\n --t-fill-color-tag-green-020: hsl(112, 33%, 23%);\n --t-fill-color-tag-green-030: hsl(112, 37%, 33%);\n --t-fill-color-tag-green-040: hsl(112, 39%, 37%);\n --t-fill-color-tag-yellow-010: hsl(44, 39%, 19%);\n --t-fill-color-tag-yellow-020: hsl(44, 44%, 22%);\n --t-fill-color-tag-yellow-030: hsl(44, 50%, 31%);\n --t-fill-color-tag-yellow-040: hsl(44, 53%, 36%);\n --t-fill-color-tag-orange-010: hsl(21, 35%, 22%);\n --t-fill-color-tag-orange-020: hsl(20, 38%, 26%);\n --t-fill-color-tag-orange-030: hsl(21, 44%, 40%);\n --t-fill-color-tag-orange-040: hsl(21, 46%, 45%);\n --t-fill-color-tag-pink-010: hsl(331, 22%, 24%);\n --t-fill-color-tag-pink-020: hsl(324, 26%, 26%);\n --t-fill-color-tag-pink-030: hsl(324, 30%, 45%);\n --t-fill-color-tag-pink-040: hsl(324, 33%, 51%);\n --t-fill-color-tag-purple-010: hsl(274, 20%, 23%);\n --t-fill-color-tag-purple-020: hsl(274, 21%, 28%);\n --t-fill-color-tag-purple-030: hsl(274, 25%, 46%);\n --t-fill-color-tag-purple-040: hsl(274, 28%, 53%);\n --t-fill-color-tag-magenta-010: hsl(292, 20%, 21%);\n --t-fill-color-tag-magenta-020: hsl(292, 22%, 26%);\n --t-fill-color-tag-magenta-030: hsl(293, 26%, 42%);\n --t-fill-color-tag-magenta-040: hsl(292, 27%, 48%);\n --t-fill-color-tag-indigo-010: hsl(235, 21%, 24%);\n --t-fill-color-tag-indigo-020: hsl(236, 22%, 29%);\n --t-fill-color-tag-indigo-030: hsl(236, 26%, 50%);\n --t-fill-color-tag-indigo-040: hsl(236, 34%, 56%);\n --t-fill-color-button-neutral-solid: hsl(0, 0%, 19%);\n --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 24%);\n --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 32%);\n --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 15%);\n --t-fill-color-button-neutral-outline: hsl(0, 0%, 15%);\n --t-fill-color-button-neutral-outline-hover: hsl(0, 0%, 17%);\n --t-fill-color-button-neutral-outline-active: hsl(0, 0%, 19%);\n --t-fill-color-button-neutral-outline-disabled: hsl(0, 0%, 15%);\n --t-fill-color-button-neutral-ghost: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 17%);\n --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 19%);\n --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-neutral-responsive-header-disabled: hsla(0, 0%, 100%, 0.05);\n --t-fill-color-button-interaction-solid: hsl(204, 100%, 35%);\n --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 40%);\n --t-fill-color-button-interaction-solid-active: hsl(204, 80%, 45%);\n --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 15%);\n --t-fill-color-button-interaction-outline: hsl(204, 32%, 15%);\n --t-fill-color-button-interaction-outline-hover: hsl(204, 39%, 17%);\n --t-fill-color-button-interaction-outline-active: hsl(205, 45%, 18%);\n --t-fill-color-button-interaction-outline-disabled: hsl(0, 0%, 15%);\n --t-fill-color-button-interaction-ghost: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-interaction-ghost-hover: hsl(204, 32%, 15%);\n --t-fill-color-button-interaction-ghost-active: hsl(204, 39%, 17%);\n --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-delete-solid: hsl(8, 60%, 40%);\n --t-fill-color-button-delete-solid-active: hsl(8, 60%, 47%);\n --t-fill-color-button-delete-solid-disabled: hsl(0, 0%, 15%);\n --t-fill-color-button-delete-outline: hsl(8, 20%, 16%);\n --t-fill-color-button-delete-outline-hover: hsl(9, 24%, 17%);\n --t-fill-color-button-delete-outline-active: hsl(9, 29%, 19%);\n --t-fill-color-button-delete-outline-disabled: hsl(0, 0%, 15%);\n --t-fill-color-button-delete-ghost: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-delete-ghost-hover: hsl(8, 20%, 16%);\n --t-fill-color-button-delete-ghost-active: hsl(9, 24%, 17%);\n --t-fill-color-button-delete-ghost-disabled: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-pill: hsl(0, 0%, 18%);\n --t-fill-color-button-pill-hover: hsl(0, 0%, 21%);\n --t-fill-color-button-pill-active: hsl(0, 0%, 21%);\n --t-fill-color-button-pill-disabled: hsl(0, 0%, 18%);\n --t-fill-color-transparency-light-010: hsla(0, 0%, 0%, 0.1);\n --t-fill-color-transparency-light-020: hsla(0, 0%, 0%, 0.2);\n --t-fill-color-transparency-light-030: hsla(0, 0%, 0%, 0.3);\n --t-fill-color-transparency-light-040: hsla(0, 0%, 0%, 0.4);\n --t-fill-color-transparency-light-050: hsla(0, 0%, 0%, 0.5);\n --t-fill-color-transparency-light-060: hsla(0, 0%, 0%, 0.6);\n --t-fill-color-transparency-light-070: hsla(0, 0%, 0%, 0.7);\n --t-fill-color-transparency-light-080: hsla(0, 0%, 0%, 0.8);\n --t-fill-color-transparency-light-090: hsla(0, 0%, 0%, 0.9);\n --t-fill-color-transparency-dark-010: hsla(0, 0%, 100%, 0.1);\n --t-fill-color-transparency-dark-020: hsla(0, 0%, 100%, 0.2);\n --t-fill-color-transparency-dark-030: hsla(0, 0%, 100%, 0.3);\n --t-fill-color-transparency-dark-040: hsla(0, 0%, 100%, 0.4);\n --t-fill-color-transparency-dark-050: hsla(0, 0%, 100%, 0.5);\n --t-fill-color-transparency-dark-060: hsla(0, 0%, 100%, 0.6);\n --t-fill-color-transparency-dark-070: hsla(0, 0%, 100%, 0.7);\n --t-fill-color-transparency-dark-080: hsla(0, 0%, 100%, 0.8);\n --t-fill-color-transparency-dark-090: hsla(0, 0%, 100%, 0.9);\n --t-surface-color-card: hsl(0, 0%, 12%);\n --t-surface-color-canvas: hsl(0, 0%, 10%);\n --t-border-color: hsl(0, 0%, 21%);\n --t-border-color-dark: hsl(0, 0%, 25%);\n --t-border-color-darker: hsl(0, 0%, 33%);\n --t-border-color-darkest: hsl(0, 0%, 38%);\n --t-border-color-disabled: hsl(0, 0%, 21%);\n --t-border-color-dim: hsl(0, 0%, 16%);\n --t-border-color-white: hsl(0, 0%, 12%);\n --t-border-color-status-neutral: hsl(0, 0%, 38%);\n --t-border-color-status-info: hsl(204, 100%, 35%);\n --t-border-color-button-neutral: hsl(0, 0%, 19%);\n --t-border-color-button-info: hsla(204, 100%, 40%, 0.25);\n --t-border-color-button-create: hsla(96, 57%, 33%, 0.25);\n --t-border-color-button-delete: hsla(8, 60%, 47%, 0.25);\n --t-border-color-control-neutral: hsl(0, 0%, 33%);\n --t-border-color-control-info: hsl(204, 100%, 35%);\n --t-border-color-control-disabled: hsl(0, 0%, 24%);\n --t-shadow-overflow-color: hsla(0, 0%, 0%, 0.6);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n@media (prefers-color-scheme: dark) {\n:root[data-color-mode=\"system\"] {\n color-scheme: dark;\n --t-text-color-headline: hsl(0, 0%, 94%);\n --t-text-color: hsl(0, 0%, 80%);\n --t-text-color-secondary: hsl(0, 0%, 54%);\n --t-text-color-disabled: hsl(0, 0%, 32%);\n --t-text-color-placeholder: hsl(0, 0%, 38%);\n --t-text-color-interaction: hsl(204, 68%, 55%);\n --t-text-color-interaction-hover: hsl(204, 68%, 50%);\n --t-text-color-interaction-active: hsl(204, 68%, 45%);\n --t-text-color-interaction-visited: hsl(204, 68%, 50%);\n --t-text-color-status-neutral: hsl(0, 0%, 80%);\n --t-text-color-status-info: hsl(204, 68%, 55%);\n --t-text-color-status-success: hsl(97, 57%, 41%);\n --t-text-color-status-warning: hsl(42, 84%, 55%);\n --t-text-color-status-error: hsl(8, 61%, 61%);\n --t-text-color-tag-subtle-gray: hsl(0, 0%, 80%);\n --t-text-color-tag-subtle-blue: hsl(223, 46%, 84%);\n --t-text-color-tag-subtle-indigo: hsl(233, 78%, 84%);\n --t-text-color-tag-subtle-aqua: hsl(208, 77%, 85%);\n --t-text-color-tag-subtle-teal: hsl(180, 95%, 74%);\n --t-text-color-tag-subtle-green: hsl(99, 93%, 84%);\n --t-text-color-tag-subtle-yellow: hsl(29, 100%, 85%);\n --t-text-color-tag-subtle-orange: hsl(18, 100%, 85%);\n --t-text-color-tag-subtle-pink: hsl(328, 89%, 89%);\n --t-text-color-tag-subtle-purple: hsl(268, 70%, 88%);\n --t-text-color-tag-subtle-magenta: hsl(285, 70%, 88%);\n --t-text-color-tag-bold-gray: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-indigo: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-blue: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-aqua: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-teal: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-green: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-yellow: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-orange: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-pink: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-purple: hsl(0, 0%, 100%);\n --t-text-color-tag-bold-magenta: hsl(0, 0%, 100%);\n --t-icon-color: hsl(0, 0%, 80%);\n --t-icon-color-secondary: hsl(0, 0%, 54%);\n --t-icon-color-dim: hsl(0, 0%, 38%);\n --t-icon-color-disabled: hsl(0, 0%, 25%);\n --t-icon-color-status-neutral: hsl(0, 0%, 54%);\n --t-icon-color-status-neutral-secondary: hsl(0, 0%, 38%);\n --t-icon-color-status-neutral-bold: hsl(0, 0%, 80%);\n --t-icon-color-status-info: hsl(204, 68%, 55%);\n --t-icon-color-status-error: hsl(8, 61%, 61%);\n --t-fill-color-neutral-100: hsl(0, 0%, 10%);\n --t-fill-color-neutral-000: hsl(0, 0%, 98%);\n --t-fill-color-neutral-010: hsl(0, 0%, 88%);\n --t-fill-color-neutral-020: hsl(0, 0%, 68%);\n --t-fill-color-neutral-025: hsl(0, 0%, 58%);\n --t-fill-color-neutral-030: hsl(0, 0%, 50%);\n --t-fill-color-neutral-040: hsl(0, 0%, 32%);\n --t-fill-color-neutral-050: hsl(0, 0%, 24%);\n --t-fill-color-neutral-060: hsl(0, 0%, 19%);\n --t-fill-color-neutral-070: hsl(0, 0%, 17%);\n --t-fill-color-neutral-080: hsl(0, 0%, 15%);\n --t-fill-color-neutral-090: hsl(0, 0%, 12%);\n --t-fill-color-interaction: hsl(204, 100%, 35%);\n --t-fill-color-interaction-hover: hsl(204, 100%, 40%);\n --t-fill-color-interaction-active: hsl(204, 80%, 45%);\n --t-fill-color-interaction-disabled: hsl(0, 0%, 25%);\n --t-fill-color-control-neutral: hsl(0, 0%, 32%);\n --t-fill-color-control-disabled: hsl(0, 0%, 20%);\n --t-fill-color-status-neutral: hsl(0, 0%, 24%);\n --t-fill-color-status-neutral-ghost: hsl(0, 0%, 18%);\n --t-fill-color-status-neutral-dim: hsl(0, 0%, 15%);\n --t-fill-color-status-info: hsl(204, 100%, 35%);\n --t-fill-color-status-info-ghost: hsl(204, 32%, 15%);\n --t-fill-color-status-info-dim: hsl(206, 22%, 15%);\n --t-fill-color-status-success-ghost: hsl(125, 17%, 15%);\n --t-fill-color-status-success-dim: hsl(120, 12%, 14%);\n --t-fill-color-status-warning-ghost: hsl(41, 18%, 17%);\n --t-fill-color-status-warning-dim: hsl(42, 13%, 15%);\n --t-fill-color-status-error-ghost: hsl(8, 20%, 16%);\n --t-fill-color-status-error-dim: hsl(10, 16%, 15%);\n --t-fill-color-status-error-hover: hsl(8, 60%, 64%);\n --t-fill-color-tooltip: hsla(0, 0%, 24%, 0.9);\n --t-fill-color-product-accounts-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-accounts-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-calendar-gradient-page: linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-calendar-gradient-tint: linear-gradient(111.72deg, hsl(9, 29%, 13%), hsl(276, 8%, 12%), hsl(203, 37%, 11%));\n --t-fill-color-product-checkins-gradient-page: linear-gradient(111.72deg, hsl(285, 17%, 18%) 25%, hsl(263, 15%, 17%) 60%, hsl(204, 70%, 12%));\n --t-fill-color-product-checkins-gradient-tint: linear-gradient(111.72deg, hsl(285, 11%, 14%), hsl(266, 10%, 14%) 42%, hsl(203, 37%, 11%));\n --t-fill-color-product-giving-gradient-page: linear-gradient(111.72deg, hsl(43, 80%, 16%), hsl(267, 15%, 14%) 58.5%, hsl(204, 70%, 12%));\n --t-fill-color-product-giving-gradient-tint: linear-gradient(111.72deg, hsl(44, 49%, 13%), hsl(264, 8%, 12%) 58.5%, hsl(203, 37%, 11%));\n --t-fill-color-product-groups-gradient-page: linear-gradient(111.72deg, hsl(23, 46%, 18%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-groups-gradient-tint: linear-gradient(111.72deg, hsl(23, 29%, 14%), hsl(276, 7%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-home-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-home-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-people-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n --t-fill-color-product-people-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n --t-fill-color-product-publishing-gradient-page: linear-gradient(111.72deg, hsl(225, 11%, 22%), hsl(227, 20%, 18%) 45%, hsl(204, 70%, 12%));\n --t-fill-color-product-publishing-gradient-tint: linear-gradient(111.72deg, hsl(220, 7%, 16%), hsl(227, 12%, 14%) 45%, hsl(203, 37%, 11%));\n --t-fill-color-product-registrations-gradient-page: linear-gradient(111.72deg, hsl(174, 34%, 18%), hsl(187, 39%, 14%) 39.5%, hsl(204, 70%, 12%));\n --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%));\n --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%));\n --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%));\n --t-fill-color-tag-gray-010: hsl(0, 0%, 20%);\n --t-fill-color-tag-gray-020: hsl(0, 0%, 24%);\n --t-fill-color-tag-gray-030: hsl(0, 0%, 36%);\n --t-fill-color-tag-gray-040: hsl(0, 0%, 42%);\n --t-fill-color-tag-blue-010: hsl(219, 26%, 24%);\n --t-fill-color-tag-blue-020: hsl(220, 28%, 29%);\n --t-fill-color-tag-blue-030: hsl(219, 32%, 45%);\n --t-fill-color-tag-blue-040: hsl(220, 35%, 52%);\n --t-fill-color-tag-aqua-010: hsl(200, 30%, 21%);\n --t-fill-color-tag-aqua-020: hsl(200, 33%, 26%);\n --t-fill-color-tag-aqua-030: hsl(200, 39%, 38%);\n --t-fill-color-tag-aqua-040: hsl(200, 39%, 43%);\n --t-fill-color-tag-teal-010: hsl(169, 33%, 19%);\n --t-fill-color-tag-teal-020: hsl(169, 37%, 22%);\n --t-fill-color-tag-teal-030: hsl(169, 43%, 31%);\n --t-fill-color-tag-teal-040: hsl(169, 44%, 35%);\n --t-fill-color-tag-green-010: hsl(110, 30%, 20%);\n --t-fill-color-tag-green-020: hsl(112, 33%, 23%);\n --t-fill-color-tag-green-030: hsl(112, 37%, 33%);\n --t-fill-color-tag-green-040: hsl(112, 39%, 37%);\n --t-fill-color-tag-yellow-010: hsl(44, 39%, 19%);\n --t-fill-color-tag-yellow-020: hsl(44, 44%, 22%);\n --t-fill-color-tag-yellow-030: hsl(44, 50%, 31%);\n --t-fill-color-tag-yellow-040: hsl(44, 53%, 36%);\n --t-fill-color-tag-orange-010: hsl(21, 35%, 22%);\n --t-fill-color-tag-orange-020: hsl(20, 38%, 26%);\n --t-fill-color-tag-orange-030: hsl(21, 44%, 40%);\n --t-fill-color-tag-orange-040: hsl(21, 46%, 45%);\n --t-fill-color-tag-pink-010: hsl(331, 22%, 24%);\n --t-fill-color-tag-pink-020: hsl(324, 26%, 26%);\n --t-fill-color-tag-pink-030: hsl(324, 30%, 45%);\n --t-fill-color-tag-pink-040: hsl(324, 33%, 51%);\n --t-fill-color-tag-purple-010: hsl(274, 20%, 23%);\n --t-fill-color-tag-purple-020: hsl(274, 21%, 28%);\n --t-fill-color-tag-purple-030: hsl(274, 25%, 46%);\n --t-fill-color-tag-purple-040: hsl(274, 28%, 53%);\n --t-fill-color-tag-magenta-010: hsl(292, 20%, 21%);\n --t-fill-color-tag-magenta-020: hsl(292, 22%, 26%);\n --t-fill-color-tag-magenta-030: hsl(293, 26%, 42%);\n --t-fill-color-tag-magenta-040: hsl(292, 27%, 48%);\n --t-fill-color-tag-indigo-010: hsl(235, 21%, 24%);\n --t-fill-color-tag-indigo-020: hsl(236, 22%, 29%);\n --t-fill-color-tag-indigo-030: hsl(236, 26%, 50%);\n --t-fill-color-tag-indigo-040: hsl(236, 34%, 56%);\n --t-fill-color-button-neutral-solid: hsl(0, 0%, 19%);\n --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 24%);\n --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 32%);\n --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 15%);\n --t-fill-color-button-neutral-outline: hsl(0, 0%, 15%);\n --t-fill-color-button-neutral-outline-hover: hsl(0, 0%, 17%);\n --t-fill-color-button-neutral-outline-active: hsl(0, 0%, 19%);\n --t-fill-color-button-neutral-outline-disabled: hsl(0, 0%, 15%);\n --t-fill-color-button-neutral-ghost: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 17%);\n --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 19%);\n --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-neutral-responsive-header-disabled: hsla(0, 0%, 100%, 0.05);\n --t-fill-color-button-interaction-solid: hsl(204, 100%, 35%);\n --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 40%);\n --t-fill-color-button-interaction-solid-active: hsl(204, 80%, 45%);\n --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 15%);\n --t-fill-color-button-interaction-outline: hsl(204, 32%, 15%);\n --t-fill-color-button-interaction-outline-hover: hsl(204, 39%, 17%);\n --t-fill-color-button-interaction-outline-active: hsl(205, 45%, 18%);\n --t-fill-color-button-interaction-outline-disabled: hsl(0, 0%, 15%);\n --t-fill-color-button-interaction-ghost: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-interaction-ghost-hover: hsl(204, 32%, 15%);\n --t-fill-color-button-interaction-ghost-active: hsl(204, 39%, 17%);\n --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-delete-solid: hsl(8, 60%, 40%);\n --t-fill-color-button-delete-solid-active: hsl(8, 60%, 47%);\n --t-fill-color-button-delete-solid-disabled: hsl(0, 0%, 15%);\n --t-fill-color-button-delete-outline: hsl(8, 20%, 16%);\n --t-fill-color-button-delete-outline-hover: hsl(9, 24%, 17%);\n --t-fill-color-button-delete-outline-active: hsl(9, 29%, 19%);\n --t-fill-color-button-delete-outline-disabled: hsl(0, 0%, 15%);\n --t-fill-color-button-delete-ghost: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-delete-ghost-hover: hsl(8, 20%, 16%);\n --t-fill-color-button-delete-ghost-active: hsl(9, 24%, 17%);\n --t-fill-color-button-delete-ghost-disabled: hsla(0, 0%, 0%, 0);\n --t-fill-color-button-pill: hsl(0, 0%, 18%);\n --t-fill-color-button-pill-hover: hsl(0, 0%, 21%);\n --t-fill-color-button-pill-active: hsl(0, 0%, 21%);\n --t-fill-color-button-pill-disabled: hsl(0, 0%, 18%);\n --t-fill-color-transparency-light-010: hsla(0, 0%, 0%, 0.1);\n --t-fill-color-transparency-light-020: hsla(0, 0%, 0%, 0.2);\n --t-fill-color-transparency-light-030: hsla(0, 0%, 0%, 0.3);\n --t-fill-color-transparency-light-040: hsla(0, 0%, 0%, 0.4);\n --t-fill-color-transparency-light-050: hsla(0, 0%, 0%, 0.5);\n --t-fill-color-transparency-light-060: hsla(0, 0%, 0%, 0.6);\n --t-fill-color-transparency-light-070: hsla(0, 0%, 0%, 0.7);\n --t-fill-color-transparency-light-080: hsla(0, 0%, 0%, 0.8);\n --t-fill-color-transparency-light-090: hsla(0, 0%, 0%, 0.9);\n --t-fill-color-transparency-dark-010: hsla(0, 0%, 100%, 0.1);\n --t-fill-color-transparency-dark-020: hsla(0, 0%, 100%, 0.2);\n --t-fill-color-transparency-dark-030: hsla(0, 0%, 100%, 0.3);\n --t-fill-color-transparency-dark-040: hsla(0, 0%, 100%, 0.4);\n --t-fill-color-transparency-dark-050: hsla(0, 0%, 100%, 0.5);\n --t-fill-color-transparency-dark-060: hsla(0, 0%, 100%, 0.6);\n --t-fill-color-transparency-dark-070: hsla(0, 0%, 100%, 0.7);\n --t-fill-color-transparency-dark-080: hsla(0, 0%, 100%, 0.8);\n --t-fill-color-transparency-dark-090: hsla(0, 0%, 100%, 0.9);\n --t-surface-color-card: hsl(0, 0%, 12%);\n --t-surface-color-canvas: hsl(0, 0%, 10%);\n --t-border-color: hsl(0, 0%, 21%);\n --t-border-color-dark: hsl(0, 0%, 25%);\n --t-border-color-darker: hsl(0, 0%, 33%);\n --t-border-color-darkest: hsl(0, 0%, 38%);\n --t-border-color-disabled: hsl(0, 0%, 21%);\n --t-border-color-dim: hsl(0, 0%, 16%);\n --t-border-color-white: hsl(0, 0%, 12%);\n --t-border-color-status-neutral: hsl(0, 0%, 38%);\n --t-border-color-status-info: hsl(204, 100%, 35%);\n --t-border-color-button-neutral: hsl(0, 0%, 19%);\n --t-border-color-button-info: hsla(204, 100%, 40%, 0.25);\n --t-border-color-button-create: hsla(96, 57%, 33%, 0.25);\n --t-border-color-button-delete: hsla(8, 60%, 47%, 0.25);\n --t-border-color-control-neutral: hsl(0, 0%, 33%);\n --t-border-color-control-info: hsl(204, 100%, 35%);\n --t-border-color-control-disabled: hsl(0, 0%, 24%);\n --t-shadow-overflow-color: hsla(0, 0%, 0%, 0.6);\n}\n}\n"]}
package/dist/tokens-deprecated.css CHANGED
@@ -1,8 +1,22 @@
1
1
  :root{
2
+ --t-fill-color-control-neutral-off:var(--t-fill-color-control-neutral);
3
+ --t-fill-color-control-neutral-on:hsl(0, 0%, 24%);
4
+ --t-fill-color-control-error:var(--t-fill-color-status-error);
5
+ --t-fill-color-control-secondary:var(--t-icon-color-status-success-secondary);
2
6
  --t-form-font-color:var(--t-form-color);
3
7
  --t-form-font-color-disabled:var(--t-form-color-disabled);
4
8
  --t-form-font-color-error:var(--t-text-color-status-error);
5
9
  --t-form-font-color-readonly:var(--t-form-color-readonly);
6
10
  }
7
11
 
12
+ :root[data-color-mode="dark"]{
13
+ --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
14
+ }
15
+
16
+ @media (prefers-color-scheme: dark){
17
+ :root[data-color-mode="system"]{
18
+ --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
19
+ }
20
+ }
21
+
8
22
  /*# sourceMappingURL=tokens-deprecated.css.map */
package/dist/tokens-deprecated.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../tokens/dist/css/tokens-alias-deprecated.css"],"names":[],"mappings":"AAIA;EACE,uCAAwC;EACxC,yDAA0D;EAC1D,0DAA2D;EAC3D,yDAA0D;AAC5D","file":"tokens-deprecated.css","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --t-form-font-color: var(--t-form-color);\n --t-form-font-color-disabled: var(--t-form-color-disabled);\n --t-form-font-color-error: var(--t-text-color-status-error);\n --t-form-font-color-readonly: var(--t-form-color-readonly);\n}\n"]}
1
+ {"version":3,"sources":["../../../tokens/dist/css/tokens-alias-deprecated.css","../../../tokens/dist/css/tokens-dark-deprecated.css","../../../tokens/dist/css/tokens-system-dark-deprecated.css"],"names":[],"mappings":"AAIA;EACE,sEAAuE;EACvE,iDAAkD;EAClD,6DAA8D;EAC9D,6EAA8E;EAC9E,uCAAwC;EACxC,yDAA0D;EAC1D,0DAA2D;EAC3D,yDAA0D;AAC5D;;ACTA;EACE,iDAAkD;AACpD;;ACFA;AACA;EACE,iDAAkD;AACpD;AACA","file":"tokens-deprecated.css","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --t-fill-color-control-neutral-off: var(--t-fill-color-control-neutral);\n --t-fill-color-control-neutral-on: hsl(0, 0%, 24%);\n --t-fill-color-control-error: var(--t-fill-color-status-error);\n --t-fill-color-control-secondary: var(--t-icon-color-status-success-secondary);\n --t-form-font-color: var(--t-form-color);\n --t-form-font-color-disabled: var(--t-form-color-disabled);\n --t-form-font-color-error: var(--t-text-color-status-error);\n --t-form-font-color-readonly: var(--t-form-color-readonly);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root[data-color-mode=\"dark\"] {\n --t-fill-color-control-neutral-on: hsl(0, 0%, 50%);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n@media (prefers-color-scheme: dark) {\n:root[data-color-mode=\"system\"] {\n --t-fill-color-control-neutral-on: hsl(0, 0%, 50%);\n}\n}\n"]}
package/dist/tokens.css CHANGED
@@ -114,11 +114,8 @@
114
114
  --t-fill-color-interaction-hover:hsl(204, 100%, 35%);
115
115
  --t-fill-color-interaction-active:hsl(204, 100%, 30%);
116
116
  --t-fill-color-interaction-disabled:hsl(0, 0%, 81%);
117
- --t-fill-color-control-neutral-off:hsl(0, 0%, 58%);
118
- --t-fill-color-control-neutral-on:hsl(0, 0%, 24%);
119
- --t-fill-color-control:hsl(204, 100%, 40%);
120
- --t-fill-color-control-error:hsl(8, 60%, 47%);
121
- --t-fill-color-control-secondary:hsl(97, 57%, 40%);
117
+ --t-fill-color-control-neutral:hsl(0, 0%, 58%);
118
+ --t-fill-color-control:var(--t-fill-color-interaction);
122
119
  --t-fill-color-control-disabled:hsl(0, 0%, 81%);
123
120
  --t-fill-color-status-neutral:hsl(0, 0%, 42%);
124
121
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 93%);
@@ -426,6 +423,11 @@
426
423
  --t-form-color-readonly:var(--t-text-color);
427
424
  --t-form-picker-icon-color:var(--t-icon-color);
428
425
  --t-form-placeholder-color:var(--t-text-color-placeholder);
426
+ --t-form-toggle-color:var(--t-fill-color-control-neutral);
427
+ --t-form-toggle-color-disabled:var(--t-fill-color-control-disabled);
428
+ --t-form-toggle-color-hover:var(--t-fill-color-neutral-025);
429
+ --t-form-toggle-color-on:var(--t-fill-color-interaction);
430
+ --t-form-toggle-color-on-hover:var(--t-fill-color-interaction-hover);
429
431
  }
430
432
 
431
433
  :root[data-color-mode="dark"]{
@@ -491,9 +493,7 @@
491
493
  --t-fill-color-interaction-hover:hsl(204, 100%, 40%);
492
494
  --t-fill-color-interaction-active:hsl(204, 80%, 45%);
493
495
  --t-fill-color-interaction-disabled:hsl(0, 0%, 25%);
494
- --t-fill-color-control-neutral-off:hsl(0, 0%, 32%);
495
- --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
496
- --t-fill-color-control:hsl(204, 100%, 35%);
496
+ --t-fill-color-control-neutral:hsl(0, 0%, 32%);
497
497
  --t-fill-color-control-disabled:hsl(0, 0%, 20%);
498
498
  --t-fill-color-status-neutral:hsl(0, 0%, 24%);
499
499
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
@@ -576,11 +576,11 @@
576
576
  --t-fill-color-button-neutral-solid:hsl(0, 0%, 19%);
577
577
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
578
578
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
579
- --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 12%);
579
+ --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 15%);
580
580
  --t-fill-color-button-neutral-outline:hsl(0, 0%, 15%);
581
581
  --t-fill-color-button-neutral-outline-hover:hsl(0, 0%, 17%);
582
582
  --t-fill-color-button-neutral-outline-active:hsl(0, 0%, 19%);
583
- --t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 12%);
583
+ --t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 15%);
584
584
  --t-fill-color-button-neutral-ghost:hsla(0, 0%, 0%, 0);
585
585
  --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
586
586
  --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
@@ -589,22 +589,22 @@
589
589
  --t-fill-color-button-interaction-solid:hsl(204, 100%, 35%);
590
590
  --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
591
591
  --t-fill-color-button-interaction-solid-active:hsl(204, 80%, 45%);
592
- --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 12%);
592
+ --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 15%);
593
593
  --t-fill-color-button-interaction-outline:hsl(204, 32%, 15%);
594
594
  --t-fill-color-button-interaction-outline-hover:hsl(204, 39%, 17%);
595
595
  --t-fill-color-button-interaction-outline-active:hsl(205, 45%, 18%);
596
- --t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 12%);
596
+ --t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 15%);
597
597
  --t-fill-color-button-interaction-ghost:hsla(0, 0%, 0%, 0);
598
598
  --t-fill-color-button-interaction-ghost-hover:hsl(204, 32%, 15%);
599
599
  --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
600
600
  --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 0%, 0);
601
601
  --t-fill-color-button-delete-solid:hsl(8, 60%, 40%);
602
602
  --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
603
- --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 12%);
603
+ --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 15%);
604
604
  --t-fill-color-button-delete-outline:hsl(8, 20%, 16%);
605
605
  --t-fill-color-button-delete-outline-hover:hsl(9, 24%, 17%);
606
606
  --t-fill-color-button-delete-outline-active:hsl(9, 29%, 19%);
607
- --t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 12%);
607
+ --t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 15%);
608
608
  --t-fill-color-button-delete-ghost:hsla(0, 0%, 0%, 0);
609
609
  --t-fill-color-button-delete-ghost-hover:hsl(8, 20%, 16%);
610
610
  --t-fill-color-button-delete-ghost-active:hsl(9, 24%, 17%);
@@ -716,9 +716,7 @@
716
716
  --t-fill-color-interaction-hover:hsl(204, 100%, 40%);
717
717
  --t-fill-color-interaction-active:hsl(204, 80%, 45%);
718
718
  --t-fill-color-interaction-disabled:hsl(0, 0%, 25%);
719
- --t-fill-color-control-neutral-off:hsl(0, 0%, 32%);
720
- --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
721
- --t-fill-color-control:hsl(204, 100%, 35%);
719
+ --t-fill-color-control-neutral:hsl(0, 0%, 32%);
722
720
  --t-fill-color-control-disabled:hsl(0, 0%, 20%);
723
721
  --t-fill-color-status-neutral:hsl(0, 0%, 24%);
724
722
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
@@ -801,11 +799,11 @@
801
799
  --t-fill-color-button-neutral-solid:hsl(0, 0%, 19%);
802
800
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
803
801
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
804
- --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 12%);
802
+ --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 15%);
805
803
  --t-fill-color-button-neutral-outline:hsl(0, 0%, 15%);
806
804
  --t-fill-color-button-neutral-outline-hover:hsl(0, 0%, 17%);
807
805
  --t-fill-color-button-neutral-outline-active:hsl(0, 0%, 19%);
808
- --t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 12%);
806
+ --t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 15%);
809
807
  --t-fill-color-button-neutral-ghost:hsla(0, 0%, 0%, 0);
810
808
  --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
811
809
  --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
@@ -814,22 +812,22 @@
814
812
  --t-fill-color-button-interaction-solid:hsl(204, 100%, 35%);
815
813
  --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
816
814
  --t-fill-color-button-interaction-solid-active:hsl(204, 80%, 45%);
817
- --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 12%);
815
+ --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 15%);
818
816
  --t-fill-color-button-interaction-outline:hsl(204, 32%, 15%);
819
817
  --t-fill-color-button-interaction-outline-hover:hsl(204, 39%, 17%);
820
818
  --t-fill-color-button-interaction-outline-active:hsl(205, 45%, 18%);
821
- --t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 12%);
819
+ --t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 15%);
822
820
  --t-fill-color-button-interaction-ghost:hsla(0, 0%, 0%, 0);
823
821
  --t-fill-color-button-interaction-ghost-hover:hsl(204, 32%, 15%);
824
822
  --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
825
823
  --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 0%, 0);
826
824
  --t-fill-color-button-delete-solid:hsl(8, 60%, 40%);
827
825
  --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
828
- --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 12%);
826
+ --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 15%);
829
827
  --t-fill-color-button-delete-outline:hsl(8, 20%, 16%);
830
828
  --t-fill-color-button-delete-outline-hover:hsl(9, 24%, 17%);
831
829
  --t-fill-color-button-delete-outline-active:hsl(9, 29%, 19%);
832
- --t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 12%);
830
+ --t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 15%);
833
831
  --t-fill-color-button-delete-ghost:hsla(0, 0%, 0%, 0);
834
832
  --t-fill-color-button-delete-ghost-hover:hsl(8, 20%, 16%);
835
833
  --t-fill-color-button-delete-ghost-active:hsl(9, 24%, 17%);