@planningcenter/tapestry 2.6.0-rc.1 → 2.6.1-rc.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 (20) hide show
  1. package/dist/deprecated.css +42 -1
  2. package/dist/index.css +159 -118
  3. package/dist/index.css.map +1 -1
  4. package/dist/reactRender.css +556 -515
  5. package/dist/reactRender.css.map +1 -1
  6. package/dist/reactRenderLegacy.css +556 -515
  7. package/dist/reactRenderLegacy.css.map +1 -1
  8. package/dist/tokens/ts/react-native-tokens.d.ts +41 -41
  9. package/dist/tokens/ts/react-native-tokens.d.ts.map +1 -1
  10. package/dist/tokens/ts/react-native-tokens.js +41 -41
  11. package/dist/tokens/ts/react-native-tokens.js.map +1 -1
  12. package/dist/tokens/ts/tokens.d.ts +41 -41
  13. package/dist/tokens/ts/tokens.js +41 -41
  14. package/dist/tokens/ts/tokens.js.map +1 -1
  15. package/dist/tokens-dark.css +66 -66
  16. package/dist/tokens.css +159 -118
  17. package/dist/tokens.css.map +1 -1
  18. package/dist/unstable.css +166 -125
  19. package/dist/unstable.css.map +1 -1
  20. package/package.json +3 -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";
@@ -53,13 +53,13 @@ export declare const tokens: {
53
53
  "--t-avatar-size-48": "48px";
54
54
  "--t-avatar-size-72": "72px";
55
55
  "--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%)";
56
+ "--t-text-color-headline": "hsl(0, 0%, 12%)";
57
+ "--t-text-color": "hsl(0, 0%, 24%)";
58
+ "--t-text-color-secondary": "hsl(0, 0%, 42%)";
59
+ "--t-text-color-disabled": "hsl(0, 0%, 81%)";
60
+ "--t-text-color-placeholder": "hsl(0, 0%, 58%)";
61
+ "--t-text-color-inverted": "hsl(0, 0%, 100%)";
62
+ "--t-text-color-interaction": "hsl(204, 100%, 40%)";
63
63
  "--t-text-color-interaction-hover": "hsl(204, 100%, 35%)";
64
64
  "--t-text-color-interaction-active": "hsl(204, 100%, 30%)";
65
65
  "--t-text-color-interaction-visited": "hsl(204, 100%, 30%)";
@@ -90,21 +90,21 @@ export declare const tokens: {
90
90
  "--t-text-color-tag-bold-pink": "hsl(327, 88%, 20%)";
91
91
  "--t-text-color-tag-bold-purple": "hsl(268, 71%, 27%)";
92
92
  "--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%)";
93
+ "--t-icon-color": "hsl(0, 0%, 24%)";
94
+ "--t-icon-color-secondary": "hsl(0, 0%, 42%)";
95
+ "--t-icon-color-dim": "hsl(0, 0%, 58%)";
96
+ "--t-icon-color-disabled": "hsl(0, 0%, 81%)";
97
+ "--t-icon-color-inverted": "hsl(0, 0%, 100%)";
98
+ "--t-icon-color-status-neutral": "hsl(0, 0%, 42%)";
99
99
  "--t-icon-color-status-neutral-secondary": "hsl(0, 0%, 58%)";
100
100
  "--t-icon-color-status-neutral-bold": "hsl(0, 0%, 24%)";
101
101
  "--t-icon-color-status-neutral-dark": "hsl(0, 0%, 24%)";
102
- "--t-icon-color-status-info-primary": "hsl(204, 100%, 40%)";
102
+ "--t-icon-color-status-info": "hsl(204, 100%, 40%)";
103
103
  "--t-icon-color-status-info-secondary": "hsl(204, 100%, 40%)";
104
- "--t-icon-color-status-success-primary": "hsl(96, 57%, 33%)";
104
+ "--t-icon-color-status-success": "hsl(96, 57%, 33%)";
105
105
  "--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%)";
106
+ "--t-icon-color-status-warning": "hsl(42, 84%, 49%)";
107
+ "--t-icon-color-status-error": "hsl(8, 60%, 47%)";
108
108
  "--t-fill-color-neutral-100": "hsl(0, 0%, 100%)";
109
109
  "--t-fill-color-neutral-000": "hsl(0, 0%, 12%)";
110
110
  "--t-fill-color-neutral-010": "hsl(0, 0%, 24%)";
@@ -117,13 +117,13 @@ export declare const tokens: {
117
117
  "--t-fill-color-neutral-070": "hsl(0, 0%, 95%)";
118
118
  "--t-fill-color-neutral-080": "hsl(0, 0%, 97%)";
119
119
  "--t-fill-color-neutral-090": "hsl(0, 0%, 98%)";
120
- "--t-fill-color-interaction-default": "hsl(204, 100%, 40%)";
120
+ "--t-fill-color-interaction": "hsl(204, 100%, 40%)";
121
121
  "--t-fill-color-interaction-hover": "hsl(204, 100%, 35%)";
122
122
  "--t-fill-color-interaction-active": "hsl(204, 100%, 30%)";
123
123
  "--t-fill-color-interaction-disabled": "hsl(0, 0%, 81%)";
124
124
  "--t-fill-color-control-neutral-off": "hsl(0, 0%, 58%)";
125
125
  "--t-fill-color-control-neutral-on": "hsl(0, 0%, 24%)";
126
- "--t-fill-color-control-primary": "hsl(204, 100%, 40%)";
126
+ "--t-fill-color-control": "hsl(204, 100%, 40%)";
127
127
  "--t-fill-color-control-secondary": "hsl(97, 57%, 40%)";
128
128
  "--t-fill-color-control-error": "hsl(8, 60%, 47%)";
129
129
  "--t-fill-color-control-disabled": "hsl(0, 0%, 81%)";
@@ -146,7 +146,7 @@ export declare const tokens: {
146
146
  "--t-fill-color-alert-success": "hsl(122, 60%, 41%)";
147
147
  "--t-fill-color-alert-warning": "hsl(43, 96%, 58%)";
148
148
  "--t-fill-color-alert-error": "hsl(4, 77%, 59%)";
149
- "--t-fill-color-tooltip-primary": "hsla(0, 0%, 12%, 0.9)";
149
+ "--t-fill-color-tooltip": "hsla(0, 0%, 12%, 0.9)";
150
150
  "--t-fill-color-product-accounts-010": "hsl(212, 54%, 93%)";
151
151
  "--t-fill-color-product-accounts-020": "hsl(209, 53%, 90%)";
152
152
  "--t-fill-color-product-accounts-030": "hsl(210, 56%, 70%)";
@@ -227,7 +227,7 @@ export declare const tokens: {
227
227
  "--t-fill-color-product-services-060": "hsl(89, 62%, 31%)";
228
228
  "--t-fill-color-product-services-070": "hsl(89, 62%, 26%)";
229
229
  "--t-fill-color-product-services-080": "hsl(89, 63%, 21%)";
230
- "--t-fill-color-product-staff-base": "hsl(328, 100%, 45%)";
230
+ "--t-fill-color-product-staff": "hsl(328, 100%, 45%)";
231
231
  "--t-fill-color-product-staff-dark": "hsl(328, 100%, 38%)";
232
232
  "--t-fill-color-product-staff-darker": "hsl(328, 100%, 33%)";
233
233
  "--t-fill-color-product-accounts-gradient-brand": "linear-gradient(135deg, hsl(203, 86%, 57%), hsl(220, 76%, 57%))";
@@ -307,33 +307,33 @@ export declare const tokens: {
307
307
  "--t-fill-color-tag-indigo-020": "hsl(233, 79%, 87%)";
308
308
  "--t-fill-color-tag-indigo-030": "hsl(233, 77%, 81%)";
309
309
  "--t-fill-color-tag-indigo-040": "hsl(236, 79%, 74%)";
310
- "--t-fill-color-button-neutral-solid-default": "hsl(0, 0%, 93%)";
310
+ "--t-fill-color-button-neutral-solid": "hsl(0, 0%, 93%)";
311
311
  "--t-fill-color-button-neutral-solid-hover": "hsl(0, 0%, 88%)";
312
312
  "--t-fill-color-button-neutral-solid-active": "hsl(0, 0%, 81%)";
313
313
  "--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)";
314
+ "--t-fill-color-button-neutral-outline-dim": "hsla(0, 0%, 100%, 0)";
315
315
  "--t-fill-color-button-neutral-outline-dim-hover": "hsl(0, 0%, 95%)";
316
316
  "--t-fill-color-button-neutral-outline-dim-active": "hsl(0, 0%, 93%)";
317
317
  "--t-fill-color-button-neutral-outline-dim-disabled": "hsl(0, 0%, 98%)";
318
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)";
319
+ "--t-fill-color-button-neutral-ghost": "hsla(0, 0%, 100%, 0)";
320
320
  "--t-fill-color-button-neutral-ghost-hover": "hsl(0, 0%, 95%)";
321
321
  "--t-fill-color-button-neutral-ghost-active": "hsl(0, 0%, 93%)";
322
322
  "--t-fill-color-button-neutral-ghost-disabled": "hsla(0, 0%, 100%, 0)";
323
323
  "--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)";
324
+ "--t-fill-color-button-neutral-responsive-header": "hsla(0, 0%, 0%, 0.1)";
325
325
  "--t-fill-color-button-neutral-responsive-header-hover": "hsla(0, 0%, 0%, 0.2)";
326
326
  "--t-fill-color-button-neutral-responsive-header-active": "hsla(0, 0%, 0%, 0.3)";
327
327
  "--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%)";
328
+ "--t-fill-color-button-interaction-solid": "hsl(204, 100%, 40%)";
329
329
  "--t-fill-color-button-interaction-solid-hover": "hsl(204, 100%, 35%)";
330
330
  "--t-fill-color-button-interaction-solid-active": "hsl(204, 100%, 30%)";
331
331
  "--t-fill-color-button-interaction-solid-disabled": "hsl(0, 0%, 95%)";
332
- "--t-fill-color-button-interaction-outline-dim-default": "hsla(0, 0%, 100%, 0)";
332
+ "--t-fill-color-button-interaction-outline-dim": "hsla(0, 0%, 100%, 0)";
333
333
  "--t-fill-color-button-interaction-outline-dim-hover": "hsl(204, 100%, 97%)";
334
334
  "--t-fill-color-button-interaction-outline-dim-active": "hsl(203, 94%, 94%)";
335
335
  "--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)";
336
+ "--t-fill-color-button-interaction-ghost": "hsla(0, 0%, 100%, 0)";
337
337
  "--t-fill-color-button-interaction-ghost-hover": "hsl(204, 100%, 97%)";
338
338
  "--t-fill-color-button-interaction-ghost-active": "hsl(203, 94%, 94%)";
339
339
  "--t-fill-color-button-interaction-ghost-disabled": "hsla(0, 0%, 100%, 0)";
@@ -345,19 +345,19 @@ export declare const tokens: {
345
345
  "--t-fill-color-button-create-ghost-hover": "hsl(96, 60%, 95%)";
346
346
  "--t-fill-color-button-create-ghost-active": "hsl(97, 57%, 90%)";
347
347
  "--t-fill-color-button-create-ghost-disabled": "hsla(0, 0%, 100%, 0)";
348
- "--t-fill-color-button-delete-solid-default": "hsl(8, 60%, 47%)";
348
+ "--t-fill-color-button-delete-solid": "hsl(8, 60%, 47%)";
349
349
  "--t-fill-color-button-delete-solid-hover": "hsl(8, 60%, 45%)";
350
350
  "--t-fill-color-button-delete-solid-active": "hsl(8, 60%, 40%)";
351
351
  "--t-fill-color-button-delete-solid-disabled": "hsl(0, 0%, 95%)";
352
- "--t-fill-color-button-delete-outline-dim-default": "hsla(0, 0%, 100%, 0)";
352
+ "--t-fill-color-button-delete-outline-dim": "hsla(0, 0%, 100%, 0)";
353
353
  "--t-fill-color-button-delete-outline-dim-hover": "hsl(7, 60%, 97%)";
354
354
  "--t-fill-color-button-delete-outline-dim-active": "hsl(9, 59%, 93%)";
355
355
  "--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)";
356
+ "--t-fill-color-button-delete-ghost": "hsla(0, 0%, 100%, 0)";
357
357
  "--t-fill-color-button-delete-ghost-hover": "hsl(7, 60%, 97%)";
358
358
  "--t-fill-color-button-delete-ghost-active": "hsl(9, 59%, 93%)";
359
359
  "--t-fill-color-button-delete-ghost-disabled": "hsla(0, 0%, 100%, 0)";
360
- "--t-fill-color-button-pill-default": "hsl(0, 0%, 93%)";
360
+ "--t-fill-color-button-pill": "hsl(0, 0%, 93%)";
361
361
  "--t-fill-color-button-pill-hover": "hsl(0, 0%, 88%)";
362
362
  "--t-fill-color-button-pill-active": "hsl(0, 0%, 88%)";
363
363
  "--t-fill-color-button-pill-disabled": "hsl(0, 0%, 93%)";
@@ -390,13 +390,13 @@ export declare const tokens: {
390
390
  "--t-fill-color-transparency-dark-static-090": "hsla(0, 0%, 0%, 0.9)";
391
391
  "--t-surface-color-card": "hsl(0, 0%, 100%)";
392
392
  "--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%)";
393
+ "--t-border-color": "hsl(0, 0%, 88%)";
394
+ "--t-border-color-dark": "hsl(0, 0%, 81%)";
395
+ "--t-border-color-darker": "hsl(0, 0%, 68%)";
396
+ "--t-border-color-darkest": "hsl(0, 0%, 58%)";
397
+ "--t-border-color-disabled": "hsl(0, 0%, 88%)";
398
+ "--t-border-color-dim": "hsl(0, 0%, 95%)";
399
+ "--t-border-color-white": "hsl(0, 0%, 100%)";
400
400
  "--t-border-color-status-neutral": "hsl(0, 0%, 58%)";
401
401
  "--t-border-color-status-info": "hsl(204, 100%, 40%)";
402
402
  "--t-border-color-status-success": "hsl(97, 57%, 40%)";
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",
@@ -53,13 +53,13 @@ const tokens = {
53
53
  "--t-avatar-size-48": "48px",
54
54
  "--t-avatar-size-72": "72px",
55
55
  "--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%)",
56
+ "--t-text-color-headline": "hsl(0, 0%, 12%)",
57
+ "--t-text-color": "hsl(0, 0%, 24%)",
58
+ "--t-text-color-secondary": "hsl(0, 0%, 42%)",
59
+ "--t-text-color-disabled": "hsl(0, 0%, 81%)",
60
+ "--t-text-color-placeholder": "hsl(0, 0%, 58%)",
61
+ "--t-text-color-inverted": "hsl(0, 0%, 100%)",
62
+ "--t-text-color-interaction": "hsl(204, 100%, 40%)",
63
63
  "--t-text-color-interaction-hover": "hsl(204, 100%, 35%)",
64
64
  "--t-text-color-interaction-active": "hsl(204, 100%, 30%)",
65
65
  "--t-text-color-interaction-visited": "hsl(204, 100%, 30%)",
@@ -90,21 +90,21 @@ const tokens = {
90
90
  "--t-text-color-tag-bold-pink": "hsl(327, 88%, 20%)",
91
91
  "--t-text-color-tag-bold-purple": "hsl(268, 71%, 27%)",
92
92
  "--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%)",
93
+ "--t-icon-color": "hsl(0, 0%, 24%)",
94
+ "--t-icon-color-secondary": "hsl(0, 0%, 42%)",
95
+ "--t-icon-color-dim": "hsl(0, 0%, 58%)",
96
+ "--t-icon-color-disabled": "hsl(0, 0%, 81%)",
97
+ "--t-icon-color-inverted": "hsl(0, 0%, 100%)",
98
+ "--t-icon-color-status-neutral": "hsl(0, 0%, 42%)",
99
99
  "--t-icon-color-status-neutral-secondary": "hsl(0, 0%, 58%)",
100
100
  "--t-icon-color-status-neutral-bold": "hsl(0, 0%, 24%)",
101
101
  "--t-icon-color-status-neutral-dark": "hsl(0, 0%, 24%)",
102
- "--t-icon-color-status-info-primary": "hsl(204, 100%, 40%)",
102
+ "--t-icon-color-status-info": "hsl(204, 100%, 40%)",
103
103
  "--t-icon-color-status-info-secondary": "hsl(204, 100%, 40%)",
104
- "--t-icon-color-status-success-primary": "hsl(96, 57%, 33%)",
104
+ "--t-icon-color-status-success": "hsl(96, 57%, 33%)",
105
105
  "--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%)",
106
+ "--t-icon-color-status-warning": "hsl(42, 84%, 49%)",
107
+ "--t-icon-color-status-error": "hsl(8, 60%, 47%)",
108
108
  "--t-fill-color-neutral-100": "hsl(0, 0%, 100%)",
109
109
  "--t-fill-color-neutral-000": "hsl(0, 0%, 12%)",
110
110
  "--t-fill-color-neutral-010": "hsl(0, 0%, 24%)",
@@ -117,13 +117,13 @@ const tokens = {
117
117
  "--t-fill-color-neutral-070": "hsl(0, 0%, 95%)",
118
118
  "--t-fill-color-neutral-080": "hsl(0, 0%, 97%)",
119
119
  "--t-fill-color-neutral-090": "hsl(0, 0%, 98%)",
120
- "--t-fill-color-interaction-default": "hsl(204, 100%, 40%)",
120
+ "--t-fill-color-interaction": "hsl(204, 100%, 40%)",
121
121
  "--t-fill-color-interaction-hover": "hsl(204, 100%, 35%)",
122
122
  "--t-fill-color-interaction-active": "hsl(204, 100%, 30%)",
123
123
  "--t-fill-color-interaction-disabled": "hsl(0, 0%, 81%)",
124
124
  "--t-fill-color-control-neutral-off": "hsl(0, 0%, 58%)",
125
125
  "--t-fill-color-control-neutral-on": "hsl(0, 0%, 24%)",
126
- "--t-fill-color-control-primary": "hsl(204, 100%, 40%)",
126
+ "--t-fill-color-control": "hsl(204, 100%, 40%)",
127
127
  "--t-fill-color-control-secondary": "hsl(97, 57%, 40%)",
128
128
  "--t-fill-color-control-error": "hsl(8, 60%, 47%)",
129
129
  "--t-fill-color-control-disabled": "hsl(0, 0%, 81%)",
@@ -146,7 +146,7 @@ const tokens = {
146
146
  "--t-fill-color-alert-success": "hsl(122, 60%, 41%)",
147
147
  "--t-fill-color-alert-warning": "hsl(43, 96%, 58%)",
148
148
  "--t-fill-color-alert-error": "hsl(4, 77%, 59%)",
149
- "--t-fill-color-tooltip-primary": "hsla(0, 0%, 12%, 0.9)",
149
+ "--t-fill-color-tooltip": "hsla(0, 0%, 12%, 0.9)",
150
150
  "--t-fill-color-product-accounts-010": "hsl(212, 54%, 93%)",
151
151
  "--t-fill-color-product-accounts-020": "hsl(209, 53%, 90%)",
152
152
  "--t-fill-color-product-accounts-030": "hsl(210, 56%, 70%)",
@@ -227,7 +227,7 @@ const tokens = {
227
227
  "--t-fill-color-product-services-060": "hsl(89, 62%, 31%)",
228
228
  "--t-fill-color-product-services-070": "hsl(89, 62%, 26%)",
229
229
  "--t-fill-color-product-services-080": "hsl(89, 63%, 21%)",
230
- "--t-fill-color-product-staff-base": "hsl(328, 100%, 45%)",
230
+ "--t-fill-color-product-staff": "hsl(328, 100%, 45%)",
231
231
  "--t-fill-color-product-staff-dark": "hsl(328, 100%, 38%)",
232
232
  "--t-fill-color-product-staff-darker": "hsl(328, 100%, 33%)",
233
233
  "--t-fill-color-product-accounts-gradient-brand": "linear-gradient(135deg, hsl(203, 86%, 57%), hsl(220, 76%, 57%))",
@@ -307,33 +307,33 @@ const tokens = {
307
307
  "--t-fill-color-tag-indigo-020": "hsl(233, 79%, 87%)",
308
308
  "--t-fill-color-tag-indigo-030": "hsl(233, 77%, 81%)",
309
309
  "--t-fill-color-tag-indigo-040": "hsl(236, 79%, 74%)",
310
- "--t-fill-color-button-neutral-solid-default": "hsl(0, 0%, 93%)",
310
+ "--t-fill-color-button-neutral-solid": "hsl(0, 0%, 93%)",
311
311
  "--t-fill-color-button-neutral-solid-hover": "hsl(0, 0%, 88%)",
312
312
  "--t-fill-color-button-neutral-solid-active": "hsl(0, 0%, 81%)",
313
313
  "--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)",
314
+ "--t-fill-color-button-neutral-outline-dim": "hsla(0, 0%, 100%, 0)",
315
315
  "--t-fill-color-button-neutral-outline-dim-hover": "hsl(0, 0%, 95%)",
316
316
  "--t-fill-color-button-neutral-outline-dim-active": "hsl(0, 0%, 93%)",
317
317
  "--t-fill-color-button-neutral-outline-dim-disabled": "hsl(0, 0%, 98%)",
318
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)",
319
+ "--t-fill-color-button-neutral-ghost": "hsla(0, 0%, 100%, 0)",
320
320
  "--t-fill-color-button-neutral-ghost-hover": "hsl(0, 0%, 95%)",
321
321
  "--t-fill-color-button-neutral-ghost-active": "hsl(0, 0%, 93%)",
322
322
  "--t-fill-color-button-neutral-ghost-disabled": "hsla(0, 0%, 100%, 0)",
323
323
  "--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)",
324
+ "--t-fill-color-button-neutral-responsive-header": "hsla(0, 0%, 0%, 0.1)",
325
325
  "--t-fill-color-button-neutral-responsive-header-hover": "hsla(0, 0%, 0%, 0.2)",
326
326
  "--t-fill-color-button-neutral-responsive-header-active": "hsla(0, 0%, 0%, 0.3)",
327
327
  "--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%)",
328
+ "--t-fill-color-button-interaction-solid": "hsl(204, 100%, 40%)",
329
329
  "--t-fill-color-button-interaction-solid-hover": "hsl(204, 100%, 35%)",
330
330
  "--t-fill-color-button-interaction-solid-active": "hsl(204, 100%, 30%)",
331
331
  "--t-fill-color-button-interaction-solid-disabled": "hsl(0, 0%, 95%)",
332
- "--t-fill-color-button-interaction-outline-dim-default": "hsla(0, 0%, 100%, 0)",
332
+ "--t-fill-color-button-interaction-outline-dim": "hsla(0, 0%, 100%, 0)",
333
333
  "--t-fill-color-button-interaction-outline-dim-hover": "hsl(204, 100%, 97%)",
334
334
  "--t-fill-color-button-interaction-outline-dim-active": "hsl(203, 94%, 94%)",
335
335
  "--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)",
336
+ "--t-fill-color-button-interaction-ghost": "hsla(0, 0%, 100%, 0)",
337
337
  "--t-fill-color-button-interaction-ghost-hover": "hsl(204, 100%, 97%)",
338
338
  "--t-fill-color-button-interaction-ghost-active": "hsl(203, 94%, 94%)",
339
339
  "--t-fill-color-button-interaction-ghost-disabled": "hsla(0, 0%, 100%, 0)",
@@ -345,19 +345,19 @@ const tokens = {
345
345
  "--t-fill-color-button-create-ghost-hover": "hsl(96, 60%, 95%)",
346
346
  "--t-fill-color-button-create-ghost-active": "hsl(97, 57%, 90%)",
347
347
  "--t-fill-color-button-create-ghost-disabled": "hsla(0, 0%, 100%, 0)",
348
- "--t-fill-color-button-delete-solid-default": "hsl(8, 60%, 47%)",
348
+ "--t-fill-color-button-delete-solid": "hsl(8, 60%, 47%)",
349
349
  "--t-fill-color-button-delete-solid-hover": "hsl(8, 60%, 45%)",
350
350
  "--t-fill-color-button-delete-solid-active": "hsl(8, 60%, 40%)",
351
351
  "--t-fill-color-button-delete-solid-disabled": "hsl(0, 0%, 95%)",
352
- "--t-fill-color-button-delete-outline-dim-default": "hsla(0, 0%, 100%, 0)",
352
+ "--t-fill-color-button-delete-outline-dim": "hsla(0, 0%, 100%, 0)",
353
353
  "--t-fill-color-button-delete-outline-dim-hover": "hsl(7, 60%, 97%)",
354
354
  "--t-fill-color-button-delete-outline-dim-active": "hsl(9, 59%, 93%)",
355
355
  "--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)",
356
+ "--t-fill-color-button-delete-ghost": "hsla(0, 0%, 100%, 0)",
357
357
  "--t-fill-color-button-delete-ghost-hover": "hsl(7, 60%, 97%)",
358
358
  "--t-fill-color-button-delete-ghost-active": "hsl(9, 59%, 93%)",
359
359
  "--t-fill-color-button-delete-ghost-disabled": "hsla(0, 0%, 100%, 0)",
360
- "--t-fill-color-button-pill-default": "hsl(0, 0%, 93%)",
360
+ "--t-fill-color-button-pill": "hsl(0, 0%, 93%)",
361
361
  "--t-fill-color-button-pill-hover": "hsl(0, 0%, 88%)",
362
362
  "--t-fill-color-button-pill-active": "hsl(0, 0%, 88%)",
363
363
  "--t-fill-color-button-pill-disabled": "hsl(0, 0%, 93%)",
@@ -390,13 +390,13 @@ const tokens = {
390
390
  "--t-fill-color-transparency-dark-static-090": "hsla(0, 0%, 0%, 0.9)",
391
391
  "--t-surface-color-card": "hsl(0, 0%, 100%)",
392
392
  "--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%)",
393
+ "--t-border-color": "hsl(0, 0%, 88%)",
394
+ "--t-border-color-dark": "hsl(0, 0%, 81%)",
395
+ "--t-border-color-darker": "hsl(0, 0%, 68%)",
396
+ "--t-border-color-darkest": "hsl(0, 0%, 58%)",
397
+ "--t-border-color-disabled": "hsl(0, 0%, 88%)",
398
+ "--t-border-color-dim": "hsl(0, 0%, 95%)",
399
+ "--t-border-color-white": "hsl(0, 0%, 100%)",
400
400
  "--t-border-color-status-neutral": "hsl(0, 0%, 58%)",
401
401
  "--t-border-color-status-info": "hsl(204, 100%, 40%)",
402
402
  "--t-border-color-status-success": "hsl(97, 57%, 40%)",