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