@planningcenter/tapestry-tokens 0.0.1 → 3.0.0-rc.26

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 (41) hide show
  1. package/{src → dist}/css/components/banner.css +8 -8
  2. package/dist/css/product-tokens/accounts.css +17 -0
  3. package/dist/css/product-tokens/calendar.css +17 -0
  4. package/dist/css/product-tokens/checkins.css +17 -0
  5. package/dist/css/product-tokens/giving.css +17 -0
  6. package/dist/css/product-tokens/groups.css +17 -0
  7. package/dist/css/product-tokens/home.css +16 -0
  8. package/dist/css/product-tokens/people.css +17 -0
  9. package/dist/css/product-tokens/publishing.css +17 -0
  10. package/dist/css/product-tokens/registrations.css +17 -0
  11. package/dist/css/product-tokens/services.css +17 -0
  12. package/dist/css/tokens-alias-deprecated-removed-segments.css +48 -0
  13. package/dist/css/tokens-alias-deprecated.css +42 -0
  14. package/dist/css/tokens-alias.css +419 -0
  15. package/dist/css/tokens-dark-deprecated.css +14 -0
  16. package/dist/css/tokens-dark.css +226 -0
  17. package/dist/css/tokens-system-dark-deprecated.css +16 -0
  18. package/dist/css/tokens-system-dark.css +228 -0
  19. package/dist/js/tokens-deprecated.json +326 -0
  20. package/dist/js/tokens.json +1972 -0
  21. package/dist/ts/react-native-tokens.d.ts +1927 -0
  22. package/dist/ts/react-native-tokens.d.ts.map +1 -0
  23. package/dist/ts/react-native-tokens.js +494 -0
  24. package/dist/ts/tokens.d.ts +497 -0
  25. package/dist/ts/tokens.d.ts.map +1 -0
  26. package/dist/ts/tokens.js +496 -0
  27. package/package.json +44 -17
  28. package/CHANGELOG.md +0 -0
  29. package/rollup.config.mjs +0 -12
  30. package/src/componentNames.js +0 -10
  31. package/src/css/tokens-alias-deprecated.css +0 -42
  32. package/src/css/tokens-alias.css +0 -334
  33. package/src/css/tokens.css +0 -2
  34. package/src/index.ts +0 -11
  35. package/src/json/alias.json +0 -1628
  36. package/src/json/components.json +0 -84
  37. package/src/json/primitives.json +0 -946
  38. package/src/style-dictionary.build.js +0 -367
  39. package/src/style-dictionary.config.js +0 -67
  40. package/src/ts/tokens.ts +0 -371
  41. package/tsconfig.build.json +0 -11
@@ -0,0 +1,494 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+ export const reactNativeTokens = {
5
+ "--t-border-radius-sm": 2,
6
+ "--t-border-radius-md": 4,
7
+ "--t-border-radius-lg": 8,
8
+ "--t-border-radius-xl": 16,
9
+ "--t-border-radius-round": 56,
10
+ "--t-border-radius": 4,
11
+ "--t-border-width": 1,
12
+ "--t-border-width-thick": 2,
13
+ "--t-border-size-default": 1,
14
+ "--t-border-size-thick": 2,
15
+ "--t-spacing-1": 8,
16
+ "--t-spacing-2": 16,
17
+ "--t-spacing-3": 24,
18
+ "--t-spacing-4": 32,
19
+ "--t-spacing-5": 40,
20
+ "--t-spacing-6": 48,
21
+ "--t-spacing-7": 56,
22
+ "--t-spacing-fourth": 2,
23
+ "--t-spacing-half": 4,
24
+ "--t-spacing-1-half": 12,
25
+ "--t-element-size-3xl": 48,
26
+ "--t-element-size-2xl": 32,
27
+ "--t-element-size-xl": 24,
28
+ "--t-element-size-lg": 18,
29
+ "--t-element-size-md": 16,
30
+ "--t-element-size-sm": 14,
31
+ "--t-element-size-xs": 12,
32
+ "--t-font-size-4xl": 32,
33
+ "--t-font-size-3xl": 28,
34
+ "--t-font-size-2xl": 24,
35
+ "--t-font-size-xl": 20,
36
+ "--t-font-size-lg": 18,
37
+ "--t-font-size-md": 16,
38
+ "--t-font-size-sm": 14,
39
+ "--t-font-size-xs": 12,
40
+ "--t-font-size-2xs": 10,
41
+ "--t-font-weight-normal": "400",
42
+ "--t-font-weight-medium": "500",
43
+ "--t-font-weight-semibold": "600",
44
+ "--t-font-weight-bold": "700",
45
+ "--t-font-weight-semi-bold": "600",
46
+ "--t-container-size-xl": 48,
47
+ "--t-container-size-lg": 40,
48
+ "--t-container-size-md": 32,
49
+ "--t-container-size-sm": 24,
50
+ "--t-container-size-xs": 20,
51
+ "--t-avatar-size-20": 20,
52
+ "--t-avatar-size-24": 24,
53
+ "--t-avatar-size-36": 36,
54
+ "--t-avatar-size-48": 48,
55
+ "--t-avatar-size-72": 72,
56
+ "--t-avatar-size-112": 112,
57
+ "--t-text-color-headline": { light: "hsl(0, 0%, 12%)", dark: "hsl(0, 0%, 94%)" },
58
+ "--t-text-color": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 80%)" },
59
+ "--t-text-color-secondary": { light: "hsl(0, 0%, 42%)", dark: "hsl(0, 0%, 54%)" },
60
+ "--t-text-color-disabled": { light: "hsl(0, 0%, 81%)", dark: "hsl(0, 0%, 25%)" },
61
+ "--t-text-color-placeholder": { light: "hsl(0, 0%, 58%)", dark: "hsl(0, 0%, 38%)" },
62
+ "--t-text-color-inverted": { light: "hsl(0, 0%, 100%)", dark: "hsl(0, 0%, 100%)" },
63
+ "--t-text-color-interaction": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 68%, 55%)" },
64
+ "--t-text-color-interaction-hover": { light: "hsl(204, 100%, 35%)", dark: "hsl(204, 68%, 50%)" },
65
+ "--t-text-color-interaction-active": { light: "hsl(204, 100%, 30%)", dark: "hsl(204, 68%, 45%)" },
66
+ "--t-text-color-interaction-visited": { light: "hsl(204, 100%, 30%)", dark: "hsl(204, 68%, 50%)" },
67
+ "--t-text-color-status-neutral": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 80%)" },
68
+ "--t-text-color-status-info": { light: "hsl(204, 100%, 35%)", dark: "hsl(204, 68%, 55%)" },
69
+ "--t-text-color-status-success": { light: "hsl(97, 57%, 28%)", dark: "hsl(97, 57%, 41%)" },
70
+ "--t-text-color-status-warning": { light: "hsl(42, 100%, 29%)", dark: "hsl(42, 84%, 55%)" },
71
+ "--t-text-color-status-error": { light: "hsl(8, 60%, 45%)", dark: "hsl(8, 61%, 61%)" },
72
+ "--t-text-color-tag-subtle-gray": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 80%)" },
73
+ "--t-text-color-tag-subtle-blue": { light: "hsl(224, 47%, 31%)", dark: "hsl(223, 46%, 84%)" },
74
+ "--t-text-color-tag-subtle-indigo": { light: "hsl(241, 59%, 28%)", dark: "hsl(233, 78%, 84%)" },
75
+ "--t-text-color-tag-subtle-aqua": { light: "hsl(209, 77%, 22%)", dark: "hsl(208, 77%, 85%)" },
76
+ "--t-text-color-tag-subtle-teal": { light: "hsl(180, 95%, 15%)", dark: "hsl(180, 95%, 74%)" },
77
+ "--t-text-color-tag-subtle-green": { light: "hsl(100, 93%, 17%)", dark: "hsl(99, 93%, 84%)" },
78
+ "--t-text-color-tag-subtle-yellow": { light: "hsl(29, 100%, 23%)", dark: "hsl(29, 100%, 85%)" },
79
+ "--t-text-color-tag-subtle-orange": { light: "hsl(18, 100%, 18%)", dark: "hsl(18, 100%, 85%)" },
80
+ "--t-text-color-tag-subtle-pink": { light: "hsl(327, 88%, 20%)", dark: "hsl(328, 89%, 89%)" },
81
+ "--t-text-color-tag-subtle-purple": { light: "hsl(268, 71%, 27%)", dark: "hsl(268, 70%, 88%)" },
82
+ "--t-text-color-tag-subtle-magenta": { light: "hsl(285, 71%, 20%)", dark: "hsl(285, 70%, 88%)" },
83
+ "--t-text-color-tag-bold-gray": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 100%)" },
84
+ "--t-text-color-tag-bold-indigo": { light: "hsl(241, 59%, 28%)", dark: "hsl(0, 0%, 100%)" },
85
+ "--t-text-color-tag-bold-blue": { light: "hsl(224, 47%, 31%)", dark: "hsl(0, 0%, 100%)" },
86
+ "--t-text-color-tag-bold-aqua": { light: "hsl(209, 77%, 22%)", dark: "hsl(0, 0%, 100%)" },
87
+ "--t-text-color-tag-bold-teal": { light: "hsl(180, 95%, 15%)", dark: "hsl(0, 0%, 100%)" },
88
+ "--t-text-color-tag-bold-green": { light: "hsl(100, 93%, 17%)", dark: "hsl(0, 0%, 100%)" },
89
+ "--t-text-color-tag-bold-yellow": { light: "hsl(29, 100%, 23%)", dark: "hsl(0, 0%, 100%)" },
90
+ "--t-text-color-tag-bold-orange": { light: "hsl(18, 100%, 18%)", dark: "hsl(0, 0%, 100%)" },
91
+ "--t-text-color-tag-bold-pink": { light: "hsl(327, 88%, 20%)", dark: "hsl(0, 0%, 100%)" },
92
+ "--t-text-color-tag-bold-purple": { light: "hsl(268, 71%, 27%)", dark: "hsl(0, 0%, 100%)" },
93
+ "--t-text-color-tag-bold-magenta": { light: "hsl(285, 71%, 20%)", dark: "hsl(0, 0%, 100%)" },
94
+ "--t-icon-color": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 80%)" },
95
+ "--t-icon-color-secondary": { light: "hsl(0, 0%, 42%)", dark: "hsl(0, 0%, 54%)" },
96
+ "--t-icon-color-dim": { light: "hsl(0, 0%, 58%)", dark: "hsl(0, 0%, 38%)" },
97
+ "--t-icon-color-disabled": { light: "hsl(0, 0%, 81%)", dark: "hsl(0, 0%, 25%)" },
98
+ "--t-icon-color-inverted": { light: "hsl(0, 0%, 100%)", dark: "hsl(0, 0%, 100%)" },
99
+ "--t-icon-color-status-neutral": { light: "hsl(0, 0%, 42%)", dark: "hsl(0, 0%, 54%)" },
100
+ "--t-icon-color-status-neutral-secondary": { light: "hsl(0, 0%, 58%)", dark: "hsl(0, 0%, 38%)" },
101
+ "--t-icon-color-status-neutral-bold": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 80%)" },
102
+ "--t-icon-color-status-neutral-dark": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 24%)" },
103
+ "--t-icon-color-status-info": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 68%, 55%)" },
104
+ "--t-icon-color-status-info-secondary": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 40%)" },
105
+ "--t-icon-color-status-success": { light: "hsl(96, 57%, 33%)", dark: "hsl(96, 57%, 33%)" },
106
+ "--t-icon-color-status-success-secondary": { light: "hsl(97, 57%, 40%)", dark: "hsl(97, 57%, 40%)" },
107
+ "--t-icon-color-status-warning": { light: "hsl(42, 84%, 49%)", dark: "hsl(42, 84%, 49%)" },
108
+ "--t-icon-color-status-error": { light: "hsl(8, 60%, 47%)", dark: "hsl(8, 61%, 61%)" },
109
+ "--t-fill-color-neutral-100": { light: "hsl(0, 0%, 100%)", dark: "hsl(0, 0%, 10%)" },
110
+ "--t-fill-color-neutral-000": { light: "hsl(0, 0%, 12%)", dark: "hsl(0, 0%, 98%)" },
111
+ "--t-fill-color-neutral-010": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 88%)" },
112
+ "--t-fill-color-neutral-020": { light: "hsl(0, 0%, 42%)", dark: "hsl(0, 0%, 68%)" },
113
+ "--t-fill-color-neutral-025": { light: "hsl(0, 0%, 50%)", dark: "hsl(0, 0%, 58%)" },
114
+ "--t-fill-color-neutral-030": { light: "hsl(0, 0%, 58%)", dark: "hsl(0, 0%, 50%)" },
115
+ "--t-fill-color-neutral-040": { light: "hsl(0, 0%, 81%)", dark: "hsl(0, 0%, 32%)" },
116
+ "--t-fill-color-neutral-050": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 24%)" },
117
+ "--t-fill-color-neutral-060": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 19%)" },
118
+ "--t-fill-color-neutral-070": { light: "hsl(0, 0%, 95%)", dark: "hsl(0, 0%, 17%)" },
119
+ "--t-fill-color-neutral-080": { light: "hsl(0, 0%, 97%)", dark: "hsl(0, 0%, 15%)" },
120
+ "--t-fill-color-neutral-090": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 12%)" },
121
+ "--t-fill-color-interaction": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 35%)" },
122
+ "--t-fill-color-interaction-hover": { light: "hsl(204, 100%, 35%)", dark: "hsl(204, 100%, 40%)" },
123
+ "--t-fill-color-interaction-active": { light: "hsl(204, 100%, 30%)", dark: "hsl(204, 80%, 45%)" },
124
+ "--t-fill-color-interaction-disabled": { light: "hsl(0, 0%, 81%)", dark: "hsl(0, 0%, 25%)" },
125
+ "--t-fill-color-control-neutral-off": { light: "hsl(0, 0%, 58%)", dark: "hsl(0, 0%, 32%)" },
126
+ "--t-fill-color-control-neutral-on": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 50%)" },
127
+ "--t-fill-color-control": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 35%)" },
128
+ "--t-fill-color-control-secondary": { light: "hsl(97, 57%, 40%)", dark: "hsl(97, 57%, 40%)" },
129
+ "--t-fill-color-control-error": { light: "hsl(8, 60%, 47%)", dark: "hsl(8, 60%, 47%)" },
130
+ "--t-fill-color-control-disabled": { light: "hsl(0, 0%, 81%)", dark: "hsl(0, 0%, 20%)" },
131
+ "--t-fill-color-status-neutral": { light: "hsl(0, 0%, 42%)", dark: "hsl(0, 0%, 24%)" },
132
+ "--t-fill-color-status-neutral-ghost": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 18%)" },
133
+ "--t-fill-color-status-neutral-dim": { light: "hsl(0, 0%, 97%)", dark: "hsl(0, 0%, 15%)" },
134
+ "--t-fill-color-status-neutral-solid": { light: "hsl(0, 0%, 42%)", dark: "hsl(0, 0%, 42%)" },
135
+ "--t-fill-color-status-info": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 35%)" },
136
+ "--t-fill-color-status-info-ghost": { light: "hsl(203, 94%, 94%)", dark: "hsl(204, 32%, 15%)" },
137
+ "--t-fill-color-status-info-dim": { light: "hsl(204, 100%, 97%)", dark: "hsl(206, 22%, 15%)" },
138
+ "--t-fill-color-status-info-solid": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 40%)" },
139
+ "--t-fill-color-status-success": { light: "hsl(96, 57%, 33%)", dark: "hsl(96, 57%, 33%)" },
140
+ "--t-fill-color-status-success-ghost": { light: "hsl(97, 57%, 90%)", dark: "hsl(125, 17%, 15%)" },
141
+ "--t-fill-color-status-success-dim": { light: "hsl(96, 60%, 95%)", dark: "hsl(120, 12%, 14%)" },
142
+ "--t-fill-color-status-success-solid": { light: "hsl(96, 57%, 33%)", dark: "hsl(96, 57%, 33%)" },
143
+ "--t-fill-color-status-warning": { light: "hsl(42, 84%, 63%)", dark: "hsl(42, 84%, 63%)" },
144
+ "--t-fill-color-status-warning-ghost": { light: "hsl(42, 87%, 94%)", dark: "hsl(41, 18%, 17%)" },
145
+ "--t-fill-color-status-warning-dim": { light: "hsl(42, 87%, 97%)", dark: "hsl(42, 13%, 15%)" },
146
+ "--t-fill-color-status-warning-solid": { light: "hsl(42, 84%, 63%)", dark: "hsl(42, 84%, 63%)" },
147
+ "--t-fill-color-status-error": { light: "hsl(8, 60%, 47%)", dark: "hsl(8, 60%, 47%)" },
148
+ "--t-fill-color-status-error-ghost": { light: "hsl(9, 59%, 93%)", dark: "hsl(8, 20%, 16%)" },
149
+ "--t-fill-color-status-error-dim": { light: "hsl(7, 60%, 97%)", dark: "hsl(10, 16%, 15%)" },
150
+ "--t-fill-color-status-error-solid": { light: "hsl(8, 60%, 47%)", dark: "hsl(8, 60%, 47%)" },
151
+ "--t-fill-color-alert-info": { light: "hsl(204, 94%, 49%)", dark: "hsl(204, 94%, 49%)" },
152
+ "--t-fill-color-alert-success": { light: "hsl(122, 60%, 41%)", dark: "hsl(122, 60%, 41%)" },
153
+ "--t-fill-color-alert-warning": { light: "hsl(43, 96%, 58%)", dark: "hsl(43, 96%, 58%)" },
154
+ "--t-fill-color-alert-error": { light: "hsl(4, 77%, 59%)", dark: "hsl(4, 77%, 59%)" },
155
+ "--t-fill-color-tooltip": { light: "hsla(0, 0%, 12%, 0.9)", dark: "hsla(0, 0%, 24%, 0.9)" },
156
+ "--t-fill-color-product-accounts-010": { light: "hsl(212, 54%, 93%)", dark: "hsl(212, 54%, 93%)" },
157
+ "--t-fill-color-product-accounts-020": { light: "hsl(209, 53%, 90%)", dark: "hsl(209, 53%, 90%)" },
158
+ "--t-fill-color-product-accounts-030": { light: "hsl(210, 56%, 70%)", dark: "hsl(210, 56%, 70%)" },
159
+ "--t-fill-color-product-accounts-040": { light: "hsl(210, 54%, 60%)", dark: "hsl(210, 54%, 60%)" },
160
+ "--t-fill-color-product-accounts-050": { light: "hsl(210, 55%, 50%)", dark: "hsl(210, 55%, 50%)" },
161
+ "--t-fill-color-product-accounts-060": { light: "hsl(210, 65%, 40%)", dark: "hsl(210, 65%, 40%)" },
162
+ "--t-fill-color-product-accounts-070": { light: "hsl(211, 70%, 32%)", dark: "hsl(211, 70%, 32%)" },
163
+ "--t-fill-color-product-accounts-080": { light: "hsl(210, 75%, 25%)", dark: "hsl(210, 75%, 25%)" },
164
+ "--t-fill-color-product-calendar-010": { light: "hsl(8, 61%, 90%)", dark: "hsl(8, 61%, 90%)" },
165
+ "--t-fill-color-product-calendar-020": { light: "hsl(8, 61%, 70%)", dark: "hsl(8, 61%, 70%)" },
166
+ "--t-fill-color-product-calendar-030": { light: "hsl(8, 72%, 59%)", dark: "hsl(8, 72%, 59%)" },
167
+ "--t-fill-color-product-calendar-040": { light: "hsl(8, 65%, 55%)", dark: "hsl(8, 65%, 55%)" },
168
+ "--t-fill-color-product-calendar-050": { light: "hsl(9, 61%, 50%)", dark: "hsl(9, 61%, 50%)" },
169
+ "--t-fill-color-product-calendar-060": { light: "hsl(8, 65%, 42%)", dark: "hsl(8, 65%, 42%)" },
170
+ "--t-fill-color-product-calendar-070": { light: "hsl(7, 65%, 34%)", dark: "hsl(7, 65%, 34%)" },
171
+ "--t-fill-color-product-calendar-080": { light: "hsl(9, 61%, 27%)", dark: "hsl(9, 61%, 27%)" },
172
+ "--t-fill-color-product-checkins-010": { light: "hsl(285, 20%, 92%)", dark: "hsl(285, 20%, 92%)" },
173
+ "--t-fill-color-product-checkins-020": { light: "hsl(283, 22%, 75%)", dark: "hsl(283, 22%, 75%)" },
174
+ "--t-fill-color-product-checkins-030": { light: "hsl(284, 22%, 64%)", dark: "hsl(284, 22%, 64%)" },
175
+ "--t-fill-color-product-checkins-040": { light: "hsl(283, 22%, 55%)", dark: "hsl(283, 22%, 55%)" },
176
+ "--t-fill-color-product-checkins-050": { light: "hsl(283, 22%, 48%)", dark: "hsl(283, 22%, 48%)" },
177
+ "--t-fill-color-product-checkins-060": { light: "hsl(283, 27%, 42%)", dark: "hsl(283, 27%, 42%)" },
178
+ "--t-fill-color-product-checkins-070": { light: "hsl(284, 33%, 34%)", dark: "hsl(284, 33%, 34%)" },
179
+ "--t-fill-color-product-checkins-080": { light: "hsl(283, 33%, 27%)", dark: "hsl(283, 33%, 27%)" },
180
+ "--t-fill-color-product-giving-010": { light: "hsl(41, 95%, 93%)", dark: "hsl(41, 95%, 93%)" },
181
+ "--t-fill-color-product-giving-020": { light: "hsl(42, 95%, 83%)", dark: "hsl(42, 95%, 83%)" },
182
+ "--t-fill-color-product-giving-030": { light: "hsl(43, 95%, 75%)", dark: "hsl(43, 95%, 75%)" },
183
+ "--t-fill-color-product-giving-040": { light: "hsl(43, 88%, 70%)", dark: "hsl(43, 88%, 70%)" },
184
+ "--t-fill-color-product-giving-050": { light: "hsl(43, 88%, 64%)", dark: "hsl(43, 88%, 64%)" },
185
+ "--t-fill-color-product-giving-060": { light: "hsl(42, 84%, 55%)", dark: "hsl(42, 84%, 55%)" },
186
+ "--t-fill-color-product-giving-070": { light: "hsl(42, 84%, 48%)", dark: "hsl(42, 84%, 48%)" },
187
+ "--t-fill-color-product-giving-080": { light: "hsl(42, 100%, 40%)", dark: "hsl(42, 100%, 40%)" },
188
+ "--t-fill-color-product-groups-010": { light: "hsl(18, 95%, 92%)", dark: "hsl(18, 95%, 92%)" },
189
+ "--t-fill-color-product-groups-020": { light: "hsl(17, 96%, 80%)", dark: "hsl(17, 96%, 80%)" },
190
+ "--t-fill-color-product-groups-030": { light: "hsl(17, 96%, 70%)", dark: "hsl(17, 96%, 70%)" },
191
+ "--t-fill-color-product-groups-040": { light: "hsl(17, 96%, 63%)", dark: "hsl(17, 96%, 63%)" },
192
+ "--t-fill-color-product-groups-050": { light: "hsl(17, 88%, 55%)", dark: "hsl(17, 88%, 55%)" },
193
+ "--t-fill-color-product-groups-060": { light: "hsl(12, 70%, 48%)", dark: "hsl(12, 70%, 48%)" },
194
+ "--t-fill-color-product-groups-070": { light: "hsl(12, 70%, 40%)", dark: "hsl(12, 70%, 40%)" },
195
+ "--t-fill-color-product-groups-080": { light: "hsl(14, 70%, 34%)", dark: "hsl(14, 70%, 34%)" },
196
+ "--t-fill-color-product-home-010": { light: "hsl(221, 89%, 93%)", dark: "hsl(221, 89%, 93%)" },
197
+ "--t-fill-color-product-home-020": { light: "hsl(221, 91%, 91%)", dark: "hsl(221, 91%, 91%)" },
198
+ "--t-fill-color-product-home-030": { light: "hsl(221, 91%, 87%)", dark: "hsl(221, 91%, 87%)" },
199
+ "--t-fill-color-product-home-040": { light: "hsl(221, 91%, 62%)", dark: "hsl(221, 91%, 62%)" },
200
+ "--t-fill-color-product-home-050": { light: "hsl(221, 91%, 55%)", dark: "hsl(221, 91%, 55%)" },
201
+ "--t-fill-color-product-home-060": { light: "hsl(221, 90%, 50%)", dark: "hsl(221, 90%, 50%)" },
202
+ "--t-fill-color-product-home-070": { light: "hsl(221, 90%, 45%)", dark: "hsl(221, 90%, 45%)" },
203
+ "--t-fill-color-product-home-080": { light: "hsl(218, 84%, 25%)", dark: "hsl(218, 84%, 25%)" },
204
+ "--t-fill-color-product-people-010": { light: "hsl(219, 73%, 91%)", dark: "hsl(219, 73%, 91%)" },
205
+ "--t-fill-color-product-people-020": { light: "hsl(220, 69%, 81%)", dark: "hsl(220, 69%, 81%)" },
206
+ "--t-fill-color-product-people-030": { light: "hsl(221, 73%, 71%)", dark: "hsl(221, 73%, 71%)" },
207
+ "--t-fill-color-product-people-040": { light: "hsl(221, 73%, 65%)", dark: "hsl(221, 73%, 65%)" },
208
+ "--t-fill-color-product-people-050": { light: "hsl(220, 74%, 57%)", dark: "hsl(220, 74%, 57%)" },
209
+ "--t-fill-color-product-people-060": { light: "hsl(220, 68%, 51%)", dark: "hsl(220, 68%, 51%)" },
210
+ "--t-fill-color-product-people-070": { light: "hsl(220, 68%, 41%)", dark: "hsl(220, 68%, 41%)" },
211
+ "--t-fill-color-product-people-080": { light: "hsl(221, 68%, 31%)", dark: "hsl(221, 68%, 31%)" },
212
+ "--t-fill-color-product-publishing-010": { light: "hsl(220, 4%, 86%)", dark: "hsl(220, 4%, 86%)" },
213
+ "--t-fill-color-product-publishing-020": { light: "hsl(222, 10%, 60%)", dark: "hsl(222, 10%, 60%)" },
214
+ "--t-fill-color-product-publishing-030": { light: "hsl(221, 11%, 50%)", dark: "hsl(221, 11%, 50%)" },
215
+ "--t-fill-color-product-publishing-040": { light: "hsl(222, 12%, 39%)", dark: "hsl(222, 12%, 39%)" },
216
+ "--t-fill-color-product-publishing-050": { light: "hsl(220, 12%, 31%)", dark: "hsl(220, 12%, 31%)" },
217
+ "--t-fill-color-product-publishing-060": { light: "hsl(220, 11%, 26%)", dark: "hsl(220, 11%, 26%)" },
218
+ "--t-fill-color-product-publishing-070": { light: "hsl(217, 12%, 22%)", dark: "hsl(217, 12%, 22%)" },
219
+ "--t-fill-color-product-publishing-080": { light: "hsl(214, 11%, 12%)", dark: "hsl(214, 11%, 12%)" },
220
+ "--t-fill-color-product-registrations-010": { light: "hsl(173, 28%, 89%)", dark: "hsl(173, 28%, 89%)" },
221
+ "--t-fill-color-product-registrations-020": { light: "hsl(176, 38%, 78%)", dark: "hsl(176, 38%, 78%)" },
222
+ "--t-fill-color-product-registrations-030": { light: "hsl(176, 37%, 68%)", dark: "hsl(176, 37%, 68%)" },
223
+ "--t-fill-color-product-registrations-040": { light: "hsl(176, 37%, 60%)", dark: "hsl(176, 37%, 60%)" },
224
+ "--t-fill-color-product-registrations-050": { light: "hsl(175, 36%, 43%)", dark: "hsl(175, 36%, 43%)" },
225
+ "--t-fill-color-product-registrations-060": { light: "hsl(175, 51%, 34%)", dark: "hsl(175, 51%, 34%)" },
226
+ "--t-fill-color-product-registrations-070": { light: "hsl(174, 51%, 28%)", dark: "hsl(174, 51%, 28%)" },
227
+ "--t-fill-color-product-registrations-080": { light: "hsl(175, 52%, 22%)", dark: "hsl(175, 52%, 22%)" },
228
+ "--t-fill-color-product-services-010": { light: "hsl(88, 31%, 88%)", dark: "hsl(88, 31%, 88%)" },
229
+ "--t-fill-color-product-services-020": { light: "hsl(88, 39%, 75%)", dark: "hsl(88, 39%, 75%)" },
230
+ "--t-fill-color-product-services-030": { light: "hsl(88, 39%, 66%)", dark: "hsl(88, 39%, 66%)" },
231
+ "--t-fill-color-product-services-040": { light: "hsl(88, 40%, 54%)", dark: "hsl(88, 40%, 54%)" },
232
+ "--t-fill-color-product-services-050": { light: "hsl(88, 45%, 41%)", dark: "hsl(88, 45%, 41%)" },
233
+ "--t-fill-color-product-services-060": { light: "hsl(89, 62%, 31%)", dark: "hsl(89, 62%, 31%)" },
234
+ "--t-fill-color-product-services-070": { light: "hsl(89, 62%, 26%)", dark: "hsl(89, 62%, 26%)" },
235
+ "--t-fill-color-product-services-080": { light: "hsl(89, 63%, 21%)", dark: "hsl(89, 63%, 21%)" },
236
+ "--t-fill-color-product-staff": { light: "hsl(328, 100%, 45%)", dark: "hsl(328, 100%, 45%)" },
237
+ "--t-fill-color-product-staff-dark": { light: "hsl(328, 100%, 38%)", dark: "hsl(328, 100%, 38%)" },
238
+ "--t-fill-color-product-staff-darker": { light: "hsl(328, 100%, 33%)", dark: "hsl(328, 100%, 33%)" },
239
+ "--t-fill-color-product-accounts-gradient-brand": { "stops": [{ "color": "#32a7f0", "position": 0 }, { "color": "#3f75e5", "position": 1 }], "type": "linear", "angle": 135 },
240
+ "--t-fill-color-product-accounts-gradient-page": { "stops": [{ "color": "#aac2f2", "position": 0 }, { "color": "#aac2f2", "position": 0.5 }, { "color": "#8cc3e8", "position": 1 }], "type": "linear", "angle": 111.71745615449684 },
241
+ "--t-fill-color-product-accounts-gradient-tint": { "stops": [{ "color": "#e5edfb", "position": 0 }, { "color": "#e5edfb", "position": 0.5 }, { "color": "#dcedf8", "position": 1 }], "type": "linear", "angle": 111.71745615449684 },
242
+ "--t-fill-color-product-api-gradient-brand": { "stops": [{ "color": "#3b78ff", "position": 0 }, { "color": "#0966ff", "position": 1 }], "type": "linear", "angle": 180 },
243
+ "--t-fill-color-product-calendar-gradient-brand": { "stops": [{ "color": "#f25436", "position": 0 }, { "color": "#cd4d38", "position": 1 }], "type": "linear", "angle": 135 },
244
+ "--t-fill-color-product-calendar-gradient-page": { "stops": [{ "color": "#f5aaa3", "position": 0 }, { "color": "#c2b3c4", "position": 0.5 }, { "color": "#8cc3e8", "position": 1 }], "type": "linear", "angle": 111.71745615449684 },
245
+ "--t-fill-color-product-calendar-gradient-tint": { "stops": [{ "color": "#ffe4e0", "position": 0 }, { "color": "#ebe5ed", "position": 0.5 }, { "color": "#dcedf8", "position": 1 }], "type": "linear", "angle": 111.71745615449684 },
246
+ "--t-fill-color-product-cc-gradient-brand": { "stops": [{ "color": "#42a5f5", "position": 0 }, { "color": "#66bb6a", "position": 1 }], "type": "linear", "angle": 135 },
247
+ "--t-fill-color-product-checkins-gradient-brand": { "stops": [{ "color": "#a76ebe", "position": 0 }, { "color": "#875e96", "position": 1 }], "type": "linear", "angle": 135 },
248
+ "--t-fill-color-product-checkins-gradient-page": { "stops": [{ "color": "#c9b7d0", "position": 0.25 }, { "color": "#b4bddc", "position": 0.6000000238418579 }, { "color": "#8cc3e8", "position": 1 }], "type": "linear", "angle": 111.71745615449684 },
249
+ "--t-fill-color-product-checkins-gradient-tint": { "stops": [{ "color": "#efe9f1", "position": 0 }, { "color": "#e8ebf4", "position": 0.41999998688697815 }, { "color": "#dcedf8", "position": 1 }], "type": "linear", "angle": 111.71745615449684 },
250
+ "--t-fill-color-product-giving-gradient-brand": { "stops": [{ "color": "#f5c426", "position": 0 }, { "color": "#f2b327", "position": 1 }], "type": "linear", "angle": 90 },
251
+ "--t-fill-color-product-giving-gradient-page": { "stops": [{ "color": "#f7dda0", "position": 0 }, { "color": "#e0dde9", "position": 0.5849999785423279 }, { "color": "#8cc3e8", "position": 1 }], "type": "linear", "angle": 111.71745615449684 },
252
+ "--t-fill-color-product-giving-gradient-tint": { "stops": [{ "color": "#fdf5e2", "position": 0 }, { "color": "#f6f5f8", "position": 0.5849999785423279 }, { "color": "#dcedf8", "position": 1 }], "type": "linear", "angle": 111.71745615449684 },
253
+ "--t-fill-color-product-groups-gradient-brand": { "stops": [{ "color": "#ff962d", "position": 0 }, { "color": "#fc7638", "position": 1 }], "type": "linear", "angle": 135 },
254
+ "--t-fill-color-product-groups-gradient-page": { "stops": [{ "color": "#f9b89e", "position": 0 }, { "color": "#c2b3c4", "position": 0.5 }, { "color": "#8cc3e8", "position": 1 }], "type": "linear", "angle": 111.71745615449684 },
255
+ "--t-fill-color-product-groups-gradient-tint": { "stops": [{ "color": "#fdeae2", "position": 0 }, { "color": "#ede8ed", "position": 0.5 }, { "color": "#dcedf8", "position": 1 }], "type": "linear", "angle": 111.71745615449684 },
256
+ "--t-fill-color-product-headcounts-gradient-brand": { "stops": [{ "color": "#a76ebd", "position": 0 }, { "color": "#875d95", "position": 1 }], "type": "linear", "angle": 135 },
257
+ "--t-fill-color-product-home-gradient-page": { "stops": [{ "color": "#aac2f2", "position": 0 }, { "color": "#aac2f2", "position": 0.5 }, { "color": "#8cc3e8", "position": 1 }], "type": "linear", "angle": 111.71745615449684 },
258
+ "--t-fill-color-product-home-gradient-tint": { "stops": [{ "color": "#e5edfb", "position": 0 }, { "color": "#e5edfb", "position": 0.5 }, { "color": "#dcedf8", "position": 1 }], "type": "linear", "angle": 111.71745615449684 },
259
+ "--t-fill-color-product-musicstand-gradient-brand": { "stops": [{ "color": "#3291d2", "position": 0 }, { "color": "#3c7ec6", "position": 1 }], "type": "linear", "angle": 135 },
260
+ "--t-fill-color-product-people-gradient-brand": { "stops": [{ "color": "#32a0f0", "position": 0 }, { "color": "#3f75e5", "position": 1 }], "type": "linear", "angle": 135 },
261
+ "--t-fill-color-product-people-gradient-page": { "stops": [{ "color": "#aac2f2", "position": 0 }, { "color": "#aac2f2", "position": 0.5 }, { "color": "#8cc3e8", "position": 1 }], "type": "linear", "angle": 111.71745615449684 },
262
+ "--t-fill-color-product-people-gradient-tint": { "stops": [{ "color": "#e5edfb", "position": 0 }, { "color": "#e5edfb", "position": 0.5 }, { "color": "#dcedf8", "position": 1 }], "type": "linear", "angle": 111.71745615449684 },
263
+ "--t-fill-color-product-publishing-gradient-brand": { "stops": [{ "color": "#777782", "position": 0 }, { "color": "#5e5e69", "position": 1 }], "type": "linear", "angle": 135 },
264
+ "--t-fill-color-product-publishing-gradient-page": { "stops": [{ "color": "#abaeb3", "position": 0 }, { "color": "#a5afbc", "position": 0.44999998807907104 }, { "color": "#8cc3e8", "position": 1 }], "type": "linear", "angle": 111.71745615449684 },
265
+ "--t-fill-color-product-publishing-gradient-tint": { "stops": [{ "color": "#e6e7e8", "position": 0 }, { "color": "#e4e7eb", "position": 0.44999998807907104 }, { "color": "#dcedf8", "position": 1 }], "type": "linear", "angle": 111.71745615449684 },
266
+ "--t-fill-color-product-registrations-gradient-brand": { "stops": [{ "color": "#42b39c", "position": 0 }, { "color": "#46938c", "position": 1 }], "type": "linear", "angle": 135 },
267
+ "--t-fill-color-product-registrations-gradient-page": { "stops": [{ "color": "#accfcc", "position": 0 }, { "color": "#9cc9da", "position": 0.39500001072883606 }, { "color": "#8cc3e8", "position": 1 }], "type": "linear", "angle": 111.71745615449684 },
268
+ "--t-fill-color-product-registrations-gradient-tint": { "stops": [{ "color": "#e6f1f0", "position": 0 }, { "color": "#e1eff4", "position": 0.39500001072883606 }, { "color": "#dcedf8", "position": 1 }], "type": "linear", "angle": 111.71745615449684 },
269
+ "--t-fill-color-product-services-gradient-brand": { "stops": [{ "color": "#6bb23d", "position": 0 }, { "color": "#659630", "position": 1 }], "type": "linear", "angle": 135 },
270
+ "--t-fill-color-product-services-gradient-page": { "stops": [{ "color": "#bcd0a6", "position": 0 }, { "color": "#b7d7b8", "position": 0.39500001072883606 }, { "color": "#8cc3e8", "position": 1 }], "type": "linear", "angle": 111.71745615449684 },
271
+ "--t-fill-color-product-services-gradient-tint": { "stops": [{ "color": "#ebf1e4", "position": 0 }, { "color": "#e9f3ea", "position": 0.39500001072883606 }, { "color": "#dcedf8", "position": 1 }], "type": "linear", "angle": 111.71745615449684 },
272
+ "--t-fill-color-tag-gray-010": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 20%)" },
273
+ "--t-fill-color-tag-gray-020": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 24%)" },
274
+ "--t-fill-color-tag-gray-030": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 36%)" },
275
+ "--t-fill-color-tag-gray-040": { light: "hsl(0, 0%, 81%)", dark: "hsl(0, 0%, 42%)" },
276
+ "--t-fill-color-tag-blue-010": { light: "hsl(220, 100%, 95%)", dark: "hsl(219, 26%, 24%)" },
277
+ "--t-fill-color-tag-blue-020": { light: "hsl(221, 100%, 88%)", dark: "hsl(220, 28%, 29%)" },
278
+ "--t-fill-color-tag-blue-030": { light: "hsl(220, 98%, 81%)", dark: "hsl(219, 32%, 45%)" },
279
+ "--t-fill-color-tag-blue-040": { light: "hsl(220, 98%, 74%)", dark: "hsl(220, 35%, 52%)" },
280
+ "--t-fill-color-tag-aqua-010": { light: "hsl(200, 82%, 89%)", dark: "hsl(200, 30%, 21%)" },
281
+ "--t-fill-color-tag-aqua-020": { light: "hsl(200, 82%, 82%)", dark: "hsl(200, 33%, 26%)" },
282
+ "--t-fill-color-tag-aqua-030": { light: "hsl(201, 76%, 71%)", dark: "hsl(200, 39%, 38%)" },
283
+ "--t-fill-color-tag-aqua-040": { light: "hsl(200, 75%, 64%)", dark: "hsl(200, 39%, 43%)" },
284
+ "--t-fill-color-tag-teal-010": { light: "hsl(163, 53%, 83%)", dark: "hsl(169, 33%, 19%)" },
285
+ "--t-fill-color-tag-teal-020": { light: "hsl(164, 52%, 76%)", dark: "hsl(169, 37%, 22%)" },
286
+ "--t-fill-color-tag-teal-030": { light: "hsl(169, 62%, 64%)", dark: "hsl(169, 43%, 31%)" },
287
+ "--t-fill-color-tag-teal-040": { light: "hsl(169, 62%, 56%)", dark: "hsl(169, 44%, 35%)" },
288
+ "--t-fill-color-tag-green-010": { light: "hsl(98, 59%, 85%)", dark: "hsl(110, 30%, 20%)" },
289
+ "--t-fill-color-tag-green-020": { light: "hsl(99, 59%, 78%)", dark: "hsl(112, 33%, 23%)" },
290
+ "--t-fill-color-tag-green-030": { light: "hsl(112, 57%, 65%)", dark: "hsl(112, 37%, 33%)" },
291
+ "--t-fill-color-tag-green-040": { light: "hsl(112, 57%, 57%)", dark: "hsl(112, 39%, 37%)" },
292
+ "--t-fill-color-tag-yellow-010": { light: "hsl(45, 77%, 85%)", dark: "hsl(44, 39%, 19%)" },
293
+ "--t-fill-color-tag-yellow-020": { light: "hsl(44, 78%, 77%)", dark: "hsl(44, 44%, 22%)" },
294
+ "--t-fill-color-tag-yellow-030": { light: "hsl(44, 92%, 69%)", dark: "hsl(44, 50%, 31%)" },
295
+ "--t-fill-color-tag-yellow-040": { light: "hsl(44, 93%, 61%)", dark: "hsl(44, 53%, 36%)" },
296
+ "--t-fill-color-tag-orange-010": { light: "hsl(22, 89%, 89%)", dark: "hsl(21, 35%, 22%)" },
297
+ "--t-fill-color-tag-orange-020": { light: "hsl(21, 89%, 82%)", dark: "hsl(20, 38%, 26%)" },
298
+ "--t-fill-color-tag-orange-030": { light: "hsl(21, 86%, 72%)", dark: "hsl(21, 44%, 40%)" },
299
+ "--t-fill-color-tag-orange-040": { light: "hsl(21, 86%, 64%)", dark: "hsl(21, 46%, 45%)" },
300
+ "--t-fill-color-tag-pink-010": { light: "hsl(311, 66%, 92%)", dark: "hsl(331, 22%, 24%)" },
301
+ "--t-fill-color-tag-pink-020": { light: "hsl(310, 64%, 85%)", dark: "hsl(324, 26%, 26%)" },
302
+ "--t-fill-color-tag-pink-030": { light: "hsl(324, 78%, 77%)", dark: "hsl(324, 30%, 45%)" },
303
+ "--t-fill-color-tag-pink-040": { light: "hsl(324, 76%, 70%)", dark: "hsl(324, 33%, 51%)" },
304
+ "--t-fill-color-tag-purple-010": { light: "hsl(259, 74%, 93%)", dark: "hsl(274, 20%, 23%)" },
305
+ "--t-fill-color-tag-purple-020": { light: "hsl(259, 74%, 85%)", dark: "hsl(274, 21%, 28%)" },
306
+ "--t-fill-color-tag-purple-030": { light: "hsl(273, 62%, 76%)", dark: "hsl(274, 25%, 46%)" },
307
+ "--t-fill-color-tag-purple-040": { light: "hsl(273, 62%, 70%)", dark: "hsl(274, 28%, 53%)" },
308
+ "--t-fill-color-tag-magenta-010": { light: "hsl(294, 37%, 90%)", dark: "hsl(292, 20%, 21%)" },
309
+ "--t-fill-color-tag-magenta-020": { light: "hsl(291, 40%, 83%)", dark: "hsl(292, 22%, 26%)" },
310
+ "--t-fill-color-tag-magenta-030": { light: "hsl(291, 48%, 70%)", dark: "hsl(293, 26%, 42%)" },
311
+ "--t-fill-color-tag-magenta-040": { light: "hsl(292, 48%, 63%)", dark: "hsl(292, 27%, 48%)" },
312
+ "--t-fill-color-tag-indigo-010": { light: "hsl(234, 78%, 93%)", dark: "hsl(235, 21%, 24%)" },
313
+ "--t-fill-color-tag-indigo-020": { light: "hsl(233, 79%, 87%)", dark: "hsl(236, 22%, 29%)" },
314
+ "--t-fill-color-tag-indigo-030": { light: "hsl(233, 77%, 81%)", dark: "hsl(236, 26%, 50%)" },
315
+ "--t-fill-color-tag-indigo-040": { light: "hsl(236, 79%, 74%)", dark: "hsl(236, 34%, 56%)" },
316
+ "--t-fill-color-button-neutral-solid": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 19%)" },
317
+ "--t-fill-color-button-neutral-solid-hover": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 24%)" },
318
+ "--t-fill-color-button-neutral-solid-active": { light: "hsl(0, 0%, 81%)", dark: "hsl(0, 0%, 32%)" },
319
+ "--t-fill-color-button-neutral-solid-disabled": { light: "hsl(0, 0%, 95%)", dark: "hsl(0, 0%, 12%)" },
320
+ "--t-fill-color-button-neutral-outline": { light: "hsla(0, 0%, 100%, 0)", dark: "hsl(0, 0%, 15%)" },
321
+ "--t-fill-color-button-neutral-outline-hover": { light: "hsl(0, 0%, 95%)", dark: "hsl(0, 0%, 17%)" },
322
+ "--t-fill-color-button-neutral-outline-active": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 19%)" },
323
+ "--t-fill-color-button-neutral-outline-disabled": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 12%)" },
324
+ "--t-fill-color-button-neutral-ghost": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 0%, 0)" },
325
+ "--t-fill-color-button-neutral-ghost-hover": { light: "hsl(0, 0%, 95%)", dark: "hsl(0, 0%, 17%)" },
326
+ "--t-fill-color-button-neutral-ghost-active": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 19%)" },
327
+ "--t-fill-color-button-neutral-ghost-disabled": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 0%, 0)" },
328
+ "--t-fill-color-button-neutral-ghost-disabled-solid": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 100%)" },
329
+ "--t-fill-color-button-neutral-responsive-header": { light: "hsla(0, 0%, 0%, 0.1)", dark: "hsla(0, 0%, 0%, 0.1)" },
330
+ "--t-fill-color-button-neutral-responsive-header-hover": { light: "hsla(0, 0%, 0%, 0.2)", dark: "hsla(0, 0%, 0%, 0.2)" },
331
+ "--t-fill-color-button-neutral-responsive-header-active": { light: "hsla(0, 0%, 0%, 0.3)", dark: "hsla(0, 0%, 0%, 0.3)" },
332
+ "--t-fill-color-button-neutral-responsive-header-disabled": { light: "hsla(0, 0%, 0%, 0.05)", dark: "hsla(0, 0%, 100%, 0.05)" },
333
+ "--t-fill-color-button-neutral-outline-dim-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 100%, 0)" },
334
+ "--t-fill-color-button-neutral-outline-dim-hover": { light: "hsl(0, 0%, 95%)", dark: "hsl(0, 0%, 95%)" },
335
+ "--t-fill-color-button-neutral-outline-dim-active": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 93%)" },
336
+ "--t-fill-color-button-neutral-outline-dim-disabled": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 98%)" },
337
+ "--t-fill-color-button-neutral-outline-dim-disabled-solid": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 100%)" },
338
+ "--t-fill-color-button-interaction-solid": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 35%)" },
339
+ "--t-fill-color-button-interaction-solid-hover": { light: "hsl(204, 100%, 35%)", dark: "hsl(204, 100%, 40%)" },
340
+ "--t-fill-color-button-interaction-solid-active": { light: "hsl(204, 100%, 30%)", dark: "hsl(204, 80%, 45%)" },
341
+ "--t-fill-color-button-interaction-solid-disabled": { light: "hsl(0, 0%, 95%)", dark: "hsl(0, 0%, 12%)" },
342
+ "--t-fill-color-button-interaction-outline": { light: "hsla(0, 0%, 100%, 0)", dark: "hsl(204, 32%, 15%)" },
343
+ "--t-fill-color-button-interaction-outline-hover": { light: "hsl(204, 100%, 97%)", dark: "hsl(204, 39%, 17%)" },
344
+ "--t-fill-color-button-interaction-outline-active": { light: "hsl(203, 94%, 94%)", dark: "hsl(205, 45%, 18%)" },
345
+ "--t-fill-color-button-interaction-outline-disabled": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 12%)" },
346
+ "--t-fill-color-button-interaction-ghost": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 0%, 0)" },
347
+ "--t-fill-color-button-interaction-ghost-hover": { light: "hsl(204, 100%, 97%)", dark: "hsl(204, 32%, 15%)" },
348
+ "--t-fill-color-button-interaction-ghost-active": { light: "hsl(203, 94%, 94%)", dark: "hsl(204, 39%, 17%)" },
349
+ "--t-fill-color-button-interaction-ghost-disabled": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 0%, 0)" },
350
+ "--t-fill-color-button-interaction-outline-dim-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 100%, 0)" },
351
+ "--t-fill-color-button-interaction-outline-dim-hover": { light: "hsl(204, 100%, 97%)", dark: "hsl(204, 100%, 97%)" },
352
+ "--t-fill-color-button-interaction-outline-dim-active": { light: "hsl(203, 94%, 94%)", dark: "hsl(203, 94%, 94%)" },
353
+ "--t-fill-color-button-interaction-outline-dim-disabled": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 98%)" },
354
+ "--t-fill-color-button-create-solid-default": { light: "hsl(96, 57%, 33%)", dark: "hsl(0, 0%, 25%)" },
355
+ "--t-fill-color-button-create-solid-hover": { light: "hsl(97, 57%, 28%)", dark: "hsl(0, 0%, 25%)" },
356
+ "--t-fill-color-button-create-solid-active": { light: "hsl(97, 57%, 23%)", dark: "hsl(0, 0%, 25%)" },
357
+ "--t-fill-color-button-create-solid-disabled": { light: "hsl(0, 0%, 81%)", dark: "hsl(0, 0%, 25%)" },
358
+ "--t-fill-color-button-create-ghost-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 100%, 0)" },
359
+ "--t-fill-color-button-create-ghost-hover": { light: "hsl(96, 60%, 95%)", dark: "hsla(0, 0%, 100%, 0)" },
360
+ "--t-fill-color-button-create-ghost-active": { light: "hsl(97, 57%, 90%)", dark: "hsla(0, 0%, 100%, 0)" },
361
+ "--t-fill-color-button-create-ghost-disabled": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 100%, 0)" },
362
+ "--t-fill-color-button-delete-solid": { light: "hsl(8, 60%, 47%)", dark: "hsl(8, 60%, 40%)" },
363
+ "--t-fill-color-button-delete-solid-hover": { light: "hsl(8, 60%, 45%)", dark: "hsl(8, 60%, 45%)" },
364
+ "--t-fill-color-button-delete-solid-active": { light: "hsl(8, 60%, 40%)", dark: "hsl(8, 60%, 47%)" },
365
+ "--t-fill-color-button-delete-solid-disabled": { light: "hsl(0, 0%, 95%)", dark: "hsl(0, 0%, 12%)" },
366
+ "--t-fill-color-button-delete-outline": { light: "hsla(0, 0%, 100%, 0)", dark: "hsl(8, 20%, 16%)" },
367
+ "--t-fill-color-button-delete-outline-hover": { light: "hsl(7, 60%, 97%)", dark: "hsl(9, 24%, 17%)" },
368
+ "--t-fill-color-button-delete-outline-active": { light: "hsl(9, 59%, 93%)", dark: "hsl(9, 29%, 19%)" },
369
+ "--t-fill-color-button-delete-outline-disabled": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 12%)" },
370
+ "--t-fill-color-button-delete-ghost": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 0%, 0)" },
371
+ "--t-fill-color-button-delete-ghost-hover": { light: "hsl(7, 60%, 97%)", dark: "hsl(8, 20%, 16%)" },
372
+ "--t-fill-color-button-delete-ghost-active": { light: "hsl(9, 59%, 93%)", dark: "hsl(9, 24%, 17%)" },
373
+ "--t-fill-color-button-delete-ghost-disabled": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 0%, 0)" },
374
+ "--t-fill-color-button-delete-outline-dim-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 100%, 0)" },
375
+ "--t-fill-color-button-delete-outline-dim-hover": { light: "hsl(7, 60%, 97%)", dark: "hsl(7, 60%, 97%)" },
376
+ "--t-fill-color-button-delete-outline-dim-active": { light: "hsl(9, 59%, 93%)", dark: "hsl(9, 59%, 93%)" },
377
+ "--t-fill-color-button-delete-outline-dim-disabled": { light: "hsl(0, 0%, 98%)", dark: "hsl(0, 0%, 98%)" },
378
+ "--t-fill-color-button-pill": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 18%)" },
379
+ "--t-fill-color-button-pill-hover": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 21%)" },
380
+ "--t-fill-color-button-pill-active": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 21%)" },
381
+ "--t-fill-color-button-pill-disabled": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 18%)" },
382
+ "--t-fill-color-transparency-light-010": { light: "hsla(0, 0%, 100%, 0.1)", dark: "hsla(0, 0%, 0%, 0.1)" },
383
+ "--t-fill-color-transparency-light-020": { light: "hsla(0, 0%, 100%, 0.2)", dark: "hsla(0, 0%, 0%, 0.2)" },
384
+ "--t-fill-color-transparency-light-030": { light: "hsla(0, 0%, 100%, 0.3)", dark: "hsla(0, 0%, 0%, 0.3)" },
385
+ "--t-fill-color-transparency-light-040": { light: "hsla(0, 0%, 100%, 0.4)", dark: "hsla(0, 0%, 0%, 0.4)" },
386
+ "--t-fill-color-transparency-light-050": { light: "hsla(0, 0%, 100%, 0.5)", dark: "hsla(0, 0%, 0%, 0.5)" },
387
+ "--t-fill-color-transparency-light-060": { light: "hsla(0, 0%, 100%, 0.6)", dark: "hsla(0, 0%, 0%, 0.6)" },
388
+ "--t-fill-color-transparency-light-070": { light: "hsla(0, 0%, 100%, 0.7)", dark: "hsla(0, 0%, 0%, 0.7)" },
389
+ "--t-fill-color-transparency-light-080": { light: "hsla(0, 0%, 100%, 0.8)", dark: "hsla(0, 0%, 0%, 0.8)" },
390
+ "--t-fill-color-transparency-light-090": { light: "hsla(0, 0%, 100%, 0.9)", dark: "hsla(0, 0%, 0%, 0.9)" },
391
+ "--t-fill-color-transparency-dark-010": { light: "hsla(0, 0%, 0%, 0.1)", dark: "hsla(0, 0%, 100%, 0.1)" },
392
+ "--t-fill-color-transparency-dark-020": { light: "hsla(0, 0%, 0%, 0.2)", dark: "hsla(0, 0%, 100%, 0.2)" },
393
+ "--t-fill-color-transparency-dark-030": { light: "hsla(0, 0%, 0%, 0.3)", dark: "hsla(0, 0%, 100%, 0.3)" },
394
+ "--t-fill-color-transparency-dark-040": { light: "hsla(0, 0%, 0%, 0.4)", dark: "hsla(0, 0%, 100%, 0.4)" },
395
+ "--t-fill-color-transparency-dark-050": { light: "hsla(0, 0%, 0%, 0.5)", dark: "hsla(0, 0%, 100%, 0.5)" },
396
+ "--t-fill-color-transparency-dark-060": { light: "hsla(0, 0%, 0%, 0.6)", dark: "hsla(0, 0%, 100%, 0.6)" },
397
+ "--t-fill-color-transparency-dark-070": { light: "hsla(0, 0%, 0%, 0.7)", dark: "hsla(0, 0%, 100%, 0.7)" },
398
+ "--t-fill-color-transparency-dark-080": { light: "hsla(0, 0%, 0%, 0.8)", dark: "hsla(0, 0%, 100%, 0.8)" },
399
+ "--t-fill-color-transparency-dark-090": { light: "hsla(0, 0%, 0%, 0.9)", dark: "hsla(0, 0%, 100%, 0.9)" },
400
+ "--t-fill-color-transparency-dark-static-010": { light: "hsla(0, 0%, 0%, 0.1)", dark: "hsla(0, 0%, 0%, 0.1)" },
401
+ "--t-fill-color-transparency-dark-static-020": { light: "hsla(0, 0%, 0%, 0.2)", dark: "hsla(0, 0%, 0%, 0.2)" },
402
+ "--t-fill-color-transparency-dark-static-030": { light: "hsla(0, 0%, 0%, 0.3)", dark: "hsla(0, 0%, 0%, 0.3)" },
403
+ "--t-fill-color-transparency-dark-static-040": { light: "hsla(0, 0%, 0%, 0.4)", dark: "hsla(0, 0%, 0%, 0.4)" },
404
+ "--t-fill-color-transparency-dark-static-050": { light: "hsla(0, 0%, 0%, 0.5)", dark: "hsla(0, 0%, 0%, 0.5)" },
405
+ "--t-fill-color-transparency-dark-static-060": { light: "hsla(0, 0%, 0%, 0.6)", dark: "hsla(0, 0%, 0%, 0.6)" },
406
+ "--t-fill-color-transparency-dark-static-070": { light: "hsla(0, 0%, 0%, 0.7)", dark: "hsla(0, 0%, 0%, 0.7)" },
407
+ "--t-fill-color-transparency-dark-static-080": { light: "hsla(0, 0%, 0%, 0.8)", dark: "hsla(0, 0%, 0%, 0.8)" },
408
+ "--t-fill-color-transparency-dark-static-090": { light: "hsla(0, 0%, 0%, 0.9)", dark: "hsla(0, 0%, 0%, 0.9)" },
409
+ "--t-surface-color-card": { light: "hsl(0, 0%, 100%)", dark: "hsl(0, 0%, 12%)" },
410
+ "--t-surface-color-canvas": { light: "hsl(0, 0%, 100%)", dark: "hsl(0, 0%, 10%)" },
411
+ "--t-border-color": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 21%)" },
412
+ "--t-border-color-dark": { light: "hsl(0, 0%, 81%)", dark: "hsl(0, 0%, 25%)" },
413
+ "--t-border-color-darker": { light: "hsl(0, 0%, 68%)", dark: "hsl(0, 0%, 33%)" },
414
+ "--t-border-color-darkest": { light: "hsl(0, 0%, 58%)", dark: "hsl(0, 0%, 38%)" },
415
+ "--t-border-color-disabled": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 21%)" },
416
+ "--t-border-color-dim": { light: "hsl(0, 0%, 95%)", dark: "hsl(0, 0%, 16%)" },
417
+ "--t-border-color-white": { light: "hsl(0, 0%, 100%)", dark: "hsl(0, 0%, 12%)" },
418
+ "--t-border-color-status-neutral": { light: "hsl(0, 0%, 58%)", dark: "hsl(0, 0%, 38%)" },
419
+ "--t-border-color-status-info": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 35%)" },
420
+ "--t-border-color-status-success": { light: "hsl(97, 57%, 40%)", dark: "hsl(97, 57%, 40%)" },
421
+ "--t-border-color-status-warning": { light: "hsl(42, 84%, 63%)", dark: "hsl(42, 84%, 63%)" },
422
+ "--t-border-color-status-error": { light: "hsl(8, 60%, 47%)", dark: "hsl(8, 60%, 47%)" },
423
+ "--t-border-color-button-neutral": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 19%)" },
424
+ "--t-border-color-button-info": { light: "hsl(204, 100%, 40%)", dark: "hsla(204, 100%, 40%, 0.25)" },
425
+ "--t-border-color-button-create": { light: "hsl(96, 57%, 33%)", dark: "hsla(96, 57%, 33%, 0.25)" },
426
+ "--t-border-color-button-delete": { light: "hsl(8, 60%, 47%)", dark: "hsla(8, 60%, 47%, 0.25)" },
427
+ "--t-border-color-control-neutral": { light: "hsl(0, 0%, 68%)", dark: "hsl(0, 0%, 33%)" },
428
+ "--t-border-color-control-info": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 35%)" },
429
+ "--t-border-color-control-success": { light: "hsl(97, 57%, 40%)", dark: "hsl(97, 57%, 40%)" },
430
+ "--t-border-color-control-warning": { light: "hsl(42, 84%, 63%)", dark: "hsl(42, 84%, 63%)" },
431
+ "--t-border-color-control-error": { light: "hsl(8, 60%, 47%)", dark: "hsl(8, 60%, 47%)" },
432
+ "--t-border-color-control-disabled": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 21%)" },
433
+ "--t-shadow-overflow-color": { light: "hsla(0, 0%, 0%, 0.07)", dark: "hsla(0, 0%, 0%, 0.6)" },
434
+ "--t-form-background-color": { light: "hsl(0, 0%, 100%)", dark: "hsl(0, 0%, 100%)" },
435
+ "--t-form-background-color-disabled": { light: "hsl(0, 0%, 95%)", dark: "hsl(0, 0%, 95%)" },
436
+ "--t-form-background-color-error": { light: "hsl(0, 0%, 100%)", dark: "hsl(0, 0%, 100%)" },
437
+ "--t-form-background-color-readonly": { light: "hsl(0, 0%, 95%)", dark: "hsl(0, 0%, 95%)" },
438
+ "--t-form-border-color": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 88%)" },
439
+ "--t-form-border-color-disabled": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 88%)" },
440
+ "--t-form-border-color-error": { light: "hsl(8, 60%, 47%)", dark: "hsl(8, 60%, 47%)" },
441
+ "--t-form-border-color-focus": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 40%)" },
442
+ "--t-form-border-color-hover": { light: "hsl(0, 0%, 81%)", dark: "hsl(0, 0%, 81%)" },
443
+ "--t-form-border-color-readonly": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 100%, 0)" },
444
+ "--t-form-border-radius": 4,
445
+ "--t-form-border-width": 1,
446
+ "--t-form-font-color": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 24%)" },
447
+ "--t-form-font-color-disabled": { light: "hsl(0, 0%, 81%)", dark: "hsl(0, 0%, 81%)" },
448
+ "--t-form-font-color-error": { light: "hsl(8, 60%, 45%)", dark: "hsl(8, 60%, 45%)" },
449
+ "--t-form-font-color-readonly": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 24%)" },
450
+ "--t-form-picker-icon-color": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 24%)" },
451
+ "--t-form-placeholder-color": { light: "hsl(0, 0%, 58%)", dark: "hsl(0, 0%, 58%)" },
452
+ "--t-border-color-default-base": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 21%)" },
453
+ "--t-border-color-default-dark": { light: "hsl(0, 0%, 81%)", dark: "hsl(0, 0%, 25%)" },
454
+ "--t-border-color-default-darker": { light: "hsl(0, 0%, 68%)", dark: "hsl(0, 0%, 33%)" },
455
+ "--t-border-color-default-darkest": { light: "hsl(0, 0%, 58%)", dark: "hsl(0, 0%, 38%)" },
456
+ "--t-border-color-default-dim": { light: "hsl(0, 0%, 95%)", dark: "hsl(0, 0%, 16%)" },
457
+ "--t-border-color-default-disabled": { light: "hsl(0, 0%, 88%)", dark: "hsl(0, 0%, 21%)" },
458
+ "--t-border-color-default-white": { light: "hsl(0, 0%, 100%)", dark: "hsl(0, 0%, 12%)" },
459
+ "--t-border-radius-default": 4,
460
+ "--t-border-width-default": 1,
461
+ "--t-fill-color-button-delete-ghost-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 0%, 0)" },
462
+ "--t-fill-color-button-delete-outline-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsl(8, 20%, 16%)" },
463
+ "--t-fill-color-button-delete-solid-default": { light: "hsl(8, 60%, 47%)", dark: "hsl(8, 60%, 40%)" },
464
+ "--t-fill-color-button-interaction-ghost-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 0%, 0)" },
465
+ "--t-fill-color-button-interaction-outline-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsl(204, 32%, 15%)" },
466
+ "--t-fill-color-button-interaction-solid-default": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 35%)" },
467
+ "--t-fill-color-button-neutral-ghost-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsla(0, 0%, 0%, 0)" },
468
+ "--t-fill-color-button-neutral-outline-default": { light: "hsla(0, 0%, 100%, 0)", dark: "hsl(0, 0%, 15%)" },
469
+ "--t-fill-color-button-neutral-responsive-header-default": { light: "hsla(0, 0%, 0%, 0.1)", dark: "hsla(0, 0%, 0%, 0.1)" },
470
+ "--t-fill-color-button-neutral-solid-default": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 19%)" },
471
+ "--t-fill-color-button-pill-default": { light: "hsl(0, 0%, 93%)", dark: "hsl(0, 0%, 18%)" },
472
+ "--t-fill-color-control-primary": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 35%)" },
473
+ "--t-fill-color-interaction-default": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 100%, 35%)" },
474
+ "--t-fill-color-product-staff-base": { light: "hsl(328, 100%, 45%)", dark: "hsl(328, 100%, 45%)" },
475
+ "--t-fill-color-status-error-primary": { light: "hsl(8, 60%, 47%)", dark: "hsl(8, 60%, 47%)" },
476
+ "--t-fill-color-tooltip-primary": { light: "hsla(0, 0%, 12%, 0.9)", dark: "hsla(0, 0%, 24%, 0.9)" },
477
+ "--t-icon-color-default-dim": { light: "hsl(0, 0%, 58%)", dark: "hsl(0, 0%, 38%)" },
478
+ "--t-icon-color-default-disabled": { light: "hsl(0, 0%, 81%)", dark: "hsl(0, 0%, 25%)" },
479
+ "--t-icon-color-default-inverted": { light: "hsl(0, 0%, 100%)", dark: "hsl(0, 0%, 100%)" },
480
+ "--t-icon-color-default-primary": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 80%)" },
481
+ "--t-icon-color-default-secondary": { light: "hsl(0, 0%, 42%)", dark: "hsl(0, 0%, 54%)" },
482
+ "--t-icon-color-status-error-primary": { light: "hsl(8, 60%, 47%)", dark: "hsl(8, 61%, 61%)" },
483
+ "--t-icon-color-status-info-primary": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 68%, 55%)" },
484
+ "--t-icon-color-status-neutral-primary": { light: "hsl(0, 0%, 42%)", dark: "hsl(0, 0%, 54%)" },
485
+ "--t-icon-color-status-success-primary": { light: "hsl(96, 57%, 33%)", dark: "hsl(96, 57%, 33%)" },
486
+ "--t-icon-color-status-warning-primary": { light: "hsl(42, 84%, 49%)", dark: "hsl(42, 84%, 49%)" },
487
+ "--t-text-color-default-disabled": { light: "hsl(0, 0%, 81%)", dark: "hsl(0, 0%, 25%)" },
488
+ "--t-text-color-default-headline": { light: "hsl(0, 0%, 12%)", dark: "hsl(0, 0%, 94%)" },
489
+ "--t-text-color-default-inverted": { light: "hsl(0, 0%, 100%)", dark: "hsl(0, 0%, 100%)" },
490
+ "--t-text-color-default-placeholder": { light: "hsl(0, 0%, 58%)", dark: "hsl(0, 0%, 38%)" },
491
+ "--t-text-color-default-primary": { light: "hsl(0, 0%, 24%)", dark: "hsl(0, 0%, 80%)" },
492
+ "--t-text-color-default-secondary": { light: "hsl(0, 0%, 42%)", dark: "hsl(0, 0%, 54%)" },
493
+ "--t-text-color-interaction-primary": { light: "hsl(204, 100%, 40%)", dark: "hsl(204, 68%, 55%)" }
494
+ };