@salutejs/plasma-b2c 1.492.1-canary.1692.12540362812.0 → 1.493.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> & {
@@ -1006,27 +1064,9 @@ view?: string | undefined;
1006
1064
  contentLeft?: ReactNode;
1007
1065
  contentRight?: undefined;
1008
1066
  } & {
1009
- children?: ReactNode;
1010
- } & {
1011
1067
  clear?: true | undefined;
1012
- pilled?: false | undefined;
1013
- transparent?: false | undefined;
1014
- } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
1015
- text?: string | undefined;
1016
- customColor?: string | undefined;
1017
- customBackgroundColor?: string | undefined;
1018
- maxWidth?: Property.Width<string | number> | undefined;
1019
- size?: string | undefined;
1020
- view?: string | undefined;
1021
- } & {
1022
- contentLeft?: ReactNode;
1023
- contentRight?: undefined;
1024
- } & {
1025
- children?: ReactNode;
1026
- } & {
1027
- pilled?: true | undefined;
1028
- transparent?: boolean | undefined;
1029
- clear?: false | undefined;
1068
+ pilled?: undefined;
1069
+ transparent?: undefined;
1030
1070
  } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
1031
1071
  text?: string | undefined;
1032
1072
  customColor?: string | undefined;
@@ -1038,11 +1078,9 @@ view?: string | undefined;
1038
1078
  contentLeft?: ReactNode;
1039
1079
  contentRight?: undefined;
1040
1080
  } & {
1041
- children?: ReactNode;
1042
- } & {
1043
1081
  pilled?: boolean | undefined;
1044
- transparent?: true | undefined;
1045
- clear?: false | undefined;
1082
+ transparent?: boolean | undefined;
1083
+ clear?: undefined;
1046
1084
  } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
1047
1085
  text?: string | undefined;
1048
1086
  customColor?: string | undefined;
@@ -1054,27 +1092,9 @@ view?: string | undefined;
1054
1092
  contentLeft?: undefined;
1055
1093
  contentRight?: ReactNode;
1056
1094
  } & {
1057
- children?: ReactNode;
1058
- } & {
1059
1095
  clear?: true | undefined;
1060
- pilled?: false | undefined;
1061
- transparent?: false | undefined;
1062
- } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
1063
- text?: string | undefined;
1064
- customColor?: string | undefined;
1065
- customBackgroundColor?: string | undefined;
1066
- maxWidth?: Property.Width<string | number> | undefined;
1067
- size?: string | undefined;
1068
- view?: string | undefined;
1069
- } & {
1070
- contentLeft?: undefined;
1071
- contentRight?: ReactNode;
1072
- } & {
1073
- children?: ReactNode;
1074
- } & {
1075
- pilled?: true | undefined;
1076
- transparent?: boolean | undefined;
1077
- clear?: false | undefined;
1096
+ pilled?: undefined;
1097
+ transparent?: undefined;
1078
1098
  } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
1079
1099
  text?: string | undefined;
1080
1100
  customColor?: string | undefined;
@@ -1086,11 +1106,9 @@ view?: string | undefined;
1086
1106
  contentLeft?: undefined;
1087
1107
  contentRight?: ReactNode;
1088
1108
  } & {
1089
- children?: ReactNode;
1090
- } & {
1091
1109
  pilled?: boolean | undefined;
1092
- transparent?: true | undefined;
1093
- clear?: false | undefined;
1110
+ transparent?: boolean | undefined;
1111
+ clear?: undefined;
1094
1112
  } & RefAttributes<HTMLDivElement>))>;
1095
1113
 
1096
1114
  export { BadgeProps }
@@ -1667,12 +1685,7 @@ s: PolymorphicClassName;
1667
1685
  xs: PolymorphicClassName;
1668
1686
  xxs: PolymorphicClassName;
1669
1687
  };
1670
- }> & HTMLAttributes<HTMLDivElement> & {
1671
- count: number;
1672
- maxCount?: number | undefined;
1673
- size?: string | undefined;
1674
- view?: string | undefined;
1675
- } & RefAttributes<HTMLDivElement>>;
1688
+ }> & HTMLAttributes<HTMLDivElement> & CustomCounterProps & RefAttributes<HTMLDivElement>>;
1676
1689
 
1677
1690
  export { CounterProps }
1678
1691
 
@@ -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);}