@txdfe/at-theme 2.0.1-16 → 2.0.1-18
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/README.md +4 -0
- package/package.json +1 -1
- package/teambition/css/index.css +216 -193
- package/teambition/js/index.js +245 -193
- package/teambition/less/index.less +216 -193
- package/teambition/scss/variables/color.scss +241 -215
package/teambition/js/index.js
CHANGED
|
@@ -153,124 +153,140 @@ module.exports = {
|
|
|
153
153
|
S52: "52px",
|
|
154
154
|
S56: "56px",
|
|
155
155
|
S80: "80px",
|
|
156
|
-
"pale-brand": "var(--CDS_pale_brand)",
|
|
157
|
-
"highlight-brand": "var(--CDS_highlight_brand)",
|
|
158
|
-
"bright-brand": "var(--CDS_bright_brand)",
|
|
159
|
-
"border-brand": "var(--CDS_border_brand)",
|
|
160
|
-
"primary-brand": "var(--CDS_primary_brand)",
|
|
161
|
-
"hover-brand": "var(--CDS_hover_brand)",
|
|
162
|
-
"click-brand": "var(--CDS_click_brand)",
|
|
163
|
-
"heavy-brand": "var(--CDS_heavy_brand)",
|
|
164
|
-
"
|
|
165
|
-
"
|
|
166
|
-
"
|
|
167
|
-
"
|
|
168
|
-
"
|
|
169
|
-
"
|
|
170
|
-
"
|
|
171
|
-
"
|
|
172
|
-
"
|
|
173
|
-
"
|
|
174
|
-
"
|
|
175
|
-
"
|
|
176
|
-
"
|
|
177
|
-
"
|
|
178
|
-
"
|
|
179
|
-
"
|
|
180
|
-
"
|
|
181
|
-
"
|
|
182
|
-
"
|
|
183
|
-
"
|
|
184
|
-
"
|
|
185
|
-
"
|
|
186
|
-
"
|
|
187
|
-
"
|
|
188
|
-
"
|
|
189
|
-
"
|
|
190
|
-
"
|
|
191
|
-
"
|
|
192
|
-
"
|
|
193
|
-
"
|
|
194
|
-
"
|
|
195
|
-
"
|
|
196
|
-
"
|
|
197
|
-
"
|
|
198
|
-
"
|
|
199
|
-
"
|
|
200
|
-
"
|
|
201
|
-
"
|
|
202
|
-
|
|
203
|
-
"
|
|
204
|
-
"
|
|
205
|
-
"
|
|
206
|
-
"
|
|
207
|
-
"
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
"
|
|
212
|
-
"
|
|
213
|
-
"
|
|
214
|
-
"
|
|
215
|
-
"
|
|
216
|
-
"
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
"
|
|
221
|
-
"
|
|
222
|
-
"
|
|
223
|
-
"
|
|
224
|
-
"
|
|
225
|
-
"
|
|
226
|
-
"
|
|
227
|
-
"
|
|
228
|
-
|
|
229
|
-
"
|
|
230
|
-
"
|
|
231
|
-
"
|
|
232
|
-
"gray-
|
|
233
|
-
"
|
|
234
|
-
"
|
|
235
|
-
"
|
|
236
|
-
"gray-
|
|
237
|
-
"
|
|
238
|
-
"gray-
|
|
239
|
-
|
|
240
|
-
"
|
|
241
|
-
"
|
|
242
|
-
"
|
|
243
|
-
"gray-
|
|
244
|
-
"
|
|
245
|
-
"
|
|
246
|
-
|
|
247
|
-
"
|
|
248
|
-
|
|
249
|
-
"
|
|
250
|
-
"
|
|
251
|
-
"
|
|
252
|
-
"
|
|
253
|
-
"
|
|
254
|
-
"
|
|
255
|
-
"
|
|
256
|
-
"
|
|
257
|
-
"
|
|
258
|
-
"
|
|
259
|
-
"
|
|
260
|
-
"
|
|
261
|
-
"
|
|
262
|
-
"
|
|
263
|
-
"
|
|
264
|
-
"
|
|
265
|
-
"
|
|
266
|
-
"
|
|
267
|
-
"
|
|
268
|
-
"
|
|
269
|
-
"
|
|
270
|
-
"
|
|
271
|
-
"
|
|
272
|
-
"
|
|
273
|
-
"
|
|
156
|
+
"pale-brand": "var(--CDS_pale_brand, rgba(0, 145, 255, 0.06))",
|
|
157
|
+
"highlight-brand": "var(--CDS_highlight_brand, rgba(0, 145, 255, 0.1))",
|
|
158
|
+
"bright-brand": "var(--CDS_bright_brand, rgba(0, 145, 255, 0.16))",
|
|
159
|
+
"border-brand": "var(--CDS_border_brand, rgba(0, 145, 255, 0.4))",
|
|
160
|
+
"primary-brand": "var(--CDS_primary_brand, #0091ff)",
|
|
161
|
+
"hover-brand": "var(--CDS_hover_brand, #0082e5)",
|
|
162
|
+
"click-brand": "var(--CDS_click_brand, #0074cc)",
|
|
163
|
+
"heavy-brand": "var(--CDS_heavy_brand, #0065b2)",
|
|
164
|
+
"deco-brand": "var(--CDS_deco_brand, #4db2ff)",
|
|
165
|
+
"text-brand": "var(--CDS_text_brand, #0074cc)",
|
|
166
|
+
"pale-danger": "var(--CDS_pale_danger, rgba(208, 73, 52, 0.06))",
|
|
167
|
+
"highlight-danger": "var(--CDS_highlight_danger, rgba(208, 73, 52, 0.1))",
|
|
168
|
+
"bright-danger": "var(--CDS_bright_danger, rgba(208, 73, 52, 0.16))",
|
|
169
|
+
"border-danger": "var(--CDS_border_danger, rgba(208, 73, 52, 0.4))",
|
|
170
|
+
"primary-danger": "var(--CDS_primary_danger, #d04934)",
|
|
171
|
+
"hover-danger": "var(--CDS_hover_danger, #ae311f)",
|
|
172
|
+
"click-danger": "var(--CDS_click_danger, #8c1809)",
|
|
173
|
+
"heavy-danger": "var(--CDS_heavy_danger, #670600)",
|
|
174
|
+
"text-danger": "var(--CDS_text_danger, #d04934)",
|
|
175
|
+
"pale-warning": "var(--CDS_pale_warning, rgba(255, 154, 33, 0.04))",
|
|
176
|
+
"highlight-warning": "var(--CDS_highlight_warning, rgba(255, 154, 33, 0.08))",
|
|
177
|
+
"bright-warning": "var(--CDS_bright_warning, rgba(255, 154, 33, 0.2))",
|
|
178
|
+
"border-warning": "var(--CDS_border_warning, rgba(255, 154, 33, 0.4))",
|
|
179
|
+
"primary-warning": "var(--CDS_primary_warning, #ff9a21)",
|
|
180
|
+
"hover-warning": "var(--CDS_hover_warning, #e58810)",
|
|
181
|
+
"click-warning": "var(--CDS_click_warning, #d97818)",
|
|
182
|
+
"heavy-warning": "var(--CDS_heavy_warning, #cc6a1b)",
|
|
183
|
+
"pale-alert": "var(--CDS_pale_alert, rgba(255, 204, 0, 0.04))",
|
|
184
|
+
"highlight-alert": "var(--CDS_highlight_alert, rgba(255, 204, 0, 0.08))",
|
|
185
|
+
"bright-alert": "var(--CDS_bright_alert, rgba(255, 204, 0, 0.2))",
|
|
186
|
+
"border-alert": "var(--CDS_border_alert, rgba(255, 204, 0, 0.4))",
|
|
187
|
+
"primary-alert": "var(--CDS_primary_alert, #ffcc00)",
|
|
188
|
+
"hover-alert": "var(--CDS_hover_alert, #ebb800)",
|
|
189
|
+
"click-alert": "var(--CDS_click_alert, #e0a900)",
|
|
190
|
+
"heavy-alert": "var(--CDS_heavy_alert, #cf9600)",
|
|
191
|
+
"pale-success": "var(--CDS_pale_success, rgba(0, 136, 91, 0.06))",
|
|
192
|
+
"highlight-success": "var(--CDS_highlight_success, rgba(0, 136, 91, 0.1))",
|
|
193
|
+
"bright-success": "var(--CDS_bright_success, rgba(0, 136, 91, 0.16))",
|
|
194
|
+
"border-success": "var(--CDS_border_success, rgba(0, 136, 91, 0.4))",
|
|
195
|
+
"primary-success": "var(--CDS_primary_success, #00885b)",
|
|
196
|
+
"hover-success": "var(--CDS_hover_success, #006c48)",
|
|
197
|
+
"click-success": "var(--CDS_click_success, #005235)",
|
|
198
|
+
"heavy-success": "var(--CDS_heavy_success, #003823)",
|
|
199
|
+
"text-success": "var(--CDS_text_success, #00885b)",
|
|
200
|
+
"pale-turquoise": "var(--CDS_pale_turquoise, rgba(0, 156, 149, 0.04))",
|
|
201
|
+
"highlight-turquoise":
|
|
202
|
+
"var(--CDS_highlight_turquoise, rgba(0, 156, 149, 0.08))",
|
|
203
|
+
"bright-turquoise": "var(--CDS_bright_turquoise, rgba(0, 156, 149, 0.2))",
|
|
204
|
+
"border-turquoise": "var(--CDS_border_turquoise, rgba(0, 156, 149, 0.4))",
|
|
205
|
+
"primary-turquoise": "var(--CDS_primary_turquoise, #009c95)",
|
|
206
|
+
"hover-turquoise": "var(--CDS_hover_turquoise, #008a82)",
|
|
207
|
+
"click-turquoise": "var(--CDS_click_turquoise, #017a72)",
|
|
208
|
+
"heavy-turquoise": "var(--CDS_heavy_turquoise, #026b63)",
|
|
209
|
+
"pale-purple": "var(--CDS_pale_purple, rgba(115, 83, 233, 0.04))",
|
|
210
|
+
"highlight-purple": "var(--CDS_highlight_purple, rgba(115, 83, 233, 0.08))",
|
|
211
|
+
"bright-purple": "var(--CDS_bright_purple, rgba(115, 83, 233, 0.2))",
|
|
212
|
+
"border-purple": "var(--CDS_border_purple, rgba(115, 83, 233, 0.4))",
|
|
213
|
+
"primary-purple": "var(--CDS_primary_purple, #7353e9)",
|
|
214
|
+
"hover-purple": "var(--CDS_hover_purple, #6541d4)",
|
|
215
|
+
"click-purple": "var(--CDS_click_purple, #5835bd)",
|
|
216
|
+
"heavy-purple": "var(--CDS_heavy_purple, #4d2aaa)",
|
|
217
|
+
snow: "var(--CDS_gray_00, white)",
|
|
218
|
+
black: "var(--CDS_black_01, black)",
|
|
219
|
+
white: "var(--CDS_white_01, white)",
|
|
220
|
+
"abs-white": "var(--CDS_white_01, white)",
|
|
221
|
+
"white-01": "var(--CDS_white_01, white)",
|
|
222
|
+
"white-02": "var(--CDS_white_02, rgba(255, 255, 255, 0.8))",
|
|
223
|
+
"white-03": "var(--CDS_white_03, rgba(255, 255, 255, 0.6))",
|
|
224
|
+
"white-04": "var(--CDS_white_04, rgba(255, 255, 255, 0.36))",
|
|
225
|
+
"white-05": "var(--CDS_white_05, rgba(255, 255, 255, 0.16))",
|
|
226
|
+
"white-06": "var(--CDS_white_06, rgba(255, 255, 255, 0.08))",
|
|
227
|
+
"black-01": "var(--CDS_black_01, black)",
|
|
228
|
+
"black-02": "var(--CDS_black_02, #44474b)",
|
|
229
|
+
"gray-fill": "var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
|
|
230
|
+
"line-hover": "var(--CDS_gray_hover, rgba(38, 38, 38, 0.05))",
|
|
231
|
+
"gray-fillover": "var(--CDS_gray_fillover, rgba(38, 38, 38, 0.08))",
|
|
232
|
+
"gray-filled": "var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
|
|
233
|
+
"line-actived": "var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
|
|
234
|
+
"line-select": "var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
|
|
235
|
+
"line-selected": "var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
|
|
236
|
+
"gray-click": "var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
|
|
237
|
+
"line-click": "var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
|
|
238
|
+
"gray-basic": "var(--CDS_gray_basic, white)",
|
|
239
|
+
basic: "var(--CDS_gray_basic, white)",
|
|
240
|
+
"basic-fg": "var(--CDS_gray_basic, white)",
|
|
241
|
+
"basic-bg": "var(--CDS_gray_00, white)",
|
|
242
|
+
"line-color": "var(--CDS_gray_basic, white)",
|
|
243
|
+
"gray-modal": "var(--CDS_gray_modal, white)",
|
|
244
|
+
"modal-color": "var(--CDS_gray_modal, white)",
|
|
245
|
+
"gray-popover":
|
|
246
|
+
"var(--CDS_gray_popover, linear-gradient(104deg, rgba(250, 250, 250, 0.9) 6%, rgba(244, 244, 244, 0.9) 95%))",
|
|
247
|
+
"popover-color":
|
|
248
|
+
"var(--CDS_gray_popover, linear-gradient(104deg, rgba(250, 250, 250, 0.9) 6%, rgba(244, 244, 244, 0.9) 95%))",
|
|
249
|
+
"gray-00": "var(--CDS_gray_00, white)",
|
|
250
|
+
"gray-01": "var(--CDS_gray_01, #f9f9f9)",
|
|
251
|
+
"gray-02": "var(--CDS_gray_02, rgba(38, 38, 38, 0.06))",
|
|
252
|
+
"gray-03": "var(--CDS_gray_03, rgba(38, 38, 38, 0.1))",
|
|
253
|
+
"gray-04": "var(--CDS_gray_04, rgba(38, 38, 38, 0.22))",
|
|
254
|
+
"gray-05": "var(--CDS_gray_05, rgba(38, 38, 38, 0.4))",
|
|
255
|
+
"gray-06": "var(--CDS_gray_06, rgba(38, 38, 38, 0.6))",
|
|
256
|
+
"gray-07": "var(--CDS_gray_07, rgba(38, 38, 38, 0.76))",
|
|
257
|
+
"gray-08": "var(--CDS_gray_08, #262626)",
|
|
258
|
+
"gray-pale": "var(--CDS_gray_pale, rgba(38, 38, 38, 0.03))",
|
|
259
|
+
"gray-page": "var(--CDS_gray_page, #fbfbfb)",
|
|
260
|
+
"shadow-color": "var(--CDS_shadow_color, black)",
|
|
261
|
+
"dashboard-01": "var(--CDS_data_orange, #ffaf38)",
|
|
262
|
+
"dashboard-02": "var(--CDS_data_red, #ff656b)",
|
|
263
|
+
"dashboard-03": "var(--CDS_data_green, #75c940)",
|
|
264
|
+
"dashboard-04": "var(--CDS_data_purple, #9979f2)",
|
|
265
|
+
"dashboard-05": "var(--CDS_data_blue, #0395ff)",
|
|
266
|
+
"dashboard-06": "var(--CDS_data_cyan, #57e9c4)",
|
|
267
|
+
"dashboard-07": "var(--CDS_data_violet, #5c60e6)",
|
|
268
|
+
"data-orange": "var(--CDS_data_orange, #ffaf38)",
|
|
269
|
+
"data-red": "var(--CDS_data_red, #ff656b)",
|
|
270
|
+
"data-green": "var(--CDS_data_green, #75c940)",
|
|
271
|
+
"data-purple": "var(--CDS_data_purple, #9979f2)",
|
|
272
|
+
"data-blue": "var(--CDS_data_blue, #0395ff)",
|
|
273
|
+
"data-cyan": "var(--CDS_data_cyan, #57e9c4)",
|
|
274
|
+
"data-violet": "var(--CDS_data_violet, #5c60e6)",
|
|
275
|
+
"data-sky": "var(--CDS_data_sky, #c7edf8)",
|
|
276
|
+
"placeholder-01": "var(--CDS_ph_plum, #bc61cf)",
|
|
277
|
+
"placeholder-02": "var(--CDS_ph_red, #f26666)",
|
|
278
|
+
"placeholder-03": "var(--CDS_ph_orange, #f29a52)",
|
|
279
|
+
"placeholder-04": "var(--CDS_ph_amber, #f4c329)",
|
|
280
|
+
"placeholder-05": "var(--CDS_ph_olive, #cbd057)",
|
|
281
|
+
"placeholder-06": "var(--CDS_ph_sky, #29b3f0)",
|
|
282
|
+
"placeholder-07": "var(--CDS_ph_blue, #3885ea)",
|
|
283
|
+
"ph-plum": "var(--CDS_ph_plum, #bc61cf)",
|
|
284
|
+
"ph-red": "var(--CDS_ph_red, #f26666)",
|
|
285
|
+
"ph-orange": "var(--CDS_ph_orange, #f29a52)",
|
|
286
|
+
"ph-amber": "var(--CDS_ph_amber, #f4c329)",
|
|
287
|
+
"ph-olive": "var(--CDS_ph_olive, #cbd057)",
|
|
288
|
+
"ph-sky": "var(--CDS_ph_sky, #29b3f0)",
|
|
289
|
+
"ph-blue": "var(--CDS_ph_blue, #3885ea)",
|
|
274
290
|
"lavender-soft": "var(--CDS_ct_lavender_soft, #9ea3ff)",
|
|
275
291
|
"lavender-hard": "var(--CDS_ct_lavender_hard, #767ff7)",
|
|
276
292
|
"coral-soft": "var(--CDS_ct_coral_soft, #fd998f)",
|
|
@@ -282,34 +298,53 @@ module.exports = {
|
|
|
282
298
|
"neutral-deep": "var(--CDS_ct_neutral_deep, #8c8c8c)",
|
|
283
299
|
"background-fill": "#ffffff",
|
|
284
300
|
"background-nav-search": "rgba(0, 0, 0, 0)",
|
|
285
|
-
"background-section": "var(--CDS_gray_modal)",
|
|
286
|
-
"background-layout": "var(--CDS_gray_00)",
|
|
287
|
-
"background-overlay": "var(--CDS_gray_modal)",
|
|
288
|
-
"background-switch-trigger": "var(--CDS_white_01)",
|
|
289
|
-
"background-base": "var(--CDS_gray_fill)",
|
|
290
|
-
mask: "var(--CDS_black_overlay)",
|
|
291
|
-
overlay: "var(--CDS_black_overlay)",
|
|
292
|
-
"shadow-00": "var(--CDS_shadow_00)",
|
|
293
|
-
"shadow-01":
|
|
294
|
-
|
|
295
|
-
"shadow-
|
|
296
|
-
|
|
297
|
-
"shadow-
|
|
301
|
+
"background-section": "var(--CDS_gray_modal, white)",
|
|
302
|
+
"background-layout": "var(--CDS_gray_00, white)",
|
|
303
|
+
"background-overlay": "var(--CDS_gray_modal, white)",
|
|
304
|
+
"background-switch-trigger": "var(--CDS_white_01, white)",
|
|
305
|
+
"background-base": "var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
|
|
306
|
+
mask: "var(--CDS_black_overlay, rgba(0, 0, 0, 0.2))",
|
|
307
|
+
overlay: "var(--CDS_black_overlay, rgba(0, 0, 0, 0.2))",
|
|
308
|
+
"shadow-00": "var(--CDS_shadow_00, 0px 1px 4px 0px rgba(38, 38, 38, 0.04))",
|
|
309
|
+
"shadow-01":
|
|
310
|
+
"var(--CDS_shadow_01, 0px 0px 0px 1px rgba(31, 34, 37, 0.09), 0px 1px 4px 0px rgba(0, 0, 0, 0.04))",
|
|
311
|
+
"shadow-02":
|
|
312
|
+
"var(--CDS_shadow_02, 0px 2px 4px -2px rgba(0, 0, 0, 0.04), 0px 2px 8px -2px rgba(0, 0, 0, 0.04), 0px 0px 0px 1px rgba(31, 34, 37, 0.09))",
|
|
313
|
+
"shadow-02-flat":
|
|
314
|
+
"var(--CDS_shadow_02_flat, 0px 2px 4px -2px rgba(0, 0, 0, 0.04), 0px 2px 8px -2px rgba(0, 0, 0, 0.04))",
|
|
315
|
+
"shadow-03":
|
|
316
|
+
"var(--CDS_shadow_03, 0px 0px 0px 1px rgba(31, 34, 47, 0.09), 0px 24px 48px 0px rgba(0, 0, 0, 0.04), 0px 4px 16px 0px rgba(0, 0, 0, 0.02))",
|
|
317
|
+
"shadow-04":
|
|
318
|
+
"var(--CDS_shadow_04, 0px 8px 16px -2px rgba(0, 0, 0, 0.04), 0px 2px 8px 0px rgba(0, 0, 0, 0.04), 0px 0px 0px 1px rgba(31, 34, 37, 0.09))",
|
|
319
|
+
"shadow-popover":
|
|
320
|
+
"var(--CDS_shadow_popover, 0px 0px 0px 1px rgba(31, 34, 37, 0.09), 0px 12px 24px -4px rgba(0, 0, 0, 0.08), 0px 8px 16px -4px rgba(0, 0, 0, 0.04))",
|
|
321
|
+
"shadow-popover-flat":
|
|
322
|
+
"var(--CDS_shadow_popover_flat, 0px 12px 24px -4px rgba(0, 0, 0, 0.08), 0px 8px 16px -4px rgba(0, 0, 0, 0.04))",
|
|
323
|
+
"shadow-modal":
|
|
324
|
+
"var(--CDS_shadow_modal, 0px 0px 0px 1px rgba(31, 34, 37, 0.09), 0px 16px 40px -6px rgba(0, 0, 0, 0.16), 0px 12px 24px -6px rgba(0, 0, 0, 0.04))",
|
|
325
|
+
"shadow-input":
|
|
326
|
+
"var(--CDS_shadow_input, 0px 0px 0px 2px rgba(0, 145, 255, 0.1))",
|
|
327
|
+
"shadow-color-00": "var(--CDS_shadow_color_00, rgba(38, 38, 38, 0.04))",
|
|
298
328
|
"shadow-color-01": "var(--CDS_shadow_color_01, rgba(38, 38, 38, 0.1))",
|
|
299
329
|
"shadow-color-02": "var(--CDS_shadow_color_02, rgba(38, 38, 38, 0.14))",
|
|
300
330
|
"shadow-color-03": "var(--CDS_shadow_color_03, rgba(38, 38, 38, 0.18))",
|
|
301
331
|
"shadow-color-04": "var(--CDS_shadow_color_04, rgba(38, 38, 38, 0.24))",
|
|
302
|
-
"cell-line-hover": "var(--CDS_gray_hover)",
|
|
303
|
-
"cell-line-active": "var(--CDS_gray_02)",
|
|
332
|
+
"cell-line-hover": "var(--CDS_gray_hover, rgba(38, 38, 38, 0.05))",
|
|
333
|
+
"cell-line-active": "var(--CDS_gray_02, rgba(38, 38, 38, 0.08))",
|
|
304
334
|
"tab-wrapped-bg-color-hover": "rgba(0, 0, 0, 0)",
|
|
305
335
|
"tab-wrapped-bg-color": "rgba(0, 0, 0, 0)",
|
|
306
|
-
"tab-wrapped-bg-color-selected": "var(--CDS_gray_basic)",
|
|
307
|
-
"step-dot-item-tail-wait-color": "var(--CDS_gray_05)",
|
|
308
|
-
"step-dot-item-tail-process-color":
|
|
309
|
-
|
|
310
|
-
"step-
|
|
311
|
-
|
|
312
|
-
"step-circle-item-tail-
|
|
336
|
+
"tab-wrapped-bg-color-selected": "var(--CDS_gray_basic, white)",
|
|
337
|
+
"step-dot-item-tail-wait-color": "var(--CDS_gray_05, rgba(38, 38, 38, 0.3))",
|
|
338
|
+
"step-dot-item-tail-process-color":
|
|
339
|
+
"var(--CDS_gray_05, rgba(38, 38, 38, 0.3))",
|
|
340
|
+
"step-dot-item-tail-disabled-color":
|
|
341
|
+
"var(--CDS_gray_05, rgba(38, 38, 38, 0.3))",
|
|
342
|
+
"step-circle-item-tail-wait-color":
|
|
343
|
+
"var(--CDS_gray_05, rgba(38, 38, 38, 0.3))",
|
|
344
|
+
"step-circle-item-tail-process-color":
|
|
345
|
+
"var(--CDS_gray_05, rgba(38, 38, 38, 0.3))",
|
|
346
|
+
"step-circle-item-tail-disabled-color":
|
|
347
|
+
"var(--CDS_gray_05, rgba(38, 38, 38, 0.3))",
|
|
313
348
|
"pagination-item-bg": "rgba(0, 0, 0, 0)",
|
|
314
349
|
"nav-normal-bg-color": "rgba(0, 0, 0, 0)",
|
|
315
350
|
"nav-normal-sub-nav-bg-color": "rgba(0, 0, 0, 0)",
|
|
@@ -324,66 +359,85 @@ module.exports = {
|
|
|
324
359
|
"nav-primary-item-opened-bg-color": "var(--XDS_line_hover_color)",
|
|
325
360
|
"nav-primary-sub-nav-selected-bg-color": "var(--XDS_line_hard_color)",
|
|
326
361
|
"nav-primary-sub-nav-bg-color": "rgba(0, 0, 0, 0)",
|
|
327
|
-
"table-row-hover-bg": "var(--CDS_gray_fill)",
|
|
328
|
-
"menu-background": "var(--CDS_gray_popover)",
|
|
329
|
-
"menu-background-hover": "var(--CDS_gray_fill)",
|
|
330
|
-
"menu-background-selected": "var(--CDS_gray_filled)",
|
|
331
|
-
"menu-background-focus": "var(--CDS_gray_filled)",
|
|
332
|
-
"menu-divider-color": "var(--CDS_gray_03)",
|
|
362
|
+
"table-row-hover-bg": "var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
|
|
363
|
+
"menu-background": "var(--CDS_gray_popover, white)",
|
|
364
|
+
"menu-background-hover": "var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
|
|
365
|
+
"menu-background-selected": "var(--CDS_gray_filled, rgba(38, 38, 38, 0.06))",
|
|
366
|
+
"menu-background-focus": "var(--CDS_gray_filled, rgba(38, 38, 38, 0.06))",
|
|
367
|
+
"menu-divider-color": "var(--CDS_gray_03, rgba(38, 38, 38, 0.12))",
|
|
333
368
|
"input-bg-color": "rgba(0, 0, 0, 0)",
|
|
334
369
|
"input-focus-bg-color": "rgba(0, 0, 0, 0)",
|
|
335
370
|
"input-hover-bg-color": "rgba(0, 0, 0, 0)",
|
|
336
|
-
"input-disabled-bg-color": "var(--CDS_gray_fill)",
|
|
337
|
-
"input-addon-bg-color": "var(--CDS_gray_fill)",
|
|
338
|
-
"tag-closable-primary-fill-bg-color":
|
|
339
|
-
|
|
340
|
-
"tag-closable-primary-fill-bg-color-
|
|
341
|
-
|
|
342
|
-
"tag-closable-primary-fill-
|
|
343
|
-
|
|
344
|
-
"
|
|
345
|
-
|
|
346
|
-
"
|
|
347
|
-
|
|
348
|
-
"
|
|
371
|
+
"input-disabled-bg-color": "var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
|
|
372
|
+
"input-addon-bg-color": "var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
|
|
373
|
+
"tag-closable-primary-fill-bg-color":
|
|
374
|
+
"var(--CDS_gray_02, rgba(38, 38, 38, 0.08))",
|
|
375
|
+
"tag-closable-primary-fill-bg-color-hover":
|
|
376
|
+
"var(--CDS_gray_03, rgba(38, 38, 38, 0.12))",
|
|
377
|
+
"tag-closable-primary-fill-bg-color-disabled":
|
|
378
|
+
"var(--CDS_gray_02, rgba(38, 38, 38, 0.08))",
|
|
379
|
+
"tag-closable-primary-fill-border-color-hover":
|
|
380
|
+
"var(--CDS_gray_04, rgba(38, 38, 38, 0.18))",
|
|
381
|
+
"tag-closable-primary-fill-border-color-disabled":
|
|
382
|
+
"var(--CDS_gray_03, rgba(38, 38, 38, 0.12))",
|
|
383
|
+
"tag-closable-primary-fill-text-color-disabled":
|
|
384
|
+
"var(--CDS_gray_05, rgba(38, 38, 38, 0.3))",
|
|
385
|
+
"transfer-panel-header-background-color": "var(--CDS_gray_basic, white)",
|
|
386
|
+
"switch-disabled-on-bg-color": "var(--CDS_gray_03, rgba(38, 38, 38, 0.12))",
|
|
387
|
+
"search-nav-search-bg-color": "var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
|
|
388
|
+
"range-normal-slider-bg-color": "var(--CDS_white_01, white)",
|
|
389
|
+
"range-normal-slider-bg-color-hover": "var(--CDS_white_01, white)",
|
|
349
390
|
"radio-bg-color": "rgba(0, 0, 0, 0)",
|
|
350
|
-
"radio-disabled-bg-color": "var(--CDS_gray_03)",
|
|
351
|
-
"calendar-card-table-cell-disabled-background":
|
|
352
|
-
|
|
391
|
+
"radio-disabled-bg-color": "var(--CDS_gray_03, rgba(38, 38, 38, 0.12))",
|
|
392
|
+
"calendar-card-table-cell-disabled-background":
|
|
393
|
+
"var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
|
|
394
|
+
"calendar-fullscreen-table-cell-disabled-background":
|
|
395
|
+
"var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
|
|
353
396
|
"checkbox-bg-color": "rgba(0, 0, 0, 0)",
|
|
354
|
-
"checkbox-disabled-bg-color": "var(--CDS_gray_03)",
|
|
397
|
+
"checkbox-disabled-bg-color": "var(--CDS_gray_03, rgba(38, 38, 38, 0.12))",
|
|
355
398
|
"balloon-tooltip-color-primary-bg": "rgba(0, 0, 0, 0.9) !important",
|
|
356
|
-
"balloon-tooltip-color-normal-bg":
|
|
357
|
-
|
|
358
|
-
"balloon-tooltip-color-
|
|
359
|
-
"
|
|
360
|
-
"btn-warning-primary-
|
|
399
|
+
"balloon-tooltip-color-normal-bg":
|
|
400
|
+
"'var(--CDS_gray_popover, white)', '!important'",
|
|
401
|
+
"balloon-tooltip-color-normal": "var(--CDS_gray_08, #262626)",
|
|
402
|
+
"balloon-tooltip-color-primary": "var(--CDS_white_01, white)",
|
|
403
|
+
"btn-warning-primary-bg-disabled":
|
|
404
|
+
"var(--CDS_gray_05, rgba(38, 38, 38, 0.4))",
|
|
405
|
+
"btn-warning-primary-color-disabled": "var(--CDS_white_01, white)",
|
|
361
406
|
"btn-warning-primary-border-color-disabled": "rgba(0, 0, 0, 0)",
|
|
362
|
-
"btn-pure-color-disabled": "var(--CDS_white_01)",
|
|
363
|
-
"btn-pure-bg-disabled": "var(--CDS_gray_05)",
|
|
364
|
-
"btn-pure-border-color-disabled": "var(--CDS_gray_05)",
|
|
407
|
+
"btn-pure-color-disabled": "var(--CDS_white_01, white)",
|
|
408
|
+
"btn-pure-bg-disabled": "var(--CDS_gray_05, rgba(38, 38, 38, 0.4))",
|
|
409
|
+
"btn-pure-border-color-disabled": "var(--CDS_gray_05, rgba(38, 38, 38, 0.4))",
|
|
365
410
|
"btn-ghost-dark-bg-normal": "rgba(0, 0, 0, 0)",
|
|
366
|
-
"btn-ghost-dark-color": "var(--CDS_gray_08)",
|
|
367
|
-
"btn-ghost-dark-color-hover": "var(--CDS_gray_08)",
|
|
368
|
-
"btn-ghost-dark-color-active": "var(--CDS_gray_08)",
|
|
369
|
-
"btn-ghost-dark-border-color-active": "var(--CDS_gray_08)",
|
|
370
|
-
"btn-ghost-dark-border-color-hover": "var(--CDS_gray_08)",
|
|
371
|
-
"btn-ghost-dark-border-color": "var(--CDS_gray_08)",
|
|
372
|
-
"btn-ghost-dark-bg-hover": "var(--CDS_gray_fill)",
|
|
373
|
-
"btn-ghost-dark-bg-active": "var(--CDS_gray_03)",
|
|
374
|
-
"btn-ghost-dark-color-disabled": "var(--CDS_gray_05)",
|
|
375
|
-
"btn-ghost-dark-border-color-disabled":
|
|
411
|
+
"btn-ghost-dark-color": "var(--CDS_gray_08, #262626)",
|
|
412
|
+
"btn-ghost-dark-color-hover": "var(--CDS_gray_08, #262626)",
|
|
413
|
+
"btn-ghost-dark-color-active": "var(--CDS_gray_08, #262626)",
|
|
414
|
+
"btn-ghost-dark-border-color-active": "var(--CDS_gray_08, #262626)",
|
|
415
|
+
"btn-ghost-dark-border-color-hover": "var(--CDS_gray_08, #262626)",
|
|
416
|
+
"btn-ghost-dark-border-color": "var(--CDS_gray_08, #262626)",
|
|
417
|
+
"btn-ghost-dark-bg-hover": "var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
|
|
418
|
+
"btn-ghost-dark-bg-active": "var(--CDS_gray_03, rgba(38, 38, 38, 0.12))",
|
|
419
|
+
"btn-ghost-dark-color-disabled": "var(--CDS_gray_05, rgba(38, 38, 38, 0.3))",
|
|
420
|
+
"btn-ghost-dark-border-color-disabled":
|
|
421
|
+
"var(--CDS_gray_05, rgba(38, 38, 38, 0.3))",
|
|
376
422
|
"btn-ghost-light-bg-normal": "rgba(0, 0, 0, 0)",
|
|
377
|
-
"btn-ghost-light-border-color": "var(--CDS_gray_08)",
|
|
378
|
-
"btn-ghost-light-color": "var(--CDS_gray_08)",
|
|
379
|
-
"btn-ghost-light-color-active": "var(--CDS_gray_08)",
|
|
380
|
-
"btn-ghost-light-color-hover": "var(--CDS_gray_08)",
|
|
381
|
-
"btn-ghost-light-border-color-active": "var(--CDS_gray_08)",
|
|
382
|
-
"btn-ghost-light-border-color-hover": "var(--CDS_gray_08)",
|
|
383
|
-
"btn-ghost-light-bg-hover": "var(--CDS_gray_02)",
|
|
384
|
-
"btn-ghost-light-bg-active": "var(--CDS_gray_03)",
|
|
385
|
-
"btn-ghost-light-color-disabled": "var(--CDS_gray_05)",
|
|
386
|
-
"btn-ghost-light-border-color-disabled":
|
|
423
|
+
"btn-ghost-light-border-color": "var(--CDS_gray_08, #262626)",
|
|
424
|
+
"btn-ghost-light-color": "var(--CDS_gray_08, #262626)",
|
|
425
|
+
"btn-ghost-light-color-active": "var(--CDS_gray_08, #262626)",
|
|
426
|
+
"btn-ghost-light-color-hover": "var(--CDS_gray_08, #262626)",
|
|
427
|
+
"btn-ghost-light-border-color-active": "var(--CDS_gray_08, #262626)",
|
|
428
|
+
"btn-ghost-light-border-color-hover": "var(--CDS_gray_08, #262626)",
|
|
429
|
+
"btn-ghost-light-bg-hover": "var(--CDS_gray_02, rgba(38, 38, 38, 0.08))",
|
|
430
|
+
"btn-ghost-light-bg-active": "var(--CDS_gray_03, rgba(38, 38, 38, 0.12))",
|
|
431
|
+
"btn-ghost-light-color-disabled": "var(--CDS_gray_05, rgba(38, 38, 38, 0.3))",
|
|
432
|
+
"btn-ghost-light-border-color-disabled":
|
|
433
|
+
"var(--CDS_gray_05, rgba(38, 38, 38, 0.3))",
|
|
434
|
+
"lake-subtle": "var(--CDS_ct_lake_subtle, #d9f6f5)",
|
|
435
|
+
"lake-soft": "var(--CDS_ct_lake_soft, #b2f0ed)",
|
|
436
|
+
"lake-medium": "var(--CDS_ct_lake_medium, #70e0dc)",
|
|
437
|
+
"lake-hard": "var(--CDS_ct_lake_hard, #00c2b9)",
|
|
438
|
+
"sea-medium": "var(--CDS_ct_sea_medium, #6adbfb)",
|
|
439
|
+
"violet-hard": "var(--CDS_ct_violet_hard, #9787ff)",
|
|
440
|
+
"mango-hard": "var(--CDS_ct_mango_hard, #ffca49)",
|
|
387
441
|
"font-size-caption": "12px",
|
|
388
442
|
"font-size-body": "14px",
|
|
389
443
|
"font-size-subhead": "14px",
|
|
@@ -411,8 +465,6 @@ module.exports = {
|
|
|
411
465
|
"shape-circular": "50%",
|
|
412
466
|
"shadow-card": "var(--CDS_shadow_01)",
|
|
413
467
|
"shadow-card-hover": "var(--CDS_shadow_01)",
|
|
414
|
-
"shadow-popover": "var(--CDS_shadow_03)",
|
|
415
|
-
"shadow-modal": "var(--CDS_shadow_04)",
|
|
416
468
|
AT_THEME: "teambition",
|
|
417
469
|
AT_THEME_TYPE: "light"
|
|
418
470
|
};
|