@ptsecurity/mosaic 13.7.1 → 13.9.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.
- package/_theming.scss +186 -53
- package/_visual.scss +55 -13
- package/core/formatters/date/formatter.d.ts +13 -4
- package/core/formatters/date/templates/en-US.d.ts +2 -74
- package/core/formatters/date/templates/ru-RU.d.ts +2 -74
- package/design-tokens/legacy-2017/tokens/components/checkbox.json5 +4 -0
- package/design-tokens/legacy-2017/tokens/components/radio.json5 +11 -10
- package/design-tokens/legacy-2017/tokens/components/toast.json5 +54 -0
- package/design-tokens/legacy-2017/tokens.d.ts +49 -8
- package/design-tokens/pt-2022/tokens/components/button.json5 +1 -1
- package/design-tokens/pt-2022/tokens/components/checkbox.json5 +4 -0
- package/design-tokens/pt-2022/tokens/components/link.json5 +3 -3
- package/design-tokens/pt-2022/tokens/components/radio.json5 +6 -3
- package/design-tokens/pt-2022/tokens/components/tags.json5 +1 -1
- package/design-tokens/pt-2022/tokens/components/toast.json5 +54 -0
- package/design-tokens/pt-2022/tokens/properties/colors.json5 +1 -1
- package/design-tokens/pt-2022/tokens.d.ts +55 -13
- package/design-tokens/style-dictionary/figma-types.js +41 -0
- package/design-tokens/style-dictionary/formats/figma.js +1 -1
- package/design-tokens/style-dictionary/transforms/attribute/figma-border.js +1 -1
- package/design-tokens/style-dictionary/transforms/attribute/figma-color.js +1 -1
- package/design-tokens/style-dictionary/transforms/attribute/figma-default.js +1 -1
- package/design-tokens/style-dictionary/transforms/attribute/figma-font.js +1 -1
- package/design-tokens/style-dictionary/transforms/attribute/figma-opacity.js +1 -1
- package/design-tokens/style-dictionary/transforms/attribute/figma-shadow.js +1 -1
- package/design-tokens/style-dictionary/transforms/attribute/figma-sizing.js +1 -1
- package/design-tokens/style-dictionary/transforms/attribute/figma-spacing.js +1 -1
- package/design-tokens/style-dictionary/transforms/attribute/figma-typography.js +1 -1
- package/esm2020/button/button.component.mjs +2 -2
- package/esm2020/core/formatters/date/formatter.mjs +22 -16
- package/esm2020/core/formatters/date/templates/en-US.mjs +1 -1
- package/esm2020/core/formatters/date/templates/ru-RU.mjs +1 -1
- package/esm2020/design-tokens/legacy-2017/tokens.mjs +50 -9
- package/esm2020/design-tokens/pt-2022/tokens.mjs +56 -14
- package/esm2020/navbar/navbar-item.component.mjs +29 -6
- package/esm2020/navbar/vertical-navbar.component.mjs +3 -3
- package/esm2020/radio/radio.component.mjs +3 -3
- package/esm2020/textarea/textarea.component.mjs +3 -4
- package/esm2020/toast/index.mjs +2 -0
- package/esm2020/toast/ptsecurity-mosaic-toast.mjs +5 -0
- package/esm2020/toast/public-api.mjs +6 -0
- package/esm2020/toast/toast-animations.mjs +9 -0
- package/esm2020/toast/toast-container.component.mjs +44 -0
- package/esm2020/toast/toast.component.mjs +89 -0
- package/esm2020/toast/toast.module.mjs +42 -0
- package/esm2020/toast/toast.service.mjs +178 -0
- package/esm2020/toast/toast.type.mjs +15 -0
- package/esm2020/tooltip/tooltip.component.mjs +2 -1
- package/esm2020/tree/tree-option.component.mjs +3 -2
- package/esm2020/tree/tree-selection.component.mjs +3 -2
- package/esm2020/tree-select/tree-select.component.mjs +10 -9
- package/fesm2015/ptsecurity-mosaic-button.mjs +2 -2
- package/fesm2015/ptsecurity-mosaic-button.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-core.mjs +21 -15
- package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-design-tokens.mjs +147 -23
- package/fesm2015/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-navbar.mjs +33 -9
- package/fesm2015/ptsecurity-mosaic-navbar.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-radio.mjs +2 -2
- package/fesm2015/ptsecurity-mosaic-radio.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-textarea.mjs +2 -3
- package/fesm2015/ptsecurity-mosaic-textarea.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-toast.mjs +363 -0
- package/fesm2015/ptsecurity-mosaic-toast.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-tooltip.mjs +1 -0
- package/fesm2015/ptsecurity-mosaic-tooltip.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tree-select.mjs +9 -8
- package/fesm2015/ptsecurity-mosaic-tree-select.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tree.mjs +4 -2
- package/fesm2015/ptsecurity-mosaic-tree.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-button.mjs +2 -2
- package/fesm2020/ptsecurity-mosaic-button.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-core.mjs +21 -15
- package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-design-tokens.mjs +147 -23
- package/fesm2020/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-navbar.mjs +30 -7
- package/fesm2020/ptsecurity-mosaic-navbar.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-radio.mjs +2 -2
- package/fesm2020/ptsecurity-mosaic-radio.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-textarea.mjs +2 -3
- package/fesm2020/ptsecurity-mosaic-textarea.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-toast.mjs +361 -0
- package/fesm2020/ptsecurity-mosaic-toast.mjs.map +1 -0
- package/fesm2020/ptsecurity-mosaic-tooltip.mjs +1 -0
- package/fesm2020/ptsecurity-mosaic-tooltip.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-tree-select.mjs +9 -8
- package/fesm2020/ptsecurity-mosaic-tree-select.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-tree.mjs +4 -2
- package/fesm2020/ptsecurity-mosaic-tree.mjs.map +1 -1
- package/navbar/navbar-item.component.d.ts +9 -3
- package/package.json +12 -4
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/default-theme.css +1 -1
- package/toast/index.d.ts +1 -0
- package/toast/package.json +10 -0
- package/toast/ptsecurity-mosaic-toast.d.ts +5 -0
- package/toast/public-api.d.ts +5 -0
- package/toast/toast-animations.d.ts +4 -0
- package/toast/toast-container.component.d.ts +15 -0
- package/toast/toast.component.d.ts +35 -0
- package/toast/toast.module.d.ts +13 -0
- package/toast/toast.service.d.ts +49 -0
- package/toast/toast.type.d.ts +27 -0
- package/tooltip/tooltip.component.d.ts +1 -1
- package/tree/tree-selection.component.d.ts +1 -0
package/_theming.scss
CHANGED
@@ -148,7 +148,7 @@ $dark-color-scheme-background-overlay-active: rgba(black, 0.1);
|
|
148
148
|
$dark-color-scheme-background-overlay-disabled: rgba(black, 0.2);
|
149
149
|
$dark-color-scheme-states-focused-color: #4187ff;
|
150
150
|
$dark-color-scheme-states-focused-color-error: #b9023a;
|
151
|
-
$dark-color-scheme-states-selected-color: #
|
151
|
+
$dark-color-scheme-states-selected-color: #023c7f;
|
152
152
|
$dark-color-scheme-states-pressed-shadow: inset 1px 2px 2px 0 rgba(black, 0.2);
|
153
153
|
$dark-color-scheme-states-disabled-opacity: 0.3;
|
154
154
|
$font-family-accent: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
|
@@ -545,7 +545,7 @@ $button-dark-color-scheme-primary-background: #0059b8;
|
|
545
545
|
$button-dark-color-scheme-primary-icon: white;
|
546
546
|
$button-dark-color-scheme-primary-states-active-border: darken(#014b9d, 5);
|
547
547
|
$button-dark-color-scheme-primary-states-active-background: darken(#014b9d, 5);
|
548
|
-
$button-dark-color-scheme-primary-transparent-color: #
|
548
|
+
$button-dark-color-scheme-primary-transparent-color: #5697ff;
|
549
549
|
$button-dark-color-scheme-primary-transparent-icon: #5697ff;
|
550
550
|
$button-dark-color-scheme-primary-transparent-states-hover-color: #014b9d;
|
551
551
|
$button-dark-color-scheme-primary-transparent-states-hover-icon: #0374eb;
|
@@ -598,6 +598,7 @@ $card-dark-color-scheme-info-background: #143641;
|
|
598
598
|
$card-dark-color-scheme-info-shadow: #084453;
|
599
599
|
$card-size-vertical-line: 4px;
|
600
600
|
$checkbox-light-color-scheme-default-border: #bdc7d1;
|
601
|
+
$checkbox-light-color-scheme-default-color: white;
|
601
602
|
$checkbox-light-color-scheme-default-states-checked-border: #0374eb;
|
602
603
|
$checkbox-light-color-scheme-default-states-checked-background: #0374eb;
|
603
604
|
$checkbox-light-color-scheme-default-states-focused-border: #0374eb;
|
@@ -607,6 +608,7 @@ $checkbox-light-color-scheme-default-states-checked-focused-background: #0374eb;
|
|
607
608
|
$checkbox-light-color-scheme-default-states-checked-focused-shadow: 0 0 0 1px #0374eb;
|
608
609
|
$checkbox-light-color-scheme-default-states-checked-focused-outline: 1px solid white;
|
609
610
|
$checkbox-light-color-scheme-error-border: #db3c55;
|
611
|
+
$checkbox-light-color-scheme-error-color: white;
|
610
612
|
$checkbox-light-color-scheme-error-states-checked-border: #db3c55;
|
611
613
|
$checkbox-light-color-scheme-error-states-checked-background: #db3c55;
|
612
614
|
$checkbox-light-color-scheme-error-states-focused-border: #db3c55;
|
@@ -616,6 +618,7 @@ $checkbox-light-color-scheme-error-states-checked-focused-background: #db3c55;
|
|
616
618
|
$checkbox-light-color-scheme-error-states-checked-focused-shadow: 0 0 0 1px #db3c55;
|
617
619
|
$checkbox-light-color-scheme-error-states-checked-focused-outline: 1px solid white;
|
618
620
|
$checkbox-dark-color-scheme-default-border: #515e69;
|
621
|
+
$checkbox-dark-color-scheme-default-color: white;
|
619
622
|
$checkbox-dark-color-scheme-default-states-checked-border: #0059b8;
|
620
623
|
$checkbox-dark-color-scheme-default-states-checked-background: #0059b8;
|
621
624
|
$checkbox-dark-color-scheme-default-states-focused-border: #4187ff;
|
@@ -625,6 +628,7 @@ $checkbox-dark-color-scheme-default-states-checked-focused-background: #0059b8;
|
|
625
628
|
$checkbox-dark-color-scheme-default-states-checked-focused-shadow: 0 0 0 1px #4187ff;
|
626
629
|
$checkbox-dark-color-scheme-default-states-checked-focused-outline: 1px solid #19252f;
|
627
630
|
$checkbox-dark-color-scheme-error-border: #b9023a;
|
631
|
+
$checkbox-dark-color-scheme-error-color: white;
|
628
632
|
$checkbox-dark-color-scheme-error-states-checked-border: #b9023a;
|
629
633
|
$checkbox-dark-color-scheme-error-states-checked-background: #b9023a;
|
630
634
|
$checkbox-dark-color-scheme-error-states-focused-border: #b9023a;
|
@@ -643,7 +647,7 @@ $datepicker-toggle-size-height: 30px;
|
|
643
647
|
$datepicker-body-light-color-scheme-states-selected-color: #0374eb;
|
644
648
|
$datepicker-body-light-color-scheme-states-selected-background: #e7f1ff;
|
645
649
|
$datepicker-body-dark-color-scheme-states-selected-color: #4187ff;
|
646
|
-
$datepicker-body-dark-color-scheme-states-selected-background: #
|
650
|
+
$datepicker-body-dark-color-scheme-states-selected-background: #023c7f;
|
647
651
|
$datepicker-body-size-label-paddings: 8px 28px 12px 12px;
|
648
652
|
$datepicker-body-size-cell-min-size: 32px;
|
649
653
|
$datepicker-body-size-cell-margin: 5%;
|
@@ -808,13 +812,13 @@ $link-light-color-scheme-state-hover-text: #0059b8;
|
|
808
812
|
$link-light-color-scheme-state-hover-border-bottom: rgba(#0059b8, 0.32);
|
809
813
|
$link-light-color-scheme-state-active: #014b9d;
|
810
814
|
$link-light-color-scheme-state-focused-outline: #0374eb;
|
811
|
-
$link-dark-color-scheme-text: #
|
815
|
+
$link-dark-color-scheme-text: #5697ff;
|
812
816
|
$link-dark-color-scheme-border-bottom: rgba(#6d7a86, 0.32);
|
813
817
|
$link-dark-color-scheme-state-visited-text: #bb78a7;
|
814
818
|
$link-dark-color-scheme-state-visited-border-bottom: rgba(#bb78a7, 0.32);
|
815
|
-
$link-dark-color-scheme-state-hover-text: #
|
816
|
-
$link-dark-color-scheme-state-hover-border-bottom: rgba(#
|
817
|
-
$link-dark-color-scheme-state-active: #
|
819
|
+
$link-dark-color-scheme-state-hover-text: #4187ff;
|
820
|
+
$link-dark-color-scheme-state-hover-border-bottom: rgba(#4187ff, 0.32);
|
821
|
+
$link-dark-color-scheme-state-active: #0374eb;
|
818
822
|
$link-dark-color-scheme-state-focused-outline: #4187ff;
|
819
823
|
$link-size-icon-margin: 4px;
|
820
824
|
$link-size-state-focused-outline-offset: 2px;
|
@@ -949,19 +953,22 @@ $progress-bar-size-height: 4px;
|
|
949
953
|
$progress-spinner-size-size: 16px;
|
950
954
|
$radio-light-color-scheme-outer-circle-border: #bdc7d1;
|
951
955
|
$radio-light-color-scheme-inner-circle-border: transparent;
|
956
|
+
$radio-light-color-scheme-cap-color: white;
|
952
957
|
$radio-light-color-scheme-states-checked-outer-circle-border: #0374eb;
|
953
958
|
$radio-light-color-scheme-states-checked-inner-circle-border: #0374eb;
|
954
959
|
$radio-light-color-scheme-states-focused-outer-circle-border: #0374eb;
|
955
960
|
$radio-light-color-scheme-states-focused-outer-circle-shadow: 0 0 0 2px #0374eb;
|
956
|
-
$radio-light-color-scheme-states-focused-inner-circle-shadow: 0 0 0
|
961
|
+
$radio-light-color-scheme-states-focused-inner-circle-shadow: 0 0 0 2px white;
|
957
962
|
$radio-dark-color-scheme-outer-circle-border: #515e69;
|
958
963
|
$radio-dark-color-scheme-inner-circle-border: transparent;
|
964
|
+
$radio-dark-color-scheme-cap-color: white;
|
959
965
|
$radio-dark-color-scheme-states-checked-outer-circle-border: #0059b8;
|
960
966
|
$radio-dark-color-scheme-states-checked-inner-circle-border: #0059b8;
|
961
967
|
$radio-dark-color-scheme-states-focused-outer-circle-border: #4187ff;
|
962
968
|
$radio-dark-color-scheme-states-focused-outer-circle-shadow: 0 0 0 2px #4187ff;
|
963
|
-
$radio-dark-color-scheme-states-focused-inner-circle-shadow: 0 0 0
|
964
|
-
$radio-size-size: 14px;
|
969
|
+
$radio-dark-color-scheme-states-focused-inner-circle-shadow: 0 0 0 2px #19252f;
|
970
|
+
$radio-size-outer-size: 14px;
|
971
|
+
$radio-size-inner-size: 10px;
|
965
972
|
$radio-size-cap-size: 6px;
|
966
973
|
$radio-size-label-margin: 8px;
|
967
974
|
$radio-font-default: body;
|
@@ -1028,9 +1035,9 @@ $vertical-tabs-light-color-scheme-state-selected-background: #e7f1ff;
|
|
1028
1035
|
$vertical-tabs-light-color-scheme-state-hover-background: rgba(black, 0.05);
|
1029
1036
|
$vertical-tabs-light-color-scheme-state-hover-selected-background: adjust-color(#e7f1ff, $saturation:-22%, $lightness:-5%);
|
1030
1037
|
$vertical-tabs-dark-color-scheme-state-normal-background: transparent;
|
1031
|
-
$vertical-tabs-dark-color-scheme-state-selected-background: #
|
1038
|
+
$vertical-tabs-dark-color-scheme-state-selected-background: #023c7f;
|
1032
1039
|
$vertical-tabs-dark-color-scheme-state-hover-background: rgba(black, 0.05);
|
1033
|
-
$vertical-tabs-dark-color-scheme-state-hover-selected-background: adjust-color(#
|
1040
|
+
$vertical-tabs-dark-color-scheme-state-hover-selected-background: adjust-color(#023c7f, $lightness:-1%);
|
1034
1041
|
$tags-light-color-scheme-primary-background: #e7f1ff;
|
1035
1042
|
$tags-light-color-scheme-primary-border: transparent;
|
1036
1043
|
$tags-light-color-scheme-primary-text: #0374eb;
|
@@ -1058,7 +1065,7 @@ $tags-light-color-scheme-error-states-focused: #db3c55;
|
|
1058
1065
|
$tags-light-color-scheme-error-states-disabled-text: mix(#ea5868, transparent, 50%);
|
1059
1066
|
$tags-light-color-scheme-error-states-disabled-background: mix(#ea5868, transparent, 10%);
|
1060
1067
|
$tags-light-color-scheme-error-states-disabled-border: transparent;
|
1061
|
-
$tags-dark-color-scheme-primary-background: #
|
1068
|
+
$tags-dark-color-scheme-primary-background: #014b9d;
|
1062
1069
|
$tags-dark-color-scheme-primary-border: transparent;
|
1063
1070
|
$tags-dark-color-scheme-primary-text: #a2c7fe;
|
1064
1071
|
$tags-dark-color-scheme-primary-icon: #5697ff;
|
@@ -1103,6 +1110,41 @@ $textarea-size-padding: 5px 12px;
|
|
1103
1110
|
$textarea-font-default: body;
|
1104
1111
|
$textarea-font-mono: body-mono;
|
1105
1112
|
$timepicker-size-padding-right: 16px;
|
1113
|
+
$toast-light-color-scheme-background: white;
|
1114
|
+
$toast-light-color-scheme-border: #bdc7d1;
|
1115
|
+
$toast-light-color-scheme-text: #19252f;
|
1116
|
+
$toast-light-color-scheme-text-caption: #6d7a86;
|
1117
|
+
$toast-light-color-scheme-shadow: 0 8px 16px 0 rgba(#27333e, 0.2);
|
1118
|
+
$toast-light-color-scheme-icon-info: #18a5c5;
|
1119
|
+
$toast-light-color-scheme-icon-error: #ee6f79;
|
1120
|
+
$toast-light-color-scheme-icon-success: #4ba96c;
|
1121
|
+
$toast-light-color-scheme-icon-warning: #e19f12;
|
1122
|
+
$toast-dark-color-scheme-background: #333f4a;
|
1123
|
+
$toast-dark-color-scheme-border: rgba(25, 37, 47, 0.1);
|
1124
|
+
$toast-dark-color-scheme-text: #f2f5f9;
|
1125
|
+
$toast-dark-color-scheme-text-caption: #8c99a5;
|
1126
|
+
$toast-dark-color-scheme-shadow: 0 8px 16px 0 rgba(#27333e, 0.2);
|
1127
|
+
$toast-dark-color-scheme-icon-info: #18a5c5;
|
1128
|
+
$toast-dark-color-scheme-icon-error: #ee6f79;
|
1129
|
+
$toast-dark-color-scheme-icon-success: #4ba96c;
|
1130
|
+
$toast-dark-color-scheme-icon-warning: #e19f12;
|
1131
|
+
$toast-size-border-width: 1px;
|
1132
|
+
$toast-size-border-radius: 3px;
|
1133
|
+
$toast-size-width: 360px;
|
1134
|
+
$toast-size-padding-vertical: 12px;
|
1135
|
+
$toast-size-padding-left: 12px;
|
1136
|
+
$toast-size-padding-right: 16px;
|
1137
|
+
$toast-size-close-button-width: 32px;
|
1138
|
+
$toast-size-close-button-margin: 8px;
|
1139
|
+
$toast-size-icon-margin: 8px;
|
1140
|
+
$toast-size-caption-margin: 8px;
|
1141
|
+
$toast-size-actionbar-margin: 8px;
|
1142
|
+
$toast-size-actionbar-gap: 12px;
|
1143
|
+
$toast-size-vertical-margin: 16px;
|
1144
|
+
$toast-size-horizontal-margin: 16px;
|
1145
|
+
$toast-size-gap: 12px;
|
1146
|
+
$toast-font-title: body;
|
1147
|
+
$toast-font-caption: body;
|
1106
1148
|
$toggle-light-color-scheme-border: #bdc7d1;
|
1107
1149
|
$toggle-light-color-scheme-background: white;
|
1108
1150
|
$toggle-light-color-scheme-circle-border: #bdc7d1;
|
@@ -2835,6 +2877,7 @@ $swift-linear: all $swift-linear-duration $swift-linear-timing-function !default
|
|
2835
2877
|
$checkbox: (
|
2836
2878
|
primary: (
|
2837
2879
|
border: $checkbox-light-color-scheme-default-border,
|
2880
|
+
color: $checkbox-light-color-scheme-default-color,
|
2838
2881
|
|
2839
2882
|
checked: (
|
2840
2883
|
border: $checkbox-light-color-scheme-default-states-checked-border,
|
@@ -2853,6 +2896,7 @@ $swift-linear: all $swift-linear-duration $swift-linear-timing-function !default
|
|
2853
2896
|
),
|
2854
2897
|
error: (
|
2855
2898
|
border: $checkbox-light-color-scheme-error-border,
|
2899
|
+
color: $checkbox-light-color-scheme-error-color,
|
2856
2900
|
|
2857
2901
|
checked: (
|
2858
2902
|
border: $checkbox-light-color-scheme-error-states-checked-border,
|
@@ -2983,6 +3027,7 @@ $swift-linear: all $swift-linear-duration $swift-linear-timing-function !default
|
|
2983
3027
|
$radio: (
|
2984
3028
|
outer-circle_border: $radio-light-color-scheme-outer-circle-border,
|
2985
3029
|
inner-circle_border: $radio-light-color-scheme-inner-circle-border,
|
3030
|
+
cap-color: $radio-light-color-scheme-cap-color,
|
2986
3031
|
|
2987
3032
|
outer-circle_checked-state_border: $radio-light-color-scheme-states-checked-outer-circle-border,
|
2988
3033
|
outer-circle_focused-state_border: $radio-light-color-scheme-states-focused-outer-circle-border,
|
@@ -3078,6 +3123,19 @@ $swift-linear: all $swift-linear-duration $swift-linear-timing-function !default
|
|
3078
3123
|
)
|
3079
3124
|
);
|
3080
3125
|
|
3126
|
+
$toast: (
|
3127
|
+
background: $toast-light-color-scheme-background,
|
3128
|
+
border: $toast-light-color-scheme-border,
|
3129
|
+
text: $toast-light-color-scheme-text,
|
3130
|
+
text-caption: $toast-light-color-scheme-text-caption,
|
3131
|
+
shadow: $toast-light-color-scheme-shadow,
|
3132
|
+
|
3133
|
+
icon_info: $toast-light-color-scheme-icon-info,
|
3134
|
+
icon_error: $toast-light-color-scheme-icon-error,
|
3135
|
+
icon_success: $toast-light-color-scheme-icon-success,
|
3136
|
+
icon_warning: $toast-light-color-scheme-icon-warning
|
3137
|
+
);
|
3138
|
+
|
3081
3139
|
$tooltip: (
|
3082
3140
|
background: $tooltip-light-color-scheme-background,
|
3083
3141
|
color: $tooltip-light-color-scheme-text,
|
@@ -3124,6 +3182,7 @@ $swift-linear: all $swift-linear-duration $swift-linear-timing-function !default
|
|
3124
3182
|
tabs: $tabs,
|
3125
3183
|
vertical-tabs: $vertical-tabs,
|
3126
3184
|
tags: $tags,
|
3185
|
+
toast: $toast,
|
3127
3186
|
toggle: $toggle,
|
3128
3187
|
tooltip: $tooltip
|
3129
3188
|
);
|
@@ -3453,6 +3512,7 @@ $swift-linear: all $swift-linear-duration $swift-linear-timing-function !default
|
|
3453
3512
|
$radio: (
|
3454
3513
|
outer-circle_border: $radio-dark-color-scheme-outer-circle-border,
|
3455
3514
|
inner-circle_border: $radio-dark-color-scheme-inner-circle-border,
|
3515
|
+
cap-color: $radio-dark-color-scheme-cap-color,
|
3456
3516
|
|
3457
3517
|
outer-circle_checked-state_border: $radio-dark-color-scheme-states-checked-outer-circle-border,
|
3458
3518
|
outer-circle_focused-state_border: $radio-dark-color-scheme-states-focused-outer-circle-border,
|
@@ -3548,6 +3608,19 @@ $swift-linear: all $swift-linear-duration $swift-linear-timing-function !default
|
|
3548
3608
|
)
|
3549
3609
|
);
|
3550
3610
|
|
3611
|
+
$toast: (
|
3612
|
+
background: $toast-dark-color-scheme-background,
|
3613
|
+
border: $toast-dark-color-scheme-border,
|
3614
|
+
text: $toast-dark-color-scheme-text,
|
3615
|
+
text-caption: $toast-dark-color-scheme-text-caption,
|
3616
|
+
shadow: $toast-dark-color-scheme-shadow,
|
3617
|
+
|
3618
|
+
icon_info: $toast-dark-color-scheme-icon-info,
|
3619
|
+
icon_error: $toast-dark-color-scheme-icon-error,
|
3620
|
+
icon_success: $toast-dark-color-scheme-icon-success,
|
3621
|
+
icon_warning: $toast-dark-color-scheme-icon-warning
|
3622
|
+
);
|
3623
|
+
|
3551
3624
|
$tooltip: (
|
3552
3625
|
background: $tooltip-dark-color-scheme-background,
|
3553
3626
|
color: $tooltip-dark-color-scheme-text,
|
@@ -3594,6 +3667,7 @@ $swift-linear: all $swift-linear-duration $swift-linear-timing-function !default
|
|
3594
3667
|
tabs: $tabs,
|
3595
3668
|
vertical-tabs: $vertical-tabs,
|
3596
3669
|
tags: $tags,
|
3670
|
+
toast: $toast,
|
3597
3671
|
toggle: $toggle,
|
3598
3672
|
tooltip: $tooltip
|
3599
3673
|
);
|
@@ -3765,6 +3839,11 @@ $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme
|
|
3765
3839
|
@mixin mc-pseudo-checkbox-color($states) {
|
3766
3840
|
border-color: map-get($states, border);
|
3767
3841
|
|
3842
|
+
& .mc-checkbox-checkmark,
|
3843
|
+
& .mc-checkbox-mixedmark {
|
3844
|
+
color: map-get($states, color);
|
3845
|
+
}
|
3846
|
+
|
3768
3847
|
&.mc-checked,
|
3769
3848
|
&.mc-indeterminate {
|
3770
3849
|
border-color: map-get($states, checked, border);
|
@@ -3782,26 +3861,11 @@ $dark-warning: mc-palette($dark-color-scheme-warning-palette, $dark-color-scheme
|
|
3782
3861
|
.mc-pseudo-checkbox {
|
3783
3862
|
border-color: map-get($checkbox, border);
|
3784
3863
|
|
3785
|
-
& .mc-checkbox-checkmark,
|
3786
|
-
& .mc-checkbox-mixedmark {
|
3787
|
-
color: map-get($background, background);
|
3788
|
-
}
|
3789
|
-
|
3790
3864
|
&.mc-primary {
|
3791
|
-
& .mc-checkbox-checkmark,
|
3792
|
-
& .mc-checkbox-mixedmark {
|
3793
|
-
color: map-get($foreground, primary);
|
3794
|
-
}
|
3795
|
-
|
3796
3865
|
@include mc-pseudo-checkbox-color(map-get($checkbox, primary));
|
3797
3866
|
}
|
3798
3867
|
|
3799
3868
|
&.mc-error {
|
3800
|
-
& .mc-checkbox-checkmark,
|
3801
|
-
& .mc-checkbox-mixedmark {
|
3802
|
-
color: map-get($foreground, error);
|
3803
|
-
}
|
3804
|
-
|
3805
3869
|
@include mc-pseudo-checkbox-color(map-get($checkbox, error));
|
3806
3870
|
}
|
3807
3871
|
|
@@ -4602,6 +4666,11 @@ $fonts: (
|
|
4602
4666
|
border-color: map-get($states, border);
|
4603
4667
|
|
4604
4668
|
background-color: map-get($states, background);
|
4669
|
+
|
4670
|
+
& .mc-checkbox-checkmark,
|
4671
|
+
& .mc-checkbox-mixedmark {
|
4672
|
+
color: map-get($states, color);
|
4673
|
+
}
|
4605
4674
|
}
|
4606
4675
|
|
4607
4676
|
&.mc-checked,
|
@@ -4643,15 +4712,6 @@ $fonts: (
|
|
4643
4712
|
|
4644
4713
|
$checkbox: map-get(map-get($theme, components), checkbox);
|
4645
4714
|
|
4646
|
-
.mc-checkbox-frame {
|
4647
|
-
border-color: map-get($checkbox, border);
|
4648
|
-
|
4649
|
-
& .mc-checkbox-checkmark,
|
4650
|
-
& .mc-checkbox-mixedmark {
|
4651
|
-
color: map-get($background, background);
|
4652
|
-
}
|
4653
|
-
}
|
4654
|
-
|
4655
4715
|
.mc-checkbox {
|
4656
4716
|
&:hover {
|
4657
4717
|
.mc-checkbox-frame {
|
@@ -5688,25 +5748,11 @@ button {
|
|
5688
5748
|
}
|
5689
5749
|
}
|
5690
5750
|
|
5691
|
-
&.mc-selected {
|
5692
|
-
& .mc-radio-button__outer-circle {
|
5693
|
-
border-color: map-get($radio, outer-circle_checked-state_border);
|
5694
|
-
}
|
5695
|
-
|
5696
|
-
& .mc-radio-button__inner-circle {
|
5697
|
-
display: flex;
|
5698
|
-
background-color: map-get($radio, inner-circle_checked-state_border);
|
5699
|
-
|
5700
|
-
.mc-radio-button__inner-circle-cap {
|
5701
|
-
background: map-get($background, background);
|
5702
|
-
}
|
5703
|
-
}
|
5704
|
-
}
|
5705
|
-
|
5706
5751
|
&.cdk-keyboard-focused {
|
5707
5752
|
& .mc-radio-button__outer-circle {
|
5708
5753
|
border-color: map-get($radio, outer-circle_focused-state_border);
|
5709
5754
|
box-shadow: map-get($radio, outer-circle_focused-state_shadow);
|
5755
|
+
background: map-get($background, background);
|
5710
5756
|
}
|
5711
5757
|
|
5712
5758
|
& .mc-radio-button__inner-circle {
|
@@ -5728,7 +5774,33 @@ button {
|
|
5728
5774
|
|
5729
5775
|
& .mc-radio-button__inner-circle {
|
5730
5776
|
border-color: map-get($background, background-disabled);
|
5731
|
-
background: map-get($
|
5777
|
+
background: map-get($background, background-disabled);
|
5778
|
+
|
5779
|
+
& .mc-radio-button__inner-circle-cap {
|
5780
|
+
background: map-get($background, background-disabled);
|
5781
|
+
}
|
5782
|
+
}
|
5783
|
+
|
5784
|
+
&.mc-selected {
|
5785
|
+
& .mc-radio-button__inner-circle-cap {
|
5786
|
+
background: map-get($foreground, border);
|
5787
|
+
}
|
5788
|
+
}
|
5789
|
+
}
|
5790
|
+
|
5791
|
+
&.mc-selected:not(.mc-disabled) {
|
5792
|
+
& .mc-radio-button__outer-circle {
|
5793
|
+
border-color: map-get($radio, outer-circle_checked-state_border);
|
5794
|
+
background: map-get($radio, inner-circle_checked-state_border);
|
5795
|
+
}
|
5796
|
+
|
5797
|
+
& .mc-radio-button__inner-circle {
|
5798
|
+
display: flex;
|
5799
|
+
background-color: map-get($radio, inner-circle_checked-state_border);
|
5800
|
+
|
5801
|
+
& .mc-radio-button__inner-circle-cap {
|
5802
|
+
background: map-get($radio, cap-color);
|
5803
|
+
}
|
5732
5804
|
}
|
5733
5805
|
}
|
5734
5806
|
}
|
@@ -6248,6 +6320,64 @@ button {
|
|
6248
6320
|
|
6249
6321
|
|
6250
6322
|
|
6323
|
+
@mixin mc-toast-theme($theme) {
|
6324
|
+
$foreground: map-get($theme, foreground);
|
6325
|
+
|
6326
|
+
$toast: map-get(map-get($theme, components), toast);
|
6327
|
+
|
6328
|
+
.mc-toast {
|
6329
|
+
&.mc-toast_info .mc-toast__icon {
|
6330
|
+
color: map-get($toast, icon_info);
|
6331
|
+
}
|
6332
|
+
|
6333
|
+
&.mc-toast_success .mc-toast__icon {
|
6334
|
+
color: map-get($toast, icon_success);
|
6335
|
+
}
|
6336
|
+
|
6337
|
+
&.mc-toast_warning .mc-toast__icon {
|
6338
|
+
color: map-get($toast, icon_warning);
|
6339
|
+
}
|
6340
|
+
|
6341
|
+
&.mc-toast_error .mc-toast__icon {
|
6342
|
+
color: map-get($toast, icon_error);
|
6343
|
+
}
|
6344
|
+
}
|
6345
|
+
|
6346
|
+
.mc-toast__wrapper {
|
6347
|
+
border-color: map-get($toast, border);
|
6348
|
+
|
6349
|
+
background: map-get($toast, background);
|
6350
|
+
|
6351
|
+
box-shadow: map-get($toast, shadow);
|
6352
|
+
}
|
6353
|
+
|
6354
|
+
.mc-toast__title {
|
6355
|
+
color: map-get($toast, text);
|
6356
|
+
}
|
6357
|
+
|
6358
|
+
.mc-toast__caption {
|
6359
|
+
color: map-get($toast, text-caption);
|
6360
|
+
}
|
6361
|
+
}
|
6362
|
+
|
6363
|
+
@mixin mc-toast-typography($config) {
|
6364
|
+
.mc-toast {
|
6365
|
+
@include mc-typography-level-to-styles($config, body);
|
6366
|
+
}
|
6367
|
+
|
6368
|
+
.mc-toast__title {
|
6369
|
+
@include mc-typography-level-to-styles($config, $toast-font-title);
|
6370
|
+
}
|
6371
|
+
|
6372
|
+
.mc-toast__caption {
|
6373
|
+
@include mc-typography-level-to-styles($config, $toast-font-caption);
|
6374
|
+
}
|
6375
|
+
}
|
6376
|
+
|
6377
|
+
|
6378
|
+
|
6379
|
+
|
6380
|
+
|
6251
6381
|
@mixin mc-toggle-theme($theme) {
|
6252
6382
|
$foreground: map-get($theme, foreground);
|
6253
6383
|
$background: map-get($theme, background);
|
@@ -6746,6 +6876,7 @@ button {
|
|
6746
6876
|
@include mc-tabs-typography($config);
|
6747
6877
|
@include mc-tag-typography($config);
|
6748
6878
|
@include mc-textarea-typography($config);
|
6879
|
+
@include mc-toast-typography($config);
|
6749
6880
|
@include mc-toggle-typography($config);
|
6750
6881
|
@include mc-tooltip-typography($config);
|
6751
6882
|
@include mc-tree-select-typography($config);
|
@@ -7128,6 +7259,7 @@ button {
|
|
7128
7259
|
|
7129
7260
|
|
7130
7261
|
|
7262
|
+
|
7131
7263
|
@mixin mc-option-action-theme($theme) {
|
7132
7264
|
$foreground: map-get($theme, foreground);
|
7133
7265
|
$background: map-get($theme, background);
|
@@ -7229,6 +7361,7 @@ button {
|
|
7229
7361
|
@include mc-tabs-theme($theme);
|
7230
7362
|
@include mc-tag-theme($theme);
|
7231
7363
|
@include mc-textarea-theme($theme);
|
7364
|
+
@include mc-toast-theme($theme);
|
7232
7365
|
@include mc-toggle-theme($theme);
|
7233
7366
|
@include mc-tooltip-theme($theme);
|
7234
7367
|
@include mc-tree-select-theme($theme);
|
package/_visual.scss
CHANGED
@@ -50,7 +50,7 @@ $dark-color-scheme-background-overlay-active: rgba(black, 0.1);
|
|
50
50
|
$dark-color-scheme-background-overlay-disabled: rgba(black, 0.2);
|
51
51
|
$dark-color-scheme-states-focused-color: #4187ff;
|
52
52
|
$dark-color-scheme-states-focused-color-error: #b9023a;
|
53
|
-
$dark-color-scheme-states-selected-color: #
|
53
|
+
$dark-color-scheme-states-selected-color: #023c7f;
|
54
54
|
$dark-color-scheme-states-pressed-shadow: inset 1px 2px 2px 0 rgba(black, 0.2);
|
55
55
|
$dark-color-scheme-states-disabled-opacity: 0.3;
|
56
56
|
$font-family-accent: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
|
@@ -447,7 +447,7 @@ $button-dark-color-scheme-primary-background: #0059b8;
|
|
447
447
|
$button-dark-color-scheme-primary-icon: white;
|
448
448
|
$button-dark-color-scheme-primary-states-active-border: darken(#014b9d, 5);
|
449
449
|
$button-dark-color-scheme-primary-states-active-background: darken(#014b9d, 5);
|
450
|
-
$button-dark-color-scheme-primary-transparent-color: #
|
450
|
+
$button-dark-color-scheme-primary-transparent-color: #5697ff;
|
451
451
|
$button-dark-color-scheme-primary-transparent-icon: #5697ff;
|
452
452
|
$button-dark-color-scheme-primary-transparent-states-hover-color: #014b9d;
|
453
453
|
$button-dark-color-scheme-primary-transparent-states-hover-icon: #0374eb;
|
@@ -500,6 +500,7 @@ $card-dark-color-scheme-info-background: #143641;
|
|
500
500
|
$card-dark-color-scheme-info-shadow: #084453;
|
501
501
|
$card-size-vertical-line: 4px;
|
502
502
|
$checkbox-light-color-scheme-default-border: #bdc7d1;
|
503
|
+
$checkbox-light-color-scheme-default-color: white;
|
503
504
|
$checkbox-light-color-scheme-default-states-checked-border: #0374eb;
|
504
505
|
$checkbox-light-color-scheme-default-states-checked-background: #0374eb;
|
505
506
|
$checkbox-light-color-scheme-default-states-focused-border: #0374eb;
|
@@ -509,6 +510,7 @@ $checkbox-light-color-scheme-default-states-checked-focused-background: #0374eb;
|
|
509
510
|
$checkbox-light-color-scheme-default-states-checked-focused-shadow: 0 0 0 1px #0374eb;
|
510
511
|
$checkbox-light-color-scheme-default-states-checked-focused-outline: 1px solid white;
|
511
512
|
$checkbox-light-color-scheme-error-border: #db3c55;
|
513
|
+
$checkbox-light-color-scheme-error-color: white;
|
512
514
|
$checkbox-light-color-scheme-error-states-checked-border: #db3c55;
|
513
515
|
$checkbox-light-color-scheme-error-states-checked-background: #db3c55;
|
514
516
|
$checkbox-light-color-scheme-error-states-focused-border: #db3c55;
|
@@ -518,6 +520,7 @@ $checkbox-light-color-scheme-error-states-checked-focused-background: #db3c55;
|
|
518
520
|
$checkbox-light-color-scheme-error-states-checked-focused-shadow: 0 0 0 1px #db3c55;
|
519
521
|
$checkbox-light-color-scheme-error-states-checked-focused-outline: 1px solid white;
|
520
522
|
$checkbox-dark-color-scheme-default-border: #515e69;
|
523
|
+
$checkbox-dark-color-scheme-default-color: white;
|
521
524
|
$checkbox-dark-color-scheme-default-states-checked-border: #0059b8;
|
522
525
|
$checkbox-dark-color-scheme-default-states-checked-background: #0059b8;
|
523
526
|
$checkbox-dark-color-scheme-default-states-focused-border: #4187ff;
|
@@ -527,6 +530,7 @@ $checkbox-dark-color-scheme-default-states-checked-focused-background: #0059b8;
|
|
527
530
|
$checkbox-dark-color-scheme-default-states-checked-focused-shadow: 0 0 0 1px #4187ff;
|
528
531
|
$checkbox-dark-color-scheme-default-states-checked-focused-outline: 1px solid #19252f;
|
529
532
|
$checkbox-dark-color-scheme-error-border: #b9023a;
|
533
|
+
$checkbox-dark-color-scheme-error-color: white;
|
530
534
|
$checkbox-dark-color-scheme-error-states-checked-border: #b9023a;
|
531
535
|
$checkbox-dark-color-scheme-error-states-checked-background: #b9023a;
|
532
536
|
$checkbox-dark-color-scheme-error-states-focused-border: #b9023a;
|
@@ -545,7 +549,7 @@ $datepicker-toggle-size-height: 30px;
|
|
545
549
|
$datepicker-body-light-color-scheme-states-selected-color: #0374eb;
|
546
550
|
$datepicker-body-light-color-scheme-states-selected-background: #e7f1ff;
|
547
551
|
$datepicker-body-dark-color-scheme-states-selected-color: #4187ff;
|
548
|
-
$datepicker-body-dark-color-scheme-states-selected-background: #
|
552
|
+
$datepicker-body-dark-color-scheme-states-selected-background: #023c7f;
|
549
553
|
$datepicker-body-size-label-paddings: 8px 28px 12px 12px;
|
550
554
|
$datepicker-body-size-cell-min-size: 32px;
|
551
555
|
$datepicker-body-size-cell-margin: 5%;
|
@@ -710,13 +714,13 @@ $link-light-color-scheme-state-hover-text: #0059b8;
|
|
710
714
|
$link-light-color-scheme-state-hover-border-bottom: rgba(#0059b8, 0.32);
|
711
715
|
$link-light-color-scheme-state-active: #014b9d;
|
712
716
|
$link-light-color-scheme-state-focused-outline: #0374eb;
|
713
|
-
$link-dark-color-scheme-text: #
|
717
|
+
$link-dark-color-scheme-text: #5697ff;
|
714
718
|
$link-dark-color-scheme-border-bottom: rgba(#6d7a86, 0.32);
|
715
719
|
$link-dark-color-scheme-state-visited-text: #bb78a7;
|
716
720
|
$link-dark-color-scheme-state-visited-border-bottom: rgba(#bb78a7, 0.32);
|
717
|
-
$link-dark-color-scheme-state-hover-text: #
|
718
|
-
$link-dark-color-scheme-state-hover-border-bottom: rgba(#
|
719
|
-
$link-dark-color-scheme-state-active: #
|
721
|
+
$link-dark-color-scheme-state-hover-text: #4187ff;
|
722
|
+
$link-dark-color-scheme-state-hover-border-bottom: rgba(#4187ff, 0.32);
|
723
|
+
$link-dark-color-scheme-state-active: #0374eb;
|
720
724
|
$link-dark-color-scheme-state-focused-outline: #4187ff;
|
721
725
|
$link-size-icon-margin: 4px;
|
722
726
|
$link-size-state-focused-outline-offset: 2px;
|
@@ -851,19 +855,22 @@ $progress-bar-size-height: 4px;
|
|
851
855
|
$progress-spinner-size-size: 16px;
|
852
856
|
$radio-light-color-scheme-outer-circle-border: #bdc7d1;
|
853
857
|
$radio-light-color-scheme-inner-circle-border: transparent;
|
858
|
+
$radio-light-color-scheme-cap-color: white;
|
854
859
|
$radio-light-color-scheme-states-checked-outer-circle-border: #0374eb;
|
855
860
|
$radio-light-color-scheme-states-checked-inner-circle-border: #0374eb;
|
856
861
|
$radio-light-color-scheme-states-focused-outer-circle-border: #0374eb;
|
857
862
|
$radio-light-color-scheme-states-focused-outer-circle-shadow: 0 0 0 2px #0374eb;
|
858
|
-
$radio-light-color-scheme-states-focused-inner-circle-shadow: 0 0 0
|
863
|
+
$radio-light-color-scheme-states-focused-inner-circle-shadow: 0 0 0 2px white;
|
859
864
|
$radio-dark-color-scheme-outer-circle-border: #515e69;
|
860
865
|
$radio-dark-color-scheme-inner-circle-border: transparent;
|
866
|
+
$radio-dark-color-scheme-cap-color: white;
|
861
867
|
$radio-dark-color-scheme-states-checked-outer-circle-border: #0059b8;
|
862
868
|
$radio-dark-color-scheme-states-checked-inner-circle-border: #0059b8;
|
863
869
|
$radio-dark-color-scheme-states-focused-outer-circle-border: #4187ff;
|
864
870
|
$radio-dark-color-scheme-states-focused-outer-circle-shadow: 0 0 0 2px #4187ff;
|
865
|
-
$radio-dark-color-scheme-states-focused-inner-circle-shadow: 0 0 0
|
866
|
-
$radio-size-size: 14px;
|
871
|
+
$radio-dark-color-scheme-states-focused-inner-circle-shadow: 0 0 0 2px #19252f;
|
872
|
+
$radio-size-outer-size: 14px;
|
873
|
+
$radio-size-inner-size: 10px;
|
867
874
|
$radio-size-cap-size: 6px;
|
868
875
|
$radio-size-label-margin: 8px;
|
869
876
|
$radio-font-default: body;
|
@@ -930,9 +937,9 @@ $vertical-tabs-light-color-scheme-state-selected-background: #e7f1ff;
|
|
930
937
|
$vertical-tabs-light-color-scheme-state-hover-background: rgba(black, 0.05);
|
931
938
|
$vertical-tabs-light-color-scheme-state-hover-selected-background: adjust-color(#e7f1ff, $saturation:-22%, $lightness:-5%);
|
932
939
|
$vertical-tabs-dark-color-scheme-state-normal-background: transparent;
|
933
|
-
$vertical-tabs-dark-color-scheme-state-selected-background: #
|
940
|
+
$vertical-tabs-dark-color-scheme-state-selected-background: #023c7f;
|
934
941
|
$vertical-tabs-dark-color-scheme-state-hover-background: rgba(black, 0.05);
|
935
|
-
$vertical-tabs-dark-color-scheme-state-hover-selected-background: adjust-color(#
|
942
|
+
$vertical-tabs-dark-color-scheme-state-hover-selected-background: adjust-color(#023c7f, $lightness:-1%);
|
936
943
|
$tags-light-color-scheme-primary-background: #e7f1ff;
|
937
944
|
$tags-light-color-scheme-primary-border: transparent;
|
938
945
|
$tags-light-color-scheme-primary-text: #0374eb;
|
@@ -960,7 +967,7 @@ $tags-light-color-scheme-error-states-focused: #db3c55;
|
|
960
967
|
$tags-light-color-scheme-error-states-disabled-text: mix(#ea5868, transparent, 50%);
|
961
968
|
$tags-light-color-scheme-error-states-disabled-background: mix(#ea5868, transparent, 10%);
|
962
969
|
$tags-light-color-scheme-error-states-disabled-border: transparent;
|
963
|
-
$tags-dark-color-scheme-primary-background: #
|
970
|
+
$tags-dark-color-scheme-primary-background: #014b9d;
|
964
971
|
$tags-dark-color-scheme-primary-border: transparent;
|
965
972
|
$tags-dark-color-scheme-primary-text: #a2c7fe;
|
966
973
|
$tags-dark-color-scheme-primary-icon: #5697ff;
|
@@ -1005,6 +1012,41 @@ $textarea-size-padding: 5px 12px;
|
|
1005
1012
|
$textarea-font-default: body;
|
1006
1013
|
$textarea-font-mono: body-mono;
|
1007
1014
|
$timepicker-size-padding-right: 16px;
|
1015
|
+
$toast-light-color-scheme-background: white;
|
1016
|
+
$toast-light-color-scheme-border: #bdc7d1;
|
1017
|
+
$toast-light-color-scheme-text: #19252f;
|
1018
|
+
$toast-light-color-scheme-text-caption: #6d7a86;
|
1019
|
+
$toast-light-color-scheme-shadow: 0 8px 16px 0 rgba(#27333e, 0.2);
|
1020
|
+
$toast-light-color-scheme-icon-info: #18a5c5;
|
1021
|
+
$toast-light-color-scheme-icon-error: #ee6f79;
|
1022
|
+
$toast-light-color-scheme-icon-success: #4ba96c;
|
1023
|
+
$toast-light-color-scheme-icon-warning: #e19f12;
|
1024
|
+
$toast-dark-color-scheme-background: #333f4a;
|
1025
|
+
$toast-dark-color-scheme-border: rgba(25, 37, 47, 0.1);
|
1026
|
+
$toast-dark-color-scheme-text: #f2f5f9;
|
1027
|
+
$toast-dark-color-scheme-text-caption: #8c99a5;
|
1028
|
+
$toast-dark-color-scheme-shadow: 0 8px 16px 0 rgba(#27333e, 0.2);
|
1029
|
+
$toast-dark-color-scheme-icon-info: #18a5c5;
|
1030
|
+
$toast-dark-color-scheme-icon-error: #ee6f79;
|
1031
|
+
$toast-dark-color-scheme-icon-success: #4ba96c;
|
1032
|
+
$toast-dark-color-scheme-icon-warning: #e19f12;
|
1033
|
+
$toast-size-border-width: 1px;
|
1034
|
+
$toast-size-border-radius: 3px;
|
1035
|
+
$toast-size-width: 360px;
|
1036
|
+
$toast-size-padding-vertical: 12px;
|
1037
|
+
$toast-size-padding-left: 12px;
|
1038
|
+
$toast-size-padding-right: 16px;
|
1039
|
+
$toast-size-close-button-width: 32px;
|
1040
|
+
$toast-size-close-button-margin: 8px;
|
1041
|
+
$toast-size-icon-margin: 8px;
|
1042
|
+
$toast-size-caption-margin: 8px;
|
1043
|
+
$toast-size-actionbar-margin: 8px;
|
1044
|
+
$toast-size-actionbar-gap: 12px;
|
1045
|
+
$toast-size-vertical-margin: 16px;
|
1046
|
+
$toast-size-horizontal-margin: 16px;
|
1047
|
+
$toast-size-gap: 12px;
|
1048
|
+
$toast-font-title: body;
|
1049
|
+
$toast-font-caption: body;
|
1008
1050
|
$toggle-light-color-scheme-border: #bdc7d1;
|
1009
1051
|
$toggle-light-color-scheme-background: white;
|
1010
1052
|
$toggle-light-color-scheme-circle-border: #bdc7d1;
|
@@ -40,6 +40,7 @@ export interface FormatterRelativeTemplate {
|
|
40
40
|
export interface DateTimeOptions {
|
41
41
|
seconds?: boolean;
|
42
42
|
milliseconds?: boolean;
|
43
|
+
currYear?: boolean;
|
43
44
|
}
|
44
45
|
export interface FormatterConfig {
|
45
46
|
relativeTemplates: {
|
@@ -103,14 +104,15 @@ export declare class DateFormatter<D> {
|
|
103
104
|
* @param datetime - should time be shown as well
|
104
105
|
* @param seconds - should time with seconds be shown as well
|
105
106
|
* @param milliseconds - should time with milliseconds be shown as well
|
106
|
-
* @
|
107
|
+
* @param currYear - should current year be shown as well
|
107
108
|
*/
|
108
|
-
absoluteDate(date: D, params: FormatterAbsoluteTemplate, datetime?: boolean, seconds?: boolean, milliseconds?: boolean): string;
|
109
|
+
absoluteDate(date: D, params: FormatterAbsoluteTemplate, datetime?: boolean, seconds?: boolean, milliseconds?: boolean, currYear?: boolean): string;
|
109
110
|
/**
|
110
111
|
* @param date - date
|
112
|
+
* @param currYear - should the year be shown forced
|
111
113
|
* @returns absolute date in short format
|
112
114
|
*/
|
113
|
-
absoluteShortDate(date: D): string;
|
115
|
+
absoluteShortDate(date: D, currYear?: boolean): string;
|
114
116
|
/**
|
115
117
|
* @param date - date
|
116
118
|
* @param options - DateTimeOptions
|
@@ -119,9 +121,10 @@ export declare class DateFormatter<D> {
|
|
119
121
|
absoluteShortDateTime(date: D, options?: DateTimeOptions): string;
|
120
122
|
/**
|
121
123
|
* @param date - date
|
124
|
+
* @param currYear - should the year be shown forced
|
122
125
|
* @returns absolute date in long format
|
123
126
|
*/
|
124
|
-
absoluteLongDate(date: D): string;
|
127
|
+
absoluteLongDate(date: D, currYear?: boolean): string;
|
125
128
|
/**
|
126
129
|
* @param date - date
|
127
130
|
* @param options - DateTimeOptions
|
@@ -191,6 +194,12 @@ export declare class DateFormatter<D> {
|
|
191
194
|
* @returns range middle date with time
|
192
195
|
*/
|
193
196
|
rangeMiddleDateTime(startDate: D, endDate: D, options?: DateTimeOptions): string;
|
197
|
+
/**
|
198
|
+
* @param date
|
199
|
+
* @param variables - date template variables
|
200
|
+
* @param currYearForced - param for absolute days formatting
|
201
|
+
* @private
|
202
|
+
*/
|
194
203
|
private compileVariables;
|
195
204
|
private isBeforeYesterday;
|
196
205
|
private isYesterday;
|