@mozaic-ds/angular 0.24.0-beta.3 → 0.24.0-beta.4

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 (42) hide show
  1. package/adeo/assets/tokens/adeo/css/_variables.scss +50 -200
  2. package/adeo/assets/tokens/adeo/js/tokens.js +575 -575
  3. package/adeo/assets/tokens/adeo/js/tokensObject.js +12457 -9652
  4. package/adeo/assets/tokens/adeo/scss/_tokens.scss +240 -239
  5. package/adeo/components/header/header.component.d.ts +18 -7
  6. package/adeo/components/header/header.module.d.ts +2 -1
  7. package/adeo/components/header/index.d.ts +1 -0
  8. package/adeo/components/kpi/public-api.d.ts +1 -0
  9. package/adeo/components/public-api.d.ts +1 -1
  10. package/adeo/esm2020/components/header/header.component.mjs +89 -23
  11. package/adeo/esm2020/components/header/header.module.mjs +5 -4
  12. package/adeo/esm2020/components/header/index.mjs +2 -1
  13. package/adeo/esm2020/components/kpi/public-api.mjs +2 -0
  14. package/adeo/esm2020/components/public-api.mjs +2 -2
  15. package/adeo/fesm2015/mozaic-ds-angular.mjs +92 -32
  16. package/adeo/fesm2015/mozaic-ds-angular.mjs.map +1 -1
  17. package/adeo/fesm2020/mozaic-ds-angular.mjs +91 -31
  18. package/adeo/fesm2020/mozaic-ds-angular.mjs.map +1 -1
  19. package/adeo/package.json +1 -1
  20. package/assets/tokens/adeo/css/_variables.scss +50 -200
  21. package/assets/tokens/adeo/js/tokens.js +575 -575
  22. package/assets/tokens/adeo/js/tokensObject.js +12457 -9652
  23. package/assets/tokens/adeo/scss/_tokens.scss +240 -239
  24. package/components/header/header.component.d.ts +18 -7
  25. package/components/header/header.module.d.ts +2 -1
  26. package/components/header/index.d.ts +1 -0
  27. package/components/kpi/public-api.d.ts +1 -0
  28. package/components/public-api.d.ts +1 -1
  29. package/esm2020/components/header/header.component.mjs +89 -23
  30. package/esm2020/components/header/header.module.mjs +5 -4
  31. package/esm2020/components/header/index.mjs +2 -1
  32. package/esm2020/components/kpi/public-api.mjs +2 -0
  33. package/esm2020/components/public-api.mjs +2 -2
  34. package/fesm2015/mozaic-ds-angular.mjs +92 -32
  35. package/fesm2015/mozaic-ds-angular.mjs.map +1 -1
  36. package/fesm2020/mozaic-ds-angular.mjs +91 -31
  37. package/fesm2020/mozaic-ds-angular.mjs.map +1 -1
  38. package/package.json +1 -1
  39. package/adeo/components/header/header-animation.d.ts +0 -1
  40. package/adeo/esm2020/components/header/header-animation.mjs +0 -7
  41. package/components/header/header-animation.d.ts +0 -1
  42. package/esm2020/components/header/header-animation.mjs +0 -7
package/adeo/assets/tokens/adeo/css/_variables.scss CHANGED
@@ -144,147 +144,63 @@ $color-button-solid-hover-background: var(--color-button-solid-hover-background,
144
144
  $color-button-solid-hover-font: var(--color-button-solid-hover-font, #ffffff);
145
145
  $color-button-solid-primary-02-background: var(--color-button-solid-primary-02-background, #6a7081);
146
146
  $color-button-solid-primary-02-font: var(--color-button-solid-primary-02-font, #ffffff);
147
- $color-button-solid-primary-02-focus-border: var(
148
- --color-button-solid-primary-02-focus-border,
149
- #171b26
150
- );
151
- $color-button-solid-primary-02-disabled-background: var(
152
- --color-button-solid-primary-02-disabled-background,
153
- #cccccc
154
- );
155
- $color-button-solid-primary-02-disabled-font: var(
156
- --color-button-solid-primary-02-disabled-font,
157
- #666666
158
- );
159
- $color-button-solid-primary-02-active-background: var(
160
- --color-button-solid-primary-02-active-background,
161
- #171b26
162
- );
163
- $color-button-solid-primary-02-hover-background: var(
164
- --color-button-solid-primary-02-hover-background,
165
- #242938
166
- );
147
+ $color-button-solid-primary-02-focus-border: var(--color-button-solid-primary-02-focus-border, #171b26);
148
+ $color-button-solid-primary-02-disabled-background: var(--color-button-solid-primary-02-disabled-background, #cccccc);
149
+ $color-button-solid-primary-02-disabled-font: var(--color-button-solid-primary-02-disabled-font, #666666);
150
+ $color-button-solid-primary-02-active-background: var(--color-button-solid-primary-02-active-background, #171b26);
151
+ $color-button-solid-primary-02-hover-background: var(--color-button-solid-primary-02-hover-background, #242938);
167
152
  $color-button-solid-primary-02-hover-font: var(--color-button-solid-primary-02-hover-font, #ffffff);
168
153
  $color-button-solid-neutral-background: var(--color-button-solid-neutral-background, #333333);
169
154
  $color-button-solid-neutral-font: var(--color-button-solid-neutral-font, #ffffff);
170
155
  $color-button-solid-neutral-focus-border: var(--color-button-solid-neutral-focus-border, #191919);
171
- $color-button-solid-neutral-disabled-background: var(
172
- --color-button-solid-neutral-disabled-background,
173
- #cccccc
174
- );
156
+ $color-button-solid-neutral-disabled-background: var(--color-button-solid-neutral-disabled-background, #cccccc);
175
157
  $color-button-solid-neutral-disabled-font: var(--color-button-solid-neutral-disabled-font, #666666);
176
- $color-button-solid-neutral-active-background: var(
177
- --color-button-solid-neutral-active-background,
178
- #333333
179
- );
180
- $color-button-solid-neutral-hover-background: var(
181
- --color-button-solid-neutral-hover-background,
182
- #191919
183
- );
158
+ $color-button-solid-neutral-active-background: var(--color-button-solid-neutral-active-background, #333333);
159
+ $color-button-solid-neutral-hover-background: var(--color-button-solid-neutral-hover-background, #191919);
184
160
  $color-button-solid-neutral-hover-font: var(--color-button-solid-neutral-hover-font, #ffffff);
185
161
  $color-button-solid-danger-background: var(--color-button-solid-danger-background, #c61112);
186
162
  $color-button-solid-danger-font: var(--color-button-solid-danger-font, #ffffff);
187
163
  $color-button-solid-danger-focus-border: var(--color-button-solid-danger-focus-border, #8c0003);
188
- $color-button-solid-danger-disabled-background: var(
189
- --color-button-solid-danger-disabled-background,
190
- #cccccc
191
- );
164
+ $color-button-solid-danger-disabled-background: var(--color-button-solid-danger-disabled-background, #cccccc);
192
165
  $color-button-solid-danger-disabled-font: var(--color-button-solid-danger-disabled-font, #666666);
193
- $color-button-solid-danger-active-background: var(
194
- --color-button-solid-danger-active-background,
195
- #8c0003
196
- );
197
- $color-button-solid-danger-hover-background: var(
198
- --color-button-solid-danger-hover-background,
199
- #8c0003
200
- );
166
+ $color-button-solid-danger-active-background: var(--color-button-solid-danger-active-background, #8c0003);
167
+ $color-button-solid-danger-hover-background: var(--color-button-solid-danger-hover-background, #8c0003);
201
168
  $color-button-solid-danger-hover-font: var(--color-button-solid-danger-hover-font, #ffffff);
202
169
  $color-button-bordered-background: var(--color-button-bordered-background, #ffffff);
203
170
  $color-button-bordered-border: var(--color-button-bordered-border, #007f8c);
204
171
  $color-button-bordered-font: var(--color-button-bordered-font, #007f8c);
205
172
  $color-button-bordered-focus-border: var(--color-button-bordered-focus-border, #006974);
206
- $color-button-bordered-disabled-background: var(
207
- --color-button-bordered-disabled-background,
208
- #cccccc
209
- );
173
+ $color-button-bordered-disabled-background: var(--color-button-bordered-disabled-background, #cccccc);
210
174
  $color-button-bordered-disabled-font: var(--color-button-bordered-disabled-font, #666666);
211
175
  $color-button-bordered-active-background: var(--color-button-bordered-active-background, #91d5db);
212
176
  $color-button-bordered-active-font: var(--color-button-bordered-active-font, #004e57);
213
177
  $color-button-bordered-hover-background: var(--color-button-bordered-hover-background, #d9f0f3);
214
178
  $color-button-bordered-hover-font: var(--color-button-bordered-hover-font, #006974);
215
- $color-button-bordered-primary-02-background: var(
216
- --color-button-bordered-primary-02-background,
217
- #ffffff
218
- );
179
+ $color-button-bordered-primary-02-background: var(--color-button-bordered-primary-02-background, #ffffff);
219
180
  $color-button-bordered-primary-02-border: var(--color-button-bordered-primary-02-border, #6a7081);
220
181
  $color-button-bordered-primary-02-font: var(--color-button-bordered-primary-02-font, #6a7081);
221
- $color-button-bordered-primary-02-focus-border: var(
222
- --color-button-bordered-primary-02-focus-border,
223
- #171b26
224
- );
225
- $color-button-bordered-primary-02-disabled-background: var(
226
- --color-button-bordered-primary-02-disabled-background,
227
- #cccccc
228
- );
229
- $color-button-bordered-primary-02-disabled-font: var(
230
- --color-button-bordered-primary-02-disabled-font,
231
- #666666
232
- );
233
- $color-button-bordered-primary-02-active-background: var(
234
- --color-button-bordered-primary-02-active-background,
235
- #cfd2d8
236
- );
237
- $color-button-bordered-primary-02-hover-background: var(
238
- --color-button-bordered-primary-02-hover-background,
239
- #eeeff1
240
- );
182
+ $color-button-bordered-primary-02-focus-border: var(--color-button-bordered-primary-02-focus-border, #171b26);
183
+ $color-button-bordered-primary-02-disabled-background: var(--color-button-bordered-primary-02-disabled-background, #cccccc);
184
+ $color-button-bordered-primary-02-disabled-font: var(--color-button-bordered-primary-02-disabled-font, #666666);
185
+ $color-button-bordered-primary-02-active-background: var(--color-button-bordered-primary-02-active-background, #cfd2d8);
186
+ $color-button-bordered-primary-02-hover-background: var(--color-button-bordered-primary-02-hover-background, #eeeff1);
241
187
  $color-button-bordered-neutral-background: var(--color-button-bordered-neutral-background, #ffffff);
242
188
  $color-button-bordered-neutral-border: var(--color-button-bordered-neutral-border, #333333);
243
189
  $color-button-bordered-neutral-font: var(--color-button-bordered-neutral-font, #333333);
244
- $color-button-bordered-neutral-focus-border: var(
245
- --color-button-bordered-neutral-focus-border,
246
- #191919
247
- );
248
- $color-button-bordered-neutral-disabled-background: var(
249
- --color-button-bordered-neutral-disabled-background,
250
- #cccccc
251
- );
252
- $color-button-bordered-neutral-disabled-font: var(
253
- --color-button-bordered-neutral-disabled-font,
254
- #666666
255
- );
256
- $color-button-bordered-neutral-active-background: var(
257
- --color-button-bordered-neutral-active-background,
258
- #cccccc
259
- );
260
- $color-button-bordered-neutral-hover-background: var(
261
- --color-button-bordered-neutral-hover-background,
262
- #e6e6e6
263
- );
190
+ $color-button-bordered-neutral-focus-border: var(--color-button-bordered-neutral-focus-border, #191919);
191
+ $color-button-bordered-neutral-disabled-background: var(--color-button-bordered-neutral-disabled-background, #cccccc);
192
+ $color-button-bordered-neutral-disabled-font: var(--color-button-bordered-neutral-disabled-font, #666666);
193
+ $color-button-bordered-neutral-active-background: var(--color-button-bordered-neutral-active-background, #cccccc);
194
+ $color-button-bordered-neutral-hover-background: var(--color-button-bordered-neutral-hover-background, #e6e6e6);
264
195
  $color-button-bordered-danger-background: var(--color-button-bordered-danger-background, #ffffff);
265
196
  $color-button-bordered-danger-border: var(--color-button-bordered-danger-border, #c61112);
266
197
  $color-button-bordered-danger-font: var(--color-button-bordered-danger-font, #c61112);
267
- $color-button-bordered-danger-focus-border: var(
268
- --color-button-bordered-danger-focus-border,
269
- #8c0003
270
- );
271
- $color-button-bordered-danger-disabled-background: var(
272
- --color-button-bordered-danger-disabled-background,
273
- #cccccc
274
- );
275
- $color-button-bordered-danger-disabled-font: var(
276
- --color-button-bordered-danger-disabled-font,
277
- #666666
278
- );
279
- $color-button-bordered-danger-active-background: var(
280
- --color-button-bordered-danger-active-background,
281
- #f8bcbb
282
- );
198
+ $color-button-bordered-danger-focus-border: var(--color-button-bordered-danger-focus-border, #8c0003);
199
+ $color-button-bordered-danger-disabled-background: var(--color-button-bordered-danger-disabled-background, #cccccc);
200
+ $color-button-bordered-danger-disabled-font: var(--color-button-bordered-danger-disabled-font, #666666);
201
+ $color-button-bordered-danger-active-background: var(--color-button-bordered-danger-active-background, #f8bcbb);
283
202
  $color-button-bordered-danger-active-font: var(--color-button-bordered-danger-active-font, #530000);
284
- $color-button-bordered-danger-hover-background: var(
285
- --color-button-bordered-danger-hover-background,
286
- #fdeaea
287
- );
203
+ $color-button-bordered-danger-hover-background: var(--color-button-bordered-danger-hover-background, #fdeaea);
288
204
  $color-button-bordered-danger-hover-font: var(--color-button-bordered-danger-hover-font, #8c0003);
289
205
  $color-card-bordered-background: var(--color-card-bordered-background, #ffffff);
290
206
  $color-card-bordered-border: var(--color-card-bordered-border, #808080);
@@ -337,10 +253,7 @@ $color-flag-solid-danger-text: var(--color-flag-solid-danger-text, #ffffff);
337
253
  $color-flag-bordered-background: var(--color-flag-bordered-background, #ffffff);
338
254
  $color-flag-bordered-border: var(--color-flag-bordered-border, #007f8c);
339
255
  $color-flag-bordered-text: var(--color-flag-bordered-text, #007f8c);
340
- $color-flag-bordered-primary-02-background: var(
341
- --color-flag-bordered-primary-02-background,
342
- #ffffff
343
- );
256
+ $color-flag-bordered-primary-02-background: var(--color-flag-bordered-primary-02-background, #ffffff);
344
257
  $color-flag-bordered-primary-02-border: var(--color-flag-bordered-primary-02-border, #4b4a8c);
345
258
  $color-flag-bordered-primary-02-text: var(--color-flag-bordered-primary-02-text, #4b4a8c);
346
259
  $color-flag-bordered-dark-background: var(--color-flag-bordered-dark-background, #ffffff);
@@ -421,10 +334,7 @@ $color-menu-is-active: var(--color-menu-is-active, #007f8c);
421
334
  $color-menu-hover: var(--color-menu-hover, #eeedea);
422
335
  $color-menu-active: var(--color-menu-active, #dddcd5);
423
336
  $color-notification-font: var(--color-notification-font, #000000);
424
- $color-notification-information-background: var(
425
- --color-notification-information-background,
426
- #daeff7
427
- );
337
+ $color-notification-information-background: var(--color-notification-information-background, #daeff7);
428
338
  $color-notification-information-border: var(--color-notification-information-border, #0b96cc);
429
339
  $color-notification-information-icon: var(--color-notification-information-icon, #007bb4);
430
340
  $color-notification-success-background: var(--color-notification-success-background, #ebf5de);
@@ -440,10 +350,7 @@ $color-option-button-label-shadow: var(--color-option-button-label-shadow, #b3b3
440
350
  $color-option-button-hover-label-shadow: var(--color-option-button-hover-label-shadow, #333333);
441
351
  $color-option-button-checked-label-border: var(--color-option-button-checked-label-border, #00919f);
442
352
  $color-option-button-checked-label-shadow: var(--color-option-button-checked-label-shadow, #d9f0f3);
443
- $color-option-button-disabled-label-background: var(
444
- --color-option-button-disabled-label-background,
445
- #cccccc
446
- );
353
+ $color-option-button-disabled-label-background: var(--color-option-button-disabled-label-background, #cccccc);
447
354
  $color-option-card-label-shadow: var(--color-option-card-label-shadow, #b3b3b3);
448
355
  $color-option-card-hover-label-shadow: var(--color-option-card-hover-label-shadow, #333333);
449
356
  $color-option-card-checked-label-border: var(--color-option-card-checked-label-border, #00919f);
@@ -452,10 +359,7 @@ $color-option-card-disabled-content: var(--color-option-card-disabled-content, #
452
359
  $color-option-card-disabled-label: var(--color-option-card-disabled-label, #666666);
453
360
  $color-overlay-background: var(--color-overlay-background, #191919);
454
361
  $color-overlay-loader-background: var(--color-overlay-loader-background, #082435);
455
- $color-password-input-button-hover-background: var(
456
- --color-password-input-button-hover-background,
457
- #e6e6e6
458
- );
362
+ $color-password-input-button-hover-background: var(--color-password-input-button-hover-background, #e6e6e6);
459
363
  $color-phone-number-button-border: var(--color-phone-number-button-border, #666666);
460
364
  $color-phone-number-list-background: var(--color-phone-number-list-background, #ffffff);
461
365
  $color-phone-number-item-border: var(--color-phone-number-item-border, #b3b3b3);
@@ -471,14 +375,8 @@ $color-segmented-control-background: var(--color-segmented-control-background, #
471
375
  $color-sidebar-background: var(--color-sidebar-background, #082435);
472
376
  $color-sidebar-feature-background: var(--color-sidebar-feature-background, #082435);
473
377
  $color-sidebar-feature-hover-background: var(--color-sidebar-feature-hover-background, #405d68);
474
- $color-sidebar-feature-selected-background: var(
475
- --color-sidebar-feature-selected-background,
476
- #5b737d
477
- );
478
- $color-sidebar-feature-disabled-background: var(
479
- --color-sidebar-feature-disabled-background,
480
- #92a2a9
481
- );
378
+ $color-sidebar-feature-selected-background: var(--color-sidebar-feature-selected-background, #5b737d);
379
+ $color-sidebar-feature-disabled-background: var(--color-sidebar-feature-disabled-background, #92a2a9);
482
380
  $color-sidebar-user-background: var(--color-sidebar-user-background, #264653);
483
381
  $color-sidebar-divider-background: var(--color-sidebar-divider-background, #5b737d);
484
382
  $color-sidebar-icon: var(--color-sidebar-icon, #ffffff);
@@ -495,10 +393,7 @@ $color-stepper-item-current-background: var(--color-stepper-item-current-backgro
495
393
  $color-stepper-link-hover-text: var(--color-stepper-link-hover-text, #00919f);
496
394
  $color-stepper-indicator-background: var(--color-stepper-indicator-background, #ffffff);
497
395
  $color-stepper-indicator-border: var(--color-stepper-indicator-border, #999999);
498
- $color-stepper-indicator-current-background: var(
499
- --color-stepper-indicator-current-background,
500
- #00919f
501
- );
396
+ $color-stepper-indicator-current-background: var(--color-stepper-indicator-current-background, #00919f);
502
397
  $color-stepper-indicator-current-border: var(--color-stepper-indicator-current-border, #00919f);
503
398
  $color-stepper-icon: var(--color-stepper-icon, #00919f);
504
399
  $color-stepper-title: var(--color-stepper-title, #00919f);
@@ -534,83 +429,38 @@ $color-tag-link-dark-active-background: var(--color-tag-link-dark-active-backgro
534
429
  $color-tag-selectable-light-background: var(--color-tag-selectable-light-background, #ffffff);
535
430
  $color-tag-selectable-light-border: var(--color-tag-selectable-light-border, #808080);
536
431
  $color-tag-selectable-light-text: var(--color-tag-selectable-light-text, #191919);
537
- $color-tag-selectable-light-hover-background: var(
538
- --color-tag-selectable-light-hover-background,
539
- #48bac4
540
- );
541
- $color-tag-selectable-light-active-background: var(
542
- --color-tag-selectable-light-active-background,
543
- #004e57
544
- );
432
+ $color-tag-selectable-light-hover-background: var(--color-tag-selectable-light-hover-background, #48bac4);
433
+ $color-tag-selectable-light-active-background: var(--color-tag-selectable-light-active-background, #004e57);
545
434
  $color-tag-selectable-light-active-border: var(--color-tag-selectable-light-active-border, #004e57);
546
435
  $color-tag-selectable-light-active-text: var(--color-tag-selectable-light-active-text, #ffffff);
547
- $color-tag-selectable-light-disabled-background: var(
548
- --color-tag-selectable-light-disabled-background,
549
- #e6e6e6
550
- );
436
+ $color-tag-selectable-light-disabled-background: var(--color-tag-selectable-light-disabled-background, #e6e6e6);
551
437
  $color-tag-selectable-light-disabled-text: var(--color-tag-selectable-light-disabled-text, #808080);
552
- $color-tag-selectable-light-selected-background: var(
553
- --color-tag-selectable-light-selected-background,
554
- #007f8c
555
- );
438
+ $color-tag-selectable-light-selected-background: var(--color-tag-selectable-light-selected-background, #007f8c);
556
439
  $color-tag-selectable-light-selected-text: var(--color-tag-selectable-light-selected-text, #ffffff);
557
- $color-tag-selectable-light-selected-hover-background: var(
558
- --color-tag-selectable-light-selected-hover-background,
559
- #006974
560
- );
440
+ $color-tag-selectable-light-selected-hover-background: var(--color-tag-selectable-light-selected-hover-background, #006974);
561
441
  $color-tag-selectable-dark-background: var(--color-tag-selectable-dark-background, #191919);
562
442
  $color-tag-selectable-dark-border: var(--color-tag-selectable-dark-border, #ffffff);
563
443
  $color-tag-selectable-dark-text: var(--color-tag-selectable-dark-text, #ffffff);
564
- $color-tag-selectable-dark-hover-background: var(
565
- --color-tag-selectable-dark-hover-background,
566
- #006974
567
- );
568
- $color-tag-selectable-dark-active-background: var(
569
- --color-tag-selectable-dark-active-background,
570
- #91d5db
571
- );
444
+ $color-tag-selectable-dark-hover-background: var(--color-tag-selectable-dark-hover-background, #006974);
445
+ $color-tag-selectable-dark-active-background: var(--color-tag-selectable-dark-active-background, #91d5db);
572
446
  $color-tag-selectable-dark-active-border: var(--color-tag-selectable-dark-active-border, #91d5db);
573
447
  $color-tag-selectable-dark-active-text: var(--color-tag-selectable-dark-active-text, #191919);
574
- $color-tag-selectable-dark-selected-background: var(
575
- --color-tag-selectable-dark-selected-background,
576
- #009eac
577
- );
578
- $color-tag-selectable-dark-selected-border: var(
579
- --color-tag-selectable-dark-selected-border,
580
- #009eac
581
- );
448
+ $color-tag-selectable-dark-selected-background: var(--color-tag-selectable-dark-selected-background, #009eac);
449
+ $color-tag-selectable-dark-selected-border: var(--color-tag-selectable-dark-selected-border, #009eac);
582
450
  $color-tag-selectable-dark-selected-text: var(--color-tag-selectable-dark-selected-text, #191919);
583
- $color-tag-selectable-dark-selected-hover-background: var(
584
- --color-tag-selectable-dark-selected-hover-background,
585
- #48bac4
586
- );
587
- $color-tag-selectable-dark-disabled-background: var(
588
- --color-tag-selectable-dark-disabled-background,
589
- #4d4d4d
590
- );
451
+ $color-tag-selectable-dark-selected-hover-background: var(--color-tag-selectable-dark-selected-hover-background, #48bac4);
452
+ $color-tag-selectable-dark-disabled-background: var(--color-tag-selectable-dark-disabled-background, #4d4d4d);
591
453
  $color-tag-selectable-dark-disabled-text: var(--color-tag-selectable-dark-disabled-text, #808080);
592
454
  $color-tag-removable-light-background: var(--color-tag-removable-light-background, #333333);
593
455
  $color-tag-removable-light-text: var(--color-tag-removable-light-text, #ffffff);
594
456
  $color-tag-removable-light-icon: var(--color-tag-removable-light-icon, #cccccc);
595
- $color-tag-removable-light-hover-background: var(
596
- --color-tag-removable-light-hover-background,
597
- #4d4d4d
598
- );
599
- $color-tag-removable-light-active-background: var(
600
- --color-tag-removable-light-active-background,
601
- #666666
602
- );
457
+ $color-tag-removable-light-hover-background: var(--color-tag-removable-light-hover-background, #4d4d4d);
458
+ $color-tag-removable-light-active-background: var(--color-tag-removable-light-active-background, #666666);
603
459
  $color-tag-removable-dark-background: var(--color-tag-removable-dark-background, #cccccc);
604
460
  $color-tag-removable-dark-text: var(--color-tag-removable-dark-text, #191919);
605
461
  $color-tag-removable-dark-icon: var(--color-tag-removable-dark-icon, #191919);
606
- $color-tag-removable-dark-hover-background: var(
607
- --color-tag-removable-dark-hover-background,
608
- #b3b3b3
609
- );
610
- $color-tag-removable-dark-active-background: var(
611
- --color-tag-removable-dark-active-background,
612
- #999999
613
- );
462
+ $color-tag-removable-dark-hover-background: var(--color-tag-removable-dark-hover-background, #b3b3b3);
463
+ $color-tag-removable-dark-active-background: var(--color-tag-removable-dark-active-background, #999999);
614
464
  $color-toggle-label: var(--color-toggle-label, #000000);
615
465
  $color-toggle-off-background: var(--color-toggle-off-background, #666666);
616
466
  $color-toggle-off-circle: var(--color-toggle-off-circle, #ffffff);