@gitlab/ui 86.14.4 → 87.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +24 -0
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +40 -98
- package/dist/tokens/build/js/tokens.js +40 -98
- package/dist/tokens/css/tokens.css +39 -97
- package/dist/tokens/css/tokens.dark.css +39 -97
- package/dist/tokens/js/tokens.dark.js +39 -97
- package/dist/tokens/js/tokens.js +39 -97
- package/dist/tokens/json/tokens.dark.json +378 -1896
- package/dist/tokens/json/tokens.json +380 -1898
- package/dist/tokens/scss/_tokens.dark.scss +39 -97
- package/dist/tokens/scss/_tokens.scss +39 -97
- package/dist/tokens/scss/_tokens_custom_properties.scss +15 -73
- package/package.json +2 -2
- package/src/components/base/broadcast_message/broadcast_message.scss +1 -1
- package/src/components/base/button/button.scss +2 -2
- package/src/components/base/card/card.scss +4 -4
- package/src/components/base/carousel/carousel.scss +1 -2
- package/src/components/base/datepicker/datepicker.scss +1 -1
- package/src/components/base/daterange_picker/daterange_picker.scss +1 -1
- package/src/components/base/drawer/drawer.scss +5 -8
- package/src/components/base/dropdown/dropdown.scss +6 -13
- package/src/components/base/dropdown/dropdown_divider.scss +1 -3
- package/src/components/base/dropdown/dropdown_item.scss +2 -2
- package/src/components/base/filtered_search/filtered_search.scss +2 -2
- package/src/components/base/filtered_search/filtered_search_suggestion_list.scss +1 -1
- package/src/components/base/filtered_search/filtered_search_term.scss +1 -1
- package/src/components/base/filtered_search/filtered_search_token_segment.scss +1 -1
- package/src/components/base/form/form_input/form_input.scss +1 -1
- package/src/components/base/form/form_select/form_select.scss +1 -1
- package/src/components/base/label/label.scss +1 -1
- package/src/components/base/loading_icon/loading_icon.scss +1 -1
- package/src/components/base/modal/modal.scss +3 -3
- package/src/components/base/new_dropdowns/dropdown.scss +1 -3
- package/src/components/base/new_dropdowns/dropdown_item.scss +3 -3
- package/src/components/base/new_dropdowns/listbox/listbox.scss +1 -1
- package/src/components/base/pagination/pagination.scss +3 -3
- package/src/components/base/path/path.scss +1 -1
- package/src/components/base/popover/popover.scss +2 -4
- package/src/components/base/search_box_by_click/search_box_by_click.scss +1 -1
- package/src/components/base/search_box_by_type/search_box_by_type.scss +1 -1
- package/src/components/base/table/table.scss +4 -9
- package/src/components/base/tabs/tabs/tabs.scss +2 -5
- package/src/components/base/toggle/toggle.scss +1 -1
- package/src/components/base/tooltip/tooltip.scss +5 -5
- package/src/components/experimental/duo/chat/duo_chat.scss +2 -6
- package/src/components/shared_components/clear_icon_button/clear_icon_button.scss +1 -1
- package/src/tokens/action.tokens.json +101 -654
- package/src/tokens/build/css/tokens.css +39 -97
- package/src/tokens/build/css/tokens.dark.css +39 -97
- package/src/tokens/build/js/tokens.dark.js +39 -97
- package/src/tokens/build/js/tokens.js +39 -97
- package/src/tokens/build/json/tokens.dark.json +378 -1896
- package/src/tokens/build/json/tokens.json +380 -1898
- package/src/tokens/build/scss/_tokens.dark.scss +39 -97
- package/src/tokens/build/scss/_tokens.scss +39 -97
- package/src/tokens/build/scss/_tokens_custom_properties.scss +15 -73
|
@@ -1,1574 +1,367 @@
|
|
|
1
1
|
{
|
|
2
2
|
"action": {
|
|
3
|
-
"
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
"value": "#
|
|
7
|
-
"$type": "color",
|
|
8
|
-
"comment": "Used for the background of a disabled action.",
|
|
9
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
10
|
-
"isSource": true,
|
|
11
|
-
"original": {
|
|
12
|
-
"value": {
|
|
13
|
-
"default": "{color.neutral.50}",
|
|
14
|
-
"dark": "{color.neutral.900}"
|
|
15
|
-
},
|
|
16
|
-
"$type": "color",
|
|
17
|
-
"comment": "Used for the background of a disabled action."
|
|
18
|
-
},
|
|
19
|
-
"name": "ACTION_BACKGROUND_COLOR_DISABLED",
|
|
20
|
-
"attributes": {},
|
|
21
|
-
"path": [
|
|
22
|
-
"action",
|
|
23
|
-
"background",
|
|
24
|
-
"color",
|
|
25
|
-
"disabled"
|
|
26
|
-
]
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
"border": {
|
|
31
|
-
"color": {
|
|
32
|
-
"disabled": {
|
|
33
|
-
"value": "#dcdcde",
|
|
3
|
+
"disabled": {
|
|
4
|
+
"foreground": {
|
|
5
|
+
"color": {
|
|
6
|
+
"value": "#89888d",
|
|
34
7
|
"$type": "color",
|
|
35
|
-
"comment": "Used for the
|
|
8
|
+
"comment": "Used for the foreground of a disabled action.",
|
|
36
9
|
"filePath": "src/tokens/action.tokens.json",
|
|
37
10
|
"isSource": true,
|
|
38
11
|
"original": {
|
|
39
12
|
"value": {
|
|
40
|
-
"default": "{color.neutral.
|
|
41
|
-
"dark": "{color.neutral.
|
|
13
|
+
"default": "{color.neutral.400}",
|
|
14
|
+
"dark": "{color.neutral.500}"
|
|
42
15
|
},
|
|
43
16
|
"$type": "color",
|
|
44
|
-
"comment": "Used for the
|
|
17
|
+
"comment": "Used for the foreground of a disabled action."
|
|
45
18
|
},
|
|
46
|
-
"name": "
|
|
19
|
+
"name": "ACTION_DISABLED_FOREGROUND_COLOR",
|
|
47
20
|
"attributes": {},
|
|
48
21
|
"path": [
|
|
49
22
|
"action",
|
|
50
|
-
"
|
|
51
|
-
"
|
|
52
|
-
"
|
|
23
|
+
"disabled",
|
|
24
|
+
"foreground",
|
|
25
|
+
"color"
|
|
53
26
|
]
|
|
54
27
|
}
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
"disabled": {
|
|
60
|
-
"value": "#737278",
|
|
28
|
+
},
|
|
29
|
+
"background": {
|
|
30
|
+
"color": {
|
|
31
|
+
"value": "#ececef",
|
|
61
32
|
"$type": "color",
|
|
62
|
-
"comment": "Used for the
|
|
33
|
+
"comment": "Used for the background of a disabled action.",
|
|
63
34
|
"filePath": "src/tokens/action.tokens.json",
|
|
64
35
|
"isSource": true,
|
|
65
36
|
"original": {
|
|
66
37
|
"value": {
|
|
67
|
-
"default": "{color.neutral.
|
|
68
|
-
"dark": "{color.neutral.
|
|
38
|
+
"default": "{color.neutral.50}",
|
|
39
|
+
"dark": "{color.neutral.900}"
|
|
69
40
|
},
|
|
70
41
|
"$type": "color",
|
|
71
|
-
"comment": "Used for the
|
|
42
|
+
"comment": "Used for the background of a disabled action."
|
|
72
43
|
},
|
|
73
|
-
"name": "
|
|
44
|
+
"name": "ACTION_DISABLED_BACKGROUND_COLOR",
|
|
74
45
|
"attributes": {},
|
|
75
46
|
"path": [
|
|
76
47
|
"action",
|
|
77
|
-
"
|
|
78
|
-
"
|
|
79
|
-
"
|
|
48
|
+
"disabled",
|
|
49
|
+
"background",
|
|
50
|
+
"color"
|
|
80
51
|
]
|
|
81
52
|
}
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
"disabled": {
|
|
87
|
-
"value": "#89888d",
|
|
53
|
+
},
|
|
54
|
+
"border": {
|
|
55
|
+
"color": {
|
|
56
|
+
"value": "#dcdcde",
|
|
88
57
|
"$type": "color",
|
|
89
|
-
"comment": "Used for the
|
|
58
|
+
"comment": "Used for the border of a disabled action.",
|
|
90
59
|
"filePath": "src/tokens/action.tokens.json",
|
|
91
60
|
"isSource": true,
|
|
92
61
|
"original": {
|
|
93
62
|
"value": {
|
|
94
|
-
"default": "{color.neutral.
|
|
95
|
-
"dark": "{color.neutral.
|
|
63
|
+
"default": "{color.neutral.100}",
|
|
64
|
+
"dark": "{color.neutral.800}"
|
|
96
65
|
},
|
|
97
66
|
"$type": "color",
|
|
98
|
-
"comment": "Used for the
|
|
67
|
+
"comment": "Used for the border of a disabled action."
|
|
99
68
|
},
|
|
100
|
-
"name": "
|
|
69
|
+
"name": "ACTION_DISABLED_BORDER_COLOR",
|
|
101
70
|
"attributes": {},
|
|
102
71
|
"path": [
|
|
103
72
|
"action",
|
|
104
|
-
"
|
|
105
|
-
"
|
|
106
|
-
"
|
|
73
|
+
"disabled",
|
|
74
|
+
"border",
|
|
75
|
+
"color"
|
|
107
76
|
]
|
|
108
77
|
}
|
|
109
78
|
}
|
|
110
79
|
},
|
|
111
80
|
"neutral": {
|
|
112
|
-
"
|
|
81
|
+
"foreground": {
|
|
113
82
|
"color": {
|
|
114
83
|
"default": {
|
|
115
|
-
"value": "#
|
|
84
|
+
"value": "#28272d",
|
|
116
85
|
"$type": "color",
|
|
117
|
-
"comment": "Used for the
|
|
86
|
+
"comment": "Used for the foreground of outlined and borderless neutral actions.",
|
|
118
87
|
"filePath": "src/tokens/action.tokens.json",
|
|
119
88
|
"isSource": true,
|
|
120
89
|
"original": {
|
|
121
90
|
"value": {
|
|
122
|
-
"default": "{color.neutral.
|
|
123
|
-
"dark": "{color.neutral.
|
|
91
|
+
"default": "{color.neutral.900}",
|
|
92
|
+
"dark": "{color.neutral.50}"
|
|
124
93
|
},
|
|
125
94
|
"$type": "color",
|
|
126
|
-
"comment": "Used for the
|
|
95
|
+
"comment": "Used for the foreground of outlined and borderless neutral actions."
|
|
127
96
|
},
|
|
128
|
-
"name": "
|
|
97
|
+
"name": "ACTION_NEUTRAL_FOREGROUND_COLOR_DEFAULT",
|
|
129
98
|
"attributes": {},
|
|
130
99
|
"path": [
|
|
131
100
|
"action",
|
|
132
101
|
"neutral",
|
|
133
|
-
"
|
|
102
|
+
"foreground",
|
|
134
103
|
"color",
|
|
135
104
|
"default"
|
|
136
105
|
]
|
|
137
106
|
},
|
|
138
107
|
"hover": {
|
|
139
|
-
"value": "#
|
|
108
|
+
"value": "#28272d",
|
|
140
109
|
"$type": "color",
|
|
141
|
-
"comment": "Used for the
|
|
110
|
+
"comment": "Used for the foreground of a neutral action in the hover state.",
|
|
142
111
|
"filePath": "src/tokens/action.tokens.json",
|
|
143
112
|
"isSource": true,
|
|
144
113
|
"original": {
|
|
145
|
-
"value": {
|
|
146
|
-
"default": "{color.neutral.50}",
|
|
147
|
-
"dark": "{color.neutral.900}"
|
|
148
|
-
},
|
|
114
|
+
"value": "{action.neutral.foreground.color.default}",
|
|
149
115
|
"$type": "color",
|
|
150
|
-
"comment": "Used for the
|
|
116
|
+
"comment": "Used for the foreground of a neutral action in the hover state."
|
|
151
117
|
},
|
|
152
|
-
"name": "
|
|
118
|
+
"name": "ACTION_NEUTRAL_FOREGROUND_COLOR_HOVER",
|
|
153
119
|
"attributes": {},
|
|
154
120
|
"path": [
|
|
155
121
|
"action",
|
|
156
122
|
"neutral",
|
|
157
|
-
"
|
|
123
|
+
"foreground",
|
|
158
124
|
"color",
|
|
159
125
|
"hover"
|
|
160
126
|
]
|
|
161
127
|
},
|
|
162
128
|
"focus": {
|
|
163
|
-
"value": "#
|
|
129
|
+
"value": "#28272d",
|
|
164
130
|
"$type": "color",
|
|
165
|
-
"comment": "Used for the
|
|
131
|
+
"comment": "Used for the foreground of a neutral action in the focus state.",
|
|
166
132
|
"filePath": "src/tokens/action.tokens.json",
|
|
167
133
|
"isSource": true,
|
|
168
134
|
"original": {
|
|
169
|
-
"value": {
|
|
170
|
-
"default": "{color.neutral.50}",
|
|
171
|
-
"dark": "{color.neutral.900}"
|
|
172
|
-
},
|
|
135
|
+
"value": "{action.neutral.foreground.color.default}",
|
|
173
136
|
"$type": "color",
|
|
174
|
-
"comment": "Used for the
|
|
137
|
+
"comment": "Used for the foreground of a neutral action in the focus state."
|
|
175
138
|
},
|
|
176
|
-
"name": "
|
|
139
|
+
"name": "ACTION_NEUTRAL_FOREGROUND_COLOR_FOCUS",
|
|
177
140
|
"attributes": {},
|
|
178
141
|
"path": [
|
|
179
142
|
"action",
|
|
180
143
|
"neutral",
|
|
181
|
-
"
|
|
144
|
+
"foreground",
|
|
182
145
|
"color",
|
|
183
146
|
"focus"
|
|
184
147
|
]
|
|
185
148
|
},
|
|
186
149
|
"active": {
|
|
187
|
-
"value": "#
|
|
150
|
+
"value": "#28272d",
|
|
188
151
|
"$type": "color",
|
|
189
|
-
"comment": "Used for the
|
|
152
|
+
"comment": "Used for the foreground of a neutral action in the active state.",
|
|
190
153
|
"filePath": "src/tokens/action.tokens.json",
|
|
191
154
|
"isSource": true,
|
|
192
155
|
"original": {
|
|
193
|
-
"value": {
|
|
194
|
-
"default": "{color.neutral.100}",
|
|
195
|
-
"dark": "{color.neutral.800}"
|
|
196
|
-
},
|
|
156
|
+
"value": "{action.neutral.foreground.color.default}",
|
|
197
157
|
"$type": "color",
|
|
198
|
-
"comment": "Used for the
|
|
158
|
+
"comment": "Used for the foreground of a neutral action in the active state."
|
|
199
159
|
},
|
|
200
|
-
"name": "
|
|
160
|
+
"name": "ACTION_NEUTRAL_FOREGROUND_COLOR_ACTIVE",
|
|
201
161
|
"attributes": {},
|
|
202
162
|
"path": [
|
|
203
163
|
"action",
|
|
204
164
|
"neutral",
|
|
205
|
-
"
|
|
165
|
+
"foreground",
|
|
206
166
|
"color",
|
|
207
167
|
"active"
|
|
208
168
|
]
|
|
209
|
-
},
|
|
210
|
-
"subtle": {
|
|
211
|
-
"default": {
|
|
212
|
-
"value": "transparent",
|
|
213
|
-
"$type": "color",
|
|
214
|
-
"comment": "Used for the background of a borderless, subtle neutral action in the default state.",
|
|
215
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
216
|
-
"isSource": true,
|
|
217
|
-
"original": {
|
|
218
|
-
"value": "{color.alpha.0}",
|
|
219
|
-
"$type": "color",
|
|
220
|
-
"comment": "Used for the background of a borderless, subtle neutral action in the default state."
|
|
221
|
-
},
|
|
222
|
-
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_DEFAULT",
|
|
223
|
-
"attributes": {},
|
|
224
|
-
"path": [
|
|
225
|
-
"action",
|
|
226
|
-
"neutral",
|
|
227
|
-
"background",
|
|
228
|
-
"color",
|
|
229
|
-
"subtle",
|
|
230
|
-
"default"
|
|
231
|
-
]
|
|
232
|
-
},
|
|
233
|
-
"hover": {
|
|
234
|
-
"value": "#ececef",
|
|
235
|
-
"$type": "color",
|
|
236
|
-
"comment": "Used for the background of a borderless, subtle neutral action in the hover state.",
|
|
237
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
238
|
-
"isSource": true,
|
|
239
|
-
"original": {
|
|
240
|
-
"value": {
|
|
241
|
-
"default": "{color.neutral.50}",
|
|
242
|
-
"dark": "{color.neutral.900}"
|
|
243
|
-
},
|
|
244
|
-
"$type": "color",
|
|
245
|
-
"comment": "Used for the background of a borderless, subtle neutral action in the hover state."
|
|
246
|
-
},
|
|
247
|
-
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_HOVER",
|
|
248
|
-
"attributes": {},
|
|
249
|
-
"path": [
|
|
250
|
-
"action",
|
|
251
|
-
"neutral",
|
|
252
|
-
"background",
|
|
253
|
-
"color",
|
|
254
|
-
"subtle",
|
|
255
|
-
"hover"
|
|
256
|
-
]
|
|
257
|
-
},
|
|
258
|
-
"focus": {
|
|
259
|
-
"value": "#ececef",
|
|
260
|
-
"$type": "color",
|
|
261
|
-
"comment": "Used for the background of a borderless, subtle neutral action in the focus state.",
|
|
262
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
263
|
-
"isSource": true,
|
|
264
|
-
"original": {
|
|
265
|
-
"value": {
|
|
266
|
-
"default": "{color.neutral.50}",
|
|
267
|
-
"dark": "{color.neutral.900}"
|
|
268
|
-
},
|
|
269
|
-
"$type": "color",
|
|
270
|
-
"comment": "Used for the background of a borderless, subtle neutral action in the focus state."
|
|
271
|
-
},
|
|
272
|
-
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_FOCUS",
|
|
273
|
-
"attributes": {},
|
|
274
|
-
"path": [
|
|
275
|
-
"action",
|
|
276
|
-
"neutral",
|
|
277
|
-
"background",
|
|
278
|
-
"color",
|
|
279
|
-
"subtle",
|
|
280
|
-
"focus"
|
|
281
|
-
]
|
|
282
|
-
},
|
|
283
|
-
"active": {
|
|
284
|
-
"value": "#dcdcde",
|
|
285
|
-
"$type": "color",
|
|
286
|
-
"comment": "Used for the background of a borderless, subtle neutral action in the active state.",
|
|
287
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
288
|
-
"isSource": true,
|
|
289
|
-
"original": {
|
|
290
|
-
"value": {
|
|
291
|
-
"default": "{color.neutral.100}",
|
|
292
|
-
"dark": "{color.neutral.800}"
|
|
293
|
-
},
|
|
294
|
-
"$type": "color",
|
|
295
|
-
"comment": "Used for the background of a borderless, subtle neutral action in the active state."
|
|
296
|
-
},
|
|
297
|
-
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_ACTIVE",
|
|
298
|
-
"attributes": {},
|
|
299
|
-
"path": [
|
|
300
|
-
"action",
|
|
301
|
-
"neutral",
|
|
302
|
-
"background",
|
|
303
|
-
"color",
|
|
304
|
-
"subtle",
|
|
305
|
-
"active"
|
|
306
|
-
]
|
|
307
|
-
}
|
|
308
|
-
},
|
|
309
|
-
"strong": {
|
|
310
|
-
"default": {
|
|
311
|
-
"value": "#737278",
|
|
312
|
-
"$type": "color",
|
|
313
|
-
"comment": "Used for the background of a solid, strong neutral action in the default state.",
|
|
314
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
315
|
-
"isSource": true,
|
|
316
|
-
"original": {
|
|
317
|
-
"value": {
|
|
318
|
-
"default": "{color.neutral.500}",
|
|
319
|
-
"dark": "{color.neutral.400}"
|
|
320
|
-
},
|
|
321
|
-
"$type": "color",
|
|
322
|
-
"comment": "Used for the background of a solid, strong neutral action in the default state."
|
|
323
|
-
},
|
|
324
|
-
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_DEFAULT",
|
|
325
|
-
"attributes": {},
|
|
326
|
-
"path": [
|
|
327
|
-
"action",
|
|
328
|
-
"neutral",
|
|
329
|
-
"background",
|
|
330
|
-
"color",
|
|
331
|
-
"strong",
|
|
332
|
-
"default"
|
|
333
|
-
]
|
|
334
|
-
},
|
|
335
|
-
"hover": {
|
|
336
|
-
"value": "#626168",
|
|
337
|
-
"$type": "color",
|
|
338
|
-
"comment": "Used for the background of a solid, strong neutral action in the hover state.",
|
|
339
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
340
|
-
"isSource": true,
|
|
341
|
-
"original": {
|
|
342
|
-
"value": {
|
|
343
|
-
"default": "{color.neutral.600}",
|
|
344
|
-
"dark": "{color.neutral.300}"
|
|
345
|
-
},
|
|
346
|
-
"$type": "color",
|
|
347
|
-
"comment": "Used for the background of a solid, strong neutral action in the hover state."
|
|
348
|
-
},
|
|
349
|
-
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_HOVER",
|
|
350
|
-
"attributes": {},
|
|
351
|
-
"path": [
|
|
352
|
-
"action",
|
|
353
|
-
"neutral",
|
|
354
|
-
"background",
|
|
355
|
-
"color",
|
|
356
|
-
"strong",
|
|
357
|
-
"hover"
|
|
358
|
-
]
|
|
359
|
-
},
|
|
360
|
-
"focus": {
|
|
361
|
-
"value": "#626168",
|
|
362
|
-
"$type": "color",
|
|
363
|
-
"comment": "Used for the background of a solid, strong neutral action in the focus state.",
|
|
364
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
365
|
-
"isSource": true,
|
|
366
|
-
"original": {
|
|
367
|
-
"value": {
|
|
368
|
-
"default": "{color.neutral.600}",
|
|
369
|
-
"dark": "{color.neutral.300}"
|
|
370
|
-
},
|
|
371
|
-
"$type": "color",
|
|
372
|
-
"comment": "Used for the background of a solid, strong neutral action in the focus state."
|
|
373
|
-
},
|
|
374
|
-
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_FOCUS",
|
|
375
|
-
"attributes": {},
|
|
376
|
-
"path": [
|
|
377
|
-
"action",
|
|
378
|
-
"neutral",
|
|
379
|
-
"background",
|
|
380
|
-
"color",
|
|
381
|
-
"strong",
|
|
382
|
-
"focus"
|
|
383
|
-
]
|
|
384
|
-
},
|
|
385
|
-
"active": {
|
|
386
|
-
"value": "#4c4b51",
|
|
387
|
-
"$type": "color",
|
|
388
|
-
"comment": "Used for the background of a solid, strong neutral action in the active state.",
|
|
389
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
390
|
-
"isSource": true,
|
|
391
|
-
"original": {
|
|
392
|
-
"value": {
|
|
393
|
-
"default": "{color.neutral.700}",
|
|
394
|
-
"dark": "{color.neutral.200}"
|
|
395
|
-
},
|
|
396
|
-
"$type": "color",
|
|
397
|
-
"comment": "Used for the background of a solid, strong neutral action in the active state."
|
|
398
|
-
},
|
|
399
|
-
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_ACTIVE",
|
|
400
|
-
"attributes": {},
|
|
401
|
-
"path": [
|
|
402
|
-
"action",
|
|
403
|
-
"neutral",
|
|
404
|
-
"background",
|
|
405
|
-
"color",
|
|
406
|
-
"strong",
|
|
407
|
-
"active"
|
|
408
|
-
]
|
|
409
|
-
}
|
|
410
169
|
}
|
|
411
170
|
}
|
|
412
171
|
},
|
|
413
|
-
"
|
|
414
|
-
"color": {
|
|
415
|
-
"default": {
|
|
416
|
-
"value": "#bfbfc3",
|
|
417
|
-
"$type": "color",
|
|
418
|
-
"comment": "Used for the border of an outlined neutral action in the default state.",
|
|
419
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
420
|
-
"isSource": true,
|
|
421
|
-
"original": {
|
|
422
|
-
"value": {
|
|
423
|
-
"default": "{color.neutral.200}",
|
|
424
|
-
"dark": "{color.neutral.700}"
|
|
425
|
-
},
|
|
426
|
-
"$type": "color",
|
|
427
|
-
"comment": "Used for the border of an outlined neutral action in the default state."
|
|
428
|
-
},
|
|
429
|
-
"name": "ACTION_NEUTRAL_BORDER_COLOR_DEFAULT",
|
|
430
|
-
"attributes": {},
|
|
431
|
-
"path": [
|
|
432
|
-
"action",
|
|
433
|
-
"neutral",
|
|
434
|
-
"border",
|
|
435
|
-
"color",
|
|
436
|
-
"default"
|
|
437
|
-
]
|
|
438
|
-
},
|
|
439
|
-
"hover": {
|
|
440
|
-
"value": "#89888d",
|
|
441
|
-
"$type": "color",
|
|
442
|
-
"comment": "Used for the border of an outlined neutral action in the hover state.",
|
|
443
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
444
|
-
"isSource": true,
|
|
445
|
-
"original": {
|
|
446
|
-
"value": {
|
|
447
|
-
"default": "{color.neutral.400}",
|
|
448
|
-
"dark": "{color.neutral.500}"
|
|
449
|
-
},
|
|
450
|
-
"$type": "color",
|
|
451
|
-
"comment": "Used for the border of an outlined neutral action in the hover state."
|
|
452
|
-
},
|
|
453
|
-
"name": "ACTION_NEUTRAL_BORDER_COLOR_HOVER",
|
|
454
|
-
"attributes": {},
|
|
455
|
-
"path": [
|
|
456
|
-
"action",
|
|
457
|
-
"neutral",
|
|
458
|
-
"border",
|
|
459
|
-
"color",
|
|
460
|
-
"hover"
|
|
461
|
-
]
|
|
462
|
-
},
|
|
463
|
-
"focus": {
|
|
464
|
-
"value": "#89888d",
|
|
465
|
-
"$type": "color",
|
|
466
|
-
"comment": "Used for the border of an outlined neutral action in the focus state.",
|
|
467
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
468
|
-
"isSource": true,
|
|
469
|
-
"original": {
|
|
470
|
-
"value": {
|
|
471
|
-
"default": "{color.neutral.400}",
|
|
472
|
-
"dark": "{color.neutral.500}"
|
|
473
|
-
},
|
|
474
|
-
"$type": "color",
|
|
475
|
-
"comment": "Used for the border of an outlined neutral action in the focus state."
|
|
476
|
-
},
|
|
477
|
-
"name": "ACTION_NEUTRAL_BORDER_COLOR_FOCUS",
|
|
478
|
-
"attributes": {},
|
|
479
|
-
"path": [
|
|
480
|
-
"action",
|
|
481
|
-
"neutral",
|
|
482
|
-
"border",
|
|
483
|
-
"color",
|
|
484
|
-
"focus"
|
|
485
|
-
]
|
|
486
|
-
},
|
|
487
|
-
"active": {
|
|
488
|
-
"value": "#626168",
|
|
489
|
-
"$type": "color",
|
|
490
|
-
"comment": "Used for the border of an outlined neutral action in the active state.",
|
|
491
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
492
|
-
"isSource": true,
|
|
493
|
-
"original": {
|
|
494
|
-
"value": {
|
|
495
|
-
"default": "{color.neutral.600}",
|
|
496
|
-
"dark": "{color.neutral.300}"
|
|
497
|
-
},
|
|
498
|
-
"$type": "color",
|
|
499
|
-
"comment": "Used for the border of an outlined neutral action in the active state."
|
|
500
|
-
},
|
|
501
|
-
"name": "ACTION_NEUTRAL_BORDER_COLOR_ACTIVE",
|
|
502
|
-
"attributes": {},
|
|
503
|
-
"path": [
|
|
504
|
-
"action",
|
|
505
|
-
"neutral",
|
|
506
|
-
"border",
|
|
507
|
-
"color",
|
|
508
|
-
"active"
|
|
509
|
-
]
|
|
510
|
-
},
|
|
511
|
-
"selected": {
|
|
512
|
-
"value": "#a4a3a8",
|
|
513
|
-
"$type": "color",
|
|
514
|
-
"comment": "Used for the border of a outlined neutral action when in a selected or current state.",
|
|
515
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
516
|
-
"isSource": true,
|
|
517
|
-
"original": {
|
|
518
|
-
"value": {
|
|
519
|
-
"default": "{color.neutral.300}",
|
|
520
|
-
"dark": "{color.neutral.700}"
|
|
521
|
-
},
|
|
522
|
-
"$type": "color",
|
|
523
|
-
"comment": "Used for the border of a outlined neutral action when in a selected or current state."
|
|
524
|
-
},
|
|
525
|
-
"name": "ACTION_NEUTRAL_BORDER_COLOR_SELECTED",
|
|
526
|
-
"attributes": {},
|
|
527
|
-
"path": [
|
|
528
|
-
"action",
|
|
529
|
-
"neutral",
|
|
530
|
-
"border",
|
|
531
|
-
"color",
|
|
532
|
-
"selected"
|
|
533
|
-
]
|
|
534
|
-
},
|
|
535
|
-
"strong": {
|
|
536
|
-
"default": {
|
|
537
|
-
"value": "#626168",
|
|
538
|
-
"$type": "color",
|
|
539
|
-
"comment": "Used for the border of a solid, strong neutral action in the default state.",
|
|
540
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
541
|
-
"isSource": true,
|
|
542
|
-
"original": {
|
|
543
|
-
"value": {
|
|
544
|
-
"default": "{color.neutral.600}",
|
|
545
|
-
"dark": "{color.neutral.300}"
|
|
546
|
-
},
|
|
547
|
-
"$type": "color",
|
|
548
|
-
"comment": "Used for the border of a solid, strong neutral action in the default state."
|
|
549
|
-
},
|
|
550
|
-
"name": "ACTION_NEUTRAL_BORDER_COLOR_STRONG_DEFAULT",
|
|
551
|
-
"attributes": {},
|
|
552
|
-
"path": [
|
|
553
|
-
"action",
|
|
554
|
-
"neutral",
|
|
555
|
-
"border",
|
|
556
|
-
"color",
|
|
557
|
-
"strong",
|
|
558
|
-
"default"
|
|
559
|
-
]
|
|
560
|
-
},
|
|
561
|
-
"hover": {
|
|
562
|
-
"value": "#3a383f",
|
|
563
|
-
"$type": "color",
|
|
564
|
-
"comment": "Used for the border of a solid, strong neutral action in the hover state.",
|
|
565
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
566
|
-
"isSource": true,
|
|
567
|
-
"original": {
|
|
568
|
-
"value": {
|
|
569
|
-
"default": "{color.neutral.800}",
|
|
570
|
-
"dark": "{color.neutral.100}"
|
|
571
|
-
},
|
|
572
|
-
"$type": "color",
|
|
573
|
-
"comment": "Used for the border of a solid, strong neutral action in the hover state."
|
|
574
|
-
},
|
|
575
|
-
"name": "ACTION_NEUTRAL_BORDER_COLOR_STRONG_HOVER",
|
|
576
|
-
"attributes": {},
|
|
577
|
-
"path": [
|
|
578
|
-
"action",
|
|
579
|
-
"neutral",
|
|
580
|
-
"border",
|
|
581
|
-
"color",
|
|
582
|
-
"strong",
|
|
583
|
-
"hover"
|
|
584
|
-
]
|
|
585
|
-
},
|
|
586
|
-
"focus": {
|
|
587
|
-
"value": "#3a383f",
|
|
588
|
-
"$type": "color",
|
|
589
|
-
"comment": "Used for the border of a solid, strong neutral action in the focus state.",
|
|
590
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
591
|
-
"isSource": true,
|
|
592
|
-
"original": {
|
|
593
|
-
"value": {
|
|
594
|
-
"default": "{color.neutral.800}",
|
|
595
|
-
"dark": "{color.neutral.100}"
|
|
596
|
-
},
|
|
597
|
-
"$type": "color",
|
|
598
|
-
"comment": "Used for the border of a solid, strong neutral action in the focus state."
|
|
599
|
-
},
|
|
600
|
-
"name": "ACTION_NEUTRAL_BORDER_COLOR_STRONG_FOCUS",
|
|
601
|
-
"attributes": {},
|
|
602
|
-
"path": [
|
|
603
|
-
"action",
|
|
604
|
-
"neutral",
|
|
605
|
-
"border",
|
|
606
|
-
"color",
|
|
607
|
-
"strong",
|
|
608
|
-
"focus"
|
|
609
|
-
]
|
|
610
|
-
},
|
|
611
|
-
"active": {
|
|
612
|
-
"value": "#28272d",
|
|
613
|
-
"$type": "color",
|
|
614
|
-
"comment": "Used for the border of a solid, strong neutral action in the active state.",
|
|
615
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
616
|
-
"isSource": true,
|
|
617
|
-
"original": {
|
|
618
|
-
"value": {
|
|
619
|
-
"default": "{color.neutral.900}",
|
|
620
|
-
"dark": "{color.neutral.50}"
|
|
621
|
-
},
|
|
622
|
-
"$type": "color",
|
|
623
|
-
"comment": "Used for the border of a solid, strong neutral action in the active state."
|
|
624
|
-
},
|
|
625
|
-
"name": "ACTION_NEUTRAL_BORDER_COLOR_STRONG_ACTIVE",
|
|
626
|
-
"attributes": {},
|
|
627
|
-
"path": [
|
|
628
|
-
"action",
|
|
629
|
-
"neutral",
|
|
630
|
-
"border",
|
|
631
|
-
"color",
|
|
632
|
-
"strong",
|
|
633
|
-
"active"
|
|
634
|
-
]
|
|
635
|
-
}
|
|
636
|
-
}
|
|
637
|
-
}
|
|
638
|
-
},
|
|
639
|
-
"text": {
|
|
640
|
-
"color": {
|
|
641
|
-
"default": {
|
|
642
|
-
"value": "#28272d",
|
|
643
|
-
"$type": "color",
|
|
644
|
-
"comment": "Used for the text of outlined and borderless neutral actions.",
|
|
645
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
646
|
-
"isSource": true,
|
|
647
|
-
"original": {
|
|
648
|
-
"value": {
|
|
649
|
-
"default": "{color.neutral.900}",
|
|
650
|
-
"dark": "{color.neutral.50}"
|
|
651
|
-
},
|
|
652
|
-
"$type": "color",
|
|
653
|
-
"comment": "Used for the text of outlined and borderless neutral actions."
|
|
654
|
-
},
|
|
655
|
-
"name": "ACTION_NEUTRAL_TEXT_COLOR_DEFAULT",
|
|
656
|
-
"attributes": {},
|
|
657
|
-
"path": [
|
|
658
|
-
"action",
|
|
659
|
-
"neutral",
|
|
660
|
-
"text",
|
|
661
|
-
"color",
|
|
662
|
-
"default"
|
|
663
|
-
]
|
|
664
|
-
},
|
|
665
|
-
"hover": {
|
|
666
|
-
"value": "#28272d",
|
|
667
|
-
"$type": "color",
|
|
668
|
-
"comment": "Used for the text of a neutral action in the hover state.",
|
|
669
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
670
|
-
"isSource": true,
|
|
671
|
-
"original": {
|
|
672
|
-
"value": {
|
|
673
|
-
"default": "{color.neutral.900}",
|
|
674
|
-
"dark": "{color.neutral.50}"
|
|
675
|
-
},
|
|
676
|
-
"$type": "color",
|
|
677
|
-
"comment": "Used for the text of a neutral action in the hover state."
|
|
678
|
-
},
|
|
679
|
-
"name": "ACTION_NEUTRAL_TEXT_COLOR_HOVER",
|
|
680
|
-
"attributes": {},
|
|
681
|
-
"path": [
|
|
682
|
-
"action",
|
|
683
|
-
"neutral",
|
|
684
|
-
"text",
|
|
685
|
-
"color",
|
|
686
|
-
"hover"
|
|
687
|
-
]
|
|
688
|
-
},
|
|
689
|
-
"focus": {
|
|
690
|
-
"value": "#28272d",
|
|
691
|
-
"$type": "color",
|
|
692
|
-
"comment": "Used for the text of a neutral action in the focus state.",
|
|
693
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
694
|
-
"isSource": true,
|
|
695
|
-
"original": {
|
|
696
|
-
"value": {
|
|
697
|
-
"default": "{color.neutral.900}",
|
|
698
|
-
"dark": "{color.neutral.50}"
|
|
699
|
-
},
|
|
700
|
-
"$type": "color",
|
|
701
|
-
"comment": "Used for the text of a neutral action in the focus state."
|
|
702
|
-
},
|
|
703
|
-
"name": "ACTION_NEUTRAL_TEXT_COLOR_FOCUS",
|
|
704
|
-
"attributes": {},
|
|
705
|
-
"path": [
|
|
706
|
-
"action",
|
|
707
|
-
"neutral",
|
|
708
|
-
"text",
|
|
709
|
-
"color",
|
|
710
|
-
"focus"
|
|
711
|
-
]
|
|
712
|
-
},
|
|
713
|
-
"active": {
|
|
714
|
-
"value": "#28272d",
|
|
715
|
-
"$type": "color",
|
|
716
|
-
"comment": "Used for the text of a neutral action in the active state.",
|
|
717
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
718
|
-
"isSource": true,
|
|
719
|
-
"original": {
|
|
720
|
-
"value": {
|
|
721
|
-
"default": "{color.neutral.900}",
|
|
722
|
-
"dark": "{color.neutral.50}"
|
|
723
|
-
},
|
|
724
|
-
"$type": "color",
|
|
725
|
-
"comment": "Used for the text of a neutral action in the active state."
|
|
726
|
-
},
|
|
727
|
-
"name": "ACTION_NEUTRAL_TEXT_COLOR_ACTIVE",
|
|
728
|
-
"attributes": {},
|
|
729
|
-
"path": [
|
|
730
|
-
"action",
|
|
731
|
-
"neutral",
|
|
732
|
-
"text",
|
|
733
|
-
"color",
|
|
734
|
-
"active"
|
|
735
|
-
]
|
|
736
|
-
},
|
|
737
|
-
"strong": {
|
|
738
|
-
"value": "#fff",
|
|
739
|
-
"$type": "color",
|
|
740
|
-
"comment": "Used for the text on a solid, strong neutral action background.",
|
|
741
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
742
|
-
"isSource": true,
|
|
743
|
-
"original": {
|
|
744
|
-
"value": {
|
|
745
|
-
"default": "{color.neutral.0}",
|
|
746
|
-
"dark": "{color.neutral.900}"
|
|
747
|
-
},
|
|
748
|
-
"$type": "color",
|
|
749
|
-
"comment": "Used for the text on a solid, strong neutral action background."
|
|
750
|
-
},
|
|
751
|
-
"name": "ACTION_NEUTRAL_TEXT_COLOR_STRONG",
|
|
752
|
-
"attributes": {},
|
|
753
|
-
"path": [
|
|
754
|
-
"action",
|
|
755
|
-
"neutral",
|
|
756
|
-
"text",
|
|
757
|
-
"color",
|
|
758
|
-
"strong"
|
|
759
|
-
]
|
|
760
|
-
}
|
|
761
|
-
}
|
|
762
|
-
},
|
|
763
|
-
"icon": {
|
|
764
|
-
"color": {
|
|
765
|
-
"default": {
|
|
766
|
-
"value": "#737278",
|
|
767
|
-
"$type": "color",
|
|
768
|
-
"comment": "Used for the icon of outlined and borderless neutral actions.",
|
|
769
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
770
|
-
"isSource": true,
|
|
771
|
-
"original": {
|
|
772
|
-
"value": {
|
|
773
|
-
"default": "{color.neutral.500}",
|
|
774
|
-
"dark": "{color.neutral.400}"
|
|
775
|
-
},
|
|
776
|
-
"$type": "color",
|
|
777
|
-
"comment": "Used for the icon of outlined and borderless neutral actions."
|
|
778
|
-
},
|
|
779
|
-
"name": "ACTION_NEUTRAL_ICON_COLOR_DEFAULT",
|
|
780
|
-
"attributes": {},
|
|
781
|
-
"path": [
|
|
782
|
-
"action",
|
|
783
|
-
"neutral",
|
|
784
|
-
"icon",
|
|
785
|
-
"color",
|
|
786
|
-
"default"
|
|
787
|
-
]
|
|
788
|
-
},
|
|
789
|
-
"hover": {
|
|
790
|
-
"value": "#4c4b51",
|
|
791
|
-
"$type": "color",
|
|
792
|
-
"comment": "Used for the icon of outlined and borderless neutral actions in the hover state.",
|
|
793
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
794
|
-
"isSource": true,
|
|
795
|
-
"original": {
|
|
796
|
-
"value": {
|
|
797
|
-
"default": "{color.neutral.700}",
|
|
798
|
-
"dark": "{color.neutral.200}"
|
|
799
|
-
},
|
|
800
|
-
"$type": "color",
|
|
801
|
-
"comment": "Used for the icon of outlined and borderless neutral actions in the hover state."
|
|
802
|
-
},
|
|
803
|
-
"name": "ACTION_NEUTRAL_ICON_COLOR_HOVER",
|
|
804
|
-
"attributes": {},
|
|
805
|
-
"path": [
|
|
806
|
-
"action",
|
|
807
|
-
"neutral",
|
|
808
|
-
"icon",
|
|
809
|
-
"color",
|
|
810
|
-
"hover"
|
|
811
|
-
]
|
|
812
|
-
},
|
|
813
|
-
"focus": {
|
|
814
|
-
"value": "#4c4b51",
|
|
815
|
-
"$type": "color",
|
|
816
|
-
"comment": "Used for the icon of outlined and borderless neutral actions in the focus state.",
|
|
817
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
818
|
-
"isSource": true,
|
|
819
|
-
"original": {
|
|
820
|
-
"value": {
|
|
821
|
-
"default": "{color.neutral.700}",
|
|
822
|
-
"dark": "{color.neutral.200}"
|
|
823
|
-
},
|
|
824
|
-
"$type": "color",
|
|
825
|
-
"comment": "Used for the icon of outlined and borderless neutral actions in the focus state."
|
|
826
|
-
},
|
|
827
|
-
"name": "ACTION_NEUTRAL_ICON_COLOR_FOCUS",
|
|
828
|
-
"attributes": {},
|
|
829
|
-
"path": [
|
|
830
|
-
"action",
|
|
831
|
-
"neutral",
|
|
832
|
-
"icon",
|
|
833
|
-
"color",
|
|
834
|
-
"focus"
|
|
835
|
-
]
|
|
836
|
-
},
|
|
837
|
-
"active": {
|
|
838
|
-
"value": "#28272d",
|
|
839
|
-
"$type": "color",
|
|
840
|
-
"comment": "Used for the icon of outlined and borderless neutral actions in the active state.",
|
|
841
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
842
|
-
"isSource": true,
|
|
843
|
-
"original": {
|
|
844
|
-
"value": {
|
|
845
|
-
"default": "{color.neutral.900}",
|
|
846
|
-
"dark": "{color.neutral.50}"
|
|
847
|
-
},
|
|
848
|
-
"$type": "color",
|
|
849
|
-
"comment": "Used for the icon of outlined and borderless neutral actions in the active state."
|
|
850
|
-
},
|
|
851
|
-
"name": "ACTION_NEUTRAL_ICON_COLOR_ACTIVE",
|
|
852
|
-
"attributes": {},
|
|
853
|
-
"path": [
|
|
854
|
-
"action",
|
|
855
|
-
"neutral",
|
|
856
|
-
"icon",
|
|
857
|
-
"color",
|
|
858
|
-
"active"
|
|
859
|
-
]
|
|
860
|
-
},
|
|
861
|
-
"strong": {
|
|
862
|
-
"value": "#fff",
|
|
863
|
-
"$type": "color",
|
|
864
|
-
"comment": "Used for the icon on a solid, strong neutral action background.",
|
|
865
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
866
|
-
"isSource": true,
|
|
867
|
-
"original": {
|
|
868
|
-
"value": {
|
|
869
|
-
"default": "{color.neutral.0}",
|
|
870
|
-
"dark": "{color.neutral.900}"
|
|
871
|
-
},
|
|
872
|
-
"$type": "color",
|
|
873
|
-
"comment": "Used for the icon on a solid, strong neutral action background."
|
|
874
|
-
},
|
|
875
|
-
"name": "ACTION_NEUTRAL_ICON_COLOR_STRONG",
|
|
876
|
-
"attributes": {},
|
|
877
|
-
"path": [
|
|
878
|
-
"action",
|
|
879
|
-
"neutral",
|
|
880
|
-
"icon",
|
|
881
|
-
"color",
|
|
882
|
-
"strong"
|
|
883
|
-
]
|
|
884
|
-
}
|
|
885
|
-
}
|
|
886
|
-
}
|
|
887
|
-
},
|
|
888
|
-
"confirm": {
|
|
889
|
-
"background": {
|
|
890
|
-
"color": {
|
|
891
|
-
"default": {
|
|
892
|
-
"value": "#fff",
|
|
893
|
-
"$type": "color",
|
|
894
|
-
"comment": "Used for the background of an outlined confirm (positive) action in the default state.",
|
|
895
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
896
|
-
"isSource": true,
|
|
897
|
-
"original": {
|
|
898
|
-
"value": {
|
|
899
|
-
"default": "{color.neutral.0}",
|
|
900
|
-
"dark": "{color.neutral.900}"
|
|
901
|
-
},
|
|
902
|
-
"$type": "color",
|
|
903
|
-
"comment": "Used for the background of an outlined confirm (positive) action in the default state."
|
|
904
|
-
},
|
|
905
|
-
"name": "ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT",
|
|
906
|
-
"attributes": {},
|
|
907
|
-
"path": [
|
|
908
|
-
"action",
|
|
909
|
-
"confirm",
|
|
910
|
-
"background",
|
|
911
|
-
"color",
|
|
912
|
-
"default"
|
|
913
|
-
]
|
|
914
|
-
},
|
|
915
|
-
"hover": {
|
|
916
|
-
"value": "#e9f3fc",
|
|
917
|
-
"$type": "color",
|
|
918
|
-
"comment": "Used for the background of an outlined confirm (positive) action in the hover state.",
|
|
919
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
920
|
-
"isSource": true,
|
|
921
|
-
"original": {
|
|
922
|
-
"value": {
|
|
923
|
-
"default": "{color.blue.50}",
|
|
924
|
-
"dark": "{color.blue.900}"
|
|
925
|
-
},
|
|
926
|
-
"$type": "color",
|
|
927
|
-
"comment": "Used for the background of an outlined confirm (positive) action in the hover state."
|
|
928
|
-
},
|
|
929
|
-
"name": "ACTION_CONFIRM_BACKGROUND_COLOR_HOVER",
|
|
930
|
-
"attributes": {},
|
|
931
|
-
"path": [
|
|
932
|
-
"action",
|
|
933
|
-
"confirm",
|
|
934
|
-
"background",
|
|
935
|
-
"color",
|
|
936
|
-
"hover"
|
|
937
|
-
]
|
|
938
|
-
},
|
|
939
|
-
"focus": {
|
|
940
|
-
"value": "#e9f3fc",
|
|
941
|
-
"$type": "color",
|
|
942
|
-
"comment": "Used for the background of an outlined confirm (positive) action in the focus state.",
|
|
943
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
944
|
-
"isSource": true,
|
|
945
|
-
"original": {
|
|
946
|
-
"value": {
|
|
947
|
-
"default": "{color.blue.50}",
|
|
948
|
-
"dark": "{color.blue.900}"
|
|
949
|
-
},
|
|
950
|
-
"$type": "color",
|
|
951
|
-
"comment": "Used for the background of an outlined confirm (positive) action in the focus state."
|
|
952
|
-
},
|
|
953
|
-
"name": "ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS",
|
|
954
|
-
"attributes": {},
|
|
955
|
-
"path": [
|
|
956
|
-
"action",
|
|
957
|
-
"confirm",
|
|
958
|
-
"background",
|
|
959
|
-
"color",
|
|
960
|
-
"focus"
|
|
961
|
-
]
|
|
962
|
-
},
|
|
963
|
-
"active": {
|
|
964
|
-
"value": "#cbe2f9",
|
|
965
|
-
"$type": "color",
|
|
966
|
-
"comment": "Used for the background of an outlined confirm (positive) action in the active state.",
|
|
967
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
968
|
-
"isSource": true,
|
|
969
|
-
"original": {
|
|
970
|
-
"value": {
|
|
971
|
-
"default": "{color.blue.100}",
|
|
972
|
-
"dark": "{color.blue.800}"
|
|
973
|
-
},
|
|
974
|
-
"$type": "color",
|
|
975
|
-
"comment": "Used for the background of an outlined confirm (positive) action in the active state."
|
|
976
|
-
},
|
|
977
|
-
"name": "ACTION_CONFIRM_BACKGROUND_COLOR_ACTIVE",
|
|
978
|
-
"attributes": {},
|
|
979
|
-
"path": [
|
|
980
|
-
"action",
|
|
981
|
-
"confirm",
|
|
982
|
-
"background",
|
|
983
|
-
"color",
|
|
984
|
-
"active"
|
|
985
|
-
]
|
|
986
|
-
},
|
|
987
|
-
"subtle": {
|
|
988
|
-
"default": {
|
|
989
|
-
"value": "transparent",
|
|
990
|
-
"$type": "color",
|
|
991
|
-
"comment": "Used for the background of a borderless, subtle confirm (positive) action in the default state.",
|
|
992
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
993
|
-
"isSource": true,
|
|
994
|
-
"original": {
|
|
995
|
-
"value": "{color.alpha.0}",
|
|
996
|
-
"$type": "color",
|
|
997
|
-
"comment": "Used for the background of a borderless, subtle confirm (positive) action in the default state."
|
|
998
|
-
},
|
|
999
|
-
"name": "ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_DEFAULT",
|
|
1000
|
-
"attributes": {},
|
|
1001
|
-
"path": [
|
|
1002
|
-
"action",
|
|
1003
|
-
"confirm",
|
|
1004
|
-
"background",
|
|
1005
|
-
"color",
|
|
1006
|
-
"subtle",
|
|
1007
|
-
"default"
|
|
1008
|
-
]
|
|
1009
|
-
},
|
|
1010
|
-
"hover": {
|
|
1011
|
-
"value": "#e9f3fc",
|
|
1012
|
-
"$type": "color",
|
|
1013
|
-
"comment": "Used for the background of a borderless, subtle confirm (positive) action in the hover state.",
|
|
1014
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1015
|
-
"isSource": true,
|
|
1016
|
-
"original": {
|
|
1017
|
-
"value": {
|
|
1018
|
-
"default": "{color.blue.50}",
|
|
1019
|
-
"dark": "{color.blue.900}"
|
|
1020
|
-
},
|
|
1021
|
-
"$type": "color",
|
|
1022
|
-
"comment": "Used for the background of a borderless, subtle confirm (positive) action in the hover state."
|
|
1023
|
-
},
|
|
1024
|
-
"name": "ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_HOVER",
|
|
1025
|
-
"attributes": {},
|
|
1026
|
-
"path": [
|
|
1027
|
-
"action",
|
|
1028
|
-
"confirm",
|
|
1029
|
-
"background",
|
|
1030
|
-
"color",
|
|
1031
|
-
"subtle",
|
|
1032
|
-
"hover"
|
|
1033
|
-
]
|
|
1034
|
-
},
|
|
1035
|
-
"focus": {
|
|
1036
|
-
"value": "#e9f3fc",
|
|
1037
|
-
"$type": "color",
|
|
1038
|
-
"comment": "Used for the background of a borderless, subtle confirm (positive) action in the focus state.",
|
|
1039
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1040
|
-
"isSource": true,
|
|
1041
|
-
"original": {
|
|
1042
|
-
"value": {
|
|
1043
|
-
"default": "{color.blue.50}",
|
|
1044
|
-
"dark": "{color.blue.900}"
|
|
1045
|
-
},
|
|
1046
|
-
"$type": "color",
|
|
1047
|
-
"comment": "Used for the background of a borderless, subtle confirm (positive) action in the focus state."
|
|
1048
|
-
},
|
|
1049
|
-
"name": "ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_FOCUS",
|
|
1050
|
-
"attributes": {},
|
|
1051
|
-
"path": [
|
|
1052
|
-
"action",
|
|
1053
|
-
"confirm",
|
|
1054
|
-
"background",
|
|
1055
|
-
"color",
|
|
1056
|
-
"subtle",
|
|
1057
|
-
"focus"
|
|
1058
|
-
]
|
|
1059
|
-
},
|
|
1060
|
-
"active": {
|
|
1061
|
-
"value": "#cbe2f9",
|
|
1062
|
-
"$type": "color",
|
|
1063
|
-
"comment": "Used for the background of a borderless, subtle confirm (positive) action in the active state.",
|
|
1064
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1065
|
-
"isSource": true,
|
|
1066
|
-
"original": {
|
|
1067
|
-
"value": {
|
|
1068
|
-
"default": "{color.blue.100}",
|
|
1069
|
-
"dark": "{color.blue.800}"
|
|
1070
|
-
},
|
|
1071
|
-
"$type": "color",
|
|
1072
|
-
"comment": "Used for the background of a borderless, subtle confirm (positive) action in the active state."
|
|
1073
|
-
},
|
|
1074
|
-
"name": "ACTION_CONFIRM_BACKGROUND_COLOR_SUBTLE_ACTIVE",
|
|
1075
|
-
"attributes": {},
|
|
1076
|
-
"path": [
|
|
1077
|
-
"action",
|
|
1078
|
-
"confirm",
|
|
1079
|
-
"background",
|
|
1080
|
-
"color",
|
|
1081
|
-
"subtle",
|
|
1082
|
-
"active"
|
|
1083
|
-
]
|
|
1084
|
-
}
|
|
1085
|
-
},
|
|
1086
|
-
"strong": {
|
|
1087
|
-
"default": {
|
|
1088
|
-
"value": "#1f75cb",
|
|
1089
|
-
"$type": "color",
|
|
1090
|
-
"comment": "Used for the background of a solid, strong confirm (positive) action in the default state.",
|
|
1091
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1092
|
-
"isSource": true,
|
|
1093
|
-
"original": {
|
|
1094
|
-
"value": {
|
|
1095
|
-
"default": "{color.blue.500}",
|
|
1096
|
-
"dark": "{color.blue.400}"
|
|
1097
|
-
},
|
|
1098
|
-
"$type": "color",
|
|
1099
|
-
"comment": "Used for the background of a solid, strong confirm (positive) action in the default state."
|
|
1100
|
-
},
|
|
1101
|
-
"name": "ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_DEFAULT",
|
|
1102
|
-
"attributes": {},
|
|
1103
|
-
"path": [
|
|
1104
|
-
"action",
|
|
1105
|
-
"confirm",
|
|
1106
|
-
"background",
|
|
1107
|
-
"color",
|
|
1108
|
-
"strong",
|
|
1109
|
-
"default"
|
|
1110
|
-
]
|
|
1111
|
-
},
|
|
1112
|
-
"hover": {
|
|
1113
|
-
"value": "#1068bf",
|
|
1114
|
-
"$type": "color",
|
|
1115
|
-
"comment": "Used for the background of a solid, strong confirm (positive) action in the hover state.",
|
|
1116
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1117
|
-
"isSource": true,
|
|
1118
|
-
"original": {
|
|
1119
|
-
"value": {
|
|
1120
|
-
"default": "{color.blue.600}",
|
|
1121
|
-
"dark": "{color.blue.300}"
|
|
1122
|
-
},
|
|
1123
|
-
"$type": "color",
|
|
1124
|
-
"comment": "Used for the background of a solid, strong confirm (positive) action in the hover state."
|
|
1125
|
-
},
|
|
1126
|
-
"name": "ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_HOVER",
|
|
1127
|
-
"attributes": {},
|
|
1128
|
-
"path": [
|
|
1129
|
-
"action",
|
|
1130
|
-
"confirm",
|
|
1131
|
-
"background",
|
|
1132
|
-
"color",
|
|
1133
|
-
"strong",
|
|
1134
|
-
"hover"
|
|
1135
|
-
]
|
|
1136
|
-
},
|
|
1137
|
-
"focus": {
|
|
1138
|
-
"value": "#1068bf",
|
|
1139
|
-
"$type": "color",
|
|
1140
|
-
"comment": "Used for the background of a solid, strong confirm (positive) action in the focus state.",
|
|
1141
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1142
|
-
"isSource": true,
|
|
1143
|
-
"original": {
|
|
1144
|
-
"value": {
|
|
1145
|
-
"default": "{color.blue.600}",
|
|
1146
|
-
"dark": "{color.blue.300}"
|
|
1147
|
-
},
|
|
1148
|
-
"$type": "color",
|
|
1149
|
-
"comment": "Used for the background of a solid, strong confirm (positive) action in the focus state."
|
|
1150
|
-
},
|
|
1151
|
-
"name": "ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_FOCUS",
|
|
1152
|
-
"attributes": {},
|
|
1153
|
-
"path": [
|
|
1154
|
-
"action",
|
|
1155
|
-
"confirm",
|
|
1156
|
-
"background",
|
|
1157
|
-
"color",
|
|
1158
|
-
"strong",
|
|
1159
|
-
"focus"
|
|
1160
|
-
]
|
|
1161
|
-
},
|
|
1162
|
-
"active": {
|
|
1163
|
-
"value": "#0b5cad",
|
|
1164
|
-
"$type": "color",
|
|
1165
|
-
"comment": "Used for the background of a solid, strong confirm (positive) action in the active state.",
|
|
1166
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1167
|
-
"isSource": true,
|
|
1168
|
-
"original": {
|
|
1169
|
-
"value": {
|
|
1170
|
-
"default": "{color.blue.700}",
|
|
1171
|
-
"dark": "{color.blue.200}"
|
|
1172
|
-
},
|
|
1173
|
-
"$type": "color",
|
|
1174
|
-
"comment": "Used for the background of a solid, strong confirm (positive) action in the active state."
|
|
1175
|
-
},
|
|
1176
|
-
"name": "ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_ACTIVE",
|
|
1177
|
-
"attributes": {},
|
|
1178
|
-
"path": [
|
|
1179
|
-
"action",
|
|
1180
|
-
"confirm",
|
|
1181
|
-
"background",
|
|
1182
|
-
"color",
|
|
1183
|
-
"strong",
|
|
1184
|
-
"active"
|
|
1185
|
-
]
|
|
1186
|
-
},
|
|
1187
|
-
"selected": {
|
|
1188
|
-
"value": "#1f75cb",
|
|
1189
|
-
"$type": "color",
|
|
1190
|
-
"comment": "Used for the background of a solid, strong confirm (positive) action when in a selected or current state.",
|
|
1191
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1192
|
-
"isSource": true,
|
|
1193
|
-
"original": {
|
|
1194
|
-
"value": {
|
|
1195
|
-
"default": "{color.blue.500}",
|
|
1196
|
-
"dark": "{color.blue.400}"
|
|
1197
|
-
},
|
|
1198
|
-
"$type": "color",
|
|
1199
|
-
"comment": "Used for the background of a solid, strong confirm (positive) action when in a selected or current state."
|
|
1200
|
-
},
|
|
1201
|
-
"name": "ACTION_CONFIRM_BACKGROUND_COLOR_STRONG_SELECTED",
|
|
1202
|
-
"attributes": {},
|
|
1203
|
-
"path": [
|
|
1204
|
-
"action",
|
|
1205
|
-
"confirm",
|
|
1206
|
-
"background",
|
|
1207
|
-
"color",
|
|
1208
|
-
"strong",
|
|
1209
|
-
"selected"
|
|
1210
|
-
]
|
|
1211
|
-
}
|
|
1212
|
-
}
|
|
1213
|
-
}
|
|
1214
|
-
},
|
|
1215
|
-
"border": {
|
|
1216
|
-
"color": {
|
|
1217
|
-
"default": {
|
|
1218
|
-
"value": "#1f75cb",
|
|
1219
|
-
"$type": "color",
|
|
1220
|
-
"comment": "Used for the border of an outlined confirm (positive) action in the default state.",
|
|
1221
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1222
|
-
"isSource": true,
|
|
1223
|
-
"original": {
|
|
1224
|
-
"value": {
|
|
1225
|
-
"default": "{color.blue.500}",
|
|
1226
|
-
"dark": "{color.blue.400}"
|
|
1227
|
-
},
|
|
1228
|
-
"$type": "color",
|
|
1229
|
-
"comment": "Used for the border of an outlined confirm (positive) action in the default state."
|
|
1230
|
-
},
|
|
1231
|
-
"name": "ACTION_CONFIRM_BORDER_COLOR_DEFAULT",
|
|
1232
|
-
"attributes": {},
|
|
1233
|
-
"path": [
|
|
1234
|
-
"action",
|
|
1235
|
-
"confirm",
|
|
1236
|
-
"border",
|
|
1237
|
-
"color",
|
|
1238
|
-
"default"
|
|
1239
|
-
]
|
|
1240
|
-
},
|
|
1241
|
-
"hover": {
|
|
1242
|
-
"value": "#0b5cad",
|
|
1243
|
-
"$type": "color",
|
|
1244
|
-
"comment": "Used for the border of an outlined confirm (positive) action in the hover state.",
|
|
1245
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1246
|
-
"isSource": true,
|
|
1247
|
-
"original": {
|
|
1248
|
-
"value": {
|
|
1249
|
-
"default": "{color.blue.700}",
|
|
1250
|
-
"dark": "{color.blue.200}"
|
|
1251
|
-
},
|
|
1252
|
-
"$type": "color",
|
|
1253
|
-
"comment": "Used for the border of an outlined confirm (positive) action in the hover state."
|
|
1254
|
-
},
|
|
1255
|
-
"name": "ACTION_CONFIRM_BORDER_COLOR_HOVER",
|
|
1256
|
-
"attributes": {},
|
|
1257
|
-
"path": [
|
|
1258
|
-
"action",
|
|
1259
|
-
"confirm",
|
|
1260
|
-
"border",
|
|
1261
|
-
"color",
|
|
1262
|
-
"hover"
|
|
1263
|
-
]
|
|
1264
|
-
},
|
|
1265
|
-
"focus": {
|
|
1266
|
-
"value": "#0b5cad",
|
|
1267
|
-
"$type": "color",
|
|
1268
|
-
"comment": "Used for the border of an outlined confirm (positive) action in the focus state.",
|
|
1269
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1270
|
-
"isSource": true,
|
|
1271
|
-
"original": {
|
|
1272
|
-
"value": {
|
|
1273
|
-
"default": "{color.blue.700}",
|
|
1274
|
-
"dark": "{color.blue.200}"
|
|
1275
|
-
},
|
|
1276
|
-
"$type": "color",
|
|
1277
|
-
"comment": "Used for the border of an outlined confirm (positive) action in the focus state."
|
|
1278
|
-
},
|
|
1279
|
-
"name": "ACTION_CONFIRM_BORDER_COLOR_FOCUS",
|
|
1280
|
-
"attributes": {},
|
|
1281
|
-
"path": [
|
|
1282
|
-
"action",
|
|
1283
|
-
"confirm",
|
|
1284
|
-
"border",
|
|
1285
|
-
"color",
|
|
1286
|
-
"focus"
|
|
1287
|
-
]
|
|
1288
|
-
},
|
|
1289
|
-
"active": {
|
|
1290
|
-
"value": "#033464",
|
|
1291
|
-
"$type": "color",
|
|
1292
|
-
"comment": "Used for the border of an outlined confirm (positive) action in the active state.",
|
|
1293
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1294
|
-
"isSource": true,
|
|
1295
|
-
"original": {
|
|
1296
|
-
"value": {
|
|
1297
|
-
"default": "{color.blue.900}",
|
|
1298
|
-
"dark": "{color.blue.50}"
|
|
1299
|
-
},
|
|
1300
|
-
"$type": "color",
|
|
1301
|
-
"comment": "Used for the border of an outlined confirm (positive) action in the active state."
|
|
1302
|
-
},
|
|
1303
|
-
"name": "ACTION_CONFIRM_BORDER_COLOR_ACTIVE",
|
|
1304
|
-
"attributes": {},
|
|
1305
|
-
"path": [
|
|
1306
|
-
"action",
|
|
1307
|
-
"confirm",
|
|
1308
|
-
"border",
|
|
1309
|
-
"color",
|
|
1310
|
-
"active"
|
|
1311
|
-
]
|
|
1312
|
-
},
|
|
1313
|
-
"strong": {
|
|
1314
|
-
"default": {
|
|
1315
|
-
"value": "#1068bf",
|
|
1316
|
-
"$type": "color",
|
|
1317
|
-
"comment": "Used for the border of a solid, strong confirm (positive) action in the default state.",
|
|
1318
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1319
|
-
"isSource": true,
|
|
1320
|
-
"original": {
|
|
1321
|
-
"value": {
|
|
1322
|
-
"default": "{color.blue.600}",
|
|
1323
|
-
"dark": "{color.blue.300}"
|
|
1324
|
-
},
|
|
1325
|
-
"$type": "color",
|
|
1326
|
-
"comment": "Used for the border of a solid, strong confirm (positive) action in the default state."
|
|
1327
|
-
},
|
|
1328
|
-
"name": "ACTION_CONFIRM_BORDER_COLOR_STRONG_DEFAULT",
|
|
1329
|
-
"attributes": {},
|
|
1330
|
-
"path": [
|
|
1331
|
-
"action",
|
|
1332
|
-
"confirm",
|
|
1333
|
-
"border",
|
|
1334
|
-
"color",
|
|
1335
|
-
"strong",
|
|
1336
|
-
"default"
|
|
1337
|
-
]
|
|
1338
|
-
},
|
|
1339
|
-
"hover": {
|
|
1340
|
-
"value": "#064787",
|
|
1341
|
-
"$type": "color",
|
|
1342
|
-
"comment": "Used for the border of a solid, strong confirm (positive) action in the hover state.",
|
|
1343
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1344
|
-
"isSource": true,
|
|
1345
|
-
"original": {
|
|
1346
|
-
"value": {
|
|
1347
|
-
"default": "{color.blue.800}",
|
|
1348
|
-
"dark": "{color.blue.100}"
|
|
1349
|
-
},
|
|
1350
|
-
"$type": "color",
|
|
1351
|
-
"comment": "Used for the border of a solid, strong confirm (positive) action in the hover state."
|
|
1352
|
-
},
|
|
1353
|
-
"name": "ACTION_CONFIRM_BORDER_COLOR_STRONG_HOVER",
|
|
1354
|
-
"attributes": {},
|
|
1355
|
-
"path": [
|
|
1356
|
-
"action",
|
|
1357
|
-
"confirm",
|
|
1358
|
-
"border",
|
|
1359
|
-
"color",
|
|
1360
|
-
"strong",
|
|
1361
|
-
"hover"
|
|
1362
|
-
]
|
|
1363
|
-
},
|
|
1364
|
-
"focus": {
|
|
1365
|
-
"value": "#064787",
|
|
1366
|
-
"$type": "color",
|
|
1367
|
-
"comment": "Used for the border of a solid, strong confirm (positive) action in the focus state.",
|
|
1368
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1369
|
-
"isSource": true,
|
|
1370
|
-
"original": {
|
|
1371
|
-
"value": {
|
|
1372
|
-
"default": "{color.blue.800}",
|
|
1373
|
-
"dark": "{color.blue.100}"
|
|
1374
|
-
},
|
|
1375
|
-
"$type": "color",
|
|
1376
|
-
"comment": "Used for the border of a solid, strong confirm (positive) action in the focus state."
|
|
1377
|
-
},
|
|
1378
|
-
"name": "ACTION_CONFIRM_BORDER_COLOR_STRONG_FOCUS",
|
|
1379
|
-
"attributes": {},
|
|
1380
|
-
"path": [
|
|
1381
|
-
"action",
|
|
1382
|
-
"confirm",
|
|
1383
|
-
"border",
|
|
1384
|
-
"color",
|
|
1385
|
-
"strong",
|
|
1386
|
-
"focus"
|
|
1387
|
-
]
|
|
1388
|
-
},
|
|
1389
|
-
"active": {
|
|
1390
|
-
"value": "#033464",
|
|
1391
|
-
"$type": "color",
|
|
1392
|
-
"comment": "Used for the border of a solid, strong confirm (positive) action in the active state.",
|
|
1393
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1394
|
-
"isSource": true,
|
|
1395
|
-
"original": {
|
|
1396
|
-
"value": {
|
|
1397
|
-
"default": "{color.blue.900}",
|
|
1398
|
-
"dark": "{color.blue.50}"
|
|
1399
|
-
},
|
|
1400
|
-
"$type": "color",
|
|
1401
|
-
"comment": "Used for the border of a solid, strong confirm (positive) action in the active state."
|
|
1402
|
-
},
|
|
1403
|
-
"name": "ACTION_CONFIRM_BORDER_COLOR_STRONG_ACTIVE",
|
|
1404
|
-
"attributes": {},
|
|
1405
|
-
"path": [
|
|
1406
|
-
"action",
|
|
1407
|
-
"confirm",
|
|
1408
|
-
"border",
|
|
1409
|
-
"color",
|
|
1410
|
-
"strong",
|
|
1411
|
-
"active"
|
|
1412
|
-
]
|
|
1413
|
-
},
|
|
1414
|
-
"selected": {
|
|
1415
|
-
"value": "#1068bf",
|
|
1416
|
-
"$type": "color",
|
|
1417
|
-
"comment": "Used for the border of a solid, strong confirm (positive) action when in a selected or current state.",
|
|
1418
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1419
|
-
"isSource": true,
|
|
1420
|
-
"original": {
|
|
1421
|
-
"value": {
|
|
1422
|
-
"default": "{color.blue.600}",
|
|
1423
|
-
"dark": "{color.blue.300}"
|
|
1424
|
-
},
|
|
1425
|
-
"$type": "color",
|
|
1426
|
-
"comment": "Used for the border of a solid, strong confirm (positive) action when in a selected or current state."
|
|
1427
|
-
},
|
|
1428
|
-
"name": "ACTION_CONFIRM_BORDER_COLOR_STRONG_SELECTED",
|
|
1429
|
-
"attributes": {},
|
|
1430
|
-
"path": [
|
|
1431
|
-
"action",
|
|
1432
|
-
"confirm",
|
|
1433
|
-
"border",
|
|
1434
|
-
"color",
|
|
1435
|
-
"strong",
|
|
1436
|
-
"selected"
|
|
1437
|
-
]
|
|
1438
|
-
}
|
|
1439
|
-
}
|
|
1440
|
-
}
|
|
1441
|
-
},
|
|
1442
|
-
"text": {
|
|
172
|
+
"background": {
|
|
1443
173
|
"color": {
|
|
1444
174
|
"default": {
|
|
1445
|
-
"value": "
|
|
175
|
+
"value": "rgba(164, 163, 168, 0.0)",
|
|
1446
176
|
"$type": "color",
|
|
1447
|
-
"comment": "Used for the
|
|
177
|
+
"comment": "Used for the background of a neutral action in the default state.",
|
|
1448
178
|
"filePath": "src/tokens/action.tokens.json",
|
|
1449
179
|
"isSource": true,
|
|
1450
180
|
"original": {
|
|
1451
181
|
"value": {
|
|
1452
|
-
"default": "
|
|
1453
|
-
"dark": "
|
|
182
|
+
"default": "rgba(164, 163, 168, 0.0)",
|
|
183
|
+
"dark": "rgba(137, 136, 141, 0.0)"
|
|
1454
184
|
},
|
|
1455
185
|
"$type": "color",
|
|
1456
|
-
"comment": "Used for the
|
|
186
|
+
"comment": "Used for the background of a neutral action in the default state."
|
|
1457
187
|
},
|
|
1458
|
-
"name": "
|
|
188
|
+
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT",
|
|
1459
189
|
"attributes": {},
|
|
1460
190
|
"path": [
|
|
1461
191
|
"action",
|
|
1462
|
-
"
|
|
1463
|
-
"
|
|
192
|
+
"neutral",
|
|
193
|
+
"background",
|
|
1464
194
|
"color",
|
|
1465
195
|
"default"
|
|
1466
196
|
]
|
|
1467
197
|
},
|
|
1468
198
|
"hover": {
|
|
1469
|
-
"value": "
|
|
199
|
+
"value": "rgba(164, 163, 168, 0.16)",
|
|
1470
200
|
"$type": "color",
|
|
1471
|
-
"comment": "Used for the
|
|
201
|
+
"comment": "Used for the background of a neutral action in the hover state.",
|
|
1472
202
|
"filePath": "src/tokens/action.tokens.json",
|
|
1473
203
|
"isSource": true,
|
|
1474
204
|
"original": {
|
|
1475
205
|
"value": {
|
|
1476
|
-
"default": "
|
|
1477
|
-
"dark": "
|
|
206
|
+
"default": "rgba(164, 163, 168, 0.16)",
|
|
207
|
+
"dark": "rgba(137, 136, 141, 0.4)"
|
|
1478
208
|
},
|
|
1479
209
|
"$type": "color",
|
|
1480
|
-
"comment": "Used for the
|
|
210
|
+
"comment": "Used for the background of a neutral action in the hover state."
|
|
1481
211
|
},
|
|
1482
|
-
"name": "
|
|
212
|
+
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER",
|
|
1483
213
|
"attributes": {},
|
|
1484
214
|
"path": [
|
|
1485
215
|
"action",
|
|
1486
|
-
"
|
|
1487
|
-
"
|
|
216
|
+
"neutral",
|
|
217
|
+
"background",
|
|
1488
218
|
"color",
|
|
1489
219
|
"hover"
|
|
1490
220
|
]
|
|
1491
221
|
},
|
|
1492
222
|
"focus": {
|
|
1493
|
-
"value": "
|
|
223
|
+
"value": "rgba(164, 163, 168, 0.16)",
|
|
1494
224
|
"$type": "color",
|
|
1495
|
-
"comment": "Used for the
|
|
225
|
+
"comment": "Used for the background of a neutral action in the focus state.",
|
|
1496
226
|
"filePath": "src/tokens/action.tokens.json",
|
|
1497
227
|
"isSource": true,
|
|
1498
228
|
"original": {
|
|
1499
|
-
"value": {
|
|
1500
|
-
"default": "{color.blue.700}",
|
|
1501
|
-
"dark": "{color.blue.200}"
|
|
1502
|
-
},
|
|
229
|
+
"value": "{action.neutral.background.color.hover}",
|
|
1503
230
|
"$type": "color",
|
|
1504
|
-
"comment": "Used for the
|
|
231
|
+
"comment": "Used for the background of a neutral action in the focus state."
|
|
1505
232
|
},
|
|
1506
|
-
"name": "
|
|
233
|
+
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS",
|
|
1507
234
|
"attributes": {},
|
|
1508
235
|
"path": [
|
|
1509
236
|
"action",
|
|
1510
|
-
"
|
|
1511
|
-
"
|
|
237
|
+
"neutral",
|
|
238
|
+
"background",
|
|
1512
239
|
"color",
|
|
1513
240
|
"focus"
|
|
1514
241
|
]
|
|
1515
242
|
},
|
|
1516
243
|
"active": {
|
|
1517
|
-
"value": "
|
|
244
|
+
"value": "rgba(83, 81, 88, 0.24)",
|
|
1518
245
|
"$type": "color",
|
|
1519
|
-
"comment": "Used for the
|
|
246
|
+
"comment": "Used for the background of a neutral action in the active state.",
|
|
1520
247
|
"filePath": "src/tokens/action.tokens.json",
|
|
1521
248
|
"isSource": true,
|
|
1522
249
|
"original": {
|
|
1523
250
|
"value": {
|
|
1524
|
-
"default": "
|
|
1525
|
-
"dark": "
|
|
251
|
+
"default": "rgba(83, 81, 88, 0.24)",
|
|
252
|
+
"dark": "rgba(137, 136, 141, 0.16)"
|
|
1526
253
|
},
|
|
1527
254
|
"$type": "color",
|
|
1528
|
-
"comment": "Used for the
|
|
255
|
+
"comment": "Used for the background of a neutral action in the active state."
|
|
1529
256
|
},
|
|
1530
|
-
"name": "
|
|
257
|
+
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_ACTIVE",
|
|
1531
258
|
"attributes": {},
|
|
1532
259
|
"path": [
|
|
1533
260
|
"action",
|
|
1534
|
-
"
|
|
1535
|
-
"
|
|
261
|
+
"neutral",
|
|
262
|
+
"background",
|
|
1536
263
|
"color",
|
|
1537
264
|
"active"
|
|
1538
265
|
]
|
|
266
|
+
}
|
|
267
|
+
}
|
|
268
|
+
},
|
|
269
|
+
"border": {
|
|
270
|
+
"color": {
|
|
271
|
+
"default": {
|
|
272
|
+
"value": "transparent",
|
|
273
|
+
"$type": "color",
|
|
274
|
+
"comment": "Used for the border of a neutral action in the default state.",
|
|
275
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
276
|
+
"isSource": true,
|
|
277
|
+
"original": {
|
|
278
|
+
"value": "{color.alpha.0}",
|
|
279
|
+
"$type": "color",
|
|
280
|
+
"comment": "Used for the border of a neutral action in the default state."
|
|
281
|
+
},
|
|
282
|
+
"name": "ACTION_NEUTRAL_BORDER_COLOR_DEFAULT",
|
|
283
|
+
"attributes": {},
|
|
284
|
+
"path": [
|
|
285
|
+
"action",
|
|
286
|
+
"neutral",
|
|
287
|
+
"border",
|
|
288
|
+
"color",
|
|
289
|
+
"default"
|
|
290
|
+
]
|
|
1539
291
|
},
|
|
1540
|
-
"
|
|
1541
|
-
"value": "
|
|
292
|
+
"hover": {
|
|
293
|
+
"value": "transparent",
|
|
1542
294
|
"$type": "color",
|
|
1543
|
-
"comment": "Used for the
|
|
295
|
+
"comment": "Used for the border of a neutral action in the hover state.",
|
|
1544
296
|
"filePath": "src/tokens/action.tokens.json",
|
|
1545
297
|
"isSource": true,
|
|
1546
298
|
"original": {
|
|
1547
|
-
"value": {
|
|
1548
|
-
"default": "{color.neutral.0}",
|
|
1549
|
-
"dark": "{color.neutral.900}"
|
|
1550
|
-
},
|
|
299
|
+
"value": "{action.neutral.border.color.default}",
|
|
1551
300
|
"$type": "color",
|
|
1552
|
-
"comment": "Used for the
|
|
301
|
+
"comment": "Used for the border of a neutral action in the hover state."
|
|
1553
302
|
},
|
|
1554
|
-
"name": "
|
|
303
|
+
"name": "ACTION_NEUTRAL_BORDER_COLOR_HOVER",
|
|
1555
304
|
"attributes": {},
|
|
1556
305
|
"path": [
|
|
1557
306
|
"action",
|
|
1558
|
-
"
|
|
1559
|
-
"
|
|
307
|
+
"neutral",
|
|
308
|
+
"border",
|
|
309
|
+
"color",
|
|
310
|
+
"hover"
|
|
311
|
+
]
|
|
312
|
+
},
|
|
313
|
+
"focus": {
|
|
314
|
+
"value": "transparent",
|
|
315
|
+
"$type": "color",
|
|
316
|
+
"comment": "Used for the border of a neutral action in the focus state.",
|
|
317
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
318
|
+
"isSource": true,
|
|
319
|
+
"original": {
|
|
320
|
+
"value": "{action.neutral.border.color.default}",
|
|
321
|
+
"$type": "color",
|
|
322
|
+
"comment": "Used for the border of a neutral action in the focus state."
|
|
323
|
+
},
|
|
324
|
+
"name": "ACTION_NEUTRAL_BORDER_COLOR_FOCUS",
|
|
325
|
+
"attributes": {},
|
|
326
|
+
"path": [
|
|
327
|
+
"action",
|
|
328
|
+
"neutral",
|
|
329
|
+
"border",
|
|
330
|
+
"color",
|
|
331
|
+
"focus"
|
|
332
|
+
]
|
|
333
|
+
},
|
|
334
|
+
"active": {
|
|
335
|
+
"value": "transparent",
|
|
336
|
+
"$type": "color",
|
|
337
|
+
"comment": "Used for the border of a neutral action in the active state.",
|
|
338
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
339
|
+
"isSource": true,
|
|
340
|
+
"original": {
|
|
341
|
+
"value": "{action.neutral.border.color.default}",
|
|
342
|
+
"$type": "color",
|
|
343
|
+
"comment": "Used for the border of a neutral action in the active state."
|
|
344
|
+
},
|
|
345
|
+
"name": "ACTION_NEUTRAL_BORDER_COLOR_ACTIVE",
|
|
346
|
+
"attributes": {},
|
|
347
|
+
"path": [
|
|
348
|
+
"action",
|
|
349
|
+
"neutral",
|
|
350
|
+
"border",
|
|
1560
351
|
"color",
|
|
1561
|
-
"
|
|
352
|
+
"active"
|
|
1562
353
|
]
|
|
1563
354
|
}
|
|
1564
355
|
}
|
|
1565
|
-
}
|
|
1566
|
-
|
|
356
|
+
}
|
|
357
|
+
},
|
|
358
|
+
"confirm": {
|
|
359
|
+
"foreground": {
|
|
1567
360
|
"color": {
|
|
1568
361
|
"default": {
|
|
1569
362
|
"value": "#1f75cb",
|
|
1570
363
|
"$type": "color",
|
|
1571
|
-
"comment": "Used for the
|
|
364
|
+
"comment": "Used for the foreground of a confirm (positive) action in the default state.",
|
|
1572
365
|
"filePath": "src/tokens/action.tokens.json",
|
|
1573
366
|
"isSource": true,
|
|
1574
367
|
"original": {
|
|
@@ -1577,14 +370,14 @@
|
|
|
1577
370
|
"dark": "{color.blue.400}"
|
|
1578
371
|
},
|
|
1579
372
|
"$type": "color",
|
|
1580
|
-
"comment": "Used for the
|
|
373
|
+
"comment": "Used for the foreground of a confirm (positive) action in the default state."
|
|
1581
374
|
},
|
|
1582
|
-
"name": "
|
|
375
|
+
"name": "ACTION_CONFIRM_FOREGROUND_COLOR_DEFAULT",
|
|
1583
376
|
"attributes": {},
|
|
1584
377
|
"path": [
|
|
1585
378
|
"action",
|
|
1586
379
|
"confirm",
|
|
1587
|
-
"
|
|
380
|
+
"foreground",
|
|
1588
381
|
"color",
|
|
1589
382
|
"default"
|
|
1590
383
|
]
|
|
@@ -1592,7 +385,7 @@
|
|
|
1592
385
|
"hover": {
|
|
1593
386
|
"value": "#0b5cad",
|
|
1594
387
|
"$type": "color",
|
|
1595
|
-
"comment": "Used for the
|
|
388
|
+
"comment": "Used for the foreground of a confirm (positive) action in the hover state.",
|
|
1596
389
|
"filePath": "src/tokens/action.tokens.json",
|
|
1597
390
|
"isSource": true,
|
|
1598
391
|
"original": {
|
|
@@ -1601,14 +394,14 @@
|
|
|
1601
394
|
"dark": "{color.blue.200}"
|
|
1602
395
|
},
|
|
1603
396
|
"$type": "color",
|
|
1604
|
-
"comment": "Used for the
|
|
397
|
+
"comment": "Used for the foreground of a confirm (positive) action in the hover state."
|
|
1605
398
|
},
|
|
1606
|
-
"name": "
|
|
399
|
+
"name": "ACTION_CONFIRM_FOREGROUND_COLOR_HOVER",
|
|
1607
400
|
"attributes": {},
|
|
1608
401
|
"path": [
|
|
1609
402
|
"action",
|
|
1610
403
|
"confirm",
|
|
1611
|
-
"
|
|
404
|
+
"foreground",
|
|
1612
405
|
"color",
|
|
1613
406
|
"hover"
|
|
1614
407
|
]
|
|
@@ -1616,23 +409,20 @@
|
|
|
1616
409
|
"focus": {
|
|
1617
410
|
"value": "#0b5cad",
|
|
1618
411
|
"$type": "color",
|
|
1619
|
-
"comment": "Used for the
|
|
412
|
+
"comment": "Used for the foreground of a confirm (positive) action in the focus state.",
|
|
1620
413
|
"filePath": "src/tokens/action.tokens.json",
|
|
1621
414
|
"isSource": true,
|
|
1622
415
|
"original": {
|
|
1623
|
-
"value": {
|
|
1624
|
-
"default": "{color.blue.700}",
|
|
1625
|
-
"dark": "{color.blue.200}"
|
|
1626
|
-
},
|
|
416
|
+
"value": "{action.confirm.foreground.color.hover}",
|
|
1627
417
|
"$type": "color",
|
|
1628
|
-
"comment": "Used for the
|
|
418
|
+
"comment": "Used for the foreground of a confirm (positive) action in the focus state."
|
|
1629
419
|
},
|
|
1630
|
-
"name": "
|
|
420
|
+
"name": "ACTION_CONFIRM_FOREGROUND_COLOR_FOCUS",
|
|
1631
421
|
"attributes": {},
|
|
1632
422
|
"path": [
|
|
1633
423
|
"action",
|
|
1634
424
|
"confirm",
|
|
1635
|
-
"
|
|
425
|
+
"foreground",
|
|
1636
426
|
"color",
|
|
1637
427
|
"focus"
|
|
1638
428
|
]
|
|
@@ -1640,7 +430,7 @@
|
|
|
1640
430
|
"active": {
|
|
1641
431
|
"value": "#033464",
|
|
1642
432
|
"$type": "color",
|
|
1643
|
-
"comment": "Used for the
|
|
433
|
+
"comment": "Used for the foreground of a confirm (positive) action in the active state.",
|
|
1644
434
|
"filePath": "src/tokens/action.tokens.json",
|
|
1645
435
|
"isSource": true,
|
|
1646
436
|
"original": {
|
|
@@ -1649,555 +439,213 @@
|
|
|
1649
439
|
"dark": "{color.blue.50}"
|
|
1650
440
|
},
|
|
1651
441
|
"$type": "color",
|
|
1652
|
-
"comment": "Used for the
|
|
442
|
+
"comment": "Used for the foreground of a confirm (positive) action in the active state."
|
|
1653
443
|
},
|
|
1654
|
-
"name": "
|
|
444
|
+
"name": "ACTION_CONFIRM_FOREGROUND_COLOR_ACTIVE",
|
|
1655
445
|
"attributes": {},
|
|
1656
446
|
"path": [
|
|
1657
447
|
"action",
|
|
1658
448
|
"confirm",
|
|
1659
|
-
"
|
|
449
|
+
"foreground",
|
|
1660
450
|
"color",
|
|
1661
451
|
"active"
|
|
1662
452
|
]
|
|
1663
|
-
},
|
|
1664
|
-
"strong": {
|
|
1665
|
-
"value": "#fff",
|
|
1666
|
-
"$type": "color",
|
|
1667
|
-
"comment": "Used for the icon on a solid, strong confirm (positive) action background.",
|
|
1668
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1669
|
-
"isSource": true,
|
|
1670
|
-
"original": {
|
|
1671
|
-
"value": {
|
|
1672
|
-
"default": "{color.neutral.0}",
|
|
1673
|
-
"dark": "{color.neutral.900}"
|
|
1674
|
-
},
|
|
1675
|
-
"$type": "color",
|
|
1676
|
-
"comment": "Used for the icon on a solid, strong confirm (positive) action background."
|
|
1677
|
-
},
|
|
1678
|
-
"name": "ACTION_CONFIRM_ICON_COLOR_STRONG",
|
|
1679
|
-
"attributes": {},
|
|
1680
|
-
"path": [
|
|
1681
|
-
"action",
|
|
1682
|
-
"confirm",
|
|
1683
|
-
"icon",
|
|
1684
|
-
"color",
|
|
1685
|
-
"strong"
|
|
1686
|
-
]
|
|
1687
453
|
}
|
|
1688
454
|
}
|
|
1689
|
-
}
|
|
1690
|
-
},
|
|
1691
|
-
"danger": {
|
|
455
|
+
},
|
|
1692
456
|
"background": {
|
|
1693
457
|
"color": {
|
|
1694
458
|
"default": {
|
|
1695
|
-
"value": "
|
|
459
|
+
"value": "rgba(99, 166, 233, 0.0)",
|
|
1696
460
|
"$type": "color",
|
|
1697
|
-
"comment": "Used for the background of
|
|
461
|
+
"comment": "Used for the background of a confirm (positive) action in the default state.",
|
|
1698
462
|
"filePath": "src/tokens/action.tokens.json",
|
|
1699
463
|
"isSource": true,
|
|
1700
464
|
"original": {
|
|
1701
465
|
"value": {
|
|
1702
|
-
"default": "
|
|
1703
|
-
"dark": "
|
|
466
|
+
"default": "rgba(99, 166, 233, 0.0)",
|
|
467
|
+
"dark": "rgba(66, 143, 220, 0.0)"
|
|
1704
468
|
},
|
|
1705
469
|
"$type": "color",
|
|
1706
|
-
"comment": "Used for the background of
|
|
470
|
+
"comment": "Used for the background of a confirm (positive) action in the default state."
|
|
1707
471
|
},
|
|
1708
|
-
"name": "
|
|
472
|
+
"name": "ACTION_CONFIRM_BACKGROUND_COLOR_DEFAULT",
|
|
1709
473
|
"attributes": {},
|
|
1710
474
|
"path": [
|
|
1711
475
|
"action",
|
|
1712
|
-
"
|
|
476
|
+
"confirm",
|
|
1713
477
|
"background",
|
|
1714
478
|
"color",
|
|
1715
479
|
"default"
|
|
1716
480
|
]
|
|
1717
481
|
},
|
|
1718
482
|
"hover": {
|
|
1719
|
-
"value": "
|
|
483
|
+
"value": "rgba(99, 166, 233, 0.16)",
|
|
1720
484
|
"$type": "color",
|
|
1721
|
-
"comment": "Used for the background of
|
|
485
|
+
"comment": "Used for the background of a confirm (positive) action in the hover state.",
|
|
1722
486
|
"filePath": "src/tokens/action.tokens.json",
|
|
1723
487
|
"isSource": true,
|
|
1724
488
|
"original": {
|
|
1725
489
|
"value": {
|
|
1726
|
-
"default": "
|
|
1727
|
-
"dark": "
|
|
490
|
+
"default": "rgba(99, 166, 233, 0.16)",
|
|
491
|
+
"dark": "rgba(66, 143, 220, 0.4)"
|
|
1728
492
|
},
|
|
1729
493
|
"$type": "color",
|
|
1730
|
-
"comment": "Used for the background of
|
|
494
|
+
"comment": "Used for the background of a confirm (positive) action in the hover state."
|
|
1731
495
|
},
|
|
1732
|
-
"name": "
|
|
496
|
+
"name": "ACTION_CONFIRM_BACKGROUND_COLOR_HOVER",
|
|
1733
497
|
"attributes": {},
|
|
1734
498
|
"path": [
|
|
1735
499
|
"action",
|
|
1736
|
-
"
|
|
500
|
+
"confirm",
|
|
1737
501
|
"background",
|
|
1738
502
|
"color",
|
|
1739
503
|
"hover"
|
|
1740
504
|
]
|
|
1741
505
|
},
|
|
1742
506
|
"focus": {
|
|
1743
|
-
"value": "
|
|
507
|
+
"value": "rgba(99, 166, 233, 0.16)",
|
|
1744
508
|
"$type": "color",
|
|
1745
|
-
"comment": "Used for the background of
|
|
509
|
+
"comment": "Used for the background of a confirm (positive) action in the focus state.",
|
|
1746
510
|
"filePath": "src/tokens/action.tokens.json",
|
|
1747
511
|
"isSource": true,
|
|
1748
512
|
"original": {
|
|
1749
|
-
"value": {
|
|
1750
|
-
"default": "{color.red.50}",
|
|
1751
|
-
"dark": "{color.red.900}"
|
|
1752
|
-
},
|
|
513
|
+
"value": "{action.confirm.background.color.hover}",
|
|
1753
514
|
"$type": "color",
|
|
1754
|
-
"comment": "Used for the background of
|
|
515
|
+
"comment": "Used for the background of a confirm (positive) action in the focus state."
|
|
1755
516
|
},
|
|
1756
|
-
"name": "
|
|
517
|
+
"name": "ACTION_CONFIRM_BACKGROUND_COLOR_FOCUS",
|
|
1757
518
|
"attributes": {},
|
|
1758
519
|
"path": [
|
|
1759
520
|
"action",
|
|
1760
|
-
"
|
|
521
|
+
"confirm",
|
|
1761
522
|
"background",
|
|
1762
523
|
"color",
|
|
1763
524
|
"focus"
|
|
1764
525
|
]
|
|
1765
526
|
},
|
|
1766
|
-
"active": {
|
|
1767
|
-
"value": "
|
|
1768
|
-
"$type": "color",
|
|
1769
|
-
"comment": "Used for the background of
|
|
1770
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1771
|
-
"isSource": true,
|
|
1772
|
-
"original": {
|
|
1773
|
-
"value": {
|
|
1774
|
-
"default": "
|
|
1775
|
-
"dark": "
|
|
1776
|
-
},
|
|
1777
|
-
"$type": "color",
|
|
1778
|
-
"comment": "Used for the background of an outlined danger (destructive) action in the active state."
|
|
1779
|
-
},
|
|
1780
|
-
"name": "ACTION_DANGER_BACKGROUND_COLOR_ACTIVE",
|
|
1781
|
-
"attributes": {},
|
|
1782
|
-
"path": [
|
|
1783
|
-
"action",
|
|
1784
|
-
"danger",
|
|
1785
|
-
"background",
|
|
1786
|
-
"color",
|
|
1787
|
-
"active"
|
|
1788
|
-
]
|
|
1789
|
-
},
|
|
1790
|
-
"subtle": {
|
|
1791
|
-
"default": {
|
|
1792
|
-
"value": "transparent",
|
|
1793
|
-
"$type": "color",
|
|
1794
|
-
"comment": "Used for the background of a borderless, subtle danger (destructive) action in the default state.",
|
|
1795
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1796
|
-
"isSource": true,
|
|
1797
|
-
"original": {
|
|
1798
|
-
"value": "{color.alpha.0}",
|
|
1799
|
-
"$type": "color",
|
|
1800
|
-
"comment": "Used for the background of a borderless, subtle danger (destructive) action in the default state."
|
|
1801
|
-
},
|
|
1802
|
-
"name": "ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_DEFAULT",
|
|
1803
|
-
"attributes": {},
|
|
1804
|
-
"path": [
|
|
1805
|
-
"action",
|
|
1806
|
-
"danger",
|
|
1807
|
-
"background",
|
|
1808
|
-
"color",
|
|
1809
|
-
"subtle",
|
|
1810
|
-
"default"
|
|
1811
|
-
]
|
|
1812
|
-
},
|
|
1813
|
-
"hover": {
|
|
1814
|
-
"value": "#fcf1ef",
|
|
1815
|
-
"$type": "color",
|
|
1816
|
-
"comment": "Used for the background of a borderless, subtle danger (destructive) action in the hover state.",
|
|
1817
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1818
|
-
"isSource": true,
|
|
1819
|
-
"original": {
|
|
1820
|
-
"value": {
|
|
1821
|
-
"default": "{color.red.50}",
|
|
1822
|
-
"dark": "{color.red.900}"
|
|
1823
|
-
},
|
|
1824
|
-
"$type": "color",
|
|
1825
|
-
"comment": "Used for the background of a borderless, subtle danger (destructive) action in the hover state."
|
|
1826
|
-
},
|
|
1827
|
-
"name": "ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_HOVER",
|
|
1828
|
-
"attributes": {},
|
|
1829
|
-
"path": [
|
|
1830
|
-
"action",
|
|
1831
|
-
"danger",
|
|
1832
|
-
"background",
|
|
1833
|
-
"color",
|
|
1834
|
-
"subtle",
|
|
1835
|
-
"hover"
|
|
1836
|
-
]
|
|
1837
|
-
},
|
|
1838
|
-
"focus": {
|
|
1839
|
-
"value": "#fcf1ef",
|
|
1840
|
-
"$type": "color",
|
|
1841
|
-
"comment": "Used for the background of a borderless, subtle danger (destructive) action in the focus state.",
|
|
1842
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1843
|
-
"isSource": true,
|
|
1844
|
-
"original": {
|
|
1845
|
-
"value": {
|
|
1846
|
-
"default": "{color.red.50}",
|
|
1847
|
-
"dark": "{color.red.900}"
|
|
1848
|
-
},
|
|
1849
|
-
"$type": "color",
|
|
1850
|
-
"comment": "Used for the background of a borderless, subtle danger (destructive) action in the focus state."
|
|
1851
|
-
},
|
|
1852
|
-
"name": "ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_FOCUS",
|
|
1853
|
-
"attributes": {},
|
|
1854
|
-
"path": [
|
|
1855
|
-
"action",
|
|
1856
|
-
"danger",
|
|
1857
|
-
"background",
|
|
1858
|
-
"color",
|
|
1859
|
-
"subtle",
|
|
1860
|
-
"focus"
|
|
1861
|
-
]
|
|
1862
|
-
},
|
|
1863
|
-
"active": {
|
|
1864
|
-
"value": "#fdd4cd",
|
|
1865
|
-
"$type": "color",
|
|
1866
|
-
"comment": "Used for the background of a borderless, subtle danger (destructive) action in the active state.",
|
|
1867
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1868
|
-
"isSource": true,
|
|
1869
|
-
"original": {
|
|
1870
|
-
"value": {
|
|
1871
|
-
"default": "{color.red.100}",
|
|
1872
|
-
"dark": "{color.red.800}"
|
|
1873
|
-
},
|
|
1874
|
-
"$type": "color",
|
|
1875
|
-
"comment": "Used for the background of a borderless, subtle danger (destructive) action in the active state."
|
|
1876
|
-
},
|
|
1877
|
-
"name": "ACTION_DANGER_BACKGROUND_COLOR_SUBTLE_ACTIVE",
|
|
1878
|
-
"attributes": {},
|
|
1879
|
-
"path": [
|
|
1880
|
-
"action",
|
|
1881
|
-
"danger",
|
|
1882
|
-
"background",
|
|
1883
|
-
"color",
|
|
1884
|
-
"subtle",
|
|
1885
|
-
"active"
|
|
1886
|
-
]
|
|
1887
|
-
}
|
|
1888
|
-
},
|
|
1889
|
-
"strong": {
|
|
1890
|
-
"default": {
|
|
1891
|
-
"value": "#dd2b0e",
|
|
1892
|
-
"$type": "color",
|
|
1893
|
-
"comment": "Used for the background of a solid, strong danger (destructive) action in the default state.",
|
|
1894
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1895
|
-
"isSource": true,
|
|
1896
|
-
"original": {
|
|
1897
|
-
"value": {
|
|
1898
|
-
"default": "{color.red.500}",
|
|
1899
|
-
"dark": "{color.red.400}"
|
|
1900
|
-
},
|
|
1901
|
-
"$type": "color",
|
|
1902
|
-
"comment": "Used for the background of a solid, strong danger (destructive) action in the default state."
|
|
1903
|
-
},
|
|
1904
|
-
"name": "ACTION_DANGER_BACKGROUND_COLOR_STRONG_DEFAULT",
|
|
1905
|
-
"attributes": {},
|
|
1906
|
-
"path": [
|
|
1907
|
-
"action",
|
|
1908
|
-
"danger",
|
|
1909
|
-
"background",
|
|
1910
|
-
"color",
|
|
1911
|
-
"strong",
|
|
1912
|
-
"default"
|
|
1913
|
-
]
|
|
1914
|
-
},
|
|
1915
|
-
"hover": {
|
|
1916
|
-
"value": "#c91c00",
|
|
1917
|
-
"$type": "color",
|
|
1918
|
-
"comment": "Used for the background of a solid, strong danger (destructive) action in the hover state.",
|
|
1919
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1920
|
-
"isSource": true,
|
|
1921
|
-
"original": {
|
|
1922
|
-
"value": {
|
|
1923
|
-
"default": "{color.red.600}",
|
|
1924
|
-
"dark": "{color.red.300}"
|
|
1925
|
-
},
|
|
1926
|
-
"$type": "color",
|
|
1927
|
-
"comment": "Used for the background of a solid, strong danger (destructive) action in the hover state."
|
|
527
|
+
"active": {
|
|
528
|
+
"value": "rgba(11, 92, 173, 0.24)",
|
|
529
|
+
"$type": "color",
|
|
530
|
+
"comment": "Used for the background of a confirm (positive) action in the active state.",
|
|
531
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
532
|
+
"isSource": true,
|
|
533
|
+
"original": {
|
|
534
|
+
"value": {
|
|
535
|
+
"default": "rgba(11, 92, 173, 0.24)",
|
|
536
|
+
"dark": "rgba(66, 143, 220, 0.16)"
|
|
1928
537
|
},
|
|
1929
|
-
"name": "ACTION_DANGER_BACKGROUND_COLOR_STRONG_HOVER",
|
|
1930
|
-
"attributes": {},
|
|
1931
|
-
"path": [
|
|
1932
|
-
"action",
|
|
1933
|
-
"danger",
|
|
1934
|
-
"background",
|
|
1935
|
-
"color",
|
|
1936
|
-
"strong",
|
|
1937
|
-
"hover"
|
|
1938
|
-
]
|
|
1939
|
-
},
|
|
1940
|
-
"focus": {
|
|
1941
|
-
"value": "#c91c00",
|
|
1942
538
|
"$type": "color",
|
|
1943
|
-
"comment": "Used for the background of a
|
|
1944
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
1945
|
-
"isSource": true,
|
|
1946
|
-
"original": {
|
|
1947
|
-
"value": {
|
|
1948
|
-
"default": "{color.red.600}",
|
|
1949
|
-
"dark": "{color.red.300}"
|
|
1950
|
-
},
|
|
1951
|
-
"$type": "color",
|
|
1952
|
-
"comment": "Used for the background of a solid, strong danger (destructive) action in the focus state."
|
|
1953
|
-
},
|
|
1954
|
-
"name": "ACTION_DANGER_BACKGROUND_COLOR_STRONG_FOCUS",
|
|
1955
|
-
"attributes": {},
|
|
1956
|
-
"path": [
|
|
1957
|
-
"action",
|
|
1958
|
-
"danger",
|
|
1959
|
-
"background",
|
|
1960
|
-
"color",
|
|
1961
|
-
"strong",
|
|
1962
|
-
"focus"
|
|
1963
|
-
]
|
|
539
|
+
"comment": "Used for the background of a confirm (positive) action in the active state."
|
|
1964
540
|
},
|
|
1965
|
-
"
|
|
1966
|
-
|
|
1967
|
-
|
|
1968
|
-
"
|
|
1969
|
-
"
|
|
1970
|
-
"
|
|
1971
|
-
"
|
|
1972
|
-
|
|
1973
|
-
|
|
1974
|
-
"dark": "{color.red.100}"
|
|
1975
|
-
},
|
|
1976
|
-
"$type": "color",
|
|
1977
|
-
"comment": "Used for the background of a solid, strong danger (destructive) action in the active state."
|
|
1978
|
-
},
|
|
1979
|
-
"name": "ACTION_DANGER_BACKGROUND_COLOR_STRONG_ACTIVE",
|
|
1980
|
-
"attributes": {},
|
|
1981
|
-
"path": [
|
|
1982
|
-
"action",
|
|
1983
|
-
"danger",
|
|
1984
|
-
"background",
|
|
1985
|
-
"color",
|
|
1986
|
-
"strong",
|
|
1987
|
-
"active"
|
|
1988
|
-
]
|
|
1989
|
-
}
|
|
541
|
+
"name": "ACTION_CONFIRM_BACKGROUND_COLOR_ACTIVE",
|
|
542
|
+
"attributes": {},
|
|
543
|
+
"path": [
|
|
544
|
+
"action",
|
|
545
|
+
"confirm",
|
|
546
|
+
"background",
|
|
547
|
+
"color",
|
|
548
|
+
"active"
|
|
549
|
+
]
|
|
1990
550
|
}
|
|
1991
551
|
}
|
|
1992
552
|
},
|
|
1993
553
|
"border": {
|
|
1994
554
|
"color": {
|
|
1995
555
|
"default": {
|
|
1996
|
-
"value": "
|
|
556
|
+
"value": "transparent",
|
|
1997
557
|
"$type": "color",
|
|
1998
|
-
"comment": "Used for the border of
|
|
558
|
+
"comment": "Used for the border of a confirm action in the default state.",
|
|
1999
559
|
"filePath": "src/tokens/action.tokens.json",
|
|
2000
560
|
"isSource": true,
|
|
2001
561
|
"original": {
|
|
2002
|
-
"value": {
|
|
2003
|
-
"default": "{color.red.500}",
|
|
2004
|
-
"dark": "{color.red.400}"
|
|
2005
|
-
},
|
|
562
|
+
"value": "{color.alpha.0}",
|
|
2006
563
|
"$type": "color",
|
|
2007
|
-
"comment": "Used for the border of
|
|
564
|
+
"comment": "Used for the border of a confirm action in the default state."
|
|
2008
565
|
},
|
|
2009
|
-
"name": "
|
|
566
|
+
"name": "ACTION_CONFIRM_BORDER_COLOR_DEFAULT",
|
|
2010
567
|
"attributes": {},
|
|
2011
568
|
"path": [
|
|
2012
569
|
"action",
|
|
2013
|
-
"
|
|
570
|
+
"confirm",
|
|
2014
571
|
"border",
|
|
2015
572
|
"color",
|
|
2016
573
|
"default"
|
|
2017
574
|
]
|
|
2018
575
|
},
|
|
2019
576
|
"hover": {
|
|
2020
|
-
"value": "
|
|
577
|
+
"value": "transparent",
|
|
2021
578
|
"$type": "color",
|
|
2022
|
-
"comment": "Used for the border of
|
|
579
|
+
"comment": "Used for the border of a confirm action in the hover state.",
|
|
2023
580
|
"filePath": "src/tokens/action.tokens.json",
|
|
2024
581
|
"isSource": true,
|
|
2025
582
|
"original": {
|
|
2026
|
-
"value": {
|
|
2027
|
-
"default": "{color.red.700}",
|
|
2028
|
-
"dark": "{color.red.200}"
|
|
2029
|
-
},
|
|
583
|
+
"value": "{action.confirm.border.color.default}",
|
|
2030
584
|
"$type": "color",
|
|
2031
|
-
"comment": "Used for the border of
|
|
585
|
+
"comment": "Used for the border of a confirm action in the hover state."
|
|
2032
586
|
},
|
|
2033
|
-
"name": "
|
|
587
|
+
"name": "ACTION_CONFIRM_BORDER_COLOR_HOVER",
|
|
2034
588
|
"attributes": {},
|
|
2035
589
|
"path": [
|
|
2036
590
|
"action",
|
|
2037
|
-
"
|
|
591
|
+
"confirm",
|
|
2038
592
|
"border",
|
|
2039
593
|
"color",
|
|
2040
594
|
"hover"
|
|
2041
595
|
]
|
|
2042
596
|
},
|
|
2043
597
|
"focus": {
|
|
2044
|
-
"value": "
|
|
598
|
+
"value": "transparent",
|
|
2045
599
|
"$type": "color",
|
|
2046
|
-
"comment": "Used for the border of
|
|
600
|
+
"comment": "Used for the border of a confirm action in the focus state.",
|
|
2047
601
|
"filePath": "src/tokens/action.tokens.json",
|
|
2048
602
|
"isSource": true,
|
|
2049
603
|
"original": {
|
|
2050
|
-
"value": {
|
|
2051
|
-
"default": "{color.red.700}",
|
|
2052
|
-
"dark": "{color.red.200}"
|
|
2053
|
-
},
|
|
604
|
+
"value": "{action.confirm.border.color.default}",
|
|
2054
605
|
"$type": "color",
|
|
2055
|
-
"comment": "Used for the border of
|
|
606
|
+
"comment": "Used for the border of a confirm action in the focus state."
|
|
2056
607
|
},
|
|
2057
|
-
"name": "
|
|
608
|
+
"name": "ACTION_CONFIRM_BORDER_COLOR_FOCUS",
|
|
2058
609
|
"attributes": {},
|
|
2059
610
|
"path": [
|
|
2060
611
|
"action",
|
|
2061
|
-
"
|
|
612
|
+
"confirm",
|
|
2062
613
|
"border",
|
|
2063
614
|
"color",
|
|
2064
615
|
"focus"
|
|
2065
616
|
]
|
|
2066
617
|
},
|
|
2067
618
|
"active": {
|
|
2068
|
-
"value": "
|
|
619
|
+
"value": "transparent",
|
|
2069
620
|
"$type": "color",
|
|
2070
|
-
"comment": "Used for the border of
|
|
621
|
+
"comment": "Used for the border of a confirm action in the active state.",
|
|
2071
622
|
"filePath": "src/tokens/action.tokens.json",
|
|
2072
623
|
"isSource": true,
|
|
2073
624
|
"original": {
|
|
2074
|
-
"value": {
|
|
2075
|
-
"default": "{color.red.900}",
|
|
2076
|
-
"dark": "{color.red.50}"
|
|
2077
|
-
},
|
|
625
|
+
"value": "{action.confirm.border.color.default}",
|
|
2078
626
|
"$type": "color",
|
|
2079
|
-
"comment": "Used for the border of
|
|
627
|
+
"comment": "Used for the border of a confirm action in the active state."
|
|
2080
628
|
},
|
|
2081
|
-
"name": "
|
|
629
|
+
"name": "ACTION_CONFIRM_BORDER_COLOR_ACTIVE",
|
|
2082
630
|
"attributes": {},
|
|
2083
631
|
"path": [
|
|
2084
632
|
"action",
|
|
2085
|
-
"
|
|
633
|
+
"confirm",
|
|
2086
634
|
"border",
|
|
2087
635
|
"color",
|
|
2088
636
|
"active"
|
|
2089
637
|
]
|
|
2090
|
-
},
|
|
2091
|
-
"strong": {
|
|
2092
|
-
"default": {
|
|
2093
|
-
"value": "#c91c00",
|
|
2094
|
-
"$type": "color",
|
|
2095
|
-
"comment": "Used for the border of a solid, strong danger (destructive) action in the default state.",
|
|
2096
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
2097
|
-
"isSource": true,
|
|
2098
|
-
"original": {
|
|
2099
|
-
"value": {
|
|
2100
|
-
"default": "{color.red.600}",
|
|
2101
|
-
"dark": "{color.red.300}"
|
|
2102
|
-
},
|
|
2103
|
-
"$type": "color",
|
|
2104
|
-
"comment": "Used for the border of a solid, strong danger (destructive) action in the default state."
|
|
2105
|
-
},
|
|
2106
|
-
"name": "ACTION_DANGER_BORDER_COLOR_STRONG_DEFAULT",
|
|
2107
|
-
"attributes": {},
|
|
2108
|
-
"path": [
|
|
2109
|
-
"action",
|
|
2110
|
-
"danger",
|
|
2111
|
-
"border",
|
|
2112
|
-
"color",
|
|
2113
|
-
"strong",
|
|
2114
|
-
"default"
|
|
2115
|
-
]
|
|
2116
|
-
},
|
|
2117
|
-
"hover": {
|
|
2118
|
-
"value": "#8d1300",
|
|
2119
|
-
"$type": "color",
|
|
2120
|
-
"comment": "Used for the border of a solid, strong danger (destructive) action in the hover state.",
|
|
2121
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
2122
|
-
"isSource": true,
|
|
2123
|
-
"original": {
|
|
2124
|
-
"value": {
|
|
2125
|
-
"default": "{color.red.800}",
|
|
2126
|
-
"dark": "{color.red.100}"
|
|
2127
|
-
},
|
|
2128
|
-
"$type": "color",
|
|
2129
|
-
"comment": "Used for the border of a solid, strong danger (destructive) action in the hover state."
|
|
2130
|
-
},
|
|
2131
|
-
"name": "ACTION_DANGER_BORDER_COLOR_STRONG_HOVER",
|
|
2132
|
-
"attributes": {},
|
|
2133
|
-
"path": [
|
|
2134
|
-
"action",
|
|
2135
|
-
"danger",
|
|
2136
|
-
"border",
|
|
2137
|
-
"color",
|
|
2138
|
-
"strong",
|
|
2139
|
-
"hover"
|
|
2140
|
-
]
|
|
2141
|
-
},
|
|
2142
|
-
"focus": {
|
|
2143
|
-
"value": "#8d1300",
|
|
2144
|
-
"$type": "color",
|
|
2145
|
-
"comment": "Used for the border of a solid, strong danger (destructive) action in the focus state.",
|
|
2146
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
2147
|
-
"isSource": true,
|
|
2148
|
-
"original": {
|
|
2149
|
-
"value": {
|
|
2150
|
-
"default": "{color.red.800}",
|
|
2151
|
-
"dark": "{color.red.100}"
|
|
2152
|
-
},
|
|
2153
|
-
"$type": "color",
|
|
2154
|
-
"comment": "Used for the border of a solid, strong danger (destructive) action in the focus state."
|
|
2155
|
-
},
|
|
2156
|
-
"name": "ACTION_DANGER_BORDER_COLOR_STRONG_FOCUS",
|
|
2157
|
-
"attributes": {},
|
|
2158
|
-
"path": [
|
|
2159
|
-
"action",
|
|
2160
|
-
"danger",
|
|
2161
|
-
"border",
|
|
2162
|
-
"color",
|
|
2163
|
-
"strong",
|
|
2164
|
-
"focus"
|
|
2165
|
-
]
|
|
2166
|
-
},
|
|
2167
|
-
"active": {
|
|
2168
|
-
"value": "#660e00",
|
|
2169
|
-
"$type": "color",
|
|
2170
|
-
"comment": "Used for the border of a solid, strong danger (destructive) action in the active state.",
|
|
2171
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
2172
|
-
"isSource": true,
|
|
2173
|
-
"original": {
|
|
2174
|
-
"value": {
|
|
2175
|
-
"default": "{color.red.900}",
|
|
2176
|
-
"dark": "{color.red.50}"
|
|
2177
|
-
},
|
|
2178
|
-
"$type": "color",
|
|
2179
|
-
"comment": "Used for the border of a solid, strong danger (destructive) action in the active state."
|
|
2180
|
-
},
|
|
2181
|
-
"name": "ACTION_DANGER_BORDER_COLOR_STRONG_ACTIVE",
|
|
2182
|
-
"attributes": {},
|
|
2183
|
-
"path": [
|
|
2184
|
-
"action",
|
|
2185
|
-
"danger",
|
|
2186
|
-
"border",
|
|
2187
|
-
"color",
|
|
2188
|
-
"strong",
|
|
2189
|
-
"active"
|
|
2190
|
-
]
|
|
2191
|
-
}
|
|
2192
638
|
}
|
|
2193
639
|
}
|
|
2194
|
-
}
|
|
2195
|
-
|
|
640
|
+
}
|
|
641
|
+
},
|
|
642
|
+
"danger": {
|
|
643
|
+
"foreground": {
|
|
2196
644
|
"color": {
|
|
2197
645
|
"default": {
|
|
2198
646
|
"value": "#dd2b0e",
|
|
2199
647
|
"$type": "color",
|
|
2200
|
-
"comment": "Used for the
|
|
648
|
+
"comment": "Used for the foreground of a danger (destructive) action in the default state.",
|
|
2201
649
|
"filePath": "src/tokens/action.tokens.json",
|
|
2202
650
|
"isSource": true,
|
|
2203
651
|
"original": {
|
|
@@ -2206,14 +654,14 @@
|
|
|
2206
654
|
"dark": "{color.red.400}"
|
|
2207
655
|
},
|
|
2208
656
|
"$type": "color",
|
|
2209
|
-
"comment": "Used for the
|
|
657
|
+
"comment": "Used for the foreground of a danger (destructive) action in the default state."
|
|
2210
658
|
},
|
|
2211
|
-
"name": "
|
|
659
|
+
"name": "ACTION_DANGER_FOREGROUND_COLOR_DEFAULT",
|
|
2212
660
|
"attributes": {},
|
|
2213
661
|
"path": [
|
|
2214
662
|
"action",
|
|
2215
663
|
"danger",
|
|
2216
|
-
"
|
|
664
|
+
"foreground",
|
|
2217
665
|
"color",
|
|
2218
666
|
"default"
|
|
2219
667
|
]
|
|
@@ -2221,7 +669,7 @@
|
|
|
2221
669
|
"hover": {
|
|
2222
670
|
"value": "#ae1800",
|
|
2223
671
|
"$type": "color",
|
|
2224
|
-
"comment": "Used for the
|
|
672
|
+
"comment": "Used for the foreground of a danger (destructive) action in the hover state.",
|
|
2225
673
|
"filePath": "src/tokens/action.tokens.json",
|
|
2226
674
|
"isSource": true,
|
|
2227
675
|
"original": {
|
|
@@ -2230,14 +678,14 @@
|
|
|
2230
678
|
"dark": "{color.red.200}"
|
|
2231
679
|
},
|
|
2232
680
|
"$type": "color",
|
|
2233
|
-
"comment": "Used for the
|
|
681
|
+
"comment": "Used for the foreground of a danger (destructive) action in the hover state."
|
|
2234
682
|
},
|
|
2235
|
-
"name": "
|
|
683
|
+
"name": "ACTION_DANGER_FOREGROUND_COLOR_HOVER",
|
|
2236
684
|
"attributes": {},
|
|
2237
685
|
"path": [
|
|
2238
686
|
"action",
|
|
2239
687
|
"danger",
|
|
2240
|
-
"
|
|
688
|
+
"foreground",
|
|
2241
689
|
"color",
|
|
2242
690
|
"hover"
|
|
2243
691
|
]
|
|
@@ -2245,23 +693,20 @@
|
|
|
2245
693
|
"focus": {
|
|
2246
694
|
"value": "#ae1800",
|
|
2247
695
|
"$type": "color",
|
|
2248
|
-
"comment": "Used for the
|
|
696
|
+
"comment": "Used for the foreground of a danger (destructive) action in the focus state.",
|
|
2249
697
|
"filePath": "src/tokens/action.tokens.json",
|
|
2250
698
|
"isSource": true,
|
|
2251
699
|
"original": {
|
|
2252
|
-
"value": {
|
|
2253
|
-
"default": "{color.red.700}",
|
|
2254
|
-
"dark": "{color.red.200}"
|
|
2255
|
-
},
|
|
700
|
+
"value": "{action.danger.foreground.color.hover}",
|
|
2256
701
|
"$type": "color",
|
|
2257
|
-
"comment": "Used for the
|
|
702
|
+
"comment": "Used for the foreground of a danger (destructive) action in the focus state."
|
|
2258
703
|
},
|
|
2259
|
-
"name": "
|
|
704
|
+
"name": "ACTION_DANGER_FOREGROUND_COLOR_FOCUS",
|
|
2260
705
|
"attributes": {},
|
|
2261
706
|
"path": [
|
|
2262
707
|
"action",
|
|
2263
708
|
"danger",
|
|
2264
|
-
"
|
|
709
|
+
"foreground",
|
|
2265
710
|
"color",
|
|
2266
711
|
"focus"
|
|
2267
712
|
]
|
|
@@ -2269,7 +714,7 @@
|
|
|
2269
714
|
"active": {
|
|
2270
715
|
"value": "#660e00",
|
|
2271
716
|
"$type": "color",
|
|
2272
|
-
"comment": "Used for the
|
|
717
|
+
"comment": "Used for the foreground of a danger (destructive) action in the active state.",
|
|
2273
718
|
"filePath": "src/tokens/action.tokens.json",
|
|
2274
719
|
"isSource": true,
|
|
2275
720
|
"original": {
|
|
@@ -2278,164 +723,201 @@
|
|
|
2278
723
|
"dark": "{color.red.50}"
|
|
2279
724
|
},
|
|
2280
725
|
"$type": "color",
|
|
2281
|
-
"comment": "Used for the
|
|
726
|
+
"comment": "Used for the foreground of a danger (destructive) action in the active state."
|
|
2282
727
|
},
|
|
2283
|
-
"name": "
|
|
728
|
+
"name": "ACTION_DANGER_FOREGROUND_COLOR_ACTIVE",
|
|
2284
729
|
"attributes": {},
|
|
2285
730
|
"path": [
|
|
2286
731
|
"action",
|
|
2287
732
|
"danger",
|
|
2288
|
-
"
|
|
733
|
+
"foreground",
|
|
2289
734
|
"color",
|
|
2290
735
|
"active"
|
|
2291
736
|
]
|
|
2292
|
-
},
|
|
2293
|
-
"strong": {
|
|
2294
|
-
"value": "#fff",
|
|
2295
|
-
"$type": "color",
|
|
2296
|
-
"comment": "Used for the text on a solid, strong danger (destructive) action background.",
|
|
2297
|
-
"filePath": "src/tokens/action.tokens.json",
|
|
2298
|
-
"isSource": true,
|
|
2299
|
-
"original": {
|
|
2300
|
-
"value": {
|
|
2301
|
-
"default": "{color.neutral.0}",
|
|
2302
|
-
"dark": "{color.neutral.900}"
|
|
2303
|
-
},
|
|
2304
|
-
"$type": "color",
|
|
2305
|
-
"comment": "Used for the text on a solid, strong danger (destructive) action background."
|
|
2306
|
-
},
|
|
2307
|
-
"name": "ACTION_DANGER_TEXT_COLOR_STRONG",
|
|
2308
|
-
"attributes": {},
|
|
2309
|
-
"path": [
|
|
2310
|
-
"action",
|
|
2311
|
-
"danger",
|
|
2312
|
-
"text",
|
|
2313
|
-
"color",
|
|
2314
|
-
"strong"
|
|
2315
|
-
]
|
|
2316
737
|
}
|
|
2317
738
|
}
|
|
2318
739
|
},
|
|
2319
|
-
"
|
|
740
|
+
"background": {
|
|
2320
741
|
"color": {
|
|
2321
742
|
"default": {
|
|
2322
|
-
"value": "
|
|
743
|
+
"value": "rgba(245, 127, 108, 0.0)",
|
|
2323
744
|
"$type": "color",
|
|
2324
|
-
"comment": "Used for the
|
|
745
|
+
"comment": "Used for the background of a danger (destructive) action in the default state.",
|
|
2325
746
|
"filePath": "src/tokens/action.tokens.json",
|
|
2326
747
|
"isSource": true,
|
|
2327
748
|
"original": {
|
|
2328
749
|
"value": {
|
|
2329
|
-
"default": "
|
|
2330
|
-
"dark": "
|
|
750
|
+
"default": "rgba(245, 127, 108, 0.0)",
|
|
751
|
+
"dark": "rgba(236, 89, 65, 0.0)"
|
|
2331
752
|
},
|
|
2332
753
|
"$type": "color",
|
|
2333
|
-
"comment": "Used for the
|
|
754
|
+
"comment": "Used for the background of a danger (destructive) action in the default state."
|
|
2334
755
|
},
|
|
2335
|
-
"name": "
|
|
756
|
+
"name": "ACTION_DANGER_BACKGROUND_COLOR_DEFAULT",
|
|
2336
757
|
"attributes": {},
|
|
2337
758
|
"path": [
|
|
2338
759
|
"action",
|
|
2339
760
|
"danger",
|
|
2340
|
-
"
|
|
761
|
+
"background",
|
|
2341
762
|
"color",
|
|
2342
763
|
"default"
|
|
2343
764
|
]
|
|
2344
765
|
},
|
|
2345
766
|
"hover": {
|
|
2346
|
-
"value": "
|
|
767
|
+
"value": "rgba(245, 127, 108, 0.16)",
|
|
2347
768
|
"$type": "color",
|
|
2348
|
-
"comment": "Used for the
|
|
769
|
+
"comment": "Used for the background of a danger (destructive) action in the hover state.",
|
|
2349
770
|
"filePath": "src/tokens/action.tokens.json",
|
|
2350
771
|
"isSource": true,
|
|
2351
772
|
"original": {
|
|
2352
773
|
"value": {
|
|
2353
|
-
"default": "
|
|
2354
|
-
"dark": "
|
|
774
|
+
"default": "rgba(245, 127, 108, 0.16)",
|
|
775
|
+
"dark": "rgba(236, 89, 65, 0.4)"
|
|
2355
776
|
},
|
|
2356
777
|
"$type": "color",
|
|
2357
|
-
"comment": "Used for the
|
|
778
|
+
"comment": "Used for the background of a danger (destructive) action in the hover state."
|
|
2358
779
|
},
|
|
2359
|
-
"name": "
|
|
780
|
+
"name": "ACTION_DANGER_BACKGROUND_COLOR_HOVER",
|
|
2360
781
|
"attributes": {},
|
|
2361
782
|
"path": [
|
|
2362
783
|
"action",
|
|
2363
784
|
"danger",
|
|
2364
|
-
"
|
|
785
|
+
"background",
|
|
2365
786
|
"color",
|
|
2366
787
|
"hover"
|
|
2367
788
|
]
|
|
2368
789
|
},
|
|
2369
790
|
"focus": {
|
|
2370
|
-
"value": "
|
|
791
|
+
"value": "rgba(245, 127, 108, 0.16)",
|
|
2371
792
|
"$type": "color",
|
|
2372
|
-
"comment": "Used for the
|
|
793
|
+
"comment": "Used for the background of a danger (destructive) action in the focus state.",
|
|
2373
794
|
"filePath": "src/tokens/action.tokens.json",
|
|
2374
795
|
"isSource": true,
|
|
2375
796
|
"original": {
|
|
2376
|
-
"value": {
|
|
2377
|
-
"default": "{color.red.700}",
|
|
2378
|
-
"dark": "{color.red.200}"
|
|
2379
|
-
},
|
|
797
|
+
"value": "{action.danger.background.color.hover}",
|
|
2380
798
|
"$type": "color",
|
|
2381
|
-
"comment": "Used for the
|
|
799
|
+
"comment": "Used for the background of a danger (destructive) action in the focus state."
|
|
2382
800
|
},
|
|
2383
|
-
"name": "
|
|
801
|
+
"name": "ACTION_DANGER_BACKGROUND_COLOR_FOCUS",
|
|
2384
802
|
"attributes": {},
|
|
2385
803
|
"path": [
|
|
2386
804
|
"action",
|
|
2387
805
|
"danger",
|
|
2388
|
-
"
|
|
806
|
+
"background",
|
|
2389
807
|
"color",
|
|
2390
808
|
"focus"
|
|
2391
809
|
]
|
|
2392
810
|
},
|
|
2393
811
|
"active": {
|
|
2394
|
-
"value": "
|
|
812
|
+
"value": "rgba(174, 24, 0, 0.24)",
|
|
2395
813
|
"$type": "color",
|
|
2396
|
-
"comment": "Used for the
|
|
814
|
+
"comment": "Used for the background of a danger (destructive) action in the active state.",
|
|
2397
815
|
"filePath": "src/tokens/action.tokens.json",
|
|
2398
816
|
"isSource": true,
|
|
2399
817
|
"original": {
|
|
2400
818
|
"value": {
|
|
2401
|
-
"default": "
|
|
2402
|
-
"dark": "
|
|
819
|
+
"default": "rgba(174, 24, 0, 0.24)",
|
|
820
|
+
"dark": "rgba(236, 89, 65, 0.16)"
|
|
2403
821
|
},
|
|
2404
822
|
"$type": "color",
|
|
2405
|
-
"comment": "Used for the
|
|
823
|
+
"comment": "Used for the background of a danger (destructive) action in the active state."
|
|
2406
824
|
},
|
|
2407
|
-
"name": "
|
|
825
|
+
"name": "ACTION_DANGER_BACKGROUND_COLOR_ACTIVE",
|
|
2408
826
|
"attributes": {},
|
|
2409
827
|
"path": [
|
|
2410
828
|
"action",
|
|
2411
829
|
"danger",
|
|
2412
|
-
"
|
|
830
|
+
"background",
|
|
2413
831
|
"color",
|
|
2414
832
|
"active"
|
|
2415
833
|
]
|
|
834
|
+
}
|
|
835
|
+
}
|
|
836
|
+
},
|
|
837
|
+
"border": {
|
|
838
|
+
"color": {
|
|
839
|
+
"default": {
|
|
840
|
+
"value": "transparent",
|
|
841
|
+
"$type": "color",
|
|
842
|
+
"comment": "Used for the border of a danger action in the default state.",
|
|
843
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
844
|
+
"isSource": true,
|
|
845
|
+
"original": {
|
|
846
|
+
"value": "{color.alpha.0}",
|
|
847
|
+
"$type": "color",
|
|
848
|
+
"comment": "Used for the border of a danger action in the default state."
|
|
849
|
+
},
|
|
850
|
+
"name": "ACTION_DANGER_BORDER_COLOR_DEFAULT",
|
|
851
|
+
"attributes": {},
|
|
852
|
+
"path": [
|
|
853
|
+
"action",
|
|
854
|
+
"danger",
|
|
855
|
+
"border",
|
|
856
|
+
"color",
|
|
857
|
+
"default"
|
|
858
|
+
]
|
|
2416
859
|
},
|
|
2417
|
-
"
|
|
2418
|
-
"value": "
|
|
860
|
+
"hover": {
|
|
861
|
+
"value": "transparent",
|
|
2419
862
|
"$type": "color",
|
|
2420
|
-
"comment": "Used for the
|
|
863
|
+
"comment": "Used for the border of a danger action in the hover state.",
|
|
2421
864
|
"filePath": "src/tokens/action.tokens.json",
|
|
2422
865
|
"isSource": true,
|
|
2423
866
|
"original": {
|
|
2424
|
-
"value": {
|
|
2425
|
-
"default": "{color.neutral.0}",
|
|
2426
|
-
"dark": "{color.neutral.900}"
|
|
2427
|
-
},
|
|
867
|
+
"value": "{action.danger.border.color.default}",
|
|
2428
868
|
"$type": "color",
|
|
2429
|
-
"comment": "Used for the
|
|
869
|
+
"comment": "Used for the border of a danger action in the hover state."
|
|
2430
870
|
},
|
|
2431
|
-
"name": "
|
|
871
|
+
"name": "ACTION_DANGER_BORDER_COLOR_HOVER",
|
|
2432
872
|
"attributes": {},
|
|
2433
873
|
"path": [
|
|
2434
874
|
"action",
|
|
2435
875
|
"danger",
|
|
2436
|
-
"
|
|
876
|
+
"border",
|
|
877
|
+
"color",
|
|
878
|
+
"hover"
|
|
879
|
+
]
|
|
880
|
+
},
|
|
881
|
+
"focus": {
|
|
882
|
+
"value": "transparent",
|
|
883
|
+
"$type": "color",
|
|
884
|
+
"comment": "Used for the border of a danger action in the focus state.",
|
|
885
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
886
|
+
"isSource": true,
|
|
887
|
+
"original": {
|
|
888
|
+
"value": "{action.danger.border.color.default}",
|
|
889
|
+
"$type": "color",
|
|
890
|
+
"comment": "Used for the border of a danger action in the focus state."
|
|
891
|
+
},
|
|
892
|
+
"name": "ACTION_DANGER_BORDER_COLOR_FOCUS",
|
|
893
|
+
"attributes": {},
|
|
894
|
+
"path": [
|
|
895
|
+
"action",
|
|
896
|
+
"danger",
|
|
897
|
+
"border",
|
|
898
|
+
"color",
|
|
899
|
+
"focus"
|
|
900
|
+
]
|
|
901
|
+
},
|
|
902
|
+
"active": {
|
|
903
|
+
"value": "transparent",
|
|
904
|
+
"$type": "color",
|
|
905
|
+
"comment": "Used for the border of a danger action in the active state.",
|
|
906
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
907
|
+
"isSource": true,
|
|
908
|
+
"original": {
|
|
909
|
+
"value": "{action.danger.border.color.default}",
|
|
910
|
+
"$type": "color",
|
|
911
|
+
"comment": "Used for the border of a danger action in the active state."
|
|
912
|
+
},
|
|
913
|
+
"name": "ACTION_DANGER_BORDER_COLOR_ACTIVE",
|
|
914
|
+
"attributes": {},
|
|
915
|
+
"path": [
|
|
916
|
+
"action",
|
|
917
|
+
"danger",
|
|
918
|
+
"border",
|
|
2437
919
|
"color",
|
|
2438
|
-
"
|
|
920
|
+
"active"
|
|
2439
921
|
]
|
|
2440
922
|
}
|
|
2441
923
|
}
|