@txdfe/at-theme 2.0.1-2 → 2.0.1-21

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