@planningcenter/tapestry 2.6.0 → 2.6.1-qa-522.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 (52) 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/index.css +540 -248
  12. package/dist/index.css.map +1 -1
  13. package/dist/index.d.ts +0 -1
  14. package/dist/index.d.ts.map +1 -1
  15. package/dist/jsTokens.d.ts +1 -1
  16. package/dist/jsTokens.d.ts.map +1 -1
  17. package/dist/jsTokens.js +1 -1
  18. package/dist/jsTokens.js.map +1 -1
  19. package/dist/print-no-media-queries.css +2 -0
  20. package/dist/print.css +2 -0
  21. package/dist/reactRender.css +1239 -947
  22. package/dist/reactRender.css.map +1 -1
  23. package/dist/reactRenderLegacy.css +1239 -947
  24. package/dist/reactRenderLegacy.css.map +1 -1
  25. package/dist/tokens/tokens-deprecated.json +326 -0
  26. package/dist/tokens-dark.css +92 -90
  27. package/dist/tokens-dark.css.map +1 -0
  28. package/dist/tokens-deprecated.css +106 -0
  29. package/dist/tokens-deprecated.css.map +1 -0
  30. package/dist/tokens-deprecated.js +3 -0
  31. package/dist/tokens.css +167 -175
  32. package/dist/tokens.css.map +1 -1
  33. package/dist/tokens.js +2 -0
  34. package/dist/unstable.css +559 -267
  35. package/dist/unstable.css.map +1 -1
  36. package/dist/unstable.d.ts +1 -1
  37. package/dist/unstable.d.ts.map +1 -1
  38. package/dist/unstable.js +2 -1
  39. package/dist/unstable.js.map +1 -1
  40. package/package.json +10 -9
  41. package/dist/deprecated.css +0 -25
  42. package/dist/tokens/ts/react-native-tokens.d.ts +0 -1629
  43. package/dist/tokens/ts/react-native-tokens.d.ts.map +0 -1
  44. package/dist/tokens/ts/react-native-tokens.js +0 -418
  45. package/dist/tokens/ts/react-native-tokens.js.map +0 -1
  46. package/dist/tokens/ts/tokens.d.ts +0 -435
  47. package/dist/tokens/ts/tokens.d.ts.map +0 -1
  48. package/dist/tokens/ts/tokens.js +0 -437
  49. package/dist/tokens/ts/tokens.js.map +0 -1
  50. package/dist/tokens.d.ts +0 -3
  51. package/dist/tokens.d.ts.map +0 -1
  52. /package/dist/{tokens-dark-combined.js → tokens-dark.js} +0 -0
package/dist/tokens/tokens-deprecated.json ADDED
@@ -0,0 +1,326 @@
1
+ {
2
+ "numeric": {
3
+ "--t-border-size-default": {
4
+ "type": "dimension",
5
+ "value": "var(--t-border-width)"
6
+ },
7
+ "--t-border-size-thick": {
8
+ "type": "dimension",
9
+ "value": "var(--t-border-width-thick)"
10
+ },
11
+ "--t-font-weight-semi-bold": {
12
+ "type": "fontWeight",
13
+ "value": "var(--t-font-weight-semibold)"
14
+ },
15
+ "--t-border-radius-default": {
16
+ "type": "dimension",
17
+ "value": "var(--t-border-radius)"
18
+ },
19
+ "--t-border-width-default": {
20
+ "type": "dimension",
21
+ "value": "var(--t-border-width)"
22
+ }
23
+ },
24
+ "color": {
25
+ "--t-icon-color-status-neutral-dark": {
26
+ "type": "color",
27
+ "value": "var(--t-icon-color-status-neutral-bold)"
28
+ },
29
+ "--t-icon-color-status-info-secondary": {
30
+ "type": "color",
31
+ "value": "var(--t-icon-color-status-info)"
32
+ },
33
+ "--t-fill-color-status-neutral-solid": {
34
+ "type": "color",
35
+ "value": "var(--t-fill-color-status-neutral)"
36
+ },
37
+ "--t-fill-color-status-info-solid": {
38
+ "type": "color",
39
+ "value": "var(--t-fill-color-status-info)"
40
+ },
41
+ "--t-fill-color-status-success-solid": {
42
+ "type": "color",
43
+ "value": "var(--t-fill-color-status-success)"
44
+ },
45
+ "--t-fill-color-status-warning-solid": {
46
+ "type": "color",
47
+ "value": "var(--t-fill-color-status-warning)"
48
+ },
49
+ "--t-fill-color-status-error-solid": {
50
+ "type": "color",
51
+ "value": "var(--t-fill-color-status-error)"
52
+ },
53
+ "--t-fill-color-alert-info": {
54
+ "type": "color",
55
+ "value": "hsl(204, 94%, 49%)"
56
+ },
57
+ "--t-fill-color-alert-success": {
58
+ "type": "color",
59
+ "value": "hsl(122, 60%, 41%)"
60
+ },
61
+ "--t-fill-color-alert-warning": {
62
+ "type": "color",
63
+ "value": "hsl(43, 96%, 58%)"
64
+ },
65
+ "--t-fill-color-alert-error": {
66
+ "type": "color",
67
+ "value": "hsl(4, 77%, 59%)"
68
+ },
69
+ "--t-fill-color-button-neutral-ghost-disabled-solid": {
70
+ "type": "color",
71
+ "value": "hsl(0, 0%, 98%)",
72
+ "darkmode-value": "hsl(0, 0%, 100%)"
73
+ },
74
+ "--t-fill-color-button-neutral-outline-dim-default": {
75
+ "type": "color",
76
+ "value": "var(--t-fill-color-button-neutral-outline)"
77
+ },
78
+ "--t-fill-color-button-neutral-outline-dim-hover": {
79
+ "type": "color",
80
+ "value": "var(--t-fill-color-button-neutral-outline-hover)"
81
+ },
82
+ "--t-fill-color-button-neutral-outline-dim-active": {
83
+ "type": "color",
84
+ "value": "var(--t-fill-color-button-neutral-outline-active)"
85
+ },
86
+ "--t-fill-color-button-neutral-outline-dim-disabled": {
87
+ "type": "color",
88
+ "value": "var(--t-fill-color-button-neutral-outline-disabled)"
89
+ },
90
+ "--t-fill-color-button-neutral-outline-dim-disabled-solid": {
91
+ "type": "color",
92
+ "value": "hsl(0, 0%, 98%)",
93
+ "darkmode-value": "hsl(0, 0%, 100%)"
94
+ },
95
+ "--t-fill-color-button-interaction-outline-dim-default": {
96
+ "type": "color",
97
+ "value": "var(--t-fill-color-button-interaction-outline)"
98
+ },
99
+ "--t-fill-color-button-interaction-outline-dim-hover": {
100
+ "type": "color",
101
+ "value": "var(--t-fill-color-button-interaction-outline-hover)"
102
+ },
103
+ "--t-fill-color-button-interaction-outline-dim-active": {
104
+ "type": "color",
105
+ "value": "var(--t-fill-color-button-interaction-outline-active)"
106
+ },
107
+ "--t-fill-color-button-interaction-outline-dim-disabled": {
108
+ "type": "color",
109
+ "value": "var(--t-fill-color-button-interaction-outline-disabled)"
110
+ },
111
+ "--t-fill-color-button-create-solid-default": {
112
+ "type": "color",
113
+ "value": "hsl(96, 57%, 33%)",
114
+ "darkmode-value": "hsl(0, 0%, 25%)"
115
+ },
116
+ "--t-fill-color-button-create-solid-hover": {
117
+ "type": "color",
118
+ "value": "hsl(97, 57%, 28%)",
119
+ "darkmode-value": "hsl(0, 0%, 25%)"
120
+ },
121
+ "--t-fill-color-button-create-solid-active": {
122
+ "type": "color",
123
+ "value": "hsl(97, 57%, 23%)",
124
+ "darkmode-value": "hsl(0, 0%, 25%)"
125
+ },
126
+ "--t-fill-color-button-create-solid-disabled": {
127
+ "type": "color",
128
+ "value": "hsl(0, 0%, 81%)",
129
+ "darkmode-value": "hsl(0, 0%, 25%)"
130
+ },
131
+ "--t-fill-color-button-create-ghost-default": {
132
+ "type": "color",
133
+ "value": "hsla(0, 0%, 100%, 0)"
134
+ },
135
+ "--t-fill-color-button-create-ghost-hover": {
136
+ "type": "color",
137
+ "value": "hsl(96, 60%, 95%)",
138
+ "darkmode-value": "hsla(0, 0%, 100%, 0)"
139
+ },
140
+ "--t-fill-color-button-create-ghost-active": {
141
+ "type": "color",
142
+ "value": "hsl(97, 57%, 90%)",
143
+ "darkmode-value": "hsla(0, 0%, 100%, 0)"
144
+ },
145
+ "--t-fill-color-button-create-ghost-disabled": {
146
+ "type": "color",
147
+ "value": "hsla(0, 0%, 100%, 0)"
148
+ },
149
+ "--t-fill-color-button-delete-outline-dim-default": {
150
+ "type": "color",
151
+ "value": "var(--t-fill-color-button-delete-outline)"
152
+ },
153
+ "--t-fill-color-button-delete-outline-dim-hover": {
154
+ "type": "color",
155
+ "value": "var(--t-fill-color-button-delete-outline-hover)"
156
+ },
157
+ "--t-fill-color-button-delete-outline-dim-active": {
158
+ "type": "color",
159
+ "value": "var(--t-fill-color-button-delete-outline-active)"
160
+ },
161
+ "--t-fill-color-button-delete-outline-dim-disabled": {
162
+ "type": "color",
163
+ "value": "var(--t-fill-color-button-delete-outline-disabled)"
164
+ },
165
+ "--t-border-color-default-base": {
166
+ "type": "color",
167
+ "value": "var(--t-border-color)"
168
+ },
169
+ "--t-border-color-default-dark": {
170
+ "type": "color",
171
+ "value": "var(--t-border-color-dark)"
172
+ },
173
+ "--t-border-color-default-darker": {
174
+ "type": "color",
175
+ "value": "var(--t-border-color-darker)"
176
+ },
177
+ "--t-border-color-default-darkest": {
178
+ "type": "color",
179
+ "value": "var(--t-border-color-darkest)"
180
+ },
181
+ "--t-border-color-default-dim": {
182
+ "type": "color",
183
+ "value": "var(--t-border-color-dim)"
184
+ },
185
+ "--t-border-color-default-disabled": {
186
+ "type": "color",
187
+ "value": "var(--t-border-color-disabled)"
188
+ },
189
+ "--t-border-color-default-white": {
190
+ "type": "color",
191
+ "value": "var(--t-border-color-white)"
192
+ },
193
+ "--t-fill-color-button-delete-ghost-default": {
194
+ "type": "color",
195
+ "value": "var(--t-fill-color-button-delete-ghost)"
196
+ },
197
+ "--t-fill-color-button-delete-outline-default": {
198
+ "type": "color",
199
+ "value": "var(--t-fill-color-button-delete-outline)"
200
+ },
201
+ "--t-fill-color-button-delete-solid-default": {
202
+ "type": "color",
203
+ "value": "var(--t-fill-color-button-delete-solid)"
204
+ },
205
+ "--t-fill-color-button-interaction-ghost-default": {
206
+ "type": "color",
207
+ "value": "var(--t-fill-color-button-interaction-ghost)"
208
+ },
209
+ "--t-fill-color-button-interaction-outline-default": {
210
+ "type": "color",
211
+ "value": "var(--t-fill-color-button-interaction-outline)"
212
+ },
213
+ "--t-fill-color-button-interaction-solid-default": {
214
+ "type": "color",
215
+ "value": "var(--t-fill-color-button-interaction-solid)"
216
+ },
217
+ "--t-fill-color-button-neutral-ghost-default": {
218
+ "type": "color",
219
+ "value": "var(--t-fill-color-button-neutral-ghost)"
220
+ },
221
+ "--t-fill-color-button-neutral-outline-default": {
222
+ "type": "color",
223
+ "value": "var(--t-fill-color-button-neutral-outline)"
224
+ },
225
+ "--t-fill-color-button-neutral-responsive-header-default": {
226
+ "type": "color",
227
+ "value": "var(--t-fill-color-button-neutral-responsive-header)"
228
+ },
229
+ "--t-fill-color-button-neutral-solid-default": {
230
+ "type": "color",
231
+ "value": "var(--t-fill-color-button-neutral-solid)"
232
+ },
233
+ "--t-fill-color-button-pill-default": {
234
+ "type": "color",
235
+ "value": "var(--t-fill-color-button-pill)"
236
+ },
237
+ "--t-fill-color-control-primary": {
238
+ "type": "color",
239
+ "value": "var(--t-fill-color-control)"
240
+ },
241
+ "--t-fill-color-interaction-default": {
242
+ "type": "color",
243
+ "value": "var(--t-fill-color-interaction)"
244
+ },
245
+ "--t-fill-color-product-staff-base": {
246
+ "type": "color",
247
+ "value": "var(--t-fill-color-product-staff)"
248
+ },
249
+ "--t-fill-color-status-error-primary": {
250
+ "type": "color",
251
+ "value": "var(--t-fill-color-status-error)"
252
+ },
253
+ "--t-fill-color-tooltip-primary": {
254
+ "type": "color",
255
+ "value": "var(--t-fill-color-tooltip)"
256
+ },
257
+ "--t-icon-color-default-dim": {
258
+ "type": "color",
259
+ "value": "var(--t-icon-color-dim)"
260
+ },
261
+ "--t-icon-color-default-disabled": {
262
+ "type": "color",
263
+ "value": "var(--t-icon-color-disabled)"
264
+ },
265
+ "--t-icon-color-default-inverted": {
266
+ "type": "color",
267
+ "value": "var(--t-icon-color-inverted)"
268
+ },
269
+ "--t-icon-color-default-primary": {
270
+ "type": "color",
271
+ "value": "var(--t-icon-color)"
272
+ },
273
+ "--t-icon-color-default-secondary": {
274
+ "type": "color",
275
+ "value": "var(--t-icon-color-secondary)"
276
+ },
277
+ "--t-icon-color-status-error-primary": {
278
+ "type": "color",
279
+ "value": "var(--t-icon-color-status-error)"
280
+ },
281
+ "--t-icon-color-status-info-primary": {
282
+ "type": "color",
283
+ "value": "var(--t-icon-color-status-info)"
284
+ },
285
+ "--t-icon-color-status-neutral-primary": {
286
+ "type": "color",
287
+ "value": "var(--t-icon-color-status-neutral)"
288
+ },
289
+ "--t-icon-color-status-success-primary": {
290
+ "type": "color",
291
+ "value": "var(--t-icon-color-status-success)"
292
+ },
293
+ "--t-icon-color-status-warning-primary": {
294
+ "type": "color",
295
+ "value": "var(--t-icon-color-status-warning)"
296
+ },
297
+ "--t-text-color-default-disabled": {
298
+ "type": "color",
299
+ "value": "var(--t-text-color-disabled)"
300
+ },
301
+ "--t-text-color-default-headline": {
302
+ "type": "color",
303
+ "value": "var(--t-text-color-headline)"
304
+ },
305
+ "--t-text-color-default-inverted": {
306
+ "type": "color",
307
+ "value": "var(--t-text-color-inverted)"
308
+ },
309
+ "--t-text-color-default-placeholder": {
310
+ "type": "color",
311
+ "value": "var(--t-text-color-placeholder)"
312
+ },
313
+ "--t-text-color-default-primary": {
314
+ "type": "color",
315
+ "value": "var(--t-text-color)"
316
+ },
317
+ "--t-text-color-default-secondary": {
318
+ "type": "color",
319
+ "value": "var(--t-text-color-secondary)"
320
+ },
321
+ "--t-text-color-interaction-primary": {
322
+ "type": "color",
323
+ "value": "var(--t-text-color-interaction)"
324
+ }
325
+ }
326
+ }
package/dist/tokens-dark.css CHANGED
@@ -1,11 +1,11 @@
1
1
  :root[data-color-mode="dark"]{
2
2
  color-scheme:dark;
3
- --t-text-color-default-headline:hsl(0, 0%, 94%);
4
- --t-text-color-default-primary:hsl(0, 0%, 80%);
5
- --t-text-color-default-secondary:hsl(0, 0%, 54%);
6
- --t-text-color-default-disabled:hsl(0, 0%, 25%);
7
- --t-text-color-default-placeholder:hsl(0, 0%, 38%);
8
- --t-text-color-interaction-primary:hsl(204, 68%, 55%);
3
+ --t-text-color-headline:hsl(0, 0%, 94%);
4
+ --t-text-color:hsl(0, 0%, 80%);
5
+ --t-text-color-secondary:hsl(0, 0%, 54%);
6
+ --t-text-color-disabled:hsl(0, 0%, 32%);
7
+ --t-text-color-placeholder:hsl(0, 0%, 38%);
8
+ --t-text-color-interaction:hsl(204, 68%, 55%);
9
9
  --t-text-color-interaction-hover:hsl(204, 68%, 50%);
10
10
  --t-text-color-interaction-active:hsl(204, 68%, 45%);
11
11
  --t-text-color-interaction-visited:hsl(204, 68%, 50%);
@@ -36,15 +36,15 @@
36
36
  --t-text-color-tag-bold-pink:hsl(0, 0%, 100%);
37
37
  --t-text-color-tag-bold-purple:hsl(0, 0%, 100%);
38
38
  --t-text-color-tag-bold-magenta:hsl(0, 0%, 100%);
39
- --t-icon-color-default-primary:hsl(0, 0%, 80%);
40
- --t-icon-color-default-secondary:hsl(0, 0%, 54%);
41
- --t-icon-color-default-dim:hsl(0, 0%, 38%);
42
- --t-icon-color-default-disabled:hsl(0, 0%, 25%);
43
- --t-icon-color-status-neutral-primary:hsl(0, 0%, 54%);
39
+ --t-icon-color:hsl(0, 0%, 80%);
40
+ --t-icon-color-secondary:hsl(0, 0%, 54%);
41
+ --t-icon-color-dim:hsl(0, 0%, 38%);
42
+ --t-icon-color-disabled:hsl(0, 0%, 25%);
43
+ --t-icon-color-status-neutral:hsl(0, 0%, 54%);
44
44
  --t-icon-color-status-neutral-secondary:hsl(0, 0%, 38%);
45
45
  --t-icon-color-status-neutral-bold:hsl(0, 0%, 80%);
46
- --t-icon-color-status-info-primary:hsl(204, 68%, 55%);
47
- --t-icon-color-status-error-primary:hsl(8, 61%, 61%);
46
+ --t-icon-color-status-info:hsl(204, 68%, 55%);
47
+ --t-icon-color-status-error:hsl(8, 61%, 61%);
48
48
  --t-fill-color-neutral-100:hsl(0, 0%, 10%);
49
49
  --t-fill-color-neutral-000:hsl(0, 0%, 98%);
50
50
  --t-fill-color-neutral-010:hsl(0, 0%, 88%);
@@ -57,18 +57,18 @@
57
57
  --t-fill-color-neutral-070:hsl(0, 0%, 17%);
58
58
  --t-fill-color-neutral-080:hsl(0, 0%, 15%);
59
59
  --t-fill-color-neutral-090:hsl(0, 0%, 12%);
60
- --t-fill-color-interaction-default:hsl(204, 100%, 35%);
60
+ --t-fill-color-interaction:hsl(204, 100%, 35%);
61
61
  --t-fill-color-interaction-hover:hsl(204, 100%, 40%);
62
62
  --t-fill-color-interaction-active:hsl(204, 80%, 45%);
63
63
  --t-fill-color-interaction-disabled:hsl(0, 0%, 25%);
64
64
  --t-fill-color-control-neutral-off:hsl(0, 0%, 32%);
65
65
  --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
66
- --t-fill-color-control-primary:hsl(204, 100%, 35%);
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%);
@@ -77,7 +77,7 @@
77
77
  --t-fill-color-status-warning-dim:hsl(42, 13%, 15%);
78
78
  --t-fill-color-status-error-ghost:hsl(8, 20%, 16%);
79
79
  --t-fill-color-status-error-dim:hsl(10, 16%, 15%);
80
- --t-fill-color-tooltip-primary:hsla(0, 0%, 24%, 0.9);
80
+ --t-fill-color-tooltip:hsla(0, 0%, 24%, 0.9);
81
81
  --t-fill-color-product-accounts-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
82
82
  --t-fill-color-product-accounts-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
83
83
  --t-fill-color-product-calendar-gradient-page:linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));
@@ -142,43 +142,43 @@
142
142
  --t-fill-color-tag-indigo-020:hsl(236, 22%, 29%);
143
143
  --t-fill-color-tag-indigo-030:hsl(236, 26%, 50%);
144
144
  --t-fill-color-tag-indigo-040:hsl(236, 34%, 56%);
145
- --t-fill-color-button-neutral-solid-default:hsl(0, 0%, 19%);
145
+ --t-fill-color-button-neutral-solid:hsl(0, 0%, 19%);
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-default: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%);
153
- --t-fill-color-button-neutral-ghost-default:hsla(0, 0%, 0%, 0);
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
+ --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%);
156
156
  --t-fill-color-button-neutral-ghost-disabled:hsla(0, 0%, 0%, 0);
157
157
  --t-fill-color-button-neutral-responsive-header-disabled:hsla(0, 0%, 100%, 0.05);
158
- --t-fill-color-button-interaction-solid-default:hsl(204, 100%, 35%);
158
+ --t-fill-color-button-interaction-solid:hsl(204, 100%, 35%);
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-default: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%);
166
- --t-fill-color-button-interaction-ghost-default:hsla(0, 0%, 0%, 0);
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
+ --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%);
169
169
  --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 0%, 0);
170
- --t-fill-color-button-delete-solid-default:hsl(8, 60%, 40%);
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-default: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%);
177
- --t-fill-color-button-delete-ghost-default:hsla(0, 0%, 0%, 0);
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
+ --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%);
180
180
  --t-fill-color-button-delete-ghost-disabled:hsla(0, 0%, 0%, 0);
181
- --t-fill-color-button-pill-default:hsl(0, 0%, 18%);
181
+ --t-fill-color-button-pill:hsl(0, 0%, 18%);
182
182
  --t-fill-color-button-pill-hover:hsl(0, 0%, 21%);
183
183
  --t-fill-color-button-pill-active:hsl(0, 0%, 21%);
184
184
  --t-fill-color-button-pill-disabled:hsl(0, 0%, 18%);
@@ -202,13 +202,13 @@
202
202
  --t-fill-color-transparency-dark-090:hsla(0, 0%, 100%, 0.9);
203
203
  --t-surface-color-card:hsl(0, 0%, 12%);
204
204
  --t-surface-color-canvas:hsl(0, 0%, 10%);
205
- --t-border-color-default-base:hsl(0, 0%, 21%);
206
- --t-border-color-default-dark:hsl(0, 0%, 25%);
207
- --t-border-color-default-darker:hsl(0, 0%, 33%);
208
- --t-border-color-default-darkest:hsl(0, 0%, 38%);
209
- --t-border-color-default-disabled:hsl(0, 0%, 21%);
210
- --t-border-color-default-dim:hsl(0, 0%, 16%);
211
- --t-border-color-default-white:hsl(0, 0%, 12%);
205
+ --t-border-color:hsl(0, 0%, 21%);
206
+ --t-border-color-dark:hsl(0, 0%, 25%);
207
+ --t-border-color-darker:hsl(0, 0%, 33%);
208
+ --t-border-color-darkest:hsl(0, 0%, 38%);
209
+ --t-border-color-disabled:hsl(0, 0%, 21%);
210
+ --t-border-color-dim:hsl(0, 0%, 16%);
211
+ --t-border-color-white:hsl(0, 0%, 12%);
212
212
  --t-border-color-status-neutral:hsl(0, 0%, 38%);
213
213
  --t-border-color-status-info:hsl(204, 100%, 35%);
214
214
  --t-border-color-button-neutral:hsl(0, 0%, 19%);
@@ -217,19 +217,19 @@
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
 
224
224
  @media (prefers-color-scheme: dark){
225
225
  :root[data-color-mode="system"]{
226
226
  color-scheme:dark;
227
- --t-text-color-default-headline:hsl(0, 0%, 94%);
228
- --t-text-color-default-primary:hsl(0, 0%, 80%);
229
- --t-text-color-default-secondary:hsl(0, 0%, 54%);
230
- --t-text-color-default-disabled:hsl(0, 0%, 25%);
231
- --t-text-color-default-placeholder:hsl(0, 0%, 38%);
232
- --t-text-color-interaction-primary:hsl(204, 68%, 55%);
227
+ --t-text-color-headline:hsl(0, 0%, 94%);
228
+ --t-text-color:hsl(0, 0%, 80%);
229
+ --t-text-color-secondary:hsl(0, 0%, 54%);
230
+ --t-text-color-disabled:hsl(0, 0%, 32%);
231
+ --t-text-color-placeholder:hsl(0, 0%, 38%);
232
+ --t-text-color-interaction:hsl(204, 68%, 55%);
233
233
  --t-text-color-interaction-hover:hsl(204, 68%, 50%);
234
234
  --t-text-color-interaction-active:hsl(204, 68%, 45%);
235
235
  --t-text-color-interaction-visited:hsl(204, 68%, 50%);
@@ -260,15 +260,15 @@
260
260
  --t-text-color-tag-bold-pink:hsl(0, 0%, 100%);
261
261
  --t-text-color-tag-bold-purple:hsl(0, 0%, 100%);
262
262
  --t-text-color-tag-bold-magenta:hsl(0, 0%, 100%);
263
- --t-icon-color-default-primary:hsl(0, 0%, 80%);
264
- --t-icon-color-default-secondary:hsl(0, 0%, 54%);
265
- --t-icon-color-default-dim:hsl(0, 0%, 38%);
266
- --t-icon-color-default-disabled:hsl(0, 0%, 25%);
267
- --t-icon-color-status-neutral-primary:hsl(0, 0%, 54%);
263
+ --t-icon-color:hsl(0, 0%, 80%);
264
+ --t-icon-color-secondary:hsl(0, 0%, 54%);
265
+ --t-icon-color-dim:hsl(0, 0%, 38%);
266
+ --t-icon-color-disabled:hsl(0, 0%, 25%);
267
+ --t-icon-color-status-neutral:hsl(0, 0%, 54%);
268
268
  --t-icon-color-status-neutral-secondary:hsl(0, 0%, 38%);
269
269
  --t-icon-color-status-neutral-bold:hsl(0, 0%, 80%);
270
- --t-icon-color-status-info-primary:hsl(204, 68%, 55%);
271
- --t-icon-color-status-error-primary:hsl(8, 61%, 61%);
270
+ --t-icon-color-status-info:hsl(204, 68%, 55%);
271
+ --t-icon-color-status-error:hsl(8, 61%, 61%);
272
272
  --t-fill-color-neutral-100:hsl(0, 0%, 10%);
273
273
  --t-fill-color-neutral-000:hsl(0, 0%, 98%);
274
274
  --t-fill-color-neutral-010:hsl(0, 0%, 88%);
@@ -281,18 +281,18 @@
281
281
  --t-fill-color-neutral-070:hsl(0, 0%, 17%);
282
282
  --t-fill-color-neutral-080:hsl(0, 0%, 15%);
283
283
  --t-fill-color-neutral-090:hsl(0, 0%, 12%);
284
- --t-fill-color-interaction-default:hsl(204, 100%, 35%);
284
+ --t-fill-color-interaction:hsl(204, 100%, 35%);
285
285
  --t-fill-color-interaction-hover:hsl(204, 100%, 40%);
286
286
  --t-fill-color-interaction-active:hsl(204, 80%, 45%);
287
287
  --t-fill-color-interaction-disabled:hsl(0, 0%, 25%);
288
288
  --t-fill-color-control-neutral-off:hsl(0, 0%, 32%);
289
289
  --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
290
- --t-fill-color-control-primary:hsl(204, 100%, 35%);
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%);
@@ -301,7 +301,7 @@
301
301
  --t-fill-color-status-warning-dim:hsl(42, 13%, 15%);
302
302
  --t-fill-color-status-error-ghost:hsl(8, 20%, 16%);
303
303
  --t-fill-color-status-error-dim:hsl(10, 16%, 15%);
304
- --t-fill-color-tooltip-primary:hsla(0, 0%, 24%, 0.9);
304
+ --t-fill-color-tooltip:hsla(0, 0%, 24%, 0.9);
305
305
  --t-fill-color-product-accounts-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
306
306
  --t-fill-color-product-accounts-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
307
307
  --t-fill-color-product-calendar-gradient-page:linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));
@@ -366,43 +366,43 @@
366
366
  --t-fill-color-tag-indigo-020:hsl(236, 22%, 29%);
367
367
  --t-fill-color-tag-indigo-030:hsl(236, 26%, 50%);
368
368
  --t-fill-color-tag-indigo-040:hsl(236, 34%, 56%);
369
- --t-fill-color-button-neutral-solid-default:hsl(0, 0%, 19%);
369
+ --t-fill-color-button-neutral-solid:hsl(0, 0%, 19%);
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-default: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%);
377
- --t-fill-color-button-neutral-ghost-default:hsla(0, 0%, 0%, 0);
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
+ --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%);
380
380
  --t-fill-color-button-neutral-ghost-disabled:hsla(0, 0%, 0%, 0);
381
381
  --t-fill-color-button-neutral-responsive-header-disabled:hsla(0, 0%, 100%, 0.05);
382
- --t-fill-color-button-interaction-solid-default:hsl(204, 100%, 35%);
382
+ --t-fill-color-button-interaction-solid:hsl(204, 100%, 35%);
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-default: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%);
390
- --t-fill-color-button-interaction-ghost-default:hsla(0, 0%, 0%, 0);
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
+ --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%);
393
393
  --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 0%, 0);
394
- --t-fill-color-button-delete-solid-default:hsl(8, 60%, 40%);
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-default: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%);
401
- --t-fill-color-button-delete-ghost-default:hsla(0, 0%, 0%, 0);
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
+ --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%);
404
404
  --t-fill-color-button-delete-ghost-disabled:hsla(0, 0%, 0%, 0);
405
- --t-fill-color-button-pill-default:hsl(0, 0%, 18%);
405
+ --t-fill-color-button-pill:hsl(0, 0%, 18%);
406
406
  --t-fill-color-button-pill-hover:hsl(0, 0%, 21%);
407
407
  --t-fill-color-button-pill-active:hsl(0, 0%, 21%);
408
408
  --t-fill-color-button-pill-disabled:hsl(0, 0%, 18%);
@@ -426,13 +426,13 @@
426
426
  --t-fill-color-transparency-dark-090:hsla(0, 0%, 100%, 0.9);
427
427
  --t-surface-color-card:hsl(0, 0%, 12%);
428
428
  --t-surface-color-canvas:hsl(0, 0%, 10%);
429
- --t-border-color-default-base:hsl(0, 0%, 21%);
430
- --t-border-color-default-dark:hsl(0, 0%, 25%);
431
- --t-border-color-default-darker:hsl(0, 0%, 33%);
432
- --t-border-color-default-darkest:hsl(0, 0%, 38%);
433
- --t-border-color-default-disabled:hsl(0, 0%, 21%);
434
- --t-border-color-default-dim:hsl(0, 0%, 16%);
435
- --t-border-color-default-white:hsl(0, 0%, 12%);
429
+ --t-border-color:hsl(0, 0%, 21%);
430
+ --t-border-color-dark:hsl(0, 0%, 25%);
431
+ --t-border-color-darker:hsl(0, 0%, 33%);
432
+ --t-border-color-darkest:hsl(0, 0%, 38%);
433
+ --t-border-color-disabled:hsl(0, 0%, 21%);
434
+ --t-border-color-dim:hsl(0, 0%, 16%);
435
+ --t-border-color-white:hsl(0, 0%, 12%);
436
436
  --t-border-color-status-neutral:hsl(0, 0%, 38%);
437
437
  --t-border-color-status-info:hsl(204, 100%, 35%);
438
438
  --t-border-color-button-neutral:hsl(0, 0%, 19%);
@@ -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 */