@salutejs/plasma-b2c 1.494.1-canary.1705.12790178134.0 → 1.495.0-canary.1696.12814018283.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-b2c.api.md +70 -57
- package/components/Avatar/Avatar.config.d.ts +18 -0
- package/components/Avatar/Avatar.config.js +23 -5
- package/components/Avatar/Avatar.d.ts +138 -6
- package/components/Badge/Badge.d.ts +8 -48
- package/components/Counter/Counter.d.ts +1 -6
- package/css/cjs/components/Avatar/Avatar.config.js +19 -1
- package/css/cjs/components/Avatar/Avatar.config.js.map +1 -1
- package/css/cjs/components/Avatar/Avatar.config_1buqzeq.css +21 -0
- package/css/cjs/components/Avatar/Avatar.css +21 -7
- package/css/cjs/index.css +21 -7
- package/css/es/components/Avatar/Avatar.config.js +19 -1
- package/css/es/components/Avatar/Avatar.config.js.map +1 -1
- package/css/es/components/Avatar/Avatar.config_1buqzeq.css +21 -0
- package/css/es/components/Avatar/Avatar.css +21 -7
- package/css/es/index.css +21 -7
- package/es/components/Avatar/Avatar.config.js +23 -5
- package/package.json +3 -3
- package/temp/plasma-b2c.api.md +70 -57
- package/css/cjs/components/Avatar/Avatar.config_weecw4.css +0 -7
- package/css/es/components/Avatar/Avatar.config_weecw4.css +0 -7
package/temp/plasma-b2c.api.md
CHANGED
@@ -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';
|
@@ -950,8 +951,26 @@ fit: PolymorphicClassName;
|
|
950
951
|
focused: {
|
951
952
|
true: PolymorphicClassName;
|
952
953
|
};
|
953
|
-
|
954
|
-
|
954
|
+
badgeView: {
|
955
|
+
default: PolymorphicClassName;
|
956
|
+
accent: PolymorphicClassName;
|
957
|
+
positive: PolymorphicClassName;
|
958
|
+
warning: PolymorphicClassName;
|
959
|
+
negative: PolymorphicClassName;
|
960
|
+
dark: PolymorphicClassName;
|
961
|
+
light: PolymorphicClassName;
|
962
|
+
};
|
963
|
+
counterView: {
|
964
|
+
default: PolymorphicClassName;
|
965
|
+
accent: PolymorphicClassName;
|
966
|
+
positive: PolymorphicClassName;
|
967
|
+
warning: PolymorphicClassName;
|
968
|
+
negative: PolymorphicClassName;
|
969
|
+
dark: PolymorphicClassName;
|
970
|
+
light: PolymorphicClassName;
|
971
|
+
};
|
972
|
+
}> & ((HTMLAttributes<HTMLDivElement> & {
|
973
|
+
size?: string | undefined;
|
955
974
|
name?: string | undefined;
|
956
975
|
url?: string | undefined;
|
957
976
|
customText?: string | undefined;
|
@@ -959,7 +978,46 @@ status?: "active" | "inactive" | undefined;
|
|
959
978
|
isScalable?: boolean | undefined;
|
960
979
|
focused?: boolean | undefined;
|
961
980
|
statusLabels?: StatusLabels | undefined;
|
962
|
-
|
981
|
+
hasExtra?: boolean | undefined;
|
982
|
+
type?: "badge" | "counter" | undefined;
|
983
|
+
extraPlacement?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | undefined;
|
984
|
+
} & {
|
985
|
+
badgeView?: string | undefined;
|
986
|
+
pilled?: boolean | undefined;
|
987
|
+
text?: string | undefined;
|
988
|
+
contentLeft?: ReactNode;
|
989
|
+
contentRight?: ReactNode;
|
990
|
+
customColor?: string | undefined;
|
991
|
+
customBackgroundColor?: string | undefined;
|
992
|
+
} & {
|
993
|
+
counterView?: undefined;
|
994
|
+
count?: undefined;
|
995
|
+
maxCount?: undefined;
|
996
|
+
} & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
|
997
|
+
size?: string | undefined;
|
998
|
+
name?: string | undefined;
|
999
|
+
url?: string | undefined;
|
1000
|
+
customText?: string | undefined;
|
1001
|
+
status?: "active" | "inactive" | undefined;
|
1002
|
+
isScalable?: boolean | undefined;
|
1003
|
+
focused?: boolean | undefined;
|
1004
|
+
statusLabels?: StatusLabels | undefined;
|
1005
|
+
hasExtra?: boolean | undefined;
|
1006
|
+
type?: "badge" | "counter" | undefined;
|
1007
|
+
extraPlacement?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | undefined;
|
1008
|
+
} & {
|
1009
|
+
counterView?: string | undefined;
|
1010
|
+
count?: number | undefined;
|
1011
|
+
maxCount?: number | undefined;
|
1012
|
+
} & {
|
1013
|
+
badgeView?: undefined;
|
1014
|
+
pilled?: undefined;
|
1015
|
+
text?: undefined;
|
1016
|
+
contentLeft?: undefined;
|
1017
|
+
contentRight?: undefined;
|
1018
|
+
customColor?: undefined;
|
1019
|
+
customBackgroundColor?: undefined;
|
1020
|
+
} & RefAttributes<HTMLDivElement>))>;
|
963
1021
|
|
964
1022
|
// @public (undocumented)
|
965
1023
|
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?:
|
1014
|
-
transparent?:
|
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?:
|
1046
|
-
clear?:
|
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?:
|
1062
|
-
transparent?:
|
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?:
|
1094
|
-
clear?:
|
1111
|
+
transparent?: boolean | undefined;
|
1112
|
+
clear?: undefined;
|
1095
1113
|
} & RefAttributes<HTMLDivElement>))>;
|
1096
1114
|
|
1097
1115
|
export { BadgeProps }
|
@@ -1668,12 +1686,7 @@ s: PolymorphicClassName;
|
|
1668
1686
|
xs: PolymorphicClassName;
|
1669
1687
|
xxs: PolymorphicClassName;
|
1670
1688
|
};
|
1671
|
-
}> & HTMLAttributes<HTMLDivElement> &
|
1672
|
-
count: number;
|
1673
|
-
maxCount?: number | undefined;
|
1674
|
-
size?: string | undefined;
|
1675
|
-
view?: string | undefined;
|
1676
|
-
} & RefAttributes<HTMLDivElement>>;
|
1689
|
+
}> & HTMLAttributes<HTMLDivElement> & CustomCounterProps & RefAttributes<HTMLDivElement>>;
|
1677
1690
|
|
1678
1691
|
export { CounterProps }
|
1679
1692
|
|
@@ -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);}
|