@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.
Files changed (107) hide show
  1. package/_theming.scss +186 -53
  2. package/_visual.scss +55 -13
  3. package/core/formatters/date/formatter.d.ts +13 -4
  4. package/core/formatters/date/templates/en-US.d.ts +2 -74
  5. package/core/formatters/date/templates/ru-RU.d.ts +2 -74
  6. package/design-tokens/legacy-2017/tokens/components/checkbox.json5 +4 -0
  7. package/design-tokens/legacy-2017/tokens/components/radio.json5 +11 -10
  8. package/design-tokens/legacy-2017/tokens/components/toast.json5 +54 -0
  9. package/design-tokens/legacy-2017/tokens.d.ts +49 -8
  10. package/design-tokens/pt-2022/tokens/components/button.json5 +1 -1
  11. package/design-tokens/pt-2022/tokens/components/checkbox.json5 +4 -0
  12. package/design-tokens/pt-2022/tokens/components/link.json5 +3 -3
  13. package/design-tokens/pt-2022/tokens/components/radio.json5 +6 -3
  14. package/design-tokens/pt-2022/tokens/components/tags.json5 +1 -1
  15. package/design-tokens/pt-2022/tokens/components/toast.json5 +54 -0
  16. package/design-tokens/pt-2022/tokens/properties/colors.json5 +1 -1
  17. package/design-tokens/pt-2022/tokens.d.ts +55 -13
  18. package/design-tokens/style-dictionary/figma-types.js +41 -0
  19. package/design-tokens/style-dictionary/formats/figma.js +1 -1
  20. package/design-tokens/style-dictionary/transforms/attribute/figma-border.js +1 -1
  21. package/design-tokens/style-dictionary/transforms/attribute/figma-color.js +1 -1
  22. package/design-tokens/style-dictionary/transforms/attribute/figma-default.js +1 -1
  23. package/design-tokens/style-dictionary/transforms/attribute/figma-font.js +1 -1
  24. package/design-tokens/style-dictionary/transforms/attribute/figma-opacity.js +1 -1
  25. package/design-tokens/style-dictionary/transforms/attribute/figma-shadow.js +1 -1
  26. package/design-tokens/style-dictionary/transforms/attribute/figma-sizing.js +1 -1
  27. package/design-tokens/style-dictionary/transforms/attribute/figma-spacing.js +1 -1
  28. package/design-tokens/style-dictionary/transforms/attribute/figma-typography.js +1 -1
  29. package/esm2020/button/button.component.mjs +2 -2
  30. package/esm2020/core/formatters/date/formatter.mjs +22 -16
  31. package/esm2020/core/formatters/date/templates/en-US.mjs +1 -1
  32. package/esm2020/core/formatters/date/templates/ru-RU.mjs +1 -1
  33. package/esm2020/design-tokens/legacy-2017/tokens.mjs +50 -9
  34. package/esm2020/design-tokens/pt-2022/tokens.mjs +56 -14
  35. package/esm2020/navbar/navbar-item.component.mjs +29 -6
  36. package/esm2020/navbar/vertical-navbar.component.mjs +3 -3
  37. package/esm2020/radio/radio.component.mjs +3 -3
  38. package/esm2020/textarea/textarea.component.mjs +3 -4
  39. package/esm2020/toast/index.mjs +2 -0
  40. package/esm2020/toast/ptsecurity-mosaic-toast.mjs +5 -0
  41. package/esm2020/toast/public-api.mjs +6 -0
  42. package/esm2020/toast/toast-animations.mjs +9 -0
  43. package/esm2020/toast/toast-container.component.mjs +44 -0
  44. package/esm2020/toast/toast.component.mjs +89 -0
  45. package/esm2020/toast/toast.module.mjs +42 -0
  46. package/esm2020/toast/toast.service.mjs +178 -0
  47. package/esm2020/toast/toast.type.mjs +15 -0
  48. package/esm2020/tooltip/tooltip.component.mjs +2 -1
  49. package/esm2020/tree/tree-option.component.mjs +3 -2
  50. package/esm2020/tree/tree-selection.component.mjs +3 -2
  51. package/esm2020/tree-select/tree-select.component.mjs +10 -9
  52. package/fesm2015/ptsecurity-mosaic-button.mjs +2 -2
  53. package/fesm2015/ptsecurity-mosaic-button.mjs.map +1 -1
  54. package/fesm2015/ptsecurity-mosaic-core.mjs +21 -15
  55. package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -1
  56. package/fesm2015/ptsecurity-mosaic-design-tokens.mjs +147 -23
  57. package/fesm2015/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
  58. package/fesm2015/ptsecurity-mosaic-navbar.mjs +33 -9
  59. package/fesm2015/ptsecurity-mosaic-navbar.mjs.map +1 -1
  60. package/fesm2015/ptsecurity-mosaic-radio.mjs +2 -2
  61. package/fesm2015/ptsecurity-mosaic-radio.mjs.map +1 -1
  62. package/fesm2015/ptsecurity-mosaic-textarea.mjs +2 -3
  63. package/fesm2015/ptsecurity-mosaic-textarea.mjs.map +1 -1
  64. package/fesm2015/ptsecurity-mosaic-toast.mjs +363 -0
  65. package/fesm2015/ptsecurity-mosaic-toast.mjs.map +1 -0
  66. package/fesm2015/ptsecurity-mosaic-tooltip.mjs +1 -0
  67. package/fesm2015/ptsecurity-mosaic-tooltip.mjs.map +1 -1
  68. package/fesm2015/ptsecurity-mosaic-tree-select.mjs +9 -8
  69. package/fesm2015/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  70. package/fesm2015/ptsecurity-mosaic-tree.mjs +4 -2
  71. package/fesm2015/ptsecurity-mosaic-tree.mjs.map +1 -1
  72. package/fesm2020/ptsecurity-mosaic-button.mjs +2 -2
  73. package/fesm2020/ptsecurity-mosaic-button.mjs.map +1 -1
  74. package/fesm2020/ptsecurity-mosaic-core.mjs +21 -15
  75. package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -1
  76. package/fesm2020/ptsecurity-mosaic-design-tokens.mjs +147 -23
  77. package/fesm2020/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
  78. package/fesm2020/ptsecurity-mosaic-navbar.mjs +30 -7
  79. package/fesm2020/ptsecurity-mosaic-navbar.mjs.map +1 -1
  80. package/fesm2020/ptsecurity-mosaic-radio.mjs +2 -2
  81. package/fesm2020/ptsecurity-mosaic-radio.mjs.map +1 -1
  82. package/fesm2020/ptsecurity-mosaic-textarea.mjs +2 -3
  83. package/fesm2020/ptsecurity-mosaic-textarea.mjs.map +1 -1
  84. package/fesm2020/ptsecurity-mosaic-toast.mjs +361 -0
  85. package/fesm2020/ptsecurity-mosaic-toast.mjs.map +1 -0
  86. package/fesm2020/ptsecurity-mosaic-tooltip.mjs +1 -0
  87. package/fesm2020/ptsecurity-mosaic-tooltip.mjs.map +1 -1
  88. package/fesm2020/ptsecurity-mosaic-tree-select.mjs +9 -8
  89. package/fesm2020/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  90. package/fesm2020/ptsecurity-mosaic-tree.mjs +4 -2
  91. package/fesm2020/ptsecurity-mosaic-tree.mjs.map +1 -1
  92. package/navbar/navbar-item.component.d.ts +9 -3
  93. package/package.json +12 -4
  94. package/prebuilt-themes/dark-theme.css +1 -1
  95. package/prebuilt-themes/default-theme.css +1 -1
  96. package/toast/index.d.ts +1 -0
  97. package/toast/package.json +10 -0
  98. package/toast/ptsecurity-mosaic-toast.d.ts +5 -0
  99. package/toast/public-api.d.ts +5 -0
  100. package/toast/toast-animations.d.ts +4 -0
  101. package/toast/toast-container.component.d.ts +15 -0
  102. package/toast/toast.component.d.ts +35 -0
  103. package/toast/toast.module.d.ts +13 -0
  104. package/toast/toast.service.d.ts +49 -0
  105. package/toast/toast.type.d.ts +27 -0
  106. package/tooltip/tooltip.component.d.ts +1 -1
  107. 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: #014b9d;
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: #0374eb;
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: #014b9d;
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: #4187ff;
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: #0374eb;
816
- $link-dark-color-scheme-state-hover-border-bottom: rgba(#0374eb, 0.32);
817
- $link-dark-color-scheme-state-active: #0059b8;
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 1px white;
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 1px #19252f;
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: #014b9d;
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(#014b9d, $lightness:-1%);
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: #023c7f;
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($foreground, text-disabled);
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: #014b9d;
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: #0374eb;
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: #014b9d;
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: #4187ff;
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: #0374eb;
718
- $link-dark-color-scheme-state-hover-border-bottom: rgba(#0374eb, 0.32);
719
- $link-dark-color-scheme-state-active: #0059b8;
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 1px white;
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 1px #19252f;
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: #014b9d;
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(#014b9d, $lightness:-1%);
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: #023c7f;
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
- * @returns absolute date in common format
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;