@salutejs/plasma-new-hope 0.337.0-canary.2261.18093118199.0 → 0.337.0-canary.2262.18095422153.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/cjs/components/Avatar/Avatar.js +10 -4
  2. package/cjs/components/Avatar/Avatar.js.map +1 -1
  3. package/cjs/components/Avatar/Avatar.styles.js +25 -9
  4. package/cjs/components/Avatar/Avatar.styles.js.map +1 -1
  5. package/cjs/components/Avatar/{Avatar.styles_1kvh8pj.css → Avatar.styles_6sms9z.css} +2 -2
  6. package/cjs/components/Avatar/variations/_shape/base.js +1 -1
  7. package/cjs/components/Avatar/variations/_shape/base.js.map +1 -1
  8. package/cjs/components/Avatar/variations/_shape/base_11jnrrz.css +1 -0
  9. package/cjs/index.css +9 -9
  10. package/emotion/cjs/components/Avatar/Avatar.js +12 -7
  11. package/emotion/cjs/components/Avatar/Avatar.styles.js +22 -16
  12. package/emotion/cjs/components/Avatar/variations/_shape/base.js +1 -1
  13. package/emotion/cjs/examples/components/Avatar/Avatar.config.js +24 -23
  14. package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
  15. package/emotion/es/components/Avatar/Avatar.js +12 -7
  16. package/emotion/es/components/Avatar/Avatar.styles.js +22 -16
  17. package/emotion/es/components/Avatar/variations/_shape/base.js +2 -2
  18. package/emotion/es/examples/components/Avatar/Avatar.config.js +24 -23
  19. package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
  20. package/es/components/Avatar/Avatar.js +10 -4
  21. package/es/components/Avatar/Avatar.js.map +1 -1
  22. package/es/components/Avatar/Avatar.styles.js +25 -9
  23. package/es/components/Avatar/Avatar.styles.js.map +1 -1
  24. package/es/components/Avatar/{Avatar.styles_1kvh8pj.css → Avatar.styles_6sms9z.css} +2 -2
  25. package/es/components/Avatar/variations/_shape/base.js +1 -1
  26. package/es/components/Avatar/variations/_shape/base.js.map +1 -1
  27. package/es/components/Avatar/variations/_shape/base_11jnrrz.css +1 -0
  28. package/es/index.css +9 -9
  29. package/package.json +2 -2
  30. package/styled-components/cjs/components/Avatar/Avatar.js +11 -6
  31. package/styled-components/cjs/components/Avatar/Avatar.styles.js +18 -10
  32. package/styled-components/cjs/components/Avatar/variations/_shape/base.js +1 -5
  33. package/styled-components/cjs/examples/components/Avatar/Avatar.config.js +33 -0
  34. package/styled-components/es/components/Avatar/Avatar.js +11 -6
  35. package/styled-components/es/components/Avatar/Avatar.styles.js +18 -10
  36. package/styled-components/es/components/Avatar/variations/_shape/base.js +2 -6
  37. package/styled-components/es/examples/components/Avatar/Avatar.config.js +33 -0
  38. package/types/components/Avatar/Avatar.d.ts.map +1 -1
  39. package/types/components/Avatar/Avatar.styles.d.ts +4 -1
  40. package/types/components/Avatar/Avatar.styles.d.ts.map +1 -1
  41. package/types/components/Avatar/Avatar.types.d.ts +4 -0
  42. package/types/components/Avatar/Avatar.types.d.ts.map +1 -1
  43. package/types/components/Avatar/variations/_shape/base.d.ts.map +1 -1
  44. package/types/examples/components/Avatar/Avatar.config.d.ts +1 -0
  45. package/types/examples/components/Avatar/Avatar.config.d.ts.map +1 -1
  46. package/types/examples/components/Avatar/Avatar.d.ts +7 -0
  47. package/types/examples/components/Avatar/Avatar.d.ts.map +1 -1
  48. package/cjs/components/Avatar/variations/_shape/base_1qwucc7.css +0 -1
  49. package/es/components/Avatar/variations/_shape/base_1qwucc7.css +0 -1
@@ -93,14 +93,15 @@ var StatusLabelsDefault = {
93
93
  inactive: 'Неактивен'
94
94
  };
95
95
  var getAvatarContent = function(param) {
96
- var customText = param.customText, url = param.url, initials = param.initials, name = param.name;
96
+ var customText = param.customText, customBorderRadius = param.customBorderRadius, url = param.url, initials = param.initials, name = param.name;
97
97
  if (customText) {
98
98
  return /*#__PURE__*/ React.createElement(Text, null, customText);
99
99
  }
100
100
  if (url) {
101
101
  return /*#__PURE__*/ React.createElement(Image, {
102
102
  src: url,
103
- alt: name
103
+ alt: name,
104
+ borderRadius: customBorderRadius
104
105
  });
105
106
  }
106
107
  return /*#__PURE__*/ React.createElement(Text, null, initials);
@@ -118,7 +119,7 @@ var mergedConfig = mergeConfig(indicatorConfig);
118
119
  var Indicator = component(mergedConfig);
119
120
  var StyledIndicator = styled(Indicator).withConfig({
120
121
  displayName: "Avatar__StyledIndicator",
121
- componentId: "sc-76e2f30f-0"
122
+ componentId: "sc-8add70e7-0"
122
123
  })([
123
124
  "",
124
125
  ":var(",
@@ -131,7 +132,7 @@ var StyledIndicator = styled(Indicator).withConfig({
131
132
  });
132
133
  export var avatarRoot = function(Root) {
133
134
  return /*#__PURE__*/ forwardRef(function(props, ref) {
134
- var avatarSize = props.size, name = props.name, url = props.url, customText = props.customText, status = props.status, className = props.className, _props_focused = props.focused, focused = _props_focused === void 0 ? true : _props_focused, isScalable = props.isScalable, shape = props.shape, _props_statusLabels = props.statusLabels, statusLabels = _props_statusLabels === void 0 ? StatusLabelsDefault : _props_statusLabels, hasExtra = props.hasExtra, extraPlacement = props.extraPlacement, type = props.type, counterView = props.counterView, count = props.count, maxCount = props.maxCount, badgeView = props.badgeView, text = props.text, customColor = props.customColor, customBackgroundColor = props.customBackgroundColor, contentLeft = props.contentLeft, contentRight = props.contentRight, pilled = props.pilled, rest = _object_without_properties(props, [
135
+ var avatarSize = props.size, name = props.name, url = props.url, customText = props.customText, status = props.status, className = props.className, _props_focused = props.focused, focused = _props_focused === void 0 ? true : _props_focused, isScalable = props.isScalable, shape = props.shape, _props_statusLabels = props.statusLabels, statusLabels = _props_statusLabels === void 0 ? StatusLabelsDefault : _props_statusLabels, hasExtra = props.hasExtra, extraPlacement = props.extraPlacement, type = props.type, counterView = props.counterView, count = props.count, maxCount = props.maxCount, badgeView = props.badgeView, text = props.text, customColor = props.customColor, customBackgroundColor = props.customBackgroundColor, customBorderRadius = props.customBorderRadius, contentLeft = props.contentLeft, contentRight = props.contentRight, pilled = props.pilled, rest = _object_without_properties(props, [
135
136
  "size",
136
137
  "name",
137
138
  "url",
@@ -152,6 +153,7 @@ export var avatarRoot = function(Root) {
152
153
  "text",
153
154
  "customColor",
154
155
  "customBackgroundColor",
156
+ "customBorderRadius",
155
157
  "contentLeft",
156
158
  "contentRight",
157
159
  "pilled"
@@ -170,6 +172,7 @@ export var avatarRoot = function(Root) {
170
172
  } : {
171
173
  counterView: counterView
172
174
  };
175
+ var borderRadius = avatarSize === 'fit' ? customBorderRadius : undefined;
173
176
  return /*#__PURE__*/ React.createElement(Root, _object_spread({
174
177
  ref: ref,
175
178
  size: avatarSize,
@@ -178,12 +181,14 @@ export var avatarRoot = function(Root) {
178
181
  "aria-label": ariaLabel,
179
182
  focused: focused
180
183
  }, extraViewProp, rest), /*#__PURE__*/ React.createElement(Wrapper, {
181
- isScalable: isScalable
184
+ isScalable: isScalable,
185
+ borderRadius: borderRadius
182
186
  }, getAvatarContent({
183
187
  customText: customText,
184
188
  url: url,
185
189
  initials: initials,
186
- name: name
190
+ name: name,
191
+ customBorderRadius: borderRadius
187
192
  })), status && /*#__PURE__*/ React.createElement(StatusIcon, null, /*#__PURE__*/ React.createElement(StyledIndicator, {
188
193
  "aria-label": statusLabels[status],
189
194
  status: status
@@ -13,13 +13,17 @@ export var base = css([
13
13
  ]);
14
14
  export var Wrapper = styled.div.withConfig({
15
15
  displayName: "Avatar.styles__Wrapper",
16
- componentId: "sc-86d30134-0"
16
+ componentId: "sc-403cf9f4-0"
17
17
  })([
18
18
  "display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:var(",
19
- ");overflow:hidden;&:hover{scale:",
19
+ ");overflow:hidden;border-radius:",
20
+ ";&:hover{scale:",
20
21
  ";cursor:",
21
22
  ";}"
22
23
  ], tokens.backgroundColor, function(param) {
24
+ var borderRadius = param.borderRadius;
25
+ return borderRadius || "var(".concat(tokens.borderRadius, ")");
26
+ }, function(param) {
23
27
  var isScalable = param.isScalable;
24
28
  return isScalable ? "var(".concat(tokens.scaleHover, ")") : '1';
25
29
  }, function(param) {
@@ -28,19 +32,23 @@ export var Wrapper = styled.div.withConfig({
28
32
  });
29
33
  export var StatusIcon = styled.div.withConfig({
30
34
  displayName: "Avatar.styles__StatusIcon",
31
- componentId: "sc-86d30134-1"
35
+ componentId: "sc-403cf9f4-1"
32
36
  })([
33
37
  "position:absolute;"
34
38
  ]);
35
39
  export var Image = styled.img.withConfig({
36
40
  displayName: "Avatar.styles__Image",
37
- componentId: "sc-86d30134-2"
41
+ componentId: "sc-403cf9f4-2"
38
42
  })([
39
- "width:100%;height:100%;"
40
- ]);
43
+ "width:100%;height:100%;border-radius:",
44
+ ";"
45
+ ], function(param) {
46
+ var borderRadius = param.borderRadius;
47
+ return borderRadius || "var(".concat(tokens.borderRadius, ")");
48
+ });
41
49
  export var Text = styled.span.withConfig({
42
50
  displayName: "Avatar.styles__Text",
43
- componentId: "sc-86d30134-3"
51
+ componentId: "sc-403cf9f4-3"
44
52
  })([
45
53
  "font-size:var(",
46
54
  ");font-family:var(",
@@ -52,7 +60,7 @@ export var Text = styled.span.withConfig({
52
60
  ], tokens.fontSize, tokens.fontFamily, tokens.fontWeight, tokens.lineHeight, tokens.color, tokens.color);
53
61
  export var ExtraContent = styled.div.withConfig({
54
62
  displayName: "Avatar.styles__ExtraContent",
55
- componentId: "sc-86d30134-4"
63
+ componentId: "sc-403cf9f4-4"
56
64
  })([
57
65
  "max-width:100%;display:flex;position:absolute;z-index:2;&.",
58
66
  "{top:calc(-0.063rem * var(",
@@ -70,7 +78,7 @@ export var ExtraContent = styled.div.withConfig({
70
78
  ], classes.extraPlacementTopLeft, tokens.extraPlacementFactor, tokens.extraPlacementFactor, classes.extraPlacementTopRight, tokens.extraPlacementFactor, tokens.extraPlacementFactor, classes.extraPlacementBottomRight, tokens.extraPlacementFactor, tokens.extraPlacementFactor, classes.extraPlacementBottomLeft, tokens.extraPlacementFactor, tokens.extraPlacementFactor);
71
79
  export var ExtraBadge = styled(Badge).withConfig({
72
80
  displayName: "Avatar.styles__ExtraBadge",
73
- componentId: "sc-86d30134-5"
81
+ componentId: "sc-403cf9f4-5"
74
82
  })([
75
83
  "",
76
84
  ":var(",
@@ -118,7 +126,7 @@ export var ExtraBadge = styled(Badge).withConfig({
118
126
  ], badgeTokens.background, tokens.badgeBackground, badgeTokens.color, tokens.badgeColor, badgeTokens.backgroundTransparent, tokens.badgeBackgroundTransparent, badgeTokens.colorTransparent, tokens.badgeColorTransparent, badgeTokens.colorClear, tokens.badgeColorClear, badgeTokens.backgroundClear, tokens.badgeBackgroundClear, badgeTokens.borderRadius, tokens.badgeBorderRadius, badgeTokens.pilledBorderRadius, tokens.badgePilledBorderRadius, badgeTokens.height, tokens.badgeHeight, badgeTokens.padding, tokens.badgePadding, badgeTokens.paddingIconOnly, tokens.badgePaddingIconOnly, badgeTokens.fontFamily, tokens.badgeFontFamily, badgeTokens.fontSize, tokens.badgeFontSize, badgeTokens.fontStyle, tokens.badgeFontStyle, badgeTokens.fontWeight, tokens.badgeFontWeight, badgeTokens.letterSpacing, tokens.badgeLetterSpacing, badgeTokens.lineHeight, tokens.badgeLineHeight, badgeTokens.leftContentMarginLeft, tokens.badgeLeftContentMarginLeft, badgeTokens.leftContentMarginRight, tokens.badgeLeftContentMarginRight, badgeTokens.rightContentMarginLeft, tokens.badgeRightContentMarginLeft, badgeTokens.rightContentMarginRight, tokens.badgeRightContentMarginRight);
119
127
  export var ExtraCounter = styled(Counter).withConfig({
120
128
  displayName: "Avatar.styles__ExtraCounter",
121
- componentId: "sc-86d30134-6"
129
+ componentId: "sc-403cf9f4-6"
122
130
  })([
123
131
  "",
124
132
  ":var(",
@@ -1,13 +1,9 @@
1
1
  import { css } from "styled-components";
2
2
  import { tokens } from "../../Avatar.tokens";
3
- import { Image, Wrapper, StatusIcon } from "../../Avatar.styles";
3
+ import { StatusIcon } from "../../Avatar.styles";
4
4
  export var base = css([
5
5
  "",
6
- "{border-radius:var(",
7
- ");}",
8
- "{border-radius:var(",
9
- ");}",
10
6
  "{top:var(",
11
7
  ");left:var(",
12
8
  ");}"
13
- ], Image, tokens.borderRadius, Wrapper, tokens.borderRadius, StatusIcon, tokens.statusTop, tokens.statusLeft);
9
+ ], StatusIcon, tokens.statusTop, tokens.statusLeft);
@@ -18,6 +18,39 @@ export var config = {
18
18
  ], tokens.color, tokens.backgroundColor, tokens.statusOnlineColor, tokens.statusOfflineColor, tokens.scaleHover)
19
19
  },
20
20
  size: {
21
+ xxxl: css([
22
+ "",
23
+ ":7.5rem;",
24
+ ":2rem;",
25
+ ":600;",
26
+ ":2rem;",
27
+ ":0.75rem;",
28
+ ":1.125rem;",
29
+ ":0.5rem;",
30
+ ":1.75rem;",
31
+ ":0 0.6875rem;",
32
+ ":0 0.375rem;",
33
+ ":var(--plasma-typo-body-s-font-family);",
34
+ ":var(--plasma-typo-body-s-font-size);",
35
+ ":var(--plasma-typo-body-s-font-style);",
36
+ ":var(--plasma-typo-body-s-font-weight);",
37
+ ":var(--plasma-typo-body-s-letter-spacing);",
38
+ ":var(--plasma-typo-body-s-line-height);",
39
+ ":-0.0625rem;",
40
+ ":0.25rem;",
41
+ ":0.25rem;",
42
+ ":-0.0625rem;",
43
+ ":1.25rem;",
44
+ ":1rem;",
45
+ ":1.75rem;",
46
+ ":0 0.625rem;",
47
+ ":var(--plasma-typo-body-s-font-family);",
48
+ ":var(--plasma-typo-body-s-font-size);",
49
+ ":var(--plasma-typo-body-s-font-style);",
50
+ ":var(--plasma-typo-body-s-font-weight);",
51
+ ":var(--plasma-typo-body-s-letter-spacing);",
52
+ ":var(--plasma-typo-body-s-line-height);"
53
+ ], tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.badgeBorderRadius, tokens.badgeHeight, tokens.badgePadding, tokens.badgePaddingIconOnly, tokens.badgeFontFamily, tokens.badgeFontSize, tokens.badgeFontStyle, tokens.badgeFontWeight, tokens.badgeLetterSpacing, tokens.badgeLineHeight, tokens.badgeLeftContentMarginLeft, tokens.badgeLeftContentMarginRight, tokens.badgeRightContentMarginLeft, tokens.badgeRightContentMarginRight, tokens.badgePilledBorderRadius, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
21
54
  xxl: css([
22
55
  "",
23
56
  ":6.25rem;",
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAGjE,OAAO,EAAE,SAAS,EAA0B,MAAM,eAAe,CAAC;AAUlE,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAuDhE,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC,uFAmFtE,CAAC;AAEF,eAAO,MAAM,YAAY;;;mBArFQ,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;CAyGtE,CAAC"}
1
+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAGjE,OAAO,EAAE,SAAS,EAA0B,MAAM,eAAe,CAAC;AAUlE,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAwDhE,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC,uFAuFtE,CAAC;AAEF,eAAO,MAAM,YAAY;;;mBAzFQ,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;CA6GtE,CAAC"}
@@ -2,9 +2,12 @@ import { AvatarProps } from './Avatar.types';
2
2
  export declare const base: import("@linaria/core").LinariaClassName;
3
3
  export declare const Wrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
4
4
  isScalable?: AvatarProps["isScalable"];
5
+ borderRadius?: AvatarProps["customBorderRadius"];
5
6
  }>;
6
7
  export declare const StatusIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
7
- export declare const Image: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
8
+ export declare const Image: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & {
9
+ borderRadius?: AvatarProps["customBorderRadius"];
10
+ }>;
8
11
  export declare const Text: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
9
12
  export declare const ExtraContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
10
13
  export declare const ExtraBadge: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & ((import("react").HTMLAttributes<HTMLDivElement> & {
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.styles.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAQ7C,eAAO,MAAM,IAAI,0CAEhB,CAAC;AAEF,eAAO,MAAM,OAAO;iBAA6B,WAAW,CAAC,YAAY,CAAC;EAazE,CAAC;AAEF,eAAO,MAAM,UAAU,qKAEtB,CAAC;AAEF,eAAO,MAAM,KAAK,4KAGjB,CAAC;AAEF,eAAO,MAAM,IAAI,uKAUhB,CAAC;AAEF,eAAO,MAAM,YAAY,qKA0BxB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAsBtB,CAAC;AAEF,eAAO,MAAM,YAAY,mTAYxB,CAAC"}
1
+ {"version":3,"file":"Avatar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.styles.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAQ7C,eAAO,MAAM,IAAI,0CAEhB,CAAC;AAEF,eAAO,MAAM,OAAO;iBACH,WAAW,CAAC,YAAY,CAAC;mBACvB,WAAW,CAAC,oBAAoB,CAAC;EAenD,CAAC;AAEF,eAAO,MAAM,UAAU,qKAEtB,CAAC;AAEF,eAAO,MAAM,KAAK;mBAA+B,WAAW,CAAC,oBAAoB,CAAC;EAKjF,CAAC;AAEF,eAAO,MAAM,IAAI,uKAUhB,CAAC;AAEF,eAAO,MAAM,YAAY,qKA0BxB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAsBtB,CAAC;AAEF,eAAO,MAAM,YAAY,mTAYxB,CAAC"}
@@ -84,6 +84,10 @@ type CustomAvatarProps = {
84
84
  * Расположение дополнительного элемента
85
85
  */
86
86
  extraPlacement?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
87
+ /**
88
+ * Кастомный border-radius для fit варианта
89
+ */
90
+ customBorderRadius?: number | string;
87
91
  } & ExtraProps;
88
92
  export type StatusLabels = Record<'active' | 'inactive', string>;
89
93
  export type AvatarProps = HTMLAttributes<HTMLDivElement> & CustomAvatarProps;
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,KAAK,IAAI,CAAC,CAAC,EAAE,CAAC,IAAI;KACb,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACvB,GACG;KACK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK;CACzB,CAAC;AAEN,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE3C,KAAK,eAAe,GAAG;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC;AAEzD,KAAK,iBAAiB,GAAG;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;AAExD,KAAK,UAAU,GAAG,KAAK,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC;AAE5D,KAAK,iBAAiB,GAAG;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;CAC9E,GAAG,UAAU,CAAC;AAEf,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,GAAG,UAAU,EAAE,MAAM,CAAC,CAAC;AAEjE,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC"}
1
+ {"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,KAAK,IAAI,CAAC,CAAC,EAAE,CAAC,IAAI;KACb,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACvB,GACG;KACK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK;CACzB,CAAC;AAEN,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE3C,KAAK,eAAe,GAAG;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC;AAEzD,KAAK,iBAAiB,GAAG;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;AAExD,KAAK,UAAU,GAAG,KAAK,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC;AAE5D,KAAK,iBAAiB,GAAG;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;IAC3E;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxC,GAAG,UAAU,CAAC;AAEf,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,GAAG,UAAU,EAAE,MAAM,CAAC,CAAC;AAEjE,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatar/variations/_shape/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAYhB,CAAC"}
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatar/variations/_shape/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAKhB,CAAC"}
@@ -9,6 +9,7 @@ export declare const config: {
9
9
  default: import("@linaria/core").LinariaClassName;
10
10
  };
11
11
  size: {
12
+ xxxl: import("@linaria/core").LinariaClassName;
12
13
  xxl: import("@linaria/core").LinariaClassName;
13
14
  l: import("@linaria/core").LinariaClassName;
14
15
  m: import("@linaria/core").LinariaClassName;
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Avatar/Avatar.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2RlB,CAAC"}
1
+ {"version":3,"file":"Avatar.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Avatar/Avatar.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgUlB,CAAC"}
@@ -3,6 +3,7 @@ export declare const mergedConfig: import("../../../engines").ComponentConfig<st
3
3
  default: import("@linaria/core").LinariaClassName;
4
4
  };
5
5
  size: {
6
+ xxxl: import("@linaria/core").LinariaClassName;
6
7
  xxl: import("@linaria/core").LinariaClassName;
7
8
  l: import("@linaria/core").LinariaClassName;
8
9
  m: import("@linaria/core").LinariaClassName;
@@ -39,6 +40,7 @@ export declare const mergedConfig: import("../../../engines").ComponentConfig<st
39
40
  default: import("@linaria/core").LinariaClassName;
40
41
  };
41
42
  size: {
43
+ xxxl: import("@linaria/core").LinariaClassName;
42
44
  xxl: import("@linaria/core").LinariaClassName;
43
45
  l: import("@linaria/core").LinariaClassName;
44
46
  m: import("@linaria/core").LinariaClassName;
@@ -83,6 +85,7 @@ export declare const mergedConfig: import("../../../engines").ComponentConfig<st
83
85
  hasExtra?: boolean;
84
86
  type?: "badge" | "counter";
85
87
  extraPlacement?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
88
+ customBorderRadius?: number | string;
86
89
  } & {
87
90
  badgeView?: string | undefined;
88
91
  pilled?: boolean | undefined;
@@ -108,6 +111,7 @@ export declare const mergedConfig: import("../../../engines").ComponentConfig<st
108
111
  hasExtra?: boolean;
109
112
  type?: "badge" | "counter";
110
113
  extraPlacement?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
114
+ customBorderRadius?: number | string;
111
115
  } & {
112
116
  counterView?: string | undefined;
113
117
  count?: number | undefined;
@@ -126,6 +130,7 @@ export declare const Avatar: import("react").FunctionComponent<import("../../../
126
130
  default: import("@linaria/core").LinariaClassName;
127
131
  };
128
132
  size: {
133
+ xxxl: import("@linaria/core").LinariaClassName;
129
134
  xxl: import("@linaria/core").LinariaClassName;
130
135
  l: import("@linaria/core").LinariaClassName;
131
136
  m: import("@linaria/core").LinariaClassName;
@@ -170,6 +175,7 @@ export declare const Avatar: import("react").FunctionComponent<import("../../../
170
175
  hasExtra?: boolean;
171
176
  type?: "badge" | "counter";
172
177
  extraPlacement?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
178
+ customBorderRadius?: number | string;
173
179
  } & {
174
180
  badgeView?: string | undefined;
175
181
  pilled?: boolean | undefined;
@@ -195,6 +201,7 @@ export declare const Avatar: import("react").FunctionComponent<import("../../../
195
201
  hasExtra?: boolean;
196
202
  type?: "badge" | "counter";
197
203
  extraPlacement?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
204
+ customBorderRadius?: number | string;
198
205
  } & {
199
206
  counterView?: string | undefined;
200
207
  count?: number | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Avatar/Avatar.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAAoC,CAAC;AAE9D,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAA0B,CAAC"}
1
+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Avatar/Avatar.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAAoC,CAAC;AAE9D,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAA0B,CAAC"}
@@ -1 +0,0 @@
1
- .be2qour .igq6ihg{border-radius:var(--plasma-avatar-border-radius);}.be2qour .wxwn3we{border-radius:var(--plasma-avatar-border-radius);}.be2qour .sf2jhi1{top:var(--plasma-avatar-status-top);left:var(--plasma-avatar-status-left);}
@@ -1 +0,0 @@
1
- .be2qour .igq6ihg{border-radius:var(--plasma-avatar-border-radius);}.be2qour .wxwn3we{border-radius:var(--plasma-avatar-border-radius);}.be2qour .sf2jhi1{top:var(--plasma-avatar-status-top);left:var(--plasma-avatar-status-left);}