@ptsecurity/mosaic 13.5.0 → 13.6.0

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 (70) hide show
  1. package/_theming.scss +119 -82
  2. package/_visual.scss +45 -41
  3. package/core/selection/pseudo-checkbox/pseudo-checkbox.d.ts +11 -2
  4. package/design-tokens/legacy-2017/tokens/components/alert.json5 +10 -10
  5. package/design-tokens/legacy-2017/tokens/components/button.json5 +8 -8
  6. package/design-tokens/legacy-2017/tokens/components/checkbox.json5 +14 -14
  7. package/design-tokens/legacy-2017/tokens/components/divider.json5 +6 -0
  8. package/design-tokens/legacy-2017/tokens/components/form-field.json5 +6 -6
  9. package/design-tokens/legacy-2017/tokens/components/popup.json5 +0 -2
  10. package/design-tokens/legacy-2017/tokens/components/sidepanel.json5 +12 -0
  11. package/design-tokens/legacy-2017/tokens/components/tags.json5 +16 -16
  12. package/design-tokens/legacy-2017/tokens.d.ts +56 -52
  13. package/design-tokens/pt-2022/tokens/components/alert.json5 +10 -10
  14. package/design-tokens/pt-2022/tokens/components/button.json5 +8 -8
  15. package/design-tokens/pt-2022/tokens/components/checkbox.json5 +18 -18
  16. package/design-tokens/pt-2022/tokens/components/divider.json5 +6 -0
  17. package/design-tokens/pt-2022/tokens/components/form-field.json5 +6 -6
  18. package/design-tokens/pt-2022/tokens/components/popup.json5 +0 -2
  19. package/design-tokens/pt-2022/tokens/components/sidepanel.json5 +12 -0
  20. package/design-tokens/pt-2022/tokens/components/tags.json5 +12 -12
  21. package/design-tokens/pt-2022/tokens.d.ts +45 -41
  22. package/esm2020/core/option/option.mjs +1 -1
  23. package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +20 -8
  24. package/esm2020/design-tokens/legacy-2017/tokens.mjs +57 -53
  25. package/esm2020/design-tokens/pt-2022/tokens.mjs +46 -42
  26. package/esm2020/form-field/password-hint.mjs +6 -1
  27. package/esm2020/input/input-password.mjs +12 -8
  28. package/esm2020/list/list-selection.component.mjs +1 -1
  29. package/esm2020/select/select.component.mjs +3 -3
  30. package/esm2020/tree/control/flat-tree-control.mjs +5 -2
  31. package/esm2020/tree/tree-option.component.mjs +3 -3
  32. package/esm2020/tree-select/tree-select.component.mjs +23 -18
  33. package/fesm2015/ptsecurity-mosaic-core.mjs +19 -8
  34. package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -1
  35. package/fesm2015/ptsecurity-mosaic-design-tokens.mjs +126 -114
  36. package/fesm2015/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
  37. package/fesm2015/ptsecurity-mosaic-form-field.mjs +5 -0
  38. package/fesm2015/ptsecurity-mosaic-form-field.mjs.map +1 -1
  39. package/fesm2015/ptsecurity-mosaic-input.mjs +11 -7
  40. package/fesm2015/ptsecurity-mosaic-input.mjs.map +1 -1
  41. package/fesm2015/ptsecurity-mosaic-list.mjs +1 -1
  42. package/fesm2015/ptsecurity-mosaic-list.mjs.map +1 -1
  43. package/fesm2015/ptsecurity-mosaic-select.mjs +2 -2
  44. package/fesm2015/ptsecurity-mosaic-select.mjs.map +1 -1
  45. package/fesm2015/ptsecurity-mosaic-tree-select.mjs +22 -17
  46. package/fesm2015/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  47. package/fesm2015/ptsecurity-mosaic-tree.mjs +6 -3
  48. package/fesm2015/ptsecurity-mosaic-tree.mjs.map +1 -1
  49. package/fesm2020/ptsecurity-mosaic-core.mjs +19 -8
  50. package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -1
  51. package/fesm2020/ptsecurity-mosaic-design-tokens.mjs +126 -114
  52. package/fesm2020/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
  53. package/fesm2020/ptsecurity-mosaic-form-field.mjs +5 -0
  54. package/fesm2020/ptsecurity-mosaic-form-field.mjs.map +1 -1
  55. package/fesm2020/ptsecurity-mosaic-input.mjs +11 -7
  56. package/fesm2020/ptsecurity-mosaic-input.mjs.map +1 -1
  57. package/fesm2020/ptsecurity-mosaic-list.mjs +1 -1
  58. package/fesm2020/ptsecurity-mosaic-list.mjs.map +1 -1
  59. package/fesm2020/ptsecurity-mosaic-select.mjs +2 -2
  60. package/fesm2020/ptsecurity-mosaic-select.mjs.map +1 -1
  61. package/fesm2020/ptsecurity-mosaic-tree-select.mjs +22 -17
  62. package/fesm2020/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  63. package/fesm2020/ptsecurity-mosaic-tree.mjs +6 -3
  64. package/fesm2020/ptsecurity-mosaic-tree.mjs.map +1 -1
  65. package/input/input-password.d.ts +7 -5
  66. package/package.json +4 -4
  67. package/prebuilt-themes/dark-theme.css +1 -1
  68. package/prebuilt-themes/default-theme.css +1 -1
  69. package/tree/control/flat-tree-control.d.ts +5 -1
  70. package/tree-select/tree-select.component.d.ts +7 -2
package/_theming.scss CHANGED
@@ -503,9 +503,9 @@ $button-light-color-scheme-primary-icon: white;
503
503
  $button-light-color-scheme-primary-states-active-border: #0059b8;
504
504
  $button-light-color-scheme-primary-states-active-background: #0059b8;
505
505
  $button-light-color-scheme-primary-transparent-color: #0374eb;
506
- $button-light-color-scheme-primary-transparent-icon: #0374eb;
506
+ $button-light-color-scheme-primary-transparent-icon: #5697ff;
507
507
  $button-light-color-scheme-primary-transparent-states-hover-color: #0059b8;
508
- $button-light-color-scheme-primary-transparent-states-hover-icon: #0059b8;
508
+ $button-light-color-scheme-primary-transparent-states-hover-icon: #0374eb;
509
509
  $button-light-color-scheme-primary-transparent-states-active-color: #014b9d;
510
510
  $button-light-color-scheme-primary-transparent-states-active-icon: #014b9d;
511
511
  $button-light-color-scheme-second-border: #d7dee4;
@@ -528,11 +528,11 @@ $button-dark-color-scheme-primary-icon: white;
528
528
  $button-dark-color-scheme-primary-states-active-border: darken(#014b9d, 5);
529
529
  $button-dark-color-scheme-primary-states-active-background: darken(#014b9d, 5);
530
530
  $button-dark-color-scheme-primary-transparent-color: #0374eb;
531
- $button-dark-color-scheme-primary-transparent-icon: #0374eb;
531
+ $button-dark-color-scheme-primary-transparent-icon: #5697ff;
532
532
  $button-dark-color-scheme-primary-transparent-states-hover-color: #014b9d;
533
- $button-dark-color-scheme-primary-transparent-states-hover-icon: #014b9d;
533
+ $button-dark-color-scheme-primary-transparent-states-hover-icon: #0374eb;
534
534
  $button-dark-color-scheme-primary-transparent-states-active-color: #023c7f;
535
- $button-dark-color-scheme-primary-transparent-states-active-icon: #023c7f;
535
+ $button-dark-color-scheme-primary-transparent-states-active-icon: #a2c7fe;
536
536
  $button-dark-color-scheme-second-border: #515e69;
537
537
  $button-dark-color-scheme-second-background: #515e69;
538
538
  $button-dark-color-scheme-second-color: #f2f5f9;
@@ -579,15 +579,15 @@ $card-dark-color-scheme-info-vertical-line: #084453;
579
579
  $card-dark-color-scheme-info-background: #143641;
580
580
  $card-dark-color-scheme-info-shadow: #084453;
581
581
  $card-size-vertical-line: 4px;
582
- $checkbox-light-color-scheme-primary-border: #bdc7d1;
583
- $checkbox-light-color-scheme-primary-states-checked-border: #0374eb;
584
- $checkbox-light-color-scheme-primary-states-checked-background: #0374eb;
585
- $checkbox-light-color-scheme-primary-states-focused-border: #0374eb;
586
- $checkbox-light-color-scheme-primary-states-focused-shadow: 0 0 0 1px #0374eb;
587
- $checkbox-light-color-scheme-primary-states-checked-focused-border: #0374eb;
588
- $checkbox-light-color-scheme-primary-states-checked-focused-background: #0374eb;
589
- $checkbox-light-color-scheme-primary-states-checked-focused-shadow: 0 0 0 1px #0374eb;
590
- $checkbox-light-color-scheme-primary-states-checked-focused-outline: 1px solid white;
582
+ $checkbox-light-color-scheme-default-border: #bdc7d1;
583
+ $checkbox-light-color-scheme-default-states-checked-border: #0374eb;
584
+ $checkbox-light-color-scheme-default-states-checked-background: #0374eb;
585
+ $checkbox-light-color-scheme-default-states-focused-border: #0374eb;
586
+ $checkbox-light-color-scheme-default-states-focused-shadow: 0 0 0 1px #0374eb;
587
+ $checkbox-light-color-scheme-default-states-checked-focused-border: #0374eb;
588
+ $checkbox-light-color-scheme-default-states-checked-focused-background: #0374eb;
589
+ $checkbox-light-color-scheme-default-states-checked-focused-shadow: 0 0 0 1px #0374eb;
590
+ $checkbox-light-color-scheme-default-states-checked-focused-outline: 1px solid white;
591
591
  $checkbox-light-color-scheme-error-border: #db3c55;
592
592
  $checkbox-light-color-scheme-error-states-checked-border: #db3c55;
593
593
  $checkbox-light-color-scheme-error-states-checked-background: #db3c55;
@@ -597,15 +597,15 @@ $checkbox-light-color-scheme-error-states-checked-focused-border: #db3c55;
597
597
  $checkbox-light-color-scheme-error-states-checked-focused-background: #db3c55;
598
598
  $checkbox-light-color-scheme-error-states-checked-focused-shadow: 0 0 0 1px #db3c55;
599
599
  $checkbox-light-color-scheme-error-states-checked-focused-outline: 1px solid white;
600
- $checkbox-dark-color-scheme-primary-border: #515e69;
601
- $checkbox-dark-color-scheme-primary-states-checked-border: #0059b8;
602
- $checkbox-dark-color-scheme-primary-states-checked-background: #0059b8;
603
- $checkbox-dark-color-scheme-primary-states-focused-border: #4187ff;
604
- $checkbox-dark-color-scheme-primary-states-focused-shadow: 0 0 0 1px #4187ff;
605
- $checkbox-dark-color-scheme-primary-states-checked-focused-border: #4187ff;
606
- $checkbox-dark-color-scheme-primary-states-checked-focused-background: #0059b8;
607
- $checkbox-dark-color-scheme-primary-states-checked-focused-shadow: 0 0 0 1px #4187ff;
608
- $checkbox-dark-color-scheme-primary-states-checked-focused-outline: 1px solid #19252f;
600
+ $checkbox-dark-color-scheme-default-border: #515e69;
601
+ $checkbox-dark-color-scheme-default-states-checked-border: #0059b8;
602
+ $checkbox-dark-color-scheme-default-states-checked-background: #0059b8;
603
+ $checkbox-dark-color-scheme-default-states-focused-border: #4187ff;
604
+ $checkbox-dark-color-scheme-default-states-focused-shadow: 0 0 0 1px #4187ff;
605
+ $checkbox-dark-color-scheme-default-states-checked-focused-border: #4187ff;
606
+ $checkbox-dark-color-scheme-default-states-checked-focused-background: #0059b8;
607
+ $checkbox-dark-color-scheme-default-states-checked-focused-shadow: 0 0 0 1px #4187ff;
608
+ $checkbox-dark-color-scheme-default-states-checked-focused-outline: 1px solid #19252f;
609
609
  $checkbox-dark-color-scheme-error-border: #b9023a;
610
610
  $checkbox-dark-color-scheme-error-states-checked-border: #b9023a;
611
611
  $checkbox-dark-color-scheme-error-states-checked-background: #b9023a;
@@ -644,6 +644,8 @@ $datepicker-calendar-size-icon-nex-icon-transform: translateX(-2px) rotate(45deg
644
644
  $datepicker-calendar-font-default: body;
645
645
  $datepicker-calendar-font-header: caption;
646
646
  $datepicker-input-size-width: 130px;
647
+ $divider-light-color-scheme-color: #d7dee4;
648
+ $divider-dark-color-scheme-color: #333f4a;
647
649
  $divider-size-width: 1px;
648
650
  $divider-size-inset-margin: 80px;
649
651
  $description-list-light-color-scheme-dt: #6d7a86;
@@ -696,17 +698,17 @@ $form-field-font-default: body;
696
698
  $form-field-hint-size-margin-top: 4px;
697
699
  $form-field-hint-font-default: caption;
698
700
  $form-field-password-hint-light-color-scheme-text-color: #19252f;
699
- $form-field-password-hint-light-color-scheme-icon-color: #19252f;
700
- $form-field-password-hint-light-color-scheme-states-invalid-icon-color: #db3c55;
701
+ $form-field-password-hint-light-color-scheme-icon-color: #8c99a5;
702
+ $form-field-password-hint-light-color-scheme-states-invalid-icon-color: #ee6f79;
701
703
  $form-field-password-hint-light-color-scheme-states-invalid-text-color: #19252f;
702
704
  $form-field-password-hint-light-color-scheme-states-valid-text-color: #016b37;
703
- $form-field-password-hint-light-color-scheme-states-valid-icon-color: #016b37;
705
+ $form-field-password-hint-light-color-scheme-states-valid-icon-color: #4ba96c;
704
706
  $form-field-password-hint-dark-color-scheme-text-color: #f2f5f9;
705
- $form-field-password-hint-dark-color-scheme-icon-color: #f2f5f9;
706
- $form-field-password-hint-dark-color-scheme-states-invalid-icon-color: #ea5868;
707
+ $form-field-password-hint-dark-color-scheme-icon-color: #8c99a5;
708
+ $form-field-password-hint-dark-color-scheme-states-invalid-icon-color: #ee6f79;
707
709
  $form-field-password-hint-dark-color-scheme-states-invalid-text-color: #f2f5f9;
708
710
  $form-field-password-hint-dark-color-scheme-states-valid-text-color: #319d5c;
709
- $form-field-password-hint-dark-color-scheme-states-valid-icon-color: #319d5c;
711
+ $form-field-password-hint-dark-color-scheme-states-valid-icon-color: #4ba96c;
710
712
  $form-field-password-hint-size-margin-top: 8px;
711
713
  $form-field-password-hint-size-icon-margin: 4px;
712
714
  $form-field-password-hint-font-default: caption;
@@ -906,12 +908,10 @@ $popover-footer-size-height: 56px;
906
908
  $popover-footer-font-default: body;
907
909
  $popup-light-color-scheme-shadow: 0 3px 8px 0 rgba(39, 51, 62, 0.2);
908
910
  $popup-light-color-scheme-border: #d7dee4;
909
- $popup-light-color-scheme-divider: #d7dee4;
910
911
  $popup-light-color-scheme-background: white;
911
912
  $popup-light-color-scheme-footer-background: #f2f5f9;
912
913
  $popup-dark-color-scheme-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
913
914
  $popup-dark-color-scheme-border: #333f4a;
914
- $popup-dark-color-scheme-divider: #434f5a;
915
915
  $popup-dark-color-scheme-background: #333f4a;
916
916
  $popup-dark-color-scheme-footer-background: transparent;
917
917
  $progress-bar-light-color-scheme-background: rgba(25, 37, 47, 0.06);
@@ -948,10 +948,14 @@ $select-panel-font-default: body;
948
948
  $sidepanel-light-color-scheme-border: #bdc7d1;
949
949
  $sidepanel-dark-color-scheme-border: #19252f;
950
950
  $sidepanel-font-default: body;
951
+ $sidepanel-header-light-color-scheme-border: #d7dee4;
952
+ $sidepanel-header-dark-color-scheme-border: #333f4a;
951
953
  $sidepanel-header-size-height: 56px;
952
954
  $sidepanel-header-size-padding: 0 16px;
953
955
  $sidepanel-header-size-close-padding: 0 0 0 8px;
954
956
  $sidepanel-header-font-default: title;
957
+ $sidepanel-footer-light-color-scheme-border: #f2f5f9;
958
+ $sidepanel-footer-dark-color-scheme-border: #333f4a;
955
959
  $sidepanel-footer-size-height: 64px;
956
960
  $sidepanel-footer-size-padding: 0 16px;
957
961
  $sidepanel-footer-font-default: body;
@@ -1000,8 +1004,8 @@ $vertical-tabs-dark-color-scheme-state-hover-selected-background: adjust-color(#
1000
1004
  $tags-light-color-scheme-primary-background: #e7f1ff;
1001
1005
  $tags-light-color-scheme-primary-border: transparent;
1002
1006
  $tags-light-color-scheme-primary-text: #0374eb;
1003
- $tags-light-color-scheme-primary-icon: mix(#5697ff, rgba(black, 0.05));
1004
- $tags-light-color-scheme-primary-states-hover-icon: #0059b8;
1007
+ $tags-light-color-scheme-primary-icon: #5697ff;
1008
+ $tags-light-color-scheme-primary-states-hover-icon: #0374eb;
1005
1009
  $tags-light-color-scheme-primary-states-focused: #0374eb;
1006
1010
  $tags-light-color-scheme-primary-states-disabled-text: mix(#0374eb, transparent, 50%);
1007
1011
  $tags-light-color-scheme-primary-states-disabled-background: mix(#0374eb, transparent, 10%);
@@ -1009,8 +1013,8 @@ $tags-light-color-scheme-primary-states-disabled-border: transparent;
1009
1013
  $tags-light-color-scheme-second-background: #d7dee4;
1010
1014
  $tags-light-color-scheme-second-border: transparent;
1011
1015
  $tags-light-color-scheme-second-text: #19252f;
1012
- $tags-light-color-scheme-second-icon: mix(#8c99a5, rgba(black, 0.05));
1013
- $tags-light-color-scheme-second-states-hover-icon: #515e69;
1016
+ $tags-light-color-scheme-second-icon: #8c99a5;
1017
+ $tags-light-color-scheme-second-states-hover-icon: #6d7a86;
1014
1018
  $tags-light-color-scheme-second-states-focused: #0374eb;
1015
1019
  $tags-light-color-scheme-second-states-disabled-text: mix(#8c99a5, transparent, 50%);
1016
1020
  $tags-light-color-scheme-second-states-disabled-background: mix(#8c99a5, transparent, 10%);
@@ -1018,7 +1022,7 @@ $tags-light-color-scheme-second-states-disabled-border: transparent;
1018
1022
  $tags-light-color-scheme-error-background: #ffeaea;
1019
1023
  $tags-light-color-scheme-error-border: transparent;
1020
1024
  $tags-light-color-scheme-error-text: #db3c55;
1021
- $tags-light-color-scheme-error-icon: mix(#ee6f79, rgba(black, 0.05));
1025
+ $tags-light-color-scheme-error-icon: #ee6f79;
1022
1026
  $tags-light-color-scheme-error-states-hover-icon: #db3c55;
1023
1027
  $tags-light-color-scheme-error-states-focused: #db3c55;
1024
1028
  $tags-light-color-scheme-error-states-disabled-text: mix(#ea5868, transparent, 50%);
@@ -1027,7 +1031,7 @@ $tags-light-color-scheme-error-states-disabled-border: transparent;
1027
1031
  $tags-dark-color-scheme-primary-background: #023c7f;
1028
1032
  $tags-dark-color-scheme-primary-border: transparent;
1029
1033
  $tags-dark-color-scheme-primary-text: #a2c7fe;
1030
- $tags-dark-color-scheme-primary-icon: mix(#a2c7fe, rgba(black, 0.05));
1034
+ $tags-dark-color-scheme-primary-icon: #5697ff;
1031
1035
  $tags-dark-color-scheme-primary-states-hover-icon: #0374eb;
1032
1036
  $tags-dark-color-scheme-primary-states-focused: #4187ff;
1033
1037
  $tags-dark-color-scheme-primary-states-disabled-text: mix(#5697ff, transparent, 50%);
@@ -1036,8 +1040,8 @@ $tags-dark-color-scheme-primary-states-disabled-border: transparent;
1036
1040
  $tags-dark-color-scheme-second-background: #333f4a;
1037
1041
  $tags-dark-color-scheme-second-border: transparent;
1038
1042
  $tags-dark-color-scheme-second-text: #bdc7d1;
1039
- $tags-dark-color-scheme-second-icon: mix(#8c99a5, rgba(black, 0.05));
1040
- $tags-dark-color-scheme-second-states-hover-icon: #d7dee4;
1043
+ $tags-dark-color-scheme-second-icon: #8c99a5;
1044
+ $tags-dark-color-scheme-second-states-hover-icon: #6d7a86;
1041
1045
  $tags-dark-color-scheme-second-states-focused: #4187ff;
1042
1046
  $tags-dark-color-scheme-second-states-disabled-text: mix(#7f8c98, transparent, 50%);
1043
1047
  $tags-dark-color-scheme-second-states-disabled-background: mix(#7f8c98, transparent, 10%);
@@ -1045,8 +1049,8 @@ $tags-dark-color-scheme-second-states-disabled-border: transparent;
1045
1049
  $tags-dark-color-scheme-error-background: #800025;
1046
1050
  $tags-dark-color-scheme-error-border: transparent;
1047
1051
  $tags-dark-color-scheme-error-text: #fcb2b4;
1048
- $tags-dark-color-scheme-error-icon: mix(#ee6f79, rgba(black, 0.05));
1049
- $tags-dark-color-scheme-error-states-hover-icon: #ee6f79;
1052
+ $tags-dark-color-scheme-error-icon: #ee6f79;
1053
+ $tags-dark-color-scheme-error-states-hover-icon: #db3c55;
1050
1054
  $tags-dark-color-scheme-error-states-focused: #b9023a;
1051
1055
  $tags-dark-color-scheme-error-states-disabled-text: mix(#ea5868, transparent, 50%);
1052
1056
  $tags-dark-color-scheme-error-states-disabled-background: mix(#ea5868, transparent, 10%);
@@ -2657,7 +2661,6 @@ $swift-linear: all $swift-linear-duration $swift-linear-timing-function !default
2657
2661
  $popup: (
2658
2662
  shadow: $popup-light-color-scheme-shadow,
2659
2663
  border: $popup-light-color-scheme-border,
2660
- divider: $popup-light-color-scheme-divider,
2661
2664
 
2662
2665
  background: $popup-light-color-scheme-background,
2663
2666
  footer-background: $popup-light-color-scheme-footer-background
@@ -2801,21 +2804,21 @@ $swift-linear: all $swift-linear-duration $swift-linear-timing-function !default
2801
2804
 
2802
2805
  $checkbox: (
2803
2806
  primary: (
2804
- border: $checkbox-light-color-scheme-primary-border,
2807
+ border: $checkbox-light-color-scheme-default-border,
2805
2808
 
2806
2809
  checked: (
2807
- border: $checkbox-light-color-scheme-primary-states-checked-border,
2808
- background: $checkbox-light-color-scheme-primary-states-checked-background
2810
+ border: $checkbox-light-color-scheme-default-states-checked-border,
2811
+ background: $checkbox-light-color-scheme-default-states-checked-background
2809
2812
  ),
2810
2813
  focused: (
2811
- border: $checkbox-light-color-scheme-primary-states-focused-border,
2812
- shadow: $checkbox-light-color-scheme-primary-states-focused-shadow
2814
+ border: $checkbox-light-color-scheme-default-states-focused-border,
2815
+ shadow: $checkbox-light-color-scheme-default-states-focused-shadow
2813
2816
  ),
2814
2817
  checked-focused: (
2815
- border: $checkbox-light-color-scheme-primary-states-checked-focused-border,
2816
- background: $checkbox-light-color-scheme-primary-states-checked-focused-background,
2817
- shadow: $checkbox-light-color-scheme-primary-states-checked-focused-shadow,
2818
- outline: $checkbox-light-color-scheme-primary-states-checked-focused-outline
2818
+ border: $checkbox-light-color-scheme-default-states-checked-focused-border,
2819
+ background: $checkbox-light-color-scheme-default-states-checked-focused-background,
2820
+ shadow: $checkbox-light-color-scheme-default-states-checked-focused-shadow,
2821
+ outline: $checkbox-light-color-scheme-default-states-checked-focused-outline
2819
2822
  )
2820
2823
  ),
2821
2824
  error: (
@@ -2843,6 +2846,10 @@ $swift-linear: all $swift-linear-duration $swift-linear-timing-function !default
2843
2846
  state-selected-background: $datepicker-body-light-color-scheme-states-selected-background
2844
2847
  );
2845
2848
 
2849
+ $divider: (
2850
+ color: $divider-light-color-scheme-color
2851
+ );
2852
+
2846
2853
  $dl: (
2847
2854
  dt: $description-list-light-color-scheme-dt,
2848
2855
  dd: $description-list-light-color-scheme-dd
@@ -2949,7 +2956,9 @@ $swift-linear: all $swift-linear-duration $swift-linear-timing-function !default
2949
2956
  );
2950
2957
 
2951
2958
  $sidepanel: (
2952
- border: $sidepanel-light-color-scheme-border
2959
+ border: $sidepanel-light-color-scheme-border,
2960
+ header-border: $sidepanel-header-light-color-scheme-border,
2961
+ footer-border: $sidepanel-footer-light-color-scheme-border
2953
2962
  );
2954
2963
 
2955
2964
  $tabs: (
@@ -3061,6 +3070,7 @@ $swift-linear: all $swift-linear-duration $swift-linear-timing-function !default
3061
3070
  card: $card,
3062
3071
  checkbox: $checkbox,
3063
3072
  datepicker: $datepicker,
3073
+ divider: $divider,
3064
3074
  dl: $dl,
3065
3075
  form-field: $form-field,
3066
3076
  form-field-password-hint: $form-field-password-hint,
@@ -3113,7 +3123,6 @@ $swift-linear: all $swift-linear-duration $swift-linear-timing-function !default
3113
3123
  $popup: (
3114
3124
  shadow: $popup-dark-color-scheme-shadow,
3115
3125
  border: $popup-dark-color-scheme-border,
3116
- divider: $popup-dark-color-scheme-divider,
3117
3126
 
3118
3127
  background: $popup-dark-color-scheme-background,
3119
3128
  footer-background: $popup-dark-color-scheme-footer-background
@@ -3257,21 +3266,21 @@ $swift-linear: all $swift-linear-duration $swift-linear-timing-function !default
3257
3266
 
3258
3267
  $checkbox: (
3259
3268
  primary: (
3260
- border: $checkbox-dark-color-scheme-primary-border,
3269
+ border: $checkbox-dark-color-scheme-default-border,
3261
3270
 
3262
3271
  checked: (
3263
- border: $checkbox-dark-color-scheme-primary-states-checked-border,
3264
- background: $checkbox-dark-color-scheme-primary-states-checked-background
3272
+ border: $checkbox-dark-color-scheme-default-states-checked-border,
3273
+ background: $checkbox-dark-color-scheme-default-states-checked-background
3265
3274
  ),
3266
3275
  focused: (
3267
- border: $checkbox-dark-color-scheme-primary-states-focused-border,
3268
- shadow: $checkbox-dark-color-scheme-primary-states-focused-shadow
3276
+ border: $checkbox-dark-color-scheme-default-states-focused-border,
3277
+ shadow: $checkbox-dark-color-scheme-default-states-focused-shadow
3269
3278
  ),
3270
3279
  checked-focused: (
3271
- border: $checkbox-dark-color-scheme-primary-states-checked-focused-border,
3272
- background: $checkbox-dark-color-scheme-primary-states-checked-focused-background,
3273
- shadow: $checkbox-dark-color-scheme-primary-states-checked-focused-shadow,
3274
- outline: $checkbox-dark-color-scheme-primary-states-checked-focused-outline
3280
+ border: $checkbox-dark-color-scheme-default-states-checked-focused-border,
3281
+ background: $checkbox-dark-color-scheme-default-states-checked-focused-background,
3282
+ shadow: $checkbox-dark-color-scheme-default-states-checked-focused-shadow,
3283
+ outline: $checkbox-dark-color-scheme-default-states-checked-focused-outline
3275
3284
  )
3276
3285
  ),
3277
3286
  error: (
@@ -3299,6 +3308,10 @@ $swift-linear: all $swift-linear-duration $swift-linear-timing-function !default
3299
3308
  state-selected-background: $datepicker-body-dark-color-scheme-states-selected-background
3300
3309
  );
3301
3310
 
3311
+ $divider: (
3312
+ color: $divider-dark-color-scheme-color
3313
+ );
3314
+
3302
3315
  $dl: (
3303
3316
  dt: $description-list-dark-color-scheme-dt,
3304
3317
  dd: $description-list-dark-color-scheme-dd
@@ -3405,7 +3418,9 @@ $swift-linear: all $swift-linear-duration $swift-linear-timing-function !default
3405
3418
  );
3406
3419
 
3407
3420
  $sidepanel: (
3408
- border: $sidepanel-dark-color-scheme-border
3421
+ border: $sidepanel-dark-color-scheme-border,
3422
+ header-border: $sidepanel-header-dark-color-scheme-border,
3423
+ footer-border: $sidepanel-footer-dark-color-scheme-border
3409
3424
  );
3410
3425
 
3411
3426
  $tabs: (
@@ -3517,6 +3532,7 @@ $swift-linear: all $swift-linear-duration $swift-linear-timing-function !default
3517
3532
  card: $card,
3518
3533
  checkbox: $checkbox,
3519
3534
  datepicker: $datepicker,
3535
+ divider: $divider,
3520
3536
  dl: $dl,
3521
3537
  form-field: $form-field,
3522
3538
  form-field-password-hint: $form-field-password-hint,
@@ -3688,13 +3704,21 @@ $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme
3688
3704
  }
3689
3705
 
3690
3706
 
3707
+ @mixin mc-pseudo-checkbox-color($states) {
3708
+ border-color: map-get($states, border);
3709
+
3710
+ &.mc-checked,
3711
+ &.mc-indeterminate {
3712
+ border-color: map-get($states, checked, border);
3713
+
3714
+ background: map-get($states, checked, background);
3715
+ }
3716
+ }
3691
3717
 
3692
3718
  @mixin mc-pseudo-checkbox-theme($theme) {
3693
3719
  $foreground: map-get($theme, foreground);
3694
3720
  $background: map-get($theme, background);
3695
3721
 
3696
- $second: map-get($theme, second);
3697
-
3698
3722
  $checkbox: map-get(map-get($theme, components), checkbox);
3699
3723
 
3700
3724
  .mc-pseudo-checkbox {
@@ -3705,20 +3729,33 @@ $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme
3705
3729
  color: map-get($background, background);
3706
3730
  }
3707
3731
 
3708
- &.mc-checked,
3709
- &.mc-indeterminate {
3710
- border-color: map-get($checkbox, state-checked-border);
3732
+ &.mc-primary {
3733
+ & .mc-checkbox-checkmark,
3734
+ & .mc-checkbox-mixedmark {
3735
+ color: map-get($foreground, primary);
3736
+ }
3711
3737
 
3712
- background: map-get($checkbox, state-checked-background);
3738
+ @include mc-pseudo-checkbox-color(map-get($checkbox, primary));
3713
3739
  }
3714
3740
 
3715
- &.mc-disabled {
3716
- border-color: map-get($foreground, border);
3741
+ &.mc-error {
3742
+ & .mc-checkbox-checkmark,
3743
+ & .mc-checkbox-mixedmark {
3744
+ color: map-get($foreground, error);
3745
+ }
3746
+
3747
+ @include mc-pseudo-checkbox-color(map-get($checkbox, error));
3748
+ }
3749
+
3750
+ &.mc-disabled,
3751
+ &.mc-primary.mc-disabled,
3752
+ &.mc-error.mc-disabled {
3753
+ border-color: map-get($foreground, text-disabled);
3717
3754
 
3718
3755
  background-color: map-get($background, background-disabled);
3719
3756
 
3720
- .mc-checkbox-checkmark,
3721
- .mc-checkbox-mixedmark {
3757
+ & .mc-checkbox-checkmark,
3758
+ & .mc-checkbox-mixedmark {
3722
3759
  color: map-get($foreground, text-disabled);
3723
3760
  }
3724
3761
  }
@@ -4542,8 +4579,6 @@ $fonts: (
4542
4579
  $foreground: map-get($theme, foreground);
4543
4580
  $background: map-get($theme, background);
4544
4581
 
4545
- $primary: map-get($theme, primary);
4546
-
4547
4582
  $checkbox: map-get(map-get($theme, components), checkbox);
4548
4583
 
4549
4584
  .mc-checkbox-frame {
@@ -4572,10 +4607,12 @@ $fonts: (
4572
4607
  @include mc-checkbox-color(map-get($checkbox, error));
4573
4608
  }
4574
4609
 
4575
- &.mc-disabled {
4610
+ &.mc-disabled,
4611
+ &.mc-primary.mc-disabled,
4612
+ &.mc-error.mc-disabled {
4576
4613
  color: map-get($foreground, text-disabled);
4577
4614
 
4578
- .mc-checkbox-layout .mc-checkbox-frame {
4615
+ .mc-checkbox-frame {
4579
4616
  border-color: map-get($foreground, text-disabled);
4580
4617
 
4581
4618
  background-color: map-get($background, background-disabled);
@@ -5690,11 +5727,11 @@ button {
5690
5727
  }
5691
5728
 
5692
5729
  .mc-sidepanel-header {
5693
- border-bottom: 1px solid map-get($popup, divider);
5730
+ border-bottom: 1px solid map-get($sidepanel, header-border);
5694
5731
  }
5695
5732
 
5696
5733
  .mc-sidepanel-footer {
5697
- border-top: 1px solid if($is-dark, map-get($popup, divider), transparent);
5734
+ border-top: 1px solid map-get($sidepanel, footer-border);
5698
5735
  background-color: map-get($popup, footer-background);
5699
5736
  }
5700
5737
  }
@@ -6712,14 +6749,14 @@ button {
6712
6749
 
6713
6750
 
6714
6751
  @mixin mc-divider-theme($theme) {
6715
- $popup: map-get(map-get($theme, components), popup);
6752
+ $divider: map-get(map-get($theme, components), divider);
6716
6753
 
6717
6754
  .mc-divider_horizontal {
6718
- border-top-color: map-get($popup, divider);
6755
+ border-top-color: map-get($divider, color);
6719
6756
  }
6720
6757
 
6721
6758
  .mc-divider_vertical {
6722
- border-right-color: map-get($popup, divider);
6759
+ border-right-color: map-get($divider, color);
6723
6760
  }
6724
6761
  }
6725
6762
 
package/_visual.scss CHANGED
@@ -405,9 +405,9 @@ $button-light-color-scheme-primary-icon: white;
405
405
  $button-light-color-scheme-primary-states-active-border: #0059b8;
406
406
  $button-light-color-scheme-primary-states-active-background: #0059b8;
407
407
  $button-light-color-scheme-primary-transparent-color: #0374eb;
408
- $button-light-color-scheme-primary-transparent-icon: #0374eb;
408
+ $button-light-color-scheme-primary-transparent-icon: #5697ff;
409
409
  $button-light-color-scheme-primary-transparent-states-hover-color: #0059b8;
410
- $button-light-color-scheme-primary-transparent-states-hover-icon: #0059b8;
410
+ $button-light-color-scheme-primary-transparent-states-hover-icon: #0374eb;
411
411
  $button-light-color-scheme-primary-transparent-states-active-color: #014b9d;
412
412
  $button-light-color-scheme-primary-transparent-states-active-icon: #014b9d;
413
413
  $button-light-color-scheme-second-border: #d7dee4;
@@ -430,11 +430,11 @@ $button-dark-color-scheme-primary-icon: white;
430
430
  $button-dark-color-scheme-primary-states-active-border: darken(#014b9d, 5);
431
431
  $button-dark-color-scheme-primary-states-active-background: darken(#014b9d, 5);
432
432
  $button-dark-color-scheme-primary-transparent-color: #0374eb;
433
- $button-dark-color-scheme-primary-transparent-icon: #0374eb;
433
+ $button-dark-color-scheme-primary-transparent-icon: #5697ff;
434
434
  $button-dark-color-scheme-primary-transparent-states-hover-color: #014b9d;
435
- $button-dark-color-scheme-primary-transparent-states-hover-icon: #014b9d;
435
+ $button-dark-color-scheme-primary-transparent-states-hover-icon: #0374eb;
436
436
  $button-dark-color-scheme-primary-transparent-states-active-color: #023c7f;
437
- $button-dark-color-scheme-primary-transparent-states-active-icon: #023c7f;
437
+ $button-dark-color-scheme-primary-transparent-states-active-icon: #a2c7fe;
438
438
  $button-dark-color-scheme-second-border: #515e69;
439
439
  $button-dark-color-scheme-second-background: #515e69;
440
440
  $button-dark-color-scheme-second-color: #f2f5f9;
@@ -481,15 +481,15 @@ $card-dark-color-scheme-info-vertical-line: #084453;
481
481
  $card-dark-color-scheme-info-background: #143641;
482
482
  $card-dark-color-scheme-info-shadow: #084453;
483
483
  $card-size-vertical-line: 4px;
484
- $checkbox-light-color-scheme-primary-border: #bdc7d1;
485
- $checkbox-light-color-scheme-primary-states-checked-border: #0374eb;
486
- $checkbox-light-color-scheme-primary-states-checked-background: #0374eb;
487
- $checkbox-light-color-scheme-primary-states-focused-border: #0374eb;
488
- $checkbox-light-color-scheme-primary-states-focused-shadow: 0 0 0 1px #0374eb;
489
- $checkbox-light-color-scheme-primary-states-checked-focused-border: #0374eb;
490
- $checkbox-light-color-scheme-primary-states-checked-focused-background: #0374eb;
491
- $checkbox-light-color-scheme-primary-states-checked-focused-shadow: 0 0 0 1px #0374eb;
492
- $checkbox-light-color-scheme-primary-states-checked-focused-outline: 1px solid white;
484
+ $checkbox-light-color-scheme-default-border: #bdc7d1;
485
+ $checkbox-light-color-scheme-default-states-checked-border: #0374eb;
486
+ $checkbox-light-color-scheme-default-states-checked-background: #0374eb;
487
+ $checkbox-light-color-scheme-default-states-focused-border: #0374eb;
488
+ $checkbox-light-color-scheme-default-states-focused-shadow: 0 0 0 1px #0374eb;
489
+ $checkbox-light-color-scheme-default-states-checked-focused-border: #0374eb;
490
+ $checkbox-light-color-scheme-default-states-checked-focused-background: #0374eb;
491
+ $checkbox-light-color-scheme-default-states-checked-focused-shadow: 0 0 0 1px #0374eb;
492
+ $checkbox-light-color-scheme-default-states-checked-focused-outline: 1px solid white;
493
493
  $checkbox-light-color-scheme-error-border: #db3c55;
494
494
  $checkbox-light-color-scheme-error-states-checked-border: #db3c55;
495
495
  $checkbox-light-color-scheme-error-states-checked-background: #db3c55;
@@ -499,15 +499,15 @@ $checkbox-light-color-scheme-error-states-checked-focused-border: #db3c55;
499
499
  $checkbox-light-color-scheme-error-states-checked-focused-background: #db3c55;
500
500
  $checkbox-light-color-scheme-error-states-checked-focused-shadow: 0 0 0 1px #db3c55;
501
501
  $checkbox-light-color-scheme-error-states-checked-focused-outline: 1px solid white;
502
- $checkbox-dark-color-scheme-primary-border: #515e69;
503
- $checkbox-dark-color-scheme-primary-states-checked-border: #0059b8;
504
- $checkbox-dark-color-scheme-primary-states-checked-background: #0059b8;
505
- $checkbox-dark-color-scheme-primary-states-focused-border: #4187ff;
506
- $checkbox-dark-color-scheme-primary-states-focused-shadow: 0 0 0 1px #4187ff;
507
- $checkbox-dark-color-scheme-primary-states-checked-focused-border: #4187ff;
508
- $checkbox-dark-color-scheme-primary-states-checked-focused-background: #0059b8;
509
- $checkbox-dark-color-scheme-primary-states-checked-focused-shadow: 0 0 0 1px #4187ff;
510
- $checkbox-dark-color-scheme-primary-states-checked-focused-outline: 1px solid #19252f;
502
+ $checkbox-dark-color-scheme-default-border: #515e69;
503
+ $checkbox-dark-color-scheme-default-states-checked-border: #0059b8;
504
+ $checkbox-dark-color-scheme-default-states-checked-background: #0059b8;
505
+ $checkbox-dark-color-scheme-default-states-focused-border: #4187ff;
506
+ $checkbox-dark-color-scheme-default-states-focused-shadow: 0 0 0 1px #4187ff;
507
+ $checkbox-dark-color-scheme-default-states-checked-focused-border: #4187ff;
508
+ $checkbox-dark-color-scheme-default-states-checked-focused-background: #0059b8;
509
+ $checkbox-dark-color-scheme-default-states-checked-focused-shadow: 0 0 0 1px #4187ff;
510
+ $checkbox-dark-color-scheme-default-states-checked-focused-outline: 1px solid #19252f;
511
511
  $checkbox-dark-color-scheme-error-border: #b9023a;
512
512
  $checkbox-dark-color-scheme-error-states-checked-border: #b9023a;
513
513
  $checkbox-dark-color-scheme-error-states-checked-background: #b9023a;
@@ -546,6 +546,8 @@ $datepicker-calendar-size-icon-nex-icon-transform: translateX(-2px) rotate(45deg
546
546
  $datepicker-calendar-font-default: body;
547
547
  $datepicker-calendar-font-header: caption;
548
548
  $datepicker-input-size-width: 130px;
549
+ $divider-light-color-scheme-color: #d7dee4;
550
+ $divider-dark-color-scheme-color: #333f4a;
549
551
  $divider-size-width: 1px;
550
552
  $divider-size-inset-margin: 80px;
551
553
  $description-list-light-color-scheme-dt: #6d7a86;
@@ -598,17 +600,17 @@ $form-field-font-default: body;
598
600
  $form-field-hint-size-margin-top: 4px;
599
601
  $form-field-hint-font-default: caption;
600
602
  $form-field-password-hint-light-color-scheme-text-color: #19252f;
601
- $form-field-password-hint-light-color-scheme-icon-color: #19252f;
602
- $form-field-password-hint-light-color-scheme-states-invalid-icon-color: #db3c55;
603
+ $form-field-password-hint-light-color-scheme-icon-color: #8c99a5;
604
+ $form-field-password-hint-light-color-scheme-states-invalid-icon-color: #ee6f79;
603
605
  $form-field-password-hint-light-color-scheme-states-invalid-text-color: #19252f;
604
606
  $form-field-password-hint-light-color-scheme-states-valid-text-color: #016b37;
605
- $form-field-password-hint-light-color-scheme-states-valid-icon-color: #016b37;
607
+ $form-field-password-hint-light-color-scheme-states-valid-icon-color: #4ba96c;
606
608
  $form-field-password-hint-dark-color-scheme-text-color: #f2f5f9;
607
- $form-field-password-hint-dark-color-scheme-icon-color: #f2f5f9;
608
- $form-field-password-hint-dark-color-scheme-states-invalid-icon-color: #ea5868;
609
+ $form-field-password-hint-dark-color-scheme-icon-color: #8c99a5;
610
+ $form-field-password-hint-dark-color-scheme-states-invalid-icon-color: #ee6f79;
609
611
  $form-field-password-hint-dark-color-scheme-states-invalid-text-color: #f2f5f9;
610
612
  $form-field-password-hint-dark-color-scheme-states-valid-text-color: #319d5c;
611
- $form-field-password-hint-dark-color-scheme-states-valid-icon-color: #319d5c;
613
+ $form-field-password-hint-dark-color-scheme-states-valid-icon-color: #4ba96c;
612
614
  $form-field-password-hint-size-margin-top: 8px;
613
615
  $form-field-password-hint-size-icon-margin: 4px;
614
616
  $form-field-password-hint-font-default: caption;
@@ -808,12 +810,10 @@ $popover-footer-size-height: 56px;
808
810
  $popover-footer-font-default: body;
809
811
  $popup-light-color-scheme-shadow: 0 3px 8px 0 rgba(39, 51, 62, 0.2);
810
812
  $popup-light-color-scheme-border: #d7dee4;
811
- $popup-light-color-scheme-divider: #d7dee4;
812
813
  $popup-light-color-scheme-background: white;
813
814
  $popup-light-color-scheme-footer-background: #f2f5f9;
814
815
  $popup-dark-color-scheme-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
815
816
  $popup-dark-color-scheme-border: #333f4a;
816
- $popup-dark-color-scheme-divider: #434f5a;
817
817
  $popup-dark-color-scheme-background: #333f4a;
818
818
  $popup-dark-color-scheme-footer-background: transparent;
819
819
  $progress-bar-light-color-scheme-background: rgba(25, 37, 47, 0.06);
@@ -850,10 +850,14 @@ $select-panel-font-default: body;
850
850
  $sidepanel-light-color-scheme-border: #bdc7d1;
851
851
  $sidepanel-dark-color-scheme-border: #19252f;
852
852
  $sidepanel-font-default: body;
853
+ $sidepanel-header-light-color-scheme-border: #d7dee4;
854
+ $sidepanel-header-dark-color-scheme-border: #333f4a;
853
855
  $sidepanel-header-size-height: 56px;
854
856
  $sidepanel-header-size-padding: 0 16px;
855
857
  $sidepanel-header-size-close-padding: 0 0 0 8px;
856
858
  $sidepanel-header-font-default: title;
859
+ $sidepanel-footer-light-color-scheme-border: #f2f5f9;
860
+ $sidepanel-footer-dark-color-scheme-border: #333f4a;
857
861
  $sidepanel-footer-size-height: 64px;
858
862
  $sidepanel-footer-size-padding: 0 16px;
859
863
  $sidepanel-footer-font-default: body;
@@ -902,8 +906,8 @@ $vertical-tabs-dark-color-scheme-state-hover-selected-background: adjust-color(#
902
906
  $tags-light-color-scheme-primary-background: #e7f1ff;
903
907
  $tags-light-color-scheme-primary-border: transparent;
904
908
  $tags-light-color-scheme-primary-text: #0374eb;
905
- $tags-light-color-scheme-primary-icon: mix(#5697ff, rgba(black, 0.05));
906
- $tags-light-color-scheme-primary-states-hover-icon: #0059b8;
909
+ $tags-light-color-scheme-primary-icon: #5697ff;
910
+ $tags-light-color-scheme-primary-states-hover-icon: #0374eb;
907
911
  $tags-light-color-scheme-primary-states-focused: #0374eb;
908
912
  $tags-light-color-scheme-primary-states-disabled-text: mix(#0374eb, transparent, 50%);
909
913
  $tags-light-color-scheme-primary-states-disabled-background: mix(#0374eb, transparent, 10%);
@@ -911,8 +915,8 @@ $tags-light-color-scheme-primary-states-disabled-border: transparent;
911
915
  $tags-light-color-scheme-second-background: #d7dee4;
912
916
  $tags-light-color-scheme-second-border: transparent;
913
917
  $tags-light-color-scheme-second-text: #19252f;
914
- $tags-light-color-scheme-second-icon: mix(#8c99a5, rgba(black, 0.05));
915
- $tags-light-color-scheme-second-states-hover-icon: #515e69;
918
+ $tags-light-color-scheme-second-icon: #8c99a5;
919
+ $tags-light-color-scheme-second-states-hover-icon: #6d7a86;
916
920
  $tags-light-color-scheme-second-states-focused: #0374eb;
917
921
  $tags-light-color-scheme-second-states-disabled-text: mix(#8c99a5, transparent, 50%);
918
922
  $tags-light-color-scheme-second-states-disabled-background: mix(#8c99a5, transparent, 10%);
@@ -920,7 +924,7 @@ $tags-light-color-scheme-second-states-disabled-border: transparent;
920
924
  $tags-light-color-scheme-error-background: #ffeaea;
921
925
  $tags-light-color-scheme-error-border: transparent;
922
926
  $tags-light-color-scheme-error-text: #db3c55;
923
- $tags-light-color-scheme-error-icon: mix(#ee6f79, rgba(black, 0.05));
927
+ $tags-light-color-scheme-error-icon: #ee6f79;
924
928
  $tags-light-color-scheme-error-states-hover-icon: #db3c55;
925
929
  $tags-light-color-scheme-error-states-focused: #db3c55;
926
930
  $tags-light-color-scheme-error-states-disabled-text: mix(#ea5868, transparent, 50%);
@@ -929,7 +933,7 @@ $tags-light-color-scheme-error-states-disabled-border: transparent;
929
933
  $tags-dark-color-scheme-primary-background: #023c7f;
930
934
  $tags-dark-color-scheme-primary-border: transparent;
931
935
  $tags-dark-color-scheme-primary-text: #a2c7fe;
932
- $tags-dark-color-scheme-primary-icon: mix(#a2c7fe, rgba(black, 0.05));
936
+ $tags-dark-color-scheme-primary-icon: #5697ff;
933
937
  $tags-dark-color-scheme-primary-states-hover-icon: #0374eb;
934
938
  $tags-dark-color-scheme-primary-states-focused: #4187ff;
935
939
  $tags-dark-color-scheme-primary-states-disabled-text: mix(#5697ff, transparent, 50%);
@@ -938,8 +942,8 @@ $tags-dark-color-scheme-primary-states-disabled-border: transparent;
938
942
  $tags-dark-color-scheme-second-background: #333f4a;
939
943
  $tags-dark-color-scheme-second-border: transparent;
940
944
  $tags-dark-color-scheme-second-text: #bdc7d1;
941
- $tags-dark-color-scheme-second-icon: mix(#8c99a5, rgba(black, 0.05));
942
- $tags-dark-color-scheme-second-states-hover-icon: #d7dee4;
945
+ $tags-dark-color-scheme-second-icon: #8c99a5;
946
+ $tags-dark-color-scheme-second-states-hover-icon: #6d7a86;
943
947
  $tags-dark-color-scheme-second-states-focused: #4187ff;
944
948
  $tags-dark-color-scheme-second-states-disabled-text: mix(#7f8c98, transparent, 50%);
945
949
  $tags-dark-color-scheme-second-states-disabled-background: mix(#7f8c98, transparent, 10%);
@@ -947,8 +951,8 @@ $tags-dark-color-scheme-second-states-disabled-border: transparent;
947
951
  $tags-dark-color-scheme-error-background: #800025;
948
952
  $tags-dark-color-scheme-error-border: transparent;
949
953
  $tags-dark-color-scheme-error-text: #fcb2b4;
950
- $tags-dark-color-scheme-error-icon: mix(#ee6f79, rgba(black, 0.05));
951
- $tags-dark-color-scheme-error-states-hover-icon: #ee6f79;
954
+ $tags-dark-color-scheme-error-icon: #ee6f79;
955
+ $tags-dark-color-scheme-error-states-hover-icon: #db3c55;
952
956
  $tags-dark-color-scheme-error-states-focused: #b9023a;
953
957
  $tags-dark-color-scheme-error-states-disabled-text: mix(#ea5868, transparent, 50%);
954
958
  $tags-dark-color-scheme-error-states-disabled-background: mix(#ea5868, transparent, 10%);