@salutejs/plasma-b2c 1.493.0-canary.1696.12711678920.0 → 1.493.0-canary.1699.12748300760.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (22) hide show
  1. package/api/plasma-b2c.api.md +59 -70
  2. package/components/Avatar/Avatar.config.d.ts +0 -18
  3. package/components/Avatar/Avatar.config.js +5 -23
  4. package/components/Avatar/Avatar.d.ts +6 -138
  5. package/components/Badge/Badge.d.ts +48 -8
  6. package/components/Counter/Counter.d.ts +6 -1
  7. package/components/NumberInput/NumberInput.d.ts +2 -0
  8. package/css/cjs/components/Avatar/Avatar.config.js +1 -19
  9. package/css/cjs/components/Avatar/Avatar.config.js.map +1 -1
  10. package/css/cjs/components/Avatar/Avatar.config_weecw4.css +7 -0
  11. package/css/cjs/components/Avatar/Avatar.css +7 -21
  12. package/css/cjs/index.css +7 -21
  13. package/css/es/components/Avatar/Avatar.config.js +1 -19
  14. package/css/es/components/Avatar/Avatar.config.js.map +1 -1
  15. package/css/es/components/Avatar/Avatar.config_weecw4.css +7 -0
  16. package/css/es/components/Avatar/Avatar.css +7 -21
  17. package/css/es/index.css +7 -21
  18. package/es/components/Avatar/Avatar.config.js +5 -23
  19. package/package.json +3 -3
  20. package/temp/plasma-b2c.api.md +59 -70
  21. package/css/cjs/components/Avatar/Avatar.config_1buqzeq.css +0 -21
  22. package/css/es/components/Avatar/Avatar.config_1buqzeq.css +0 -21
package/temp/plasma-b2c.api.md CHANGED
@@ -104,7 +104,6 @@ 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';
108
107
  import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
109
108
  import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
110
109
  import { CustomVerticalTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
@@ -950,50 +949,8 @@ fit: PolymorphicClassName;
950
949
  focused: {
951
950
  true: PolymorphicClassName;
952
951
  };
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;
973
- name?: string | undefined;
974
- url?: string | undefined;
975
- customText?: string | undefined;
976
- status?: "active" | "inactive" | undefined;
977
- isScalable?: boolean | undefined;
978
- focused?: boolean | undefined;
979
- statusLabels?: StatusLabels | undefined;
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;
952
+ }> & HTMLAttributes<HTMLDivElement> & {
953
+ size: "m" | "s" | "l" | "xxl" | "fit";
997
954
  name?: string | undefined;
998
955
  url?: string | undefined;
999
956
  customText?: string | undefined;
@@ -1001,22 +958,7 @@ status?: "active" | "inactive" | undefined;
1001
958
  isScalable?: boolean | undefined;
1002
959
  focused?: boolean | undefined;
1003
960
  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>))>;
961
+ } & RefAttributes<HTMLDivElement>>;
1020
962
 
1021
963
  // @public (undocumented)
1022
964
  export const AvatarGroup: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {
@@ -1064,9 +1006,11 @@ view?: string | undefined;
1064
1006
  contentLeft?: ReactNode;
1065
1007
  contentRight?: undefined;
1066
1008
  } & {
1009
+ children?: ReactNode;
1010
+ } & {
1067
1011
  clear?: true | undefined;
1068
- pilled?: undefined;
1069
- transparent?: undefined;
1012
+ pilled?: false | undefined;
1013
+ transparent?: false | undefined;
1070
1014
  } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
1071
1015
  text?: string | undefined;
1072
1016
  customColor?: string | undefined;
@@ -1078,9 +1022,27 @@ view?: string | undefined;
1078
1022
  contentLeft?: ReactNode;
1079
1023
  contentRight?: undefined;
1080
1024
  } & {
1081
- pilled?: boolean | undefined;
1025
+ children?: ReactNode;
1026
+ } & {
1027
+ pilled?: true | undefined;
1082
1028
  transparent?: boolean | undefined;
1083
- clear?: undefined;
1029
+ clear?: false | undefined;
1030
+ } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
1031
+ text?: string | undefined;
1032
+ customColor?: string | undefined;
1033
+ customBackgroundColor?: string | undefined;
1034
+ maxWidth?: Property.Width<string | number> | undefined;
1035
+ size?: string | undefined;
1036
+ view?: string | undefined;
1037
+ } & {
1038
+ contentLeft?: ReactNode;
1039
+ contentRight?: undefined;
1040
+ } & {
1041
+ children?: ReactNode;
1042
+ } & {
1043
+ pilled?: boolean | undefined;
1044
+ transparent?: true | undefined;
1045
+ clear?: false | undefined;
1084
1046
  } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
1085
1047
  text?: string | undefined;
1086
1048
  customColor?: string | undefined;
@@ -1092,9 +1054,11 @@ view?: string | undefined;
1092
1054
  contentLeft?: undefined;
1093
1055
  contentRight?: ReactNode;
1094
1056
  } & {
1057
+ children?: ReactNode;
1058
+ } & {
1095
1059
  clear?: true | undefined;
1096
- pilled?: undefined;
1097
- transparent?: undefined;
1060
+ pilled?: false | undefined;
1061
+ transparent?: false | undefined;
1098
1062
  } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
1099
1063
  text?: string | undefined;
1100
1064
  customColor?: string | undefined;
@@ -1106,9 +1070,27 @@ view?: string | undefined;
1106
1070
  contentLeft?: undefined;
1107
1071
  contentRight?: ReactNode;
1108
1072
  } & {
1109
- pilled?: boolean | undefined;
1073
+ children?: ReactNode;
1074
+ } & {
1075
+ pilled?: true | undefined;
1110
1076
  transparent?: boolean | undefined;
1111
- clear?: undefined;
1077
+ clear?: false | undefined;
1078
+ } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
1079
+ text?: string | undefined;
1080
+ customColor?: string | undefined;
1081
+ customBackgroundColor?: string | undefined;
1082
+ maxWidth?: Property.Width<string | number> | undefined;
1083
+ size?: string | undefined;
1084
+ view?: string | undefined;
1085
+ } & {
1086
+ contentLeft?: undefined;
1087
+ contentRight?: ReactNode;
1088
+ } & {
1089
+ children?: ReactNode;
1090
+ } & {
1091
+ pilled?: boolean | undefined;
1092
+ transparent?: true | undefined;
1093
+ clear?: false | undefined;
1112
1094
  } & RefAttributes<HTMLDivElement>))>;
1113
1095
 
1114
1096
  export { BadgeProps }
@@ -1685,7 +1667,12 @@ s: PolymorphicClassName;
1685
1667
  xs: PolymorphicClassName;
1686
1668
  xxs: PolymorphicClassName;
1687
1669
  };
1688
- }> & HTMLAttributes<HTMLDivElement> & CustomCounterProps & RefAttributes<HTMLDivElement>>;
1670
+ }> & HTMLAttributes<HTMLDivElement> & {
1671
+ count: number;
1672
+ maxCount?: number | undefined;
1673
+ size?: string | undefined;
1674
+ view?: string | undefined;
1675
+ } & RefAttributes<HTMLDivElement>>;
1689
1676
 
1690
1677
  export { CounterProps }
1691
1678
 
@@ -3092,6 +3079,7 @@ value?: number | undefined;
3092
3079
  min?: number | undefined;
3093
3080
  max?: number | undefined;
3094
3081
  step?: number | undefined;
3082
+ precision?: number | undefined;
3095
3083
  isLoading?: boolean | undefined;
3096
3084
  loader?: ReactNode;
3097
3085
  size?: string | undefined;
@@ -3117,6 +3105,7 @@ value?: number | undefined;
3117
3105
  min?: number | undefined;
3118
3106
  max?: number | undefined;
3119
3107
  step?: number | undefined;
3108
+ precision?: number | undefined;
3120
3109
  isLoading?: boolean | undefined;
3121
3110
  loader?: ReactNode;
3122
3111
  size?: string | undefined;
package/css/cjs/components/Avatar/Avatar.config_1buqzeq.css DELETED
@@ -1,21 +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;--plasma-avatar-extra-badge-border-radius:0.5rem;--plasma-avatar-extra-badge-height:1.75rem;--plasma-avatar-extra-badge-padding:0 0.688rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.375rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.25rem;--plasma-avatar-extra-badge-right-content-margin-left:0.25rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.75rem;--plasma-avatar-extra-counter-padding:0 0.625rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-s-line-height);}
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;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.375rem;--plasma-avatar-extra-badge-height:1.25rem;--plasma-avatar-extra-badge-padding:0 0.438rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.25rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.25rem;--plasma-avatar-extra-counter-padding:0 0.375rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
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;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.25rem;--plasma-avatar-extra-badge-height:1rem;--plasma-avatar-extra-badge-padding:0 0.25rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.188rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1rem;--plasma-avatar-extra-counter-padding:0 0.25rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
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;--plasma-avatar-extra-placement-factor:1;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:0.75rem;--plasma-avatar-extra-counter-padding:0 0.125rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
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);}
8
- .d1v24dm1{--plasma-avatar-extra-badge-color:var(--inverse-text-primary);--plasma-avatar-extra-badge-background:var(--surface-solid-default);--plasma-avatar-extra-badge-color-transparent:var(--text-primary);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-secondary);--plasma-avatar-extra-badge-color-clear:var(--text-primary);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
9
- .aklmhlm{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-accent);--plasma-avatar-extra-badge-color-transparent:var(--text-accent);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-accent);--plasma-avatar-extra-badge-color-clear:var(--text-accent);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
10
- .pts1qri{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-positive);--plasma-avatar-extra-badge-color-transparent:var(--text-positive);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-positive);--plasma-avatar-extra-badge-color-clear:var(--text-positive);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
11
- .wu8qekr{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-warning);--plasma-avatar-extra-badge-color-transparent:var(--text-warning);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-warning);--plasma-avatar-extra-badge-color-clear:var(--text-warning);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
12
- .nc00x8o{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-negative);--plasma-avatar-extra-badge-color-transparent:var(--text-negative);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-negative);--plasma-avatar-extra-badge-color-clear:var(--text-negative);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
13
- .d4vpurz{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--on-light-surface-solid-default);--plasma-avatar-extra-badge-color-transparent:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background-transparent:var(--on-light-surface-transparent-deep);--plasma-avatar-extra-badge-color-clear:var(--on-light-text-primary);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
14
- .lh713v8{--plasma-avatar-extra-badge-color:var(--on-light-text-primary);--plasma-avatar-extra-badge-background:var(--on-dark-surface-solid-default);--plasma-avatar-extra-badge-color-transparent:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background-transparent:var(--on-dark-surface-transparent-card);--plasma-avatar-extra-badge-color-clear:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
15
- .d18xlm4d{--plasma-avatar-extra-counter-color:var(--inverse-text-primary);--plasma-avatar-extra-counter-background:var(--surface-solid-default);}
16
- .a19kwqy5{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-accent);}
17
- .p1jpkhmc{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-positive);}
18
- .w1rt05zb{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-warning);}
19
- .n18uzb5o{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-negative);}
20
- .dwmydiz{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--on-light-surface-solid-default);}
21
- .l84jq18{--plasma-avatar-extra-counter-color:var(--on-light-text-primary);--plasma-avatar-extra-counter-background:var(--on-dark-surface-solid-default);}
package/css/es/components/Avatar/Avatar.config_1buqzeq.css DELETED
@@ -1,21 +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;--plasma-avatar-extra-badge-border-radius:0.5rem;--plasma-avatar-extra-badge-height:1.75rem;--plasma-avatar-extra-badge-padding:0 0.688rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.375rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.25rem;--plasma-avatar-extra-badge-right-content-margin-left:0.25rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.75rem;--plasma-avatar-extra-counter-padding:0 0.625rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-s-line-height);}
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;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.375rem;--plasma-avatar-extra-badge-height:1.25rem;--plasma-avatar-extra-badge-padding:0 0.438rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.25rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.25rem;--plasma-avatar-extra-counter-padding:0 0.375rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
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;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.25rem;--plasma-avatar-extra-badge-height:1rem;--plasma-avatar-extra-badge-padding:0 0.25rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.188rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1rem;--plasma-avatar-extra-counter-padding:0 0.25rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
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;--plasma-avatar-extra-placement-factor:1;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:0.75rem;--plasma-avatar-extra-counter-padding:0 0.125rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
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);}
8
- .d1v24dm1{--plasma-avatar-extra-badge-color:var(--inverse-text-primary);--plasma-avatar-extra-badge-background:var(--surface-solid-default);--plasma-avatar-extra-badge-color-transparent:var(--text-primary);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-secondary);--plasma-avatar-extra-badge-color-clear:var(--text-primary);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
9
- .aklmhlm{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-accent);--plasma-avatar-extra-badge-color-transparent:var(--text-accent);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-accent);--plasma-avatar-extra-badge-color-clear:var(--text-accent);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
10
- .pts1qri{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-positive);--plasma-avatar-extra-badge-color-transparent:var(--text-positive);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-positive);--plasma-avatar-extra-badge-color-clear:var(--text-positive);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
11
- .wu8qekr{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-warning);--plasma-avatar-extra-badge-color-transparent:var(--text-warning);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-warning);--plasma-avatar-extra-badge-color-clear:var(--text-warning);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
12
- .nc00x8o{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-negative);--plasma-avatar-extra-badge-color-transparent:var(--text-negative);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-negative);--plasma-avatar-extra-badge-color-clear:var(--text-negative);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
13
- .d4vpurz{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--on-light-surface-solid-default);--plasma-avatar-extra-badge-color-transparent:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background-transparent:var(--on-light-surface-transparent-deep);--plasma-avatar-extra-badge-color-clear:var(--on-light-text-primary);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
14
- .lh713v8{--plasma-avatar-extra-badge-color:var(--on-light-text-primary);--plasma-avatar-extra-badge-background:var(--on-dark-surface-solid-default);--plasma-avatar-extra-badge-color-transparent:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background-transparent:var(--on-dark-surface-transparent-card);--plasma-avatar-extra-badge-color-clear:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
15
- .d18xlm4d{--plasma-avatar-extra-counter-color:var(--inverse-text-primary);--plasma-avatar-extra-counter-background:var(--surface-solid-default);}
16
- .a19kwqy5{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-accent);}
17
- .p1jpkhmc{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-positive);}
18
- .w1rt05zb{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-warning);}
19
- .n18uzb5o{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-negative);}
20
- .dwmydiz{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--on-light-surface-solid-default);}
21
- .l84jq18{--plasma-avatar-extra-counter-color:var(--on-light-text-primary);--plasma-avatar-extra-counter-background:var(--on-dark-surface-solid-default);}