@channel.io/bezier-tokens 0.3.3-beta.4 → 0.3.3-beta.6
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/dist/beta/cjs/darkTheme.js +434 -432
- package/dist/beta/cjs/global.js +311 -311
- package/dist/beta/cjs/lightTheme.js +434 -432
- package/dist/beta/css/styles.css +1179 -1175
- package/dist/beta/esm/darkTheme.mjs +434 -432
- package/dist/beta/esm/global.mjs +311 -311
- package/dist/beta/esm/lightTheme.mjs +434 -432
- package/dist/beta/scss/dark-theme.scss +530 -528
- package/dist/beta/scss/global.scss +622 -622
- package/dist/beta/scss/light-theme.scss +530 -528
- package/dist/types/beta/cjs/darkTheme.d.ts +732 -725
- package/dist/types/beta/cjs/global.d.ts +322 -322
- package/dist/types/beta/cjs/index.d.ts +1791 -1777
- package/dist/types/beta/cjs/lightTheme.d.ts +737 -730
- package/dist/types/beta/esm/darkTheme.d.mts +732 -725
- package/dist/types/beta/esm/global.d.mts +322 -322
- package/dist/types/beta/esm/index.d.mts +1791 -1777
- package/dist/types/beta/esm/index.d.mts.map +1 -1
- package/dist/types/beta/esm/lightTheme.d.mts +737 -730
- package/package.json +1 -1
|
@@ -1,1581 +1,1588 @@
|
|
|
1
1
|
declare const _exports: Readonly<{
|
|
2
2
|
backdrop: Readonly<{
|
|
3
|
-
"
|
|
3
|
+
"backdrop-large": Readonly<{
|
|
4
4
|
value: "60px";
|
|
5
|
-
ref: "
|
|
5
|
+
ref: "dimension-60";
|
|
6
6
|
}>;
|
|
7
|
-
"
|
|
7
|
+
"backdrop-small": Readonly<{
|
|
8
8
|
value: "6px";
|
|
9
|
-
ref: "
|
|
9
|
+
ref: "dimension-6";
|
|
10
10
|
}>;
|
|
11
11
|
}>;
|
|
12
12
|
border: Readonly<{
|
|
13
|
-
"
|
|
13
|
+
"border-default": Readonly<{
|
|
14
14
|
value: "0 0 0 1px #ffffff1f";
|
|
15
|
-
ref: "0 0 0
|
|
15
|
+
ref: "0 0 0 dimension-1 color-border-neutral";
|
|
16
16
|
}>;
|
|
17
|
-
"
|
|
17
|
+
"border-bottom": Readonly<{
|
|
18
18
|
value: "0 -1px 0 0 #ffffff1f";
|
|
19
|
-
ref: "0
|
|
19
|
+
ref: "0 dimension-1-m 0 0 color-border-neutral";
|
|
20
20
|
}>;
|
|
21
|
-
"
|
|
21
|
+
"border-right": Readonly<{
|
|
22
22
|
value: "-1px 0 0 0 #ffffff1f";
|
|
23
|
-
ref: "
|
|
23
|
+
ref: "dimension-1-m 0 0 0 color-border-neutral";
|
|
24
24
|
}>;
|
|
25
|
-
"
|
|
25
|
+
"border-left": Readonly<{
|
|
26
26
|
value: "1px 0 0 0 #ffffff1f";
|
|
27
|
-
ref: "
|
|
27
|
+
ref: "dimension-1 0 0 0 color-border-neutral";
|
|
28
28
|
}>;
|
|
29
|
-
"
|
|
29
|
+
"border-top": Readonly<{
|
|
30
30
|
value: "0 1px 0 0 #ffffff1f";
|
|
31
|
-
ref: "0
|
|
31
|
+
ref: "0 dimension-1 0 0 color-border-neutral";
|
|
32
32
|
}>;
|
|
33
|
-
"
|
|
33
|
+
"border-white-high": Readonly<{
|
|
34
34
|
value: "0 0 0 1px #2a2a2dff";
|
|
35
|
-
ref: "0 0 0
|
|
35
|
+
ref: "0 0 0 dimension-1 color-surface-high";
|
|
36
36
|
}>;
|
|
37
|
-
"
|
|
37
|
+
"border-white-higher": Readonly<{
|
|
38
38
|
value: "0 0 0 1px #303035ff";
|
|
39
|
-
ref: "0 0 0
|
|
39
|
+
ref: "0 0 0 dimension-1 color-surface-higher";
|
|
40
40
|
}>;
|
|
41
|
-
"
|
|
41
|
+
"border-white-highest": Readonly<{
|
|
42
42
|
value: "0 0 0 1px #37373cff";
|
|
43
|
-
ref: "0 0 0
|
|
43
|
+
ref: "0 0 0 dimension-1 color-surface-highest";
|
|
44
44
|
}>;
|
|
45
45
|
}>;
|
|
46
46
|
elevation: Readonly<{
|
|
47
|
-
"
|
|
47
|
+
"elevation-1": Readonly<{
|
|
48
48
|
value: "0 1px 2px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
|
|
49
|
-
ref: "0
|
|
49
|
+
ref: "0 dimension-1 dimension-2 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner";
|
|
50
50
|
}>;
|
|
51
|
-
"
|
|
51
|
+
"elevation-2": Readonly<{
|
|
52
52
|
value: "0 2px 6px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
|
|
53
|
-
ref: "0
|
|
53
|
+
ref: "0 dimension-2 dimension-6 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner";
|
|
54
54
|
}>;
|
|
55
|
-
"
|
|
55
|
+
"elevation-3": Readonly<{
|
|
56
56
|
value: "0 4px 12px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
|
|
57
|
-
ref: "0
|
|
57
|
+
ref: "0 dimension-4 dimension-12 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner";
|
|
58
58
|
}>;
|
|
59
|
-
"
|
|
59
|
+
"elevation-4": Readonly<{
|
|
60
60
|
value: "0 4px 24px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
|
|
61
|
-
ref: "0
|
|
61
|
+
ref: "0 dimension-4 dimension-24 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner";
|
|
62
62
|
}>;
|
|
63
|
-
"
|
|
63
|
+
"elevation-5": Readonly<{
|
|
64
64
|
value: "0 6px 40px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
|
|
65
|
-
ref: "0
|
|
65
|
+
ref: "0 dimension-6 dimension-40 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner";
|
|
66
66
|
}>;
|
|
67
|
-
"
|
|
67
|
+
"elevation-6": Readonly<{
|
|
68
68
|
value: "0 12px 60px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f";
|
|
69
|
-
ref: "0
|
|
69
|
+
ref: "0 dimension-12 dimension-60 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner";
|
|
70
70
|
}>;
|
|
71
71
|
}>;
|
|
72
72
|
layer: Readonly<{
|
|
73
|
-
"
|
|
73
|
+
"layer-z-index-base": Readonly<{
|
|
74
74
|
value: "0";
|
|
75
|
-
ref: "
|
|
75
|
+
ref: "layer-depth-0";
|
|
76
76
|
}>;
|
|
77
|
-
"
|
|
77
|
+
"layer-z-index-floating": Readonly<{
|
|
78
78
|
value: "1";
|
|
79
|
-
ref: "
|
|
79
|
+
ref: "layer-depth-1";
|
|
80
80
|
}>;
|
|
81
|
-
"
|
|
81
|
+
"layer-z-index-overlay": Readonly<{
|
|
82
82
|
value: "1000";
|
|
83
|
-
ref: "
|
|
83
|
+
ref: "layer-depth-1000";
|
|
84
84
|
}>;
|
|
85
|
-
"
|
|
85
|
+
"layer-z-index-modal": Readonly<{
|
|
86
86
|
value: "1100";
|
|
87
|
-
ref: "
|
|
87
|
+
ref: "layer-depth-1100";
|
|
88
88
|
}>;
|
|
89
|
-
"
|
|
89
|
+
"layer-z-index-toast": Readonly<{
|
|
90
90
|
value: "1200";
|
|
91
|
-
ref: "
|
|
91
|
+
ref: "layer-depth-1200";
|
|
92
92
|
}>;
|
|
93
|
-
"
|
|
93
|
+
"layer-z-index-tooltip": Readonly<{
|
|
94
94
|
value: "1300";
|
|
95
|
-
ref: "
|
|
95
|
+
ref: "layer-depth-1300";
|
|
96
96
|
}>;
|
|
97
|
-
"
|
|
97
|
+
"layer-z-index-hidden": Readonly<{
|
|
98
98
|
value: "-1";
|
|
99
|
-
ref: "
|
|
99
|
+
ref: "layer-depth-1-m";
|
|
100
100
|
}>;
|
|
101
|
-
"
|
|
101
|
+
"layer-z-index-important": Readonly<{
|
|
102
102
|
value: "2000";
|
|
103
|
-
ref: "
|
|
103
|
+
ref: "layer-depth-2000";
|
|
104
104
|
}>;
|
|
105
105
|
}>;
|
|
106
106
|
motion: Readonly<{
|
|
107
|
-
"
|
|
107
|
+
"motion-transition-fast": Readonly<{
|
|
108
108
|
value: "150ms cubic-bezier(0.3, 0, 0, 1)";
|
|
109
|
-
ref: "
|
|
109
|
+
ref: "motion-duration-150 motion-timing-function-easing";
|
|
110
110
|
}>;
|
|
111
|
-
"
|
|
111
|
+
"motion-transition-default": Readonly<{
|
|
112
112
|
value: "300ms cubic-bezier(0.3, 0, 0, 1)";
|
|
113
|
-
ref: "
|
|
113
|
+
ref: "motion-duration-300 motion-timing-function-easing";
|
|
114
114
|
}>;
|
|
115
|
-
"
|
|
115
|
+
"motion-transition-slow": Readonly<{
|
|
116
116
|
value: "450ms cubic-bezier(0.3, 0, 0, 1)";
|
|
117
|
-
ref: "
|
|
117
|
+
ref: "motion-duration-450 motion-timing-function-easing";
|
|
118
118
|
}>;
|
|
119
119
|
}>;
|
|
120
120
|
opacity: Readonly<{
|
|
121
|
-
"
|
|
121
|
+
"opacity-disabled": Readonly<{
|
|
122
122
|
value: "40%";
|
|
123
|
-
ref: "
|
|
123
|
+
ref: "dimension-40-p";
|
|
124
124
|
}>;
|
|
125
125
|
}>;
|
|
126
126
|
radius: Readonly<{
|
|
127
|
-
"
|
|
127
|
+
"radius-2": Readonly<{
|
|
128
128
|
value: "2px";
|
|
129
|
-
ref: "
|
|
129
|
+
ref: "dimension-2";
|
|
130
130
|
}>;
|
|
131
|
-
"
|
|
131
|
+
"radius-3": Readonly<{
|
|
132
132
|
value: "3px";
|
|
133
|
-
ref: "
|
|
133
|
+
ref: "dimension-3";
|
|
134
134
|
}>;
|
|
135
|
-
"
|
|
135
|
+
"radius-4": Readonly<{
|
|
136
136
|
value: "4px";
|
|
137
|
-
ref: "
|
|
137
|
+
ref: "dimension-4";
|
|
138
138
|
}>;
|
|
139
|
-
"
|
|
139
|
+
"radius-6": Readonly<{
|
|
140
140
|
value: "6px";
|
|
141
|
-
ref: "
|
|
141
|
+
ref: "dimension-6";
|
|
142
142
|
}>;
|
|
143
|
-
"
|
|
143
|
+
"radius-7": Readonly<{
|
|
144
144
|
value: "7px";
|
|
145
|
-
ref: "
|
|
145
|
+
ref: "dimension-7";
|
|
146
146
|
}>;
|
|
147
|
-
"
|
|
147
|
+
"radius-8": Readonly<{
|
|
148
148
|
value: "8px";
|
|
149
|
-
ref: "
|
|
149
|
+
ref: "dimension-8";
|
|
150
150
|
}>;
|
|
151
|
-
"
|
|
151
|
+
"radius-10": Readonly<{
|
|
152
152
|
value: "10px";
|
|
153
|
-
ref: "
|
|
153
|
+
ref: "dimension-10";
|
|
154
154
|
}>;
|
|
155
|
-
"
|
|
155
|
+
"radius-12": Readonly<{
|
|
156
156
|
value: "12px";
|
|
157
|
-
ref: "
|
|
157
|
+
ref: "dimension-12";
|
|
158
158
|
}>;
|
|
159
|
-
"
|
|
159
|
+
"radius-14": Readonly<{
|
|
160
160
|
value: "14px";
|
|
161
|
-
ref: "
|
|
161
|
+
ref: "dimension-14";
|
|
162
162
|
}>;
|
|
163
|
-
"
|
|
163
|
+
"radius-16": Readonly<{
|
|
164
164
|
value: "16px";
|
|
165
|
-
ref: "
|
|
165
|
+
ref: "dimension-16";
|
|
166
166
|
}>;
|
|
167
|
-
"
|
|
167
|
+
"radius-20": Readonly<{
|
|
168
168
|
value: "20px";
|
|
169
|
-
ref: "
|
|
169
|
+
ref: "dimension-20";
|
|
170
170
|
}>;
|
|
171
|
-
"
|
|
171
|
+
"radius-32": Readonly<{
|
|
172
172
|
value: "32px";
|
|
173
|
-
ref: "
|
|
173
|
+
ref: "dimension-32";
|
|
174
174
|
}>;
|
|
175
175
|
}>;
|
|
176
176
|
state: Readonly<{
|
|
177
|
-
"
|
|
177
|
+
"state-error": Readonly<{
|
|
178
178
|
value: "0 0 0 1px #f79847ff";
|
|
179
|
-
ref: "0 0 0
|
|
179
|
+
ref: "0 0 0 dimension-1 color-state-warning";
|
|
180
180
|
}>;
|
|
181
|
-
"
|
|
181
|
+
"state-active": Readonly<{
|
|
182
182
|
value: "0 0 0 1px #6b6effff";
|
|
183
|
-
ref: "0 0 0
|
|
183
|
+
ref: "0 0 0 dimension-1 color-state-action";
|
|
184
184
|
}>;
|
|
185
|
-
"
|
|
186
|
-
value: "0 1px 2px 0 #0000000d, inset 0 0 0 1px #
|
|
187
|
-
ref: "0
|
|
185
|
+
"state-input-default": Readonly<{
|
|
186
|
+
value: "0 1px 2px 0 #0000000d, inset 0 0 0 1px #fff3";
|
|
187
|
+
ref: "0 dimension-1 dimension-2 0 color-elevation-base, inset 0 0 0 dimension-1 color-state-default";
|
|
188
188
|
}>;
|
|
189
|
-
"
|
|
189
|
+
"state-input-hovered": Readonly<{
|
|
190
190
|
value: "0 2px 6px 0 #0000000d, inset 0 0 0 1px #6b6effff";
|
|
191
|
-
ref: "0
|
|
191
|
+
ref: "0 dimension-2 dimension-6 0 color-elevation-base, inset 0 0 0 dimension-1 color-state-action";
|
|
192
192
|
}>;
|
|
193
|
-
"
|
|
193
|
+
"state-input-active": Readonly<{
|
|
194
194
|
value: "0 2px 6px 0 #0000000d, 0 0 0 3px #6b6eff73, inset 0 0 0 1px #6b6effff";
|
|
195
|
-
ref: "0
|
|
195
|
+
ref: "0 dimension-2 dimension-6 0 color-elevation-base, 0 0 0 dimension-3 color-state-action-light, inset 0 0 0 dimension-1 color-state-action";
|
|
196
196
|
}>;
|
|
197
|
-
"
|
|
197
|
+
"state-input-error": Readonly<{
|
|
198
198
|
value: "0 2px 6px 0 #0000000d, 0 0 0 3px #f798474d, inset 0 0 0 1px #f79847ff";
|
|
199
|
-
ref: "0
|
|
199
|
+
ref: "0 dimension-2 dimension-6 0 color-elevation-base, 0 0 0 dimension-3 color-state-warning-light, inset 0 0 0 dimension-1 color-state-warning";
|
|
200
200
|
}>;
|
|
201
201
|
}>;
|
|
202
202
|
typography: Readonly<{
|
|
203
|
-
"
|
|
203
|
+
"typography-heading-font-family": Readonly<{
|
|
204
204
|
value: "'Inter', 'NotoSansKR', 'Noto Sans KR', 'NotoSansJP', 'Noto Sans JP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif'";
|
|
205
|
-
ref: "
|
|
205
|
+
ref: "typography-font-family-sans-kr";
|
|
206
206
|
}>;
|
|
207
|
-
"
|
|
207
|
+
"typography-heading-size-xlarge": Readonly<{
|
|
208
208
|
value: "24px";
|
|
209
|
-
ref: "
|
|
209
|
+
ref: "typography-font-size-24";
|
|
210
210
|
}>;
|
|
211
|
-
"
|
|
211
|
+
"typography-heading-size-large": Readonly<{
|
|
212
212
|
value: "22px";
|
|
213
|
-
ref: "
|
|
213
|
+
ref: "typography-font-size-22";
|
|
214
214
|
}>;
|
|
215
|
-
"
|
|
215
|
+
"typography-heading-size-medium": Readonly<{
|
|
216
216
|
value: "18px";
|
|
217
|
-
ref: "
|
|
217
|
+
ref: "typography-font-size-18";
|
|
218
218
|
}>;
|
|
219
|
-
"
|
|
219
|
+
"typography-heading-size-small": Readonly<{
|
|
220
220
|
value: "17px";
|
|
221
|
-
ref: "
|
|
221
|
+
ref: "typography-font-size-17";
|
|
222
222
|
}>;
|
|
223
|
-
"
|
|
223
|
+
"typography-heading-size-xsmall": Readonly<{
|
|
224
224
|
value: "16px";
|
|
225
|
-
ref: "
|
|
225
|
+
ref: "typography-font-size-16";
|
|
226
226
|
}>;
|
|
227
|
-
"
|
|
227
|
+
"typography-heading-size-2xsmall": Readonly<{
|
|
228
228
|
value: "15px";
|
|
229
|
-
ref: "
|
|
229
|
+
ref: "typography-font-size-15";
|
|
230
230
|
}>;
|
|
231
|
-
"
|
|
231
|
+
"typography-heading-weight-bold": Readonly<{
|
|
232
232
|
value: "700";
|
|
233
|
-
ref: "
|
|
233
|
+
ref: "typography-font-weight-700";
|
|
234
234
|
}>;
|
|
235
|
-
"
|
|
235
|
+
"typography-heading-letter-spacing": Readonly<{
|
|
236
236
|
value: "0";
|
|
237
|
-
ref: "
|
|
237
|
+
ref: "typography-letter-spacing-0";
|
|
238
238
|
}>;
|
|
239
|
-
"
|
|
239
|
+
"typography-heading-letter-spacing-tight": Readonly<{
|
|
240
240
|
value: "-0.1px";
|
|
241
|
-
ref: "
|
|
241
|
+
ref: "typography-letter-spacing-0-1";
|
|
242
242
|
}>;
|
|
243
|
-
"
|
|
243
|
+
"typography-heading-letter-spacing-tighter": Readonly<{
|
|
244
244
|
value: "-0.4px";
|
|
245
|
-
ref: "
|
|
245
|
+
ref: "typography-letter-spacing-0-4";
|
|
246
246
|
}>;
|
|
247
|
-
"
|
|
247
|
+
"typography-heading-line-height-xlarge": Readonly<{
|
|
248
248
|
value: "32px";
|
|
249
|
-
ref: "
|
|
249
|
+
ref: "typography-line-height-32";
|
|
250
250
|
}>;
|
|
251
|
-
"
|
|
251
|
+
"typography-heading-line-height-large": Readonly<{
|
|
252
252
|
value: "28px";
|
|
253
|
-
ref: "
|
|
253
|
+
ref: "typography-line-height-28";
|
|
254
254
|
}>;
|
|
255
|
-
"
|
|
255
|
+
"typography-heading-line-height-medium": Readonly<{
|
|
256
256
|
value: "24px";
|
|
257
|
-
ref: "
|
|
257
|
+
ref: "typography-line-height-24";
|
|
258
258
|
}>;
|
|
259
|
-
"
|
|
259
|
+
"typography-heading-line-height-small": Readonly<{
|
|
260
260
|
value: "24px";
|
|
261
|
-
ref: "
|
|
261
|
+
ref: "typography-line-height-24";
|
|
262
262
|
}>;
|
|
263
|
-
"
|
|
263
|
+
"typography-heading-line-height-xsmall": Readonly<{
|
|
264
264
|
value: "24px";
|
|
265
|
-
ref: "
|
|
265
|
+
ref: "typography-line-height-24";
|
|
266
266
|
}>;
|
|
267
|
-
"
|
|
267
|
+
"typography-heading-line-height-2xsmall": Readonly<{
|
|
268
268
|
value: "20px";
|
|
269
|
-
ref: "
|
|
269
|
+
ref: "typography-line-height-20";
|
|
270
270
|
}>;
|
|
271
|
-
"
|
|
271
|
+
"typography-text-font-family": Readonly<{
|
|
272
272
|
value: "'Inter', 'NotoSansKR', 'Noto Sans KR', 'NotoSansJP', 'Noto Sans JP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif'";
|
|
273
|
-
ref: "
|
|
273
|
+
ref: "typography-font-family-sans-kr";
|
|
274
274
|
}>;
|
|
275
|
-
"
|
|
275
|
+
"typography-text-size-2xlarge": Readonly<{
|
|
276
276
|
value: "17px";
|
|
277
|
-
ref: "
|
|
277
|
+
ref: "typography-font-size-17";
|
|
278
278
|
}>;
|
|
279
|
-
"
|
|
279
|
+
"typography-text-size-xlarge": Readonly<{
|
|
280
280
|
value: "16px";
|
|
281
|
-
ref: "
|
|
281
|
+
ref: "typography-font-size-16";
|
|
282
282
|
}>;
|
|
283
|
-
"
|
|
283
|
+
"typography-text-size-large": Readonly<{
|
|
284
284
|
value: "15px";
|
|
285
|
-
ref: "
|
|
285
|
+
ref: "typography-font-size-15";
|
|
286
286
|
}>;
|
|
287
|
-
"
|
|
287
|
+
"typography-text-size-medium": Readonly<{
|
|
288
288
|
value: "14px";
|
|
289
|
-
ref: "
|
|
289
|
+
ref: "typography-font-size-14";
|
|
290
290
|
}>;
|
|
291
|
-
"
|
|
291
|
+
"typography-text-size-small": Readonly<{
|
|
292
292
|
value: "13px";
|
|
293
|
-
ref: "
|
|
293
|
+
ref: "typography-font-size-13";
|
|
294
294
|
}>;
|
|
295
|
-
"
|
|
295
|
+
"typography-text-size-xsmall": Readonly<{
|
|
296
296
|
value: "12px";
|
|
297
|
-
ref: "
|
|
297
|
+
ref: "typography-font-size-12";
|
|
298
298
|
}>;
|
|
299
|
-
"
|
|
299
|
+
"typography-text-size-2xsmall": Readonly<{
|
|
300
300
|
value: "11px";
|
|
301
|
-
ref: "
|
|
301
|
+
ref: "typography-font-size-11";
|
|
302
302
|
}>;
|
|
303
|
-
"
|
|
303
|
+
"typography-text-weight-bold": Readonly<{
|
|
304
304
|
value: "700";
|
|
305
|
-
ref: "
|
|
305
|
+
ref: "typography-font-weight-700";
|
|
306
306
|
}>;
|
|
307
|
-
"
|
|
307
|
+
"typography-text-weight-regular": Readonly<{
|
|
308
308
|
value: "400";
|
|
309
|
-
ref: "
|
|
309
|
+
ref: "typography-font-weight-400";
|
|
310
310
|
}>;
|
|
311
|
-
"
|
|
311
|
+
"typography-text-letter-spacing": Readonly<{
|
|
312
312
|
value: "0";
|
|
313
|
-
ref: "
|
|
313
|
+
ref: "typography-letter-spacing-0";
|
|
314
314
|
}>;
|
|
315
|
-
"
|
|
315
|
+
"typography-text-letter-spacing-tight": Readonly<{
|
|
316
316
|
value: "-0.1px";
|
|
317
|
-
ref: "
|
|
317
|
+
ref: "typography-letter-spacing-0-1";
|
|
318
318
|
}>;
|
|
319
|
-
"
|
|
319
|
+
"typography-text-line-height-2xlarge": Readonly<{
|
|
320
320
|
value: "24px";
|
|
321
|
-
ref: "
|
|
321
|
+
ref: "typography-line-height-24";
|
|
322
322
|
}>;
|
|
323
|
-
"
|
|
323
|
+
"typography-text-line-height-xlarge": Readonly<{
|
|
324
324
|
value: "24px";
|
|
325
|
-
ref: "
|
|
325
|
+
ref: "typography-line-height-24";
|
|
326
326
|
}>;
|
|
327
|
-
"
|
|
327
|
+
"typography-text-line-height-large": Readonly<{
|
|
328
328
|
value: "20px";
|
|
329
|
-
ref: "
|
|
329
|
+
ref: "typography-line-height-20";
|
|
330
330
|
}>;
|
|
331
|
-
"
|
|
331
|
+
"typography-text-line-height-medium": Readonly<{
|
|
332
332
|
value: "18px";
|
|
333
|
-
ref: "
|
|
333
|
+
ref: "typography-line-height-18";
|
|
334
334
|
}>;
|
|
335
|
-
"
|
|
335
|
+
"typography-text-line-height-small": Readonly<{
|
|
336
336
|
value: "18px";
|
|
337
|
-
ref: "
|
|
337
|
+
ref: "typography-line-height-18";
|
|
338
338
|
}>;
|
|
339
|
-
"
|
|
339
|
+
"typography-text-line-height-xsmall": Readonly<{
|
|
340
340
|
value: "16px";
|
|
341
|
-
ref: "
|
|
341
|
+
ref: "typography-line-height-16";
|
|
342
342
|
}>;
|
|
343
|
-
"
|
|
343
|
+
"typography-text-line-height-2xsmall": Readonly<{
|
|
344
344
|
value: "16px";
|
|
345
|
-
ref: "
|
|
345
|
+
ref: "typography-line-height-16";
|
|
346
346
|
}>;
|
|
347
|
-
"
|
|
347
|
+
"typography-display-font-family": Readonly<{
|
|
348
348
|
value: "'Inter', 'NotoSansKR', 'Noto Sans KR', 'NotoSansJP', 'Noto Sans JP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif'";
|
|
349
|
-
ref: "
|
|
349
|
+
ref: "typography-font-family-sans-kr";
|
|
350
350
|
}>;
|
|
351
|
-
"
|
|
351
|
+
"typography-display-size-large": Readonly<{
|
|
352
352
|
value: "36px";
|
|
353
|
-
ref: "
|
|
353
|
+
ref: "typography-font-size-36";
|
|
354
354
|
}>;
|
|
355
|
-
"
|
|
355
|
+
"typography-display-size-medium": Readonly<{
|
|
356
356
|
value: "30px";
|
|
357
|
-
ref: "
|
|
357
|
+
ref: "typography-font-size-30";
|
|
358
358
|
}>;
|
|
359
|
-
"
|
|
359
|
+
"typography-display-weight-bold": Readonly<{
|
|
360
360
|
value: "700";
|
|
361
|
-
ref: "
|
|
361
|
+
ref: "typography-font-weight-700";
|
|
362
362
|
}>;
|
|
363
|
-
"
|
|
363
|
+
"typography-display-letter-spacing-tighter": Readonly<{
|
|
364
364
|
value: "-0.4px";
|
|
365
|
-
ref: "
|
|
365
|
+
ref: "typography-letter-spacing-0-4";
|
|
366
366
|
}>;
|
|
367
|
-
"
|
|
367
|
+
"typography-display-line-height-large": Readonly<{
|
|
368
368
|
value: "44px";
|
|
369
|
-
ref: "
|
|
369
|
+
ref: "typography-line-height-44";
|
|
370
370
|
}>;
|
|
371
|
-
"
|
|
371
|
+
"typography-display-line-height-medium": Readonly<{
|
|
372
372
|
value: "36px";
|
|
373
|
-
ref: "
|
|
373
|
+
ref: "typography-line-height-36";
|
|
374
374
|
}>;
|
|
375
|
-
"
|
|
375
|
+
"typography-code-font-family": Readonly<{
|
|
376
376
|
value: "'ui-monospace', 'Cascadia Code', 'Source Code Pro', 'Menlo', 'Consolas', 'DejaVu Sans Mono', 'monospace'";
|
|
377
|
-
ref: "
|
|
377
|
+
ref: "typography-font-family-monospace";
|
|
378
378
|
}>;
|
|
379
|
-
"
|
|
379
|
+
"typography-code-size-medium": Readonly<{
|
|
380
380
|
value: "14px";
|
|
381
|
-
ref: "
|
|
381
|
+
ref: "typography-font-size-14";
|
|
382
382
|
}>;
|
|
383
|
-
"
|
|
383
|
+
"typography-code-size-small": Readonly<{
|
|
384
384
|
value: "13px";
|
|
385
|
-
ref: "
|
|
385
|
+
ref: "typography-font-size-13";
|
|
386
386
|
}>;
|
|
387
|
-
"
|
|
387
|
+
"typography-code-weight-regular": Readonly<{
|
|
388
388
|
value: "400";
|
|
389
|
-
ref: "
|
|
389
|
+
ref: "typography-font-weight-400";
|
|
390
390
|
}>;
|
|
391
|
-
"
|
|
391
|
+
"typography-code-letter-spacing": Readonly<{
|
|
392
392
|
value: "0";
|
|
393
|
-
ref: "
|
|
393
|
+
ref: "typography-letter-spacing-0";
|
|
394
394
|
}>;
|
|
395
|
-
"
|
|
395
|
+
"typography-code-line-height-medium": Readonly<{
|
|
396
396
|
value: "18px";
|
|
397
|
-
ref: "
|
|
397
|
+
ref: "typography-line-height-18";
|
|
398
398
|
}>;
|
|
399
|
-
"
|
|
399
|
+
"typography-code-line-height-small": Readonly<{
|
|
400
400
|
value: "18px";
|
|
401
|
-
ref: "
|
|
401
|
+
ref: "typography-line-height-18";
|
|
402
402
|
}>;
|
|
403
403
|
}>;
|
|
404
404
|
color: Readonly<{
|
|
405
|
-
"
|
|
405
|
+
"color-text-action": Readonly<{
|
|
406
406
|
value: "#6b6effff";
|
|
407
|
-
ref: "
|
|
407
|
+
ref: "color-blue-300";
|
|
408
408
|
}>;
|
|
409
|
-
"
|
|
409
|
+
"color-text-action-hovered": Readonly<{
|
|
410
410
|
value: "#8184ffff";
|
|
411
411
|
}>;
|
|
412
|
-
"
|
|
412
|
+
"color-text-success": Readonly<{
|
|
413
413
|
value: "#4bc16cff";
|
|
414
|
-
ref: "
|
|
414
|
+
ref: "color-green-300";
|
|
415
415
|
}>;
|
|
416
|
-
"
|
|
416
|
+
"color-text-success-hovered": Readonly<{
|
|
417
417
|
value: "#56cc77ff";
|
|
418
418
|
}>;
|
|
419
|
-
"
|
|
419
|
+
"color-text-highlight": Readonly<{
|
|
420
420
|
value: "#5cadefff";
|
|
421
|
-
ref: "
|
|
421
|
+
ref: "color-cobalt-300";
|
|
422
422
|
}>;
|
|
423
|
-
"
|
|
423
|
+
"color-text-highlight-hovered": Readonly<{
|
|
424
424
|
value: "#6cb8f5ff";
|
|
425
425
|
}>;
|
|
426
|
-
"
|
|
426
|
+
"color-text-warning": Readonly<{
|
|
427
427
|
value: "#f79847ff";
|
|
428
|
-
ref: "
|
|
428
|
+
ref: "color-orange-300";
|
|
429
429
|
}>;
|
|
430
|
-
"
|
|
430
|
+
"color-text-warning-hovered": Readonly<{
|
|
431
431
|
value: "#f8a45cff";
|
|
432
432
|
}>;
|
|
433
|
-
"
|
|
433
|
+
"color-text-critical": Readonly<{
|
|
434
434
|
value: "#f26060ff";
|
|
435
|
-
ref: "
|
|
435
|
+
ref: "color-red-300";
|
|
436
436
|
}>;
|
|
437
|
-
"
|
|
437
|
+
"color-text-critical-hovered": Readonly<{
|
|
438
438
|
value: "#f77171ff";
|
|
439
439
|
}>;
|
|
440
|
-
"
|
|
441
|
-
value: "#
|
|
442
|
-
ref: "
|
|
440
|
+
"color-text-neutral-heaviest": Readonly<{
|
|
441
|
+
value: "#ffff";
|
|
442
|
+
ref: "color-white-100";
|
|
443
443
|
}>;
|
|
444
|
-
"
|
|
444
|
+
"color-text-neutral-heaviest-hovered": Readonly<{
|
|
445
445
|
value: "#edededff";
|
|
446
446
|
}>;
|
|
447
|
-
"
|
|
448
|
-
value: "#
|
|
449
|
-
ref: "
|
|
447
|
+
"color-text-neutral": Readonly<{
|
|
448
|
+
value: "#fffc";
|
|
449
|
+
ref: "color-white-80";
|
|
450
450
|
}>;
|
|
451
|
-
"
|
|
451
|
+
"color-text-neutral-hovered": Readonly<{
|
|
452
452
|
value: "#edededcc";
|
|
453
453
|
}>;
|
|
454
|
-
"
|
|
455
|
-
value: "#
|
|
456
|
-
ref: "
|
|
454
|
+
"color-text-neutral-light": Readonly<{
|
|
455
|
+
value: "#fff9";
|
|
456
|
+
ref: "color-white-60";
|
|
457
457
|
}>;
|
|
458
|
-
"
|
|
458
|
+
"color-text-neutral-light-hovered": Readonly<{
|
|
459
459
|
value: "#ededed99";
|
|
460
460
|
}>;
|
|
461
|
-
"
|
|
462
|
-
value: "#
|
|
463
|
-
ref: "
|
|
461
|
+
"color-text-neutral-lighter": Readonly<{
|
|
462
|
+
value: "#fff6";
|
|
463
|
+
ref: "color-white-40";
|
|
464
464
|
}>;
|
|
465
|
-
"
|
|
465
|
+
"color-text-neutral-lighter-hovered": Readonly<{
|
|
466
466
|
value: "#ededed66";
|
|
467
467
|
}>;
|
|
468
|
-
"
|
|
468
|
+
"color-text-accent-blue": Readonly<{
|
|
469
469
|
value: "#6b6effff";
|
|
470
|
-
ref: "
|
|
470
|
+
ref: "color-blue-300";
|
|
471
471
|
}>;
|
|
472
|
-
"
|
|
472
|
+
"color-text-accent-blue-hovered": Readonly<{
|
|
473
473
|
value: "#8184ffff";
|
|
474
474
|
}>;
|
|
475
|
-
"
|
|
475
|
+
"color-text-accent-cobalt": Readonly<{
|
|
476
476
|
value: "#5cadefff";
|
|
477
|
-
ref: "
|
|
477
|
+
ref: "color-cobalt-300";
|
|
478
478
|
}>;
|
|
479
|
-
"
|
|
479
|
+
"color-text-accent-cobalt-hovered": Readonly<{
|
|
480
480
|
value: "#6cb8f5ff";
|
|
481
481
|
}>;
|
|
482
|
-
"
|
|
482
|
+
"color-text-accent-green": Readonly<{
|
|
483
483
|
value: "#4bc16cff";
|
|
484
|
-
ref: "
|
|
484
|
+
ref: "color-green-300";
|
|
485
485
|
}>;
|
|
486
|
-
"
|
|
486
|
+
"color-text-accent-green-hovered": Readonly<{
|
|
487
487
|
value: "#56cc77ff";
|
|
488
488
|
}>;
|
|
489
|
-
"
|
|
489
|
+
"color-text-accent-red": Readonly<{
|
|
490
490
|
value: "#f26060ff";
|
|
491
|
-
ref: "
|
|
491
|
+
ref: "color-red-300";
|
|
492
492
|
}>;
|
|
493
|
-
"
|
|
493
|
+
"color-text-accent-red-hovered": Readonly<{
|
|
494
494
|
value: "#f77171ff";
|
|
495
495
|
}>;
|
|
496
|
-
"
|
|
496
|
+
"color-text-accent-orange": Readonly<{
|
|
497
497
|
value: "#f79847ff";
|
|
498
|
-
ref: "
|
|
498
|
+
ref: "color-orange-300";
|
|
499
499
|
}>;
|
|
500
|
-
"
|
|
500
|
+
"color-text-accent-orange-hovered": Readonly<{
|
|
501
501
|
value: "#f8a45cff";
|
|
502
502
|
}>;
|
|
503
|
-
"
|
|
503
|
+
"color-text-accent-yellow": Readonly<{
|
|
504
504
|
value: "#f0be27ff";
|
|
505
|
-
ref: "
|
|
505
|
+
ref: "color-yellow-300";
|
|
506
506
|
}>;
|
|
507
|
-
"
|
|
507
|
+
"color-text-accent-yellow-hovered": Readonly<{
|
|
508
508
|
value: "#f7c736ff";
|
|
509
509
|
}>;
|
|
510
|
-
"
|
|
510
|
+
"color-text-accent-olive": Readonly<{
|
|
511
|
+
value: "#b7c427ff";
|
|
512
|
+
ref: "color-olive-300";
|
|
513
|
+
}>;
|
|
514
|
+
"color-text-accent-olive-hovered": Readonly<{
|
|
515
|
+
value: "#ccdb25ff";
|
|
516
|
+
}>;
|
|
517
|
+
"color-text-accent-teal": Readonly<{
|
|
511
518
|
value: "#40d3c5ff";
|
|
512
|
-
ref: "
|
|
519
|
+
ref: "color-teal-300";
|
|
513
520
|
}>;
|
|
514
|
-
"
|
|
521
|
+
"color-text-accent-teal-hovered": Readonly<{
|
|
515
522
|
value: "#4cdccfff";
|
|
516
523
|
}>;
|
|
517
|
-
"
|
|
524
|
+
"color-text-accent-navy": Readonly<{
|
|
518
525
|
value: "#6f7bc8ff";
|
|
519
|
-
ref: "
|
|
526
|
+
ref: "color-navy-300";
|
|
520
527
|
}>;
|
|
521
|
-
"
|
|
528
|
+
"color-text-accent-navy-hovered": Readonly<{
|
|
522
529
|
value: "#7b86d3ff";
|
|
523
530
|
}>;
|
|
524
|
-
"
|
|
531
|
+
"color-text-accent-purple": Readonly<{
|
|
525
532
|
value: "#a970ffff";
|
|
526
|
-
ref: "
|
|
533
|
+
ref: "color-purple-300";
|
|
527
534
|
}>;
|
|
528
|
-
"
|
|
535
|
+
"color-text-accent-purple-hovered": Readonly<{
|
|
529
536
|
value: "#b686ffff";
|
|
530
537
|
}>;
|
|
531
|
-
"
|
|
538
|
+
"color-text-accent-pink": Readonly<{
|
|
532
539
|
value: "#ec6fd3ff";
|
|
533
|
-
ref: "
|
|
540
|
+
ref: "color-pink-300";
|
|
534
541
|
}>;
|
|
535
|
-
"
|
|
542
|
+
"color-text-accent-pink-hovered": Readonly<{
|
|
536
543
|
value: "#f27fdbff";
|
|
537
544
|
}>;
|
|
538
|
-
"
|
|
539
|
-
value: "#
|
|
540
|
-
ref: "
|
|
545
|
+
"color-text-absolute-white": Readonly<{
|
|
546
|
+
value: "#ffff";
|
|
547
|
+
ref: "color-white-100";
|
|
541
548
|
}>;
|
|
542
|
-
"
|
|
549
|
+
"color-text-absolute-white-hovered": Readonly<{
|
|
543
550
|
value: "#edededff";
|
|
544
551
|
}>;
|
|
545
|
-
"
|
|
546
|
-
value: "#
|
|
547
|
-
ref: "
|
|
552
|
+
"color-text-absolute-black": Readonly<{
|
|
553
|
+
value: "#000f";
|
|
554
|
+
ref: "color-black-100";
|
|
548
555
|
}>;
|
|
549
|
-
"
|
|
556
|
+
"color-text-absolute-black-hovered": Readonly<{
|
|
550
557
|
value: "#0a0a0aff";
|
|
551
558
|
}>;
|
|
552
|
-
"
|
|
559
|
+
"color-icon-action": Readonly<{
|
|
553
560
|
value: "#6b6effff";
|
|
554
|
-
ref: "
|
|
561
|
+
ref: "color-blue-300";
|
|
555
562
|
}>;
|
|
556
|
-
"
|
|
563
|
+
"color-icon-action-hovered": Readonly<{
|
|
557
564
|
value: "#8184ffff";
|
|
558
565
|
}>;
|
|
559
|
-
"
|
|
566
|
+
"color-icon-success": Readonly<{
|
|
560
567
|
value: "#4bc16cff";
|
|
561
|
-
ref: "
|
|
568
|
+
ref: "color-green-300";
|
|
562
569
|
}>;
|
|
563
|
-
"
|
|
570
|
+
"color-icon-success-hovered": Readonly<{
|
|
564
571
|
value: "#56cc77ff";
|
|
565
572
|
}>;
|
|
566
|
-
"
|
|
573
|
+
"color-icon-highlight": Readonly<{
|
|
567
574
|
value: "#5cadefff";
|
|
568
|
-
ref: "
|
|
575
|
+
ref: "color-cobalt-300";
|
|
569
576
|
}>;
|
|
570
|
-
"
|
|
577
|
+
"color-icon-highlight-hovered": Readonly<{
|
|
571
578
|
value: "#6cb8f5ff";
|
|
572
579
|
}>;
|
|
573
|
-
"
|
|
580
|
+
"color-icon-warning": Readonly<{
|
|
574
581
|
value: "#f79847ff";
|
|
575
|
-
ref: "
|
|
582
|
+
ref: "color-orange-300";
|
|
576
583
|
}>;
|
|
577
|
-
"
|
|
584
|
+
"color-icon-warning-hovered": Readonly<{
|
|
578
585
|
value: "#f8a45cff";
|
|
579
586
|
}>;
|
|
580
|
-
"
|
|
587
|
+
"color-icon-critical": Readonly<{
|
|
581
588
|
value: "#f26060ff";
|
|
582
|
-
ref: "
|
|
589
|
+
ref: "color-red-300";
|
|
583
590
|
}>;
|
|
584
|
-
"
|
|
591
|
+
"color-icon-critical-hovered": Readonly<{
|
|
585
592
|
value: "#f77171ff";
|
|
586
593
|
}>;
|
|
587
|
-
"
|
|
588
|
-
value: "#
|
|
589
|
-
ref: "
|
|
594
|
+
"color-icon-neutral": Readonly<{
|
|
595
|
+
value: "#fff6";
|
|
596
|
+
ref: "color-white-40";
|
|
590
597
|
}>;
|
|
591
|
-
"
|
|
598
|
+
"color-icon-neutral-hovered": Readonly<{
|
|
592
599
|
value: "#ededed66";
|
|
593
600
|
}>;
|
|
594
|
-
"
|
|
595
|
-
value: "#
|
|
596
|
-
ref: "
|
|
601
|
+
"color-icon-neutral-heavy": Readonly<{
|
|
602
|
+
value: "#fff9";
|
|
603
|
+
ref: "color-white-60";
|
|
597
604
|
}>;
|
|
598
|
-
"
|
|
605
|
+
"color-icon-neutral-heavy-hovered": Readonly<{
|
|
599
606
|
value: "#ededed99";
|
|
600
607
|
}>;
|
|
601
|
-
"
|
|
602
|
-
value: "#
|
|
603
|
-
ref: "
|
|
608
|
+
"color-icon-neutral-heavier": Readonly<{
|
|
609
|
+
value: "#fffc";
|
|
610
|
+
ref: "color-white-80";
|
|
604
611
|
}>;
|
|
605
|
-
"
|
|
612
|
+
"color-icon-neutral-heavier-hovered": Readonly<{
|
|
606
613
|
value: "#edededcc";
|
|
607
614
|
}>;
|
|
608
|
-
"
|
|
615
|
+
"color-icon-accent-blue": Readonly<{
|
|
609
616
|
value: "#6b6effff";
|
|
610
|
-
ref: "
|
|
617
|
+
ref: "color-blue-300";
|
|
611
618
|
}>;
|
|
612
|
-
"
|
|
619
|
+
"color-icon-accent-blue-hovered": Readonly<{
|
|
613
620
|
value: "#8184ffff";
|
|
614
621
|
}>;
|
|
615
|
-
"
|
|
622
|
+
"color-icon-accent-cobalt": Readonly<{
|
|
616
623
|
value: "#5cadefff";
|
|
617
|
-
ref: "
|
|
624
|
+
ref: "color-cobalt-300";
|
|
618
625
|
}>;
|
|
619
|
-
"
|
|
626
|
+
"color-icon-accent-cobalt-hovered": Readonly<{
|
|
620
627
|
value: "#6cb8f5ff";
|
|
621
628
|
}>;
|
|
622
|
-
"
|
|
629
|
+
"color-icon-accent-green": Readonly<{
|
|
623
630
|
value: "#4bc16cff";
|
|
624
|
-
ref: "
|
|
631
|
+
ref: "color-green-300";
|
|
625
632
|
}>;
|
|
626
|
-
"
|
|
633
|
+
"color-icon-accent-green-hovered": Readonly<{
|
|
627
634
|
value: "#56cc77ff";
|
|
628
635
|
}>;
|
|
629
|
-
"
|
|
636
|
+
"color-icon-accent-red": Readonly<{
|
|
630
637
|
value: "#f26060ff";
|
|
631
|
-
ref: "
|
|
638
|
+
ref: "color-red-300";
|
|
632
639
|
}>;
|
|
633
|
-
"
|
|
640
|
+
"color-icon-accent-red-hovered": Readonly<{
|
|
634
641
|
value: "#f77171ff";
|
|
635
642
|
}>;
|
|
636
|
-
"
|
|
643
|
+
"color-icon-accent-orange": Readonly<{
|
|
637
644
|
value: "#f79847ff";
|
|
638
|
-
ref: "
|
|
645
|
+
ref: "color-orange-300";
|
|
639
646
|
}>;
|
|
640
|
-
"
|
|
647
|
+
"color-icon-accent-orange-hovered": Readonly<{
|
|
641
648
|
value: "#f8a45cff";
|
|
642
649
|
}>;
|
|
643
|
-
"
|
|
650
|
+
"color-icon-accent-yellow": Readonly<{
|
|
644
651
|
value: "#f0be27ff";
|
|
645
|
-
ref: "
|
|
652
|
+
ref: "color-yellow-300";
|
|
646
653
|
}>;
|
|
647
|
-
"
|
|
654
|
+
"color-icon-accent-yellow-hovered": Readonly<{
|
|
648
655
|
value: "#f7c736ff";
|
|
649
656
|
}>;
|
|
650
|
-
"
|
|
657
|
+
"color-icon-accent-olive": Readonly<{
|
|
651
658
|
value: "#b7c427ff";
|
|
652
|
-
ref: "
|
|
659
|
+
ref: "color-olive-300";
|
|
653
660
|
}>;
|
|
654
|
-
"
|
|
661
|
+
"color-icon-accent-olive-hovered": Readonly<{
|
|
655
662
|
value: "#ccdb25ff";
|
|
656
663
|
}>;
|
|
657
|
-
"
|
|
664
|
+
"color-icon-accent-teal": Readonly<{
|
|
658
665
|
value: "#40d3c5ff";
|
|
659
|
-
ref: "
|
|
666
|
+
ref: "color-teal-300";
|
|
660
667
|
}>;
|
|
661
|
-
"
|
|
668
|
+
"color-icon-accent-teal-hovered": Readonly<{
|
|
662
669
|
value: "#4cdccfff";
|
|
663
670
|
}>;
|
|
664
|
-
"
|
|
671
|
+
"color-icon-accent-navy": Readonly<{
|
|
665
672
|
value: "#6f7bc8ff";
|
|
666
|
-
ref: "
|
|
673
|
+
ref: "color-navy-300";
|
|
667
674
|
}>;
|
|
668
|
-
"
|
|
675
|
+
"color-icon-accent-navy-hovered": Readonly<{
|
|
669
676
|
value: "#7b86d3ff";
|
|
670
677
|
}>;
|
|
671
|
-
"
|
|
678
|
+
"color-icon-accent-purple": Readonly<{
|
|
672
679
|
value: "#a970ffff";
|
|
673
|
-
ref: "
|
|
680
|
+
ref: "color-purple-300";
|
|
674
681
|
}>;
|
|
675
|
-
"
|
|
682
|
+
"color-icon-accent-purple-hovered": Readonly<{
|
|
676
683
|
value: "#b686ffff";
|
|
677
684
|
}>;
|
|
678
|
-
"
|
|
685
|
+
"color-icon-accent-pink": Readonly<{
|
|
679
686
|
value: "#ec6fd3ff";
|
|
680
|
-
ref: "
|
|
687
|
+
ref: "color-pink-300";
|
|
681
688
|
}>;
|
|
682
|
-
"
|
|
689
|
+
"color-icon-accent-pink-hovered": Readonly<{
|
|
683
690
|
value: "#f27fdbff";
|
|
684
691
|
}>;
|
|
685
|
-
"
|
|
686
|
-
value: "#
|
|
687
|
-
ref: "
|
|
692
|
+
"color-icon-absolute-white": Readonly<{
|
|
693
|
+
value: "#ffff";
|
|
694
|
+
ref: "color-white-100";
|
|
688
695
|
}>;
|
|
689
|
-
"
|
|
696
|
+
"color-icon-absolute-white-hovered": Readonly<{
|
|
690
697
|
value: "#edededff";
|
|
691
698
|
}>;
|
|
692
|
-
"
|
|
693
|
-
value: "#
|
|
694
|
-
ref: "
|
|
699
|
+
"color-icon-absolute-black": Readonly<{
|
|
700
|
+
value: "#000f";
|
|
701
|
+
ref: "color-black-100";
|
|
695
702
|
}>;
|
|
696
|
-
"
|
|
703
|
+
"color-icon-absolute-black-hovered": Readonly<{
|
|
697
704
|
value: "#0a0a0aff";
|
|
698
705
|
}>;
|
|
699
|
-
"
|
|
706
|
+
"color-fill-neutral-heaviest": Readonly<{
|
|
700
707
|
value: "#ffffffe6";
|
|
701
|
-
ref: "
|
|
708
|
+
ref: "color-white-90";
|
|
702
709
|
}>;
|
|
703
|
-
"
|
|
710
|
+
"color-fill-neutral-heaviest-hovered": Readonly<{
|
|
704
711
|
value: "#ededede6";
|
|
705
712
|
}>;
|
|
706
|
-
"
|
|
707
|
-
value: "#
|
|
708
|
-
ref: "
|
|
713
|
+
"color-fill-neutral-heavier": Readonly<{
|
|
714
|
+
value: "#fff6";
|
|
715
|
+
ref: "color-white-40";
|
|
709
716
|
}>;
|
|
710
|
-
"
|
|
717
|
+
"color-fill-neutral-heavier-hovered": Readonly<{
|
|
711
718
|
value: "#ededed66";
|
|
712
719
|
}>;
|
|
713
|
-
"
|
|
714
|
-
value: "#
|
|
715
|
-
ref: "
|
|
720
|
+
"color-fill-neutral-heavy": Readonly<{
|
|
721
|
+
value: "#fff3";
|
|
722
|
+
ref: "color-white-20";
|
|
716
723
|
}>;
|
|
717
|
-
"
|
|
724
|
+
"color-fill-neutral-heavy-hovered": Readonly<{
|
|
718
725
|
value: "#ededed4d";
|
|
719
726
|
}>;
|
|
720
|
-
"
|
|
727
|
+
"color-fill-neutral-light": Readonly<{
|
|
721
728
|
value: "#ffffff14";
|
|
722
|
-
ref: "
|
|
729
|
+
ref: "color-white-8";
|
|
723
730
|
}>;
|
|
724
|
-
"
|
|
731
|
+
"color-fill-neutral-light-hovered": Readonly<{
|
|
725
732
|
value: "#ededed1e";
|
|
726
733
|
}>;
|
|
727
|
-
"
|
|
734
|
+
"color-fill-neutral-lighter": Readonly<{
|
|
728
735
|
value: "#ffffff0d";
|
|
729
|
-
ref: "
|
|
736
|
+
ref: "color-white-5";
|
|
730
737
|
}>;
|
|
731
|
-
"
|
|
738
|
+
"color-fill-neutral-lighter-hovered": Readonly<{
|
|
732
739
|
value: "#ededed14";
|
|
733
740
|
}>;
|
|
734
|
-
"
|
|
741
|
+
"color-fill-neutral-lightest": Readonly<{
|
|
735
742
|
value: "#ffffff08";
|
|
736
|
-
ref: "
|
|
743
|
+
ref: "color-white-3";
|
|
737
744
|
}>;
|
|
738
|
-
"
|
|
745
|
+
"color-fill-neutral-lightest-hovered": Readonly<{
|
|
739
746
|
value: "#ededed0c";
|
|
740
747
|
}>;
|
|
741
|
-
"
|
|
742
|
-
value: "#
|
|
743
|
-
ref: "
|
|
748
|
+
"color-fill-neutral-transparent": Readonly<{
|
|
749
|
+
value: "#fff0";
|
|
750
|
+
ref: "color-white-0";
|
|
744
751
|
}>;
|
|
745
|
-
"
|
|
752
|
+
"color-fill-neutral-transparent-hovered": Readonly<{
|
|
746
753
|
value: "#ffffff0d";
|
|
747
754
|
}>;
|
|
748
|
-
"
|
|
755
|
+
"color-fill-action": Readonly<{
|
|
749
756
|
value: "#6b6effff";
|
|
750
|
-
ref: "
|
|
757
|
+
ref: "color-blue-300";
|
|
751
758
|
}>;
|
|
752
|
-
"
|
|
759
|
+
"color-fill-action-hovered": Readonly<{
|
|
753
760
|
value: "#8184ffff";
|
|
754
761
|
}>;
|
|
755
|
-
"
|
|
762
|
+
"color-fill-action-light": Readonly<{
|
|
756
763
|
value: "#6b6eff4d";
|
|
757
|
-
ref: "
|
|
764
|
+
ref: "color-blue-300-30";
|
|
758
765
|
}>;
|
|
759
|
-
"
|
|
766
|
+
"color-fill-action-light-hovered": Readonly<{
|
|
760
767
|
value: "#8184ff4d";
|
|
761
768
|
}>;
|
|
762
|
-
"
|
|
769
|
+
"color-fill-action-lighter": Readonly<{
|
|
763
770
|
value: "#6b6eff2e";
|
|
764
|
-
ref: "
|
|
771
|
+
ref: "color-blue-300-18";
|
|
765
772
|
}>;
|
|
766
|
-
"
|
|
773
|
+
"color-fill-action-lighter-hovered": Readonly<{
|
|
767
774
|
value: "#8184ff45";
|
|
768
775
|
}>;
|
|
769
|
-
"
|
|
776
|
+
"color-fill-action-transparent": Readonly<{
|
|
770
777
|
value: "#6b6eff00";
|
|
771
|
-
ref: "
|
|
778
|
+
ref: "color-blue-300-0";
|
|
772
779
|
}>;
|
|
773
|
-
"
|
|
780
|
+
"color-fill-action-transparent-hovered": Readonly<{
|
|
774
781
|
value: "#6b6eff1a";
|
|
775
782
|
}>;
|
|
776
|
-
"
|
|
783
|
+
"color-fill-success": Readonly<{
|
|
777
784
|
value: "#4bc16cff";
|
|
778
|
-
ref: "
|
|
785
|
+
ref: "color-green-300";
|
|
779
786
|
}>;
|
|
780
|
-
"
|
|
787
|
+
"color-fill-success-hovered": Readonly<{
|
|
781
788
|
value: "#56cc77ff";
|
|
782
789
|
}>;
|
|
783
|
-
"
|
|
790
|
+
"color-fill-success-light": Readonly<{
|
|
784
791
|
value: "#4bc16c4d";
|
|
785
|
-
ref: "
|
|
792
|
+
ref: "color-green-300-30";
|
|
786
793
|
}>;
|
|
787
|
-
"
|
|
794
|
+
"color-fill-success-light-hovered": Readonly<{
|
|
788
795
|
value: "#56cc774d";
|
|
789
796
|
}>;
|
|
790
|
-
"
|
|
797
|
+
"color-fill-success-lighter": Readonly<{
|
|
791
798
|
value: "#4bc16c2e";
|
|
792
|
-
ref: "
|
|
799
|
+
ref: "color-green-300-18";
|
|
793
800
|
}>;
|
|
794
|
-
"
|
|
801
|
+
"color-fill-success-lighter-hovered": Readonly<{
|
|
795
802
|
value: "#56cc7745";
|
|
796
803
|
}>;
|
|
797
|
-
"
|
|
804
|
+
"color-fill-success-transparent": Readonly<{
|
|
798
805
|
value: "#4bc16c00";
|
|
799
|
-
ref: "
|
|
806
|
+
ref: "color-green-300-0";
|
|
800
807
|
}>;
|
|
801
|
-
"
|
|
808
|
+
"color-fill-success-transparent-hovered": Readonly<{
|
|
802
809
|
value: "#4bc16c1a";
|
|
803
810
|
}>;
|
|
804
|
-
"
|
|
811
|
+
"color-fill-highlight": Readonly<{
|
|
805
812
|
value: "#5cadefff";
|
|
806
|
-
ref: "
|
|
813
|
+
ref: "color-cobalt-300";
|
|
807
814
|
}>;
|
|
808
|
-
"
|
|
815
|
+
"color-fill-highlight-hovered": Readonly<{
|
|
809
816
|
value: "#6cb8f5ff";
|
|
810
817
|
}>;
|
|
811
|
-
"
|
|
818
|
+
"color-fill-highlight-light": Readonly<{
|
|
812
819
|
value: "#5cadef4d";
|
|
813
|
-
ref: "
|
|
820
|
+
ref: "color-cobalt-300-30";
|
|
814
821
|
}>;
|
|
815
|
-
"
|
|
822
|
+
"color-fill-highlight-light-hovered": Readonly<{
|
|
816
823
|
value: "#6cb8f54d";
|
|
817
824
|
}>;
|
|
818
|
-
"
|
|
825
|
+
"color-fill-highlight-lighter": Readonly<{
|
|
819
826
|
value: "#5cadef2e";
|
|
820
|
-
ref: "
|
|
827
|
+
ref: "color-cobalt-300-18";
|
|
821
828
|
}>;
|
|
822
|
-
"
|
|
829
|
+
"color-fill-highlight-lighter-hovered": Readonly<{
|
|
823
830
|
value: "#6cb8f545";
|
|
824
831
|
}>;
|
|
825
|
-
"
|
|
832
|
+
"color-fill-highlight-transparent": Readonly<{
|
|
826
833
|
value: "#5cadef00";
|
|
827
|
-
ref: "
|
|
834
|
+
ref: "color-cobalt-300-0";
|
|
828
835
|
}>;
|
|
829
|
-
"
|
|
836
|
+
"color-fill-highlight-transparent-hovered": Readonly<{
|
|
830
837
|
value: "#5cadef1a";
|
|
831
838
|
}>;
|
|
832
|
-
"
|
|
839
|
+
"color-fill-warning": Readonly<{
|
|
833
840
|
value: "#f79847ff";
|
|
834
|
-
ref: "
|
|
841
|
+
ref: "color-orange-300";
|
|
835
842
|
}>;
|
|
836
|
-
"
|
|
843
|
+
"color-fill-warning-hovered": Readonly<{
|
|
837
844
|
value: "#f8a45cff";
|
|
838
845
|
}>;
|
|
839
|
-
"
|
|
846
|
+
"color-fill-warning-light": Readonly<{
|
|
840
847
|
value: "#f798474d";
|
|
841
|
-
ref: "
|
|
848
|
+
ref: "color-orange-300-30";
|
|
842
849
|
}>;
|
|
843
|
-
"
|
|
850
|
+
"color-fill-warning-light-hovered": Readonly<{
|
|
844
851
|
value: "#f8a45c4d";
|
|
845
852
|
}>;
|
|
846
|
-
"
|
|
853
|
+
"color-fill-warning-lighter": Readonly<{
|
|
847
854
|
value: "#f798472e";
|
|
848
|
-
ref: "
|
|
855
|
+
ref: "color-orange-300-18";
|
|
849
856
|
}>;
|
|
850
|
-
"
|
|
857
|
+
"color-fill-warning-lighter-hovered": Readonly<{
|
|
851
858
|
value: "#f8a45c45";
|
|
852
859
|
}>;
|
|
853
|
-
"
|
|
860
|
+
"color-fill-warning-transparent": Readonly<{
|
|
854
861
|
value: "#f7984700";
|
|
855
|
-
ref: "
|
|
862
|
+
ref: "color-orange-300-0";
|
|
856
863
|
}>;
|
|
857
|
-
"
|
|
864
|
+
"color-fill-warning-transparent-hovered": Readonly<{
|
|
858
865
|
value: "#f798471a";
|
|
859
866
|
}>;
|
|
860
|
-
"
|
|
867
|
+
"color-fill-critical": Readonly<{
|
|
861
868
|
value: "#f26060ff";
|
|
862
|
-
ref: "
|
|
869
|
+
ref: "color-red-300";
|
|
863
870
|
}>;
|
|
864
|
-
"
|
|
871
|
+
"color-fill-critical-hovered": Readonly<{
|
|
865
872
|
value: "#f77171ff";
|
|
866
873
|
}>;
|
|
867
|
-
"
|
|
874
|
+
"color-fill-critical-light": Readonly<{
|
|
868
875
|
value: "#f260604d";
|
|
869
|
-
ref: "
|
|
876
|
+
ref: "color-red-300-30";
|
|
870
877
|
}>;
|
|
871
|
-
"
|
|
878
|
+
"color-fill-critical-light-hovered": Readonly<{
|
|
872
879
|
value: "#f771714d";
|
|
873
880
|
}>;
|
|
874
|
-
"
|
|
881
|
+
"color-fill-critical-lighter": Readonly<{
|
|
875
882
|
value: "#f260602e";
|
|
876
|
-
ref: "
|
|
883
|
+
ref: "color-red-300-18";
|
|
877
884
|
}>;
|
|
878
|
-
"
|
|
885
|
+
"color-fill-critical-lighter-hovered": Readonly<{
|
|
879
886
|
value: "#f7717145";
|
|
880
887
|
}>;
|
|
881
|
-
"
|
|
888
|
+
"color-fill-critical-transparent": Readonly<{
|
|
882
889
|
value: "#f2606000";
|
|
883
|
-
ref: "
|
|
890
|
+
ref: "color-red-300-0";
|
|
884
891
|
}>;
|
|
885
|
-
"
|
|
892
|
+
"color-fill-critical-transparent-hovered": Readonly<{
|
|
886
893
|
value: "#f260601a";
|
|
887
894
|
}>;
|
|
888
|
-
"
|
|
895
|
+
"color-fill-grey": Readonly<{
|
|
889
896
|
value: "#2a2a2dff";
|
|
890
|
-
ref: "
|
|
897
|
+
ref: "color-grey-850";
|
|
891
898
|
}>;
|
|
892
|
-
"
|
|
899
|
+
"color-fill-grey-hovered": Readonly<{
|
|
893
900
|
value: "#343438ff";
|
|
894
901
|
}>;
|
|
895
|
-
"
|
|
902
|
+
"color-fill-grey-heavy": Readonly<{
|
|
896
903
|
value: "#303035ff";
|
|
897
|
-
ref: "
|
|
904
|
+
ref: "color-grey-800";
|
|
898
905
|
}>;
|
|
899
|
-
"
|
|
906
|
+
"color-fill-grey-heavy-hovered": Readonly<{
|
|
900
907
|
value: "#3a3a40ff";
|
|
901
908
|
}>;
|
|
902
|
-
"
|
|
909
|
+
"color-fill-grey-heavier": Readonly<{
|
|
903
910
|
value: "#37373cff";
|
|
904
|
-
ref: "
|
|
911
|
+
ref: "color-grey-750";
|
|
905
912
|
}>;
|
|
906
|
-
"
|
|
913
|
+
"color-fill-grey-heavier-hovered": Readonly<{
|
|
907
914
|
value: "#414147ff";
|
|
908
915
|
}>;
|
|
909
|
-
"
|
|
916
|
+
"color-fill-accent-blue": Readonly<{
|
|
910
917
|
value: "#6b6eff2e";
|
|
911
|
-
ref: "
|
|
918
|
+
ref: "color-blue-300-18";
|
|
912
919
|
}>;
|
|
913
|
-
"
|
|
920
|
+
"color-fill-accent-blue-hovered": Readonly<{
|
|
914
921
|
value: "#8184ff45";
|
|
915
922
|
}>;
|
|
916
|
-
"
|
|
923
|
+
"color-fill-accent-blue-heavy": Readonly<{
|
|
917
924
|
value: "#6b6eff4d";
|
|
918
|
-
ref: "
|
|
925
|
+
ref: "color-blue-300-30";
|
|
919
926
|
}>;
|
|
920
|
-
"
|
|
927
|
+
"color-fill-accent-blue-heavy-hovered": Readonly<{
|
|
921
928
|
value: "#8184ff4d";
|
|
922
929
|
}>;
|
|
923
|
-
"
|
|
930
|
+
"color-fill-accent-blue-heavier": Readonly<{
|
|
924
931
|
value: "#6b6effff";
|
|
925
|
-
ref: "
|
|
932
|
+
ref: "color-blue-300";
|
|
926
933
|
}>;
|
|
927
|
-
"
|
|
934
|
+
"color-fill-accent-blue-heavier-hovered": Readonly<{
|
|
928
935
|
value: "#8184ffff";
|
|
929
936
|
}>;
|
|
930
|
-
"
|
|
937
|
+
"color-fill-accent-blue-transparent": Readonly<{
|
|
931
938
|
value: "#6b6eff00";
|
|
932
|
-
ref: "
|
|
939
|
+
ref: "color-blue-300-0";
|
|
933
940
|
}>;
|
|
934
|
-
"
|
|
941
|
+
"color-fill-accent-blue-transparent-hovered": Readonly<{
|
|
935
942
|
value: "#6b6eff1a";
|
|
936
943
|
}>;
|
|
937
|
-
"
|
|
944
|
+
"color-fill-accent-cobalt": Readonly<{
|
|
938
945
|
value: "#5cadef2e";
|
|
939
|
-
ref: "
|
|
946
|
+
ref: "color-cobalt-300-18";
|
|
940
947
|
}>;
|
|
941
|
-
"
|
|
948
|
+
"color-fill-accent-cobalt-hovered": Readonly<{
|
|
942
949
|
value: "#6cb8f545";
|
|
943
950
|
}>;
|
|
944
|
-
"
|
|
951
|
+
"color-fill-accent-cobalt-heavy": Readonly<{
|
|
945
952
|
value: "#5cadef4d";
|
|
946
|
-
ref: "
|
|
953
|
+
ref: "color-cobalt-300-30";
|
|
947
954
|
}>;
|
|
948
|
-
"
|
|
955
|
+
"color-fill-accent-cobalt-heavy-hovered": Readonly<{
|
|
949
956
|
value: "#6cb8f54d";
|
|
950
957
|
}>;
|
|
951
|
-
"
|
|
958
|
+
"color-fill-accent-cobalt-heavier": Readonly<{
|
|
952
959
|
value: "#5cadefff";
|
|
953
|
-
ref: "
|
|
960
|
+
ref: "color-cobalt-300";
|
|
954
961
|
}>;
|
|
955
|
-
"
|
|
962
|
+
"color-fill-accent-cobalt-heavier-hovered": Readonly<{
|
|
956
963
|
value: "#6cb8f5ff";
|
|
957
964
|
}>;
|
|
958
|
-
"
|
|
965
|
+
"color-fill-accent-cobalt-transparent": Readonly<{
|
|
959
966
|
value: "#5cadef00";
|
|
960
|
-
ref: "
|
|
967
|
+
ref: "color-cobalt-300-0";
|
|
961
968
|
}>;
|
|
962
|
-
"
|
|
969
|
+
"color-fill-accent-cobalt-transparent-hovered": Readonly<{
|
|
963
970
|
value: "#5cadef1a";
|
|
964
971
|
}>;
|
|
965
|
-
"
|
|
972
|
+
"color-fill-accent-green": Readonly<{
|
|
966
973
|
value: "#4bc16c2e";
|
|
967
|
-
ref: "
|
|
974
|
+
ref: "color-green-300-18";
|
|
968
975
|
}>;
|
|
969
|
-
"
|
|
976
|
+
"color-fill-accent-green-hovered": Readonly<{
|
|
970
977
|
value: "#56cc7745";
|
|
971
978
|
}>;
|
|
972
|
-
"
|
|
979
|
+
"color-fill-accent-green-heavy": Readonly<{
|
|
973
980
|
value: "#4bc16c4d";
|
|
974
|
-
ref: "
|
|
981
|
+
ref: "color-green-300-30";
|
|
975
982
|
}>;
|
|
976
|
-
"
|
|
983
|
+
"color-fill-accent-green-heavy-hovered": Readonly<{
|
|
977
984
|
value: "#56cc774d";
|
|
978
985
|
}>;
|
|
979
|
-
"
|
|
986
|
+
"color-fill-accent-green-heavier": Readonly<{
|
|
980
987
|
value: "#4bc16cff";
|
|
981
|
-
ref: "
|
|
988
|
+
ref: "color-green-300";
|
|
982
989
|
}>;
|
|
983
|
-
"
|
|
990
|
+
"color-fill-accent-green-heavier-hovered": Readonly<{
|
|
984
991
|
value: "#56cc77ff";
|
|
985
992
|
}>;
|
|
986
|
-
"
|
|
993
|
+
"color-fill-accent-green-transparent": Readonly<{
|
|
987
994
|
value: "#4bc16c00";
|
|
988
|
-
ref: "
|
|
995
|
+
ref: "color-green-300-0";
|
|
989
996
|
}>;
|
|
990
|
-
"
|
|
997
|
+
"color-fill-accent-green-transparent-hovered": Readonly<{
|
|
991
998
|
value: "#4bc16c1a";
|
|
992
999
|
}>;
|
|
993
|
-
"
|
|
1000
|
+
"color-fill-accent-red": Readonly<{
|
|
994
1001
|
value: "#f260602e";
|
|
995
|
-
ref: "
|
|
1002
|
+
ref: "color-red-300-18";
|
|
996
1003
|
}>;
|
|
997
|
-
"
|
|
1004
|
+
"color-fill-accent-red-hovered": Readonly<{
|
|
998
1005
|
value: "#f7717145";
|
|
999
1006
|
}>;
|
|
1000
|
-
"
|
|
1007
|
+
"color-fill-accent-red-heavy": Readonly<{
|
|
1001
1008
|
value: "#f260604d";
|
|
1002
|
-
ref: "
|
|
1009
|
+
ref: "color-red-300-30";
|
|
1003
1010
|
}>;
|
|
1004
|
-
"
|
|
1011
|
+
"color-fill-accent-red-heavy-hovered": Readonly<{
|
|
1005
1012
|
value: "#f771714d";
|
|
1006
1013
|
}>;
|
|
1007
|
-
"
|
|
1014
|
+
"color-fill-accent-red-heavier": Readonly<{
|
|
1008
1015
|
value: "#f26060ff";
|
|
1009
|
-
ref: "
|
|
1016
|
+
ref: "color-red-300";
|
|
1010
1017
|
}>;
|
|
1011
|
-
"
|
|
1018
|
+
"color-fill-accent-red-heavier-hovered": Readonly<{
|
|
1012
1019
|
value: "#f77171ff";
|
|
1013
1020
|
}>;
|
|
1014
|
-
"
|
|
1021
|
+
"color-fill-accent-red-transparent": Readonly<{
|
|
1015
1022
|
value: "#f2606000";
|
|
1016
|
-
ref: "
|
|
1023
|
+
ref: "color-red-300-0";
|
|
1017
1024
|
}>;
|
|
1018
|
-
"
|
|
1025
|
+
"color-fill-accent-red-transparent-hovered": Readonly<{
|
|
1019
1026
|
value: "#f260601a";
|
|
1020
1027
|
}>;
|
|
1021
|
-
"
|
|
1028
|
+
"color-fill-accent-orange": Readonly<{
|
|
1022
1029
|
value: "#f798472e";
|
|
1023
|
-
ref: "
|
|
1030
|
+
ref: "color-orange-300-18";
|
|
1024
1031
|
}>;
|
|
1025
|
-
"
|
|
1032
|
+
"color-fill-accent-orange-hovered": Readonly<{
|
|
1026
1033
|
value: "#f8a45c45";
|
|
1027
1034
|
}>;
|
|
1028
|
-
"
|
|
1035
|
+
"color-fill-accent-orange-heavy": Readonly<{
|
|
1029
1036
|
value: "#f798474d";
|
|
1030
|
-
ref: "
|
|
1037
|
+
ref: "color-orange-300-30";
|
|
1031
1038
|
}>;
|
|
1032
|
-
"
|
|
1039
|
+
"color-fill-accent-orange-heavy-hovered": Readonly<{
|
|
1033
1040
|
value: "#f8a45c4d";
|
|
1034
1041
|
}>;
|
|
1035
|
-
"
|
|
1042
|
+
"color-fill-accent-orange-heavier": Readonly<{
|
|
1036
1043
|
value: "#f79847ff";
|
|
1037
|
-
ref: "
|
|
1044
|
+
ref: "color-orange-300";
|
|
1038
1045
|
}>;
|
|
1039
|
-
"
|
|
1046
|
+
"color-fill-accent-orange-heavier-hovered": Readonly<{
|
|
1040
1047
|
value: "#f8a45cff";
|
|
1041
1048
|
}>;
|
|
1042
|
-
"
|
|
1049
|
+
"color-fill-accent-orange-transparent": Readonly<{
|
|
1043
1050
|
value: "#f7984700";
|
|
1044
|
-
ref: "
|
|
1051
|
+
ref: "color-orange-300-0";
|
|
1045
1052
|
}>;
|
|
1046
|
-
"
|
|
1053
|
+
"color-fill-accent-orange-transparent-hovered": Readonly<{
|
|
1047
1054
|
value: "#f798471a";
|
|
1048
1055
|
}>;
|
|
1049
|
-
"
|
|
1056
|
+
"color-fill-accent-yellow": Readonly<{
|
|
1050
1057
|
value: "#f0be272e";
|
|
1051
|
-
ref: "
|
|
1058
|
+
ref: "color-yellow-300-18";
|
|
1052
1059
|
}>;
|
|
1053
|
-
"
|
|
1060
|
+
"color-fill-accent-yellow-hovered": Readonly<{
|
|
1054
1061
|
value: "#f7c73645";
|
|
1055
1062
|
}>;
|
|
1056
|
-
"
|
|
1063
|
+
"color-fill-accent-yellow-heavy": Readonly<{
|
|
1057
1064
|
value: "#f0be274d";
|
|
1058
|
-
ref: "
|
|
1065
|
+
ref: "color-yellow-300-30";
|
|
1059
1066
|
}>;
|
|
1060
|
-
"
|
|
1067
|
+
"color-fill-accent-yellow-heavy-hovered": Readonly<{
|
|
1061
1068
|
value: "#f7c7364d";
|
|
1062
1069
|
}>;
|
|
1063
|
-
"
|
|
1070
|
+
"color-fill-accent-yellow-heavier": Readonly<{
|
|
1064
1071
|
value: "#f0be27ff";
|
|
1065
|
-
ref: "
|
|
1072
|
+
ref: "color-yellow-300";
|
|
1066
1073
|
}>;
|
|
1067
|
-
"
|
|
1074
|
+
"color-fill-accent-yellow-heavier-hovered": Readonly<{
|
|
1068
1075
|
value: "#f7c736ff";
|
|
1069
1076
|
}>;
|
|
1070
|
-
"
|
|
1077
|
+
"color-fill-accent-yellow-transparent": Readonly<{
|
|
1071
1078
|
value: "#f0be2700";
|
|
1072
|
-
ref: "
|
|
1079
|
+
ref: "color-yellow-300-0";
|
|
1073
1080
|
}>;
|
|
1074
|
-
"
|
|
1081
|
+
"color-fill-accent-yellow-transparent-hovered": Readonly<{
|
|
1075
1082
|
value: "#f0be271a";
|
|
1076
1083
|
}>;
|
|
1077
|
-
"
|
|
1084
|
+
"color-fill-accent-olive": Readonly<{
|
|
1078
1085
|
value: "#b7c4272e";
|
|
1079
|
-
ref: "
|
|
1086
|
+
ref: "color-olive-300-18";
|
|
1080
1087
|
}>;
|
|
1081
|
-
"
|
|
1088
|
+
"color-fill-accent-olive-hovered": Readonly<{
|
|
1082
1089
|
value: "#ccdb2545";
|
|
1083
1090
|
}>;
|
|
1084
|
-
"
|
|
1091
|
+
"color-fill-accent-olive-heavy": Readonly<{
|
|
1085
1092
|
value: "#b7c4274d";
|
|
1086
|
-
ref: "
|
|
1093
|
+
ref: "color-olive-300-30";
|
|
1087
1094
|
}>;
|
|
1088
|
-
"
|
|
1095
|
+
"color-fill-accent-olive-heavy-hovered": Readonly<{
|
|
1089
1096
|
value: "#ccdb254d";
|
|
1090
1097
|
}>;
|
|
1091
|
-
"
|
|
1098
|
+
"color-fill-accent-olive-heavier": Readonly<{
|
|
1092
1099
|
value: "#b7c427ff";
|
|
1093
|
-
ref: "
|
|
1100
|
+
ref: "color-olive-300";
|
|
1094
1101
|
}>;
|
|
1095
|
-
"
|
|
1102
|
+
"color-fill-accent-olive-heavier-hovered": Readonly<{
|
|
1096
1103
|
value: "#ccdb25ff";
|
|
1097
1104
|
}>;
|
|
1098
|
-
"
|
|
1105
|
+
"color-fill-accent-olive-transparent": Readonly<{
|
|
1099
1106
|
value: "#b7c42700";
|
|
1100
|
-
ref: "
|
|
1107
|
+
ref: "color-olive-300-0";
|
|
1101
1108
|
}>;
|
|
1102
|
-
"
|
|
1109
|
+
"color-fill-accent-olive-transparent-hovered": Readonly<{
|
|
1103
1110
|
value: "#b7c4271a";
|
|
1104
1111
|
}>;
|
|
1105
|
-
"
|
|
1112
|
+
"color-fill-accent-teal": Readonly<{
|
|
1106
1113
|
value: "#40d3c52e";
|
|
1107
|
-
ref: "
|
|
1114
|
+
ref: "color-teal-300-18";
|
|
1108
1115
|
}>;
|
|
1109
|
-
"
|
|
1116
|
+
"color-fill-accent-teal-hovered": Readonly<{
|
|
1110
1117
|
value: "#4cdccf45";
|
|
1111
1118
|
}>;
|
|
1112
|
-
"
|
|
1119
|
+
"color-fill-accent-teal-heavy": Readonly<{
|
|
1113
1120
|
value: "#40d3c54d";
|
|
1114
|
-
ref: "
|
|
1121
|
+
ref: "color-teal-300-30";
|
|
1115
1122
|
}>;
|
|
1116
|
-
"
|
|
1123
|
+
"color-fill-accent-teal-heavy-hovered": Readonly<{
|
|
1117
1124
|
value: "#4cdccf4d";
|
|
1118
1125
|
}>;
|
|
1119
|
-
"
|
|
1126
|
+
"color-fill-accent-teal-heavier": Readonly<{
|
|
1120
1127
|
value: "#40d3c5ff";
|
|
1121
|
-
ref: "
|
|
1128
|
+
ref: "color-teal-300";
|
|
1122
1129
|
}>;
|
|
1123
|
-
"
|
|
1130
|
+
"color-fill-accent-teal-heavier-hovered": Readonly<{
|
|
1124
1131
|
value: "#4cdccfff";
|
|
1125
1132
|
}>;
|
|
1126
|
-
"
|
|
1133
|
+
"color-fill-accent-teal-transparent": Readonly<{
|
|
1127
1134
|
value: "#40d3c500";
|
|
1128
|
-
ref: "
|
|
1135
|
+
ref: "color-teal-300-0";
|
|
1129
1136
|
}>;
|
|
1130
|
-
"
|
|
1137
|
+
"color-fill-accent-teal-transparent-hovered": Readonly<{
|
|
1131
1138
|
value: "#40d3c51a";
|
|
1132
1139
|
}>;
|
|
1133
|
-
"
|
|
1140
|
+
"color-fill-accent-navy": Readonly<{
|
|
1134
1141
|
value: "#6f7bc82e";
|
|
1135
|
-
ref: "
|
|
1142
|
+
ref: "color-navy-300-18";
|
|
1136
1143
|
}>;
|
|
1137
|
-
"
|
|
1144
|
+
"color-fill-accent-navy-hovered": Readonly<{
|
|
1138
1145
|
value: "#7b86d345";
|
|
1139
1146
|
}>;
|
|
1140
|
-
"
|
|
1147
|
+
"color-fill-accent-navy-heavy": Readonly<{
|
|
1141
1148
|
value: "#6f7bc84d";
|
|
1142
|
-
ref: "
|
|
1149
|
+
ref: "color-navy-300-30";
|
|
1143
1150
|
}>;
|
|
1144
|
-
"
|
|
1151
|
+
"color-fill-accent-navy-heavy-hovered": Readonly<{
|
|
1145
1152
|
value: "#7b86d34d";
|
|
1146
1153
|
}>;
|
|
1147
|
-
"
|
|
1154
|
+
"color-fill-accent-navy-heavier": Readonly<{
|
|
1148
1155
|
value: "#6f7bc8ff";
|
|
1149
|
-
ref: "
|
|
1156
|
+
ref: "color-navy-300";
|
|
1150
1157
|
}>;
|
|
1151
|
-
"
|
|
1158
|
+
"color-fill-accent-navy-heavier-hovered": Readonly<{
|
|
1152
1159
|
value: "#7b86d3ff";
|
|
1153
1160
|
}>;
|
|
1154
|
-
"
|
|
1161
|
+
"color-fill-accent-navy-transparent": Readonly<{
|
|
1155
1162
|
value: "#6f7bc800";
|
|
1156
|
-
ref: "
|
|
1163
|
+
ref: "color-navy-300-0";
|
|
1157
1164
|
}>;
|
|
1158
|
-
"
|
|
1165
|
+
"color-fill-accent-navy-transparent-hovered": Readonly<{
|
|
1159
1166
|
value: "#6f7bc81a";
|
|
1160
1167
|
}>;
|
|
1161
|
-
"
|
|
1168
|
+
"color-fill-accent-purple": Readonly<{
|
|
1162
1169
|
value: "#a970ff2e";
|
|
1163
|
-
ref: "
|
|
1170
|
+
ref: "color-purple-300-18";
|
|
1164
1171
|
}>;
|
|
1165
|
-
"
|
|
1172
|
+
"color-fill-accent-purple-hovered": Readonly<{
|
|
1166
1173
|
value: "#b686ff45";
|
|
1167
1174
|
}>;
|
|
1168
|
-
"
|
|
1175
|
+
"color-fill-accent-purple-heavy": Readonly<{
|
|
1169
1176
|
value: "#a970ff4d";
|
|
1170
|
-
ref: "
|
|
1177
|
+
ref: "color-purple-300-30";
|
|
1171
1178
|
}>;
|
|
1172
|
-
"
|
|
1179
|
+
"color-fill-accent-purple-heavy-hovered": Readonly<{
|
|
1173
1180
|
value: "#b686ff4d";
|
|
1174
1181
|
}>;
|
|
1175
|
-
"
|
|
1182
|
+
"color-fill-accent-purple-heavier": Readonly<{
|
|
1176
1183
|
value: "#a970ffff";
|
|
1177
|
-
ref: "
|
|
1184
|
+
ref: "color-purple-300";
|
|
1178
1185
|
}>;
|
|
1179
|
-
"
|
|
1186
|
+
"color-fill-accent-purple-heavier-hovered": Readonly<{
|
|
1180
1187
|
value: "#b686ffff";
|
|
1181
1188
|
}>;
|
|
1182
|
-
"
|
|
1189
|
+
"color-fill-accent-purple-transparent": Readonly<{
|
|
1183
1190
|
value: "#a970ff00";
|
|
1184
|
-
ref: "
|
|
1191
|
+
ref: "color-purple-300-0";
|
|
1185
1192
|
}>;
|
|
1186
|
-
"
|
|
1193
|
+
"color-fill-accent-purple-transparent-hovered": Readonly<{
|
|
1187
1194
|
value: "#a970ff1a";
|
|
1188
1195
|
}>;
|
|
1189
|
-
"
|
|
1196
|
+
"color-fill-accent-pink": Readonly<{
|
|
1190
1197
|
value: "#ec6fd32e";
|
|
1191
|
-
ref: "
|
|
1198
|
+
ref: "color-pink-300-18";
|
|
1192
1199
|
}>;
|
|
1193
|
-
"
|
|
1200
|
+
"color-fill-accent-pink-hovered": Readonly<{
|
|
1194
1201
|
value: "#f27fdb45";
|
|
1195
1202
|
}>;
|
|
1196
|
-
"
|
|
1203
|
+
"color-fill-accent-pink-heavy": Readonly<{
|
|
1197
1204
|
value: "#ec6fd34d";
|
|
1198
|
-
ref: "
|
|
1205
|
+
ref: "color-pink-300-30";
|
|
1199
1206
|
}>;
|
|
1200
|
-
"
|
|
1207
|
+
"color-fill-accent-pink-heavy-hovered": Readonly<{
|
|
1201
1208
|
value: "#f27fdb4d";
|
|
1202
1209
|
}>;
|
|
1203
|
-
"
|
|
1210
|
+
"color-fill-accent-pink-heavier": Readonly<{
|
|
1204
1211
|
value: "#ec6fd3ff";
|
|
1205
|
-
ref: "
|
|
1212
|
+
ref: "color-pink-300";
|
|
1206
1213
|
}>;
|
|
1207
|
-
"
|
|
1214
|
+
"color-fill-accent-pink-heavier-hovered": Readonly<{
|
|
1208
1215
|
value: "#f27fdbff";
|
|
1209
1216
|
}>;
|
|
1210
|
-
"
|
|
1217
|
+
"color-fill-accent-pink-transparent": Readonly<{
|
|
1211
1218
|
value: "#ec6fd300";
|
|
1212
|
-
ref: "
|
|
1219
|
+
ref: "color-pink-300-0";
|
|
1213
1220
|
}>;
|
|
1214
|
-
"
|
|
1221
|
+
"color-fill-accent-pink-transparent-hovered": Readonly<{
|
|
1215
1222
|
value: "#ec6fd31a";
|
|
1216
1223
|
}>;
|
|
1217
|
-
"
|
|
1218
|
-
value: "#
|
|
1219
|
-
ref: "
|
|
1224
|
+
"color-fill-absolute-white": Readonly<{
|
|
1225
|
+
value: "#ffff";
|
|
1226
|
+
ref: "color-white-100";
|
|
1220
1227
|
}>;
|
|
1221
|
-
"
|
|
1228
|
+
"color-fill-absolute-white-hovered": Readonly<{
|
|
1222
1229
|
value: "#edededff";
|
|
1223
1230
|
}>;
|
|
1224
|
-
"
|
|
1225
|
-
value: "#
|
|
1226
|
-
ref: "
|
|
1231
|
+
"color-fill-absolute-white-light": Readonly<{
|
|
1232
|
+
value: "#fff3";
|
|
1233
|
+
ref: "color-white-20";
|
|
1227
1234
|
}>;
|
|
1228
|
-
"
|
|
1235
|
+
"color-fill-absolute-white-light-hovered": Readonly<{
|
|
1229
1236
|
value: "#ededed4d";
|
|
1230
1237
|
}>;
|
|
1231
|
-
"
|
|
1232
|
-
value: "#
|
|
1233
|
-
ref: "
|
|
1238
|
+
"color-fill-absolute-white-transparent": Readonly<{
|
|
1239
|
+
value: "#fff0";
|
|
1240
|
+
ref: "color-white-0";
|
|
1234
1241
|
}>;
|
|
1235
|
-
"
|
|
1242
|
+
"color-fill-absolute-white-transparent-hovered": Readonly<{
|
|
1236
1243
|
value: "#ffffff0d";
|
|
1237
1244
|
}>;
|
|
1238
|
-
"
|
|
1239
|
-
value: "#
|
|
1240
|
-
ref: "
|
|
1245
|
+
"color-fill-absolute-black": Readonly<{
|
|
1246
|
+
value: "#000f";
|
|
1247
|
+
ref: "color-black-100";
|
|
1241
1248
|
}>;
|
|
1242
|
-
"
|
|
1249
|
+
"color-fill-absolute-black-hovered": Readonly<{
|
|
1243
1250
|
value: "#0a0a0aff";
|
|
1244
1251
|
}>;
|
|
1245
|
-
"
|
|
1246
|
-
value: "#
|
|
1247
|
-
ref: "
|
|
1252
|
+
"color-fill-absolute-black-light": Readonly<{
|
|
1253
|
+
value: "#0003";
|
|
1254
|
+
ref: "color-black-20";
|
|
1248
1255
|
}>;
|
|
1249
|
-
"
|
|
1256
|
+
"color-fill-absolute-black-light-hovered": Readonly<{
|
|
1250
1257
|
value: "#0a0a0a4d";
|
|
1251
1258
|
}>;
|
|
1252
|
-
"
|
|
1253
|
-
value: "#
|
|
1254
|
-
ref: "
|
|
1259
|
+
"color-fill-absolute-black-transparent": Readonly<{
|
|
1260
|
+
value: "#0000";
|
|
1261
|
+
ref: "color-black-0";
|
|
1255
1262
|
}>;
|
|
1256
|
-
"
|
|
1263
|
+
"color-fill-absolute-black-transparent-hovered": Readonly<{
|
|
1257
1264
|
value: "#0000000d";
|
|
1258
1265
|
}>;
|
|
1259
|
-
"
|
|
1266
|
+
"color-border-neutral": Readonly<{
|
|
1260
1267
|
value: "#ffffff1f";
|
|
1261
|
-
ref: "
|
|
1268
|
+
ref: "color-white-12";
|
|
1262
1269
|
}>;
|
|
1263
|
-
"
|
|
1270
|
+
"color-border-neutral-hovered": Readonly<{
|
|
1264
1271
|
value: "#ededed2f";
|
|
1265
1272
|
}>;
|
|
1266
|
-
"
|
|
1267
|
-
value: "#
|
|
1268
|
-
ref: "
|
|
1273
|
+
"color-border-neutral-heavy": Readonly<{
|
|
1274
|
+
value: "#fff3";
|
|
1275
|
+
ref: "color-white-20";
|
|
1269
1276
|
}>;
|
|
1270
|
-
"
|
|
1277
|
+
"color-border-neutral-heavy-hovered": Readonly<{
|
|
1271
1278
|
value: "#ededed4d";
|
|
1272
1279
|
}>;
|
|
1273
|
-
"
|
|
1274
|
-
value: "#
|
|
1275
|
-
ref: "
|
|
1280
|
+
"color-border-neutral-heavier": Readonly<{
|
|
1281
|
+
value: "#fff6";
|
|
1282
|
+
ref: "color-white-40";
|
|
1276
1283
|
}>;
|
|
1277
|
-
"
|
|
1284
|
+
"color-border-neutral-heavier-hovered": Readonly<{
|
|
1278
1285
|
value: "#ededed66";
|
|
1279
1286
|
}>;
|
|
1280
|
-
"
|
|
1287
|
+
"color-border-detach": Readonly<{
|
|
1281
1288
|
value: "#242428ff";
|
|
1282
|
-
ref: "
|
|
1289
|
+
ref: "color-grey-900";
|
|
1283
1290
|
}>;
|
|
1284
|
-
"
|
|
1291
|
+
"color-border-detach-hovered": Readonly<{
|
|
1285
1292
|
value: "#2e2e33ff";
|
|
1286
1293
|
}>;
|
|
1287
|
-
"
|
|
1294
|
+
"color-border-detach-highest": Readonly<{
|
|
1288
1295
|
value: "#454549ff";
|
|
1289
|
-
ref: "
|
|
1296
|
+
ref: "color-grey-700";
|
|
1290
1297
|
}>;
|
|
1291
|
-
"
|
|
1298
|
+
"color-border-detach-highest-hovered": Readonly<{
|
|
1292
1299
|
value: "#4f4f54ff";
|
|
1293
1300
|
}>;
|
|
1294
|
-
"
|
|
1301
|
+
"color-border-detach-higher": Readonly<{
|
|
1295
1302
|
value: "#303035ff";
|
|
1296
|
-
ref: "
|
|
1303
|
+
ref: "color-grey-800";
|
|
1297
1304
|
}>;
|
|
1298
|
-
"
|
|
1305
|
+
"color-border-detach-higher-hovered": Readonly<{
|
|
1299
1306
|
value: "#3a3a40ff";
|
|
1300
1307
|
}>;
|
|
1301
|
-
"
|
|
1308
|
+
"color-border-detach-high": Readonly<{
|
|
1302
1309
|
value: "#2a2a2dff";
|
|
1303
|
-
ref: "
|
|
1310
|
+
ref: "color-grey-850";
|
|
1304
1311
|
}>;
|
|
1305
|
-
"
|
|
1312
|
+
"color-border-detach-high-hovered": Readonly<{
|
|
1306
1313
|
value: "#343438ff";
|
|
1307
1314
|
}>;
|
|
1308
|
-
"
|
|
1315
|
+
"color-border-detach-low": Readonly<{
|
|
1309
1316
|
value: "#1a1a1cff";
|
|
1310
|
-
ref: "
|
|
1317
|
+
ref: "color-grey-950";
|
|
1311
1318
|
}>;
|
|
1312
|
-
"
|
|
1319
|
+
"color-border-detach-low-hovered": Readonly<{
|
|
1313
1320
|
value: "#242427ff";
|
|
1314
1321
|
}>;
|
|
1315
|
-
"
|
|
1316
|
-
value: "#
|
|
1317
|
-
ref: "
|
|
1322
|
+
"color-border-absolute-white": Readonly<{
|
|
1323
|
+
value: "#ffff";
|
|
1324
|
+
ref: "color-white-100";
|
|
1318
1325
|
}>;
|
|
1319
|
-
"
|
|
1326
|
+
"color-border-absolute-white-hovered": Readonly<{
|
|
1320
1327
|
value: "#edededff";
|
|
1321
1328
|
}>;
|
|
1322
|
-
"
|
|
1329
|
+
"color-surface": Readonly<{
|
|
1323
1330
|
value: "#242428ff";
|
|
1324
|
-
ref: "
|
|
1331
|
+
ref: "color-grey-900";
|
|
1325
1332
|
}>;
|
|
1326
|
-
"
|
|
1333
|
+
"color-surface-hovered": Readonly<{
|
|
1327
1334
|
value: "#2e2e33ff";
|
|
1328
1335
|
}>;
|
|
1329
|
-
"
|
|
1336
|
+
"color-surface-highest": Readonly<{
|
|
1330
1337
|
value: "#37373cff";
|
|
1331
|
-
ref: "
|
|
1338
|
+
ref: "color-grey-750";
|
|
1332
1339
|
}>;
|
|
1333
|
-
"
|
|
1340
|
+
"color-surface-highest-hovered": Readonly<{
|
|
1334
1341
|
value: "#414147ff";
|
|
1335
1342
|
}>;
|
|
1336
|
-
"
|
|
1343
|
+
"color-surface-higher": Readonly<{
|
|
1337
1344
|
value: "#303035ff";
|
|
1338
|
-
ref: "
|
|
1345
|
+
ref: "color-grey-800";
|
|
1339
1346
|
}>;
|
|
1340
|
-
"
|
|
1347
|
+
"color-surface-higher-hovered": Readonly<{
|
|
1341
1348
|
value: "#3a3a40ff";
|
|
1342
1349
|
}>;
|
|
1343
|
-
"
|
|
1350
|
+
"color-surface-high": Readonly<{
|
|
1344
1351
|
value: "#2a2a2dff";
|
|
1345
|
-
ref: "
|
|
1352
|
+
ref: "color-grey-850";
|
|
1346
1353
|
}>;
|
|
1347
|
-
"
|
|
1354
|
+
"color-surface-high-hovered": Readonly<{
|
|
1348
1355
|
value: "#343438ff";
|
|
1349
1356
|
}>;
|
|
1350
|
-
"
|
|
1357
|
+
"color-surface-low": Readonly<{
|
|
1351
1358
|
value: "#1a1a1cff";
|
|
1352
|
-
ref: "
|
|
1359
|
+
ref: "color-grey-950";
|
|
1353
1360
|
}>;
|
|
1354
|
-
"
|
|
1361
|
+
"color-surface-low-hovered": Readonly<{
|
|
1355
1362
|
value: "#242427ff";
|
|
1356
1363
|
}>;
|
|
1357
|
-
"
|
|
1364
|
+
"color-surface-glass": Readonly<{
|
|
1358
1365
|
value: "#303035e6";
|
|
1359
|
-
ref: "
|
|
1366
|
+
ref: "color-grey-800-90";
|
|
1360
1367
|
}>;
|
|
1361
|
-
"
|
|
1368
|
+
"color-surface-glass-hovered": Readonly<{
|
|
1362
1369
|
value: "#3a3a40e6";
|
|
1363
1370
|
}>;
|
|
1364
|
-
"
|
|
1371
|
+
"color-surface-glass-highest": Readonly<{
|
|
1365
1372
|
value: "#454549e6";
|
|
1366
|
-
ref: "
|
|
1373
|
+
ref: "color-grey-700-90";
|
|
1367
1374
|
}>;
|
|
1368
|
-
"
|
|
1375
|
+
"color-surface-glass-highest-hovered": Readonly<{
|
|
1369
1376
|
value: "#4f4f54e6";
|
|
1370
1377
|
}>;
|
|
1371
|
-
"
|
|
1378
|
+
"color-surface-glass-higher": Readonly<{
|
|
1372
1379
|
value: "#303035e6";
|
|
1373
|
-
ref: "
|
|
1380
|
+
ref: "color-grey-800-90";
|
|
1374
1381
|
}>;
|
|
1375
|
-
"
|
|
1382
|
+
"color-surface-glass-higher-hovered": Readonly<{
|
|
1376
1383
|
value: "#3a3a40e6";
|
|
1377
1384
|
}>;
|
|
1378
|
-
"
|
|
1385
|
+
"color-surface-glass-high": Readonly<{
|
|
1379
1386
|
value: "#2a2a2de6";
|
|
1380
|
-
ref: "
|
|
1387
|
+
ref: "color-grey-850-90";
|
|
1381
1388
|
}>;
|
|
1382
|
-
"
|
|
1389
|
+
"color-surface-glass-high-hovered": Readonly<{
|
|
1383
1390
|
value: "#343438e6";
|
|
1384
1391
|
}>;
|
|
1385
|
-
"
|
|
1392
|
+
"color-surface-accent-blue": Readonly<{
|
|
1386
1393
|
value: "#6b6effff";
|
|
1387
|
-
ref: "
|
|
1394
|
+
ref: "color-blue-300";
|
|
1388
1395
|
}>;
|
|
1389
|
-
"
|
|
1396
|
+
"color-surface-accent-blue-hovered": Readonly<{
|
|
1390
1397
|
value: "#8184ffff";
|
|
1391
1398
|
}>;
|
|
1392
|
-
"
|
|
1399
|
+
"color-surface-accent-cobalt": Readonly<{
|
|
1393
1400
|
value: "#5cadefff";
|
|
1394
|
-
ref: "
|
|
1401
|
+
ref: "color-cobalt-300";
|
|
1395
1402
|
}>;
|
|
1396
|
-
"
|
|
1403
|
+
"color-surface-accent-cobalt-hovered": Readonly<{
|
|
1397
1404
|
value: "#6cb8f5ff";
|
|
1398
1405
|
}>;
|
|
1399
|
-
"
|
|
1406
|
+
"color-surface-accent-green": Readonly<{
|
|
1400
1407
|
value: "#4bc16cff";
|
|
1401
|
-
ref: "
|
|
1408
|
+
ref: "color-green-300";
|
|
1402
1409
|
}>;
|
|
1403
|
-
"
|
|
1410
|
+
"color-surface-accent-green-hovered": Readonly<{
|
|
1404
1411
|
value: "#56cc77ff";
|
|
1405
1412
|
}>;
|
|
1406
|
-
"
|
|
1413
|
+
"color-surface-accent-red": Readonly<{
|
|
1407
1414
|
value: "#f26060ff";
|
|
1408
|
-
ref: "
|
|
1415
|
+
ref: "color-red-300";
|
|
1409
1416
|
}>;
|
|
1410
|
-
"
|
|
1417
|
+
"color-surface-accent-red-hovered": Readonly<{
|
|
1411
1418
|
value: "#f77171ff";
|
|
1412
1419
|
}>;
|
|
1413
|
-
"
|
|
1420
|
+
"color-surface-accent-orange": Readonly<{
|
|
1414
1421
|
value: "#f79847ff";
|
|
1415
|
-
ref: "
|
|
1422
|
+
ref: "color-orange-300";
|
|
1416
1423
|
}>;
|
|
1417
|
-
"
|
|
1424
|
+
"color-surface-accent-orange-hovered": Readonly<{
|
|
1418
1425
|
value: "#f8a45cff";
|
|
1419
1426
|
}>;
|
|
1420
|
-
"
|
|
1427
|
+
"color-surface-accent-yellow": Readonly<{
|
|
1421
1428
|
value: "#f0be27ff";
|
|
1422
|
-
ref: "
|
|
1429
|
+
ref: "color-yellow-300";
|
|
1423
1430
|
}>;
|
|
1424
|
-
"
|
|
1431
|
+
"color-surface-accent-yellow-hovered": Readonly<{
|
|
1425
1432
|
value: "#f7c736ff";
|
|
1426
1433
|
}>;
|
|
1427
|
-
"
|
|
1434
|
+
"color-surface-accent-olive": Readonly<{
|
|
1428
1435
|
value: "#b7c427ff";
|
|
1429
|
-
ref: "
|
|
1436
|
+
ref: "color-olive-300";
|
|
1430
1437
|
}>;
|
|
1431
|
-
"
|
|
1438
|
+
"color-surface-accent-olive-hovered": Readonly<{
|
|
1432
1439
|
value: "#ccdb25ff";
|
|
1433
1440
|
}>;
|
|
1434
|
-
"
|
|
1441
|
+
"color-surface-accent-teal": Readonly<{
|
|
1435
1442
|
value: "#40d3c5ff";
|
|
1436
|
-
ref: "
|
|
1443
|
+
ref: "color-teal-300";
|
|
1437
1444
|
}>;
|
|
1438
|
-
"
|
|
1445
|
+
"color-surface-accent-teal-hovered": Readonly<{
|
|
1439
1446
|
value: "#4cdccfff";
|
|
1440
1447
|
}>;
|
|
1441
|
-
"
|
|
1448
|
+
"color-surface-accent-navy": Readonly<{
|
|
1442
1449
|
value: "#6f7bc8ff";
|
|
1443
|
-
ref: "
|
|
1450
|
+
ref: "color-navy-300";
|
|
1444
1451
|
}>;
|
|
1445
|
-
"
|
|
1452
|
+
"color-surface-accent-navy-hovered": Readonly<{
|
|
1446
1453
|
value: "#7b86d3ff";
|
|
1447
1454
|
}>;
|
|
1448
|
-
"
|
|
1455
|
+
"color-surface-accent-purple": Readonly<{
|
|
1449
1456
|
value: "#a970ffff";
|
|
1450
|
-
ref: "
|
|
1457
|
+
ref: "color-purple-300";
|
|
1451
1458
|
}>;
|
|
1452
|
-
"
|
|
1459
|
+
"color-surface-accent-purple-hovered": Readonly<{
|
|
1453
1460
|
value: "#b686ffff";
|
|
1454
1461
|
}>;
|
|
1455
|
-
"
|
|
1462
|
+
"color-surface-accent-pink": Readonly<{
|
|
1456
1463
|
value: "#ec6fd3ff";
|
|
1457
|
-
ref: "
|
|
1464
|
+
ref: "color-pink-300";
|
|
1458
1465
|
}>;
|
|
1459
|
-
"
|
|
1466
|
+
"color-surface-accent-pink-hovered": Readonly<{
|
|
1460
1467
|
value: "#f27fdbff";
|
|
1461
1468
|
}>;
|
|
1462
|
-
"
|
|
1463
|
-
value: "#
|
|
1464
|
-
ref: "
|
|
1469
|
+
"color-dim-absolute-black": Readonly<{
|
|
1470
|
+
value: "#0006";
|
|
1471
|
+
ref: "color-black-40";
|
|
1465
1472
|
}>;
|
|
1466
|
-
"
|
|
1473
|
+
"color-dim-absolute-black-hovered": Readonly<{
|
|
1467
1474
|
value: "#0a0a0a66";
|
|
1468
1475
|
}>;
|
|
1469
|
-
"
|
|
1470
|
-
value: "#
|
|
1471
|
-
ref: "
|
|
1476
|
+
"color-dim-absolute-black-heavy": Readonly<{
|
|
1477
|
+
value: "#0009";
|
|
1478
|
+
ref: "color-black-60";
|
|
1472
1479
|
}>;
|
|
1473
|
-
"
|
|
1480
|
+
"color-dim-absolute-black-heavy-hovered": Readonly<{
|
|
1474
1481
|
value: "#0a0a0a99";
|
|
1475
1482
|
}>;
|
|
1476
|
-
"
|
|
1477
|
-
value: "#
|
|
1478
|
-
ref: "
|
|
1483
|
+
"color-dim-absolute-white": Readonly<{
|
|
1484
|
+
value: "#fff6";
|
|
1485
|
+
ref: "color-white-40";
|
|
1479
1486
|
}>;
|
|
1480
|
-
"
|
|
1487
|
+
"color-dim-absolute-white-hovered": Readonly<{
|
|
1481
1488
|
value: "#ededed66";
|
|
1482
1489
|
}>;
|
|
1483
|
-
"
|
|
1484
|
-
value: "#
|
|
1485
|
-
ref: "
|
|
1490
|
+
"color-dim-absolute-white-heavy": Readonly<{
|
|
1491
|
+
value: "#fff9";
|
|
1492
|
+
ref: "color-white-60";
|
|
1486
1493
|
}>;
|
|
1487
|
-
"
|
|
1494
|
+
"color-dim-absolute-white-heavy-hovered": Readonly<{
|
|
1488
1495
|
value: "#ededed99";
|
|
1489
1496
|
}>;
|
|
1490
|
-
"
|
|
1497
|
+
"color-gradient-green": Readonly<{
|
|
1491
1498
|
value: "#20ab55ff";
|
|
1492
|
-
ref: "
|
|
1499
|
+
ref: "color-green-400";
|
|
1493
1500
|
}>;
|
|
1494
|
-
"
|
|
1501
|
+
"color-gradient-green-hovered": Readonly<{
|
|
1495
1502
|
value: "#1ec35dff";
|
|
1496
1503
|
}>;
|
|
1497
|
-
"
|
|
1504
|
+
"color-gradient-green-heavy": Readonly<{
|
|
1498
1505
|
value: "#4bc16cff";
|
|
1499
|
-
ref: "
|
|
1506
|
+
ref: "color-green-300";
|
|
1500
1507
|
}>;
|
|
1501
|
-
"
|
|
1508
|
+
"color-gradient-green-heavy-hovered": Readonly<{
|
|
1502
1509
|
value: "#56cc77ff";
|
|
1503
1510
|
}>;
|
|
1504
|
-
"
|
|
1505
|
-
value: "#
|
|
1506
|
-
ref: "
|
|
1511
|
+
"color-state-default": Readonly<{
|
|
1512
|
+
value: "#fff3";
|
|
1513
|
+
ref: "color-white-20";
|
|
1507
1514
|
}>;
|
|
1508
|
-
"
|
|
1515
|
+
"color-state-default-hovered": Readonly<{
|
|
1509
1516
|
value: "#ededed4d";
|
|
1510
1517
|
}>;
|
|
1511
|
-
"
|
|
1518
|
+
"color-state-action": Readonly<{
|
|
1512
1519
|
value: "#6b6effff";
|
|
1513
|
-
ref: "
|
|
1520
|
+
ref: "color-blue-300";
|
|
1514
1521
|
}>;
|
|
1515
|
-
"
|
|
1522
|
+
"color-state-action-hovered": Readonly<{
|
|
1516
1523
|
value: "#8184ffff";
|
|
1517
1524
|
}>;
|
|
1518
|
-
"
|
|
1525
|
+
"color-state-action-light": Readonly<{
|
|
1519
1526
|
value: "#6b6eff73";
|
|
1520
|
-
ref: "
|
|
1527
|
+
ref: "color-blue-300-45";
|
|
1521
1528
|
}>;
|
|
1522
|
-
"
|
|
1529
|
+
"color-state-action-light-hovered": Readonly<{
|
|
1523
1530
|
value: "#8184ff73";
|
|
1524
1531
|
}>;
|
|
1525
|
-
"
|
|
1532
|
+
"color-state-warning": Readonly<{
|
|
1526
1533
|
value: "#f79847ff";
|
|
1527
|
-
ref: "
|
|
1534
|
+
ref: "color-orange-300";
|
|
1528
1535
|
}>;
|
|
1529
|
-
"
|
|
1536
|
+
"color-state-warning-hovered": Readonly<{
|
|
1530
1537
|
value: "#f8a45cff";
|
|
1531
1538
|
}>;
|
|
1532
|
-
"
|
|
1539
|
+
"color-state-warning-light": Readonly<{
|
|
1533
1540
|
value: "#f798474d";
|
|
1534
|
-
ref: "
|
|
1541
|
+
ref: "color-orange-300-30";
|
|
1535
1542
|
}>;
|
|
1536
|
-
"
|
|
1543
|
+
"color-state-warning-light-hovered": Readonly<{
|
|
1537
1544
|
value: "#f8a45c4d";
|
|
1538
1545
|
}>;
|
|
1539
|
-
"
|
|
1546
|
+
"color-elevation-xlarge": Readonly<{
|
|
1540
1547
|
value: "#0000004d";
|
|
1541
|
-
ref: "
|
|
1548
|
+
ref: "color-black-30";
|
|
1542
1549
|
}>;
|
|
1543
|
-
"
|
|
1550
|
+
"color-elevation-xlarge-hovered": Readonly<{
|
|
1544
1551
|
value: "#0a0a0a4d";
|
|
1545
1552
|
}>;
|
|
1546
|
-
"
|
|
1553
|
+
"color-elevation-large": Readonly<{
|
|
1547
1554
|
value: "#00000038";
|
|
1548
|
-
ref: "
|
|
1555
|
+
ref: "color-black-22";
|
|
1549
1556
|
}>;
|
|
1550
|
-
"
|
|
1557
|
+
"color-elevation-large-hovered": Readonly<{
|
|
1551
1558
|
value: "#0a0a0a38";
|
|
1552
1559
|
}>;
|
|
1553
|
-
"
|
|
1560
|
+
"color-elevation-medium": Readonly<{
|
|
1554
1561
|
value: "#00000026";
|
|
1555
|
-
ref: "
|
|
1562
|
+
ref: "color-black-15";
|
|
1556
1563
|
}>;
|
|
1557
|
-
"
|
|
1564
|
+
"color-elevation-medium-hovered": Readonly<{
|
|
1558
1565
|
value: "#0a0a0a39";
|
|
1559
1566
|
}>;
|
|
1560
|
-
"
|
|
1567
|
+
"color-elevation-small": Readonly<{
|
|
1561
1568
|
value: "#00000014";
|
|
1562
|
-
ref: "
|
|
1569
|
+
ref: "color-black-8";
|
|
1563
1570
|
}>;
|
|
1564
|
-
"
|
|
1571
|
+
"color-elevation-small-hovered": Readonly<{
|
|
1565
1572
|
value: "#0a0a0a1e";
|
|
1566
1573
|
}>;
|
|
1567
|
-
"
|
|
1574
|
+
"color-elevation-base": Readonly<{
|
|
1568
1575
|
value: "#0000000d";
|
|
1569
|
-
ref: "
|
|
1576
|
+
ref: "color-black-5";
|
|
1570
1577
|
}>;
|
|
1571
|
-
"
|
|
1578
|
+
"color-elevation-base-hovered": Readonly<{
|
|
1572
1579
|
value: "#0a0a0a14";
|
|
1573
1580
|
}>;
|
|
1574
|
-
"
|
|
1581
|
+
"color-elevation-base-inner": Readonly<{
|
|
1575
1582
|
value: "#ffffff1f";
|
|
1576
|
-
ref: "
|
|
1583
|
+
ref: "color-white-12";
|
|
1577
1584
|
}>;
|
|
1578
|
-
"
|
|
1585
|
+
"color-elevation-base-inner-hovered": Readonly<{
|
|
1579
1586
|
value: "#ededed2f";
|
|
1580
1587
|
}>;
|
|
1581
1588
|
}>;
|