@planningcenter/tapestry 2.6.1-rc.1 → 2.7.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 (76) hide show
  1. package/dist/components/button/BaseButton.d.ts.map +1 -1
  2. package/dist/components/button/BaseButton.js +3 -2
  3. package/dist/components/button/BaseButton.js.map +1 -1
  4. package/dist/components/button/IconButton.js +1 -1
  5. package/dist/components/button/IconButton.js.map +1 -1
  6. package/dist/components/button/PageHeaderActionsDropdownButton.js +1 -1
  7. package/dist/components/button/PageHeaderActionsDropdownButton.js.map +1 -1
  8. package/dist/components/link/BaseLink.d.ts.map +1 -1
  9. package/dist/components/link/BaseLink.js +5 -5
  10. package/dist/components/link/BaseLink.js.map +1 -1
  11. package/dist/components/page-header/index.js +1 -1
  12. package/dist/components/sidenav/index.js +1 -1
  13. package/dist/index.css +193 -145
  14. package/dist/index.css.map +1 -1
  15. package/dist/index.d.ts +0 -1
  16. package/dist/index.d.ts.map +1 -1
  17. package/dist/jsTokens.d.ts +1 -1
  18. package/dist/jsTokens.d.ts.map +1 -1
  19. package/dist/jsTokens.js +1 -1
  20. package/dist/jsTokens.js.map +1 -1
  21. package/dist/print-no-media-queries.css +2 -0
  22. package/dist/print.css +2 -0
  23. package/dist/reactRender.css +1135 -1087
  24. package/dist/reactRender.css.map +1 -1
  25. package/dist/reactRenderLegacy.css +1135 -1087
  26. package/dist/reactRenderLegacy.css.map +1 -1
  27. package/dist/tapestry-wc/dist/components/{p-D0G2xpOq.js → p-BM4ymH3W.js} +3 -3
  28. package/dist/tapestry-wc/dist/components/{p-D0G2xpOq.js.map → p-BM4ymH3W.js.map} +1 -1
  29. package/dist/tapestry-wc/dist/components/{p-D1rzJeWl.js → p-CTvFafAw.js} +3 -3
  30. package/dist/tapestry-wc/dist/components/{p-D1rzJeWl.js.map → p-CTvFafAw.js.map} +1 -1
  31. package/dist/tapestry-wc/dist/components/{p-74Cc2nEh.js → p-Ccu14VWv.js} +2 -2
  32. package/dist/tapestry-wc/dist/components/{p-74Cc2nEh.js.map → p-Ccu14VWv.js.map} +1 -1
  33. package/dist/tapestry-wc/dist/components/{p-DmP02I4b.js → p-D5K9xK_N.js} +3 -3
  34. package/dist/tapestry-wc/dist/components/{p-DmP02I4b.js.map → p-D5K9xK_N.js.map} +1 -1
  35. package/dist/tapestry-wc/dist/components/{p-5-Cvrlgk.js → p-ksuK8bIM.js} +2 -2
  36. package/dist/tapestry-wc/dist/components/{p-5-Cvrlgk.js.map → p-ksuK8bIM.js.map} +1 -1
  37. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js +2 -2
  38. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js.map +1 -1
  39. package/dist/tapestry-wc/dist/components/tds-page-header.js +3 -3
  40. package/dist/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
  41. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js +3 -3
  42. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js.map +1 -1
  43. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js +2 -2
  44. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js.map +1 -1
  45. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js +3 -3
  46. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js.map +1 -1
  47. package/dist/tapestry-wc/dist/components/tds-sidenav.js +5 -5
  48. package/dist/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
  49. package/dist/tokens/tokens-deprecated.json +326 -0
  50. package/dist/tokens-dark.css +34 -32
  51. package/dist/tokens-dark.css.map +1 -0
  52. package/dist/tokens-deprecated.css +106 -0
  53. package/dist/tokens-deprecated.css.map +1 -0
  54. package/dist/tokens-deprecated.js +3 -0
  55. package/dist/tokens.css +62 -111
  56. package/dist/tokens.css.map +1 -1
  57. package/dist/tokens.js +2 -0
  58. package/dist/unstable.css +205 -157
  59. package/dist/unstable.css.map +1 -1
  60. package/dist/unstable.d.ts +1 -1
  61. package/dist/unstable.d.ts.map +1 -1
  62. package/dist/unstable.js +2 -1
  63. package/dist/unstable.js.map +1 -1
  64. package/package.json +18 -17
  65. package/dist/deprecated.css +0 -66
  66. package/dist/tokens/ts/react-native-tokens.d.ts +0 -1629
  67. package/dist/tokens/ts/react-native-tokens.d.ts.map +0 -1
  68. package/dist/tokens/ts/react-native-tokens.js +0 -418
  69. package/dist/tokens/ts/react-native-tokens.js.map +0 -1
  70. package/dist/tokens/ts/tokens.d.ts +0 -435
  71. package/dist/tokens/ts/tokens.d.ts.map +0 -1
  72. package/dist/tokens/ts/tokens.js +0 -437
  73. package/dist/tokens/ts/tokens.js.map +0 -1
  74. package/dist/tokens.d.ts +0 -3
  75. package/dist/tokens.d.ts.map +0 -1
  76. /package/dist/{tokens-dark-combined.js → tokens-dark.js} +0 -0
package/dist/tokens-dark.css CHANGED
@@ -3,7 +3,7 @@
3
3
  --t-text-color-headline:hsl(0, 0%, 94%);
4
4
  --t-text-color:hsl(0, 0%, 80%);
5
5
  --t-text-color-secondary:hsl(0, 0%, 54%);
6
- --t-text-color-disabled:hsl(0, 0%, 25%);
6
+ --t-text-color-disabled:hsl(0, 0%, 32%);
7
7
  --t-text-color-placeholder:hsl(0, 0%, 38%);
8
8
  --t-text-color-interaction:hsl(204, 68%, 55%);
9
9
  --t-text-color-interaction-hover:hsl(204, 68%, 50%);
@@ -65,10 +65,10 @@
65
65
  --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
66
66
  --t-fill-color-control:hsl(204, 100%, 35%);
67
67
  --t-fill-color-control-disabled:hsl(0, 0%, 20%);
68
- --t-fill-color-status-neutral-solid:hsl(0, 0%, 24%);
68
+ --t-fill-color-status-neutral:hsl(0, 0%, 24%);
69
69
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
70
70
  --t-fill-color-status-neutral-dim:hsl(0, 0%, 15%);
71
- --t-fill-color-status-info-solid:hsl(204, 100%, 35%);
71
+ --t-fill-color-status-info:hsl(204, 100%, 35%);
72
72
  --t-fill-color-status-info-ghost:hsl(204, 32%, 15%);
73
73
  --t-fill-color-status-info-dim:hsl(206, 22%, 15%);
74
74
  --t-fill-color-status-success-ghost:hsl(125, 17%, 15%);
@@ -146,10 +146,10 @@
146
146
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
147
147
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
148
148
  --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 12%);
149
- --t-fill-color-button-neutral-outline-dim:hsl(0, 0%, 15%);
150
- --t-fill-color-button-neutral-outline-dim-hover:hsl(0, 0%, 17%);
151
- --t-fill-color-button-neutral-outline-dim-active:hsl(0, 0%, 19%);
152
- --t-fill-color-button-neutral-outline-dim-disabled:hsl(0, 0%, 12%);
149
+ --t-fill-color-button-neutral-outline:hsl(0, 0%, 15%);
150
+ --t-fill-color-button-neutral-outline-hover:hsl(0, 0%, 17%);
151
+ --t-fill-color-button-neutral-outline-active:hsl(0, 0%, 19%);
152
+ --t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 12%);
153
153
  --t-fill-color-button-neutral-ghost:hsla(0, 0%, 0%, 0);
154
154
  --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
155
155
  --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
@@ -159,10 +159,10 @@
159
159
  --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
160
160
  --t-fill-color-button-interaction-solid-active:hsl(204, 80%, 45%);
161
161
  --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 12%);
162
- --t-fill-color-button-interaction-outline-dim:hsl(204, 32%, 15%);
163
- --t-fill-color-button-interaction-outline-dim-hover:hsl(204, 39%, 17%);
164
- --t-fill-color-button-interaction-outline-dim-active:hsl(205, 45%, 18%);
165
- --t-fill-color-button-interaction-outline-dim-disabled:hsl(0, 0%, 12%);
162
+ --t-fill-color-button-interaction-outline:hsl(204, 32%, 15%);
163
+ --t-fill-color-button-interaction-outline-hover:hsl(204, 39%, 17%);
164
+ --t-fill-color-button-interaction-outline-active:hsl(205, 45%, 18%);
165
+ --t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 12%);
166
166
  --t-fill-color-button-interaction-ghost:hsla(0, 0%, 0%, 0);
167
167
  --t-fill-color-button-interaction-ghost-hover:hsl(204, 32%, 15%);
168
168
  --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
@@ -170,10 +170,10 @@
170
170
  --t-fill-color-button-delete-solid:hsl(8, 60%, 40%);
171
171
  --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
172
172
  --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 12%);
173
- --t-fill-color-button-delete-outline-dim:hsl(8, 20%, 16%);
174
- --t-fill-color-button-delete-outline-dim-hover:hsl(9, 24%, 17%);
175
- --t-fill-color-button-delete-outline-dim-active:hsl(9, 29%, 19%);
176
- --t-fill-color-button-delete-outline-dim-disabled:hsl(0, 0%, 12%);
173
+ --t-fill-color-button-delete-outline:hsl(8, 20%, 16%);
174
+ --t-fill-color-button-delete-outline-hover:hsl(9, 24%, 17%);
175
+ --t-fill-color-button-delete-outline-active:hsl(9, 29%, 19%);
176
+ --t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 12%);
177
177
  --t-fill-color-button-delete-ghost:hsla(0, 0%, 0%, 0);
178
178
  --t-fill-color-button-delete-ghost-hover:hsl(8, 20%, 16%);
179
179
  --t-fill-color-button-delete-ghost-active:hsl(9, 24%, 17%);
@@ -217,7 +217,7 @@
217
217
  --t-border-color-button-delete:hsla(8, 60%, 47%, 0.25);
218
218
  --t-border-color-control-neutral:hsl(0, 0%, 33%);
219
219
  --t-border-color-control-info:hsl(204, 100%, 35%);
220
- --t-border-color-control-disabled:hsl(0, 0%, 21%);
220
+ --t-border-color-control-disabled:hsl(0, 0%, 24%);
221
221
  --t-shadow-overflow-color:hsla(0, 0%, 0%, 0.6);
222
222
  }
223
223
 
@@ -227,7 +227,7 @@
227
227
  --t-text-color-headline:hsl(0, 0%, 94%);
228
228
  --t-text-color:hsl(0, 0%, 80%);
229
229
  --t-text-color-secondary:hsl(0, 0%, 54%);
230
- --t-text-color-disabled:hsl(0, 0%, 25%);
230
+ --t-text-color-disabled:hsl(0, 0%, 32%);
231
231
  --t-text-color-placeholder:hsl(0, 0%, 38%);
232
232
  --t-text-color-interaction:hsl(204, 68%, 55%);
233
233
  --t-text-color-interaction-hover:hsl(204, 68%, 50%);
@@ -289,10 +289,10 @@
289
289
  --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
290
290
  --t-fill-color-control:hsl(204, 100%, 35%);
291
291
  --t-fill-color-control-disabled:hsl(0, 0%, 20%);
292
- --t-fill-color-status-neutral-solid:hsl(0, 0%, 24%);
292
+ --t-fill-color-status-neutral:hsl(0, 0%, 24%);
293
293
  --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
294
294
  --t-fill-color-status-neutral-dim:hsl(0, 0%, 15%);
295
- --t-fill-color-status-info-solid:hsl(204, 100%, 35%);
295
+ --t-fill-color-status-info:hsl(204, 100%, 35%);
296
296
  --t-fill-color-status-info-ghost:hsl(204, 32%, 15%);
297
297
  --t-fill-color-status-info-dim:hsl(206, 22%, 15%);
298
298
  --t-fill-color-status-success-ghost:hsl(125, 17%, 15%);
@@ -370,10 +370,10 @@
370
370
  --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
371
371
  --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
372
372
  --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 12%);
373
- --t-fill-color-button-neutral-outline-dim:hsl(0, 0%, 15%);
374
- --t-fill-color-button-neutral-outline-dim-hover:hsl(0, 0%, 17%);
375
- --t-fill-color-button-neutral-outline-dim-active:hsl(0, 0%, 19%);
376
- --t-fill-color-button-neutral-outline-dim-disabled:hsl(0, 0%, 12%);
373
+ --t-fill-color-button-neutral-outline:hsl(0, 0%, 15%);
374
+ --t-fill-color-button-neutral-outline-hover:hsl(0, 0%, 17%);
375
+ --t-fill-color-button-neutral-outline-active:hsl(0, 0%, 19%);
376
+ --t-fill-color-button-neutral-outline-disabled:hsl(0, 0%, 12%);
377
377
  --t-fill-color-button-neutral-ghost:hsla(0, 0%, 0%, 0);
378
378
  --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
379
379
  --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
@@ -383,10 +383,10 @@
383
383
  --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
384
384
  --t-fill-color-button-interaction-solid-active:hsl(204, 80%, 45%);
385
385
  --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 12%);
386
- --t-fill-color-button-interaction-outline-dim:hsl(204, 32%, 15%);
387
- --t-fill-color-button-interaction-outline-dim-hover:hsl(204, 39%, 17%);
388
- --t-fill-color-button-interaction-outline-dim-active:hsl(205, 45%, 18%);
389
- --t-fill-color-button-interaction-outline-dim-disabled:hsl(0, 0%, 12%);
386
+ --t-fill-color-button-interaction-outline:hsl(204, 32%, 15%);
387
+ --t-fill-color-button-interaction-outline-hover:hsl(204, 39%, 17%);
388
+ --t-fill-color-button-interaction-outline-active:hsl(205, 45%, 18%);
389
+ --t-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 12%);
390
390
  --t-fill-color-button-interaction-ghost:hsla(0, 0%, 0%, 0);
391
391
  --t-fill-color-button-interaction-ghost-hover:hsl(204, 32%, 15%);
392
392
  --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
@@ -394,10 +394,10 @@
394
394
  --t-fill-color-button-delete-solid:hsl(8, 60%, 40%);
395
395
  --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
396
396
  --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 12%);
397
- --t-fill-color-button-delete-outline-dim:hsl(8, 20%, 16%);
398
- --t-fill-color-button-delete-outline-dim-hover:hsl(9, 24%, 17%);
399
- --t-fill-color-button-delete-outline-dim-active:hsl(9, 29%, 19%);
400
- --t-fill-color-button-delete-outline-dim-disabled:hsl(0, 0%, 12%);
397
+ --t-fill-color-button-delete-outline:hsl(8, 20%, 16%);
398
+ --t-fill-color-button-delete-outline-hover:hsl(9, 24%, 17%);
399
+ --t-fill-color-button-delete-outline-active:hsl(9, 29%, 19%);
400
+ --t-fill-color-button-delete-outline-disabled:hsl(0, 0%, 12%);
401
401
  --t-fill-color-button-delete-ghost:hsla(0, 0%, 0%, 0);
402
402
  --t-fill-color-button-delete-ghost-hover:hsl(8, 20%, 16%);
403
403
  --t-fill-color-button-delete-ghost-active:hsl(9, 24%, 17%);
@@ -441,7 +441,9 @@
441
441
  --t-border-color-button-delete:hsla(8, 60%, 47%, 0.25);
442
442
  --t-border-color-control-neutral:hsl(0, 0%, 33%);
443
443
  --t-border-color-control-info:hsl(204, 100%, 35%);
444
- --t-border-color-control-disabled:hsl(0, 0%, 21%);
444
+ --t-border-color-control-disabled:hsl(0, 0%, 24%);
445
445
  --t-shadow-overflow-color:hsla(0, 0%, 0%, 0.6);
446
446
  }
447
447
  }
448
+
449
+ /*# sourceMappingURL=tokens-dark.css.map */
package/dist/tokens-dark.css.map ADDED
@@ -0,0 +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-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-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"]}
package/dist/tokens-deprecated.css ADDED
@@ -0,0 +1,106 @@
1
+ :root{
2
+ --t-border-size-default:var(--t-border-width);
3
+ --t-border-size-thick:var(--t-border-width-thick);
4
+ --t-font-weight-semi-bold:var(--t-font-weight-semibold);
5
+ --t-icon-color-status-neutral-dark:var(--t-icon-color-status-neutral-bold);
6
+ --t-icon-color-status-info-secondary:var(--t-icon-color-status-info);
7
+ --t-fill-color-status-neutral-solid:var(--t-fill-color-status-neutral);
8
+ --t-fill-color-status-info-solid:var(--t-fill-color-status-info);
9
+ --t-fill-color-status-success-solid:var(--t-fill-color-status-success);
10
+ --t-fill-color-status-warning-solid:var(--t-fill-color-status-warning);
11
+ --t-fill-color-status-error-solid:var(--t-fill-color-status-error);
12
+ --t-fill-color-alert-info:hsl(204, 94%, 49%);
13
+ --t-fill-color-alert-success:hsl(122, 60%, 41%);
14
+ --t-fill-color-alert-warning:hsl(43, 96%, 58%);
15
+ --t-fill-color-alert-error:hsl(4, 77%, 59%);
16
+ --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 98%);
17
+ --t-fill-color-button-neutral-outline-dim-default:var(--t-fill-color-button-neutral-outline);
18
+ --t-fill-color-button-neutral-outline-dim-hover:var(--t-fill-color-button-neutral-outline-hover);
19
+ --t-fill-color-button-neutral-outline-dim-active:var(--t-fill-color-button-neutral-outline-active);
20
+ --t-fill-color-button-neutral-outline-dim-disabled:var(--t-fill-color-button-neutral-outline-disabled);
21
+ --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 98%);
22
+ --t-fill-color-button-interaction-outline-dim-default:var(--t-fill-color-button-interaction-outline);
23
+ --t-fill-color-button-interaction-outline-dim-hover:var(--t-fill-color-button-interaction-outline-hover);
24
+ --t-fill-color-button-interaction-outline-dim-active:var(--t-fill-color-button-interaction-outline-active);
25
+ --t-fill-color-button-interaction-outline-dim-disabled:var(--t-fill-color-button-interaction-outline-disabled);
26
+ --t-fill-color-button-create-solid-default:hsl(96, 57%, 33%);
27
+ --t-fill-color-button-create-solid-hover:hsl(97, 57%, 28%);
28
+ --t-fill-color-button-create-solid-active:hsl(97, 57%, 23%);
29
+ --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 81%);
30
+ --t-fill-color-button-create-ghost-default:hsla(0, 0%, 100%, 0);
31
+ --t-fill-color-button-create-ghost-hover:hsl(96, 60%, 95%);
32
+ --t-fill-color-button-create-ghost-active:hsl(97, 57%, 90%);
33
+ --t-fill-color-button-create-ghost-disabled:hsla(0, 0%, 100%, 0);
34
+ --t-fill-color-button-delete-outline-dim-default:var(--t-fill-color-button-delete-outline);
35
+ --t-fill-color-button-delete-outline-dim-hover:var(--t-fill-color-button-delete-outline-hover);
36
+ --t-fill-color-button-delete-outline-dim-active:var(--t-fill-color-button-delete-outline-active);
37
+ --t-fill-color-button-delete-outline-dim-disabled:var(--t-fill-color-button-delete-outline-disabled);
38
+ --t-border-color-default-base:var(--t-border-color);
39
+ --t-border-color-default-dark:var(--t-border-color-dark);
40
+ --t-border-color-default-darker:var(--t-border-color-darker);
41
+ --t-border-color-default-darkest:var(--t-border-color-darkest);
42
+ --t-border-color-default-dim:var(--t-border-color-dim);
43
+ --t-border-color-default-disabled:var(--t-border-color-disabled);
44
+ --t-border-color-default-white:var(--t-border-color-white);
45
+ --t-border-radius-default:var(--t-border-radius);
46
+ --t-border-width-default:var(--t-border-width);
47
+ --t-fill-color-button-delete-ghost-default:var(--t-fill-color-button-delete-ghost);
48
+ --t-fill-color-button-delete-outline-default:var(--t-fill-color-button-delete-outline);
49
+ --t-fill-color-button-delete-solid-default:var(--t-fill-color-button-delete-solid);
50
+ --t-fill-color-button-interaction-ghost-default:var(--t-fill-color-button-interaction-ghost);
51
+ --t-fill-color-button-interaction-outline-default:var(--t-fill-color-button-interaction-outline);
52
+ --t-fill-color-button-interaction-solid-default:var(--t-fill-color-button-interaction-solid);
53
+ --t-fill-color-button-neutral-ghost-default:var(--t-fill-color-button-neutral-ghost);
54
+ --t-fill-color-button-neutral-outline-default:var(--t-fill-color-button-neutral-outline);
55
+ --t-fill-color-button-neutral-responsive-header-default:var(--t-fill-color-button-neutral-responsive-header);
56
+ --t-fill-color-button-neutral-solid-default:var(--t-fill-color-button-neutral-solid);
57
+ --t-fill-color-button-pill-default:var(--t-fill-color-button-pill);
58
+ --t-fill-color-control-primary:var(--t-fill-color-control);
59
+ --t-fill-color-interaction-default:var(--t-fill-color-interaction);
60
+ --t-fill-color-product-staff-base:var(--t-fill-color-product-staff);
61
+ --t-fill-color-status-error-primary:var(--t-fill-color-status-error);
62
+ --t-fill-color-tooltip-primary:var(--t-fill-color-tooltip);
63
+ --t-icon-color-default-dim:var(--t-icon-color-dim);
64
+ --t-icon-color-default-disabled:var(--t-icon-color-disabled);
65
+ --t-icon-color-default-inverted:var(--t-icon-color-inverted);
66
+ --t-icon-color-default-primary:var(--t-icon-color);
67
+ --t-icon-color-default-secondary:var(--t-icon-color-secondary);
68
+ --t-icon-color-status-error-primary:var(--t-icon-color-status-error);
69
+ --t-icon-color-status-info-primary:var(--t-icon-color-status-info);
70
+ --t-icon-color-status-neutral-primary:var(--t-icon-color-status-neutral);
71
+ --t-icon-color-status-success-primary:var(--t-icon-color-status-success);
72
+ --t-icon-color-status-warning-primary:var(--t-icon-color-status-warning);
73
+ --t-text-color-default-disabled:var(--t-text-color-disabled);
74
+ --t-text-color-default-headline:var(--t-text-color-headline);
75
+ --t-text-color-default-inverted:var(--t-text-color-inverted);
76
+ --t-text-color-default-placeholder:var(--t-text-color-placeholder);
77
+ --t-text-color-default-primary:var(--t-text-color);
78
+ --t-text-color-default-secondary:var(--t-text-color-secondary);
79
+ --t-text-color-interaction-primary:var(--t-text-color-interaction);
80
+ }
81
+
82
+ :root[data-color-mode="dark"]{
83
+ --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 100%);
84
+ --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 100%);
85
+ --t-fill-color-button-create-solid-default:hsl(0, 0%, 25%);
86
+ --t-fill-color-button-create-solid-hover:hsl(0, 0%, 25%);
87
+ --t-fill-color-button-create-solid-active:hsl(0, 0%, 25%);
88
+ --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 25%);
89
+ --t-fill-color-button-create-ghost-hover:hsla(0, 0%, 100%, 0);
90
+ --t-fill-color-button-create-ghost-active:hsla(0, 0%, 100%, 0);
91
+ }
92
+
93
+ @media (prefers-color-scheme: dark){
94
+ :root[data-color-mode="system"]{
95
+ --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 100%);
96
+ --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 100%);
97
+ --t-fill-color-button-create-solid-default:hsl(0, 0%, 25%);
98
+ --t-fill-color-button-create-solid-hover:hsl(0, 0%, 25%);
99
+ --t-fill-color-button-create-solid-active:hsl(0, 0%, 25%);
100
+ --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 25%);
101
+ --t-fill-color-button-create-ghost-hover:hsla(0, 0%, 100%, 0);
102
+ --t-fill-color-button-create-ghost-active:hsla(0, 0%, 100%, 0);
103
+ }
104
+ }
105
+
106
+ /*# sourceMappingURL=tokens-deprecated.css.map */
package/dist/tokens-deprecated.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../tokens/dist/css/tokens-alias-deprecated.css","../../../tokens/dist/css/tokens-alias-deprecated-removed-segments.css","../../../tokens/dist/css/tokens-dark-deprecated.css","../../../tokens/dist/css/tokens-system-dark-deprecated.css"],"names":[],"mappings":"AAIA;EACE,6CAA8C;EAC9C,iDAAkD;EAClD,uDAAwD;EACxD,0EAA2E;EAC3E,oEAAqE;EACrE,sEAAuE;EACvE,gEAAiE;EACjE,sEAAuE;EACvE,sEAAuE;EACvE,kEAAmE;EACnE,4CAA6C;EAC7C,+CAAgD;EAChD,8CAA+C;EAC/C,2CAA4C;EAC5C,kEAAmE;EACnE,4FAA6F;EAC7F,gGAAiG;EACjG,kGAAmG;EACnG,sGAAuG;EACvG,wEAAyE;EACzE,oGAAqG;EACrG,wGAAyG;EACzG,0GAA2G;EAC3G,8GAA+G;EAC/G,4DAA6D;EAC7D,0DAA2D;EAC3D,2DAA4D;EAC5D,2DAA4D;EAC5D,+DAAgE;EAChE,0DAA2D;EAC3D,2DAA4D;EAC5D,gEAAiE;EACjE,0FAA2F;EAC3F,8FAA+F;EAC/F,gGAAiG;EACjG,oGAAqG;ECnCrG,mDAAoD;EACpD,wDAAyD;EACzD,4DAA6D;EAC7D,8DAA+D;EAC/D,sDAAuD;EACvD,gEAAiE;EACjE,0DAA2D;EAC3D,gDAAiD;EACjD,8CAA+C;EAC/C,kFAAmF;EACnF,sFAAuF;EACvF,kFAAmF;EACnF,4FAA6F;EAC7F,gGAAiG;EACjG,4FAA6F;EAC7F,oFAAqF;EACrF,wFAAyF;EACzF,4GAA6G;EAC7G,oFAAqF;EACrF,kEAAmE;EACnE,0DAA2D;EAC3D,kEAAmE;EACnE,mEAAoE;EACpE,oEAAqE;EACrE,0DAA2D;EAC3D,kDAAmD;EACnD,4DAA6D;EAC7D,4DAA6D;EAC7D,kDAAmD;EACnD,8DAA+D;EAC/D,oEAAqE;EACrE,kEAAmE;EACnE,wEAAyE;EACzE,wEAAyE;EACzE,wEAAyE;EACzE,4DAA6D;EAC7D,4DAA6D;EAC7D,4DAA6D;EAC7D,kEAAmE;EACnE,kDAAmD;EACnD,8DAA+D;EAC/D,kEAAmE;ADLrE;;AErCA;EACE,mEAAoE;EACpE,yEAA0E;EAC1E,0DAA2D;EAC3D,wDAAyD;EACzD,yDAA0D;EAC1D,2DAA4D;EAC5D,6DAA8D;EAC9D,8DAA+D;AACjE;;ACTA;AACA;EACE,mEAAoE;EACpE,yEAA0E;EAC1E,0DAA2D;EAC3D,wDAAyD;EACzD,yDAA0D;EAC1D,2DAA4D;EAC5D,6DAA8D;EAC9D,8DAA+D;AACjE;AACA","file":"tokens-deprecated.css","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --t-border-size-default: var(--t-border-width);\n --t-border-size-thick: var(--t-border-width-thick);\n --t-font-weight-semi-bold: var(--t-font-weight-semibold);\n --t-icon-color-status-neutral-dark: var(--t-icon-color-status-neutral-bold);\n --t-icon-color-status-info-secondary: var(--t-icon-color-status-info);\n --t-fill-color-status-neutral-solid: var(--t-fill-color-status-neutral);\n --t-fill-color-status-info-solid: var(--t-fill-color-status-info);\n --t-fill-color-status-success-solid: var(--t-fill-color-status-success);\n --t-fill-color-status-warning-solid: var(--t-fill-color-status-warning);\n --t-fill-color-status-error-solid: var(--t-fill-color-status-error);\n --t-fill-color-alert-info: hsl(204, 94%, 49%);\n --t-fill-color-alert-success: hsl(122, 60%, 41%);\n --t-fill-color-alert-warning: hsl(43, 96%, 58%);\n --t-fill-color-alert-error: hsl(4, 77%, 59%);\n --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 98%);\n --t-fill-color-button-neutral-outline-dim-default: var(--t-fill-color-button-neutral-outline);\n --t-fill-color-button-neutral-outline-dim-hover: var(--t-fill-color-button-neutral-outline-hover);\n --t-fill-color-button-neutral-outline-dim-active: var(--t-fill-color-button-neutral-outline-active);\n --t-fill-color-button-neutral-outline-dim-disabled: var(--t-fill-color-button-neutral-outline-disabled);\n --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 98%);\n --t-fill-color-button-interaction-outline-dim-default: var(--t-fill-color-button-interaction-outline);\n --t-fill-color-button-interaction-outline-dim-hover: var(--t-fill-color-button-interaction-outline-hover);\n --t-fill-color-button-interaction-outline-dim-active: var(--t-fill-color-button-interaction-outline-active);\n --t-fill-color-button-interaction-outline-dim-disabled: var(--t-fill-color-button-interaction-outline-disabled);\n --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);\n --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);\n --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);\n --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 81%);\n --t-fill-color-button-create-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-create-ghost-hover: hsl(96, 60%, 95%);\n --t-fill-color-button-create-ghost-active: hsl(97, 57%, 90%);\n --t-fill-color-button-create-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-outline-dim-default: var(--t-fill-color-button-delete-outline);\n --t-fill-color-button-delete-outline-dim-hover: var(--t-fill-color-button-delete-outline-hover);\n --t-fill-color-button-delete-outline-dim-active: var(--t-fill-color-button-delete-outline-active);\n --t-fill-color-button-delete-outline-dim-disabled: var(--t-fill-color-button-delete-outline-disabled);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --t-border-color-default-base: var(--t-border-color);\n --t-border-color-default-dark: var(--t-border-color-dark);\n --t-border-color-default-darker: var(--t-border-color-darker);\n --t-border-color-default-darkest: var(--t-border-color-darkest);\n --t-border-color-default-dim: var(--t-border-color-dim);\n --t-border-color-default-disabled: var(--t-border-color-disabled);\n --t-border-color-default-white: var(--t-border-color-white);\n --t-border-radius-default: var(--t-border-radius);\n --t-border-width-default: var(--t-border-width);\n --t-fill-color-button-delete-ghost-default: var(--t-fill-color-button-delete-ghost);\n --t-fill-color-button-delete-outline-default: var(--t-fill-color-button-delete-outline);\n --t-fill-color-button-delete-solid-default: var(--t-fill-color-button-delete-solid);\n --t-fill-color-button-interaction-ghost-default: var(--t-fill-color-button-interaction-ghost);\n --t-fill-color-button-interaction-outline-default: var(--t-fill-color-button-interaction-outline);\n --t-fill-color-button-interaction-solid-default: var(--t-fill-color-button-interaction-solid);\n --t-fill-color-button-neutral-ghost-default: var(--t-fill-color-button-neutral-ghost);\n --t-fill-color-button-neutral-outline-default: var(--t-fill-color-button-neutral-outline);\n --t-fill-color-button-neutral-responsive-header-default: var(--t-fill-color-button-neutral-responsive-header);\n --t-fill-color-button-neutral-solid-default: var(--t-fill-color-button-neutral-solid);\n --t-fill-color-button-pill-default: var(--t-fill-color-button-pill);\n --t-fill-color-control-primary: var(--t-fill-color-control);\n --t-fill-color-interaction-default: var(--t-fill-color-interaction);\n --t-fill-color-product-staff-base: var(--t-fill-color-product-staff);\n --t-fill-color-status-error-primary: var(--t-fill-color-status-error);\n --t-fill-color-tooltip-primary: var(--t-fill-color-tooltip);\n --t-icon-color-default-dim: var(--t-icon-color-dim);\n --t-icon-color-default-disabled: var(--t-icon-color-disabled);\n --t-icon-color-default-inverted: var(--t-icon-color-inverted);\n --t-icon-color-default-primary: var(--t-icon-color);\n --t-icon-color-default-secondary: var(--t-icon-color-secondary);\n --t-icon-color-status-error-primary: var(--t-icon-color-status-error);\n --t-icon-color-status-info-primary: var(--t-icon-color-status-info);\n --t-icon-color-status-neutral-primary: var(--t-icon-color-status-neutral);\n --t-icon-color-status-success-primary: var(--t-icon-color-status-success);\n --t-icon-color-status-warning-primary: var(--t-icon-color-status-warning);\n --t-text-color-default-disabled: var(--t-text-color-disabled);\n --t-text-color-default-headline: var(--t-text-color-headline);\n --t-text-color-default-inverted: var(--t-text-color-inverted);\n --t-text-color-default-placeholder: var(--t-text-color-placeholder);\n --t-text-color-default-primary: var(--t-text-color);\n --t-text-color-default-secondary: var(--t-text-color-secondary);\n --t-text-color-interaction-primary: var(--t-text-color-interaction);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root[data-color-mode=\"dark\"] {\n --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 100%);\n --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 100%);\n --t-fill-color-button-create-solid-default: hsl(0, 0%, 25%);\n --t-fill-color-button-create-solid-hover: hsl(0, 0%, 25%);\n --t-fill-color-button-create-solid-active: hsl(0, 0%, 25%);\n --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 25%);\n --t-fill-color-button-create-ghost-hover: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-create-ghost-active: hsla(0, 0%, 100%, 0);\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-button-neutral-ghost-disabled-solid: hsl(0, 0%, 100%);\n --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 100%);\n --t-fill-color-button-create-solid-default: hsl(0, 0%, 25%);\n --t-fill-color-button-create-solid-hover: hsl(0, 0%, 25%);\n --t-fill-color-button-create-solid-active: hsl(0, 0%, 25%);\n --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 25%);\n --t-fill-color-button-create-ghost-hover: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-create-ghost-active: hsla(0, 0%, 100%, 0);\n}\n}\n"]}
package/dist/tokens-deprecated.js ADDED
@@ -0,0 +1,3 @@
1
+ var undefined$1 = undefined;
2
+
3
+ export { undefined$1 as default };