@salutejs/plasma-new-hope 0.337.0-canary.2263.18100873808.0 → 0.338.0-canary.2265.18133572802.0

package/styled-components/cjs/components/Tree/Tree.styles.js

@@ -35,7 +35,6 @@ _export(exports, {
     }
 });
 var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
-var _mixins = require("../../mixins");
 var _Icon = require("../_Icon");
 var _Treetokens = require("./Tree.tokens");
 function _getRequireWildcardCache(nodeInterop) {
@@ -81,7 +80,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
 }
 var IconArrowWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Tree.styles__IconArrowWrapper",
-    componentId: "sc-8ac26406-0"
+    componentId: "sc-42c76870-0"
 })([
     "line-height:0;color:var(",
     ");&:hover{color:var(",
@@ -90,44 +89,58 @@ var IconArrowWrapper = _styledcomponents.default.div.withConfig({
 ], _Treetokens.treeTokens.arrowColor, _Treetokens.treeTokens.arrowColorHover, _Treetokens.treeTokens.arrowColorActive);
 var StyledArrow = (0, _styledcomponents.default)(_Icon.IconDisclosureRightCentered).withConfig({
     displayName: "Tree.styles__StyledArrow",
-    componentId: "sc-8ac26406-1"
+    componentId: "sc-42c76870-1"
 })([
     "transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;"
 ]);
 var StyledFolder = (0, _styledcomponents.default)(_Icon.IconFolder).withConfig({
     displayName: "Tree.styles__StyledFolder",
-    componentId: "sc-8ac26406-2"
+    componentId: "sc-42c76870-2"
 })([
     ""
 ]);
 var TitleWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Tree.styles__TitleWrapper",
-    componentId: "sc-8ac26406-3"
+    componentId: "sc-42c76870-3"
 })([
     "display:flex;align-items:center;justify-content:space-between;margin:",
-    ";",
+    ";overflow:",
     ";"
 ], function(param) {
     var arrowPlacement = param.arrowPlacement, fullWidthItemSelection = param.fullWidthItemSelection;
     return arrowPlacement === 'left' && !fullWidthItemSelection ? "var(".concat(_Treetokens.treeTokens.iconFolderMargin, ")") : 0;
-}, (0, _mixins.applyEllipsis)());
+}, function(param) {
+    var singleLine = param.singleLine;
+    return singleLine ? 'hidden' : 'visible';
+});
 var Title = _styledcomponents.default.span.withConfig({
     displayName: "Tree.styles__Title",
-    componentId: "sc-8ac26406-4"
+    componentId: "sc-42c76870-4"
 })([
     "margin:var(",
-    ");",
+    ");overflow:",
+    ";text-overflow:",
+    ";white-space:",
     ";"
-], _Treetokens.treeTokens.iconFolderMargin, (0, _mixins.applyEllipsis)());
+], _Treetokens.treeTokens.iconFolderMargin, function(param) {
+    var singleLine = param.singleLine;
+    return singleLine ? 'hidden' : 'visible';
+}, function(param) {
+    var singleLine = param.singleLine;
+    return singleLine ? 'ellipsis' : 'unset';
+}, function(param) {
+    var singleLine = param.singleLine;
+    return singleLine ? 'nowrap' : 'normal';
+});
 var ContentRight = _styledcomponents.default.div.withConfig({
     displayName: "Tree.styles__ContentRight",
-    componentId: "sc-8ac26406-5"
+    componentId: "sc-42c76870-5"
 })([
     "line-height:0;"
 ]);
 var Line = _styledcomponents.default.div.withConfig({
     displayName: "Tree.styles__Line",
-    componentId: "sc-8ac26406-6"
+    componentId: "sc-42c76870-6"
 })([
     "left:",
     "px;right:0;position:absolute;z-index:1;height:0.125rem;background-color:var(",
@@ -137,23 +150,21 @@ var Line = _styledcomponents.default.div.withConfig({
     return left;
 }, _Treetokens.treeTokens.itemDraggableLineColor);
 var base = (0, _styledcomponents.css)([
-    ".rc-tree{margin:0;border:1px solid transparent;}.rc-tree-focused:not(.rc-tree-active-focused){border-color:cyan;}.rc-tree .rc-tree-treenode{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.rc-tree .rc-tree-treenode .draggable{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}.rc-tree .rc-tree-treenode.dragging{opacity:0.28;}.rc-tree .rc-tree-treenode.drop-container::before,.rc-tree:not(:has(.drop-container)) .rc-tree-treenode.drop-target.",
+    ".rc-tree{margin:0;border:1px solid transparent;}.rc-tree-focused:not(.rc-tree-active-focused){border-color:cyan;}.rc-tree .rc-tree-treenode{display:flex;align-items:center;box-sizing:border-box;margin:0;padding:var(",
+    ");position:relative;z-index:0;width:100%;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.rc-tree.",
+    " .rc-tree-treenode{padding:var(",
+    ");}.rc-tree .rc-tree-treenode .draggable{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}.rc-tree .rc-tree-treenode.dragging{opacity:0.28;}.rc-tree .rc-tree-treenode.drop-container::before,.rc-tree:not(:has(.drop-container)) .rc-tree-treenode.drop-target.",
     "::before,.rc-tree:not(:has(.drop-container)) .rc-tree-treenode.drop-target.drag-over::before{box-shadow:inset 0 0 0 1px var(",
-    ");}.rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper{color:#a60000 !important;font-weight:bold !important;}.rc-tree .rc-tree-treenode ul{margin:0;padding:0 0 0 18px;}.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{position:relative;display:inline-block;height:24px;margin:0;padding:0;text-decoration:none;vertical-align:top;cursor:pointer;color:var(",
-    ");}.rc-tree.",
+    ");}.rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper{color:#a60000 !important;font-weight:bold !important;}.rc-tree .rc-tree-treenode ul{margin:0;padding:0 0 0 18px;}.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{position:relative;margin:0;padding:0;text-decoration:none;vertical-align:top;cursor:pointer;color:var(",
+    ");display:flex;align-items:center;width:100%;}.rc-tree.",
     " .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper{cursor:default;}.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-switcher,.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox,.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-iconEle{cursor:default;}.rc-tree .rc-tree-treenode span.rc-tree-switcher,.rc-tree .rc-tree-treenode span.rc-tree-checkbox,.rc-tree .rc-tree-treenode span.rc-tree-iconEle{cursor:pointer;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize,.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize,.rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize{background-image:none;}.rc-tree .rc-tree-treenode span.rc-tree-icon_loading{margin-right:2px;vertical-align:top;background:url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') no-repeat scroll 0 0 transparent;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop{flex:none;}.rc-tree.",
     " .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop{display:none;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open{background-position:-93px -56px;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close{background-position:-75px -56px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox{width:13px;height:13px;margin:0 3px;background-position:0 0;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked{background-position:-14px 0;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate{background-position:-14px -28px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled{background-position:0 -56px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled{background-position:-14px -56px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled{position:relative;background:#ccc;border-radius:3px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after{position:absolute;top:5px;left:3px;width:5px;height:0;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:scale(1);transform:scale(1);content:' ';}.rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop{background:none;}.rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > .rc-tree-switcher-noop{background-position:-56px -18px;}.rc-tree.rc-tree-show-line .rc-tree-treenode:last-child > .rc-tree-switcher-noop{background-position:-56px -36px;}.rc-tree-child-tree{display:none;}.rc-tree-child-tree-open{display:block;}.rc-tree-treenode-disabled > span:not(.rc-tree-switcher),.rc-tree-treenode-disabled > a,.rc-tree-treenode-disabled > a span{color:#767676;cursor:not-allowed;}.rc-tree-treenode-active{background:rgba(0,0,0,0.1);}.rc-tree-node-selected{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.rc-tree-icon__open{margin-right:0;vertical-align:top;background-position:-110px -16px;}.rc-tree-icon__close{margin-right:0;vertical-align:top;background-position:-110px 0;}.rc-tree-icon__docu{margin-right:0;vertical-align:top;background-position:-110px -32px;}.rc-tree-icon__customize{display:block;line-height:0;color:var(",
     ");margin:var(",
-    ");}.rc-tree-title{display:inline-block;width:100%;}.rc-tree-indent{display:inline-flex;height:0;vertical-align:bottom;}.rc-tree-indent-unit{display:inline-block;width:16px;}.rc-tree-draggable-icon{display:inline-flex;justify-content:center;width:16px;}.rc-tree,.rc-tree-list{border:none !important;}.rc-tree .rc-tree-list-holder{overflow:hidden auto;}.rc-tree .rc-tree-treenode{position:relative;z-index:0;display:flex;align-items:center;min-height:var(",
-    ");padding:0;}.rc-tree.",
-    " .rc-tree-treenode{padding:0 var(",
-    ") !important;}.rc-tree.",
-    ":not(",
-    ") .rc-tree-treenode{padding:0 var(",
-    ");}.rc-tree .rc-tree-treenode::before{content:'';position:absolute;z-index:-1;top:var(",
+    ");}.rc-tree-title{display:grid;width:100%;}.rc-tree-indent{display:inline-flex;height:0;vertical-align:bottom;}.rc-tree-indent-unit{display:inline-block;width:16px;}.rc-tree-draggable-icon{display:inline-flex;justify-content:center;width:16px;}.rc-tree,.rc-tree-list{border:none !important;}.rc-tree .rc-tree-list-holder{overflow:hidden auto;}.rc-tree .rc-tree-treenode::before{content:'';position:absolute;z-index:-1;top:var(",
     ");bottom:var(",
-    ");left:var(",
-    ");right:0;background:transparent;border-radius:var(",
+    ");left:calc(var(",
+    ") + var(",
+    "));right:0;background:transparent;border-radius:var(",
     ");}.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-switcher,.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-checkbox{opacity:var(",
     ");}.rc-tree.",
     " .rc-tree-treenode::before{inset:0;border-radius:0;}.rc-tree .rc-tree-treenode.",
@@ -167,7 +178,7 @@ var base = (0, _styledcomponents.css)([
     " .rc-tree-treenode.rc-tree-treenode-selected):hover::before{background:var(",
     ");}.rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):not(.rc-tree.",
     " .rc-tree-treenode.rc-tree-treenode-selected):active::before{background:var(",
-    ");}.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{display:flex;align-items:center;align-self:stretch;height:auto;flex:1;min-width:max-content;}.rc-tree .rc-tree-treenode span.rc-tree-switcher{width:var(",
+    ");}.rc-tree .rc-tree-treenode span.rc-tree-switcher{width:var(",
     ");height:var(",
     ");margin:var(",
     ");line-height:0;vertical-align:0;background:transparent;}.rc-tree.",
@@ -199,6 +210,6 @@ var base = (0, _styledcomponents.css)([
     ");}.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-title{color:var(",
     ");}.rc-tree-node-selected .rc-tree-icon__customize{color:var(",
     ");}.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize{color:var(",
-    ");;}.rc-tree-indent-unit{width:var(",
+    ");}.rc-tree-indent-unit{width:var(",
     ");}"
-], _Treetokens.classes.treeLeafNode, _Treetokens.treeTokens.itemDraggableBorderColor, _Treetokens.treeTokens.color, _Treetokens.classes.treeRadioMode, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.iconFolderColor, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.itemHeight, _Treetokens.classes.treeItemFilled, _Treetokens.treeTokens.itemPadding, _Treetokens.classes.treeInverted, _Treetokens.classes.treeItemFilled, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemDisabledOpacity, _Treetokens.classes.treeItemFilled, _Treetokens.classes.treeItemHasSelectedChildren, _Treetokens.treeTokens.colorSelected, _Treetokens.classes.treeItemHasSelectedChildren, _Treetokens.treeTokens.colorSelected, _Treetokens.classes.treeItemPrimaryBackground, _Treetokens.treeTokens.itemBackgroundColorPrimary, _Treetokens.treeTokens.itemBackgroundColorSelected, _Treetokens.classes.treeRadioMode, _Treetokens.treeTokens.itemBackgroundColorHover, _Treetokens.classes.treeRadioMode, _Treetokens.treeTokens.itemBackgroundColorActive, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.switcherMargin, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.classes.treeInverted, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderColor, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.itemDisabledBorderColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.color, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight, _Treetokens.classes.treeInverted, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.colorSelected, _Treetokens.treeTokens.itemDisabledColor, _Treetokens.treeTokens.colorSelected, _Treetokens.treeTokens.itemDisabledColor, _Treetokens.treeTokens.itemIndent);
+], _Treetokens.treeTokens.itemPadding, _Treetokens.classes.treeTightVariant, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.classes.treeLeafNode, _Treetokens.treeTokens.itemDraggableBorderColor, _Treetokens.treeTokens.color, _Treetokens.classes.treeRadioMode, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.iconFolderColor, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemDisabledOpacity, _Treetokens.classes.treeItemFilled, _Treetokens.classes.treeItemHasSelectedChildren, _Treetokens.treeTokens.colorSelected, _Treetokens.classes.treeItemHasSelectedChildren, _Treetokens.treeTokens.colorSelected, _Treetokens.classes.treeItemPrimaryBackground, _Treetokens.treeTokens.itemBackgroundColorPrimary, _Treetokens.treeTokens.itemBackgroundColorSelected, _Treetokens.classes.treeRadioMode, _Treetokens.treeTokens.itemBackgroundColorHover, _Treetokens.classes.treeRadioMode, _Treetokens.treeTokens.itemBackgroundColorActive, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.switcherMargin, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.classes.treeInverted, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderColor, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.itemDisabledBorderColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.checkboxBackgroundColor, _Treetokens.treeTokens.color, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight, _Treetokens.classes.treeInverted, _Treetokens.classes.treeInverted, _Treetokens.treeTokens.colorSelected, _Treetokens.treeTokens.itemDisabledColor, _Treetokens.treeTokens.colorSelected, _Treetokens.treeTokens.itemDisabledColor, _Treetokens.treeTokens.itemIndent);

package/styled-components/cjs/components/Tree/Tree.tokens.js

@@ -22,7 +22,8 @@ var classes = {
     treeItemPrimaryBackground: 'tree-item-primary-background',
     treeItemHasSelectedChildren: 'tree-item-has-selected-children',
     treeRadioMode: 'tree-radio-mode',
-    treeLeafNode: 'tree-leaf-node'
+    treeLeafNode: 'tree-leaf-node',
+    treeTightVariant: 'tree-tight-variant'
 };
 var treeTokens = {
     arrowColor: '--plasma-tree-arrow-color',
@@ -54,6 +55,7 @@ var treeTokens = {
     checkboxMargin: '--plasma-tree-checkbox-margin',
     checkboxBorderColor: '--plasma-tree-checkbox-border-color',
     checkboxBackgroundColor: '--plasma-tree-checkbox-background-color',
+    itemBackgroundExtraOffset: '--plasma-tree-item-background-extra-offset',
     itemBackgroundColorSelected: '--plasma-tree-item-background-color-selected',
     itemBackgroundColorPrimary: '--plasma-tree-item-background-color-primary',
     itemBackgroundColorHover: '--plasma-tree-item-background-color-hover',

package/styled-components/cjs/components/Tree/utils/sizeToIconSize.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "sizeToIconSize", {
         return sizeToIconSize;
     }
 });
-var sizeToIconSize = function(size) {
-    if (size === 'xs') return 'xs';
+var sizeToIconSize = function(size, variant) {
+    if (size === 'xs' || variant === 'tight' && size === 's') return 'xs';
     return 's';
 };

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

@@ -2,14 +2,38 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "Chip", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Chip () {
         return Chip;
+    },
+    get ChipDefault () {
+        return ChipDefault;
+    },
+    get ChipTransparent () {
+        return ChipTransparent;
     }
 });
+var _createConditionalComponent = require("../../../utils/createConditionalComponent");
 var _Chip = require("../../../components/Chip");
 var _engines = require("../../../engines");
 var _Chipconfig = require("./Chip.config");
-var mergedConfig = (0, _engines.mergeConfig)(_Chip.chipConfig, _Chipconfig.config);
-var Chip = (0, _engines.component)(mergedConfig);
+var _Chiptransparentconfig = require("./Chip.transparent.config");
+var mergedConfigDefault = (0, _engines.mergeConfig)(_Chip.chipConfig, _Chipconfig.config);
+var ChipDefault = (0, _engines.component)(mergedConfigDefault);
+var mergedConfigTransparent = (0, _engines.mergeConfig)(_Chip.chipConfig, _Chiptransparentconfig.config);
+var ChipTransparent = (0, _engines.component)(mergedConfigTransparent);
+var Chip = (0, _createConditionalComponent.createConditionalComponent)(ChipDefault, [
+    {
+        conditions: {
+            prop: 'appearance',
+            value: 'transparent'
+        },
+        component: ChipTransparent
+    }
+]);

package/styled-components/cjs/examples/components/Chip/Chip.transparent.config.js

@@ -0,0 +1,225 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("styled-components");
+var _Chip = require("../../../components/Chip");
+var config = {
+    defaults: {
+        view: 'default',
+        focused: 'true',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-primary);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--text-primary-hover);",
+                ":var(--surface-transparent-secondary-hover);",
+                ":var(--text-primary-active);",
+                ":var(--surface-transparent-secondary-active);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--text-primary);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--text-primary);"
+            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover),
+            secondary: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-primary);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--text-primary-hover);",
+                ":var(--surface-transparent-secondary-hover);",
+                ":var(--text-primary-active);",
+                ":var(--surface-transparent-secondary-active);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--text-primary);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--text-primary);"
+            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover),
+            accent: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-accent);",
+                ":var(--surface-transparent-accent);",
+                ":var(--text-accent);",
+                ":var(--surface-transparent-accent-hover);",
+                ":var(--text-accent);",
+                ":var(--surface-transparent-accent-active);",
+                ":var(--surface-transparent-accent);",
+                ":var(--text-accent);",
+                ":var(--surface-transparent-accent);",
+                ":var(--text-accent);"
+            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover),
+            positive: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-positive);",
+                ":var(--surface-transparent-positive);",
+                ":var(--text-positive);",
+                ":var(--surface-transparent-positive-hover);",
+                ":var(--text-positive);",
+                ":var(--surface-transparent-positive-active);",
+                ":var(--surface-transparent-positive);",
+                ":var(--text-positive);",
+                ":var(--surface-transparent-positive);",
+                ":var(--text-positive);"
+            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover),
+            warning: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-warning);",
+                ":var(--surface-transparent-warning);",
+                ":var(--text-warning);",
+                ":var(--surface-transparent-warning-hover);",
+                ":var(--text-warning);",
+                ":var(--surface-transparent-warning-active);",
+                ":var(--surface-transparent-warning);",
+                ":var(--text-warning);",
+                ":var(--surface-transparent-warning);",
+                ":var(--text-warning);"
+            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover),
+            negative: (0, _styledcomponents.css)([
+                "",
+                ":var(--text-negative);",
+                ":var(--surface-transparent-negative);",
+                ":var(--text-negative);",
+                ":var(--surface-transparent-negative-hover);",
+                ":var(--text-negative);",
+                ":var(--surface-transparent-negative-active);",
+                ":var(--surface-transparent-negative);",
+                ":var(--text-negative);",
+                ":var(--surface-transparent-negative);",
+                ":var(--text-negative);"
+            ], _Chip.chipTokens.color, _Chip.chipTokens.background, _Chip.chipTokens.colorHover, _Chip.chipTokens.backgroundHover, _Chip.chipTokens.colorActive, _Chip.chipTokens.backgroundActive, _Chip.chipTokens.backgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover)
+        },
+        size: {
+            l: (0, _styledcomponents.css)([
+                "",
+                ":0.75rem;",
+                ":1.5rem;",
+                ":auto;",
+                ":3rem;",
+                ":0 1rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":-0.125rem;",
+                ":0.5rem;",
+                ":0.5rem;",
+                ":-0.125rem;",
+                ":0.625rem;",
+                ":-0.25rem;",
+                ":1.5rem;"
+            ], _Chip.chipTokens.borderRadius, _Chip.chipTokens.pilledBorderRadius, _Chip.chipTokens.width, _Chip.chipTokens.height, _Chip.chipTokens.padding, _Chip.chipTokens.fontFamily, _Chip.chipTokens.fontSize, _Chip.chipTokens.fontStyle, _Chip.chipTokens.fontWeight, _Chip.chipTokens.letterSpacing, _Chip.chipTokens.lineHeight, _Chip.chipTokens.leftContentMarginLeft, _Chip.chipTokens.leftContentMarginRight, _Chip.chipTokens.rightContentMarginLeft, _Chip.chipTokens.rightContentMarginRight, _Chip.chipTokens.clearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Chip.chipTokens.closeIconSize),
+            m: (0, _styledcomponents.css)([
+                "",
+                ":0.625rem;",
+                ":1.25rem;",
+                ":auto;",
+                ":2.5rem;",
+                ":0 0.875rem;",
+                ":var(--plasma-typo-body-m-font-family);",
+                ":var(--plasma-typo-body-m-font-size);",
+                ":var(--plasma-typo-body-m-font-style);",
+                ":var(--plasma-typo-body-m-font-weight);",
+                ":var(--plasma-typo-body-m-letter-spacing);",
+                ":var(--plasma-typo-body-m-line-height);",
+                ":-0.125rem;",
+                ":0.375rem;",
+                ":0.375rem;",
+                ":-0.125rem;",
+                ":0.5rem;",
+                ":-0.25rem;",
+                ":1rem;"
+            ], _Chip.chipTokens.borderRadius, _Chip.chipTokens.pilledBorderRadius, _Chip.chipTokens.width, _Chip.chipTokens.height, _Chip.chipTokens.padding, _Chip.chipTokens.fontFamily, _Chip.chipTokens.fontSize, _Chip.chipTokens.fontStyle, _Chip.chipTokens.fontWeight, _Chip.chipTokens.letterSpacing, _Chip.chipTokens.lineHeight, _Chip.chipTokens.leftContentMarginLeft, _Chip.chipTokens.leftContentMarginRight, _Chip.chipTokens.rightContentMarginLeft, _Chip.chipTokens.rightContentMarginRight, _Chip.chipTokens.clearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Chip.chipTokens.closeIconSize),
+            s: (0, _styledcomponents.css)([
+                "",
+                ":0.5rem;",
+                ":1rem;",
+                ":auto;",
+                ":2rem;",
+                ":0 0.875rem;",
+                ":var(--plasma-typo-body-s-font-family);",
+                ":var(--plasma-typo-body-s-font-size);",
+                ":var(--plasma-typo-body-s-font-style);",
+                ":var(--plasma-typo-body-s-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);",
+                ":-0.125rem;",
+                ":0.25rem;",
+                ":0.25rem;",
+                ":-0.125rem;",
+                ":0.375rem;",
+                ":-0.25rem;",
+                ":1rem;"
+            ], _Chip.chipTokens.borderRadius, _Chip.chipTokens.pilledBorderRadius, _Chip.chipTokens.width, _Chip.chipTokens.height, _Chip.chipTokens.padding, _Chip.chipTokens.fontFamily, _Chip.chipTokens.fontSize, _Chip.chipTokens.fontStyle, _Chip.chipTokens.fontWeight, _Chip.chipTokens.letterSpacing, _Chip.chipTokens.lineHeight, _Chip.chipTokens.leftContentMarginLeft, _Chip.chipTokens.leftContentMarginRight, _Chip.chipTokens.rightContentMarginLeft, _Chip.chipTokens.rightContentMarginRight, _Chip.chipTokens.clearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Chip.chipTokens.closeIconSize),
+            xs: (0, _styledcomponents.css)([
+                "",
+                ":0.375rem;",
+                ":0.75rem;",
+                ":auto;",
+                ":1.5rem;",
+                ":0 0.625rem;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":-0.125rem;",
+                ":0.25rem;",
+                ":0.25rem;",
+                ":-0.125rem;",
+                ":0.25rem;",
+                ":-0.25rem;",
+                ":0.75rem;"
+            ], _Chip.chipTokens.borderRadius, _Chip.chipTokens.pilledBorderRadius, _Chip.chipTokens.width, _Chip.chipTokens.height, _Chip.chipTokens.padding, _Chip.chipTokens.fontFamily, _Chip.chipTokens.fontSize, _Chip.chipTokens.fontStyle, _Chip.chipTokens.fontWeight, _Chip.chipTokens.letterSpacing, _Chip.chipTokens.lineHeight, _Chip.chipTokens.leftContentMarginLeft, _Chip.chipTokens.leftContentMarginRight, _Chip.chipTokens.rightContentMarginLeft, _Chip.chipTokens.rightContentMarginRight, _Chip.chipTokens.clearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Chip.chipTokens.closeIconSize),
+            xxs: (0, _styledcomponents.css)([
+                "",
+                ":0.375rem;",
+                ":0.625rem;",
+                ":auto;",
+                ":1.25rem;",
+                ":0 0.5rem;",
+                ":var(--plasma-typo-body-xxs-font-family);",
+                ":var(--plasma-typo-body-xxs-font-size);",
+                ":var(--plasma-typo-body-xxs-font-style);",
+                ":var(--plasma-typo-body-xxs-font-weight);",
+                ":var(--plasma-typo-body-xxs-letter-spacing);",
+                ":var(--plasma-typo-body-xxs-line-height);",
+                ":-0.125rem;",
+                ":0.125rem;",
+                ":0.125rem;",
+                ":-0.125rem;",
+                ":0.25rem;",
+                ":-0.25rem;",
+                ":0.75rem;"
+            ], _Chip.chipTokens.borderRadius, _Chip.chipTokens.pilledBorderRadius, _Chip.chipTokens.width, _Chip.chipTokens.height, _Chip.chipTokens.padding, _Chip.chipTokens.fontFamily, _Chip.chipTokens.fontSize, _Chip.chipTokens.fontStyle, _Chip.chipTokens.fontWeight, _Chip.chipTokens.letterSpacing, _Chip.chipTokens.lineHeight, _Chip.chipTokens.leftContentMarginLeft, _Chip.chipTokens.leftContentMarginRight, _Chip.chipTokens.rightContentMarginLeft, _Chip.chipTokens.rightContentMarginRight, _Chip.chipTokens.clearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Chip.chipTokens.closeIconSize)
+        },
+        disabled: {
+            true: (0, _styledcomponents.css)([
+                "",
+                ":0.4;"
+            ], _Chip.chipTokens.disabledOpacity)
+        },
+        focused: {
+            true: (0, _styledcomponents.css)([
+                "",
+                ":var(--surface-accent);"
+            ], _Chip.chipTokens.focusColor)
+        },
+        pilled: {
+            true: (0, _styledcomponents.css)([
+                ""
+            ])
+        }
+    }
+};

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

@@ -45,7 +45,8 @@ var config = {
                 "",
                 ":3.5rem;",
                 ":1rem;",
-                ":0.375rem;",
+                ":1rem;",
+                ":0.75rem 1rem;",
                 ":2rem;",
                 ":0.75rem;",
                 ":0.25rem;",
@@ -64,12 +65,13 @@ var config = {
                 ":var(--plasma-typo-body-l-font-weight);",
                 ":var(--plasma-typo-body-l-letter-spacing);",
                 ":var(--plasma-typo-body-l-line-height);"
-            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
+            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
             m: (0, _styledcomponents.css)([
                 "",
                 ":3rem;",
                 ":0.875rem;",
-                ":0.375rem;",
+                ":0.75rem 0.875rem;",
+                ":0.5rem 0.875rem;",
                 ":2rem;",
                 ":0.625rem;",
                 ":0.25rem;",
@@ -88,12 +90,13 @@ var config = {
                 ":var(--plasma-typo-body-m-font-weight);",
                 ":var(--plasma-typo-body-m-letter-spacing);",
                 ":var(--plasma-typo-body-m-line-height);"
-            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
+            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
             s: (0, _styledcomponents.css)([
                 "",
                 ":2.5rem;",
                 ":0.75rem;",
-                ":0.25rem;",
+                ":0.5rem 0.75rem;",
+                ":0.4375rem 0.5rem;",
                 ":1.875rem;",
                 ":0.5rem;",
                 ":0.25rem;",
@@ -112,12 +115,13 @@ var config = {
                 ":var(--plasma-typo-body-s-font-weight);",
                 ":var(--plasma-typo-body-s-letter-spacing);",
                 ":var(--plasma-typo-body-s-line-height);"
-            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
+            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight),
             xs: (0, _styledcomponents.css)([
                 "",
                 ":2rem;",
                 ":0.5rem;",
-                ":0.125rem;",
+                ":0.5rem;",
+                ":0.25rem 0.5rem;",
                 ":1.25rem;",
                 ":0.375rem;",
                 ":0.25rem;",
@@ -136,7 +140,7 @@ var config = {
                 ":var(--plasma-typo-body-xs-font-weight);",
                 ":var(--plasma-typo-body-xs-letter-spacing);",
                 ":var(--plasma-typo-body-xs-line-height);"
-            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight)
+            ], _Treetokens.treeTokens.itemHeight, _Treetokens.treeTokens.itemBackgroundExtraOffset, _Treetokens.treeTokens.itemPadding, _Treetokens.treeTokens.itemPaddingTight, _Treetokens.treeTokens.itemIndent, _Treetokens.treeTokens.itemBorderRadius, _Treetokens.treeTokens.itemTop, _Treetokens.treeTokens.itemBottom, _Treetokens.treeTokens.iconFolderMargin, _Treetokens.treeTokens.switcherMargin, _Treetokens.treeTokens.switcherMarginInverted, _Treetokens.treeTokens.switcherSize, _Treetokens.treeTokens.checkboxMargin, _Treetokens.treeTokens.checkboxSize, _Treetokens.treeTokens.checkboxInnerSize, _Treetokens.treeTokens.checkboxBorderRadius, _Treetokens.treeTokens.fontFamily, _Treetokens.treeTokens.fontSize, _Treetokens.treeTokens.fontStyle, _Treetokens.treeTokens.fontWeight, _Treetokens.treeTokens.letterSpacing, _Treetokens.treeTokens.lineHeight)
         }
     }
 };

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

@@ -93,14 +93,15 @@ var StatusLabelsDefault = {
     inactive: 'Неактивен'
 };
 var getAvatarContent = function(param) {
-    var customText = param.customText, url = param.url, initials = param.initials, name = param.name;
+    var customText = param.customText, customBorderRadius = param.customBorderRadius, url = param.url, initials = param.initials, name = param.name;
     if (customText) {
         return /*#__PURE__*/ React.createElement(Text, null, customText);
     }
     if (url) {
         return /*#__PURE__*/ React.createElement(Image, {
             src: url,
-            alt: name
+            alt: name,
+            borderRadius: customBorderRadius
         });
     }
     return /*#__PURE__*/ React.createElement(Text, null, initials);
@@ -118,7 +119,7 @@ var mergedConfig = mergeConfig(indicatorConfig);
 var Indicator = component(mergedConfig);
 var StyledIndicator = styled(Indicator).withConfig({
     displayName: "Avatar__StyledIndicator",
-    componentId: "sc-76e2f30f-0"
+    componentId: "sc-8add70e7-0"
 })([
     "",
     ":var(",
@@ -131,7 +132,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, 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, [
+        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, [
             "size",
             "name",
             "url",
@@ -152,6 +153,7 @@ export var avatarRoot = function(Root) {
             "text",
             "customColor",
             "customBackgroundColor",
+            "customBorderRadius",
             "contentLeft",
             "contentRight",
             "pilled"
@@ -170,6 +172,7 @@ export var avatarRoot = function(Root) {
         } : {
             counterView: counterView
         };
+        var borderRadius = avatarSize === 'fit' ? customBorderRadius : undefined;
         return /*#__PURE__*/ React.createElement(Root, _object_spread({
             ref: ref,
             size: avatarSize,
@@ -178,12 +181,14 @@ export var avatarRoot = function(Root) {
             "aria-label": ariaLabel,
             focused: focused
         }, extraViewProp, rest), /*#__PURE__*/ React.createElement(Wrapper, {
-            isScalable: isScalable
+            isScalable: isScalable,
+            borderRadius: borderRadius
         }, getAvatarContent({
             customText: customText,
             url: url,
             initials: initials,
-            name: name
+            name: name,
+            customBorderRadius: borderRadius
         })), status && /*#__PURE__*/ React.createElement(StatusIcon, null, /*#__PURE__*/ React.createElement(StyledIndicator, {
             "aria-label": statusLabels[status],
             status: status