@salutejs/plasma-new-hope 0.339.0-canary.2295.18740219652.0 → 0.339.0-canary.2297.18751153444.0

package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.js

@@ -0,0 +1,150 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Item", {
+    enumerable: true,
+    get: function() {
+        return Item;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+var _Selecttokens = require("../../../../Select.tokens");
+var _utils = require("../../../../utils");
+var _treePathReducer = require("../../../../reducers/treePathReducer");
+var _Selectcontext = require("../../../../Select.context");
+var _Itemstyles = require("./Item.styles");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+var Item = function(param) {
+    var item = param.item, index = param.index;
+    var _valueToPathMap_get, _item_items;
+    var label = item.label, value = item.value, disabled = item.disabled, isDisabled = item.isDisabled, contentLeft = item.contentLeft, contentRight = item.contentRight;
+    var isLeaf = !(item === null || item === void 0 ? void 0 : item.items);
+    var _useContext = (0, _react.useContext)(_Selectcontext.Context), checked = _useContext.checked, multiselect = _useContext.multiselect, size = _useContext.size, variant = _useContext.variant, renderItem = _useContext.renderItem, // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    _checkboxAppearance = _useContext._checkboxAppearance, focusedPath = _useContext.focusedPath, treePath = _useContext.treePath, dispatchTreePath = _useContext.dispatchTreePath, arrowPlacement = _useContext.arrowPlacement, handleItemClick = _useContext.handleItemClick, handleCheckboxChange = _useContext.handleCheckboxChange, valueToPathMap = _useContext.valueToPathMap;
+    var itemDisabled = Boolean(disabled || isDisabled);
+    var currentItemDepth = (((_valueToPathMap_get = valueToPathMap.get(item.value.toString())) === null || _valueToPathMap_get === void 0 ? void 0 : _valueToPathMap_get.length) || 0) - 1;
+    var isCurrentLevelOpened = (0, _treePathReducer.keyExists)(treePath, valueToPathMap.get(value.toString()) || []);
+    var withArrowInverse = isCurrentLevelOpened ? _Selecttokens.classes.arrowInverse : undefined;
+    var focusedClass = currentItemDepth === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentItemDepth]) ? _Selecttokens.classes.dropdownItemIsFocused : undefined;
+    var handleClick = function(e) {
+        if (!isLeaf) {
+            dispatchTreePath({
+                type: 'toggled_level',
+                value: valueToPathMap.get(value.toString()) || []
+            });
+        }
+        if (handleItemClick) {
+            handleItemClick(item, e);
+        }
+    };
+    var handleChange = function(e) {
+        if (itemDisabled) return;
+        e.stopPropagation();
+        handleCheckboxChange(item);
+    };
+    return /*#__PURE__*/ _react.default.createElement(_Itemstyles.ItemWrapper, null, /*#__PURE__*/ _react.default.createElement(_Itemstyles.Wrapper, {
+        className: focusedClass,
+        onClick: handleClick,
+        variant: variant,
+        role: "treeitem"
+    }, /*#__PURE__*/ _react.default.createElement(_Itemstyles.Offset, {
+        depth: currentItemDepth
+    }), arrowPlacement === 'left' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.DisclosureIconWrapper, {
+        visibility: isLeaf ? 'hidden' : 'visible'
+    }, /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledArrowLeft, {
+        size: (0, _utils.sizeToIconSize)(size, variant),
+        color: "inherit",
+        className: withArrowInverse
+    })), multiselect && /*#__PURE__*/ _react.default.createElement(_Itemstyles.IconWrapper, {
+        variant: variant
+    }, /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledCheckboxWrapper, {
+        onClick: function(e) {
+            return e.stopPropagation();
+        }
+    }, /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledCheckbox, {
+        disabled: itemDisabled,
+        checked: Boolean(checked.get(item.value)),
+        indeterminate: checked.get(item.value) === 'indeterminate',
+        onChange: handleChange,
+        appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
+    }))), !multiselect && arrowPlacement === 'right' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.IconWrapper, {
+        variant: variant
+    }, checked.get(item.value) === 'dot' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledIndicator, {
+        size: "s",
+        view: "default"
+    }), checked.get(item.value) === 'done' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledIconDone, {
+        size: (0, _utils.sizeToIconSize)(size, variant),
+        color: "inherit"
+    })), renderItem ? /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledText, null, renderItem(item)) : /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledWrapper, {
+        disabled: itemDisabled
+    }, /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledCell, {
+        contentLeft: contentLeft,
+        contentRight: contentRight,
+        // TODO: #1548
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        title: /*#__PURE__*/ _react.default.createElement("span", null, label)
+    })), !multiselect && arrowPlacement === 'left' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.IconWrapper, {
+        variant: variant
+    }, checked.get(item.value) === 'dot' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledIndicator, {
+        size: "s",
+        view: "default"
+    }), checked.get(item.value) === 'done' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledIconDone, {
+        size: (0, _utils.sizeToIconSize)(size, variant),
+        color: "inherit"
+    })), arrowPlacement === 'right' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.DisclosureIconWrapper, {
+        visibility: isLeaf ? 'hidden' : 'visible'
+    }, /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledArrowRight, {
+        size: (0, _utils.sizeToIconSize)(size, variant),
+        color: "inherit",
+        className: withArrowInverse
+    }))), !isLeaf && isCurrentLevelOpened && /*#__PURE__*/ _react.default.createElement(_Itemstyles.ChildItems, null, (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.map(function(item, index) {
+        return /*#__PURE__*/ _react.default.createElement(Item, {
+            item: item,
+            index: index,
+            key: index
+        });
+    })));
+};

package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.styles.js

@@ -0,0 +1,300 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get ChildItems () {
+        return ChildItems;
+    },
+    get DisclosureIconWrapper () {
+        return DisclosureIconWrapper;
+    },
+    get IconWrapper () {
+        return IconWrapper;
+    },
+    get ItemWrapper () {
+        return ItemWrapper;
+    },
+    get Offset () {
+        return Offset;
+    },
+    get StyledArrowLeft () {
+        return StyledArrowLeft;
+    },
+    get StyledArrowRight () {
+        return StyledArrowRight;
+    },
+    get StyledCell () {
+        return StyledCell;
+    },
+    get StyledCheckbox () {
+        return StyledCheckbox;
+    },
+    get StyledCheckboxWrapper () {
+        return StyledCheckboxWrapper;
+    },
+    get StyledIconDone () {
+        return StyledIconDone;
+    },
+    get StyledIndicator () {
+        return StyledIndicator;
+    },
+    get StyledText () {
+        return StyledText;
+    },
+    get StyledWrapper () {
+        return StyledWrapper;
+    },
+    get Wrapper () {
+        return Wrapper;
+    },
+    get sizeMap () {
+        return sizeMap;
+    }
+});
+var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+var _mixins = require("../../../../../../mixins");
+var _engines = require("../../../../../../engines");
+var _Selecttokens = require("../../../../Select.tokens");
+var _Checkbox = require("../../../../../Checkbox");
+var _Cell = require("../../../../../Cell");
+var _Indicator = require("../../../../../Indicator");
+var _Icon = require("../../../../../_Icon");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var ItemWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Item.styles__ItemWrapper",
+    componentId: "sc-9fbb8f6d-0"
+})([
+    ""
+]);
+var mergedCheckboxConfig = (0, _engines.mergeConfig)(_Checkbox.checkboxConfig);
+var Checkbox = (0, _engines.component)(mergedCheckboxConfig);
+var mergedCellConfig = (0, _engines.mergeConfig)(_Cell.cellConfig);
+var Cell = (0, _engines.component)(mergedCellConfig);
+var mergedIndicatorConfig = (0, _engines.mergeConfig)(_Indicator.indicatorConfig);
+var Indicator = (0, _engines.component)(mergedIndicatorConfig);
+var StyledWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Item.styles__StyledWrapper",
+    componentId: "sc-9fbb8f6d-1"
+})([
+    "",
+    ":",
+    ";",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");width:100%;& div.cell-content,& div.cell-textbox{flex:1;}& div.cell-textbox-title{position:relative;}& div.cell-textbox-title:before{content:' ';visibility:hidden;}& div.cell-textbox-title span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}"
+], _Cell.cellTokens.cellTitleColor, function(param) {
+    var disabled = param.disabled;
+    return disabled ? "var(".concat(_Selecttokens.tokens.itemDisabledColor, ")") : "var(".concat(_Selecttokens.constants.cellTitleColor, ")");
+}, _Cell.cellTokens.cellBackgroundColor, _Selecttokens.constants.cellBackgroundColor, _Cell.cellTokens.cellPadding, _Selecttokens.tokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Selecttokens.tokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Selecttokens.tokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Selecttokens.tokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Selecttokens.tokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Selecttokens.tokens.cellGap, _Cell.cellTokens.cellTitleFontFamily, _Selecttokens.tokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Selecttokens.tokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Selecttokens.tokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Selecttokens.tokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Selecttokens.tokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Selecttokens.tokens.cellTitleLineHeight);
+var StyledCell = (0, _styledcomponents.default)(Cell).withConfig({
+    displayName: "Item.styles__StyledCell",
+    componentId: "sc-9fbb8f6d-2"
+})([
+    ""
+]);
+var StyledCheckbox = (0, _styledcomponents.default)(Checkbox).withConfig({
+    displayName: "Item.styles__StyledCheckbox",
+    componentId: "sc-9fbb8f6d-3"
+})([
+    "",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");"
+], _Checkbox.checkboxTokens.triggerSize, _Selecttokens.tokens.checkboxTriggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Selecttokens.tokens.checkboxTriggerBorderRadius, _Checkbox.checkboxTokens.fillColor, _Selecttokens.tokens.checkboxFillColor, _Checkbox.checkboxTokens.iconColor, _Selecttokens.tokens.checkboxIconColor, _Checkbox.checkboxTokens.triggerBorderWidth, _Selecttokens.tokens.checkboxTriggerBorderWidth, _Checkbox.checkboxTokens.triggerBorderColor, _Selecttokens.tokens.checkboxTriggerBorderColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor, _Selecttokens.tokens.checkboxTriggerBorderCheckedColor);
+var StyledIndicator = (0, _styledcomponents.default)(Indicator).withConfig({
+    displayName: "Item.styles__StyledIndicator",
+    componentId: "sc-9fbb8f6d-4"
+})([
+    "",
+    ":var(",
+    ");",
+    ":var(",
+    ");"
+], _Indicator.indicatorTokens.size, _Selecttokens.tokens.indicatorSize, _Indicator.indicatorTokens.color, _Selecttokens.tokens.itemIconColor);
+var sizeMap = {
+    xs: '1rem',
+    s: '1.5rem'
+};
+var StyledArrowLeft = (0, _styledcomponents.default)(_Icon.IconDisclosureRightCentered).withConfig({
+    displayName: "Item.styles__StyledArrowLeft",
+    componentId: "sc-9fbb8f6d-5"
+})([
+    "width:",
+    ";height:",
+    ";&.",
+    "{transform:rotate(90deg);}"
+], function(param) {
+    var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
+    return "var(".concat(_Selecttokens.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, function(param) {
+    var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
+    return "var(".concat(_Selecttokens.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, _Selecttokens.classes.arrowInverse);
+var StyledArrowRight = (0, _styledcomponents.default)(_Icon.IconDisclosureRightCentered).withConfig({
+    displayName: "Item.styles__StyledArrowRight",
+    componentId: "sc-9fbb8f6d-6"
+})([
+    "width:",
+    ";height:",
+    ";transform:rotate(90deg);&.",
+    "{transform:rotate(-90deg);}"
+], function(param) {
+    var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
+    return "var(".concat(_Selecttokens.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, function(param) {
+    var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
+    return "var(".concat(_Selecttokens.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, _Selecttokens.classes.arrowInverse);
+var StyledIconDone = (0, _styledcomponents.default)(_Icon.IconDone).withConfig({
+    displayName: "Item.styles__StyledIconDone",
+    componentId: "sc-9fbb8f6d-7"
+})([
+    "width:",
+    ";height:",
+    ";"
+], function(param) {
+    var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
+    return "var(".concat(_Selecttokens.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, function(param) {
+    var _param_size = param.size, size = _param_size === void 0 ? 'xs' : _param_size;
+    return "var(".concat(_Selecttokens.tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
+});
+var DisclosureIconWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Item.styles__DisclosureIconWrapper",
+    componentId: "sc-9fbb8f6d-8"
+})([
+    "line-height:0;color:var(",
+    ");visibility:",
+    ";&:hover{color:var(",
+    ");}"
+], _Selecttokens.tokens.disclosureIconColor, function(param) {
+    var visibility = param.visibility;
+    return visibility || 'visible';
+}, _Selecttokens.tokens.disclosureIconColorHover);
+var IconWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Item.styles__IconWrapper",
+    componentId: "sc-9fbb8f6d-9"
+})([
+    "display:flex;align-items:center;justify-content:center;flex:none;width:",
+    ";height:",
+    ";line-height:0;color:var(",
+    ");"
+], function(param) {
+    var variant = param.variant;
+    return "var(".concat(variant === 'tight' ? _Selecttokens.tokens.itemIconSizeTight : _Selecttokens.tokens.itemIconSize, ")");
+}, function(param) {
+    var variant = param.variant;
+    return "var(".concat(variant === 'tight' ? _Selecttokens.tokens.itemIconSizeTight : _Selecttokens.tokens.itemIconSize, ")");
+}, _Selecttokens.tokens.itemIconColor);
+var StyledText = _styledcomponents.default.div.withConfig({
+    displayName: "Item.styles__StyledText",
+    componentId: "sc-9fbb8f6d-10"
+})([
+    "",
+    ";flex:1;"
+], (0, _mixins.applyEllipsis)());
+var Wrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Item.styles__Wrapper",
+    componentId: "sc-9fbb8f6d-11"
+})([
+    "display:flex;align-items:center;gap:var(",
+    ");min-height:var(",
+    ");margin:0;box-sizing:content-box;padding:",
+    ";font-family:var(",
+    ");font-size:var(",
+    ");font-style:var(",
+    ");font-weight:var(",
+    ");letter-spacing:var(",
+    ");line-height:var(",
+    ");background-color:var(",
+    ");color:var(--text-primary);border-radius:calc(var(",
+    ") - 0.125rem - var(",
+    ",0rem));user-select:none;background-clip:padding-box;&:hover:not(.",
+    "){cursor:pointer;background-color:var(",
+    ");}&.",
+    "{background-color:var(",
+    ");}&.",
+    "{opacity:var(",
+    ");color:var(",
+    ");cursor:not-allowed;}:focus{outline:none;}",
+    ";"
+], _Selecttokens.tokens.itemGap, _Selecttokens.tokens.itemHeight, function(param) {
+    var variant = param.variant;
+    return "var(".concat(variant === 'tight' ? _Selecttokens.tokens.itemPaddingTight : _Selecttokens.tokens.itemPadding, ")");
+}, _Selecttokens.tokens.fontFamily, _Selecttokens.tokens.fontSize, _Selecttokens.tokens.fontStyle, _Selecttokens.tokens.fontWeight, _Selecttokens.tokens.fontLetterSpacing, _Selecttokens.tokens.fontLineHeight, _Selecttokens.constants.itemBackground, _Selecttokens.tokens.borderRadius, _Selecttokens.tokens.dropdownBorderWidth, _Selecttokens.classes.dropdownItemIsDisabled, _Selecttokens.tokens.itemBackgroundHover, _Selecttokens.classes.dropdownItemIsActive, _Selecttokens.tokens.itemBackgroundHover, _Selecttokens.classes.dropdownItemIsDisabled, _Selecttokens.tokens.itemDisabledOpacity, _Selecttokens.tokens.itemDisabledColor, (0, _mixins.addFocus)({
+    outlineSize: '0',
+    outlineOffset: '0',
+    outlineColor: "var(".concat(_Selecttokens.constants.focusColor, ")"),
+    outlineRadius: "calc(var(".concat(_Selecttokens.tokens.borderRadius, ") - 0.125rem - var(").concat(_Selecttokens.tokens.dropdownBorderWidth, ", 0rem))"),
+    hasTransition: false,
+    customFocusRules: "\n            &.".concat(_Selecttokens.classes.dropdownItemIsFocused, ":before {\n                outline: none;\n                box-shadow: inset 0 0 0 0.0625rem var(").concat(_Selecttokens.constants.focusColor, ");\n            }\n        ")
+}));
+var StyledCheckboxWrapper = _styledcomponents.default.span.withConfig({
+    displayName: "Item.styles__StyledCheckboxWrapper",
+    componentId: "sc-9fbb8f6d-12"
+})([
+    ""
+]);
+var ChildItems = _styledcomponents.default.div.withConfig({
+    displayName: "Item.styles__ChildItems",
+    componentId: "sc-9fbb8f6d-13"
+})([
+    ""
+]);
+var Offset = _styledcomponents.default.div.withConfig({
+    displayName: "Item.styles__Offset",
+    componentId: "sc-9fbb8f6d-14"
+})([
+    "width:calc(",
+    " * var(",
+    "));flex:none;margin-right:calc(var(",
+    ") * -1);"
+], function(param) {
+    var depth = param.depth;
+    return depth || 0;
+}, _Selecttokens.tokens.itemTreeOffsetWidth, _Selecttokens.tokens.itemGap);

package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/styled-components/cjs/components/Select/ui/index.js

@@ -6,6 +6,7 @@ _export_star(require("./Inner/Inner"), exports);
 _export_star(require("./Target/Target"), exports);
 _export_star(require("./VirtualList/VirtualList"), exports);
 _export_star(require("./SelectAll/SelectAll"), exports);
+_export_star(require("./TreeList/TreeList"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js

@@ -65,13 +65,13 @@ function _interop_require_wildcard(obj, nodeInterop) {
 }
 var StyledContent = _styledcomponents.default.div.withConfig({
     displayName: "HorizontalIconTabItem.styles__StyledContent",
-    componentId: "sc-d0381a92-0"
+    componentId: "sc-e37d47fd-0"
 })([
     "display:inline-block;width:fit-content;"
 ]);
 var ActionContent = _styledcomponents.default.div.withConfig({
     displayName: "HorizontalIconTabItem.styles__ActionContent",
-    componentId: "sc-d0381a92-1"
+    componentId: "sc-e37d47fd-1"
 })([
     "display:flex;margin-left:var(",
     ");"
@@ -84,7 +84,7 @@ var base = (0, _styledcomponents.css)([
     ";"
 ], _tokens.tokens.itemContentGap, _tokens.tokens.itemCursorOverNotSelected, _tokens.tokens.itemCursor, (0, _mixins.addFocus)({
     outlineSize: '0.063rem',
-    outlineOffset: '-0.125rem',
+    outlineOffset: '0.063rem',
     outlineColor: "var(".concat(_tokens.tokens.outlineFocusColor, ")"),
     outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
     customFocusRules: "\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    z-index: 1;\n                    outline: none;\n                    box-shadow: 0 0 0 0.063rem var(".concat(_tokens.tokens.outlineFocusColor, ");\n                }\n            }\n        ")

package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js

@@ -74,7 +74,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
 }
 var StyledContent = _styledcomponents.default.div.withConfig({
     displayName: "HorizontalTabItem.styles__StyledContent",
-    componentId: "sc-6029f576-0"
+    componentId: "sc-e4f78c87-0"
 })([
     "display:inline-block;width:fit-content;padding:0 var(",
     ",var(",
@@ -82,7 +82,7 @@ var StyledContent = _styledcomponents.default.div.withConfig({
 ], _tokens.tokens.itemContentPaddingClear, _tokens.tokens.itemContentPadding);
 var TabItemValue = _styledcomponents.default.span.withConfig({
     displayName: "HorizontalTabItem.styles__TabItemValue",
-    componentId: "sc-6029f576-1"
+    componentId: "sc-e4f78c87-1"
 })([
     "color:var(",
     ");font-family:var(",
@@ -101,19 +101,19 @@ var TabItemValue = _styledcomponents.default.span.withConfig({
 ], _tokens.tokens.itemValueColor, _tokens.tokens.valueFontFamily, _tokens.tokens.fontFamily, _tokens.tokens.valueFontSize, _tokens.tokens.fontSize, _tokens.tokens.valueFontStyle, _tokens.tokens.fontStyle, _tokens.tokens.valueFontWeight, _tokens.tokens.fontWeight, _tokens.tokens.valueLetterSpacing, _tokens.tokens.letterSpacing, _tokens.tokens.valueLineHeight, _tokens.tokens.lineHeight);
 var RightContent = _styledcomponents.default.div.withConfig({
     displayName: "HorizontalTabItem.styles__RightContent",
-    componentId: "sc-6029f576-2"
+    componentId: "sc-e4f78c87-2"
 })([
     "display:flex;color:inherit;&:hover{color:inherit;}"
 ]);
 var LeftContent = _styledcomponents.default.div.withConfig({
     displayName: "HorizontalTabItem.styles__LeftContent",
-    componentId: "sc-6029f576-3"
+    componentId: "sc-e4f78c87-3"
 })([
     "display:flex;color:inherit;&:hover{color:inherit;}"
 ]);
 var ActionContent = _styledcomponents.default.div.withConfig({
     displayName: "HorizontalTabItem.styles__ActionContent",
-    componentId: "sc-6029f576-4"
+    componentId: "sc-e4f78c87-4"
 })([
     "display:flex;margin-left:var(",
     ");"
@@ -131,7 +131,7 @@ var base = (0, _styledcomponents.css)([
     "{overflow:hidden;text-overflow:ellipsis;}}"
 ], _tokens.tokens.itemContentGap, _tokens.tokens.itemPaddingClear, _tokens.tokens.itemPadding, _tokens.tokens.itemCursorOverNotSelected, _tokens.tokens.itemCursor, (0, _mixins.addFocus)({
     outlineSize: '0.063rem',
-    outlineOffset: '-0.125rem',
+    outlineOffset: '0.063rem',
     outlineColor: "var(".concat(_tokens.tokens.outlineFocusColor, ")"),
     outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
     customFocusRules: "\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    z-index: 1;\n                    outline: none;\n                    box-shadow: 0 0 0 0.063rem var(".concat(_tokens.tokens.outlineFocusColor, ");\n                }\n            }\n        ")

package/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js

@@ -65,13 +65,13 @@ function _interop_require_wildcard(obj, nodeInterop) {
 }
 var StyledContent = _styledcomponents.default.div.withConfig({
     displayName: "VerticalIconTabItem.styles__StyledContent",
-    componentId: "sc-4febd5c6-0"
+    componentId: "sc-e7e3f81e-0"
 })([
     "display:inline-block;width:fit-content;"
 ]);
 var ActionContent = _styledcomponents.default.div.withConfig({
     displayName: "VerticalIconTabItem.styles__ActionContent",
-    componentId: "sc-4febd5c6-1"
+    componentId: "sc-e7e3f81e-1"
 })([
     "display:flex;margin-left:var(",
     ");"
@@ -84,7 +84,7 @@ var base = (0, _styledcomponents.css)([
     ";"
 ], _tokens.tokens.itemContentGap, _tokens.tokens.itemCursorOverNotSelected, _tokens.tokens.itemCursor, (0, _mixins.addFocus)({
     outlineSize: '0.063rem',
-    outlineOffset: '-0.125rem',
+    outlineOffset: '0.063rem',
     outlineColor: "var(".concat(_tokens.tokens.outlineFocusColor, ")"),
     outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
     customFocusRules: "\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    z-index: 1;\n                    outline: none;\n                    box-shadow: 0 0 0 0.063rem var(".concat(_tokens.tokens.outlineFocusColor, ");\n                }\n            }\n        ")

package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js

@@ -74,7 +74,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
 }
 var StyledContent = _styledcomponents.default.div.withConfig({
     displayName: "VerticalTabItem.styles__StyledContent",
-    componentId: "sc-52a7e18d-0"
+    componentId: "sc-4c636acb-0"
 })([
     "display:inline-block;width:fit-content;padding:0 var(",
     ",var(",
@@ -82,7 +82,7 @@ var StyledContent = _styledcomponents.default.div.withConfig({
 ], _tokens.tokens.itemContentPaddingClear, _tokens.tokens.itemContentPadding);
 var TabItemValue = _styledcomponents.default.span.withConfig({
     displayName: "VerticalTabItem.styles__TabItemValue",
-    componentId: "sc-52a7e18d-1"
+    componentId: "sc-4c636acb-1"
 })([
     "white-space:nowrap;color:var(",
     ");font-family:var(",
@@ -101,19 +101,19 @@ var TabItemValue = _styledcomponents.default.span.withConfig({
 ], _tokens.tokens.itemValueColor, _tokens.tokens.valueFontFamily, _tokens.tokens.fontFamily, _tokens.tokens.valueFontSize, _tokens.tokens.fontSize, _tokens.tokens.valueFontStyle, _tokens.tokens.fontStyle, _tokens.tokens.valueFontWeight, _tokens.tokens.fontWeight, _tokens.tokens.valueLetterSpacing, _tokens.tokens.letterSpacing, _tokens.tokens.valueLineHeight, _tokens.tokens.lineHeight);
 var RightContent = _styledcomponents.default.div.withConfig({
     displayName: "VerticalTabItem.styles__RightContent",
-    componentId: "sc-52a7e18d-2"
+    componentId: "sc-4c636acb-2"
 })([
     "display:flex;color:inherit;&:hover{color:inherit;}"
 ]);
 var LeftContent = _styledcomponents.default.div.withConfig({
     displayName: "VerticalTabItem.styles__LeftContent",
-    componentId: "sc-52a7e18d-3"
+    componentId: "sc-4c636acb-3"
 })([
     "display:flex;color:inherit;&:hover{color:inherit;}"
 ]);
 var ActionContent = _styledcomponents.default.div.withConfig({
     displayName: "VerticalTabItem.styles__ActionContent",
-    componentId: "sc-52a7e18d-4"
+    componentId: "sc-4c636acb-4"
 })([
     "display:flex;margin-left:var(",
     ");"
@@ -130,7 +130,7 @@ var base = (0, _styledcomponents.css)([
     "{overflow:hidden;text-overflow:ellipsis;}}"
 ], _tokens.tokens.itemContentGap, _tokens.tokens.itemPaddingOrientationVertical, _tokens.tokens.itemCursorOverNotSelected, _tokens.tokens.itemCursor, (0, _mixins.addFocus)({
     outlineSize: '0.063rem',
-    outlineOffset: '-0.125rem',
+    outlineOffset: '0.063rem',
     outlineColor: "var(".concat(_tokens.tokens.outlineFocusColor, ")"),
     outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
     customFocusRules: "\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    z-index: 1;\n                    outline: none;\n                    box-shadow: 0 0 0 0.063rem var(".concat(_tokens.tokens.outlineFocusColor, ");\n                }\n            }\n        ")