@planningcenter/tapestry 3.0.0-rc.25 → 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 (38) hide show
  1. package/dist/index.css +87 -98
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.d.ts +0 -2
  4. package/dist/index.d.ts.map +1 -1
  5. package/dist/jsTokens.d.ts +1 -1
  6. package/dist/jsTokens.d.ts.map +1 -1
  7. package/dist/jsTokens.js +1 -1
  8. package/dist/jsTokens.js.map +1 -1
  9. package/dist/reactRender.css +1007 -1018
  10. package/dist/reactRender.css.map +1 -1
  11. package/dist/reactRenderLegacy.css +1007 -1018
  12. package/dist/reactRenderLegacy.css.map +1 -1
  13. package/dist/tokens-dark.css.map +1 -1
  14. package/dist/tokens-dark.js +2 -0
  15. package/dist/tokens-deprecated.css +0 -3
  16. package/dist/tokens-deprecated.css.map +1 -1
  17. package/dist/tokens-deprecated.js +2 -0
  18. package/dist/tokens.css.map +1 -1
  19. package/dist/tokens.js +2 -0
  20. package/dist/unstable.css +87 -98
  21. package/dist/unstable.css.map +1 -1
  22. package/dist/unstable.d.ts +1 -1
  23. package/dist/unstable.d.ts.map +1 -1
  24. package/dist/unstable.js +2 -1
  25. package/dist/unstable.js.map +1 -1
  26. package/package.json +7 -7
  27. package/dist/tokens/ts/react-native-tokens.d.ts +0 -1927
  28. package/dist/tokens/ts/react-native-tokens.d.ts.map +0 -1
  29. package/dist/tokens/ts/react-native-tokens.js +0 -497
  30. package/dist/tokens/ts/react-native-tokens.js.map +0 -1
  31. package/dist/tokens/ts/tokens.d.ts +0 -497
  32. package/dist/tokens/ts/tokens.d.ts.map +0 -1
  33. package/dist/tokens/ts/tokens.js +0 -499
  34. package/dist/tokens/ts/tokens.js.map +0 -1
  35. package/dist/tokens-deprecated.d.ts +0 -5
  36. package/dist/tokens-deprecated.d.ts.map +0 -1
  37. package/dist/tokens.d.ts +0 -4
  38. package/dist/tokens.d.ts.map +0 -1
@@ -1,497 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
- 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
- };
495
-
496
- export { reactNativeTokens };
497
- //# sourceMappingURL=react-native-tokens.js.map