@planningcenter/tapestry 2.6.0 → 2.6.1-qa-513.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 (77) 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/DropdownButton.js +1 -1
  5. package/dist/components/button/DropdownButton.js.map +1 -1
  6. package/dist/components/button/IconButton.js +1 -1
  7. package/dist/components/button/IconButton.js.map +1 -1
  8. package/dist/components/button/PageHeaderActionsDropdownButton.js +1 -1
  9. package/dist/components/button/PageHeaderActionsDropdownButton.js.map +1 -1
  10. package/dist/components/link/BaseLink.js +2 -2
  11. package/dist/components/link/BaseLink.js.map +1 -1
  12. package/dist/components/page-header/index.js +1 -1
  13. package/dist/components/sidenav/index.js +1 -1
  14. package/dist/index.css +264 -173
  15. package/dist/index.css.map +1 -1
  16. package/dist/index.d.ts +1 -0
  17. package/dist/index.d.ts.map +1 -1
  18. package/dist/reactRender.css +1241 -1150
  19. package/dist/reactRender.css.map +1 -1
  20. package/dist/reactRenderLegacy.css +1241 -1150
  21. package/dist/reactRenderLegacy.css.map +1 -1
  22. package/dist/tapestry-wc/dist/components/{p-5-Cvrlgk.js → p-BFofJs4X.js} +2 -2
  23. package/dist/tapestry-wc/dist/components/p-BFofJs4X.js.map +1 -0
  24. package/dist/tapestry-wc/dist/components/{p-D1rzJeWl.js → p-BeEJkvAo.js} +3 -3
  25. package/dist/tapestry-wc/dist/components/p-BeEJkvAo.js.map +1 -0
  26. package/dist/tapestry-wc/dist/components/{p-D0G2xpOq.js → p-DEm5QayP.js} +3 -3
  27. package/dist/tapestry-wc/dist/components/p-DEm5QayP.js.map +1 -0
  28. package/dist/tapestry-wc/dist/components/{p-DmP02I4b.js → p-W8KnNQAP.js} +3 -3
  29. package/dist/tapestry-wc/dist/components/p-W8KnNQAP.js.map +1 -0
  30. package/dist/tapestry-wc/dist/components/{p-74Cc2nEh.js → p-_HgLeFWa.js} +2 -2
  31. package/dist/tapestry-wc/dist/components/p-_HgLeFWa.js.map +1 -0
  32. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js +2 -2
  33. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js.map +1 -1
  34. package/dist/tapestry-wc/dist/components/tds-page-header.js +3 -3
  35. package/dist/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
  36. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js +3 -3
  37. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js.map +1 -1
  38. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js +2 -2
  39. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js.map +1 -1
  40. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js +3 -3
  41. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js.map +1 -1
  42. package/dist/tapestry-wc/dist/components/tds-sidenav.js +5 -5
  43. package/dist/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
  44. package/dist/tokens/tokens-deprecated.json +158 -0
  45. package/dist/tokens/ts/react-native-tokens.d.ts +190 -54
  46. package/dist/tokens/ts/react-native-tokens.d.ts.map +1 -1
  47. package/dist/tokens/ts/react-native-tokens.js +92 -55
  48. package/dist/tokens/ts/react-native-tokens.js.map +1 -1
  49. package/dist/tokens/ts/tokens.d.ts +72 -54
  50. package/dist/tokens/ts/tokens.d.ts.map +1 -1
  51. package/dist/tokens/ts/tokens.js +72 -54
  52. package/dist/tokens/ts/tokens.js.map +1 -1
  53. package/dist/tokens-dark.css +90 -88
  54. package/dist/tokens-dark.css.map +1 -0
  55. package/dist/tokens-dark.js +1 -0
  56. package/dist/tokens-deprecated.css +109 -0
  57. package/dist/tokens-deprecated.css.map +1 -0
  58. package/dist/tokens-deprecated.d.ts +5 -0
  59. package/dist/tokens-deprecated.d.ts.map +1 -0
  60. package/dist/tokens-deprecated.js +1 -0
  61. package/dist/tokens.css +154 -172
  62. package/dist/tokens.css.map +1 -1
  63. package/dist/tokens.d.ts +3 -2
  64. package/dist/tokens.d.ts.map +1 -1
  65. package/dist/unstable.css +271 -180
  66. package/dist/unstable.css.map +1 -1
  67. package/dist/utilities/Icon.d.ts.map +1 -1
  68. package/dist/utilities/Icon.js +12 -19
  69. package/dist/utilities/Icon.js.map +1 -1
  70. package/package.json +7 -6
  71. package/dist/deprecated.css +0 -25
  72. package/dist/tapestry-wc/dist/components/p-5-Cvrlgk.js.map +0 -1
  73. package/dist/tapestry-wc/dist/components/p-74Cc2nEh.js.map +0 -1
  74. package/dist/tapestry-wc/dist/components/p-D0G2xpOq.js.map +0 -1
  75. package/dist/tapestry-wc/dist/components/p-D1rzJeWl.js.map +0 -1
  76. package/dist/tapestry-wc/dist/components/p-DmP02I4b.js.map +0 -1
  77. package/dist/tokens-dark-combined.js +0 -3
package/dist/tokens/ts/tokens.d.ts CHANGED
@@ -7,8 +7,8 @@ export declare const tokens: {
7
7
  "--t-border-radius-lg": "8px";
8
8
  "--t-border-radius-xl": "16px";
9
9
  "--t-border-radius-round": "56px";
10
- "--t-border-radius-default": "4px";
11
- "--t-border-width-default": "1px";
10
+ "--t-border-radius": "4px";
11
+ "--t-border-width": "1px";
12
12
  "--t-border-width-thick": "2px";
13
13
  "--t-border-size-default": "1px";
14
14
  "--t-border-size-thick": "2px";
@@ -21,6 +21,7 @@ export declare const tokens: {
21
21
  "--t-spacing-7": "56px";
22
22
  "--t-spacing-fourth": "2px";
23
23
  "--t-spacing-half": "4px";
24
+ "--t-spacing-1-half": "12px";
24
25
  "--t-element-size-3xl": "48px";
25
26
  "--t-element-size-2xl": "32px";
26
27
  "--t-element-size-xl": "24px";
@@ -53,13 +54,13 @@ export declare const tokens: {
53
54
  "--t-avatar-size-48": "48px";
54
55
  "--t-avatar-size-72": "72px";
55
56
  "--t-avatar-size-112": "112px";
56
- "--t-text-color-default-headline": "hsl(0, 0%, 12%)";
57
- "--t-text-color-default-primary": "hsl(0, 0%, 24%)";
58
- "--t-text-color-default-secondary": "hsl(0, 0%, 42%)";
59
- "--t-text-color-default-disabled": "hsl(0, 0%, 81%)";
60
- "--t-text-color-default-placeholder": "hsl(0, 0%, 58%)";
61
- "--t-text-color-default-inverted": "hsl(0, 0%, 100%)";
62
- "--t-text-color-interaction-primary": "hsl(204, 100%, 40%)";
57
+ "--t-text-color-headline": "hsl(0, 0%, 12%)";
58
+ "--t-text-color": "hsl(0, 0%, 24%)";
59
+ "--t-text-color-secondary": "hsl(0, 0%, 42%)";
60
+ "--t-text-color-disabled": "hsl(0, 0%, 81%)";
61
+ "--t-text-color-placeholder": "hsl(0, 0%, 58%)";
62
+ "--t-text-color-inverted": "hsl(0, 0%, 100%)";
63
+ "--t-text-color-interaction": "hsl(204, 100%, 40%)";
63
64
  "--t-text-color-interaction-hover": "hsl(204, 100%, 35%)";
64
65
  "--t-text-color-interaction-active": "hsl(204, 100%, 30%)";
65
66
  "--t-text-color-interaction-visited": "hsl(204, 100%, 30%)";
@@ -90,21 +91,21 @@ export declare const tokens: {
90
91
  "--t-text-color-tag-bold-pink": "hsl(327, 88%, 20%)";
91
92
  "--t-text-color-tag-bold-purple": "hsl(268, 71%, 27%)";
92
93
  "--t-text-color-tag-bold-magenta": "hsl(285, 71%, 20%)";
93
- "--t-icon-color-default-primary": "hsl(0, 0%, 24%)";
94
- "--t-icon-color-default-secondary": "hsl(0, 0%, 42%)";
95
- "--t-icon-color-default-dim": "hsl(0, 0%, 58%)";
96
- "--t-icon-color-default-disabled": "hsl(0, 0%, 81%)";
97
- "--t-icon-color-default-inverted": "hsl(0, 0%, 100%)";
98
- "--t-icon-color-status-neutral-primary": "hsl(0, 0%, 42%)";
94
+ "--t-icon-color": "hsl(0, 0%, 24%)";
95
+ "--t-icon-color-secondary": "hsl(0, 0%, 42%)";
96
+ "--t-icon-color-dim": "hsl(0, 0%, 58%)";
97
+ "--t-icon-color-disabled": "hsl(0, 0%, 81%)";
98
+ "--t-icon-color-inverted": "hsl(0, 0%, 100%)";
99
+ "--t-icon-color-status-neutral": "hsl(0, 0%, 42%)";
99
100
  "--t-icon-color-status-neutral-secondary": "hsl(0, 0%, 58%)";
100
101
  "--t-icon-color-status-neutral-bold": "hsl(0, 0%, 24%)";
101
102
  "--t-icon-color-status-neutral-dark": "hsl(0, 0%, 24%)";
102
- "--t-icon-color-status-info-primary": "hsl(204, 100%, 40%)";
103
+ "--t-icon-color-status-info": "hsl(204, 100%, 40%)";
103
104
  "--t-icon-color-status-info-secondary": "hsl(204, 100%, 40%)";
104
- "--t-icon-color-status-success-primary": "hsl(96, 57%, 33%)";
105
+ "--t-icon-color-status-success": "hsl(96, 57%, 33%)";
105
106
  "--t-icon-color-status-success-secondary": "hsl(97, 57%, 40%)";
106
- "--t-icon-color-status-warning-primary": "hsl(42, 84%, 49%)";
107
- "--t-icon-color-status-error-primary": "hsl(8, 60%, 47%)";
107
+ "--t-icon-color-status-warning": "hsl(42, 84%, 49%)";
108
+ "--t-icon-color-status-error": "hsl(8, 60%, 47%)";
108
109
  "--t-fill-color-neutral-100": "hsl(0, 0%, 100%)";
109
110
  "--t-fill-color-neutral-000": "hsl(0, 0%, 12%)";
110
111
  "--t-fill-color-neutral-010": "hsl(0, 0%, 24%)";
@@ -117,36 +118,41 @@ export declare const tokens: {
117
118
  "--t-fill-color-neutral-070": "hsl(0, 0%, 95%)";
118
119
  "--t-fill-color-neutral-080": "hsl(0, 0%, 97%)";
119
120
  "--t-fill-color-neutral-090": "hsl(0, 0%, 98%)";
120
- "--t-fill-color-interaction-default": "hsl(204, 100%, 40%)";
121
+ "--t-fill-color-interaction": "hsl(204, 100%, 40%)";
121
122
  "--t-fill-color-interaction-hover": "hsl(204, 100%, 35%)";
122
123
  "--t-fill-color-interaction-active": "hsl(204, 100%, 30%)";
123
124
  "--t-fill-color-interaction-disabled": "hsl(0, 0%, 81%)";
124
125
  "--t-fill-color-control-neutral-off": "hsl(0, 0%, 58%)";
125
126
  "--t-fill-color-control-neutral-on": "hsl(0, 0%, 24%)";
126
- "--t-fill-color-control-primary": "hsl(204, 100%, 40%)";
127
+ "--t-fill-color-control": "hsl(204, 100%, 40%)";
127
128
  "--t-fill-color-control-secondary": "hsl(97, 57%, 40%)";
128
129
  "--t-fill-color-control-error": "hsl(8, 60%, 47%)";
129
130
  "--t-fill-color-control-disabled": "hsl(0, 0%, 81%)";
130
- "--t-fill-color-status-neutral-solid": "hsl(0, 0%, 42%)";
131
+ "--t-fill-color-status-neutral": "hsl(0, 0%, 42%)";
131
132
  "--t-fill-color-status-neutral-ghost": "hsl(0, 0%, 93%)";
132
133
  "--t-fill-color-status-neutral-dim": "hsl(0, 0%, 97%)";
133
- "--t-fill-color-status-info-solid": "hsl(204, 100%, 40%)";
134
+ "--t-fill-color-status-neutral-solid": "hsl(0, 0%, 42%)";
135
+ "--t-fill-color-status-info": "hsl(204, 100%, 40%)";
134
136
  "--t-fill-color-status-info-ghost": "hsl(203, 94%, 94%)";
135
137
  "--t-fill-color-status-info-dim": "hsl(204, 100%, 97%)";
136
- "--t-fill-color-status-success-solid": "hsl(96, 57%, 33%)";
138
+ "--t-fill-color-status-info-solid": "hsl(204, 100%, 40%)";
139
+ "--t-fill-color-status-success": "hsl(96, 57%, 33%)";
137
140
  "--t-fill-color-status-success-ghost": "hsl(97, 57%, 90%)";
138
141
  "--t-fill-color-status-success-dim": "hsl(96, 60%, 95%)";
139
- "--t-fill-color-status-warning-solid": "hsl(42, 84%, 63%)";
142
+ "--t-fill-color-status-success-solid": "hsl(96, 57%, 33%)";
143
+ "--t-fill-color-status-warning": "hsl(42, 84%, 63%)";
140
144
  "--t-fill-color-status-warning-ghost": "hsl(42, 87%, 94%)";
141
145
  "--t-fill-color-status-warning-dim": "hsl(42, 87%, 97%)";
142
- "--t-fill-color-status-error-solid": "hsl(8, 60%, 47%)";
146
+ "--t-fill-color-status-warning-solid": "hsl(42, 84%, 63%)";
147
+ "--t-fill-color-status-error": "hsl(8, 60%, 47%)";
143
148
  "--t-fill-color-status-error-ghost": "hsl(9, 59%, 93%)";
144
149
  "--t-fill-color-status-error-dim": "hsl(7, 60%, 97%)";
150
+ "--t-fill-color-status-error-solid": "hsl(8, 60%, 47%)";
145
151
  "--t-fill-color-alert-info": "hsl(204, 94%, 49%)";
146
152
  "--t-fill-color-alert-success": "hsl(122, 60%, 41%)";
147
153
  "--t-fill-color-alert-warning": "hsl(43, 96%, 58%)";
148
154
  "--t-fill-color-alert-error": "hsl(4, 77%, 59%)";
149
- "--t-fill-color-tooltip-primary": "hsla(0, 0%, 12%, 0.9)";
155
+ "--t-fill-color-tooltip": "hsla(0, 0%, 12%, 0.9)";
150
156
  "--t-fill-color-product-accounts-010": "hsl(212, 54%, 93%)";
151
157
  "--t-fill-color-product-accounts-020": "hsl(209, 53%, 90%)";
152
158
  "--t-fill-color-product-accounts-030": "hsl(210, 56%, 70%)";
@@ -227,7 +233,7 @@ export declare const tokens: {
227
233
  "--t-fill-color-product-services-060": "hsl(89, 62%, 31%)";
228
234
  "--t-fill-color-product-services-070": "hsl(89, 62%, 26%)";
229
235
  "--t-fill-color-product-services-080": "hsl(89, 63%, 21%)";
230
- "--t-fill-color-product-staff-base": "hsl(328, 100%, 45%)";
236
+ "--t-fill-color-product-staff": "hsl(328, 100%, 45%)";
231
237
  "--t-fill-color-product-staff-dark": "hsl(328, 100%, 38%)";
232
238
  "--t-fill-color-product-staff-darker": "hsl(328, 100%, 33%)";
233
239
  "--t-fill-color-product-accounts-gradient-brand": "linear-gradient(135deg, hsl(203, 86%, 57%), hsl(220, 76%, 57%))";
@@ -307,36 +313,44 @@ export declare const tokens: {
307
313
  "--t-fill-color-tag-indigo-020": "hsl(233, 79%, 87%)";
308
314
  "--t-fill-color-tag-indigo-030": "hsl(233, 77%, 81%)";
309
315
  "--t-fill-color-tag-indigo-040": "hsl(236, 79%, 74%)";
310
- "--t-fill-color-button-neutral-solid-default": "hsl(0, 0%, 93%)";
316
+ "--t-fill-color-button-neutral-solid": "hsl(0, 0%, 93%)";
311
317
  "--t-fill-color-button-neutral-solid-hover": "hsl(0, 0%, 88%)";
312
318
  "--t-fill-color-button-neutral-solid-active": "hsl(0, 0%, 81%)";
313
319
  "--t-fill-color-button-neutral-solid-disabled": "hsl(0, 0%, 95%)";
314
- "--t-fill-color-button-neutral-outline-dim-default": "hsla(0, 0%, 100%, 0)";
315
- "--t-fill-color-button-neutral-outline-dim-hover": "hsl(0, 0%, 95%)";
316
- "--t-fill-color-button-neutral-outline-dim-active": "hsl(0, 0%, 93%)";
317
- "--t-fill-color-button-neutral-outline-dim-disabled": "hsl(0, 0%, 98%)";
318
- "--t-fill-color-button-neutral-outline-dim-disabled-solid": "hsl(0, 0%, 98%)";
319
- "--t-fill-color-button-neutral-ghost-default": "hsla(0, 0%, 100%, 0)";
320
+ "--t-fill-color-button-neutral-outline": "hsla(0, 0%, 100%, 0)";
321
+ "--t-fill-color-button-neutral-outline-hover": "hsl(0, 0%, 95%)";
322
+ "--t-fill-color-button-neutral-outline-active": "hsl(0, 0%, 93%)";
323
+ "--t-fill-color-button-neutral-outline-disabled": "hsl(0, 0%, 98%)";
324
+ "--t-fill-color-button-neutral-ghost": "hsla(0, 0%, 100%, 0)";
320
325
  "--t-fill-color-button-neutral-ghost-hover": "hsl(0, 0%, 95%)";
321
326
  "--t-fill-color-button-neutral-ghost-active": "hsl(0, 0%, 93%)";
322
327
  "--t-fill-color-button-neutral-ghost-disabled": "hsla(0, 0%, 100%, 0)";
323
328
  "--t-fill-color-button-neutral-ghost-disabled-solid": "hsl(0, 0%, 98%)";
324
- "--t-fill-color-button-neutral-responsive-header-default": "hsla(0, 0%, 0%, 0.1)";
329
+ "--t-fill-color-button-neutral-responsive-header": "hsla(0, 0%, 0%, 0.1)";
325
330
  "--t-fill-color-button-neutral-responsive-header-hover": "hsla(0, 0%, 0%, 0.2)";
326
331
  "--t-fill-color-button-neutral-responsive-header-active": "hsla(0, 0%, 0%, 0.3)";
327
332
  "--t-fill-color-button-neutral-responsive-header-disabled": "hsla(0, 0%, 0%, 0.05)";
328
- "--t-fill-color-button-interaction-solid-default": "hsl(204, 100%, 40%)";
333
+ "--t-fill-color-button-neutral-outline-dim-default": "hsla(0, 0%, 100%, 0)";
334
+ "--t-fill-color-button-neutral-outline-dim-hover": "hsl(0, 0%, 95%)";
335
+ "--t-fill-color-button-neutral-outline-dim-active": "hsl(0, 0%, 93%)";
336
+ "--t-fill-color-button-neutral-outline-dim-disabled": "hsl(0, 0%, 98%)";
337
+ "--t-fill-color-button-neutral-outline-dim-disabled-solid": "hsl(0, 0%, 98%)";
338
+ "--t-fill-color-button-interaction-solid": "hsl(204, 100%, 40%)";
329
339
  "--t-fill-color-button-interaction-solid-hover": "hsl(204, 100%, 35%)";
330
340
  "--t-fill-color-button-interaction-solid-active": "hsl(204, 100%, 30%)";
331
341
  "--t-fill-color-button-interaction-solid-disabled": "hsl(0, 0%, 95%)";
342
+ "--t-fill-color-button-interaction-outline": "hsla(0, 0%, 100%, 0)";
343
+ "--t-fill-color-button-interaction-outline-hover": "hsl(204, 100%, 97%)";
344
+ "--t-fill-color-button-interaction-outline-active": "hsl(203, 94%, 94%)";
345
+ "--t-fill-color-button-interaction-outline-disabled": "hsl(0, 0%, 98%)";
346
+ "--t-fill-color-button-interaction-ghost": "hsla(0, 0%, 100%, 0)";
347
+ "--t-fill-color-button-interaction-ghost-hover": "hsl(204, 100%, 97%)";
348
+ "--t-fill-color-button-interaction-ghost-active": "hsl(203, 94%, 94%)";
349
+ "--t-fill-color-button-interaction-ghost-disabled": "hsla(0, 0%, 100%, 0)";
332
350
  "--t-fill-color-button-interaction-outline-dim-default": "hsla(0, 0%, 100%, 0)";
333
351
  "--t-fill-color-button-interaction-outline-dim-hover": "hsl(204, 100%, 97%)";
334
352
  "--t-fill-color-button-interaction-outline-dim-active": "hsl(203, 94%, 94%)";
335
353
  "--t-fill-color-button-interaction-outline-dim-disabled": "hsl(0, 0%, 98%)";
336
- "--t-fill-color-button-interaction-ghost-default": "hsla(0, 0%, 100%, 0)";
337
- "--t-fill-color-button-interaction-ghost-hover": "hsl(204, 100%, 97%)";
338
- "--t-fill-color-button-interaction-ghost-active": "hsl(203, 94%, 94%)";
339
- "--t-fill-color-button-interaction-ghost-disabled": "hsla(0, 0%, 100%, 0)";
340
354
  "--t-fill-color-button-create-solid-default": "hsl(96, 57%, 33%)";
341
355
  "--t-fill-color-button-create-solid-hover": "hsl(97, 57%, 28%)";
342
356
  "--t-fill-color-button-create-solid-active": "hsl(97, 57%, 23%)";
@@ -345,19 +359,23 @@ export declare const tokens: {
345
359
  "--t-fill-color-button-create-ghost-hover": "hsl(96, 60%, 95%)";
346
360
  "--t-fill-color-button-create-ghost-active": "hsl(97, 57%, 90%)";
347
361
  "--t-fill-color-button-create-ghost-disabled": "hsla(0, 0%, 100%, 0)";
348
- "--t-fill-color-button-delete-solid-default": "hsl(8, 60%, 47%)";
362
+ "--t-fill-color-button-delete-solid": "hsl(8, 60%, 47%)";
349
363
  "--t-fill-color-button-delete-solid-hover": "hsl(8, 60%, 45%)";
350
364
  "--t-fill-color-button-delete-solid-active": "hsl(8, 60%, 40%)";
351
365
  "--t-fill-color-button-delete-solid-disabled": "hsl(0, 0%, 95%)";
366
+ "--t-fill-color-button-delete-outline": "hsla(0, 0%, 100%, 0)";
367
+ "--t-fill-color-button-delete-outline-hover": "hsl(7, 60%, 97%)";
368
+ "--t-fill-color-button-delete-outline-active": "hsl(9, 59%, 93%)";
369
+ "--t-fill-color-button-delete-outline-disabled": "hsl(0, 0%, 98%)";
370
+ "--t-fill-color-button-delete-ghost": "hsla(0, 0%, 100%, 0)";
371
+ "--t-fill-color-button-delete-ghost-hover": "hsl(7, 60%, 97%)";
372
+ "--t-fill-color-button-delete-ghost-active": "hsl(9, 59%, 93%)";
373
+ "--t-fill-color-button-delete-ghost-disabled": "hsla(0, 0%, 100%, 0)";
352
374
  "--t-fill-color-button-delete-outline-dim-default": "hsla(0, 0%, 100%, 0)";
353
375
  "--t-fill-color-button-delete-outline-dim-hover": "hsl(7, 60%, 97%)";
354
376
  "--t-fill-color-button-delete-outline-dim-active": "hsl(9, 59%, 93%)";
355
377
  "--t-fill-color-button-delete-outline-dim-disabled": "hsl(0, 0%, 98%)";
356
- "--t-fill-color-button-delete-ghost-default": "hsla(0, 0%, 100%, 0)";
357
- "--t-fill-color-button-delete-ghost-hover": "hsl(7, 60%, 97%)";
358
- "--t-fill-color-button-delete-ghost-active": "hsl(9, 59%, 93%)";
359
- "--t-fill-color-button-delete-ghost-disabled": "hsla(0, 0%, 100%, 0)";
360
- "--t-fill-color-button-pill-default": "hsl(0, 0%, 93%)";
378
+ "--t-fill-color-button-pill": "hsl(0, 0%, 93%)";
361
379
  "--t-fill-color-button-pill-hover": "hsl(0, 0%, 88%)";
362
380
  "--t-fill-color-button-pill-active": "hsl(0, 0%, 88%)";
363
381
  "--t-fill-color-button-pill-disabled": "hsl(0, 0%, 93%)";
@@ -390,13 +408,13 @@ export declare const tokens: {
390
408
  "--t-fill-color-transparency-dark-static-090": "hsla(0, 0%, 0%, 0.9)";
391
409
  "--t-surface-color-card": "hsl(0, 0%, 100%)";
392
410
  "--t-surface-color-canvas": "hsl(0, 0%, 100%)";
393
- "--t-border-color-default-base": "hsl(0, 0%, 88%)";
394
- "--t-border-color-default-dark": "hsl(0, 0%, 81%)";
395
- "--t-border-color-default-darker": "hsl(0, 0%, 68%)";
396
- "--t-border-color-default-darkest": "hsl(0, 0%, 58%)";
397
- "--t-border-color-default-disabled": "hsl(0, 0%, 88%)";
398
- "--t-border-color-default-dim": "hsl(0, 0%, 95%)";
399
- "--t-border-color-default-white": "hsl(0, 0%, 100%)";
411
+ "--t-border-color": "hsl(0, 0%, 88%)";
412
+ "--t-border-color-dark": "hsl(0, 0%, 81%)";
413
+ "--t-border-color-darker": "hsl(0, 0%, 68%)";
414
+ "--t-border-color-darkest": "hsl(0, 0%, 58%)";
415
+ "--t-border-color-disabled": "hsl(0, 0%, 88%)";
416
+ "--t-border-color-dim": "hsl(0, 0%, 95%)";
417
+ "--t-border-color-white": "hsl(0, 0%, 100%)";
400
418
  "--t-border-color-status-neutral": "hsl(0, 0%, 58%)";
401
419
  "--t-border-color-status-info": "hsl(204, 100%, 40%)";
402
420
  "--t-border-color-status-success": "hsl(97, 57%, 40%)";
package/dist/tokens/ts/tokens.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/tokens/ts/tokens.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8alB,CAAA"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/tokens/ts/tokens.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgclB,CAAA"}
package/dist/tokens/ts/tokens.js CHANGED
@@ -7,8 +7,8 @@ const tokens = {
7
7
  "--t-border-radius-lg": "8px",
8
8
  "--t-border-radius-xl": "16px",
9
9
  "--t-border-radius-round": "56px",
10
- "--t-border-radius-default": "4px",
11
- "--t-border-width-default": "1px",
10
+ "--t-border-radius": "4px",
11
+ "--t-border-width": "1px",
12
12
  "--t-border-width-thick": "2px",
13
13
  "--t-border-size-default": "1px",
14
14
  "--t-border-size-thick": "2px",
@@ -21,6 +21,7 @@ const tokens = {
21
21
  "--t-spacing-7": "56px",
22
22
  "--t-spacing-fourth": "2px",
23
23
  "--t-spacing-half": "4px",
24
+ "--t-spacing-1-half": "12px",
24
25
  "--t-element-size-3xl": "48px",
25
26
  "--t-element-size-2xl": "32px",
26
27
  "--t-element-size-xl": "24px",
@@ -53,13 +54,13 @@ const tokens = {
53
54
  "--t-avatar-size-48": "48px",
54
55
  "--t-avatar-size-72": "72px",
55
56
  "--t-avatar-size-112": "112px",
56
- "--t-text-color-default-headline": "hsl(0, 0%, 12%)",
57
- "--t-text-color-default-primary": "hsl(0, 0%, 24%)",
58
- "--t-text-color-default-secondary": "hsl(0, 0%, 42%)",
59
- "--t-text-color-default-disabled": "hsl(0, 0%, 81%)",
60
- "--t-text-color-default-placeholder": "hsl(0, 0%, 58%)",
61
- "--t-text-color-default-inverted": "hsl(0, 0%, 100%)",
62
- "--t-text-color-interaction-primary": "hsl(204, 100%, 40%)",
57
+ "--t-text-color-headline": "hsl(0, 0%, 12%)",
58
+ "--t-text-color": "hsl(0, 0%, 24%)",
59
+ "--t-text-color-secondary": "hsl(0, 0%, 42%)",
60
+ "--t-text-color-disabled": "hsl(0, 0%, 81%)",
61
+ "--t-text-color-placeholder": "hsl(0, 0%, 58%)",
62
+ "--t-text-color-inverted": "hsl(0, 0%, 100%)",
63
+ "--t-text-color-interaction": "hsl(204, 100%, 40%)",
63
64
  "--t-text-color-interaction-hover": "hsl(204, 100%, 35%)",
64
65
  "--t-text-color-interaction-active": "hsl(204, 100%, 30%)",
65
66
  "--t-text-color-interaction-visited": "hsl(204, 100%, 30%)",
@@ -90,21 +91,21 @@ const tokens = {
90
91
  "--t-text-color-tag-bold-pink": "hsl(327, 88%, 20%)",
91
92
  "--t-text-color-tag-bold-purple": "hsl(268, 71%, 27%)",
92
93
  "--t-text-color-tag-bold-magenta": "hsl(285, 71%, 20%)",
93
- "--t-icon-color-default-primary": "hsl(0, 0%, 24%)",
94
- "--t-icon-color-default-secondary": "hsl(0, 0%, 42%)",
95
- "--t-icon-color-default-dim": "hsl(0, 0%, 58%)",
96
- "--t-icon-color-default-disabled": "hsl(0, 0%, 81%)",
97
- "--t-icon-color-default-inverted": "hsl(0, 0%, 100%)",
98
- "--t-icon-color-status-neutral-primary": "hsl(0, 0%, 42%)",
94
+ "--t-icon-color": "hsl(0, 0%, 24%)",
95
+ "--t-icon-color-secondary": "hsl(0, 0%, 42%)",
96
+ "--t-icon-color-dim": "hsl(0, 0%, 58%)",
97
+ "--t-icon-color-disabled": "hsl(0, 0%, 81%)",
98
+ "--t-icon-color-inverted": "hsl(0, 0%, 100%)",
99
+ "--t-icon-color-status-neutral": "hsl(0, 0%, 42%)",
99
100
  "--t-icon-color-status-neutral-secondary": "hsl(0, 0%, 58%)",
100
101
  "--t-icon-color-status-neutral-bold": "hsl(0, 0%, 24%)",
101
102
  "--t-icon-color-status-neutral-dark": "hsl(0, 0%, 24%)",
102
- "--t-icon-color-status-info-primary": "hsl(204, 100%, 40%)",
103
+ "--t-icon-color-status-info": "hsl(204, 100%, 40%)",
103
104
  "--t-icon-color-status-info-secondary": "hsl(204, 100%, 40%)",
104
- "--t-icon-color-status-success-primary": "hsl(96, 57%, 33%)",
105
+ "--t-icon-color-status-success": "hsl(96, 57%, 33%)",
105
106
  "--t-icon-color-status-success-secondary": "hsl(97, 57%, 40%)",
106
- "--t-icon-color-status-warning-primary": "hsl(42, 84%, 49%)",
107
- "--t-icon-color-status-error-primary": "hsl(8, 60%, 47%)",
107
+ "--t-icon-color-status-warning": "hsl(42, 84%, 49%)",
108
+ "--t-icon-color-status-error": "hsl(8, 60%, 47%)",
108
109
  "--t-fill-color-neutral-100": "hsl(0, 0%, 100%)",
109
110
  "--t-fill-color-neutral-000": "hsl(0, 0%, 12%)",
110
111
  "--t-fill-color-neutral-010": "hsl(0, 0%, 24%)",
@@ -117,36 +118,41 @@ const tokens = {
117
118
  "--t-fill-color-neutral-070": "hsl(0, 0%, 95%)",
118
119
  "--t-fill-color-neutral-080": "hsl(0, 0%, 97%)",
119
120
  "--t-fill-color-neutral-090": "hsl(0, 0%, 98%)",
120
- "--t-fill-color-interaction-default": "hsl(204, 100%, 40%)",
121
+ "--t-fill-color-interaction": "hsl(204, 100%, 40%)",
121
122
  "--t-fill-color-interaction-hover": "hsl(204, 100%, 35%)",
122
123
  "--t-fill-color-interaction-active": "hsl(204, 100%, 30%)",
123
124
  "--t-fill-color-interaction-disabled": "hsl(0, 0%, 81%)",
124
125
  "--t-fill-color-control-neutral-off": "hsl(0, 0%, 58%)",
125
126
  "--t-fill-color-control-neutral-on": "hsl(0, 0%, 24%)",
126
- "--t-fill-color-control-primary": "hsl(204, 100%, 40%)",
127
+ "--t-fill-color-control": "hsl(204, 100%, 40%)",
127
128
  "--t-fill-color-control-secondary": "hsl(97, 57%, 40%)",
128
129
  "--t-fill-color-control-error": "hsl(8, 60%, 47%)",
129
130
  "--t-fill-color-control-disabled": "hsl(0, 0%, 81%)",
130
- "--t-fill-color-status-neutral-solid": "hsl(0, 0%, 42%)",
131
+ "--t-fill-color-status-neutral": "hsl(0, 0%, 42%)",
131
132
  "--t-fill-color-status-neutral-ghost": "hsl(0, 0%, 93%)",
132
133
  "--t-fill-color-status-neutral-dim": "hsl(0, 0%, 97%)",
133
- "--t-fill-color-status-info-solid": "hsl(204, 100%, 40%)",
134
+ "--t-fill-color-status-neutral-solid": "hsl(0, 0%, 42%)",
135
+ "--t-fill-color-status-info": "hsl(204, 100%, 40%)",
134
136
  "--t-fill-color-status-info-ghost": "hsl(203, 94%, 94%)",
135
137
  "--t-fill-color-status-info-dim": "hsl(204, 100%, 97%)",
136
- "--t-fill-color-status-success-solid": "hsl(96, 57%, 33%)",
138
+ "--t-fill-color-status-info-solid": "hsl(204, 100%, 40%)",
139
+ "--t-fill-color-status-success": "hsl(96, 57%, 33%)",
137
140
  "--t-fill-color-status-success-ghost": "hsl(97, 57%, 90%)",
138
141
  "--t-fill-color-status-success-dim": "hsl(96, 60%, 95%)",
139
- "--t-fill-color-status-warning-solid": "hsl(42, 84%, 63%)",
142
+ "--t-fill-color-status-success-solid": "hsl(96, 57%, 33%)",
143
+ "--t-fill-color-status-warning": "hsl(42, 84%, 63%)",
140
144
  "--t-fill-color-status-warning-ghost": "hsl(42, 87%, 94%)",
141
145
  "--t-fill-color-status-warning-dim": "hsl(42, 87%, 97%)",
142
- "--t-fill-color-status-error-solid": "hsl(8, 60%, 47%)",
146
+ "--t-fill-color-status-warning-solid": "hsl(42, 84%, 63%)",
147
+ "--t-fill-color-status-error": "hsl(8, 60%, 47%)",
143
148
  "--t-fill-color-status-error-ghost": "hsl(9, 59%, 93%)",
144
149
  "--t-fill-color-status-error-dim": "hsl(7, 60%, 97%)",
150
+ "--t-fill-color-status-error-solid": "hsl(8, 60%, 47%)",
145
151
  "--t-fill-color-alert-info": "hsl(204, 94%, 49%)",
146
152
  "--t-fill-color-alert-success": "hsl(122, 60%, 41%)",
147
153
  "--t-fill-color-alert-warning": "hsl(43, 96%, 58%)",
148
154
  "--t-fill-color-alert-error": "hsl(4, 77%, 59%)",
149
- "--t-fill-color-tooltip-primary": "hsla(0, 0%, 12%, 0.9)",
155
+ "--t-fill-color-tooltip": "hsla(0, 0%, 12%, 0.9)",
150
156
  "--t-fill-color-product-accounts-010": "hsl(212, 54%, 93%)",
151
157
  "--t-fill-color-product-accounts-020": "hsl(209, 53%, 90%)",
152
158
  "--t-fill-color-product-accounts-030": "hsl(210, 56%, 70%)",
@@ -227,7 +233,7 @@ const tokens = {
227
233
  "--t-fill-color-product-services-060": "hsl(89, 62%, 31%)",
228
234
  "--t-fill-color-product-services-070": "hsl(89, 62%, 26%)",
229
235
  "--t-fill-color-product-services-080": "hsl(89, 63%, 21%)",
230
- "--t-fill-color-product-staff-base": "hsl(328, 100%, 45%)",
236
+ "--t-fill-color-product-staff": "hsl(328, 100%, 45%)",
231
237
  "--t-fill-color-product-staff-dark": "hsl(328, 100%, 38%)",
232
238
  "--t-fill-color-product-staff-darker": "hsl(328, 100%, 33%)",
233
239
  "--t-fill-color-product-accounts-gradient-brand": "linear-gradient(135deg, hsl(203, 86%, 57%), hsl(220, 76%, 57%))",
@@ -307,36 +313,44 @@ const tokens = {
307
313
  "--t-fill-color-tag-indigo-020": "hsl(233, 79%, 87%)",
308
314
  "--t-fill-color-tag-indigo-030": "hsl(233, 77%, 81%)",
309
315
  "--t-fill-color-tag-indigo-040": "hsl(236, 79%, 74%)",
310
- "--t-fill-color-button-neutral-solid-default": "hsl(0, 0%, 93%)",
316
+ "--t-fill-color-button-neutral-solid": "hsl(0, 0%, 93%)",
311
317
  "--t-fill-color-button-neutral-solid-hover": "hsl(0, 0%, 88%)",
312
318
  "--t-fill-color-button-neutral-solid-active": "hsl(0, 0%, 81%)",
313
319
  "--t-fill-color-button-neutral-solid-disabled": "hsl(0, 0%, 95%)",
314
- "--t-fill-color-button-neutral-outline-dim-default": "hsla(0, 0%, 100%, 0)",
315
- "--t-fill-color-button-neutral-outline-dim-hover": "hsl(0, 0%, 95%)",
316
- "--t-fill-color-button-neutral-outline-dim-active": "hsl(0, 0%, 93%)",
317
- "--t-fill-color-button-neutral-outline-dim-disabled": "hsl(0, 0%, 98%)",
318
- "--t-fill-color-button-neutral-outline-dim-disabled-solid": "hsl(0, 0%, 98%)",
319
- "--t-fill-color-button-neutral-ghost-default": "hsla(0, 0%, 100%, 0)",
320
+ "--t-fill-color-button-neutral-outline": "hsla(0, 0%, 100%, 0)",
321
+ "--t-fill-color-button-neutral-outline-hover": "hsl(0, 0%, 95%)",
322
+ "--t-fill-color-button-neutral-outline-active": "hsl(0, 0%, 93%)",
323
+ "--t-fill-color-button-neutral-outline-disabled": "hsl(0, 0%, 98%)",
324
+ "--t-fill-color-button-neutral-ghost": "hsla(0, 0%, 100%, 0)",
320
325
  "--t-fill-color-button-neutral-ghost-hover": "hsl(0, 0%, 95%)",
321
326
  "--t-fill-color-button-neutral-ghost-active": "hsl(0, 0%, 93%)",
322
327
  "--t-fill-color-button-neutral-ghost-disabled": "hsla(0, 0%, 100%, 0)",
323
328
  "--t-fill-color-button-neutral-ghost-disabled-solid": "hsl(0, 0%, 98%)",
324
- "--t-fill-color-button-neutral-responsive-header-default": "hsla(0, 0%, 0%, 0.1)",
329
+ "--t-fill-color-button-neutral-responsive-header": "hsla(0, 0%, 0%, 0.1)",
325
330
  "--t-fill-color-button-neutral-responsive-header-hover": "hsla(0, 0%, 0%, 0.2)",
326
331
  "--t-fill-color-button-neutral-responsive-header-active": "hsla(0, 0%, 0%, 0.3)",
327
332
  "--t-fill-color-button-neutral-responsive-header-disabled": "hsla(0, 0%, 0%, 0.05)",
328
- "--t-fill-color-button-interaction-solid-default": "hsl(204, 100%, 40%)",
333
+ "--t-fill-color-button-neutral-outline-dim-default": "hsla(0, 0%, 100%, 0)",
334
+ "--t-fill-color-button-neutral-outline-dim-hover": "hsl(0, 0%, 95%)",
335
+ "--t-fill-color-button-neutral-outline-dim-active": "hsl(0, 0%, 93%)",
336
+ "--t-fill-color-button-neutral-outline-dim-disabled": "hsl(0, 0%, 98%)",
337
+ "--t-fill-color-button-neutral-outline-dim-disabled-solid": "hsl(0, 0%, 98%)",
338
+ "--t-fill-color-button-interaction-solid": "hsl(204, 100%, 40%)",
329
339
  "--t-fill-color-button-interaction-solid-hover": "hsl(204, 100%, 35%)",
330
340
  "--t-fill-color-button-interaction-solid-active": "hsl(204, 100%, 30%)",
331
341
  "--t-fill-color-button-interaction-solid-disabled": "hsl(0, 0%, 95%)",
342
+ "--t-fill-color-button-interaction-outline": "hsla(0, 0%, 100%, 0)",
343
+ "--t-fill-color-button-interaction-outline-hover": "hsl(204, 100%, 97%)",
344
+ "--t-fill-color-button-interaction-outline-active": "hsl(203, 94%, 94%)",
345
+ "--t-fill-color-button-interaction-outline-disabled": "hsl(0, 0%, 98%)",
346
+ "--t-fill-color-button-interaction-ghost": "hsla(0, 0%, 100%, 0)",
347
+ "--t-fill-color-button-interaction-ghost-hover": "hsl(204, 100%, 97%)",
348
+ "--t-fill-color-button-interaction-ghost-active": "hsl(203, 94%, 94%)",
349
+ "--t-fill-color-button-interaction-ghost-disabled": "hsla(0, 0%, 100%, 0)",
332
350
  "--t-fill-color-button-interaction-outline-dim-default": "hsla(0, 0%, 100%, 0)",
333
351
  "--t-fill-color-button-interaction-outline-dim-hover": "hsl(204, 100%, 97%)",
334
352
  "--t-fill-color-button-interaction-outline-dim-active": "hsl(203, 94%, 94%)",
335
353
  "--t-fill-color-button-interaction-outline-dim-disabled": "hsl(0, 0%, 98%)",
336
- "--t-fill-color-button-interaction-ghost-default": "hsla(0, 0%, 100%, 0)",
337
- "--t-fill-color-button-interaction-ghost-hover": "hsl(204, 100%, 97%)",
338
- "--t-fill-color-button-interaction-ghost-active": "hsl(203, 94%, 94%)",
339
- "--t-fill-color-button-interaction-ghost-disabled": "hsla(0, 0%, 100%, 0)",
340
354
  "--t-fill-color-button-create-solid-default": "hsl(96, 57%, 33%)",
341
355
  "--t-fill-color-button-create-solid-hover": "hsl(97, 57%, 28%)",
342
356
  "--t-fill-color-button-create-solid-active": "hsl(97, 57%, 23%)",
@@ -345,19 +359,23 @@ const tokens = {
345
359
  "--t-fill-color-button-create-ghost-hover": "hsl(96, 60%, 95%)",
346
360
  "--t-fill-color-button-create-ghost-active": "hsl(97, 57%, 90%)",
347
361
  "--t-fill-color-button-create-ghost-disabled": "hsla(0, 0%, 100%, 0)",
348
- "--t-fill-color-button-delete-solid-default": "hsl(8, 60%, 47%)",
362
+ "--t-fill-color-button-delete-solid": "hsl(8, 60%, 47%)",
349
363
  "--t-fill-color-button-delete-solid-hover": "hsl(8, 60%, 45%)",
350
364
  "--t-fill-color-button-delete-solid-active": "hsl(8, 60%, 40%)",
351
365
  "--t-fill-color-button-delete-solid-disabled": "hsl(0, 0%, 95%)",
366
+ "--t-fill-color-button-delete-outline": "hsla(0, 0%, 100%, 0)",
367
+ "--t-fill-color-button-delete-outline-hover": "hsl(7, 60%, 97%)",
368
+ "--t-fill-color-button-delete-outline-active": "hsl(9, 59%, 93%)",
369
+ "--t-fill-color-button-delete-outline-disabled": "hsl(0, 0%, 98%)",
370
+ "--t-fill-color-button-delete-ghost": "hsla(0, 0%, 100%, 0)",
371
+ "--t-fill-color-button-delete-ghost-hover": "hsl(7, 60%, 97%)",
372
+ "--t-fill-color-button-delete-ghost-active": "hsl(9, 59%, 93%)",
373
+ "--t-fill-color-button-delete-ghost-disabled": "hsla(0, 0%, 100%, 0)",
352
374
  "--t-fill-color-button-delete-outline-dim-default": "hsla(0, 0%, 100%, 0)",
353
375
  "--t-fill-color-button-delete-outline-dim-hover": "hsl(7, 60%, 97%)",
354
376
  "--t-fill-color-button-delete-outline-dim-active": "hsl(9, 59%, 93%)",
355
377
  "--t-fill-color-button-delete-outline-dim-disabled": "hsl(0, 0%, 98%)",
356
- "--t-fill-color-button-delete-ghost-default": "hsla(0, 0%, 100%, 0)",
357
- "--t-fill-color-button-delete-ghost-hover": "hsl(7, 60%, 97%)",
358
- "--t-fill-color-button-delete-ghost-active": "hsl(9, 59%, 93%)",
359
- "--t-fill-color-button-delete-ghost-disabled": "hsla(0, 0%, 100%, 0)",
360
- "--t-fill-color-button-pill-default": "hsl(0, 0%, 93%)",
378
+ "--t-fill-color-button-pill": "hsl(0, 0%, 93%)",
361
379
  "--t-fill-color-button-pill-hover": "hsl(0, 0%, 88%)",
362
380
  "--t-fill-color-button-pill-active": "hsl(0, 0%, 88%)",
363
381
  "--t-fill-color-button-pill-disabled": "hsl(0, 0%, 93%)",
@@ -390,13 +408,13 @@ const tokens = {
390
408
  "--t-fill-color-transparency-dark-static-090": "hsla(0, 0%, 0%, 0.9)",
391
409
  "--t-surface-color-card": "hsl(0, 0%, 100%)",
392
410
  "--t-surface-color-canvas": "hsl(0, 0%, 100%)",
393
- "--t-border-color-default-base": "hsl(0, 0%, 88%)",
394
- "--t-border-color-default-dark": "hsl(0, 0%, 81%)",
395
- "--t-border-color-default-darker": "hsl(0, 0%, 68%)",
396
- "--t-border-color-default-darkest": "hsl(0, 0%, 58%)",
397
- "--t-border-color-default-disabled": "hsl(0, 0%, 88%)",
398
- "--t-border-color-default-dim": "hsl(0, 0%, 95%)",
399
- "--t-border-color-default-white": "hsl(0, 0%, 100%)",
411
+ "--t-border-color": "hsl(0, 0%, 88%)",
412
+ "--t-border-color-dark": "hsl(0, 0%, 81%)",
413
+ "--t-border-color-darker": "hsl(0, 0%, 68%)",
414
+ "--t-border-color-darkest": "hsl(0, 0%, 58%)",
415
+ "--t-border-color-disabled": "hsl(0, 0%, 88%)",
416
+ "--t-border-color-dim": "hsl(0, 0%, 95%)",
417
+ "--t-border-color-white": "hsl(0, 0%, 100%)",
400
418
  "--t-border-color-status-neutral": "hsl(0, 0%, 58%)",
401
419
  "--t-border-color-status-info": "hsl(204, 100%, 40%)",
402
420
  "--t-border-color-status-success": "hsl(97, 57%, 40%)",