@salutejs/plasma-web 1.495.0-canary.1696.12710467472.0 → 1.495.0-canary.1699.12742131493.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-web.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-web.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-web.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> & {
@@ -1065,9 +1007,11 @@ view?: string | undefined;
1065
1007
  contentLeft?: ReactNode;
1066
1008
  contentRight?: undefined;
1067
1009
  } & {
1010
+ children?: ReactNode;
1011
+ } & {
1068
1012
  clear?: true | undefined;
1069
- pilled?: undefined;
1070
- transparent?: undefined;
1013
+ pilled?: false | undefined;
1014
+ transparent?: false | undefined;
1071
1015
  } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
1072
1016
  text?: string | undefined;
1073
1017
  customColor?: string | undefined;
@@ -1079,9 +1023,27 @@ view?: string | undefined;
1079
1023
  contentLeft?: ReactNode;
1080
1024
  contentRight?: undefined;
1081
1025
  } & {
1082
- pilled?: boolean | undefined;
1026
+ children?: ReactNode;
1027
+ } & {
1028
+ pilled?: true | undefined;
1083
1029
  transparent?: boolean | undefined;
1084
- clear?: undefined;
1030
+ clear?: false | undefined;
1031
+ } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
1032
+ text?: string | undefined;
1033
+ customColor?: string | undefined;
1034
+ customBackgroundColor?: string | undefined;
1035
+ maxWidth?: Property.Width<string | number> | undefined;
1036
+ size?: string | undefined;
1037
+ view?: string | undefined;
1038
+ } & {
1039
+ contentLeft?: ReactNode;
1040
+ contentRight?: undefined;
1041
+ } & {
1042
+ children?: ReactNode;
1043
+ } & {
1044
+ pilled?: boolean | undefined;
1045
+ transparent?: true | undefined;
1046
+ clear?: false | undefined;
1085
1047
  } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
1086
1048
  text?: string | undefined;
1087
1049
  customColor?: string | undefined;
@@ -1093,9 +1055,11 @@ view?: string | undefined;
1093
1055
  contentLeft?: undefined;
1094
1056
  contentRight?: ReactNode;
1095
1057
  } & {
1058
+ children?: ReactNode;
1059
+ } & {
1096
1060
  clear?: true | undefined;
1097
- pilled?: undefined;
1098
- transparent?: undefined;
1061
+ pilled?: false | undefined;
1062
+ transparent?: false | undefined;
1099
1063
  } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
1100
1064
  text?: string | undefined;
1101
1065
  customColor?: string | undefined;
@@ -1107,9 +1071,27 @@ view?: string | undefined;
1107
1071
  contentLeft?: undefined;
1108
1072
  contentRight?: ReactNode;
1109
1073
  } & {
1110
- pilled?: boolean | undefined;
1074
+ children?: ReactNode;
1075
+ } & {
1076
+ pilled?: true | undefined;
1111
1077
  transparent?: boolean | undefined;
1112
- clear?: undefined;
1078
+ clear?: false | undefined;
1079
+ } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
1080
+ text?: string | undefined;
1081
+ customColor?: string | undefined;
1082
+ customBackgroundColor?: string | undefined;
1083
+ maxWidth?: Property.Width<string | number> | undefined;
1084
+ size?: string | undefined;
1085
+ view?: string | undefined;
1086
+ } & {
1087
+ contentLeft?: undefined;
1088
+ contentRight?: ReactNode;
1089
+ } & {
1090
+ children?: ReactNode;
1091
+ } & {
1092
+ pilled?: boolean | undefined;
1093
+ transparent?: true | undefined;
1094
+ clear?: false | undefined;
1113
1095
  } & RefAttributes<HTMLDivElement>))>;
1114
1096
 
1115
1097
  export { BadgeProps }
@@ -1687,7 +1669,12 @@ s: PolymorphicClassName;
1687
1669
  xs: PolymorphicClassName;
1688
1670
  xxs: PolymorphicClassName;
1689
1671
  };
1690
- }> & HTMLAttributes<HTMLDivElement> & CustomCounterProps & RefAttributes<HTMLDivElement>>;
1672
+ }> & HTMLAttributes<HTMLDivElement> & {
1673
+ count: number;
1674
+ maxCount?: number | undefined;
1675
+ size?: string | undefined;
1676
+ view?: string | undefined;
1677
+ } & RefAttributes<HTMLDivElement>>;
1691
1678
 
1692
1679
  export { CounterProps }
1693
1680
 
@@ -3094,6 +3081,7 @@ value?: number | undefined;
3094
3081
  min?: number | undefined;
3095
3082
  max?: number | undefined;
3096
3083
  step?: number | undefined;
3084
+ precision?: number | undefined;
3097
3085
  isLoading?: boolean | undefined;
3098
3086
  loader?: ReactNode;
3099
3087
  size?: string | undefined;
@@ -3119,6 +3107,7 @@ value?: number | undefined;
3119
3107
  min?: number | undefined;
3120
3108
  max?: number | undefined;
3121
3109
  step?: number | undefined;
3110
+ precision?: number | undefined;
3122
3111
  isLoading?: boolean | undefined;
3123
3112
  loader?: ReactNode;
3124
3113
  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);}