@txdfe/at-theme 2.0.1-15 → 2.0.1-17

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 (6) hide show
  1. package/README.md +4 -0
  2. package/package.json +1 -1
  3. package/teambition/css/index.css +185 -180
  4. package/teambition/js/index.js +202 -180
  5. package/teambition/less/index.less +185 -180
  6. package/teambition/scss/variables/color.scss +207 -202
package/teambition/less/index.less CHANGED
@@ -150,124 +150,129 @@
150
150
  @S52: 52px;
151
151
  @S56: 56px;
152
152
  @S80: 80px;
153
- @pale-brand: var(--CDS_pale_brand);
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
- @pale-danger: var(--CDS_pale_danger);
162
- @highlight-danger: var(--CDS_highlight_danger);
163
- @bright-danger: var(--CDS_bright_danger);
164
- @border-danger: var(--CDS_border_danger);
165
- @primary-danger: var(--CDS_primary_danger);
166
- @hover-danger: var(--CDS_hover_danger);
167
- @click-danger: var(--CDS_click_danger);
168
- @heavy-danger: var(--CDS_heavy_danger);
169
- @pale-warning: var(--CDS_pale_warning);
170
- @highlight-warning: var(--CDS_highlight_warning);
171
- @bright-warning: var(--CDS_bright_warning);
172
- @border-warning: var(--CDS_border_warning);
173
- @primary-warning: var(--CDS_primary_warning);
174
- @hover-warning: var(--CDS_hover_warning);
175
- @click-warning: var(--CDS_click_warning);
176
- @heavy-warning: var(--CDS_heavy_warning);
177
- @pale-alert: var(--CDS_pale_alert);
178
- @highlight-alert: var(--CDS_highlight_alert);
179
- @bright-alert: var(--CDS_bright_alert);
180
- @border-alert: var(--CDS_border_alert);
181
- @primary-alert: var(--CDS_primary_alert);
182
- @hover-alert: var(--CDS_hover_alert);
183
- @click-alert: var(--CDS_click_alert);
184
- @heavy-alert: var(--CDS_heavy_alert);
185
- @pale-success: var(--CDS_pale_success);
186
- @highlight-success: var(--CDS_highlight_success);
187
- @bright-success: var(--CDS_bright_success);
188
- @border-success: var(--CDS_border_success);
189
- @primary-success: var(--CDS_primary_success);
190
- @hover-success: var(--CDS_hover_success);
191
- @click-success: var(--CDS_click_success);
192
- @heavy-success: var(--CDS_heavy_success);
193
- @pale-turquoise: var(--CDS_pale_turquoise);
194
- @highlight-turquoise: var(--CDS_highlight_turquoise);
195
- @bright-turquoise: var(--CDS_bright_turquoise);
196
- @border-turquoise: var(--CDS_border_turquoise);
197
- @primary-turquoise: var(--CDS_primary_turquoise);
198
- @hover-turquoise: var(--CDS_hover_turquoise);
199
- @pale-purple: var(--CDS_pale_purple);
200
- @highlight-purple: var(--CDS_highlight_purple);
201
- @bright-purple: var(--CDS_bright_purple);
202
- @border-purple: var(--CDS_border_purple);
203
- @primary-purple: var(--CDS_primary_purple);
204
- @hover-purple: var(--CDS_hover_purple);
205
- @snow: var(--CDS_gray_00);
206
- @black: var(--CDS_black_01);
207
- @white: var(--CDS_white_01);
208
- @abs-white: var(--CDS_white_01);
209
- @white-01: var(--CDS_white_01);
210
- @white-02: var(--CDS_white_02);
211
- @white-03: var(--CDS_white_03);
212
- @white-04: var(--CDS_white_04);
213
- @white-05: var(--CDS_white_05);
214
- @black-01: var(--CDS_black_01);
215
- @black-02: var(--CDS_black_02);
216
- @gray-fill: var(--CDS_gray_fill);
217
- @line-hover: var(--CDS_gray_fill);
218
- @gray-filled: var(--CDS_gray_fill);
219
- @line-actived: var(--CDS_gray_fill);
220
- @line-select: var(--CDS_gray_fill);
221
- @line-selected: var(--CDS_gray_fill);
222
- @gray-click: var(--CDS_gray_fill);
223
- @line-click: var(--CDS_gray_fill);
224
- @gray-basic: var(--CDS_gray_basic);
225
- @basic: var(--CDS_gray_basic);
226
- @basic-fg: var(--CDS_gray_basic);
227
- @basic-bg: var(--CDS_gray_00);
228
- @line-color: var(--CDS_gray_basic);
229
- @gray-modal: var(--CDS_gray_modal);
230
- @modal-color: var(--CDS_gray_modal);
231
- @gray-popover: var(--CDS_gray_popover);
232
- @popover-color: var(--CDS_gray_popover);
233
- @gray-00: var(--CDS_gray_00);
234
- @gray-01: var(--CDS_gray_01);
235
- @gray-02: var(--CDS_gray_02);
236
- @gray-03: var(--CDS_gray_03);
237
- @gray-04: var(--CDS_gray_04);
238
- @gray-05: var(--CDS_gray_05);
239
- @gray-06: var(--CDS_gray_06);
240
- @gray-07: var(--CDS_gray_07);
241
- @gray-08: var(--CDS_gray_08);
242
- @shadow-color: var(--CDS_shadow_color);
243
- @dashboard-01: var(--CDS_data_orange);
244
- @dashboard-02: var(--CDS_data_red);
245
- @dashboard-03: var(--CDS_data_green);
246
- @dashboard-04: var(--CDS_data_purple);
247
- @dashboard-05: var(--CDS_data_blue);
248
- @dashboard-06: var(--CDS_data_cyan);
249
- @dashboard-07: var(--CDS_data_violet);
250
- @data-orange: var(--CDS_data_orange);
251
- @data-red: var(--CDS_data_red);
252
- @data-green: var(--CDS_data_green);
253
- @data-purple: var(--CDS_data_purple);
254
- @data-blue: var(--CDS_data_blue);
255
- @data-cyan: var(--CDS_data_cyan);
256
- @data-violet: var(--CDS_data_violet);
257
- @placeholder-01: var(--CDS_ph_plum);
258
- @placeholder-02: var(--CDS_ph_red);
259
- @placeholder-03: var(--CDS_ph_orange);
260
- @placeholder-04: var(--CDS_ph_amber);
261
- @placeholder-05: var(--CDS_ph_olive);
262
- @placeholder-06: var(--CDS_ph_sky);
263
- @placeholder-07: var(--CDS_ph_blue);
264
- @ph-plum: var(--CDS_ph_plum);
265
- @ph-red: var(--CDS_ph_red);
266
- @ph-orange: var(--CDS_ph_orange);
267
- @ph-amber: var(--CDS_ph_amber);
268
- @ph-olive: var(--CDS_ph_olive);
269
- @ph-sky: var(--CDS_ph_sky);
270
- @ph-blue: var(--CDS_ph_blue);
153
+ @pale-brand: var(--CDS_pale_brand, rgba(27, 154, 238, 0.04));
154
+ @highlight-brand: var(--CDS_highlight_brand, rgba(27, 154, 238, 0.08));
155
+ @bright-brand: var(--CDS_bright_brand, rgba(27, 154, 238, 0.2));
156
+ @border-brand: var(--CDS_border_brand, rgba(27, 154, 238, 0.4));
157
+ @primary-brand: var(--CDS_primary_brand, #1b9aee);
158
+ @hover-brand: var(--CDS_hover_brand, #1287d9);
159
+ @click-brand: var(--CDS_click_brand, #0776c7);
160
+ @heavy-brand: var(--CDS_heavy_brand, #0068ba);
161
+ @pale-danger: var(--CDS_pale_danger, rgba(217, 68, 47, 0.04));
162
+ @highlight-danger: var(--CDS_highlight_danger, rgba(217, 68, 47, 0.08));
163
+ @bright-danger: var(--CDS_bright_danger, rgba(217, 68, 47, 0.2));
164
+ @border-danger: var(--CDS_border_danger, rgba(217, 68, 47, 0.4));
165
+ @primary-danger: var(--CDS_primary_danger, #d9442f);
166
+ @hover-danger: var(--CDS_hover_danger, #c23828);
167
+ @click-danger: var(--CDS_click_danger, #b03021);
168
+ @heavy-danger: var(--CDS_heavy_danger, #a12817);
169
+ @pale-warning: var(--CDS_pale_warning, rgba(255, 154, 33, 0.04));
170
+ @highlight-warning: var(--CDS_highlight_warning, rgba(255, 154, 33, 0.08));
171
+ @bright-warning: var(--CDS_bright_warning, rgba(255, 154, 33, 0.2));
172
+ @border-warning: var(--CDS_border_warning, rgba(255, 154, 33, 0.4));
173
+ @primary-warning: var(--CDS_primary_warning, #ff9a21);
174
+ @hover-warning: var(--CDS_hover_warning, #e58810);
175
+ @click-warning: var(--CDS_click_warning, #d97818);
176
+ @heavy-warning: var(--CDS_heavy_warning, #cc6a1b);
177
+ @pale-alert: var(--CDS_pale_alert, rgba(255, 204, 0, 0.04));
178
+ @highlight-alert: var(--CDS_highlight_alert, rgba(255, 204, 0, 0.08));
179
+ @bright-alert: var(--CDS_bright_alert, rgba(255, 204, 0, 0.2));
180
+ @border-alert: var(--CDS_border_alert, rgba(255, 204, 0, 0.4));
181
+ @primary-alert: var(--CDS_primary_alert, #ffcc00);
182
+ @hover-alert: var(--CDS_hover_alert, #ebb800);
183
+ @click-alert: var(--CDS_click_alert, #e0a900);
184
+ @heavy-alert: var(--CDS_heavy_alert, #cf9600);
185
+ @pale-success: var(--CDS_pale_success, rgba(42, 168, 78, 0.04));
186
+ @highlight-success: var(--CDS_highlight_success, rgba(42, 168, 78, 0.04));
187
+ @bright-success: var(--CDS_bright_success, rgba(42, 168, 78, 0.2));
188
+ @border-success: var(--CDS_border_success, rgba(42, 168, 78, 0.4));
189
+ @primary-success: var(--CDS_primary_success, #2aa84e);
190
+ @hover-success: var(--CDS_hover_success, #1e9441);
191
+ @click-success: var(--CDS_click_success, #108035);
192
+ @heavy-success: var(--CDS_heavy_success, #006e26);
193
+ @pale-turquoise: var(--CDS_pale_turquoise, rgba(0, 156, 149, 0.04));
194
+ @highlight-turquoise: var(--CDS_highlight_turquoise, rgba(0, 156, 149, 0.08));
195
+ @bright-turquoise: var(--CDS_bright_turquoise, rgba(0, 156, 149, 0.2));
196
+ @border-turquoise: var(--CDS_border_turquoise, rgba(0, 156, 149, 0.4));
197
+ @primary-turquoise: var(--CDS_primary_turquoise, #009c95);
198
+ @hover-turquoise: var(--CDS_hover_turquoise, #008a82);
199
+ @click-turquoise: var(--CDS_click_turquoise, #017a72);
200
+ @heavy-turquoise: var(--CDS_heavy_turquoise, #026b63);
201
+ @pale-purple: var(--CDS_pale_purple, rgba(115, 83, 233, 0.04));
202
+ @highlight-purple: var(--CDS_highlight_purple, rgba(115, 83, 233, 0.08));
203
+ @bright-purple: var(--CDS_bright_purple, rgba(115, 83, 233, 0.2));
204
+ @border-purple: var(--CDS_border_purple, rgba(115, 83, 233, 0.4));
205
+ @primary-purple: var(--CDS_primary_purple, #7353e9);
206
+ @hover-purple: var(--CDS_hover_purple, #6541d4);
207
+ @click-purple: var(--CDS_click_purple, #5835bd);
208
+ @heavy-purple: var(--CDS_heavy_purple, #4d2aaa);
209
+ @snow: var(--CDS_gray_00, white);
210
+ @black: var(--CDS_black_01, black);
211
+ @white: var(--CDS_white_01, white);
212
+ @abs-white: var(--CDS_white_01, white);
213
+ @white-01: var(--CDS_white_01, white);
214
+ @white-02: var(--CDS_white_02, rgba(255, 255, 255, 0.72));
215
+ @white-03: var(--CDS_white_03, rgba(255, 255, 255, 0.36));
216
+ @white-04: var(--CDS_white_04, rgba(255, 255, 255, 0.18));
217
+ @white-05: var(--CDS_white_05, rgba(255, 255, 255, 0.08));
218
+ @black-01: var(--CDS_black_01, black);
219
+ @black-02: var(--CDS_black_02, #44474b);
220
+ @gray-fill: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
221
+ @line-hover: var(--CDS_gray_hover, rgba(38, 38, 38, 0.05));
222
+ @gray-filled: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
223
+ @line-actived: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
224
+ @line-select: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
225
+ @line-selected: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
226
+ @gray-click: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
227
+ @line-click: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
228
+ @gray-basic: var(--CDS_gray_basic, white);
229
+ @basic: var(--CDS_gray_basic, white);
230
+ @basic-fg: var(--CDS_gray_basic, white);
231
+ @basic-bg: var(--CDS_gray_00, white);
232
+ @line-color: var(--CDS_gray_basic, white);
233
+ @gray-modal: var(--CDS_gray_modal, white);
234
+ @modal-color: var(--CDS_gray_modal, white);
235
+ @gray-popover: var(--CDS_gray_popover, white);
236
+ @popover-color: var(--CDS_gray_popover, white);
237
+ @gray-00: var(--CDS_gray_00, white);
238
+ @gray-01: var(--CDS_gray_01, #f7f7f7);
239
+ @gray-02: var(--CDS_gray_02, rgba(38, 38, 38, 0.08));
240
+ @gray-03: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
241
+ @gray-04: var(--CDS_gray_04, rgba(38, 38, 38, 0.18));
242
+ @gray-05: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
243
+ @gray-06: var(--CDS_gray_06, rgba(38, 38, 38, 0.52));
244
+ @gray-07: var(--CDS_gray_07, rgba(38, 38, 38, 0.76));
245
+ @gray-08: var(--CDS_gray_08, #262626);
246
+ @shadow-color: var(--CDS_shadow_color, black);
247
+ @dashboard-01: var(--CDS_data_orange, #ffaf38);
248
+ @dashboard-02: var(--CDS_data_red, #ff656b);
249
+ @dashboard-03: var(--CDS_data_green, #75c940);
250
+ @dashboard-04: var(--CDS_data_purple, #9979f2);
251
+ @dashboard-05: var(--CDS_data_blue, #0395ff);
252
+ @dashboard-06: var(--CDS_data_cyan, #57e9c4);
253
+ @dashboard-07: var(--CDS_data_violet, #5c60e6);
254
+ @data-orange: var(--CDS_data_orange, #ffaf38);
255
+ @data-red: var(--CDS_data_red, #ff656b);
256
+ @data-green: var(--CDS_data_green, #75c940);
257
+ @data-purple: var(--CDS_data_purple, #9979f2);
258
+ @data-blue: var(--CDS_data_blue, #0395ff);
259
+ @data-cyan: var(--CDS_data_cyan, #57e9c4);
260
+ @data-violet: var(--CDS_data_violet, #5c60e6);
261
+ @data-sky: var(--CDS_data_sky, #c7edf8);
262
+ @placeholder-01: var(--CDS_ph_plum, #bc61cf);
263
+ @placeholder-02: var(--CDS_ph_red, #f26666);
264
+ @placeholder-03: var(--CDS_ph_orange, #f29a52);
265
+ @placeholder-04: var(--CDS_ph_amber, #f4c329);
266
+ @placeholder-05: var(--CDS_ph_olive, #cbd057);
267
+ @placeholder-06: var(--CDS_ph_sky, #29b3f0);
268
+ @placeholder-07: var(--CDS_ph_blue, #3885ea);
269
+ @ph-plum: var(--CDS_ph_plum, #bc61cf);
270
+ @ph-red: var(--CDS_ph_red, #f26666);
271
+ @ph-orange: var(--CDS_ph_orange, #f29a52);
272
+ @ph-amber: var(--CDS_ph_amber, #f4c329);
273
+ @ph-olive: var(--CDS_ph_olive, #cbd057);
274
+ @ph-sky: var(--CDS_ph_sky, #29b3f0);
275
+ @ph-blue: var(--CDS_ph_blue, #3885ea);
271
276
  @lavender-soft: var(--CDS_ct_lavender_soft, #9ea3ff);
272
277
  @lavender-hard: var(--CDS_ct_lavender_hard, #767ff7);
273
278
  @coral-soft: var(--CDS_ct_coral_soft, #fd998f);
@@ -279,13 +284,13 @@
279
284
  @neutral-deep: var(--CDS_ct_neutral_deep, #8c8c8c);
280
285
  @background-fill: #ffffff;
281
286
  @background-nav-search: rgba(0, 0, 0, 0);
282
- @background-section: var(--CDS_gray_modal);
283
- @background-layout: var(--CDS_gray_00);
284
- @background-overlay: var(--CDS_gray_modal);
285
- @background-switch-trigger: var(--CDS_white_01);
286
- @background-base: var(--CDS_gray_fill);
287
- @mask: var(--CDS_black_overlay);
288
- @overlay: var(--CDS_black_overlay);
287
+ @background-section: var(--CDS_gray_modal, white);
288
+ @background-layout: var(--CDS_gray_00, white);
289
+ @background-overlay: var(--CDS_gray_modal, white);
290
+ @background-switch-trigger: var(--CDS_white_01, white);
291
+ @background-base: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
292
+ @mask: var(--CDS_black_overlay, rgba(0, 0, 0, 0.2));
293
+ @overlay: var(--CDS_black_overlay, rgba(0, 0, 0, 0.2));
289
294
  @shadow-00: var(--CDS_shadow_00);
290
295
  @shadow-01: var(--CDS_shadow_01);
291
296
  @shadow-02: var(--CDS_shadow_02);
@@ -296,17 +301,17 @@
296
301
  @shadow-color-02: var(--CDS_shadow_color_02, rgba(38, 38, 38, 0.14));
297
302
  @shadow-color-03: var(--CDS_shadow_color_03, rgba(38, 38, 38, 0.18));
298
303
  @shadow-color-04: var(--CDS_shadow_color_04, rgba(38, 38, 38, 0.24));
299
- @cell-line-hover: var(--CDS_gray_fill);
300
- @cell-line-active: var(--CDS_gray_02);
304
+ @cell-line-hover: var(--CDS_gray_hover, rgba(38, 38, 38, 0.05));
305
+ @cell-line-active: var(--CDS_gray_02, rgba(38, 38, 38, 0.08));
301
306
  @tab-wrapped-bg-color-hover: rgba(0, 0, 0, 0);
302
307
  @tab-wrapped-bg-color: rgba(0, 0, 0, 0);
303
- @tab-wrapped-bg-color-selected: var(--CDS_gray_basic);
304
- @step-dot-item-tail-wait-color: var(--CDS_gray_05);
305
- @step-dot-item-tail-process-color: var(--CDS_gray_05);
306
- @step-dot-item-tail-disabled-color: var(--CDS_gray_05);
307
- @step-circle-item-tail-wait-color: var(--CDS_gray_05);
308
- @step-circle-item-tail-process-color: var(--CDS_gray_05);
309
- @step-circle-item-tail-disabled-color: var(--CDS_gray_05);
308
+ @tab-wrapped-bg-color-selected: var(--CDS_gray_basic, white);
309
+ @step-dot-item-tail-wait-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
310
+ @step-dot-item-tail-process-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
311
+ @step-dot-item-tail-disabled-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
312
+ @step-circle-item-tail-wait-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
313
+ @step-circle-item-tail-process-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
314
+ @step-circle-item-tail-disabled-color: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
310
315
  @pagination-item-bg: rgba(0, 0, 0, 0);
311
316
  @nav-normal-bg-color: rgba(0, 0, 0, 0);
312
317
  @nav-normal-sub-nav-bg-color: rgba(0, 0, 0, 0);
@@ -321,38 +326,38 @@
321
326
  @nav-primary-item-opened-bg-color: var(--XDS_line_hover_color);
322
327
  @nav-primary-sub-nav-selected-bg-color: var(--XDS_line_hard_color);
323
328
  @nav-primary-sub-nav-bg-color: rgba(0, 0, 0, 0);
324
- @table-row-hover-bg: var(--CDS_gray_fill);
325
- @menu-background: var(--CDS_gray_popover);
326
- @menu-background-hover: var(--CDS_gray_fill);
327
- @menu-background-selected: var(--CDS_gray_filled);
328
- @menu-background-focus: var(--CDS_gray_filled);
329
- @menu-divider-color: var(--CDS_gray_03);
329
+ @table-row-hover-bg: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
330
+ @menu-background: var(--CDS_gray_popover, white);
331
+ @menu-background-hover: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
332
+ @menu-background-selected: var(--CDS_gray_filled, rgba(38, 38, 38, 0.06));
333
+ @menu-background-focus: var(--CDS_gray_filled, rgba(38, 38, 38, 0.06));
334
+ @menu-divider-color: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
330
335
  @input-bg-color: rgba(0, 0, 0, 0);
331
336
  @input-focus-bg-color: rgba(0, 0, 0, 0);
332
337
  @input-hover-bg-color: rgba(0, 0, 0, 0);
333
- @input-disabled-bg-color: var(--CDS_gray_fill);
334
- @input-addon-bg-color: var(--CDS_gray_fill);
335
- @tag-closable-primary-fill-bg-color: var(--CDS_gray_02);
336
- @tag-closable-primary-fill-bg-color-hover: var(--CDS_gray_03);
337
- @tag-closable-primary-fill-bg-color-disabled: var(--CDS_gray_02);
338
- @tag-closable-primary-fill-border-color-hover: var(--CDS_gray_04);
339
- @tag-closable-primary-fill-border-color-disabled: var(--CDS_gray_03);
340
- @tag-closable-primary-fill-text-color-disabled: var(--CDS_gray_05);
341
- @transfer-panel-header-background-color: var(--CDS_gray_basic);
342
- @switch-disabled-on-bg-color: var(--CDS_gray_03);
343
- @search-nav-search-bg-color: var(--CDS_gray_fill);
344
- @range-normal-slider-bg-color: var(--CDS_white_01);
345
- @range-normal-slider-bg-color-hover: var(--CDS_white_01);
338
+ @input-disabled-bg-color: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
339
+ @input-addon-bg-color: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
340
+ @tag-closable-primary-fill-bg-color: var(--CDS_gray_02, rgba(38, 38, 38, 0.08));
341
+ @tag-closable-primary-fill-bg-color-hover: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
342
+ @tag-closable-primary-fill-bg-color-disabled: var(--CDS_gray_02, rgba(38, 38, 38, 0.08));
343
+ @tag-closable-primary-fill-border-color-hover: var(--CDS_gray_04, rgba(38, 38, 38, 0.18));
344
+ @tag-closable-primary-fill-border-color-disabled: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
345
+ @tag-closable-primary-fill-text-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
346
+ @transfer-panel-header-background-color: var(--CDS_gray_basic, white);
347
+ @switch-disabled-on-bg-color: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
348
+ @search-nav-search-bg-color: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
349
+ @range-normal-slider-bg-color: var(--CDS_white_01, white);
350
+ @range-normal-slider-bg-color-hover: var(--CDS_white_01, white);
346
351
  @radio-bg-color: rgba(0, 0, 0, 0);
347
- @radio-disabled-bg-color: var(--CDS_gray_03);
348
- @calendar-card-table-cell-disabled-background: var(--CDS_gray_fill);
349
- @calendar-fullscreen-table-cell-disabled-background: var(--CDS_gray_fill);
352
+ @radio-disabled-bg-color: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
353
+ @calendar-card-table-cell-disabled-background: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
354
+ @calendar-fullscreen-table-cell-disabled-background: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
350
355
  @checkbox-bg-color: rgba(0, 0, 0, 0);
351
- @checkbox-disabled-bg-color: var(--CDS_gray_03);
356
+ @checkbox-disabled-bg-color: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
352
357
  @balloon-tooltip-color-primary-bg: rgba(0, 0, 0, 0.9) !important;
353
- @balloon-tooltip-color-normal-bg: 'var(--CDS_gray_popover)', '!important';
354
- @balloon-tooltip-color-normal: var(--CDS_gray_08);
355
- @balloon-tooltip-color-primary: var(--CDS_white_01);
358
+ @balloon-tooltip-color-normal-bg: 'var(--CDS_gray_popover, white)', '!important';
359
+ @balloon-tooltip-color-normal: var(--CDS_gray_08, #262626);
360
+ @balloon-tooltip-color-primary: var(--CDS_white_01, white);
356
361
  @btn-warning-primary-bg-disabled: var(--CDS_gray_05);
357
362
  @btn-warning-primary-color-disabled: var(--CDS_white_01);
358
363
  @btn-warning-primary-border-color-disabled: rgba(0, 0, 0, 0);
@@ -360,27 +365,27 @@
360
365
  @btn-pure-bg-disabled: var(--CDS_gray_05);
361
366
  @btn-pure-border-color-disabled: var(--CDS_gray_05);
362
367
  @btn-ghost-dark-bg-normal: rgba(0, 0, 0, 0);
363
- @btn-ghost-dark-color: var(--CDS_gray_08);
364
- @btn-ghost-dark-color-hover: var(--CDS_gray_08);
365
- @btn-ghost-dark-color-active: var(--CDS_gray_08);
366
- @btn-ghost-dark-border-color-active: var(--CDS_gray_08);
367
- @btn-ghost-dark-border-color-hover: var(--CDS_gray_08);
368
- @btn-ghost-dark-border-color: var(--CDS_gray_08);
369
- @btn-ghost-dark-bg-hover: var(--CDS_gray_fill);
370
- @btn-ghost-dark-bg-active: var(--CDS_gray_03);
371
- @btn-ghost-dark-color-disabled: var(--CDS_gray_05);
372
- @btn-ghost-dark-border-color-disabled: var(--CDS_gray_05);
368
+ @btn-ghost-dark-color: var(--CDS_gray_08, #262626);
369
+ @btn-ghost-dark-color-hover: var(--CDS_gray_08, #262626);
370
+ @btn-ghost-dark-color-active: var(--CDS_gray_08, #262626);
371
+ @btn-ghost-dark-border-color-active: var(--CDS_gray_08, #262626);
372
+ @btn-ghost-dark-border-color-hover: var(--CDS_gray_08, #262626);
373
+ @btn-ghost-dark-border-color: var(--CDS_gray_08, #262626);
374
+ @btn-ghost-dark-bg-hover: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
375
+ @btn-ghost-dark-bg-active: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
376
+ @btn-ghost-dark-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
377
+ @btn-ghost-dark-border-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
373
378
  @btn-ghost-light-bg-normal: rgba(0, 0, 0, 0);
374
- @btn-ghost-light-border-color: var(--CDS_gray_08);
375
- @btn-ghost-light-color: var(--CDS_gray_08);
376
- @btn-ghost-light-color-active: var(--CDS_gray_08);
377
- @btn-ghost-light-color-hover: var(--CDS_gray_08);
378
- @btn-ghost-light-border-color-active: var(--CDS_gray_08);
379
- @btn-ghost-light-border-color-hover: var(--CDS_gray_08);
380
- @btn-ghost-light-bg-hover: var(--CDS_gray_02);
381
- @btn-ghost-light-bg-active: var(--CDS_gray_03);
382
- @btn-ghost-light-color-disabled: var(--CDS_gray_05);
383
- @btn-ghost-light-border-color-disabled: var(--CDS_gray_05);
379
+ @btn-ghost-light-border-color: var(--CDS_gray_08, #262626);
380
+ @btn-ghost-light-color: var(--CDS_gray_08, #262626);
381
+ @btn-ghost-light-color-active: var(--CDS_gray_08, #262626);
382
+ @btn-ghost-light-color-hover: var(--CDS_gray_08, #262626);
383
+ @btn-ghost-light-border-color-active: var(--CDS_gray_08, #262626);
384
+ @btn-ghost-light-border-color-hover: var(--CDS_gray_08, #262626);
385
+ @btn-ghost-light-bg-hover: var(--CDS_gray_02, rgba(38, 38, 38, 0.08));
386
+ @btn-ghost-light-bg-active: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
387
+ @btn-ghost-light-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
388
+ @btn-ghost-light-border-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.3));
384
389
  @font-size-caption: 12px;
385
390
  @font-size-body: 14px;
386
391
  @font-size-subhead: 14px;