@planningcenter/tapestry-tokens 0.0.1 → 2.6.1-qa-522.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{src → dist}/css/components/banner.css +8 -8
- package/dist/css/product-tokens/accounts.css +17 -0
- package/dist/css/product-tokens/calendar.css +17 -0
- package/dist/css/product-tokens/checkins.css +17 -0
- package/dist/css/product-tokens/giving.css +17 -0
- package/dist/css/product-tokens/groups.css +17 -0
- package/dist/css/product-tokens/home.css +16 -0
- package/dist/css/product-tokens/people.css +17 -0
- package/dist/css/product-tokens/publishing.css +17 -0
- package/dist/css/product-tokens/registrations.css +17 -0
- package/dist/css/product-tokens/services.css +17 -0
- package/dist/css/tokens-alias-deprecated-removed-segments.css +48 -0
- package/dist/css/tokens-alias-deprecated.css +42 -0
- package/dist/css/tokens-alias.css +427 -0
- package/dist/css/tokens-dark-deprecated.css +14 -0
- package/dist/css/tokens-dark.css +226 -0
- package/dist/css/tokens-system-dark-deprecated.css +16 -0
- package/dist/css/tokens-system-dark.css +228 -0
- package/dist/js/tokens-deprecated.json +326 -0
- package/dist/js/tokens.json +2004 -0
- package/dist/ts/react-native-tokens.d.ts +1959 -0
- package/dist/ts/react-native-tokens.d.ts.map +1 -0
- package/dist/ts/react-native-tokens.js +502 -0
- package/dist/ts/tokens.d.ts +505 -0
- package/dist/ts/tokens.d.ts.map +1 -0
- package/dist/ts/tokens.js +504 -0
- package/package.json +44 -17
- package/CHANGELOG.md +0 -0
- package/rollup.config.mjs +0 -12
- package/src/componentNames.js +0 -10
- package/src/css/tokens-alias-deprecated.css +0 -42
- package/src/css/tokens-alias.css +0 -334
- package/src/css/tokens.css +0 -2
- package/src/index.ts +0 -11
- package/src/json/alias.json +0 -1628
- package/src/json/components.json +0 -84
- package/src/json/primitives.json +0 -946
- package/src/style-dictionary.build.js +0 -367
- package/src/style-dictionary.config.js +0 -67
- package/src/ts/tokens.ts +0 -371
- package/tsconfig.build.json +0 -11
package/src/ts/tokens.ts
DELETED
|
@@ -1,371 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export const tokens = {
|
|
7
|
-
"--t-border-radius-sm": "2px" as const,
|
|
8
|
-
"--t-border-radius-md": "4px" as const,
|
|
9
|
-
"--t-border-radius-lg": "8px" as const,
|
|
10
|
-
"--t-border-radius-xl": "16px" as const,
|
|
11
|
-
"--t-border-radius-round": "56px" as const,
|
|
12
|
-
"--t-border-radius-default": "4px" as const,
|
|
13
|
-
"--t-border-size-default": "1px" as const,
|
|
14
|
-
"--t-border-size-thick": "2px" as const,
|
|
15
|
-
"--t-spacing-1": "8px" as const,
|
|
16
|
-
"--t-spacing-2": "16px" as const,
|
|
17
|
-
"--t-spacing-3": "24px" as const,
|
|
18
|
-
"--t-spacing-4": "32px" as const,
|
|
19
|
-
"--t-spacing-5": "40px" as const,
|
|
20
|
-
"--t-spacing-6": "48px" as const,
|
|
21
|
-
"--t-spacing-7": "56px" as const,
|
|
22
|
-
"--t-spacing-fourth": "2px" as const,
|
|
23
|
-
"--t-spacing-half": "4px" as const,
|
|
24
|
-
"--t-element-size-3xl": "48px" as const,
|
|
25
|
-
"--t-element-size-2xl": "32px" as const,
|
|
26
|
-
"--t-element-size-xl": "24px" as const,
|
|
27
|
-
"--t-element-size-lg": "18px" as const,
|
|
28
|
-
"--t-element-size-md": "16px" as const,
|
|
29
|
-
"--t-element-size-sm": "14px" as const,
|
|
30
|
-
"--t-element-size-xs": "12px" as const,
|
|
31
|
-
"--t-font-size-4xl": "32px" as const,
|
|
32
|
-
"--t-font-size-3xl": "28px" as const,
|
|
33
|
-
"--t-font-size-2xl": "24px" as const,
|
|
34
|
-
"--t-font-size-xl": "20px" as const,
|
|
35
|
-
"--t-font-size-lg": "18px" as const,
|
|
36
|
-
"--t-font-size-md": "16px" as const,
|
|
37
|
-
"--t-font-size-sm": "14px" as const,
|
|
38
|
-
"--t-font-size-xs": "12px" as const,
|
|
39
|
-
"--t-font-size-2xs": "10px" as const,
|
|
40
|
-
"--t-font-weight-normal": "400" as const,
|
|
41
|
-
"--t-font-weight-medium": "500" as const,
|
|
42
|
-
"--t-font-weight-semi-bold": "600" as const,
|
|
43
|
-
"--t-font-weight-bold": "700" as const,
|
|
44
|
-
"--t-container-size-xl": "48px" as const,
|
|
45
|
-
"--t-container-size-lg": "40px" as const,
|
|
46
|
-
"--t-container-size-md": "32px" as const,
|
|
47
|
-
"--t-container-size-sm": "24px" as const,
|
|
48
|
-
"--t-container-size-xs": "20px" as const,
|
|
49
|
-
"--t-avatar-size-20": "20px" as const,
|
|
50
|
-
"--t-avatar-size-24": "24px" as const,
|
|
51
|
-
"--t-avatar-size-36": "36px" as const,
|
|
52
|
-
"--t-avatar-size-48": "48px" as const,
|
|
53
|
-
"--t-avatar-size-72": "72px" as const,
|
|
54
|
-
"--t-avatar-size-112": "112px" as const,
|
|
55
|
-
"--t-text-color-default-headline": "hsl(0, 0%, 12%)" as const,
|
|
56
|
-
"--t-text-color-default-primary": "hsl(0, 0%, 24%)" as const,
|
|
57
|
-
"--t-text-color-default-secondary": "hsl(0, 0%, 45%)" as const,
|
|
58
|
-
"--t-text-color-default-disabled": "hsl(0, 0%, 81%)" as const,
|
|
59
|
-
"--t-text-color-default-placeholder": "hsl(0, 0%, 62%)" as const,
|
|
60
|
-
"--t-text-color-default-inverted": "hsl(0, 0%, 100%)" as const,
|
|
61
|
-
"--t-text-color-interaction-primary": "hsl(204, 100%, 40%)" as const,
|
|
62
|
-
"--t-text-color-interaction-hover": "hsl(204, 100%, 35%)" as const,
|
|
63
|
-
"--t-text-color-interaction-active": "hsl(204, 100%, 30%)" as const,
|
|
64
|
-
"--t-text-color-interaction-visited": "hsl(204, 100%, 30%)" as const,
|
|
65
|
-
"--t-text-color-status-neutral": "hsl(0, 0%, 24%)" as const,
|
|
66
|
-
"--t-text-color-status-info": "hsl(204, 100%, 35%)" as const,
|
|
67
|
-
"--t-text-color-status-success": "hsl(97, 57%, 28%)" as const,
|
|
68
|
-
"--t-text-color-status-warning": "hsl(42, 100%, 29%)" as const,
|
|
69
|
-
"--t-text-color-status-error": "hsl(8, 60%, 45%)" as const,
|
|
70
|
-
"--t-text-color-tag-subtle-gray": "hsl(0, 0%, 24%)" as const,
|
|
71
|
-
"--t-text-color-tag-subtle-blue": "hsl(224, 47%, 31%)" as const,
|
|
72
|
-
"--t-text-color-tag-subtle-aqua": "hsl(209, 77%, 22%)" as const,
|
|
73
|
-
"--t-text-color-tag-subtle-teal": "hsl(180, 95%, 15%)" as const,
|
|
74
|
-
"--t-text-color-tag-subtle-green": "hsl(100, 93%, 17%)" as const,
|
|
75
|
-
"--t-text-color-tag-subtle-yellow": "hsl(29, 100%, 23%)" as const,
|
|
76
|
-
"--t-text-color-tag-subtle-orange": "hsl(18, 100%, 18%)" as const,
|
|
77
|
-
"--t-text-color-tag-subtle-pink": "hsl(327, 88%, 20%)" as const,
|
|
78
|
-
"--t-text-color-tag-subtle-purple": "hsl(268, 71%, 27%)" as const,
|
|
79
|
-
"--t-text-color-tag-subtle-magenta": "hsl(285, 71%, 20%)" as const,
|
|
80
|
-
"--t-text-color-tag-gray": "hsl(0, 0%, 24%)" as const,
|
|
81
|
-
"--t-text-color-tag-magenta": "hsl(285, 71%, 20%)" as const,
|
|
82
|
-
"--t-text-color-tag-blue": "hsl(224, 47%, 31%)" as const,
|
|
83
|
-
"--t-text-color-tag-aqua": "hsl(209, 77%, 22%)" as const,
|
|
84
|
-
"--t-text-color-tag-teal": "hsl(180, 95%, 15%)" as const,
|
|
85
|
-
"--t-text-color-tag-green": "hsl(100, 93%, 17%)" as const,
|
|
86
|
-
"--t-text-color-tag-yellow": "hsl(29, 100%, 23%)" as const,
|
|
87
|
-
"--t-text-color-tag-orange": "hsl(18, 100%, 18%)" as const,
|
|
88
|
-
"--t-text-color-tag-pink": "hsl(327, 88%, 20%)" as const,
|
|
89
|
-
"--t-text-color-tag-purple": "hsl(268, 71%, 27%)" as const,
|
|
90
|
-
"--t-text-color-tag-bold-gray": "hsl(0, 0%, 24%)" as const,
|
|
91
|
-
"--t-text-color-tag-bold-blue": "hsl(224, 47%, 31%)" as const,
|
|
92
|
-
"--t-text-color-tag-bold-aqua": "hsl(209, 77%, 22%)" as const,
|
|
93
|
-
"--t-text-color-tag-bold-teal": "hsl(180, 95%, 15%)" as const,
|
|
94
|
-
"--t-text-color-tag-bold-green": "hsl(100, 93%, 17%)" as const,
|
|
95
|
-
"--t-text-color-tag-bold-yellow": "hsl(29, 100%, 23%)" as const,
|
|
96
|
-
"--t-text-color-tag-bold-orange": "hsl(18, 100%, 18%)" as const,
|
|
97
|
-
"--t-text-color-tag-bold-pink": "hsl(327, 88%, 20%)" as const,
|
|
98
|
-
"--t-text-color-tag-bold-purple": "hsl(268, 71%, 27%)" as const,
|
|
99
|
-
"--t-text-color-tag-bold-magenta": "hsl(285, 71%, 20%)" as const,
|
|
100
|
-
"--t-icon-color-default-primary": "hsl(0, 0%, 24%)" as const,
|
|
101
|
-
"--t-icon-color-default-secondary": "hsl(0, 0%, 45%)" as const,
|
|
102
|
-
"--t-icon-color-default-dim": "hsl(0, 0%, 62%)" as const,
|
|
103
|
-
"--t-icon-color-default-disabled": "hsl(0, 0%, 81%)" as const,
|
|
104
|
-
"--t-icon-color-default-inverted": "hsl(0, 0%, 100%)" as const,
|
|
105
|
-
"--t-icon-color-status-neutral-primary": "hsl(0, 0%, 45%)" as const,
|
|
106
|
-
"--t-icon-color-status-neutral-secondary": "hsl(0, 0%, 62%)" as const,
|
|
107
|
-
"--t-icon-color-status-neutral-bold": "hsl(0, 0%, 24%)" as const,
|
|
108
|
-
"--t-icon-color-status-neutral-dark": "hsl(0, 0%, 24%)" as const,
|
|
109
|
-
"--t-icon-color-status-info-primary": "hsl(204, 100%, 40%)" as const,
|
|
110
|
-
"--t-icon-color-status-info-secondary": "hsl(204, 100%, 40%)" as const,
|
|
111
|
-
"--t-icon-color-status-success-primary": "hsl(96, 57%, 33%)" as const,
|
|
112
|
-
"--t-icon-color-status-success-secondary": "hsl(97, 57%, 40%)" as const,
|
|
113
|
-
"--t-icon-color-status-warning-primary": "hsl(42, 84%, 49%)" as const,
|
|
114
|
-
"--t-icon-color-status-error-primary": "hsl(8, 60%, 47%)" as const,
|
|
115
|
-
"--t-fill-color-neutral-000": "hsl(0, 0%, 12%)" as const,
|
|
116
|
-
"--t-fill-color-neutral-010": "hsl(0, 0%, 24%)" as const,
|
|
117
|
-
"--t-fill-color-neutral-020": "hsl(0, 0%, 45%)" as const,
|
|
118
|
-
"--t-fill-color-neutral-030": "hsl(0, 0%, 62%)" as const,
|
|
119
|
-
"--t-fill-color-neutral-040": "hsl(0, 0%, 81%)" as const,
|
|
120
|
-
"--t-fill-color-neutral-050": "hsl(0, 0%, 88%)" as const,
|
|
121
|
-
"--t-fill-color-neutral-060": "hsl(0, 0%, 93%)" as const,
|
|
122
|
-
"--t-fill-color-neutral-070": "hsl(0, 0%, 95%)" as const,
|
|
123
|
-
"--t-fill-color-neutral-080": "hsl(0, 0%, 97%)" as const,
|
|
124
|
-
"--t-fill-color-neutral-090": "hsl(0, 0%, 98%)" as const,
|
|
125
|
-
"--t-fill-color-neutral-100": "hsl(0, 0%, 100%)" as const,
|
|
126
|
-
"--t-fill-color-interaction-default": "hsl(204, 100%, 40%)" as const,
|
|
127
|
-
"--t-fill-color-interaction-hover": "hsl(204, 100%, 35%)" as const,
|
|
128
|
-
"--t-fill-color-interaction-active": "hsl(204, 100%, 30%)" as const,
|
|
129
|
-
"--t-fill-color-interaction-disabled": "hsl(0, 0%, 81%)" as const,
|
|
130
|
-
"--t-fill-color-control-neutral-off": "hsl(0, 0%, 62%)" as const,
|
|
131
|
-
"--t-fill-color-control-neutral-on": "hsl(0, 0%, 24%)" as const,
|
|
132
|
-
"--t-fill-color-control-primary": "hsl(204, 100%, 40%)" as const,
|
|
133
|
-
"--t-fill-color-control-secondary": "hsl(97, 57%, 40%)" as const,
|
|
134
|
-
"--t-fill-color-control-error": "hsl(8, 60%, 47%)" as const,
|
|
135
|
-
"--t-fill-color-control-disabled": "hsl(0, 0%, 81%)" as const,
|
|
136
|
-
"--t-fill-color-status-neutral-solid": "hsl(0, 0%, 45%)" as const,
|
|
137
|
-
"--t-fill-color-status-neutral-ghost": "hsl(0, 0%, 93%)" as const,
|
|
138
|
-
"--t-fill-color-status-neutral-dim": "hsl(0, 0%, 97%)" as const,
|
|
139
|
-
"--t-fill-color-status-info-solid": "hsl(204, 100%, 40%)" as const,
|
|
140
|
-
"--t-fill-color-status-info-ghost": "hsl(203, 94%, 94%)" as const,
|
|
141
|
-
"--t-fill-color-status-info-dim": "hsl(204, 100%, 97%)" as const,
|
|
142
|
-
"--t-fill-color-status-success-solid": "hsl(96, 57%, 33%)" as const,
|
|
143
|
-
"--t-fill-color-status-success-ghost": "hsl(97, 57%, 90%)" as const,
|
|
144
|
-
"--t-fill-color-status-success-dim": "hsl(96, 60%, 95%)" as const,
|
|
145
|
-
"--t-fill-color-status-warning-solid": "hsl(42, 84%, 63%)" as const,
|
|
146
|
-
"--t-fill-color-status-warning-ghost": "hsl(42, 87%, 94%)" as const,
|
|
147
|
-
"--t-fill-color-status-warning-dim": "hsl(42, 87%, 97%)" as const,
|
|
148
|
-
"--t-fill-color-status-error-solid": "hsl(8, 60%, 47%)" as const,
|
|
149
|
-
"--t-fill-color-status-error-ghost": "hsl(9, 59%, 93%)" as const,
|
|
150
|
-
"--t-fill-color-status-error-dim": "hsl(7, 60%, 97%)" as const,
|
|
151
|
-
"--t-fill-color-alert-info": "hsl(204, 94%, 49%)" as const,
|
|
152
|
-
"--t-fill-color-alert-success": "hsl(122, 60%, 41%)" as const,
|
|
153
|
-
"--t-fill-color-alert-warning": "hsl(43, 96%, 58%)" as const,
|
|
154
|
-
"--t-fill-color-alert-error": "hsl(4, 77%, 59%)" as const,
|
|
155
|
-
"--t-fill-color-tooltip-primary": "hsla(0, 0%, 12%, 0.77)" as const,
|
|
156
|
-
"--t-fill-color-tag-subtle-gray": "hsl(0, 0%, 93%)" as const,
|
|
157
|
-
"--t-fill-color-tag-subtle-blue": "hsl(220, 100%, 95%)" as const,
|
|
158
|
-
"--t-fill-color-tag-subtle-label-gray": "hsl(0, 0%, 88%)" as const,
|
|
159
|
-
"--t-fill-color-tag-subtle-label-blue": "hsl(221, 100%, 81%)" as const,
|
|
160
|
-
"--t-fill-color-tag-subtle-label-aqua": "hsl(200, 82%, 82%)" as const,
|
|
161
|
-
"--t-fill-color-tag-subtle-label-teal": "hsl(164, 52%, 76%)" as const,
|
|
162
|
-
"--t-fill-color-tag-subtle-label-green": "hsl(99, 59%, 78%)" as const,
|
|
163
|
-
"--t-fill-color-tag-subtle-label-yellow": "hsl(44, 78%, 77%)" as const,
|
|
164
|
-
"--t-fill-color-tag-subtle-label-orange": "hsl(21, 89%, 82%)" as const,
|
|
165
|
-
"--t-fill-color-tag-subtle-label-pink": "hsl(310, 64%, 85%)" as const,
|
|
166
|
-
"--t-fill-color-tag-subtle-label-purple": "hsl(259, 74%, 85%)" as const,
|
|
167
|
-
"--t-fill-color-tag-subtle-label-magenta": "hsl(291, 40%, 83%)" as const,
|
|
168
|
-
"--t-fill-color-tag-subtle-aqua": "hsl(200, 82%, 89%)" as const,
|
|
169
|
-
"--t-fill-color-tag-subtle-teal": "hsl(163, 53%, 83%)" as const,
|
|
170
|
-
"--t-fill-color-tag-subtle-green": "hsl(98, 59%, 85%)" as const,
|
|
171
|
-
"--t-fill-color-tag-subtle-yellow": "hsl(45, 77%, 85%)" as const,
|
|
172
|
-
"--t-fill-color-tag-subtle-orange": "hsl(22, 89%, 89%)" as const,
|
|
173
|
-
"--t-fill-color-tag-subtle-pink": "hsl(311, 66%, 92%)" as const,
|
|
174
|
-
"--t-fill-color-tag-subtle-purple": "hsl(259, 74%, 93%)" as const,
|
|
175
|
-
"--t-fill-color-tag-subtle-magenta": "hsl(294, 37%, 90%)" as const,
|
|
176
|
-
"--t-fill-color-tag-bold-gray": "hsl(0, 0%, 88%)" as const,
|
|
177
|
-
"--t-fill-color-tag-bold-blue": "hsl(220, 98%, 81%)" as const,
|
|
178
|
-
"--t-fill-color-tag-bold-aqua": "hsl(201, 76%, 71%)" as const,
|
|
179
|
-
"--t-fill-color-tag-bold-teal": "hsl(169, 62%, 64%)" as const,
|
|
180
|
-
"--t-fill-color-tag-bold-green": "hsl(112, 57%, 65%)" as const,
|
|
181
|
-
"--t-fill-color-tag-bold-yellow": "hsl(44, 92%, 69%)" as const,
|
|
182
|
-
"--t-fill-color-tag-bold-orange": "hsl(21, 86%, 72%)" as const,
|
|
183
|
-
"--t-fill-color-tag-bold-pink": "hsl(324, 78%, 77%)" as const,
|
|
184
|
-
"--t-fill-color-tag-bold-purple": "hsl(273, 62%, 76%)" as const,
|
|
185
|
-
"--t-fill-color-tag-bold-magenta": "hsl(291, 48%, 70%)" as const,
|
|
186
|
-
"--t-fill-color-tag-bold-label-gray": "hsl(0, 0%, 81%)" as const,
|
|
187
|
-
"--t-fill-color-tag-bold-label-blue": "hsl(220, 98%, 74%)" as const,
|
|
188
|
-
"--t-fill-color-tag-bold-label-aqua": "hsl(200, 75%, 64%)" as const,
|
|
189
|
-
"--t-fill-color-tag-bold-label-teal": "hsl(169, 62%, 56%)" as const,
|
|
190
|
-
"--t-fill-color-tag-bold-label-green": "hsl(112, 57%, 57%)" as const,
|
|
191
|
-
"--t-fill-color-tag-bold-label-yellow": "hsl(44, 93%, 61%)" as const,
|
|
192
|
-
"--t-fill-color-tag-bold-label-orange": "hsl(21, 86%, 64%)" as const,
|
|
193
|
-
"--t-fill-color-tag-bold-label-pink": "hsl(324, 76%, 70%)" as const,
|
|
194
|
-
"--t-fill-color-tag-bold-label-purple": "hsl(273, 62%, 70%)" as const,
|
|
195
|
-
"--t-fill-color-tag-bold-label-magenta": "hsl(292, 48%, 63%)" as const,
|
|
196
|
-
"--t-fill-color-button-neutral-solid-default": "hsl(0, 0%, 45%)" as const,
|
|
197
|
-
"--t-fill-color-button-neutral-solid-hover": "hsl(0, 0%, 24%)" as const,
|
|
198
|
-
"--t-fill-color-button-neutral-solid-active": "hsl(0, 0%, 12%)" as const,
|
|
199
|
-
"--t-fill-color-button-neutral-solid-disabled": "hsl(0, 0%, 95%)" as const,
|
|
200
|
-
"--t-fill-color-button-neutral-outline-dim-default": "hsla(0, 0%, 100%, 0)" as const,
|
|
201
|
-
"--t-fill-color-button-neutral-outline-dim-hover": "hsl(0, 0%, 95%)" as const,
|
|
202
|
-
"--t-fill-color-button-neutral-outline-dim-active": "hsl(0, 0%, 93%)" as const,
|
|
203
|
-
"--t-fill-color-button-neutral-outline-dim-disabled": "hsla(0, 0%, 100%, 0)" as const,
|
|
204
|
-
"--t-fill-color-button-neutral-outline-dim-disabled-solid": "hsl(0, 0%, 98%)" as const,
|
|
205
|
-
"--t-fill-color-button-neutral-ghost-default": "hsla(0, 0%, 100%, 0)" as const,
|
|
206
|
-
"--t-fill-color-button-neutral-ghost-hover": "hsl(0, 0%, 95%)" as const,
|
|
207
|
-
"--t-fill-color-button-neutral-ghost-active": "hsl(0, 0%, 93%)" as const,
|
|
208
|
-
"--t-fill-color-button-neutral-ghost-disabled": "hsla(0, 0%, 100%, 0)" as const,
|
|
209
|
-
"--t-fill-color-button-neutral-ghost-disabled-solid": "hsl(0, 0%, 98%)" as const,
|
|
210
|
-
"--t-fill-color-button-interaction-solid-default": "hsl(204, 100%, 40%)" as const,
|
|
211
|
-
"--t-fill-color-button-interaction-solid-hover": "hsl(204, 100%, 35%)" as const,
|
|
212
|
-
"--t-fill-color-button-interaction-solid-active": "hsl(204, 100%, 30%)" as const,
|
|
213
|
-
"--t-fill-color-button-interaction-solid-disabled": "hsl(0, 0%, 81%)" as const,
|
|
214
|
-
"--t-fill-color-button-interaction-outline-dim-default": "hsla(0, 0%, 100%, 0)" as const,
|
|
215
|
-
"--t-fill-color-button-interaction-outline-dim-hover": "hsl(204, 100%, 97%)" as const,
|
|
216
|
-
"--t-fill-color-button-interaction-outline-dim-active": "hsl(203, 94%, 94%)" as const,
|
|
217
|
-
"--t-fill-color-button-interaction-outline-dim-disabled": "hsla(0, 0%, 100%, 0)" as const,
|
|
218
|
-
"--t-fill-color-button-interaction-ghost-default": "hsla(0, 0%, 100%, 0)" as const,
|
|
219
|
-
"--t-fill-color-button-interaction-ghost-hover": "hsl(204, 100%, 97%)" as const,
|
|
220
|
-
"--t-fill-color-button-interaction-ghost-active": "hsl(203, 94%, 94%)" as const,
|
|
221
|
-
"--t-fill-color-button-interaction-ghost-disabled": "hsla(0, 0%, 100%, 0)" as const,
|
|
222
|
-
"--t-fill-color-button-default-info-solid-default": "hsl(204, 100%, 40%)" as const,
|
|
223
|
-
"--t-fill-color-button-default-info-solid-hover": "hsl(204, 100%, 35%)" as const,
|
|
224
|
-
"--t-fill-color-button-default-info-solid-active": "hsl(204, 100%, 30%)" as const,
|
|
225
|
-
"--t-fill-color-button-default-info-solid-disabled": "hsl(0, 0%, 81%)" as const,
|
|
226
|
-
"--t-fill-color-button-default-info-outline-dim-default": "hsla(0, 0%, 100%, 0)" as const,
|
|
227
|
-
"--t-fill-color-button-default-info-outline-dim-hover": "hsl(204, 100%, 97%)" as const,
|
|
228
|
-
"--t-fill-color-button-default-info-outline-dim-active": "hsl(203, 94%, 94%)" as const,
|
|
229
|
-
"--t-fill-color-button-default-info-outline-dim-disabled": "hsla(0, 0%, 100%, 0)" as const,
|
|
230
|
-
"--t-fill-color-button-default-info-ghost-default": "hsla(0, 0%, 100%, 0)" as const,
|
|
231
|
-
"--t-fill-color-button-default-info-ghost-hover": "hsl(204, 100%, 97%)" as const,
|
|
232
|
-
"--t-fill-color-button-default-info-ghost-active": "hsl(203, 94%, 94%)" as const,
|
|
233
|
-
"--t-fill-color-button-default-info-ghost-disabled": "hsla(0, 0%, 100%, 0)" as const,
|
|
234
|
-
"--t-fill-color-button-create-solid-default": "hsl(96, 57%, 33%)" as const,
|
|
235
|
-
"--t-fill-color-button-create-solid-hover": "hsl(97, 57%, 28%)" as const,
|
|
236
|
-
"--t-fill-color-button-create-solid-active": "hsl(97, 57%, 23%)" as const,
|
|
237
|
-
"--t-fill-color-button-create-solid-disabled": "hsl(0, 0%, 81%)" as const,
|
|
238
|
-
"--t-fill-color-button-create-ghost-default": "hsla(0, 0%, 100%, 0)" as const,
|
|
239
|
-
"--t-fill-color-button-create-ghost-hover": "hsl(96, 60%, 95%)" as const,
|
|
240
|
-
"--t-fill-color-button-create-ghost-active": "hsl(97, 57%, 90%)" as const,
|
|
241
|
-
"--t-fill-color-button-create-ghost-disabled": "hsla(0, 0%, 100%, 0)" as const,
|
|
242
|
-
"--t-fill-color-button-delete-solid-default": "hsl(8, 60%, 47%)" as const,
|
|
243
|
-
"--t-fill-color-button-delete-solid-hover": "hsl(8, 60%, 45%)" as const,
|
|
244
|
-
"--t-fill-color-button-delete-solid-active": "hsl(8, 60%, 40%)" as const,
|
|
245
|
-
"--t-fill-color-button-delete-solid-disabled": "hsl(0, 0%, 81%)" as const,
|
|
246
|
-
"--t-fill-color-button-delete-outline-dim-default": "hsla(0, 0%, 100%, 0)" as const,
|
|
247
|
-
"--t-fill-color-button-delete-outline-dim-hover": "hsl(7, 60%, 97%)" as const,
|
|
248
|
-
"--t-fill-color-button-delete-outline-dim-active": "hsl(9, 59%, 93%)" as const,
|
|
249
|
-
"--t-fill-color-button-delete-outline-dim-disabled": "hsla(0, 0%, 100%, 0)" as const,
|
|
250
|
-
"--t-fill-color-button-delete-ghost-default": "hsla(0, 0%, 100%, 0)" as const,
|
|
251
|
-
"--t-fill-color-button-delete-ghost-hover": "hsl(7, 60%, 97%)" as const,
|
|
252
|
-
"--t-fill-color-button-delete-ghost-active": "hsl(9, 59%, 93%)" as const,
|
|
253
|
-
"--t-fill-color-button-delete-ghost-disabled": "hsla(0, 0%, 100%, 0)" as const,
|
|
254
|
-
"--t-fill-color-button-pill-default": "hsl(0, 0%, 93%)" as const,
|
|
255
|
-
"--t-fill-color-button-pill-hover": "hsl(0, 0%, 88%)" as const,
|
|
256
|
-
"--t-fill-color-button-pill-active": "hsl(0, 0%, 88%)" as const,
|
|
257
|
-
"--t-fill-color-button-pill-disabled": "hsl(0, 0%, 93%)" as const,
|
|
258
|
-
"--t-fill-color-product-accounts-base": "hsl(210, 55%, 50%)" as const,
|
|
259
|
-
"--t-fill-color-product-accounts-light": "hsl(210, 54%, 60%)" as const,
|
|
260
|
-
"--t-fill-color-product-accounts-lighter": "hsl(209, 53%, 90%)" as const,
|
|
261
|
-
"--t-fill-color-product-accounts-lightest": "hsl(212, 54%, 93%)" as const,
|
|
262
|
-
"--t-fill-color-product-accounts-dark": "hsl(210, 65%, 40%)" as const,
|
|
263
|
-
"--t-fill-color-product-accounts-darker": "hsl(211, 70%, 32%)" as const,
|
|
264
|
-
"--t-fill-color-product-accounts-darkest": "hsl(210, 75%, 25%)" as const,
|
|
265
|
-
"--t-fill-color-product-calendar-base": "hsl(9, 61%, 50%)" as const,
|
|
266
|
-
"--t-fill-color-product-calendar-light": "hsl(8, 65%, 55%)" as const,
|
|
267
|
-
"--t-fill-color-product-calendar-lighter": "hsl(8, 72%, 59%)" as const,
|
|
268
|
-
"--t-fill-color-product-calendar-lightest": "hsl(8, 61%, 70%)" as const,
|
|
269
|
-
"--t-fill-color-product-calendar-dark": "hsl(8, 65%, 42%)" as const,
|
|
270
|
-
"--t-fill-color-product-calendar-darker": "hsl(7, 65%, 34%)" as const,
|
|
271
|
-
"--t-fill-color-product-calendar-darkest": "hsl(9, 61%, 27%)" as const,
|
|
272
|
-
"--t-fill-color-product-checkins-base": "hsl(283, 22%, 48%)" as const,
|
|
273
|
-
"--t-fill-color-product-checkins-light": "hsl(283, 22%, 55%)" as const,
|
|
274
|
-
"--t-fill-color-product-checkins-lighter": "hsl(284, 22%, 64%)" as const,
|
|
275
|
-
"--t-fill-color-product-checkins-lightest": "hsl(283, 22%, 75%)" as const,
|
|
276
|
-
"--t-fill-color-product-checkins-dark": "hsl(283, 27%, 42%)" as const,
|
|
277
|
-
"--t-fill-color-product-checkins-darker": "hsl(284, 33%, 34%)" as const,
|
|
278
|
-
"--t-fill-color-product-checkins-darkest": "hsl(283, 33%, 27%)" as const,
|
|
279
|
-
"--t-fill-color-product-giving-base": "hsl(43, 88%, 64%)" as const,
|
|
280
|
-
"--t-fill-color-product-giving-light": "hsl(43, 88%, 70%)" as const,
|
|
281
|
-
"--t-fill-color-product-giving-lighter": "hsl(43, 95%, 75%)" as const,
|
|
282
|
-
"--t-fill-color-product-giving-lightest": "hsl(42, 95%, 83%)" as const,
|
|
283
|
-
"--t-fill-color-product-giving-dark": "hsl(42, 84%, 55%)" as const,
|
|
284
|
-
"--t-fill-color-product-giving-darker": "hsl(42, 84%, 48%)" as const,
|
|
285
|
-
"--t-fill-color-product-giving-darkest": "hsl(42, 100%, 40%)" as const,
|
|
286
|
-
"--t-fill-color-product-groups-base": "hsl(17, 88%, 55%)" as const,
|
|
287
|
-
"--t-fill-color-product-groups-light": "hsl(17, 96%, 63%)" as const,
|
|
288
|
-
"--t-fill-color-product-groups-lighter": "hsl(17, 96%, 70%)" as const,
|
|
289
|
-
"--t-fill-color-product-groups-lightest": "hsl(17, 96%, 80%)" as const,
|
|
290
|
-
"--t-fill-color-product-groups-dark": "hsl(12, 70%, 48%)" as const,
|
|
291
|
-
"--t-fill-color-product-groups-darker": "hsl(12, 70%, 40%)" as const,
|
|
292
|
-
"--t-fill-color-product-groups-darkest": "hsl(14, 70%, 34%)" as const,
|
|
293
|
-
"--t-fill-color-product-home-base": "hsl(221, 91%, 55%)" as const,
|
|
294
|
-
"--t-fill-color-product-home-light": "hsl(221, 91%, 62%)" as const,
|
|
295
|
-
"--t-fill-color-product-home-lighter": "hsl(221, 91%, 87%)" as const,
|
|
296
|
-
"--t-fill-color-product-home-lightest": "hsl(221, 91%, 91%)" as const,
|
|
297
|
-
"--t-fill-color-product-home-dark": "hsl(221, 90%, 50%)" as const,
|
|
298
|
-
"--t-fill-color-product-home-darker": "hsl(221, 90%, 45%)" as const,
|
|
299
|
-
"--t-fill-color-product-home-darkest": "hsl(218, 84%, 25%)" as const,
|
|
300
|
-
"--t-fill-color-product-people-base": "hsl(220, 74%, 57%)" as const,
|
|
301
|
-
"--t-fill-color-product-people-light": "hsl(221, 73%, 65%)" as const,
|
|
302
|
-
"--t-fill-color-product-people-lighter": "hsl(221, 73%, 71%)" as const,
|
|
303
|
-
"--t-fill-color-product-people-lightest": "hsl(220, 69%, 81%)" as const,
|
|
304
|
-
"--t-fill-color-product-people-dark": "hsl(220, 68%, 51%)" as const,
|
|
305
|
-
"--t-fill-color-product-people-darker": "hsl(220, 68%, 41%)" as const,
|
|
306
|
-
"--t-fill-color-product-people-darkest": "hsl(221, 68%, 31%)" as const,
|
|
307
|
-
"--t-fill-color-product-publishing-base": "hsl(220, 12%, 31%)" as const,
|
|
308
|
-
"--t-fill-color-product-publishing-light": "hsl(222, 12%, 39%)" as const,
|
|
309
|
-
"--t-fill-color-product-publishing-lighter": "hsl(221, 11%, 50%)" as const,
|
|
310
|
-
"--t-fill-color-product-publishing-lightest": "hsl(222, 10%, 60%)" as const,
|
|
311
|
-
"--t-fill-color-product-publishing-dark": "hsl(220, 11%, 26%)" as const,
|
|
312
|
-
"--t-fill-color-product-publishing-darker": "hsl(217, 12%, 22%)" as const,
|
|
313
|
-
"--t-fill-color-product-publishing-darkest": "hsl(214, 11%, 12%)" as const,
|
|
314
|
-
"--t-fill-color-product-registrations-base": "hsl(175, 36%, 43%)" as const,
|
|
315
|
-
"--t-fill-color-product-registrations-light": "hsl(176, 37%, 60%)" as const,
|
|
316
|
-
"--t-fill-color-product-registrations-lighter": "hsl(176, 37%, 68%)" as const,
|
|
317
|
-
"--t-fill-color-product-registrations-lightest": "hsl(176, 38%, 78%)" as const,
|
|
318
|
-
"--t-fill-color-product-registrations-dark": "hsl(175, 51%, 34%)" as const,
|
|
319
|
-
"--t-fill-color-product-registrations-darker": "hsl(174, 51%, 28%)" as const,
|
|
320
|
-
"--t-fill-color-product-registrations-darkest": "hsl(175, 52%, 22%)" as const,
|
|
321
|
-
"--t-fill-color-product-services-base": "hsl(88, 45%, 41%)" as const,
|
|
322
|
-
"--t-fill-color-product-services-light": "hsl(88, 40%, 54%)" as const,
|
|
323
|
-
"--t-fill-color-product-services-lighter": "hsl(88, 39%, 66%)" as const,
|
|
324
|
-
"--t-fill-color-product-services-lightest": "hsl(88, 39%, 75%)" as const,
|
|
325
|
-
"--t-fill-color-product-services-dark": "hsl(89, 62%, 32%)" as const,
|
|
326
|
-
"--t-fill-color-product-services-darker": "hsl(89, 62%, 26%)" as const,
|
|
327
|
-
"--t-fill-color-product-services-darkest": "hsl(89, 63%, 21%)" as const,
|
|
328
|
-
"--t-fill-color-product-staff-base": "hsl(328, 100%, 45%)" as const,
|
|
329
|
-
"--t-fill-color-transparency-light-010": "hsla(0, 0%, 100%, 0.1)" as const,
|
|
330
|
-
"--t-fill-color-transparency-light-020": "hsla(0, 0%, 100%, 0.2)" as const,
|
|
331
|
-
"--t-fill-color-transparency-light-030": "hsla(0, 0%, 100%, 0.3)" as const,
|
|
332
|
-
"--t-fill-color-transparency-light-040": "hsla(0, 0%, 100%, 0.4)" as const,
|
|
333
|
-
"--t-fill-color-transparency-light-050": "hsla(0, 0%, 100%, 0.5)" as const,
|
|
334
|
-
"--t-fill-color-transparency-light-060": "hsla(0, 0%, 100%, 0.6)" as const,
|
|
335
|
-
"--t-fill-color-transparency-light-070": "hsla(0, 0%, 100%, 0.7)" as const,
|
|
336
|
-
"--t-fill-color-transparency-light-080": "hsla(0, 0%, 100%, 0.8)" as const,
|
|
337
|
-
"--t-fill-color-transparency-light-090": "hsla(0, 0%, 100%, 0.9)" as const,
|
|
338
|
-
"--t-fill-color-transparency-dark-010": "hsla(0, 0%, 0%, 0.1)" as const,
|
|
339
|
-
"--t-fill-color-transparency-dark-020": "hsla(0, 0%, 0%, 0.2)" as const,
|
|
340
|
-
"--t-fill-color-transparency-dark-030": "hsla(0, 0%, 0%, 0.3)" as const,
|
|
341
|
-
"--t-fill-color-transparency-dark-040": "hsla(0, 0%, 0%, 0.4)" as const,
|
|
342
|
-
"--t-fill-color-transparency-dark-050": "hsla(0, 0%, 0%, 0.5)" as const,
|
|
343
|
-
"--t-fill-color-transparency-dark-060": "hsla(0, 0%, 0%, 0.6)" as const,
|
|
344
|
-
"--t-fill-color-transparency-dark-070": "hsla(0, 0%, 0%, 0.7)" as const,
|
|
345
|
-
"--t-fill-color-transparency-dark-080": "hsla(0, 0%, 0%, 0.8)" as const,
|
|
346
|
-
"--t-fill-color-transparency-dark-090": "hsla(0, 0%, 0%, 0.9)" as const,
|
|
347
|
-
"--t-surface-color-canvas": "hsl(0, 0%, 98%)" as const,
|
|
348
|
-
"--t-surface-color-card": "hsl(0, 0%, 100%)" as const,
|
|
349
|
-
"--t-border-color-default-base": "hsl(0, 0%, 88%)" as const,
|
|
350
|
-
"--t-border-color-default-dark": "hsl(0, 0%, 81%)" as const,
|
|
351
|
-
"--t-border-color-default-darker": "hsl(0, 0%, 68%)" as const,
|
|
352
|
-
"--t-border-color-default-darkest": "hsl(0, 0%, 62%)" as const,
|
|
353
|
-
"--t-border-color-default-disabled": "hsl(0, 0%, 88%)" as const,
|
|
354
|
-
"--t-border-color-default-dim": "hsl(0, 0%, 95%)" as const,
|
|
355
|
-
"--t-border-color-default-white": "hsl(0, 0%, 100%)" as const,
|
|
356
|
-
"--t-border-color-status-neutral": "hsl(0, 0%, 62%)" as const,
|
|
357
|
-
"--t-border-color-status-info": "hsl(204, 100%, 40%)" as const,
|
|
358
|
-
"--t-border-color-status-success": "hsl(97, 57%, 40%)" as const,
|
|
359
|
-
"--t-border-color-status-warning": "hsl(42, 84%, 63%)" as const,
|
|
360
|
-
"--t-border-color-status-error": "hsl(8, 60%, 47%)" as const,
|
|
361
|
-
"--t-border-color-button-neutral": "hsl(0, 0%, 88%)" as const,
|
|
362
|
-
"--t-border-color-button-info": "hsl(204, 100%, 40%)" as const,
|
|
363
|
-
"--t-border-color-button-create": "hsl(96, 57%, 33%)" as const,
|
|
364
|
-
"--t-border-color-button-delete": "hsl(8, 60%, 47%)" as const,
|
|
365
|
-
"--t-border-color-control-neutral": "hsl(0, 0%, 68%)" as const,
|
|
366
|
-
"--t-border-color-control-info": "hsl(204, 100%, 40%)" as const,
|
|
367
|
-
"--t-border-color-control-success": "hsl(97, 57%, 40%)" as const,
|
|
368
|
-
"--t-border-color-control-warning": "hsl(42, 84%, 63%)" as const,
|
|
369
|
-
"--t-border-color-control-error": "hsl(8, 60%, 47%)" as const,
|
|
370
|
-
"--t-border-color-control-disabled": "hsl(0, 0%, 88%)" as const
|
|
371
|
-
}
|