@salutejs/plasma-new-hope 0.336.0-canary.2238.17818313113.0 → 0.336.0-dev.0

package/styled-components/cjs/examples/components/Avatar/Avatar.config.js

@@ -13,7 +13,8 @@ var _Avatartokens = require("../../../components/Avatar/Avatar.tokens");
 var config = {
     defaults: {
         view: 'default',
-        size: 'xxl'
+        size: 'xxl',
+        shape: 'circled'
     },
     variations: {
         view: {
@@ -34,6 +35,7 @@ var config = {
                 ":600;",
                 ":2rem;",
                 ":0.75rem;",
+                ":1.125rem;",
                 ":0.5rem;",
                 ":1.75rem;",
                 ":0 0.6875rem;",
@@ -58,7 +60,7 @@ var config = {
                 ":var(--plasma-typo-body-s-font-weight);",
                 ":var(--plasma-typo-body-s-letter-spacing);",
                 ":var(--plasma-typo-body-s-line-height);"
-            ], _Avatartokens.tokens.avatarSize, _Avatartokens.tokens.fontSize, _Avatartokens.tokens.fontWeight, _Avatartokens.tokens.lineHeight, _Avatartokens.tokens.statusIconSize, _Avatartokens.tokens.badgeBorderRadius, _Avatartokens.tokens.badgeHeight, _Avatartokens.tokens.badgePadding, _Avatartokens.tokens.badgePaddingIconOnly, _Avatartokens.tokens.badgeFontFamily, _Avatartokens.tokens.badgeFontSize, _Avatartokens.tokens.badgeFontStyle, _Avatartokens.tokens.badgeFontWeight, _Avatartokens.tokens.badgeLetterSpacing, _Avatartokens.tokens.badgeLineHeight, _Avatartokens.tokens.badgeLeftContentMarginLeft, _Avatartokens.tokens.badgeLeftContentMarginRight, _Avatartokens.tokens.badgeRightContentMarginLeft, _Avatartokens.tokens.badgeRightContentMarginRight, _Avatartokens.tokens.badgePilledBorderRadius, _Avatartokens.tokens.counterBorderRadius, _Avatartokens.tokens.counterHeight, _Avatartokens.tokens.counterPadding, _Avatartokens.tokens.counterFontFamily, _Avatartokens.tokens.counterFontSize, _Avatartokens.tokens.counterFontStyle, _Avatartokens.tokens.counterFontWeight, _Avatartokens.tokens.counterLetterSpacing, _Avatartokens.tokens.counterLineHeight),
+            ], _Avatartokens.tokens.avatarSize, _Avatartokens.tokens.fontSize, _Avatartokens.tokens.fontWeight, _Avatartokens.tokens.lineHeight, _Avatartokens.tokens.statusIconSize, _Avatartokens.tokens.borderRadius, _Avatartokens.tokens.badgeBorderRadius, _Avatartokens.tokens.badgeHeight, _Avatartokens.tokens.badgePadding, _Avatartokens.tokens.badgePaddingIconOnly, _Avatartokens.tokens.badgeFontFamily, _Avatartokens.tokens.badgeFontSize, _Avatartokens.tokens.badgeFontStyle, _Avatartokens.tokens.badgeFontWeight, _Avatartokens.tokens.badgeLetterSpacing, _Avatartokens.tokens.badgeLineHeight, _Avatartokens.tokens.badgeLeftContentMarginLeft, _Avatartokens.tokens.badgeLeftContentMarginRight, _Avatartokens.tokens.badgeRightContentMarginLeft, _Avatartokens.tokens.badgeRightContentMarginRight, _Avatartokens.tokens.badgePilledBorderRadius, _Avatartokens.tokens.counterBorderRadius, _Avatartokens.tokens.counterHeight, _Avatartokens.tokens.counterPadding, _Avatartokens.tokens.counterFontFamily, _Avatartokens.tokens.counterFontSize, _Avatartokens.tokens.counterFontStyle, _Avatartokens.tokens.counterFontWeight, _Avatartokens.tokens.counterLetterSpacing, _Avatartokens.tokens.counterLineHeight),
             l: (0, _styledcomponents.css)([
                 "",
                 ":3rem;",
@@ -66,6 +68,7 @@ var config = {
                 ":600;",
                 ":1.25rem;",
                 ":0.5rem;",
+                ":0.75rem;",
                 ":2;",
                 ":0.375rem;",
                 ":1.25rem;",
@@ -91,7 +94,7 @@ var config = {
                 ":var(--plasma-typo-body-xxs-font-weight);",
                 ":var(--plasma-typo-body-xxs-letter-spacing);",
                 ":var(--plasma-typo-body-xxs-line-height);"
-            ], _Avatartokens.tokens.avatarSize, _Avatartokens.tokens.fontSize, _Avatartokens.tokens.fontWeight, _Avatartokens.tokens.lineHeight, _Avatartokens.tokens.statusIconSize, _Avatartokens.tokens.extraPlacementFactor, _Avatartokens.tokens.badgeBorderRadius, _Avatartokens.tokens.badgeHeight, _Avatartokens.tokens.badgePadding, _Avatartokens.tokens.badgePaddingIconOnly, _Avatartokens.tokens.badgeFontFamily, _Avatartokens.tokens.badgeFontSize, _Avatartokens.tokens.badgeFontStyle, _Avatartokens.tokens.badgeFontWeight, _Avatartokens.tokens.badgeLetterSpacing, _Avatartokens.tokens.badgeLineHeight, _Avatartokens.tokens.badgeLeftContentMarginLeft, _Avatartokens.tokens.badgeLeftContentMarginRight, _Avatartokens.tokens.badgeRightContentMarginLeft, _Avatartokens.tokens.badgeRightContentMarginRight, _Avatartokens.tokens.badgePilledBorderRadius, _Avatartokens.tokens.counterBorderRadius, _Avatartokens.tokens.counterHeight, _Avatartokens.tokens.counterPadding, _Avatartokens.tokens.counterFontFamily, _Avatartokens.tokens.counterFontSize, _Avatartokens.tokens.counterFontStyle, _Avatartokens.tokens.counterFontWeight, _Avatartokens.tokens.counterLetterSpacing, _Avatartokens.tokens.counterLineHeight),
+            ], _Avatartokens.tokens.avatarSize, _Avatartokens.tokens.fontSize, _Avatartokens.tokens.fontWeight, _Avatartokens.tokens.lineHeight, _Avatartokens.tokens.statusIconSize, _Avatartokens.tokens.borderRadius, _Avatartokens.tokens.extraPlacementFactor, _Avatartokens.tokens.badgeBorderRadius, _Avatartokens.tokens.badgeHeight, _Avatartokens.tokens.badgePadding, _Avatartokens.tokens.badgePaddingIconOnly, _Avatartokens.tokens.badgeFontFamily, _Avatartokens.tokens.badgeFontSize, _Avatartokens.tokens.badgeFontStyle, _Avatartokens.tokens.badgeFontWeight, _Avatartokens.tokens.badgeLetterSpacing, _Avatartokens.tokens.badgeLineHeight, _Avatartokens.tokens.badgeLeftContentMarginLeft, _Avatartokens.tokens.badgeLeftContentMarginRight, _Avatartokens.tokens.badgeRightContentMarginLeft, _Avatartokens.tokens.badgeRightContentMarginRight, _Avatartokens.tokens.badgePilledBorderRadius, _Avatartokens.tokens.counterBorderRadius, _Avatartokens.tokens.counterHeight, _Avatartokens.tokens.counterPadding, _Avatartokens.tokens.counterFontFamily, _Avatartokens.tokens.counterFontSize, _Avatartokens.tokens.counterFontStyle, _Avatartokens.tokens.counterFontWeight, _Avatartokens.tokens.counterLetterSpacing, _Avatartokens.tokens.counterLineHeight),
             m: (0, _styledcomponents.css)([
                 "",
                 ":2.25rem;",
@@ -99,6 +102,7 @@ var config = {
                 ":600;",
                 ":0.875rem;",
                 ":0.5rem;",
+                ":0.625rem;",
                 ":2;",
                 ":0.25rem;",
                 ":1rem;",
@@ -124,7 +128,7 @@ var config = {
                 ":var(--plasma-typo-body-xxs-font-weight);",
                 ":var(--plasma-typo-body-xxs-letter-spacing);",
                 ":var(--plasma-typo-body-xxs-line-height);"
-            ], _Avatartokens.tokens.avatarSize, _Avatartokens.tokens.fontSize, _Avatartokens.tokens.fontWeight, _Avatartokens.tokens.lineHeight, _Avatartokens.tokens.statusIconSize, _Avatartokens.tokens.extraPlacementFactor, _Avatartokens.tokens.badgeBorderRadius, _Avatartokens.tokens.badgeHeight, _Avatartokens.tokens.badgePadding, _Avatartokens.tokens.badgePaddingIconOnly, _Avatartokens.tokens.badgeFontFamily, _Avatartokens.tokens.badgeFontSize, _Avatartokens.tokens.badgeFontStyle, _Avatartokens.tokens.badgeFontWeight, _Avatartokens.tokens.badgeLetterSpacing, _Avatartokens.tokens.badgeLineHeight, _Avatartokens.tokens.badgeLeftContentMarginLeft, _Avatartokens.tokens.badgeLeftContentMarginRight, _Avatartokens.tokens.badgeRightContentMarginLeft, _Avatartokens.tokens.badgeRightContentMarginRight, _Avatartokens.tokens.badgePilledBorderRadius, _Avatartokens.tokens.counterBorderRadius, _Avatartokens.tokens.counterHeight, _Avatartokens.tokens.counterPadding, _Avatartokens.tokens.counterFontFamily, _Avatartokens.tokens.counterFontSize, _Avatartokens.tokens.counterFontStyle, _Avatartokens.tokens.counterFontWeight, _Avatartokens.tokens.counterLetterSpacing, _Avatartokens.tokens.counterLineHeight),
+            ], _Avatartokens.tokens.avatarSize, _Avatartokens.tokens.fontSize, _Avatartokens.tokens.fontWeight, _Avatartokens.tokens.lineHeight, _Avatartokens.tokens.statusIconSize, _Avatartokens.tokens.borderRadius, _Avatartokens.tokens.extraPlacementFactor, _Avatartokens.tokens.badgeBorderRadius, _Avatartokens.tokens.badgeHeight, _Avatartokens.tokens.badgePadding, _Avatartokens.tokens.badgePaddingIconOnly, _Avatartokens.tokens.badgeFontFamily, _Avatartokens.tokens.badgeFontSize, _Avatartokens.tokens.badgeFontStyle, _Avatartokens.tokens.badgeFontWeight, _Avatartokens.tokens.badgeLetterSpacing, _Avatartokens.tokens.badgeLineHeight, _Avatartokens.tokens.badgeLeftContentMarginLeft, _Avatartokens.tokens.badgeLeftContentMarginRight, _Avatartokens.tokens.badgeRightContentMarginLeft, _Avatartokens.tokens.badgeRightContentMarginRight, _Avatartokens.tokens.badgePilledBorderRadius, _Avatartokens.tokens.counterBorderRadius, _Avatartokens.tokens.counterHeight, _Avatartokens.tokens.counterPadding, _Avatartokens.tokens.counterFontFamily, _Avatartokens.tokens.counterFontSize, _Avatartokens.tokens.counterFontStyle, _Avatartokens.tokens.counterFontWeight, _Avatartokens.tokens.counterLetterSpacing, _Avatartokens.tokens.counterLineHeight),
             s: (0, _styledcomponents.css)([
                 "",
                 ":1.5rem;",
@@ -132,6 +136,7 @@ var config = {
                 ":600;",
                 ":0.5rem;",
                 ":0.375rem;",
+                ":0.5rem;",
                 ":1;",
                 ":1rem;",
                 ":0.75rem;",
@@ -142,15 +147,16 @@ var config = {
                 ":var(--plasma-typo-body-xxs-font-weight);",
                 ":var(--plasma-typo-body-xxs-letter-spacing);",
                 ":var(--plasma-typo-body-xxs-line-height);"
-            ], _Avatartokens.tokens.avatarSize, _Avatartokens.tokens.fontSize, _Avatartokens.tokens.fontWeight, _Avatartokens.tokens.lineHeight, _Avatartokens.tokens.statusIconSize, _Avatartokens.tokens.extraPlacementFactor, _Avatartokens.tokens.counterBorderRadius, _Avatartokens.tokens.counterHeight, _Avatartokens.tokens.counterPadding, _Avatartokens.tokens.counterFontFamily, _Avatartokens.tokens.counterFontSize, _Avatartokens.tokens.counterFontStyle, _Avatartokens.tokens.counterFontWeight, _Avatartokens.tokens.counterLetterSpacing, _Avatartokens.tokens.counterLineHeight),
+            ], _Avatartokens.tokens.avatarSize, _Avatartokens.tokens.fontSize, _Avatartokens.tokens.fontWeight, _Avatartokens.tokens.lineHeight, _Avatartokens.tokens.statusIconSize, _Avatartokens.tokens.borderRadius, _Avatartokens.tokens.extraPlacementFactor, _Avatartokens.tokens.counterBorderRadius, _Avatartokens.tokens.counterHeight, _Avatartokens.tokens.counterPadding, _Avatartokens.tokens.counterFontFamily, _Avatartokens.tokens.counterFontSize, _Avatartokens.tokens.counterFontStyle, _Avatartokens.tokens.counterFontWeight, _Avatartokens.tokens.counterLetterSpacing, _Avatartokens.tokens.counterLineHeight),
             fit: (0, _styledcomponents.css)([
                 "",
                 ":100%;",
                 ":0;",
                 ":0;",
                 ":0;",
-                ":0;"
-            ], _Avatartokens.tokens.avatarSize, _Avatartokens.tokens.fontSize, _Avatartokens.tokens.fontWeight, _Avatartokens.tokens.lineHeight, _Avatartokens.tokens.statusIconSize)
+                ":0;",
+                ":50%;"
+            ], _Avatartokens.tokens.avatarSize, _Avatartokens.tokens.fontSize, _Avatartokens.tokens.fontWeight, _Avatartokens.tokens.lineHeight, _Avatartokens.tokens.statusIconSize, _Avatartokens.tokens.borderRadius)
         },
         focused: {
             true: (0, _styledcomponents.css)([
@@ -160,6 +166,27 @@ var config = {
                 ":var(--surface-accent);"
             ], _Avatartokens.tokens.outlineSize, _Avatartokens.tokens.outlineOffset, _Avatartokens.tokens.outlineColor)
         },
+        shape: {
+            circled: (0, _styledcomponents.css)([
+                "",
+                ":50%;",
+                ":calc(0.867 * var(",
+                ") - var(",
+                ") / 2);",
+                ":calc(0.867 * var(",
+                ") - var(",
+                ") / 2);"
+            ], _Avatartokens.tokens.borderRadius, _Avatartokens.tokens.statusLeft, _Avatartokens.tokens.avatarSize, _Avatartokens.tokens.statusIconSize, _Avatartokens.tokens.statusTop, _Avatartokens.tokens.avatarSize, _Avatartokens.tokens.statusIconSize),
+            rounded: (0, _styledcomponents.css)([
+                "",
+                ":calc(var(",
+                ") - var(",
+                "));",
+                ":calc(var(",
+                ") - var(",
+                "));"
+            ], _Avatartokens.tokens.statusLeft, _Avatartokens.tokens.avatarSize, _Avatartokens.tokens.statusIconSize, _Avatartokens.tokens.statusTop, _Avatartokens.tokens.avatarSize, _Avatartokens.tokens.statusIconSize)
+        },
         badgeView: {
             default: (0, _styledcomponents.css)([
                 "",

package/styled-components/cjs/examples/components/Combobox/Combobox.js

@@ -1,16 +1 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Combobox", {
-    enumerable: true,
-    get: function() {
-        return Combobox;
-    }
-});
-var _engines = require("../../../engines");
-var _ = require("../../..");
-var _Comboboxconfig = require("./Combobox.config");
-var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
-var ComboboxComponent = (0, _engines.component)(mergedConfig);
-var Combobox = ComboboxComponent;

package/styled-components/es/components/Avatar/Avatar.js

@@ -84,8 +84,9 @@ import { cx } from "../../utils";
 import { indicatorConfig, indicatorTokens } from "../Indicator";
 import { classes, tokens } from "./Avatar.tokens";
 import { base, Wrapper, Image, StatusIcon, Text, ExtraContent, ExtraCounter, ExtraBadge } from "./Avatar.styles";
-import { base as viewCSS } from "./variations/_size/base";
+import { base as sizeCSS } from "./variations/_size/base";
 import { base as focusedCSS } from "./variations/_focused/base";
+import { base as shapeCSS } from "./variations/_shape/base";
 import { extraPlacementMap, getInitialsForName } from "./utils";
 var StatusLabelsDefault = {
     active: 'Активен',
@@ -117,7 +118,7 @@ var mergedConfig = mergeConfig(indicatorConfig);
 var Indicator = component(mergedConfig);
 var StyledIndicator = styled(Indicator).withConfig({
     displayName: "Avatar__StyledIndicator",
-    componentId: "sc-7036ad13-0"
+    componentId: "sc-76e2f30f-0"
 })([
     "",
     ":var(",
@@ -130,7 +131,7 @@ var StyledIndicator = styled(Indicator).withConfig({
 });
 export var avatarRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(props, ref) {
-        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, _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, [
+        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, [
             "size",
             "name",
             "url",
@@ -139,6 +140,7 @@ export var avatarRoot = function(Root) {
             "className",
             "focused",
             "isScalable",
+            "shape",
             "statusLabels",
             "hasExtra",
             "extraPlacement",
@@ -171,6 +173,7 @@ export var avatarRoot = function(Root) {
         return /*#__PURE__*/ React.createElement(Root, _object_spread({
             ref: ref,
             size: avatarSize,
+            shape: shape,
             className: cx(classes.avatarItem, className),
             "aria-label": ariaLabel,
             focused: focused
@@ -211,13 +214,17 @@ export var avatarConfig = {
     base: base,
     variations: {
         size: {
-            css: viewCSS
+            css: sizeCSS
         },
         focused: {
             css: focusedCSS
+        },
+        shape: {
+            css: shapeCSS
         }
     },
     defaults: {
-        size: 'm'
+        size: 'm',
+        shape: 'circled'
     }
 };

package/styled-components/es/components/Avatar/Avatar.styles.js

@@ -13,9 +13,9 @@ export var base = css([
 ]);
 export var Wrapper = styled.div.withConfig({
     displayName: "Avatar.styles__Wrapper",
-    componentId: "sc-5ac342c-0"
+    componentId: "sc-86d30134-0"
 })([
-    "display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:50%;background:var(",
+    "display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:var(",
     ");overflow:hidden;&:hover{scale:",
     ";cursor:",
     ";}"
@@ -28,23 +28,19 @@ export var Wrapper = styled.div.withConfig({
 });
 export var StatusIcon = styled.div.withConfig({
     displayName: "Avatar.styles__StatusIcon",
-    componentId: "sc-5ac342c-1"
+    componentId: "sc-86d30134-1"
 })([
-    "position:absolute;top:calc(1.02 * 0.85 * var(",
-    ") - var(",
-    ") / 2);left:calc(1.02 * 0.85 * var(",
-    ") - var(",
-    ") / 2);"
-], tokens.avatarSize, tokens.statusIconSize, tokens.avatarSize, tokens.statusIconSize);
+    "position:absolute;"
+]);
 export var Image = styled.img.withConfig({
     displayName: "Avatar.styles__Image",
-    componentId: "sc-5ac342c-2"
+    componentId: "sc-86d30134-2"
 })([
-    "width:100%;height:100%;border-radius:50%;"
+    "width:100%;height:100%;"
 ]);
 export var Text = styled.span.withConfig({
     displayName: "Avatar.styles__Text",
-    componentId: "sc-5ac342c-3"
+    componentId: "sc-86d30134-3"
 })([
     "font-size:var(",
     ");font-family:var(",
@@ -56,7 +52,7 @@ export var Text = styled.span.withConfig({
 ], tokens.fontSize, tokens.fontFamily, tokens.fontWeight, tokens.lineHeight, tokens.color, tokens.color);
 export var ExtraContent = styled.div.withConfig({
     displayName: "Avatar.styles__ExtraContent",
-    componentId: "sc-5ac342c-4"
+    componentId: "sc-86d30134-4"
 })([
     "max-width:100%;display:flex;position:absolute;z-index:2;&.",
     "{top:calc(-0.063rem * var(",
@@ -74,7 +70,7 @@ export var ExtraContent = styled.div.withConfig({
 ], classes.extraPlacementTopLeft, tokens.extraPlacementFactor, tokens.extraPlacementFactor, classes.extraPlacementTopRight, tokens.extraPlacementFactor, tokens.extraPlacementFactor, classes.extraPlacementBottomRight, tokens.extraPlacementFactor, tokens.extraPlacementFactor, classes.extraPlacementBottomLeft, tokens.extraPlacementFactor, tokens.extraPlacementFactor);
 export var ExtraBadge = styled(Badge).withConfig({
     displayName: "Avatar.styles__ExtraBadge",
-    componentId: "sc-5ac342c-5"
+    componentId: "sc-86d30134-5"
 })([
     "",
     ":var(",
@@ -122,7 +118,7 @@ export var ExtraBadge = styled(Badge).withConfig({
 ], 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);
 export var ExtraCounter = styled(Counter).withConfig({
     displayName: "Avatar.styles__ExtraCounter",
-    componentId: "sc-5ac342c-6"
+    componentId: "sc-86d30134-6"
 })([
     "",
     ":var(",

package/styled-components/es/components/Avatar/Avatar.tokens.js

@@ -21,6 +21,9 @@ export var tokens = {
     outlineOffset: '--plasma-avatar-outline-offset',
     scaleHover: '--plasma-avatar-scale-hover',
     extraPlacementFactor: '--plasma-avatar-extra-placement-factor',
+    borderRadius: '--plasma-avatar-border-radius',
+    statusLeft: '--plasma-avatar-status-left',
+    statusTop: '--plasma-avatar-status-top',
     // extra badge tokens
     badgeBackground: '--plasma-avatar-extra-badge-background',
     badgeColor: '--plasma-avatar-extra-badge-color',

package/styled-components/es/components/Avatar/variations/_shape/base.js

@@ -0,0 +1,13 @@
+import { css } from "styled-components";
+import { tokens } from "../../Avatar.tokens";
+import { Image, Wrapper, StatusIcon } from "../../Avatar.styles";
+export var base = css([
+    "",
+    "{border-radius:var(",
+    ");}",
+    "{border-radius:var(",
+    ");}",
+    "{top:var(",
+    ");left:var(",
+    ");}"
+], Image, tokens.borderRadius, Wrapper, tokens.borderRadius, StatusIcon, tokens.statusTop, tokens.statusLeft);

package/styled-components/es/examples/components/Avatar/Avatar.config.js

@@ -3,7 +3,8 @@ import { tokens } from "../../../components/Avatar/Avatar.tokens";
 export var config = {
     defaults: {
         view: 'default',
-        size: 'xxl'
+        size: 'xxl',
+        shape: 'circled'
     },
     variations: {
         view: {
@@ -24,6 +25,7 @@ export var config = {
                 ":600;",
                 ":2rem;",
                 ":0.75rem;",
+                ":1.125rem;",
                 ":0.5rem;",
                 ":1.75rem;",
                 ":0 0.6875rem;",
@@ -48,7 +50,7 @@ export var config = {
                 ":var(--plasma-typo-body-s-font-weight);",
                 ":var(--plasma-typo-body-s-letter-spacing);",
                 ":var(--plasma-typo-body-s-line-height);"
-            ], tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, 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),
+            ], 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),
             l: css([
                 "",
                 ":3rem;",
@@ -56,6 +58,7 @@ export var config = {
                 ":600;",
                 ":1.25rem;",
                 ":0.5rem;",
+                ":0.75rem;",
                 ":2;",
                 ":0.375rem;",
                 ":1.25rem;",
@@ -81,7 +84,7 @@ export var config = {
                 ":var(--plasma-typo-body-xxs-font-weight);",
                 ":var(--plasma-typo-body-xxs-letter-spacing);",
                 ":var(--plasma-typo-body-xxs-line-height);"
-            ], tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.extraPlacementFactor, 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),
+            ], tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.extraPlacementFactor, 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),
             m: css([
                 "",
                 ":2.25rem;",
@@ -89,6 +92,7 @@ export var config = {
                 ":600;",
                 ":0.875rem;",
                 ":0.5rem;",
+                ":0.625rem;",
                 ":2;",
                 ":0.25rem;",
                 ":1rem;",
@@ -114,7 +118,7 @@ export var config = {
                 ":var(--plasma-typo-body-xxs-font-weight);",
                 ":var(--plasma-typo-body-xxs-letter-spacing);",
                 ":var(--plasma-typo-body-xxs-line-height);"
-            ], tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.extraPlacementFactor, 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),
+            ], tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.extraPlacementFactor, 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),
             s: css([
                 "",
                 ":1.5rem;",
@@ -122,6 +126,7 @@ export var config = {
                 ":600;",
                 ":0.5rem;",
                 ":0.375rem;",
+                ":0.5rem;",
                 ":1;",
                 ":1rem;",
                 ":0.75rem;",
@@ -132,15 +137,16 @@ export var config = {
                 ":var(--plasma-typo-body-xxs-font-weight);",
                 ":var(--plasma-typo-body-xxs-letter-spacing);",
                 ":var(--plasma-typo-body-xxs-line-height);"
-            ], tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.extraPlacementFactor, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
+            ], tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius, tokens.extraPlacementFactor, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
             fit: css([
                 "",
                 ":100%;",
                 ":0;",
                 ":0;",
                 ":0;",
-                ":0;"
-            ], tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize)
+                ":0;",
+                ":50%;"
+            ], tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.borderRadius)
         },
         focused: {
             true: css([
@@ -150,6 +156,27 @@ export var config = {
                 ":var(--surface-accent);"
             ], tokens.outlineSize, tokens.outlineOffset, tokens.outlineColor)
         },
+        shape: {
+            circled: css([
+                "",
+                ":50%;",
+                ":calc(0.867 * var(",
+                ") - var(",
+                ") / 2);",
+                ":calc(0.867 * var(",
+                ") - var(",
+                ") / 2);"
+            ], tokens.borderRadius, tokens.statusLeft, tokens.avatarSize, tokens.statusIconSize, tokens.statusTop, tokens.avatarSize, tokens.statusIconSize),
+            rounded: css([
+                "",
+                ":calc(var(",
+                ") - var(",
+                "));",
+                ":calc(var(",
+                ") - var(",
+                "));"
+            ], tokens.statusLeft, tokens.avatarSize, tokens.statusIconSize, tokens.statusTop, tokens.avatarSize, tokens.statusIconSize)
+        },
         badgeView: {
             default: css([
                 "",

package/styled-components/es/examples/components/Combobox/Combobox.js

@@ -1,7 +0,0 @@
-import { component, mergeConfig } from "../../../engines";
-import { comboboxNewConfig } from "../../..";
-import { config } from "./Combobox.config";
-var mergedConfig = mergeConfig(comboboxNewConfig, config);
-var ComboboxComponent = component(mergedConfig);
-var Combobox = ComboboxComponent;
-export { Combobox };

package/types/components/Avatar/Avatar.d.ts

@@ -14,9 +14,13 @@ export declare const avatarConfig: {
         focused: {
             css: import("@linaria/core").LinariaClassName;
         };
+        shape: {
+            css: import("@linaria/core").LinariaClassName;
+        };
     };
     defaults: {
         size: string;
+        shape: string;
     };
 };
 //# sourceMappingURL=Avatar.d.ts.map

package/types/components/Avatar/Avatar.d.ts.map

@@ -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;AASlE,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,gBAAgB,CAAC;AAuDhE,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC,uFAiFtE,CAAC;AAEF,eAAO,MAAM,YAAY;;;mBAnFQ,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;CAmGtE,CAAC"}
+{"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"}

package/types/components/Avatar/Avatar.styles.d.ts.map

@@ -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;EAczE,CAAC;AAEF,eAAO,MAAM,UAAU,qKAItB,CAAC;AAEF,eAAO,MAAM,KAAK,4KAIjB,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"}
+{"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"}

package/types/components/Avatar/Avatar.tokens.d.ts

@@ -21,6 +21,9 @@ export declare const tokens: {
     outlineOffset: string;
     scaleHover: string;
     extraPlacementFactor: string;
+    borderRadius: string;
+    statusLeft: string;
+    statusTop: string;
     badgeBackground: string;
     badgeColor: string;
     badgeBackgroundTransparent: string;

package/types/components/Avatar/Avatar.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDlB,CAAC"}
+{"version":3,"file":"Avatar.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DlB,CAAC"}

package/types/components/Avatar/Avatar.types.d.ts

@@ -33,6 +33,7 @@ type ExtraCounterProps = {
 } & Omit<CustomCounterProps, 'size' | 'view' | 'count'>;
 type ExtraProps = OneOf<ExtraBadgeProps, ExtraCounterProps>;
 type CustomAvatarProps = {
+    shape?: 'string';
     size?: string;
     name?: string;
     url?: string;

package/types/components/Avatar/Avatar.types.d.ts.map

@@ -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;IAErB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAE/B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,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"}
+{"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;IAErB,KAAK,CAAC,EAAE,QAAQ,CAAC;IAEjB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAE/B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,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"}

package/types/components/Avatar/variations/_shape/base.d.ts

@@ -0,0 +1,2 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=base.d.ts.map

package/types/components/Avatar/variations/_shape/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Avatar/variations/_shape/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAYhB,CAAC"}

package/types/examples/components/Avatar/Avatar.config.d.ts

@@ -2,6 +2,7 @@ export declare const config: {
     defaults: {
         view: string;
         size: string;
+        shape: string;
     };
     variations: {
         view: {
@@ -17,6 +18,10 @@ export declare const config: {
         focused: {
             true: import("@linaria/core").LinariaClassName;
         };
+        shape: {
+            circled: import("@linaria/core").LinariaClassName;
+            rounded: import("@linaria/core").LinariaClassName;
+        };
         badgeView: {
             default: import("@linaria/core").LinariaClassName;
             accent: import("@linaria/core").LinariaClassName;

package/types/examples/components/Avatar/Avatar.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Avatar/Avatar.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0QlB,CAAC"}
+{"version":3,"file":"Avatar.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Avatar/Avatar.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2RlB,CAAC"}

package/types/examples/components/Avatar/Avatar.d.ts

@@ -12,6 +12,10 @@ export declare const mergedConfig: import("../../../engines").ComponentConfig<st
     focused: {
         true: import("@linaria/core").LinariaClassName;
     };
+    shape: {
+        circled: import("@linaria/core").LinariaClassName;
+        rounded: import("@linaria/core").LinariaClassName;
+    };
     badgeView: {
         default: import("@linaria/core").LinariaClassName;
         accent: import("@linaria/core").LinariaClassName;
@@ -44,6 +48,10 @@ export declare const mergedConfig: import("../../../engines").ComponentConfig<st
     focused: {
         true: import("@linaria/core").LinariaClassName;
     };
+    shape: {
+        circled: import("@linaria/core").LinariaClassName;
+        rounded: import("@linaria/core").LinariaClassName;
+    };
     badgeView: {
         default: import("@linaria/core").LinariaClassName;
         accent: import("@linaria/core").LinariaClassName;
@@ -63,6 +71,7 @@ export declare const mergedConfig: import("../../../engines").ComponentConfig<st
         light: import("@linaria/core").LinariaClassName;
     };
 }>, (import("react").HTMLAttributes<HTMLDivElement> & {
+    shape?: "string";
     size?: string;
     name?: string;
     url?: string;
@@ -87,6 +96,7 @@ export declare const mergedConfig: import("../../../engines").ComponentConfig<st
     count?: undefined;
     maxCount?: undefined;
 } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
+    shape?: "string";
     size?: string;
     name?: string;
     url?: string;
@@ -125,6 +135,10 @@ export declare const Avatar: import("react").FunctionComponent<import("../../../
     focused: {
         true: import("@linaria/core").LinariaClassName;
     };
+    shape: {
+        circled: import("@linaria/core").LinariaClassName;
+        rounded: import("@linaria/core").LinariaClassName;
+    };
     badgeView: {
         default: import("@linaria/core").LinariaClassName;
         accent: import("@linaria/core").LinariaClassName;
@@ -144,6 +158,7 @@ export declare const Avatar: import("react").FunctionComponent<import("../../../
         light: import("@linaria/core").LinariaClassName;
     };
 }> & ((import("react").HTMLAttributes<HTMLDivElement> & {
+    shape?: "string";
     size?: string;
     name?: string;
     url?: string;
@@ -168,6 +183,7 @@ export declare const Avatar: import("react").FunctionComponent<import("../../../
     count?: undefined;
     maxCount?: undefined;
 } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
+    shape?: "string";
     size?: string;
     name?: string;
     url?: string;

package/types/examples/components/Avatar/Avatar.d.ts.map

@@ -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"}
+{"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"}