@channel.io/bezier-tokens 0.3.3-beta.4 → 0.3.3-beta.5
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 +432 -432
- package/dist/beta/cjs/global.js +311 -311
- package/dist/beta/cjs/lightTheme.js +432 -432
- package/dist/beta/css/styles.css +1175 -1175
- package/dist/beta/esm/darkTheme.mjs +432 -432
- package/dist/beta/esm/global.mjs +311 -311
- package/dist/beta/esm/lightTheme.mjs +432 -432
- package/dist/beta/scss/dark-theme.scss +528 -528
- package/dist/beta/scss/global.scss +622 -622
- package/dist/beta/scss/light-theme.scss +528 -528
- package/dist/types/beta/cjs/darkTheme.d.ts +725 -725
- package/dist/types/beta/cjs/global.d.ts +322 -322
- package/dist/types/beta/cjs/index.d.ts +1777 -1777
- package/dist/types/beta/cjs/lightTheme.d.ts +730 -730
- package/dist/types/beta/esm/darkTheme.d.mts +725 -725
- package/dist/types/beta/esm/global.d.mts +322 -322
- package/dist/types/beta/esm/index.d.mts +1777 -1777
- package/dist/types/beta/esm/lightTheme.d.mts +730 -730
- package/package.json +1 -1
|
@@ -1,1581 +1,1581 @@
|
|
|
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-teal": Readonly<{
|
|
511
511
|
value: "#40d3c5ff";
|
|
512
|
-
ref: "
|
|
512
|
+
ref: "color-teal-300";
|
|
513
513
|
}>;
|
|
514
|
-
"
|
|
514
|
+
"color-text-accent-teal-hovered": Readonly<{
|
|
515
515
|
value: "#4cdccfff";
|
|
516
516
|
}>;
|
|
517
|
-
"
|
|
517
|
+
"color-text-accent-navy": Readonly<{
|
|
518
518
|
value: "#6f7bc8ff";
|
|
519
|
-
ref: "
|
|
519
|
+
ref: "color-navy-300";
|
|
520
520
|
}>;
|
|
521
|
-
"
|
|
521
|
+
"color-text-accent-navy-hovered": Readonly<{
|
|
522
522
|
value: "#7b86d3ff";
|
|
523
523
|
}>;
|
|
524
|
-
"
|
|
524
|
+
"color-text-accent-purple": Readonly<{
|
|
525
525
|
value: "#a970ffff";
|
|
526
|
-
ref: "
|
|
526
|
+
ref: "color-purple-300";
|
|
527
527
|
}>;
|
|
528
|
-
"
|
|
528
|
+
"color-text-accent-purple-hovered": Readonly<{
|
|
529
529
|
value: "#b686ffff";
|
|
530
530
|
}>;
|
|
531
|
-
"
|
|
531
|
+
"color-text-accent-pink": Readonly<{
|
|
532
532
|
value: "#ec6fd3ff";
|
|
533
|
-
ref: "
|
|
533
|
+
ref: "color-pink-300";
|
|
534
534
|
}>;
|
|
535
|
-
"
|
|
535
|
+
"color-text-accent-pink-hovered": Readonly<{
|
|
536
536
|
value: "#f27fdbff";
|
|
537
537
|
}>;
|
|
538
|
-
"
|
|
539
|
-
value: "#
|
|
540
|
-
ref: "
|
|
538
|
+
"color-text-absolute-white": Readonly<{
|
|
539
|
+
value: "#ffff";
|
|
540
|
+
ref: "color-white-100";
|
|
541
541
|
}>;
|
|
542
|
-
"
|
|
542
|
+
"color-text-absolute-white-hovered": Readonly<{
|
|
543
543
|
value: "#edededff";
|
|
544
544
|
}>;
|
|
545
|
-
"
|
|
546
|
-
value: "#
|
|
547
|
-
ref: "
|
|
545
|
+
"color-text-absolute-black": Readonly<{
|
|
546
|
+
value: "#000f";
|
|
547
|
+
ref: "color-black-100";
|
|
548
548
|
}>;
|
|
549
|
-
"
|
|
549
|
+
"color-text-absolute-black-hovered": Readonly<{
|
|
550
550
|
value: "#0a0a0aff";
|
|
551
551
|
}>;
|
|
552
|
-
"
|
|
552
|
+
"color-icon-action": Readonly<{
|
|
553
553
|
value: "#6b6effff";
|
|
554
|
-
ref: "
|
|
554
|
+
ref: "color-blue-300";
|
|
555
555
|
}>;
|
|
556
|
-
"
|
|
556
|
+
"color-icon-action-hovered": Readonly<{
|
|
557
557
|
value: "#8184ffff";
|
|
558
558
|
}>;
|
|
559
|
-
"
|
|
559
|
+
"color-icon-success": Readonly<{
|
|
560
560
|
value: "#4bc16cff";
|
|
561
|
-
ref: "
|
|
561
|
+
ref: "color-green-300";
|
|
562
562
|
}>;
|
|
563
|
-
"
|
|
563
|
+
"color-icon-success-hovered": Readonly<{
|
|
564
564
|
value: "#56cc77ff";
|
|
565
565
|
}>;
|
|
566
|
-
"
|
|
566
|
+
"color-icon-highlight": Readonly<{
|
|
567
567
|
value: "#5cadefff";
|
|
568
|
-
ref: "
|
|
568
|
+
ref: "color-cobalt-300";
|
|
569
569
|
}>;
|
|
570
|
-
"
|
|
570
|
+
"color-icon-highlight-hovered": Readonly<{
|
|
571
571
|
value: "#6cb8f5ff";
|
|
572
572
|
}>;
|
|
573
|
-
"
|
|
573
|
+
"color-icon-warning": Readonly<{
|
|
574
574
|
value: "#f79847ff";
|
|
575
|
-
ref: "
|
|
575
|
+
ref: "color-orange-300";
|
|
576
576
|
}>;
|
|
577
|
-
"
|
|
577
|
+
"color-icon-warning-hovered": Readonly<{
|
|
578
578
|
value: "#f8a45cff";
|
|
579
579
|
}>;
|
|
580
|
-
"
|
|
580
|
+
"color-icon-critical": Readonly<{
|
|
581
581
|
value: "#f26060ff";
|
|
582
|
-
ref: "
|
|
582
|
+
ref: "color-red-300";
|
|
583
583
|
}>;
|
|
584
|
-
"
|
|
584
|
+
"color-icon-critical-hovered": Readonly<{
|
|
585
585
|
value: "#f77171ff";
|
|
586
586
|
}>;
|
|
587
|
-
"
|
|
588
|
-
value: "#
|
|
589
|
-
ref: "
|
|
587
|
+
"color-icon-neutral": Readonly<{
|
|
588
|
+
value: "#fff6";
|
|
589
|
+
ref: "color-white-40";
|
|
590
590
|
}>;
|
|
591
|
-
"
|
|
591
|
+
"color-icon-neutral-hovered": Readonly<{
|
|
592
592
|
value: "#ededed66";
|
|
593
593
|
}>;
|
|
594
|
-
"
|
|
595
|
-
value: "#
|
|
596
|
-
ref: "
|
|
594
|
+
"color-icon-neutral-heavy": Readonly<{
|
|
595
|
+
value: "#fff9";
|
|
596
|
+
ref: "color-white-60";
|
|
597
597
|
}>;
|
|
598
|
-
"
|
|
598
|
+
"color-icon-neutral-heavy-hovered": Readonly<{
|
|
599
599
|
value: "#ededed99";
|
|
600
600
|
}>;
|
|
601
|
-
"
|
|
602
|
-
value: "#
|
|
603
|
-
ref: "
|
|
601
|
+
"color-icon-neutral-heavier": Readonly<{
|
|
602
|
+
value: "#fffc";
|
|
603
|
+
ref: "color-white-80";
|
|
604
604
|
}>;
|
|
605
|
-
"
|
|
605
|
+
"color-icon-neutral-heavier-hovered": Readonly<{
|
|
606
606
|
value: "#edededcc";
|
|
607
607
|
}>;
|
|
608
|
-
"
|
|
608
|
+
"color-icon-accent-blue": Readonly<{
|
|
609
609
|
value: "#6b6effff";
|
|
610
|
-
ref: "
|
|
610
|
+
ref: "color-blue-300";
|
|
611
611
|
}>;
|
|
612
|
-
"
|
|
612
|
+
"color-icon-accent-blue-hovered": Readonly<{
|
|
613
613
|
value: "#8184ffff";
|
|
614
614
|
}>;
|
|
615
|
-
"
|
|
615
|
+
"color-icon-accent-cobalt": Readonly<{
|
|
616
616
|
value: "#5cadefff";
|
|
617
|
-
ref: "
|
|
617
|
+
ref: "color-cobalt-300";
|
|
618
618
|
}>;
|
|
619
|
-
"
|
|
619
|
+
"color-icon-accent-cobalt-hovered": Readonly<{
|
|
620
620
|
value: "#6cb8f5ff";
|
|
621
621
|
}>;
|
|
622
|
-
"
|
|
622
|
+
"color-icon-accent-green": Readonly<{
|
|
623
623
|
value: "#4bc16cff";
|
|
624
|
-
ref: "
|
|
624
|
+
ref: "color-green-300";
|
|
625
625
|
}>;
|
|
626
|
-
"
|
|
626
|
+
"color-icon-accent-green-hovered": Readonly<{
|
|
627
627
|
value: "#56cc77ff";
|
|
628
628
|
}>;
|
|
629
|
-
"
|
|
629
|
+
"color-icon-accent-red": Readonly<{
|
|
630
630
|
value: "#f26060ff";
|
|
631
|
-
ref: "
|
|
631
|
+
ref: "color-red-300";
|
|
632
632
|
}>;
|
|
633
|
-
"
|
|
633
|
+
"color-icon-accent-red-hovered": Readonly<{
|
|
634
634
|
value: "#f77171ff";
|
|
635
635
|
}>;
|
|
636
|
-
"
|
|
636
|
+
"color-icon-accent-orange": Readonly<{
|
|
637
637
|
value: "#f79847ff";
|
|
638
|
-
ref: "
|
|
638
|
+
ref: "color-orange-300";
|
|
639
639
|
}>;
|
|
640
|
-
"
|
|
640
|
+
"color-icon-accent-orange-hovered": Readonly<{
|
|
641
641
|
value: "#f8a45cff";
|
|
642
642
|
}>;
|
|
643
|
-
"
|
|
643
|
+
"color-icon-accent-yellow": Readonly<{
|
|
644
644
|
value: "#f0be27ff";
|
|
645
|
-
ref: "
|
|
645
|
+
ref: "color-yellow-300";
|
|
646
646
|
}>;
|
|
647
|
-
"
|
|
647
|
+
"color-icon-accent-yellow-hovered": Readonly<{
|
|
648
648
|
value: "#f7c736ff";
|
|
649
649
|
}>;
|
|
650
|
-
"
|
|
650
|
+
"color-icon-accent-olive": Readonly<{
|
|
651
651
|
value: "#b7c427ff";
|
|
652
|
-
ref: "
|
|
652
|
+
ref: "color-olive-300";
|
|
653
653
|
}>;
|
|
654
|
-
"
|
|
654
|
+
"color-icon-accent-olive-hovered": Readonly<{
|
|
655
655
|
value: "#ccdb25ff";
|
|
656
656
|
}>;
|
|
657
|
-
"
|
|
657
|
+
"color-icon-accent-teal": Readonly<{
|
|
658
658
|
value: "#40d3c5ff";
|
|
659
|
-
ref: "
|
|
659
|
+
ref: "color-teal-300";
|
|
660
660
|
}>;
|
|
661
|
-
"
|
|
661
|
+
"color-icon-accent-teal-hovered": Readonly<{
|
|
662
662
|
value: "#4cdccfff";
|
|
663
663
|
}>;
|
|
664
|
-
"
|
|
664
|
+
"color-icon-accent-navy": Readonly<{
|
|
665
665
|
value: "#6f7bc8ff";
|
|
666
|
-
ref: "
|
|
666
|
+
ref: "color-navy-300";
|
|
667
667
|
}>;
|
|
668
|
-
"
|
|
668
|
+
"color-icon-accent-navy-hovered": Readonly<{
|
|
669
669
|
value: "#7b86d3ff";
|
|
670
670
|
}>;
|
|
671
|
-
"
|
|
671
|
+
"color-icon-accent-purple": Readonly<{
|
|
672
672
|
value: "#a970ffff";
|
|
673
|
-
ref: "
|
|
673
|
+
ref: "color-purple-300";
|
|
674
674
|
}>;
|
|
675
|
-
"
|
|
675
|
+
"color-icon-accent-purple-hovered": Readonly<{
|
|
676
676
|
value: "#b686ffff";
|
|
677
677
|
}>;
|
|
678
|
-
"
|
|
678
|
+
"color-icon-accent-pink": Readonly<{
|
|
679
679
|
value: "#ec6fd3ff";
|
|
680
|
-
ref: "
|
|
680
|
+
ref: "color-pink-300";
|
|
681
681
|
}>;
|
|
682
|
-
"
|
|
682
|
+
"color-icon-accent-pink-hovered": Readonly<{
|
|
683
683
|
value: "#f27fdbff";
|
|
684
684
|
}>;
|
|
685
|
-
"
|
|
686
|
-
value: "#
|
|
687
|
-
ref: "
|
|
685
|
+
"color-icon-absolute-white": Readonly<{
|
|
686
|
+
value: "#ffff";
|
|
687
|
+
ref: "color-white-100";
|
|
688
688
|
}>;
|
|
689
|
-
"
|
|
689
|
+
"color-icon-absolute-white-hovered": Readonly<{
|
|
690
690
|
value: "#edededff";
|
|
691
691
|
}>;
|
|
692
|
-
"
|
|
693
|
-
value: "#
|
|
694
|
-
ref: "
|
|
692
|
+
"color-icon-absolute-black": Readonly<{
|
|
693
|
+
value: "#000f";
|
|
694
|
+
ref: "color-black-100";
|
|
695
695
|
}>;
|
|
696
|
-
"
|
|
696
|
+
"color-icon-absolute-black-hovered": Readonly<{
|
|
697
697
|
value: "#0a0a0aff";
|
|
698
698
|
}>;
|
|
699
|
-
"
|
|
699
|
+
"color-fill-neutral-heaviest": Readonly<{
|
|
700
700
|
value: "#ffffffe6";
|
|
701
|
-
ref: "
|
|
701
|
+
ref: "color-white-90";
|
|
702
702
|
}>;
|
|
703
|
-
"
|
|
703
|
+
"color-fill-neutral-heaviest-hovered": Readonly<{
|
|
704
704
|
value: "#ededede6";
|
|
705
705
|
}>;
|
|
706
|
-
"
|
|
707
|
-
value: "#
|
|
708
|
-
ref: "
|
|
706
|
+
"color-fill-neutral-heavier": Readonly<{
|
|
707
|
+
value: "#fff6";
|
|
708
|
+
ref: "color-white-40";
|
|
709
709
|
}>;
|
|
710
|
-
"
|
|
710
|
+
"color-fill-neutral-heavier-hovered": Readonly<{
|
|
711
711
|
value: "#ededed66";
|
|
712
712
|
}>;
|
|
713
|
-
"
|
|
714
|
-
value: "#
|
|
715
|
-
ref: "
|
|
713
|
+
"color-fill-neutral-heavy": Readonly<{
|
|
714
|
+
value: "#fff3";
|
|
715
|
+
ref: "color-white-20";
|
|
716
716
|
}>;
|
|
717
|
-
"
|
|
717
|
+
"color-fill-neutral-heavy-hovered": Readonly<{
|
|
718
718
|
value: "#ededed4d";
|
|
719
719
|
}>;
|
|
720
|
-
"
|
|
720
|
+
"color-fill-neutral-light": Readonly<{
|
|
721
721
|
value: "#ffffff14";
|
|
722
|
-
ref: "
|
|
722
|
+
ref: "color-white-8";
|
|
723
723
|
}>;
|
|
724
|
-
"
|
|
724
|
+
"color-fill-neutral-light-hovered": Readonly<{
|
|
725
725
|
value: "#ededed1e";
|
|
726
726
|
}>;
|
|
727
|
-
"
|
|
727
|
+
"color-fill-neutral-lighter": Readonly<{
|
|
728
728
|
value: "#ffffff0d";
|
|
729
|
-
ref: "
|
|
729
|
+
ref: "color-white-5";
|
|
730
730
|
}>;
|
|
731
|
-
"
|
|
731
|
+
"color-fill-neutral-lighter-hovered": Readonly<{
|
|
732
732
|
value: "#ededed14";
|
|
733
733
|
}>;
|
|
734
|
-
"
|
|
734
|
+
"color-fill-neutral-lightest": Readonly<{
|
|
735
735
|
value: "#ffffff08";
|
|
736
|
-
ref: "
|
|
736
|
+
ref: "color-white-3";
|
|
737
737
|
}>;
|
|
738
|
-
"
|
|
738
|
+
"color-fill-neutral-lightest-hovered": Readonly<{
|
|
739
739
|
value: "#ededed0c";
|
|
740
740
|
}>;
|
|
741
|
-
"
|
|
742
|
-
value: "#
|
|
743
|
-
ref: "
|
|
741
|
+
"color-fill-neutral-transparent": Readonly<{
|
|
742
|
+
value: "#fff0";
|
|
743
|
+
ref: "color-white-0";
|
|
744
744
|
}>;
|
|
745
|
-
"
|
|
745
|
+
"color-fill-neutral-transparent-hovered": Readonly<{
|
|
746
746
|
value: "#ffffff0d";
|
|
747
747
|
}>;
|
|
748
|
-
"
|
|
748
|
+
"color-fill-action": Readonly<{
|
|
749
749
|
value: "#6b6effff";
|
|
750
|
-
ref: "
|
|
750
|
+
ref: "color-blue-300";
|
|
751
751
|
}>;
|
|
752
|
-
"
|
|
752
|
+
"color-fill-action-hovered": Readonly<{
|
|
753
753
|
value: "#8184ffff";
|
|
754
754
|
}>;
|
|
755
|
-
"
|
|
755
|
+
"color-fill-action-light": Readonly<{
|
|
756
756
|
value: "#6b6eff4d";
|
|
757
|
-
ref: "
|
|
757
|
+
ref: "color-blue-300-30";
|
|
758
758
|
}>;
|
|
759
|
-
"
|
|
759
|
+
"color-fill-action-light-hovered": Readonly<{
|
|
760
760
|
value: "#8184ff4d";
|
|
761
761
|
}>;
|
|
762
|
-
"
|
|
762
|
+
"color-fill-action-lighter": Readonly<{
|
|
763
763
|
value: "#6b6eff2e";
|
|
764
|
-
ref: "
|
|
764
|
+
ref: "color-blue-300-18";
|
|
765
765
|
}>;
|
|
766
|
-
"
|
|
766
|
+
"color-fill-action-lighter-hovered": Readonly<{
|
|
767
767
|
value: "#8184ff45";
|
|
768
768
|
}>;
|
|
769
|
-
"
|
|
769
|
+
"color-fill-action-transparent": Readonly<{
|
|
770
770
|
value: "#6b6eff00";
|
|
771
|
-
ref: "
|
|
771
|
+
ref: "color-blue-300-0";
|
|
772
772
|
}>;
|
|
773
|
-
"
|
|
773
|
+
"color-fill-action-transparent-hovered": Readonly<{
|
|
774
774
|
value: "#6b6eff1a";
|
|
775
775
|
}>;
|
|
776
|
-
"
|
|
776
|
+
"color-fill-success": Readonly<{
|
|
777
777
|
value: "#4bc16cff";
|
|
778
|
-
ref: "
|
|
778
|
+
ref: "color-green-300";
|
|
779
779
|
}>;
|
|
780
|
-
"
|
|
780
|
+
"color-fill-success-hovered": Readonly<{
|
|
781
781
|
value: "#56cc77ff";
|
|
782
782
|
}>;
|
|
783
|
-
"
|
|
783
|
+
"color-fill-success-light": Readonly<{
|
|
784
784
|
value: "#4bc16c4d";
|
|
785
|
-
ref: "
|
|
785
|
+
ref: "color-green-300-30";
|
|
786
786
|
}>;
|
|
787
|
-
"
|
|
787
|
+
"color-fill-success-light-hovered": Readonly<{
|
|
788
788
|
value: "#56cc774d";
|
|
789
789
|
}>;
|
|
790
|
-
"
|
|
790
|
+
"color-fill-success-lighter": Readonly<{
|
|
791
791
|
value: "#4bc16c2e";
|
|
792
|
-
ref: "
|
|
792
|
+
ref: "color-green-300-18";
|
|
793
793
|
}>;
|
|
794
|
-
"
|
|
794
|
+
"color-fill-success-lighter-hovered": Readonly<{
|
|
795
795
|
value: "#56cc7745";
|
|
796
796
|
}>;
|
|
797
|
-
"
|
|
797
|
+
"color-fill-success-transparent": Readonly<{
|
|
798
798
|
value: "#4bc16c00";
|
|
799
|
-
ref: "
|
|
799
|
+
ref: "color-green-300-0";
|
|
800
800
|
}>;
|
|
801
|
-
"
|
|
801
|
+
"color-fill-success-transparent-hovered": Readonly<{
|
|
802
802
|
value: "#4bc16c1a";
|
|
803
803
|
}>;
|
|
804
|
-
"
|
|
804
|
+
"color-fill-highlight": Readonly<{
|
|
805
805
|
value: "#5cadefff";
|
|
806
|
-
ref: "
|
|
806
|
+
ref: "color-cobalt-300";
|
|
807
807
|
}>;
|
|
808
|
-
"
|
|
808
|
+
"color-fill-highlight-hovered": Readonly<{
|
|
809
809
|
value: "#6cb8f5ff";
|
|
810
810
|
}>;
|
|
811
|
-
"
|
|
811
|
+
"color-fill-highlight-light": Readonly<{
|
|
812
812
|
value: "#5cadef4d";
|
|
813
|
-
ref: "
|
|
813
|
+
ref: "color-cobalt-300-30";
|
|
814
814
|
}>;
|
|
815
|
-
"
|
|
815
|
+
"color-fill-highlight-light-hovered": Readonly<{
|
|
816
816
|
value: "#6cb8f54d";
|
|
817
817
|
}>;
|
|
818
|
-
"
|
|
818
|
+
"color-fill-highlight-lighter": Readonly<{
|
|
819
819
|
value: "#5cadef2e";
|
|
820
|
-
ref: "
|
|
820
|
+
ref: "color-cobalt-300-18";
|
|
821
821
|
}>;
|
|
822
|
-
"
|
|
822
|
+
"color-fill-highlight-lighter-hovered": Readonly<{
|
|
823
823
|
value: "#6cb8f545";
|
|
824
824
|
}>;
|
|
825
|
-
"
|
|
825
|
+
"color-fill-highlight-transparent": Readonly<{
|
|
826
826
|
value: "#5cadef00";
|
|
827
|
-
ref: "
|
|
827
|
+
ref: "color-cobalt-300-0";
|
|
828
828
|
}>;
|
|
829
|
-
"
|
|
829
|
+
"color-fill-highlight-transparent-hovered": Readonly<{
|
|
830
830
|
value: "#5cadef1a";
|
|
831
831
|
}>;
|
|
832
|
-
"
|
|
832
|
+
"color-fill-warning": Readonly<{
|
|
833
833
|
value: "#f79847ff";
|
|
834
|
-
ref: "
|
|
834
|
+
ref: "color-orange-300";
|
|
835
835
|
}>;
|
|
836
|
-
"
|
|
836
|
+
"color-fill-warning-hovered": Readonly<{
|
|
837
837
|
value: "#f8a45cff";
|
|
838
838
|
}>;
|
|
839
|
-
"
|
|
839
|
+
"color-fill-warning-light": Readonly<{
|
|
840
840
|
value: "#f798474d";
|
|
841
|
-
ref: "
|
|
841
|
+
ref: "color-orange-300-30";
|
|
842
842
|
}>;
|
|
843
|
-
"
|
|
843
|
+
"color-fill-warning-light-hovered": Readonly<{
|
|
844
844
|
value: "#f8a45c4d";
|
|
845
845
|
}>;
|
|
846
|
-
"
|
|
846
|
+
"color-fill-warning-lighter": Readonly<{
|
|
847
847
|
value: "#f798472e";
|
|
848
|
-
ref: "
|
|
848
|
+
ref: "color-orange-300-18";
|
|
849
849
|
}>;
|
|
850
|
-
"
|
|
850
|
+
"color-fill-warning-lighter-hovered": Readonly<{
|
|
851
851
|
value: "#f8a45c45";
|
|
852
852
|
}>;
|
|
853
|
-
"
|
|
853
|
+
"color-fill-warning-transparent": Readonly<{
|
|
854
854
|
value: "#f7984700";
|
|
855
|
-
ref: "
|
|
855
|
+
ref: "color-orange-300-0";
|
|
856
856
|
}>;
|
|
857
|
-
"
|
|
857
|
+
"color-fill-warning-transparent-hovered": Readonly<{
|
|
858
858
|
value: "#f798471a";
|
|
859
859
|
}>;
|
|
860
|
-
"
|
|
860
|
+
"color-fill-critical": Readonly<{
|
|
861
861
|
value: "#f26060ff";
|
|
862
|
-
ref: "
|
|
862
|
+
ref: "color-red-300";
|
|
863
863
|
}>;
|
|
864
|
-
"
|
|
864
|
+
"color-fill-critical-hovered": Readonly<{
|
|
865
865
|
value: "#f77171ff";
|
|
866
866
|
}>;
|
|
867
|
-
"
|
|
867
|
+
"color-fill-critical-light": Readonly<{
|
|
868
868
|
value: "#f260604d";
|
|
869
|
-
ref: "
|
|
869
|
+
ref: "color-red-300-30";
|
|
870
870
|
}>;
|
|
871
|
-
"
|
|
871
|
+
"color-fill-critical-light-hovered": Readonly<{
|
|
872
872
|
value: "#f771714d";
|
|
873
873
|
}>;
|
|
874
|
-
"
|
|
874
|
+
"color-fill-critical-lighter": Readonly<{
|
|
875
875
|
value: "#f260602e";
|
|
876
|
-
ref: "
|
|
876
|
+
ref: "color-red-300-18";
|
|
877
877
|
}>;
|
|
878
|
-
"
|
|
878
|
+
"color-fill-critical-lighter-hovered": Readonly<{
|
|
879
879
|
value: "#f7717145";
|
|
880
880
|
}>;
|
|
881
|
-
"
|
|
881
|
+
"color-fill-critical-transparent": Readonly<{
|
|
882
882
|
value: "#f2606000";
|
|
883
|
-
ref: "
|
|
883
|
+
ref: "color-red-300-0";
|
|
884
884
|
}>;
|
|
885
|
-
"
|
|
885
|
+
"color-fill-critical-transparent-hovered": Readonly<{
|
|
886
886
|
value: "#f260601a";
|
|
887
887
|
}>;
|
|
888
|
-
"
|
|
888
|
+
"color-fill-grey": Readonly<{
|
|
889
889
|
value: "#2a2a2dff";
|
|
890
|
-
ref: "
|
|
890
|
+
ref: "color-grey-850";
|
|
891
891
|
}>;
|
|
892
|
-
"
|
|
892
|
+
"color-fill-grey-hovered": Readonly<{
|
|
893
893
|
value: "#343438ff";
|
|
894
894
|
}>;
|
|
895
|
-
"
|
|
895
|
+
"color-fill-grey-heavy": Readonly<{
|
|
896
896
|
value: "#303035ff";
|
|
897
|
-
ref: "
|
|
897
|
+
ref: "color-grey-800";
|
|
898
898
|
}>;
|
|
899
|
-
"
|
|
899
|
+
"color-fill-grey-heavy-hovered": Readonly<{
|
|
900
900
|
value: "#3a3a40ff";
|
|
901
901
|
}>;
|
|
902
|
-
"
|
|
902
|
+
"color-fill-grey-heavier": Readonly<{
|
|
903
903
|
value: "#37373cff";
|
|
904
|
-
ref: "
|
|
904
|
+
ref: "color-grey-750";
|
|
905
905
|
}>;
|
|
906
|
-
"
|
|
906
|
+
"color-fill-grey-heavier-hovered": Readonly<{
|
|
907
907
|
value: "#414147ff";
|
|
908
908
|
}>;
|
|
909
|
-
"
|
|
909
|
+
"color-fill-accent-blue": Readonly<{
|
|
910
910
|
value: "#6b6eff2e";
|
|
911
|
-
ref: "
|
|
911
|
+
ref: "color-blue-300-18";
|
|
912
912
|
}>;
|
|
913
|
-
"
|
|
913
|
+
"color-fill-accent-blue-hovered": Readonly<{
|
|
914
914
|
value: "#8184ff45";
|
|
915
915
|
}>;
|
|
916
|
-
"
|
|
916
|
+
"color-fill-accent-blue-heavy": Readonly<{
|
|
917
917
|
value: "#6b6eff4d";
|
|
918
|
-
ref: "
|
|
918
|
+
ref: "color-blue-300-30";
|
|
919
919
|
}>;
|
|
920
|
-
"
|
|
920
|
+
"color-fill-accent-blue-heavy-hovered": Readonly<{
|
|
921
921
|
value: "#8184ff4d";
|
|
922
922
|
}>;
|
|
923
|
-
"
|
|
923
|
+
"color-fill-accent-blue-heavier": Readonly<{
|
|
924
924
|
value: "#6b6effff";
|
|
925
|
-
ref: "
|
|
925
|
+
ref: "color-blue-300";
|
|
926
926
|
}>;
|
|
927
|
-
"
|
|
927
|
+
"color-fill-accent-blue-heavier-hovered": Readonly<{
|
|
928
928
|
value: "#8184ffff";
|
|
929
929
|
}>;
|
|
930
|
-
"
|
|
930
|
+
"color-fill-accent-blue-transparent": Readonly<{
|
|
931
931
|
value: "#6b6eff00";
|
|
932
|
-
ref: "
|
|
932
|
+
ref: "color-blue-300-0";
|
|
933
933
|
}>;
|
|
934
|
-
"
|
|
934
|
+
"color-fill-accent-blue-transparent-hovered": Readonly<{
|
|
935
935
|
value: "#6b6eff1a";
|
|
936
936
|
}>;
|
|
937
|
-
"
|
|
937
|
+
"color-fill-accent-cobalt": Readonly<{
|
|
938
938
|
value: "#5cadef2e";
|
|
939
|
-
ref: "
|
|
939
|
+
ref: "color-cobalt-300-18";
|
|
940
940
|
}>;
|
|
941
|
-
"
|
|
941
|
+
"color-fill-accent-cobalt-hovered": Readonly<{
|
|
942
942
|
value: "#6cb8f545";
|
|
943
943
|
}>;
|
|
944
|
-
"
|
|
944
|
+
"color-fill-accent-cobalt-heavy": Readonly<{
|
|
945
945
|
value: "#5cadef4d";
|
|
946
|
-
ref: "
|
|
946
|
+
ref: "color-cobalt-300-30";
|
|
947
947
|
}>;
|
|
948
|
-
"
|
|
948
|
+
"color-fill-accent-cobalt-heavy-hovered": Readonly<{
|
|
949
949
|
value: "#6cb8f54d";
|
|
950
950
|
}>;
|
|
951
|
-
"
|
|
951
|
+
"color-fill-accent-cobalt-heavier": Readonly<{
|
|
952
952
|
value: "#5cadefff";
|
|
953
|
-
ref: "
|
|
953
|
+
ref: "color-cobalt-300";
|
|
954
954
|
}>;
|
|
955
|
-
"
|
|
955
|
+
"color-fill-accent-cobalt-heavier-hovered": Readonly<{
|
|
956
956
|
value: "#6cb8f5ff";
|
|
957
957
|
}>;
|
|
958
|
-
"
|
|
958
|
+
"color-fill-accent-cobalt-transparent": Readonly<{
|
|
959
959
|
value: "#5cadef00";
|
|
960
|
-
ref: "
|
|
960
|
+
ref: "color-cobalt-300-0";
|
|
961
961
|
}>;
|
|
962
|
-
"
|
|
962
|
+
"color-fill-accent-cobalt-transparent-hovered": Readonly<{
|
|
963
963
|
value: "#5cadef1a";
|
|
964
964
|
}>;
|
|
965
|
-
"
|
|
965
|
+
"color-fill-accent-green": Readonly<{
|
|
966
966
|
value: "#4bc16c2e";
|
|
967
|
-
ref: "
|
|
967
|
+
ref: "color-green-300-18";
|
|
968
968
|
}>;
|
|
969
|
-
"
|
|
969
|
+
"color-fill-accent-green-hovered": Readonly<{
|
|
970
970
|
value: "#56cc7745";
|
|
971
971
|
}>;
|
|
972
|
-
"
|
|
972
|
+
"color-fill-accent-green-heavy": Readonly<{
|
|
973
973
|
value: "#4bc16c4d";
|
|
974
|
-
ref: "
|
|
974
|
+
ref: "color-green-300-30";
|
|
975
975
|
}>;
|
|
976
|
-
"
|
|
976
|
+
"color-fill-accent-green-heavy-hovered": Readonly<{
|
|
977
977
|
value: "#56cc774d";
|
|
978
978
|
}>;
|
|
979
|
-
"
|
|
979
|
+
"color-fill-accent-green-heavier": Readonly<{
|
|
980
980
|
value: "#4bc16cff";
|
|
981
|
-
ref: "
|
|
981
|
+
ref: "color-green-300";
|
|
982
982
|
}>;
|
|
983
|
-
"
|
|
983
|
+
"color-fill-accent-green-heavier-hovered": Readonly<{
|
|
984
984
|
value: "#56cc77ff";
|
|
985
985
|
}>;
|
|
986
|
-
"
|
|
986
|
+
"color-fill-accent-green-transparent": Readonly<{
|
|
987
987
|
value: "#4bc16c00";
|
|
988
|
-
ref: "
|
|
988
|
+
ref: "color-green-300-0";
|
|
989
989
|
}>;
|
|
990
|
-
"
|
|
990
|
+
"color-fill-accent-green-transparent-hovered": Readonly<{
|
|
991
991
|
value: "#4bc16c1a";
|
|
992
992
|
}>;
|
|
993
|
-
"
|
|
993
|
+
"color-fill-accent-red": Readonly<{
|
|
994
994
|
value: "#f260602e";
|
|
995
|
-
ref: "
|
|
995
|
+
ref: "color-red-300-18";
|
|
996
996
|
}>;
|
|
997
|
-
"
|
|
997
|
+
"color-fill-accent-red-hovered": Readonly<{
|
|
998
998
|
value: "#f7717145";
|
|
999
999
|
}>;
|
|
1000
|
-
"
|
|
1000
|
+
"color-fill-accent-red-heavy": Readonly<{
|
|
1001
1001
|
value: "#f260604d";
|
|
1002
|
-
ref: "
|
|
1002
|
+
ref: "color-red-300-30";
|
|
1003
1003
|
}>;
|
|
1004
|
-
"
|
|
1004
|
+
"color-fill-accent-red-heavy-hovered": Readonly<{
|
|
1005
1005
|
value: "#f771714d";
|
|
1006
1006
|
}>;
|
|
1007
|
-
"
|
|
1007
|
+
"color-fill-accent-red-heavier": Readonly<{
|
|
1008
1008
|
value: "#f26060ff";
|
|
1009
|
-
ref: "
|
|
1009
|
+
ref: "color-red-300";
|
|
1010
1010
|
}>;
|
|
1011
|
-
"
|
|
1011
|
+
"color-fill-accent-red-heavier-hovered": Readonly<{
|
|
1012
1012
|
value: "#f77171ff";
|
|
1013
1013
|
}>;
|
|
1014
|
-
"
|
|
1014
|
+
"color-fill-accent-red-transparent": Readonly<{
|
|
1015
1015
|
value: "#f2606000";
|
|
1016
|
-
ref: "
|
|
1016
|
+
ref: "color-red-300-0";
|
|
1017
1017
|
}>;
|
|
1018
|
-
"
|
|
1018
|
+
"color-fill-accent-red-transparent-hovered": Readonly<{
|
|
1019
1019
|
value: "#f260601a";
|
|
1020
1020
|
}>;
|
|
1021
|
-
"
|
|
1021
|
+
"color-fill-accent-orange": Readonly<{
|
|
1022
1022
|
value: "#f798472e";
|
|
1023
|
-
ref: "
|
|
1023
|
+
ref: "color-orange-300-18";
|
|
1024
1024
|
}>;
|
|
1025
|
-
"
|
|
1025
|
+
"color-fill-accent-orange-hovered": Readonly<{
|
|
1026
1026
|
value: "#f8a45c45";
|
|
1027
1027
|
}>;
|
|
1028
|
-
"
|
|
1028
|
+
"color-fill-accent-orange-heavy": Readonly<{
|
|
1029
1029
|
value: "#f798474d";
|
|
1030
|
-
ref: "
|
|
1030
|
+
ref: "color-orange-300-30";
|
|
1031
1031
|
}>;
|
|
1032
|
-
"
|
|
1032
|
+
"color-fill-accent-orange-heavy-hovered": Readonly<{
|
|
1033
1033
|
value: "#f8a45c4d";
|
|
1034
1034
|
}>;
|
|
1035
|
-
"
|
|
1035
|
+
"color-fill-accent-orange-heavier": Readonly<{
|
|
1036
1036
|
value: "#f79847ff";
|
|
1037
|
-
ref: "
|
|
1037
|
+
ref: "color-orange-300";
|
|
1038
1038
|
}>;
|
|
1039
|
-
"
|
|
1039
|
+
"color-fill-accent-orange-heavier-hovered": Readonly<{
|
|
1040
1040
|
value: "#f8a45cff";
|
|
1041
1041
|
}>;
|
|
1042
|
-
"
|
|
1042
|
+
"color-fill-accent-orange-transparent": Readonly<{
|
|
1043
1043
|
value: "#f7984700";
|
|
1044
|
-
ref: "
|
|
1044
|
+
ref: "color-orange-300-0";
|
|
1045
1045
|
}>;
|
|
1046
|
-
"
|
|
1046
|
+
"color-fill-accent-orange-transparent-hovered": Readonly<{
|
|
1047
1047
|
value: "#f798471a";
|
|
1048
1048
|
}>;
|
|
1049
|
-
"
|
|
1049
|
+
"color-fill-accent-yellow": Readonly<{
|
|
1050
1050
|
value: "#f0be272e";
|
|
1051
|
-
ref: "
|
|
1051
|
+
ref: "color-yellow-300-18";
|
|
1052
1052
|
}>;
|
|
1053
|
-
"
|
|
1053
|
+
"color-fill-accent-yellow-hovered": Readonly<{
|
|
1054
1054
|
value: "#f7c73645";
|
|
1055
1055
|
}>;
|
|
1056
|
-
"
|
|
1056
|
+
"color-fill-accent-yellow-heavy": Readonly<{
|
|
1057
1057
|
value: "#f0be274d";
|
|
1058
|
-
ref: "
|
|
1058
|
+
ref: "color-yellow-300-30";
|
|
1059
1059
|
}>;
|
|
1060
|
-
"
|
|
1060
|
+
"color-fill-accent-yellow-heavy-hovered": Readonly<{
|
|
1061
1061
|
value: "#f7c7364d";
|
|
1062
1062
|
}>;
|
|
1063
|
-
"
|
|
1063
|
+
"color-fill-accent-yellow-heavier": Readonly<{
|
|
1064
1064
|
value: "#f0be27ff";
|
|
1065
|
-
ref: "
|
|
1065
|
+
ref: "color-yellow-300";
|
|
1066
1066
|
}>;
|
|
1067
|
-
"
|
|
1067
|
+
"color-fill-accent-yellow-heavier-hovered": Readonly<{
|
|
1068
1068
|
value: "#f7c736ff";
|
|
1069
1069
|
}>;
|
|
1070
|
-
"
|
|
1070
|
+
"color-fill-accent-yellow-transparent": Readonly<{
|
|
1071
1071
|
value: "#f0be2700";
|
|
1072
|
-
ref: "
|
|
1072
|
+
ref: "color-yellow-300-0";
|
|
1073
1073
|
}>;
|
|
1074
|
-
"
|
|
1074
|
+
"color-fill-accent-yellow-transparent-hovered": Readonly<{
|
|
1075
1075
|
value: "#f0be271a";
|
|
1076
1076
|
}>;
|
|
1077
|
-
"
|
|
1077
|
+
"color-fill-accent-olive": Readonly<{
|
|
1078
1078
|
value: "#b7c4272e";
|
|
1079
|
-
ref: "
|
|
1079
|
+
ref: "color-olive-300-18";
|
|
1080
1080
|
}>;
|
|
1081
|
-
"
|
|
1081
|
+
"color-fill-accent-olive-hovered": Readonly<{
|
|
1082
1082
|
value: "#ccdb2545";
|
|
1083
1083
|
}>;
|
|
1084
|
-
"
|
|
1084
|
+
"color-fill-accent-olive-heavy": Readonly<{
|
|
1085
1085
|
value: "#b7c4274d";
|
|
1086
|
-
ref: "
|
|
1086
|
+
ref: "color-olive-300-30";
|
|
1087
1087
|
}>;
|
|
1088
|
-
"
|
|
1088
|
+
"color-fill-accent-olive-heavy-hovered": Readonly<{
|
|
1089
1089
|
value: "#ccdb254d";
|
|
1090
1090
|
}>;
|
|
1091
|
-
"
|
|
1091
|
+
"color-fill-accent-olive-heavier": Readonly<{
|
|
1092
1092
|
value: "#b7c427ff";
|
|
1093
|
-
ref: "
|
|
1093
|
+
ref: "color-olive-300";
|
|
1094
1094
|
}>;
|
|
1095
|
-
"
|
|
1095
|
+
"color-fill-accent-olive-heavier-hovered": Readonly<{
|
|
1096
1096
|
value: "#ccdb25ff";
|
|
1097
1097
|
}>;
|
|
1098
|
-
"
|
|
1098
|
+
"color-fill-accent-olive-transparent": Readonly<{
|
|
1099
1099
|
value: "#b7c42700";
|
|
1100
|
-
ref: "
|
|
1100
|
+
ref: "color-olive-300-0";
|
|
1101
1101
|
}>;
|
|
1102
|
-
"
|
|
1102
|
+
"color-fill-accent-olive-transparent-hovered": Readonly<{
|
|
1103
1103
|
value: "#b7c4271a";
|
|
1104
1104
|
}>;
|
|
1105
|
-
"
|
|
1105
|
+
"color-fill-accent-teal": Readonly<{
|
|
1106
1106
|
value: "#40d3c52e";
|
|
1107
|
-
ref: "
|
|
1107
|
+
ref: "color-teal-300-18";
|
|
1108
1108
|
}>;
|
|
1109
|
-
"
|
|
1109
|
+
"color-fill-accent-teal-hovered": Readonly<{
|
|
1110
1110
|
value: "#4cdccf45";
|
|
1111
1111
|
}>;
|
|
1112
|
-
"
|
|
1112
|
+
"color-fill-accent-teal-heavy": Readonly<{
|
|
1113
1113
|
value: "#40d3c54d";
|
|
1114
|
-
ref: "
|
|
1114
|
+
ref: "color-teal-300-30";
|
|
1115
1115
|
}>;
|
|
1116
|
-
"
|
|
1116
|
+
"color-fill-accent-teal-heavy-hovered": Readonly<{
|
|
1117
1117
|
value: "#4cdccf4d";
|
|
1118
1118
|
}>;
|
|
1119
|
-
"
|
|
1119
|
+
"color-fill-accent-teal-heavier": Readonly<{
|
|
1120
1120
|
value: "#40d3c5ff";
|
|
1121
|
-
ref: "
|
|
1121
|
+
ref: "color-teal-300";
|
|
1122
1122
|
}>;
|
|
1123
|
-
"
|
|
1123
|
+
"color-fill-accent-teal-heavier-hovered": Readonly<{
|
|
1124
1124
|
value: "#4cdccfff";
|
|
1125
1125
|
}>;
|
|
1126
|
-
"
|
|
1126
|
+
"color-fill-accent-teal-transparent": Readonly<{
|
|
1127
1127
|
value: "#40d3c500";
|
|
1128
|
-
ref: "
|
|
1128
|
+
ref: "color-teal-300-0";
|
|
1129
1129
|
}>;
|
|
1130
|
-
"
|
|
1130
|
+
"color-fill-accent-teal-transparent-hovered": Readonly<{
|
|
1131
1131
|
value: "#40d3c51a";
|
|
1132
1132
|
}>;
|
|
1133
|
-
"
|
|
1133
|
+
"color-fill-accent-navy": Readonly<{
|
|
1134
1134
|
value: "#6f7bc82e";
|
|
1135
|
-
ref: "
|
|
1135
|
+
ref: "color-navy-300-18";
|
|
1136
1136
|
}>;
|
|
1137
|
-
"
|
|
1137
|
+
"color-fill-accent-navy-hovered": Readonly<{
|
|
1138
1138
|
value: "#7b86d345";
|
|
1139
1139
|
}>;
|
|
1140
|
-
"
|
|
1140
|
+
"color-fill-accent-navy-heavy": Readonly<{
|
|
1141
1141
|
value: "#6f7bc84d";
|
|
1142
|
-
ref: "
|
|
1142
|
+
ref: "color-navy-300-30";
|
|
1143
1143
|
}>;
|
|
1144
|
-
"
|
|
1144
|
+
"color-fill-accent-navy-heavy-hovered": Readonly<{
|
|
1145
1145
|
value: "#7b86d34d";
|
|
1146
1146
|
}>;
|
|
1147
|
-
"
|
|
1147
|
+
"color-fill-accent-navy-heavier": Readonly<{
|
|
1148
1148
|
value: "#6f7bc8ff";
|
|
1149
|
-
ref: "
|
|
1149
|
+
ref: "color-navy-300";
|
|
1150
1150
|
}>;
|
|
1151
|
-
"
|
|
1151
|
+
"color-fill-accent-navy-heavier-hovered": Readonly<{
|
|
1152
1152
|
value: "#7b86d3ff";
|
|
1153
1153
|
}>;
|
|
1154
|
-
"
|
|
1154
|
+
"color-fill-accent-navy-transparent": Readonly<{
|
|
1155
1155
|
value: "#6f7bc800";
|
|
1156
|
-
ref: "
|
|
1156
|
+
ref: "color-navy-300-0";
|
|
1157
1157
|
}>;
|
|
1158
|
-
"
|
|
1158
|
+
"color-fill-accent-navy-transparent-hovered": Readonly<{
|
|
1159
1159
|
value: "#6f7bc81a";
|
|
1160
1160
|
}>;
|
|
1161
|
-
"
|
|
1161
|
+
"color-fill-accent-purple": Readonly<{
|
|
1162
1162
|
value: "#a970ff2e";
|
|
1163
|
-
ref: "
|
|
1163
|
+
ref: "color-purple-300-18";
|
|
1164
1164
|
}>;
|
|
1165
|
-
"
|
|
1165
|
+
"color-fill-accent-purple-hovered": Readonly<{
|
|
1166
1166
|
value: "#b686ff45";
|
|
1167
1167
|
}>;
|
|
1168
|
-
"
|
|
1168
|
+
"color-fill-accent-purple-heavy": Readonly<{
|
|
1169
1169
|
value: "#a970ff4d";
|
|
1170
|
-
ref: "
|
|
1170
|
+
ref: "color-purple-300-30";
|
|
1171
1171
|
}>;
|
|
1172
|
-
"
|
|
1172
|
+
"color-fill-accent-purple-heavy-hovered": Readonly<{
|
|
1173
1173
|
value: "#b686ff4d";
|
|
1174
1174
|
}>;
|
|
1175
|
-
"
|
|
1175
|
+
"color-fill-accent-purple-heavier": Readonly<{
|
|
1176
1176
|
value: "#a970ffff";
|
|
1177
|
-
ref: "
|
|
1177
|
+
ref: "color-purple-300";
|
|
1178
1178
|
}>;
|
|
1179
|
-
"
|
|
1179
|
+
"color-fill-accent-purple-heavier-hovered": Readonly<{
|
|
1180
1180
|
value: "#b686ffff";
|
|
1181
1181
|
}>;
|
|
1182
|
-
"
|
|
1182
|
+
"color-fill-accent-purple-transparent": Readonly<{
|
|
1183
1183
|
value: "#a970ff00";
|
|
1184
|
-
ref: "
|
|
1184
|
+
ref: "color-purple-300-0";
|
|
1185
1185
|
}>;
|
|
1186
|
-
"
|
|
1186
|
+
"color-fill-accent-purple-transparent-hovered": Readonly<{
|
|
1187
1187
|
value: "#a970ff1a";
|
|
1188
1188
|
}>;
|
|
1189
|
-
"
|
|
1189
|
+
"color-fill-accent-pink": Readonly<{
|
|
1190
1190
|
value: "#ec6fd32e";
|
|
1191
|
-
ref: "
|
|
1191
|
+
ref: "color-pink-300-18";
|
|
1192
1192
|
}>;
|
|
1193
|
-
"
|
|
1193
|
+
"color-fill-accent-pink-hovered": Readonly<{
|
|
1194
1194
|
value: "#f27fdb45";
|
|
1195
1195
|
}>;
|
|
1196
|
-
"
|
|
1196
|
+
"color-fill-accent-pink-heavy": Readonly<{
|
|
1197
1197
|
value: "#ec6fd34d";
|
|
1198
|
-
ref: "
|
|
1198
|
+
ref: "color-pink-300-30";
|
|
1199
1199
|
}>;
|
|
1200
|
-
"
|
|
1200
|
+
"color-fill-accent-pink-heavy-hovered": Readonly<{
|
|
1201
1201
|
value: "#f27fdb4d";
|
|
1202
1202
|
}>;
|
|
1203
|
-
"
|
|
1203
|
+
"color-fill-accent-pink-heavier": Readonly<{
|
|
1204
1204
|
value: "#ec6fd3ff";
|
|
1205
|
-
ref: "
|
|
1205
|
+
ref: "color-pink-300";
|
|
1206
1206
|
}>;
|
|
1207
|
-
"
|
|
1207
|
+
"color-fill-accent-pink-heavier-hovered": Readonly<{
|
|
1208
1208
|
value: "#f27fdbff";
|
|
1209
1209
|
}>;
|
|
1210
|
-
"
|
|
1210
|
+
"color-fill-accent-pink-transparent": Readonly<{
|
|
1211
1211
|
value: "#ec6fd300";
|
|
1212
|
-
ref: "
|
|
1212
|
+
ref: "color-pink-300-0";
|
|
1213
1213
|
}>;
|
|
1214
|
-
"
|
|
1214
|
+
"color-fill-accent-pink-transparent-hovered": Readonly<{
|
|
1215
1215
|
value: "#ec6fd31a";
|
|
1216
1216
|
}>;
|
|
1217
|
-
"
|
|
1218
|
-
value: "#
|
|
1219
|
-
ref: "
|
|
1217
|
+
"color-fill-absolute-white": Readonly<{
|
|
1218
|
+
value: "#ffff";
|
|
1219
|
+
ref: "color-white-100";
|
|
1220
1220
|
}>;
|
|
1221
|
-
"
|
|
1221
|
+
"color-fill-absolute-white-hovered": Readonly<{
|
|
1222
1222
|
value: "#edededff";
|
|
1223
1223
|
}>;
|
|
1224
|
-
"
|
|
1225
|
-
value: "#
|
|
1226
|
-
ref: "
|
|
1224
|
+
"color-fill-absolute-white-light": Readonly<{
|
|
1225
|
+
value: "#fff3";
|
|
1226
|
+
ref: "color-white-20";
|
|
1227
1227
|
}>;
|
|
1228
|
-
"
|
|
1228
|
+
"color-fill-absolute-white-light-hovered": Readonly<{
|
|
1229
1229
|
value: "#ededed4d";
|
|
1230
1230
|
}>;
|
|
1231
|
-
"
|
|
1232
|
-
value: "#
|
|
1233
|
-
ref: "
|
|
1231
|
+
"color-fill-absolute-white-transparent": Readonly<{
|
|
1232
|
+
value: "#fff0";
|
|
1233
|
+
ref: "color-white-0";
|
|
1234
1234
|
}>;
|
|
1235
|
-
"
|
|
1235
|
+
"color-fill-absolute-white-transparent-hovered": Readonly<{
|
|
1236
1236
|
value: "#ffffff0d";
|
|
1237
1237
|
}>;
|
|
1238
|
-
"
|
|
1239
|
-
value: "#
|
|
1240
|
-
ref: "
|
|
1238
|
+
"color-fill-absolute-black": Readonly<{
|
|
1239
|
+
value: "#000f";
|
|
1240
|
+
ref: "color-black-100";
|
|
1241
1241
|
}>;
|
|
1242
|
-
"
|
|
1242
|
+
"color-fill-absolute-black-hovered": Readonly<{
|
|
1243
1243
|
value: "#0a0a0aff";
|
|
1244
1244
|
}>;
|
|
1245
|
-
"
|
|
1246
|
-
value: "#
|
|
1247
|
-
ref: "
|
|
1245
|
+
"color-fill-absolute-black-light": Readonly<{
|
|
1246
|
+
value: "#0003";
|
|
1247
|
+
ref: "color-black-20";
|
|
1248
1248
|
}>;
|
|
1249
|
-
"
|
|
1249
|
+
"color-fill-absolute-black-light-hovered": Readonly<{
|
|
1250
1250
|
value: "#0a0a0a4d";
|
|
1251
1251
|
}>;
|
|
1252
|
-
"
|
|
1253
|
-
value: "#
|
|
1254
|
-
ref: "
|
|
1252
|
+
"color-fill-absolute-black-transparent": Readonly<{
|
|
1253
|
+
value: "#0000";
|
|
1254
|
+
ref: "color-black-0";
|
|
1255
1255
|
}>;
|
|
1256
|
-
"
|
|
1256
|
+
"color-fill-absolute-black-transparent-hovered": Readonly<{
|
|
1257
1257
|
value: "#0000000d";
|
|
1258
1258
|
}>;
|
|
1259
|
-
"
|
|
1259
|
+
"color-border-neutral": Readonly<{
|
|
1260
1260
|
value: "#ffffff1f";
|
|
1261
|
-
ref: "
|
|
1261
|
+
ref: "color-white-12";
|
|
1262
1262
|
}>;
|
|
1263
|
-
"
|
|
1263
|
+
"color-border-neutral-hovered": Readonly<{
|
|
1264
1264
|
value: "#ededed2f";
|
|
1265
1265
|
}>;
|
|
1266
|
-
"
|
|
1267
|
-
value: "#
|
|
1268
|
-
ref: "
|
|
1266
|
+
"color-border-neutral-heavy": Readonly<{
|
|
1267
|
+
value: "#fff3";
|
|
1268
|
+
ref: "color-white-20";
|
|
1269
1269
|
}>;
|
|
1270
|
-
"
|
|
1270
|
+
"color-border-neutral-heavy-hovered": Readonly<{
|
|
1271
1271
|
value: "#ededed4d";
|
|
1272
1272
|
}>;
|
|
1273
|
-
"
|
|
1274
|
-
value: "#
|
|
1275
|
-
ref: "
|
|
1273
|
+
"color-border-neutral-heavier": Readonly<{
|
|
1274
|
+
value: "#fff6";
|
|
1275
|
+
ref: "color-white-40";
|
|
1276
1276
|
}>;
|
|
1277
|
-
"
|
|
1277
|
+
"color-border-neutral-heavier-hovered": Readonly<{
|
|
1278
1278
|
value: "#ededed66";
|
|
1279
1279
|
}>;
|
|
1280
|
-
"
|
|
1280
|
+
"color-border-detach": Readonly<{
|
|
1281
1281
|
value: "#242428ff";
|
|
1282
|
-
ref: "
|
|
1282
|
+
ref: "color-grey-900";
|
|
1283
1283
|
}>;
|
|
1284
|
-
"
|
|
1284
|
+
"color-border-detach-hovered": Readonly<{
|
|
1285
1285
|
value: "#2e2e33ff";
|
|
1286
1286
|
}>;
|
|
1287
|
-
"
|
|
1287
|
+
"color-border-detach-highest": Readonly<{
|
|
1288
1288
|
value: "#454549ff";
|
|
1289
|
-
ref: "
|
|
1289
|
+
ref: "color-grey-700";
|
|
1290
1290
|
}>;
|
|
1291
|
-
"
|
|
1291
|
+
"color-border-detach-highest-hovered": Readonly<{
|
|
1292
1292
|
value: "#4f4f54ff";
|
|
1293
1293
|
}>;
|
|
1294
|
-
"
|
|
1294
|
+
"color-border-detach-higher": Readonly<{
|
|
1295
1295
|
value: "#303035ff";
|
|
1296
|
-
ref: "
|
|
1296
|
+
ref: "color-grey-800";
|
|
1297
1297
|
}>;
|
|
1298
|
-
"
|
|
1298
|
+
"color-border-detach-higher-hovered": Readonly<{
|
|
1299
1299
|
value: "#3a3a40ff";
|
|
1300
1300
|
}>;
|
|
1301
|
-
"
|
|
1301
|
+
"color-border-detach-high": Readonly<{
|
|
1302
1302
|
value: "#2a2a2dff";
|
|
1303
|
-
ref: "
|
|
1303
|
+
ref: "color-grey-850";
|
|
1304
1304
|
}>;
|
|
1305
|
-
"
|
|
1305
|
+
"color-border-detach-high-hovered": Readonly<{
|
|
1306
1306
|
value: "#343438ff";
|
|
1307
1307
|
}>;
|
|
1308
|
-
"
|
|
1308
|
+
"color-border-detach-low": Readonly<{
|
|
1309
1309
|
value: "#1a1a1cff";
|
|
1310
|
-
ref: "
|
|
1310
|
+
ref: "color-grey-950";
|
|
1311
1311
|
}>;
|
|
1312
|
-
"
|
|
1312
|
+
"color-border-detach-low-hovered": Readonly<{
|
|
1313
1313
|
value: "#242427ff";
|
|
1314
1314
|
}>;
|
|
1315
|
-
"
|
|
1316
|
-
value: "#
|
|
1317
|
-
ref: "
|
|
1315
|
+
"color-border-absolute-white": Readonly<{
|
|
1316
|
+
value: "#ffff";
|
|
1317
|
+
ref: "color-white-100";
|
|
1318
1318
|
}>;
|
|
1319
|
-
"
|
|
1319
|
+
"color-border-absolute-white-hovered": Readonly<{
|
|
1320
1320
|
value: "#edededff";
|
|
1321
1321
|
}>;
|
|
1322
|
-
"
|
|
1322
|
+
"color-surface": Readonly<{
|
|
1323
1323
|
value: "#242428ff";
|
|
1324
|
-
ref: "
|
|
1324
|
+
ref: "color-grey-900";
|
|
1325
1325
|
}>;
|
|
1326
|
-
"
|
|
1326
|
+
"color-surface-hovered": Readonly<{
|
|
1327
1327
|
value: "#2e2e33ff";
|
|
1328
1328
|
}>;
|
|
1329
|
-
"
|
|
1329
|
+
"color-surface-highest": Readonly<{
|
|
1330
1330
|
value: "#37373cff";
|
|
1331
|
-
ref: "
|
|
1331
|
+
ref: "color-grey-750";
|
|
1332
1332
|
}>;
|
|
1333
|
-
"
|
|
1333
|
+
"color-surface-highest-hovered": Readonly<{
|
|
1334
1334
|
value: "#414147ff";
|
|
1335
1335
|
}>;
|
|
1336
|
-
"
|
|
1336
|
+
"color-surface-higher": Readonly<{
|
|
1337
1337
|
value: "#303035ff";
|
|
1338
|
-
ref: "
|
|
1338
|
+
ref: "color-grey-800";
|
|
1339
1339
|
}>;
|
|
1340
|
-
"
|
|
1340
|
+
"color-surface-higher-hovered": Readonly<{
|
|
1341
1341
|
value: "#3a3a40ff";
|
|
1342
1342
|
}>;
|
|
1343
|
-
"
|
|
1343
|
+
"color-surface-high": Readonly<{
|
|
1344
1344
|
value: "#2a2a2dff";
|
|
1345
|
-
ref: "
|
|
1345
|
+
ref: "color-grey-850";
|
|
1346
1346
|
}>;
|
|
1347
|
-
"
|
|
1347
|
+
"color-surface-high-hovered": Readonly<{
|
|
1348
1348
|
value: "#343438ff";
|
|
1349
1349
|
}>;
|
|
1350
|
-
"
|
|
1350
|
+
"color-surface-low": Readonly<{
|
|
1351
1351
|
value: "#1a1a1cff";
|
|
1352
|
-
ref: "
|
|
1352
|
+
ref: "color-grey-950";
|
|
1353
1353
|
}>;
|
|
1354
|
-
"
|
|
1354
|
+
"color-surface-low-hovered": Readonly<{
|
|
1355
1355
|
value: "#242427ff";
|
|
1356
1356
|
}>;
|
|
1357
|
-
"
|
|
1357
|
+
"color-surface-glass": Readonly<{
|
|
1358
1358
|
value: "#303035e6";
|
|
1359
|
-
ref: "
|
|
1359
|
+
ref: "color-grey-800-90";
|
|
1360
1360
|
}>;
|
|
1361
|
-
"
|
|
1361
|
+
"color-surface-glass-hovered": Readonly<{
|
|
1362
1362
|
value: "#3a3a40e6";
|
|
1363
1363
|
}>;
|
|
1364
|
-
"
|
|
1364
|
+
"color-surface-glass-highest": Readonly<{
|
|
1365
1365
|
value: "#454549e6";
|
|
1366
|
-
ref: "
|
|
1366
|
+
ref: "color-grey-700-90";
|
|
1367
1367
|
}>;
|
|
1368
|
-
"
|
|
1368
|
+
"color-surface-glass-highest-hovered": Readonly<{
|
|
1369
1369
|
value: "#4f4f54e6";
|
|
1370
1370
|
}>;
|
|
1371
|
-
"
|
|
1371
|
+
"color-surface-glass-higher": Readonly<{
|
|
1372
1372
|
value: "#303035e6";
|
|
1373
|
-
ref: "
|
|
1373
|
+
ref: "color-grey-800-90";
|
|
1374
1374
|
}>;
|
|
1375
|
-
"
|
|
1375
|
+
"color-surface-glass-higher-hovered": Readonly<{
|
|
1376
1376
|
value: "#3a3a40e6";
|
|
1377
1377
|
}>;
|
|
1378
|
-
"
|
|
1378
|
+
"color-surface-glass-high": Readonly<{
|
|
1379
1379
|
value: "#2a2a2de6";
|
|
1380
|
-
ref: "
|
|
1380
|
+
ref: "color-grey-850-90";
|
|
1381
1381
|
}>;
|
|
1382
|
-
"
|
|
1382
|
+
"color-surface-glass-high-hovered": Readonly<{
|
|
1383
1383
|
value: "#343438e6";
|
|
1384
1384
|
}>;
|
|
1385
|
-
"
|
|
1385
|
+
"color-surface-accent-blue": Readonly<{
|
|
1386
1386
|
value: "#6b6effff";
|
|
1387
|
-
ref: "
|
|
1387
|
+
ref: "color-blue-300";
|
|
1388
1388
|
}>;
|
|
1389
|
-
"
|
|
1389
|
+
"color-surface-accent-blue-hovered": Readonly<{
|
|
1390
1390
|
value: "#8184ffff";
|
|
1391
1391
|
}>;
|
|
1392
|
-
"
|
|
1392
|
+
"color-surface-accent-cobalt": Readonly<{
|
|
1393
1393
|
value: "#5cadefff";
|
|
1394
|
-
ref: "
|
|
1394
|
+
ref: "color-cobalt-300";
|
|
1395
1395
|
}>;
|
|
1396
|
-
"
|
|
1396
|
+
"color-surface-accent-cobalt-hovered": Readonly<{
|
|
1397
1397
|
value: "#6cb8f5ff";
|
|
1398
1398
|
}>;
|
|
1399
|
-
"
|
|
1399
|
+
"color-surface-accent-green": Readonly<{
|
|
1400
1400
|
value: "#4bc16cff";
|
|
1401
|
-
ref: "
|
|
1401
|
+
ref: "color-green-300";
|
|
1402
1402
|
}>;
|
|
1403
|
-
"
|
|
1403
|
+
"color-surface-accent-green-hovered": Readonly<{
|
|
1404
1404
|
value: "#56cc77ff";
|
|
1405
1405
|
}>;
|
|
1406
|
-
"
|
|
1406
|
+
"color-surface-accent-red": Readonly<{
|
|
1407
1407
|
value: "#f26060ff";
|
|
1408
|
-
ref: "
|
|
1408
|
+
ref: "color-red-300";
|
|
1409
1409
|
}>;
|
|
1410
|
-
"
|
|
1410
|
+
"color-surface-accent-red-hovered": Readonly<{
|
|
1411
1411
|
value: "#f77171ff";
|
|
1412
1412
|
}>;
|
|
1413
|
-
"
|
|
1413
|
+
"color-surface-accent-orange": Readonly<{
|
|
1414
1414
|
value: "#f79847ff";
|
|
1415
|
-
ref: "
|
|
1415
|
+
ref: "color-orange-300";
|
|
1416
1416
|
}>;
|
|
1417
|
-
"
|
|
1417
|
+
"color-surface-accent-orange-hovered": Readonly<{
|
|
1418
1418
|
value: "#f8a45cff";
|
|
1419
1419
|
}>;
|
|
1420
|
-
"
|
|
1420
|
+
"color-surface-accent-yellow": Readonly<{
|
|
1421
1421
|
value: "#f0be27ff";
|
|
1422
|
-
ref: "
|
|
1422
|
+
ref: "color-yellow-300";
|
|
1423
1423
|
}>;
|
|
1424
|
-
"
|
|
1424
|
+
"color-surface-accent-yellow-hovered": Readonly<{
|
|
1425
1425
|
value: "#f7c736ff";
|
|
1426
1426
|
}>;
|
|
1427
|
-
"
|
|
1427
|
+
"color-surface-accent-olive": Readonly<{
|
|
1428
1428
|
value: "#b7c427ff";
|
|
1429
|
-
ref: "
|
|
1429
|
+
ref: "color-olive-300";
|
|
1430
1430
|
}>;
|
|
1431
|
-
"
|
|
1431
|
+
"color-surface-accent-olive-hovered": Readonly<{
|
|
1432
1432
|
value: "#ccdb25ff";
|
|
1433
1433
|
}>;
|
|
1434
|
-
"
|
|
1434
|
+
"color-surface-accent-teal": Readonly<{
|
|
1435
1435
|
value: "#40d3c5ff";
|
|
1436
|
-
ref: "
|
|
1436
|
+
ref: "color-teal-300";
|
|
1437
1437
|
}>;
|
|
1438
|
-
"
|
|
1438
|
+
"color-surface-accent-teal-hovered": Readonly<{
|
|
1439
1439
|
value: "#4cdccfff";
|
|
1440
1440
|
}>;
|
|
1441
|
-
"
|
|
1441
|
+
"color-surface-accent-navy": Readonly<{
|
|
1442
1442
|
value: "#6f7bc8ff";
|
|
1443
|
-
ref: "
|
|
1443
|
+
ref: "color-navy-300";
|
|
1444
1444
|
}>;
|
|
1445
|
-
"
|
|
1445
|
+
"color-surface-accent-navy-hovered": Readonly<{
|
|
1446
1446
|
value: "#7b86d3ff";
|
|
1447
1447
|
}>;
|
|
1448
|
-
"
|
|
1448
|
+
"color-surface-accent-purple": Readonly<{
|
|
1449
1449
|
value: "#a970ffff";
|
|
1450
|
-
ref: "
|
|
1450
|
+
ref: "color-purple-300";
|
|
1451
1451
|
}>;
|
|
1452
|
-
"
|
|
1452
|
+
"color-surface-accent-purple-hovered": Readonly<{
|
|
1453
1453
|
value: "#b686ffff";
|
|
1454
1454
|
}>;
|
|
1455
|
-
"
|
|
1455
|
+
"color-surface-accent-pink": Readonly<{
|
|
1456
1456
|
value: "#ec6fd3ff";
|
|
1457
|
-
ref: "
|
|
1457
|
+
ref: "color-pink-300";
|
|
1458
1458
|
}>;
|
|
1459
|
-
"
|
|
1459
|
+
"color-surface-accent-pink-hovered": Readonly<{
|
|
1460
1460
|
value: "#f27fdbff";
|
|
1461
1461
|
}>;
|
|
1462
|
-
"
|
|
1463
|
-
value: "#
|
|
1464
|
-
ref: "
|
|
1462
|
+
"color-dim-absolute-black": Readonly<{
|
|
1463
|
+
value: "#0006";
|
|
1464
|
+
ref: "color-black-40";
|
|
1465
1465
|
}>;
|
|
1466
|
-
"
|
|
1466
|
+
"color-dim-absolute-black-hovered": Readonly<{
|
|
1467
1467
|
value: "#0a0a0a66";
|
|
1468
1468
|
}>;
|
|
1469
|
-
"
|
|
1470
|
-
value: "#
|
|
1471
|
-
ref: "
|
|
1469
|
+
"color-dim-absolute-black-heavy": Readonly<{
|
|
1470
|
+
value: "#0009";
|
|
1471
|
+
ref: "color-black-60";
|
|
1472
1472
|
}>;
|
|
1473
|
-
"
|
|
1473
|
+
"color-dim-absolute-black-heavy-hovered": Readonly<{
|
|
1474
1474
|
value: "#0a0a0a99";
|
|
1475
1475
|
}>;
|
|
1476
|
-
"
|
|
1477
|
-
value: "#
|
|
1478
|
-
ref: "
|
|
1476
|
+
"color-dim-absolute-white": Readonly<{
|
|
1477
|
+
value: "#fff6";
|
|
1478
|
+
ref: "color-white-40";
|
|
1479
1479
|
}>;
|
|
1480
|
-
"
|
|
1480
|
+
"color-dim-absolute-white-hovered": Readonly<{
|
|
1481
1481
|
value: "#ededed66";
|
|
1482
1482
|
}>;
|
|
1483
|
-
"
|
|
1484
|
-
value: "#
|
|
1485
|
-
ref: "
|
|
1483
|
+
"color-dim-absolute-white-heavy": Readonly<{
|
|
1484
|
+
value: "#fff9";
|
|
1485
|
+
ref: "color-white-60";
|
|
1486
1486
|
}>;
|
|
1487
|
-
"
|
|
1487
|
+
"color-dim-absolute-white-heavy-hovered": Readonly<{
|
|
1488
1488
|
value: "#ededed99";
|
|
1489
1489
|
}>;
|
|
1490
|
-
"
|
|
1490
|
+
"color-gradient-green": Readonly<{
|
|
1491
1491
|
value: "#20ab55ff";
|
|
1492
|
-
ref: "
|
|
1492
|
+
ref: "color-green-400";
|
|
1493
1493
|
}>;
|
|
1494
|
-
"
|
|
1494
|
+
"color-gradient-green-hovered": Readonly<{
|
|
1495
1495
|
value: "#1ec35dff";
|
|
1496
1496
|
}>;
|
|
1497
|
-
"
|
|
1497
|
+
"color-gradient-green-heavy": Readonly<{
|
|
1498
1498
|
value: "#4bc16cff";
|
|
1499
|
-
ref: "
|
|
1499
|
+
ref: "color-green-300";
|
|
1500
1500
|
}>;
|
|
1501
|
-
"
|
|
1501
|
+
"color-gradient-green-heavy-hovered": Readonly<{
|
|
1502
1502
|
value: "#56cc77ff";
|
|
1503
1503
|
}>;
|
|
1504
|
-
"
|
|
1505
|
-
value: "#
|
|
1506
|
-
ref: "
|
|
1504
|
+
"color-state-default": Readonly<{
|
|
1505
|
+
value: "#fff3";
|
|
1506
|
+
ref: "color-white-20";
|
|
1507
1507
|
}>;
|
|
1508
|
-
"
|
|
1508
|
+
"color-state-default-hovered": Readonly<{
|
|
1509
1509
|
value: "#ededed4d";
|
|
1510
1510
|
}>;
|
|
1511
|
-
"
|
|
1511
|
+
"color-state-action": Readonly<{
|
|
1512
1512
|
value: "#6b6effff";
|
|
1513
|
-
ref: "
|
|
1513
|
+
ref: "color-blue-300";
|
|
1514
1514
|
}>;
|
|
1515
|
-
"
|
|
1515
|
+
"color-state-action-hovered": Readonly<{
|
|
1516
1516
|
value: "#8184ffff";
|
|
1517
1517
|
}>;
|
|
1518
|
-
"
|
|
1518
|
+
"color-state-action-light": Readonly<{
|
|
1519
1519
|
value: "#6b6eff73";
|
|
1520
|
-
ref: "
|
|
1520
|
+
ref: "color-blue-300-45";
|
|
1521
1521
|
}>;
|
|
1522
|
-
"
|
|
1522
|
+
"color-state-action-light-hovered": Readonly<{
|
|
1523
1523
|
value: "#8184ff73";
|
|
1524
1524
|
}>;
|
|
1525
|
-
"
|
|
1525
|
+
"color-state-warning": Readonly<{
|
|
1526
1526
|
value: "#f79847ff";
|
|
1527
|
-
ref: "
|
|
1527
|
+
ref: "color-orange-300";
|
|
1528
1528
|
}>;
|
|
1529
|
-
"
|
|
1529
|
+
"color-state-warning-hovered": Readonly<{
|
|
1530
1530
|
value: "#f8a45cff";
|
|
1531
1531
|
}>;
|
|
1532
|
-
"
|
|
1532
|
+
"color-state-warning-light": Readonly<{
|
|
1533
1533
|
value: "#f798474d";
|
|
1534
|
-
ref: "
|
|
1534
|
+
ref: "color-orange-300-30";
|
|
1535
1535
|
}>;
|
|
1536
|
-
"
|
|
1536
|
+
"color-state-warning-light-hovered": Readonly<{
|
|
1537
1537
|
value: "#f8a45c4d";
|
|
1538
1538
|
}>;
|
|
1539
|
-
"
|
|
1539
|
+
"color-elevation-xlarge": Readonly<{
|
|
1540
1540
|
value: "#0000004d";
|
|
1541
|
-
ref: "
|
|
1541
|
+
ref: "color-black-30";
|
|
1542
1542
|
}>;
|
|
1543
|
-
"
|
|
1543
|
+
"color-elevation-xlarge-hovered": Readonly<{
|
|
1544
1544
|
value: "#0a0a0a4d";
|
|
1545
1545
|
}>;
|
|
1546
|
-
"
|
|
1546
|
+
"color-elevation-large": Readonly<{
|
|
1547
1547
|
value: "#00000038";
|
|
1548
|
-
ref: "
|
|
1548
|
+
ref: "color-black-22";
|
|
1549
1549
|
}>;
|
|
1550
|
-
"
|
|
1550
|
+
"color-elevation-large-hovered": Readonly<{
|
|
1551
1551
|
value: "#0a0a0a38";
|
|
1552
1552
|
}>;
|
|
1553
|
-
"
|
|
1553
|
+
"color-elevation-medium": Readonly<{
|
|
1554
1554
|
value: "#00000026";
|
|
1555
|
-
ref: "
|
|
1555
|
+
ref: "color-black-15";
|
|
1556
1556
|
}>;
|
|
1557
|
-
"
|
|
1557
|
+
"color-elevation-medium-hovered": Readonly<{
|
|
1558
1558
|
value: "#0a0a0a39";
|
|
1559
1559
|
}>;
|
|
1560
|
-
"
|
|
1560
|
+
"color-elevation-small": Readonly<{
|
|
1561
1561
|
value: "#00000014";
|
|
1562
|
-
ref: "
|
|
1562
|
+
ref: "color-black-8";
|
|
1563
1563
|
}>;
|
|
1564
|
-
"
|
|
1564
|
+
"color-elevation-small-hovered": Readonly<{
|
|
1565
1565
|
value: "#0a0a0a1e";
|
|
1566
1566
|
}>;
|
|
1567
|
-
"
|
|
1567
|
+
"color-elevation-base": Readonly<{
|
|
1568
1568
|
value: "#0000000d";
|
|
1569
|
-
ref: "
|
|
1569
|
+
ref: "color-black-5";
|
|
1570
1570
|
}>;
|
|
1571
|
-
"
|
|
1571
|
+
"color-elevation-base-hovered": Readonly<{
|
|
1572
1572
|
value: "#0a0a0a14";
|
|
1573
1573
|
}>;
|
|
1574
|
-
"
|
|
1574
|
+
"color-elevation-base-inner": Readonly<{
|
|
1575
1575
|
value: "#ffffff1f";
|
|
1576
|
-
ref: "
|
|
1576
|
+
ref: "color-white-12";
|
|
1577
1577
|
}>;
|
|
1578
|
-
"
|
|
1578
|
+
"color-elevation-base-inner-hovered": Readonly<{
|
|
1579
1579
|
value: "#ededed2f";
|
|
1580
1580
|
}>;
|
|
1581
1581
|
}>;
|