@salutejs/plasma-web 1.494.1-canary.1692.12540362812.0 → 1.495.0-canary.1696.12710467472.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -104,6 +104,7 @@ import { convertRoundnessMatrix } from '@salutejs/plasma-core';
104
104
  import { CounterProps } from '@salutejs/plasma-new-hope/styled-components';
105
105
  import { counterTokens } from '@salutejs/plasma-new-hope/styled-components';
106
106
  import { CustomComboboxProps } from '@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types';
107
+ import { CustomCounterProps } from '@salutejs/plasma-new-hope/types/components/Counter/Counter.types';
107
108
  import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
108
109
  import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
109
110
  import { CustomVerticalTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
@@ -949,8 +950,26 @@ fit: PolymorphicClassName;
949
950
  focused: {
950
951
  true: PolymorphicClassName;
951
952
  };
952
- }> & HTMLAttributes<HTMLDivElement> & {
953
- size: "m" | "s" | "l" | "xxl" | "fit";
953
+ badgeView: {
954
+ default: PolymorphicClassName;
955
+ accent: PolymorphicClassName;
956
+ positive: PolymorphicClassName;
957
+ warning: PolymorphicClassName;
958
+ negative: PolymorphicClassName;
959
+ dark: PolymorphicClassName;
960
+ light: PolymorphicClassName;
961
+ };
962
+ counterView: {
963
+ default: PolymorphicClassName;
964
+ accent: PolymorphicClassName;
965
+ positive: PolymorphicClassName;
966
+ warning: PolymorphicClassName;
967
+ negative: PolymorphicClassName;
968
+ dark: PolymorphicClassName;
969
+ light: PolymorphicClassName;
970
+ };
971
+ }> & ((HTMLAttributes<HTMLDivElement> & {
972
+ size?: string | undefined;
954
973
  name?: string | undefined;
955
974
  url?: string | undefined;
956
975
  customText?: string | undefined;
@@ -958,7 +977,46 @@ status?: "active" | "inactive" | undefined;
958
977
  isScalable?: boolean | undefined;
959
978
  focused?: boolean | undefined;
960
979
  statusLabels?: StatusLabels | undefined;
961
- } & RefAttributes<HTMLDivElement>>;
980
+ hasExtra?: boolean | undefined;
981
+ type?: "badge" | "counter" | undefined;
982
+ extraPlacement?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | undefined;
983
+ } & {
984
+ badgeView?: string | undefined;
985
+ pilled?: boolean | undefined;
986
+ text?: string | undefined;
987
+ contentLeft?: ReactNode;
988
+ contentRight?: ReactNode;
989
+ customColor?: string | undefined;
990
+ customBackgroundColor?: string | undefined;
991
+ } & {
992
+ counterView?: undefined;
993
+ count?: undefined;
994
+ maxCount?: undefined;
995
+ } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
996
+ size?: string | undefined;
997
+ name?: string | undefined;
998
+ url?: string | undefined;
999
+ customText?: string | undefined;
1000
+ status?: "active" | "inactive" | undefined;
1001
+ isScalable?: boolean | undefined;
1002
+ focused?: boolean | undefined;
1003
+ statusLabels?: StatusLabels | undefined;
1004
+ hasExtra?: boolean | undefined;
1005
+ type?: "badge" | "counter" | undefined;
1006
+ extraPlacement?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | undefined;
1007
+ } & {
1008
+ counterView?: string | undefined;
1009
+ count?: number | undefined;
1010
+ maxCount?: number | undefined;
1011
+ } & {
1012
+ badgeView?: undefined;
1013
+ pilled?: undefined;
1014
+ text?: undefined;
1015
+ contentLeft?: undefined;
1016
+ contentRight?: undefined;
1017
+ customColor?: undefined;
1018
+ customBackgroundColor?: undefined;
1019
+ } & RefAttributes<HTMLDivElement>))>;
962
1020
 
963
1021
  // @public (undocumented)
964
1022
  export const AvatarGroup: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {
@@ -1007,27 +1065,9 @@ view?: string | undefined;
1007
1065
  contentLeft?: ReactNode;
1008
1066
  contentRight?: undefined;
1009
1067
  } & {
1010
- children?: ReactNode;
1011
- } & {
1012
1068
  clear?: true | undefined;
1013
- pilled?: false | undefined;
1014
- transparent?: false | undefined;
1015
- } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
1016
- text?: string | undefined;
1017
- customColor?: string | undefined;
1018
- customBackgroundColor?: string | undefined;
1019
- maxWidth?: Property.Width<string | number> | undefined;
1020
- size?: string | undefined;
1021
- view?: string | undefined;
1022
- } & {
1023
- contentLeft?: ReactNode;
1024
- contentRight?: undefined;
1025
- } & {
1026
- children?: ReactNode;
1027
- } & {
1028
- pilled?: true | undefined;
1029
- transparent?: boolean | undefined;
1030
- clear?: false | undefined;
1069
+ pilled?: undefined;
1070
+ transparent?: undefined;
1031
1071
  } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
1032
1072
  text?: string | undefined;
1033
1073
  customColor?: string | undefined;
@@ -1039,11 +1079,9 @@ view?: string | undefined;
1039
1079
  contentLeft?: ReactNode;
1040
1080
  contentRight?: undefined;
1041
1081
  } & {
1042
- children?: ReactNode;
1043
- } & {
1044
1082
  pilled?: boolean | undefined;
1045
- transparent?: true | undefined;
1046
- clear?: false | undefined;
1083
+ transparent?: boolean | undefined;
1084
+ clear?: undefined;
1047
1085
  } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
1048
1086
  text?: string | undefined;
1049
1087
  customColor?: string | undefined;
@@ -1055,27 +1093,9 @@ view?: string | undefined;
1055
1093
  contentLeft?: undefined;
1056
1094
  contentRight?: ReactNode;
1057
1095
  } & {
1058
- children?: ReactNode;
1059
- } & {
1060
1096
  clear?: true | undefined;
1061
- pilled?: false | undefined;
1062
- transparent?: false | undefined;
1063
- } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
1064
- text?: string | undefined;
1065
- customColor?: string | undefined;
1066
- customBackgroundColor?: string | undefined;
1067
- maxWidth?: Property.Width<string | number> | undefined;
1068
- size?: string | undefined;
1069
- view?: string | undefined;
1070
- } & {
1071
- contentLeft?: undefined;
1072
- contentRight?: ReactNode;
1073
- } & {
1074
- children?: ReactNode;
1075
- } & {
1076
- pilled?: true | undefined;
1077
- transparent?: boolean | undefined;
1078
- clear?: false | undefined;
1097
+ pilled?: undefined;
1098
+ transparent?: undefined;
1079
1099
  } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
1080
1100
  text?: string | undefined;
1081
1101
  customColor?: string | undefined;
@@ -1087,11 +1107,9 @@ view?: string | undefined;
1087
1107
  contentLeft?: undefined;
1088
1108
  contentRight?: ReactNode;
1089
1109
  } & {
1090
- children?: ReactNode;
1091
- } & {
1092
1110
  pilled?: boolean | undefined;
1093
- transparent?: true | undefined;
1094
- clear?: false | undefined;
1111
+ transparent?: boolean | undefined;
1112
+ clear?: undefined;
1095
1113
  } & RefAttributes<HTMLDivElement>))>;
1096
1114
 
1097
1115
  export { BadgeProps }
@@ -1669,12 +1687,7 @@ s: PolymorphicClassName;
1669
1687
  xs: PolymorphicClassName;
1670
1688
  xxs: PolymorphicClassName;
1671
1689
  };
1672
- }> & HTMLAttributes<HTMLDivElement> & {
1673
- count: number;
1674
- maxCount?: number | undefined;
1675
- size?: string | undefined;
1676
- view?: string | undefined;
1677
- } & RefAttributes<HTMLDivElement>>;
1690
+ }> & HTMLAttributes<HTMLDivElement> & CustomCounterProps & RefAttributes<HTMLDivElement>>;
1678
1691
 
1679
1692
  export { CounterProps }
1680
1693
 
@@ -1,7 +0,0 @@
1
- .d1wlf450{--plasma-avatar-color:var(--text-accent-gradient);--plasma-avatar-background:linear-gradient(94deg,rgba(62,121,240,0.2) 6.49%,rgba(39,198,229,0.2) 93.51%);--plasma-avatar-status-online-background:var(--surface-positive);--plasma-avatar-status-offline-background:var(--surface-solid-tertiary);--plasma-avatar-scale-hover:1.02;--plasma-avatar-font-family:var(--plasma-typo-text-font-family);}
2
- .x1ntw407{--plasma-avatar-size:6.25rem;--plasma-avatar-font-size:2rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:2rem;--plasma-status-icon-size:0.75rem;}
3
- .l3mxzec{--plasma-avatar-size:3rem;--plasma-avatar-font-size:1.25rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:1.25rem;--plasma-status-icon-size:0.5rem;}
4
- .m1tqy9r4{--plasma-avatar-size:2.25rem;--plasma-avatar-font-size:0.875rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.875rem;--plasma-status-icon-size:0.5rem;}
5
- .s110gq94{--plasma-avatar-size:1.5rem;--plasma-avatar-font-size:0.5rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.5rem;--plasma-status-icon-size:0.375rem;}
6
- .f3cx8li{--plasma-avatar-size:100%;--plasma-avatar-font-size:0;--plasma-avatar-font-weight:0;--plasma-avatar-line-height:0;--plasma-status-icon-size:0;}
7
- .t12fbiph{--plasma-avatar-outline-size:0.1rem;--plasma-avatar-outline-offset:-0.2rem;--plasma-avatar-outline-color:var(--surface-accent);}
@@ -1,7 +0,0 @@
1
- .d1wlf450{--plasma-avatar-color:var(--text-accent-gradient);--plasma-avatar-background:linear-gradient(94deg,rgba(62,121,240,0.2) 6.49%,rgba(39,198,229,0.2) 93.51%);--plasma-avatar-status-online-background:var(--surface-positive);--plasma-avatar-status-offline-background:var(--surface-solid-tertiary);--plasma-avatar-scale-hover:1.02;--plasma-avatar-font-family:var(--plasma-typo-text-font-family);}
2
- .x1ntw407{--plasma-avatar-size:6.25rem;--plasma-avatar-font-size:2rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:2rem;--plasma-status-icon-size:0.75rem;}
3
- .l3mxzec{--plasma-avatar-size:3rem;--plasma-avatar-font-size:1.25rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:1.25rem;--plasma-status-icon-size:0.5rem;}
4
- .m1tqy9r4{--plasma-avatar-size:2.25rem;--plasma-avatar-font-size:0.875rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.875rem;--plasma-status-icon-size:0.5rem;}
5
- .s110gq94{--plasma-avatar-size:1.5rem;--plasma-avatar-font-size:0.5rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.5rem;--plasma-status-icon-size:0.375rem;}
6
- .f3cx8li{--plasma-avatar-size:100%;--plasma-avatar-font-size:0;--plasma-avatar-font-weight:0;--plasma-avatar-line-height:0;--plasma-status-icon-size:0;}
7
- .t12fbiph{--plasma-avatar-outline-size:0.1rem;--plasma-avatar-outline-offset:-0.2rem;--plasma-avatar-outline-color:var(--surface-accent);}