@salutejs/plasma-new-hope 0.335.0-canary.2199.17384366399.0 → 0.335.0-canary.2203.17432366342.0

package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js

@@ -1,16 +1,17 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useRef, useContext, useEffect, useLayoutEffect, useCallback } from 'react';
+import React, { forwardRef, useRef, useContext } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
 import { classes } from '../../../tokens.js';
 import { cx } from '../../../../../utils/index.js';
 import { TabsContext } from '../../../TabsContext.js';
+import { useTabItem } from '../../../hooks/useTabItem.js';
 import { base as base$2 } from './variations/_view/base.js';
 import { base as base$1 } from './variations/_size/base.js';
 import { base as base$4 } from './variations/_pilled/base.js';
 import { base as base$3 } from './variations/_disabled/base.js';
-import { LeftContent, StyledContent, TabItemValue, RightContent, base } from './HorizontalTabItem.styles.js';
+import { LeftContent, StyledContent, TabItemValue, RightContent, ActionContent, base } from './HorizontalTabItem.styles.js';
 
-var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "value", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick", "maxItemWidth"];
+var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "value", "contentLeft", "contentRight", "actionContent", "animated", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick", "maxItemWidth"];
 var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, outerRef) {
     var size = props.size,
@@ -25,6 +26,7 @@ var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
       value = props.value,
       contentLeft = props.contentLeft,
       contentRight = props.contentRight,
+      actionContent = props.actionContent,
       _props$animated = props.animated,
       animated = _props$animated === void 0 ? true : _props$animated,
       onIndexChange = props.onIndexChange,
@@ -44,61 +46,20 @@ var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
     var pilledClass = pilledAttr ? classes.tabsPilled : undefined;
     var selectedClass = isActive || selected ? classes.selectedTabsItem : undefined;
     var truncateClass = maxWidth !== 'auto' ? classes.tabsTruncate : undefined;
-    var hasKeyNavigation = itemIndex !== undefined && onIndexChange !== undefined;
-    var navigationTabIndex = !disabled && (refs === null || refs === void 0 ? void 0 : refs.current) === itemIndex ? 0 : -1;
-    useEffect(function () {
-      if (!refs) {
-        return;
-      }
-      refs.register(innerRef);
-      return function () {
-        return refs.unregister(innerRef);
-      };
-    }, [refs]);
-    useLayoutEffect(function () {
-      var _innerRef$current$par;
-      if (!selected || !innerRef.current) {
-        return;
-      }
-      var scrollEl = (_innerRef$current$par = innerRef.current.parentElement) === null || _innerRef$current$par === void 0 ? void 0 : _innerRef$current$par.parentElement;
-      if (!scrollEl) {
-        return;
-      }
-      var scrollElStyle = getComputedStyle(scrollEl);
-      scrollEl.scrollTo({
-        left: innerRef.current.offsetLeft - parseInt(scrollElStyle.paddingLeft, 10)
-      });
-    }, [selected]);
-    var onItemFocus = useCallback(function (event) {
-      if (disabled) {
-        return;
-      }
-      if (!hasKeyNavigation && innerRef !== null && innerRef !== void 0 && innerRef.current) {
-        innerRef.current.scrollTo({
-          top: 0,
-          left: innerRef.current.offsetLeft,
-          behavior: 'smooth'
-        });
-        return;
-      }
-      if (!refs) {
-        return;
-      }
-      var focusIndex = refs.items.findIndex(function (itemRef) {
-        return itemRef.current === event.target;
-      });
-      if (focusIndex === refs.current) {
-        return;
-      }
-      onIndexChange === null || onIndexChange === void 0 || onIndexChange(focusIndex);
-      refs.setCurrent(focusIndex);
-    }, [refs, innerRef, onIndexChange, disabled]);
-    var handleClick = function handleClick(event) {
-      if (!onClick) {
-        return;
-      }
-      onClick(event);
-    };
+    var _useTabItem = useTabItem({
+        refs: refs,
+        innerRef: innerRef,
+        itemIndex: itemIndex,
+        selected: selected,
+        disabled: disabled,
+        onIndexChange: onIndexChange,
+        onClick: onClick,
+        orientation: rest.orientation
+      }),
+      hasKeyNavigation = _useTabItem.hasKeyNavigation,
+      navigationTabIndex = _useTabItem.navigationTabIndex,
+      onItemFocus = _useTabItem.onItemFocus,
+      handleClick = _useTabItem.handleClick;
     return /*#__PURE__*/React.createElement(Root, _extends({
       ref: ref,
       disabled: disabled,
@@ -122,7 +83,7 @@ var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
       className: classes.tabContent
     }, children), !contentRight && value && /*#__PURE__*/React.createElement(TabItemValue, null, value), !value && contentRight && /*#__PURE__*/React.createElement(RightContent, {
       className: classes.tabRightContent
-    }, contentRight)));
+    }, contentRight), actionContent && /*#__PURE__*/React.createElement(ActionContent, null, actionContent)));
   });
 };
 var horizontalTabItemConfig = {

package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalTabItem.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useContext, useEffect, useCallback, useLayoutEffect } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../../../engines';\nimport { classes } from '../../../tokens';\nimport { cx } from '../../../../../utils';\nimport { TabsContext } from '../../../TabsContext';\nimport { HorizontalTabItemProps } from '../../../TabItem.types';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { LeftContent, RightContent, StyledContent, TabItemValue, base } from './HorizontalTabItem.styles';\n\nexport const horizontalTabItemRoot = (Root: RootProps<HTMLDivElement, HorizontalTabItemProps>) =>\n    forwardRef<HTMLDivElement, HorizontalTabItemProps>((props, outerRef) => {\n        const {\n            size,\n            view,\n            isActive,\n            selected,\n            disabled = false,\n            pilled = false,\n            children,\n            value,\n            contentLeft,\n            contentRight,\n            animated = true,\n            onIndexChange,\n            itemIndex,\n            tabIndex,\n            className,\n            onClick,\n            maxItemWidth: maxWidth = 'auto',\n            ...rest\n        } = props;\n\n        const innerRef = useRef<HTMLDivElement>(null);\n        const ref = useForkRef(outerRef, innerRef);\n        const refs = useContext(TabsContext);\n\n        const role = 'tab';\n\n        const pilledAttr = view !== 'clear' && pilled;\n        const animatedClass = animated ? classes.tabItemAnimated : undefined;\n        const pilledClass = pilledAttr ? classes.tabsPilled : undefined;\n        const selectedClass = isActive || selected ? classes.selectedTabsItem : undefined;\n        const truncateClass = maxWidth !== 'auto' ? classes.tabsTruncate : undefined;\n\n        const hasKeyNavigation = itemIndex !== undefined && onIndexChange !== undefined;\n        const navigationTabIndex = !disabled && refs?.current === itemIndex ? 0 : -1;\n\n        useEffect(() => {\n            if (!refs) {\n                return;\n            }\n\n            refs.register(innerRef);\n\n            return () => refs.unregister(innerRef);\n        }, [refs]);\n\n        useLayoutEffect(() => {\n            if (!selected || !innerRef.current) {\n                return;\n            }\n\n            const scrollEl = innerRef.current.parentElement?.parentElement;\n            if (!scrollEl) {\n                return;\n            }\n\n            const scrollElStyle = getComputedStyle(scrollEl);\n            scrollEl.scrollTo({\n                left: innerRef.current.offsetLeft - parseInt(scrollElStyle.paddingLeft, 10),\n            });\n        }, [selected]);\n\n        const onItemFocus = useCallback<React.FocusEventHandler>(\n            (event) => {\n                if (disabled) {\n                    return;\n                }\n\n                if (!hasKeyNavigation && innerRef?.current) {\n                    innerRef.current.scrollTo({\n                        top: 0,\n                        left: innerRef.current.offsetLeft,\n                        behavior: 'smooth',\n                    });\n\n                    return;\n                }\n\n                if (!refs) {\n                    return;\n                }\n\n                const focusIndex = refs.items.findIndex((itemRef) => itemRef.current === event.target);\n\n                if (focusIndex === refs.current) {\n                    return;\n                }\n\n                onIndexChange?.(focusIndex);\n                refs.setCurrent(focusIndex);\n            },\n            [refs, innerRef, onIndexChange, disabled],\n        );\n\n        const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            if (!onClick) {\n                return;\n            }\n\n            onClick(event);\n        };\n\n        return (\n            <Root\n                ref={ref}\n                disabled={disabled}\n                pilled={pilled}\n                role={role}\n                view={view}\n                // TODO: убрать каст any, когда будут удалены deprecated props\n                size={size as any}\n                onFocus={onItemFocus}\n                tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n                className={cx(pilledClass, selectedClass, animatedClass, truncateClass, className)}\n                onClick={handleClick}\n                {...rest}\n                style={{\n                    ...rest.style,\n                    maxWidth,\n                }}\n            >\n                <>\n                    {contentLeft && <LeftContent className={classes.tabLeftContent}>{contentLeft}</LeftContent>}\n                    <StyledContent className={classes.tabContent}>{children}</StyledContent>\n                    {!contentRight && value && <TabItemValue>{value}</TabItemValue>}\n                    {!value && contentRight && (\n                        <RightContent className={classes.tabRightContent}>{contentRight}</RightContent>\n                    )}\n                </>\n            </Root>\n        );\n    });\n\nexport const horizontalTabItemConfig = {\n    name: 'HorizontalTabItem',\n    tag: 'button',\n    layout: horizontalTabItemRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        pilled: {\n            css: pilledCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["horizontalTabItemRoot","Root","forwardRef","props","outerRef","size","view","isActive","selected","_props$disabled","disabled","_props$pilled","pilled","children","value","contentLeft","contentRight","_props$animated","animated","onIndexChange","itemIndex","tabIndex","className","onClick","_props$maxItemWidth","maxItemWidth","maxWidth","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","pilledAttr","animatedClass","classes","tabItemAnimated","undefined","pilledClass","tabsPilled","selectedClass","selectedTabsItem","truncateClass","tabsTruncate","hasKeyNavigation","navigationTabIndex","current","useEffect","register","unregister","useLayoutEffect","_innerRef$current$par","scrollEl","parentElement","scrollElStyle","getComputedStyle","scrollTo","left","offsetLeft","parseInt","paddingLeft","onItemFocus","useCallback","event","top","behavior","focusIndex","items","findIndex","itemRef","target","setCurrent","handleClick","React","createElement","_extends","onFocus","cx","style","_objectSpread","Fragment","LeftContent","tabLeftContent","StyledContent","tabContent","TabItemValue","RightContent","tabRightContent","horizontalTabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"HorizontalTabItem.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useContext } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../../../engines';\nimport { classes } from '../../../tokens';\nimport { cx } from '../../../../../utils';\nimport { TabsContext } from '../../../TabsContext';\nimport { HorizontalTabItemProps } from '../../../TabItem.types';\nimport { useTabItem, UseTabItemProps } from '../../../hooks/useTabItem';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport {\n    ActionContent,\n    LeftContent,\n    RightContent,\n    StyledContent,\n    TabItemValue,\n    base,\n} from './HorizontalTabItem.styles';\n\nexport const horizontalTabItemRoot = (Root: RootProps<HTMLButtonElement, HorizontalTabItemProps>) =>\n    forwardRef<HTMLButtonElement, HorizontalTabItemProps>((props, outerRef) => {\n        const {\n            size,\n            view,\n            isActive,\n            selected,\n            disabled = false,\n            pilled = false,\n            children,\n            value,\n            contentLeft,\n            contentRight,\n            actionContent,\n            animated = true,\n            onIndexChange,\n            itemIndex,\n            tabIndex,\n            className,\n            onClick,\n            maxItemWidth: maxWidth = 'auto',\n            ...rest\n        } = props;\n\n        const innerRef = useRef<HTMLButtonElement>(null);\n        const ref = useForkRef(outerRef, innerRef);\n        const refs = useContext(TabsContext);\n\n        const role = 'tab';\n\n        const pilledAttr = view !== 'clear' && pilled;\n        const animatedClass = animated ? classes.tabItemAnimated : undefined;\n        const pilledClass = pilledAttr ? classes.tabsPilled : undefined;\n\n        const selectedClass = isActive || selected ? classes.selectedTabsItem : undefined;\n        const truncateClass = maxWidth !== 'auto' ? classes.tabsTruncate : undefined;\n\n        const { hasKeyNavigation, navigationTabIndex, onItemFocus, handleClick } = useTabItem({\n            refs,\n            innerRef,\n            itemIndex,\n            selected,\n            disabled,\n            onIndexChange,\n            onClick,\n\n            orientation: rest.orientation as UseTabItemProps['orientation'],\n        });\n\n        return (\n            <Root\n                ref={ref}\n                disabled={disabled}\n                pilled={pilled}\n                role={role}\n                view={view}\n                // TODO: убрать каст any, когда будут удалены deprecated props\n                size={size as any}\n                onFocus={onItemFocus}\n                tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n                className={cx(pilledClass, selectedClass, animatedClass, truncateClass, className)}\n                onClick={handleClick}\n                {...rest}\n                style={{\n                    ...rest.style,\n                    maxWidth,\n                }}\n            >\n                <>\n                    {contentLeft && <LeftContent className={classes.tabLeftContent}>{contentLeft}</LeftContent>}\n                    <StyledContent className={classes.tabContent}>{children}</StyledContent>\n                    {!contentRight && value && <TabItemValue>{value}</TabItemValue>}\n                    {!value && contentRight && (\n                        <RightContent className={classes.tabRightContent}>{contentRight}</RightContent>\n                    )}\n                    {actionContent && <ActionContent>{actionContent}</ActionContent>}\n                </>\n            </Root>\n        );\n    });\n\nexport const horizontalTabItemConfig = {\n    name: 'HorizontalTabItem',\n    tag: 'button',\n    layout: horizontalTabItemRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        pilled: {\n            css: pilledCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["horizontalTabItemRoot","Root","forwardRef","props","outerRef","size","view","isActive","selected","_props$disabled","disabled","_props$pilled","pilled","children","value","contentLeft","contentRight","actionContent","_props$animated","animated","onIndexChange","itemIndex","tabIndex","className","onClick","_props$maxItemWidth","maxItemWidth","maxWidth","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","pilledAttr","animatedClass","classes","tabItemAnimated","undefined","pilledClass","tabsPilled","selectedClass","selectedTabsItem","truncateClass","tabsTruncate","_useTabItem","useTabItem","orientation","hasKeyNavigation","navigationTabIndex","onItemFocus","handleClick","React","createElement","_extends","onFocus","cx","style","_objectSpread","Fragment","LeftContent","tabLeftContent","StyledContent","tabContent","TabItemValue","RightContent","tabRightContent","ActionContent","horizontalTabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","defaults"],"mappings":"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"}

package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js

@@ -1,4 +1,4 @@
-import './HorizontalTabItem.styles_1oadm5t.css';
+import './HorizontalTabItem.styles_ohczvf.css';
 import { styled } from '@linaria/react';
 
 var StyledContent = /*#__PURE__*/styled('div')({
@@ -21,7 +21,12 @@ var LeftContent = /*#__PURE__*/styled('div')({
   "class": "l13nweg3",
   propsAsIs: false
 });
-var base = "b1iip2sx";
+var ActionContent = /*#__PURE__*/styled('div')({
+  name: "ActionContent",
+  "class": "a1iip2sx",
+  propsAsIs: false
+});
+var base = "bn8jkwb";
 
-export { LeftContent, RightContent, StyledContent, TabItemValue, base };
+export { ActionContent, LeftContent, RightContent, StyledContent, TabItemValue, base };
 //# sourceMappingURL=HorizontalTabItem.styles.js.map

package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../../mixins';\nimport { classes, tokens } from '../../../tokens';\n\nexport const StyledContent = styled.div`\n    display: inline-block;\n    width: fit-content;\n\n    padding: 0 var(${tokens.itemContentPaddingClear}, var(${tokens.itemContentPadding}));\n`;\n\nexport const TabItemValue = styled.span`\n    color: var(${tokens.itemValueColor});\n\n    font-family: var(${tokens.valueFontFamily}, var(${tokens.fontFamily}));\n    font-size: var(${tokens.valueFontSize}, var(${tokens.fontSize}));\n    font-style: var(${tokens.valueFontStyle}, var(${tokens.fontStyle}));\n    font-weight: var(${tokens.valueFontWeight}, var(${tokens.fontWeight}));\n    letter-spacing: var(${tokens.valueLetterSpacing}, var(${tokens.letterSpacing}));\n    line-height: var(${tokens.valueLineHeight}, var(${tokens.lineHeight}));\n`;\n\nexport const RightContent = styled.div`\n    display: flex;\n    color: inherit;\n\n    &:hover {\n        color: inherit;\n    }\n`;\n\nexport const LeftContent = styled.div`\n    display: flex;\n    color: inherit;\n\n    &:hover {\n        color: inherit;\n    }\n`;\n\nexport const base = css`\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(${tokens.itemContentGap});\n\n    padding: var(${tokens.itemPaddingClear}, var(${tokens.itemPadding}));\n\n    appearance: none;\n    border: none;\n    outline: none;\n    cursor: var(${tokens.itemCursorOverNotSelected}, var(${tokens.itemCursor}));\n    white-space: nowrap;\n    box-sizing: border-box;\n\n    -webkit-tap-highlight-color: transparent;\n\n    &:first-child {\n        margin-left: 0;\n    }\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.outlineFocusColor})`,\n        outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',\n        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(${tokens.outlineFocusColor});\n                }\n            }\n        `,\n    })};\n\n    &.${classes.tabsTruncate} {\n        ${StyledContent} {\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        ${TabItemValue} {\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n    }\n`;\n"],"names":["StyledContent","styled","name","class","propsAsIs","TabItemValue","RightContent","LeftContent","base"],"mappings":";;AAMO,IAAMA,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKlC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CASjC,EAAA;AAEM,IAAME,YAAY,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOjC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOhC,EAAA;AAEM,IAAMI,IAAI,GAmDhB;;;;"}
+{"version":3,"file":"HorizontalTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../../mixins';\nimport { classes, tokens } from '../../../tokens';\n\nexport const StyledContent = styled.div`\n    display: inline-block;\n    width: fit-content;\n\n    padding: 0 var(${tokens.itemContentPaddingClear}, var(${tokens.itemContentPadding}));\n`;\n\nexport const TabItemValue = styled.span`\n    color: var(${tokens.itemValueColor});\n\n    font-family: var(${tokens.valueFontFamily}, var(${tokens.fontFamily}));\n    font-size: var(${tokens.valueFontSize}, var(${tokens.fontSize}));\n    font-style: var(${tokens.valueFontStyle}, var(${tokens.fontStyle}));\n    font-weight: var(${tokens.valueFontWeight}, var(${tokens.fontWeight}));\n    letter-spacing: var(${tokens.valueLetterSpacing}, var(${tokens.letterSpacing}));\n    line-height: var(${tokens.valueLineHeight}, var(${tokens.lineHeight}));\n`;\n\nexport const RightContent = styled.div`\n    display: flex;\n    color: inherit;\n\n    &:hover {\n        color: inherit;\n    }\n`;\n\nexport const LeftContent = styled.div`\n    display: flex;\n    color: inherit;\n\n    &:hover {\n        color: inherit;\n    }\n`;\n\nexport const ActionContent = styled.div`\n    display: flex;\n    margin-left: var(${tokens.actionContentMarginLeft});\n`;\n\nexport const base = css`\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(${tokens.itemContentGap});\n\n    padding: var(${tokens.itemPaddingClear}, var(${tokens.itemPadding}));\n\n    appearance: none;\n    border: none;\n    outline: none;\n    cursor: var(${tokens.itemCursorOverNotSelected}, var(${tokens.itemCursor}));\n    white-space: nowrap;\n    box-sizing: border-box;\n\n    -webkit-tap-highlight-color: transparent;\n\n    &:first-child {\n        margin-left: 0;\n    }\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.outlineFocusColor})`,\n        outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',\n        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(${tokens.outlineFocusColor});\n                }\n            }\n        `,\n    })};\n\n    &.${classes.tabsTruncate} {\n        ${StyledContent} {\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        ${TabItemValue} {\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n    }\n`;\n"],"names":["StyledContent","styled","name","class","propsAsIs","TabItemValue","RightContent","LeftContent","ActionContent","base"],"mappings":";;AAMO,IAAMA,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKlC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CASjC,EAAA;AAEM,IAAME,YAAY,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOjC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAOhC,EAAA;AAEM,IAAMI,aAAa,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGlC,EAAA;AAEM,IAAMK,IAAI,GAmDhB;;;;"}

package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_ohczvf.css

@@ -0,0 +1,6 @@
+.skuum0w{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
+.t1l5e9z0{color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
+.r1nh4m12{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.r1nh4m12:hover{color:inherit;}
+.l13nweg3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.l13nweg3:hover{color:inherit;}
+.a1iip2sx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
+.bn8jkwb{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.bn8jkwb:first-child{margin-left:0;}.bn8jkwb::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.bn8jkwb.focus-visible:focus::before,.bn8jkwb[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.bn8jkwb.tabs-truncate .skuum0w{overflow:hidden;text-overflow:ellipsis;}.bn8jkwb.tabs-truncate .t1l5e9z0{overflow:hidden;text-overflow:ellipsis;}

package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js

@@ -182,7 +182,7 @@ var horizontalTabsRoot = function horizontalTabsRoot(Root) {
     useLayoutEffect(function () {
       var _scrollRef$current, _scrollRef$current2;
       setLastItemVisible(((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollWidth) === ((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.clientWidth));
-    }, []);
+    }, [clip]);
 
     // Этот хук компенсирует появление левой стрелки при прокрутке
     useLayoutEffect(function () {
@@ -209,13 +209,13 @@ var horizontalTabsRoot = function horizontalTabsRoot(Root) {
       disabled: disabled,
       className: cx(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass, noDividerClass, className),
       onKeyDown: onKeyDown
-    }, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/React.createElement(StyledContentWrapper, {
+    }, rest), !firstItemVisible && clip === 'scroll' && PreviousButton, /*#__PURE__*/React.createElement(StyledContentWrapper, {
       className: cx(clipScrollClass, clipShowAllClass),
       ref: scrollRef,
       onScroll: handleScroll
     }, /*#__PURE__*/React.createElement(StyledContent, {
       ref: trackRef
-    }, children)), !lastItemVisible && NextButton));
+    }, children)), !lastItemVisible && clip === 'scroll' && NextButton));
   });
 };
 var horizontalTabsConfig = {

package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalTabs.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState, useRef, KeyboardEvent, useLayoutEffect } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { cx, safeUseId } from 'src/utils';\nimport type { RootProps } from 'src/engines/types';\n\nimport { IconDisclosureLeft, IconDisclosureRight } from '../../../../_Icon';\nimport { classes } from '../../../tokens';\nimport { TabItemRefs, TabsContext } from '../../../TabsContext';\nimport type { HorizontalTabsProps } from '../../../Tabs.types';\nimport { getFirstOverflowingTab, getLastOverflowingTab } from '../../../utils';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as stretchCSS } from './variations/_stretch/base';\nimport { StyledArrow, StyledContent, StyledContentWrapper, base } from './HorizontalTabs.styles';\n\nenum Keys {\n    end = 35,\n    home = 36,\n    left = 37,\n    right = 39,\n}\n\nconst getIconSize = (size?: string) => {\n    return size === 'h1' || size === 'h2' ? 'm' : 's';\n};\n\n// TODO: https://github.com/salute-developers/plasma/issues/1474\nexport const horizontalTabsRoot = (Root: RootProps<HTMLDivElement, HorizontalTabsProps>) =>\n    forwardRef<HTMLDivElement, HorizontalTabsProps>((props, outerRef) => {\n        const {\n            id,\n            stretch = false,\n            disabled = false,\n            clip = 'scroll',\n            size,\n            view,\n            children,\n            pilled = false,\n            index,\n            className,\n            hasDivider = true,\n            ...rest\n        } = props;\n        const [firstItemVisible, setFirstItemVisible] = useState(true);\n        const [lastItemVisible, setLastItemVisible] = useState(false);\n\n        // Триггер доп. скролла при появлении левой стрелки, которая отъедает ширину scroll-контейнера\n        const [shouldTriggerAdditionalScroll, setShouldTriggerAdditionalScroll] = useState(false);\n\n        const refs = useMemo(() => new TabItemRefs(index), []);\n\n        const uniqId = safeUseId();\n        const tabsId = id || uniqId;\n\n        const isFilled = view === 'filled'; // outer padding is only for filled view\n        const pilledAttr = view !== 'clear' && pilled;\n        const pilledClass = pilledAttr ? classes.tabsPilled : undefined;\n\n        const noDividerClass = !hasDivider ? classes.tabsNoDivider : undefined;\n        const stretchClass = firstItemVisible && lastItemVisible && stretch ? classes.tabsStretch : undefined;\n        const hasLeftArrowClass = !firstItemVisible ? classes.tabsHasLeftArrow : undefined;\n        const hasRightArrowClass = !lastItemVisible ? classes.tabsHasRightArrow : undefined;\n        const clipScrollClass = clip === 'scroll' ? classes.tabsClipScroll : undefined;\n        const clipShowAllClass = clip === 'showAll' ? classes.tabsClipShowAll : undefined;\n\n        const scrollRef = useRef<HTMLElement | null>(null);\n        const trackRef = useRef<HTMLElement | null>(null);\n        const leftArrowRef = useRef<HTMLButtonElement | null>(null);\n\n        const onPrev = useCallback(() => {\n            if (disabled || !scrollRef.current) {\n                return;\n            }\n\n            const { scrollLeft } = scrollRef.current;\n            const firstOverflowingTab = getFirstOverflowingTab(\n                refs.items.slice().reverse(),\n                scrollLeft,\n                rest.orientation,\n            );\n\n            if (!firstOverflowingTab?.current) {\n                return;\n            }\n\n            const scrollElStyle = getComputedStyle(scrollRef.current);\n            scrollRef.current.scrollTo({\n                left: firstOverflowingTab.current.offsetLeft - parseInt(scrollElStyle.paddingLeft, 10),\n            });\n        }, [disabled, scrollRef, refs]);\n\n        const onNext = useCallback(() => {\n            if (disabled || !scrollRef.current) {\n                return;\n            }\n\n            const scrollRight = Math.round(scrollRef.current.scrollLeft + scrollRef.current.clientWidth);\n            const lastOverflowingTab = getLastOverflowingTab(refs.items, scrollRight, rest.orientation);\n\n            if (!lastOverflowingTab?.current) {\n                return;\n            }\n\n            if (firstItemVisible) {\n                setShouldTriggerAdditionalScroll(true);\n            }\n\n            const scrollElStyle = getComputedStyle(scrollRef.current);\n            scrollRef.current.scrollTo({\n                left: Math.round(\n                    lastOverflowingTab.current.offsetLeft +\n                        lastOverflowingTab.current.offsetWidth -\n                        scrollRef.current.clientWidth +\n                        parseInt(scrollElStyle.paddingRight, 10),\n                ),\n            });\n        }, [firstItemVisible, disabled, scrollRef, refs]);\n\n        const PreviousButton = useMemo(\n            () => (\n                <StyledArrow\n                    type=\"button\"\n                    aria-label=\"Предыдущий таб\"\n                    onClick={onPrev}\n                    tabIndex={disabled ? -1 : 0}\n                    disabled={disabled}\n                    isFilled={isFilled}\n                    ref={leftArrowRef}\n                    isLeftArrow\n                >\n                    <IconDisclosureLeft size={getIconSize(size)} color=\"inherit\" />\n                </StyledArrow>\n            ),\n            [onPrev, size, disabled, isFilled],\n        );\n\n        const NextButton = useMemo(\n            () => (\n                <StyledArrow\n                    type=\"button\"\n                    aria-label=\"Следующий таб\"\n                    onClick={onNext}\n                    tabIndex={disabled ? -1 : 0}\n                    disabled={disabled}\n                    isFilled={isFilled}\n                >\n                    <IconDisclosureRight size={getIconSize(size)} color=\"inherit\" />\n                </StyledArrow>\n            ),\n            [onNext, size, disabled, isFilled],\n        );\n\n        const handleScroll = useCallback(\n            (event: React.UIEvent<HTMLElement>): void => {\n                event.stopPropagation();\n                const scrollElStyle = getComputedStyle(event.currentTarget);\n                const minScrollLeft = parseInt(scrollElStyle.paddingLeft, 10);\n                const maxScrollLeft =\n                    event.currentTarget.scrollWidth -\n                    event.currentTarget.clientWidth -\n                    parseInt(scrollElStyle.paddingRight, 10);\n                const scrollLeft = Math.round(event.currentTarget.scrollLeft);\n\n                setFirstItemVisible(scrollLeft <= minScrollLeft);\n                setLastItemVisible(scrollLeft >= maxScrollLeft);\n            },\n            [setFirstItemVisible, setLastItemVisible],\n        );\n\n        const onKeyDown = useCallback(\n            (event: KeyboardEvent<HTMLDivElement>) => {\n                if (index === undefined) {\n                    return;\n                }\n\n                const minIndex = 0;\n                const maxIndex = refs.items.length - 1;\n                let nextIndex: number;\n\n                switch (event.keyCode) {\n                    case Keys.end:\n                        nextIndex = maxIndex;\n                        break;\n                    case Keys.left:\n                        nextIndex = index > minIndex ? index - 1 : index;\n                        break;\n                    case Keys.right:\n                        nextIndex = index < maxIndex ? index + 1 : index;\n                        break;\n                    case Keys.home:\n                        nextIndex = minIndex;\n                        break;\n                    default:\n                        return;\n                }\n\n                if (nextIndex !== index) {\n                    event.preventDefault();\n                    refs.items[nextIndex].current?.focus();\n                    refs.items[nextIndex].current?.scrollIntoView({\n                        block: 'nearest',\n                        inline: 'center',\n                        behavior: 'smooth',\n                    });\n                }\n            },\n            [index],\n        );\n\n        useLayoutEffect(() => {\n            setLastItemVisible(scrollRef.current?.scrollWidth === scrollRef.current?.clientWidth);\n        }, []);\n\n        // Этот хук компенсирует появление левой стрелки при прокрутке\n        useLayoutEffect(() => {\n            if (firstItemVisible || !shouldTriggerAdditionalScroll || !scrollRef.current || !leftArrowRef.current) {\n                return;\n            }\n            const style = getComputedStyle(scrollRef.current);\n            scrollRef.current.scrollTo({\n                left: Math.round(\n                    scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth + parseInt(style.paddingLeft, 10),\n                ),\n            });\n            setShouldTriggerAdditionalScroll(false);\n        }, [firstItemVisible, shouldTriggerAdditionalScroll, scrollRef, leftArrowRef]);\n\n        return (\n            <TabsContext.Provider value={refs}>\n                <Root\n                    view={view}\n                    role=\"tablist\"\n                    // TODO: убрать каст any, когда будут удалены deprecated props\n                    size={size as any}\n                    pilled={pilled}\n                    id={tabsId}\n                    ref={outerRef}\n                    disabled={disabled}\n                    className={cx(\n                        pilledClass,\n                        stretchClass,\n                        hasLeftArrowClass,\n                        hasRightArrowClass,\n                        noDividerClass,\n                        className,\n                    )}\n                    onKeyDown={onKeyDown}\n                    {...rest}\n                >\n                    {!firstItemVisible && PreviousButton}\n                    <StyledContentWrapper\n                        className={cx(clipScrollClass, clipShowAllClass)}\n                        ref={scrollRef as MutableRefObject<HTMLDivElement | null>}\n                        onScroll={handleScroll}\n                    >\n                        <StyledContent ref={trackRef as MutableRefObject<HTMLDivElement | null>}>\n                            {children}\n                        </StyledContent>\n                    </StyledContentWrapper>\n                    {!lastItemVisible && NextButton}\n                </Root>\n            </TabsContext.Provider>\n        );\n    });\n\nexport const horizontalTabsConfig = {\n    name: 'HorizontalTabs',\n    tag: 'div',\n    layout: horizontalTabsRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        stretch: {\n            css: stretchCSS,\n            attrs: true,\n        },\n        pilled: {\n            css: pilledCSS,\n        },\n    },\n    defaults: {\n        view: 'clear',\n        size: 'xs',\n    },\n};\n"],"names":["Keys","getIconSize","size","horizontalTabsRoot","Root","forwardRef","props","outerRef","id","_props$stretch","stretch","_props$disabled","disabled","_props$clip","clip","view","children","_props$pilled","pilled","index","className","_props$hasDivider","hasDivider","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","firstItemVisible","setFirstItemVisible","_useState3","_useState4","lastItemVisible","setLastItemVisible","_useState5","_useState6","shouldTriggerAdditionalScroll","setShouldTriggerAdditionalScroll","refs","useMemo","TabItemRefs","uniqId","safeUseId","tabsId","isFilled","pilledAttr","pilledClass","classes","tabsPilled","undefined","noDividerClass","tabsNoDivider","stretchClass","tabsStretch","hasLeftArrowClass","tabsHasLeftArrow","hasRightArrowClass","tabsHasRightArrow","clipScrollClass","tabsClipScroll","clipShowAllClass","tabsClipShowAll","scrollRef","useRef","trackRef","leftArrowRef","onPrev","useCallback","current","scrollLeft","firstOverflowingTab","getFirstOverflowingTab","items","slice","reverse","orientation","scrollElStyle","getComputedStyle","scrollTo","left","offsetLeft","parseInt","paddingLeft","onNext","scrollRight","Math","round","clientWidth","lastOverflowingTab","getLastOverflowingTab","offsetWidth","paddingRight","PreviousButton","React","createElement","StyledArrow","type","onClick","tabIndex","ref","isLeftArrow","IconDisclosureLeft","color","NextButton","IconDisclosureRight","handleScroll","event","stopPropagation","currentTarget","minScrollLeft","maxScrollLeft","scrollWidth","onKeyDown","minIndex","maxIndex","length","nextIndex","keyCode","end","right","home","_refs$items$nextIndex","_refs$items$nextIndex2","preventDefault","focus","scrollIntoView","block","inline","behavior","useLayoutEffect","_scrollRef$current","_scrollRef$current2","style","TabsContext","Provider","value","_extends","role","cx","StyledContentWrapper","onScroll","StyledContent","horizontalTabsConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","stretchCSS","pilledCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"HorizontalTabs.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState, useRef, KeyboardEvent, useLayoutEffect } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { cx, safeUseId } from 'src/utils';\nimport type { RootProps } from 'src/engines/types';\n\nimport { IconDisclosureLeft, IconDisclosureRight } from '../../../../_Icon';\nimport { classes } from '../../../tokens';\nimport { TabItemRefs, TabsContext } from '../../../TabsContext';\nimport type { HorizontalTabsProps } from '../../../Tabs.types';\nimport { getFirstOverflowingTab, getLastOverflowingTab } from '../../../utils';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as stretchCSS } from './variations/_stretch/base';\nimport { StyledArrow, StyledContent, StyledContentWrapper, base } from './HorizontalTabs.styles';\n\nenum Keys {\n    end = 35,\n    home = 36,\n    left = 37,\n    right = 39,\n}\n\nconst getIconSize = (size?: string) => {\n    return size === 'h1' || size === 'h2' ? 'm' : 's';\n};\n\n// TODO: https://github.com/salute-developers/plasma/issues/1474\nexport const horizontalTabsRoot = (Root: RootProps<HTMLDivElement, HorizontalTabsProps>) =>\n    forwardRef<HTMLDivElement, HorizontalTabsProps>((props, outerRef) => {\n        const {\n            id,\n            stretch = false,\n            disabled = false,\n            clip = 'scroll',\n            size,\n            view,\n            children,\n            pilled = false,\n            index,\n            className,\n            hasDivider = true,\n            ...rest\n        } = props;\n        const [firstItemVisible, setFirstItemVisible] = useState(true);\n        const [lastItemVisible, setLastItemVisible] = useState(false);\n\n        // Триггер доп. скролла при появлении левой стрелки, которая отъедает ширину scroll-контейнера\n        const [shouldTriggerAdditionalScroll, setShouldTriggerAdditionalScroll] = useState(false);\n\n        const refs = useMemo(() => new TabItemRefs(index), []);\n\n        const uniqId = safeUseId();\n        const tabsId = id || uniqId;\n\n        const isFilled = view === 'filled'; // outer padding is only for filled view\n        const pilledAttr = view !== 'clear' && pilled;\n        const pilledClass = pilledAttr ? classes.tabsPilled : undefined;\n\n        const noDividerClass = !hasDivider ? classes.tabsNoDivider : undefined;\n        const stretchClass = firstItemVisible && lastItemVisible && stretch ? classes.tabsStretch : undefined;\n        const hasLeftArrowClass = !firstItemVisible ? classes.tabsHasLeftArrow : undefined;\n        const hasRightArrowClass = !lastItemVisible ? classes.tabsHasRightArrow : undefined;\n        const clipScrollClass = clip === 'scroll' ? classes.tabsClipScroll : undefined;\n        const clipShowAllClass = clip === 'showAll' ? classes.tabsClipShowAll : undefined;\n\n        const scrollRef = useRef<HTMLElement | null>(null);\n        const trackRef = useRef<HTMLElement | null>(null);\n        const leftArrowRef = useRef<HTMLButtonElement | null>(null);\n\n        const onPrev = useCallback(() => {\n            if (disabled || !scrollRef.current) {\n                return;\n            }\n\n            const { scrollLeft } = scrollRef.current;\n            const firstOverflowingTab = getFirstOverflowingTab(\n                refs.items.slice().reverse(),\n                scrollLeft,\n                rest.orientation,\n            );\n\n            if (!firstOverflowingTab?.current) {\n                return;\n            }\n\n            const scrollElStyle = getComputedStyle(scrollRef.current);\n            scrollRef.current.scrollTo({\n                left: firstOverflowingTab.current.offsetLeft - parseInt(scrollElStyle.paddingLeft, 10),\n            });\n        }, [disabled, scrollRef, refs]);\n\n        const onNext = useCallback(() => {\n            if (disabled || !scrollRef.current) {\n                return;\n            }\n\n            const scrollRight = Math.round(scrollRef.current.scrollLeft + scrollRef.current.clientWidth);\n            const lastOverflowingTab = getLastOverflowingTab(refs.items, scrollRight, rest.orientation);\n\n            if (!lastOverflowingTab?.current) {\n                return;\n            }\n\n            if (firstItemVisible) {\n                setShouldTriggerAdditionalScroll(true);\n            }\n\n            const scrollElStyle = getComputedStyle(scrollRef.current);\n            scrollRef.current.scrollTo({\n                left: Math.round(\n                    lastOverflowingTab.current.offsetLeft +\n                        lastOverflowingTab.current.offsetWidth -\n                        scrollRef.current.clientWidth +\n                        parseInt(scrollElStyle.paddingRight, 10),\n                ),\n            });\n        }, [firstItemVisible, disabled, scrollRef, refs]);\n\n        const PreviousButton = useMemo(\n            () => (\n                <StyledArrow\n                    type=\"button\"\n                    aria-label=\"Предыдущий таб\"\n                    onClick={onPrev}\n                    tabIndex={disabled ? -1 : 0}\n                    disabled={disabled}\n                    isFilled={isFilled}\n                    ref={leftArrowRef}\n                    isLeftArrow\n                >\n                    <IconDisclosureLeft size={getIconSize(size)} color=\"inherit\" />\n                </StyledArrow>\n            ),\n            [onPrev, size, disabled, isFilled],\n        );\n\n        const NextButton = useMemo(\n            () => (\n                <StyledArrow\n                    type=\"button\"\n                    aria-label=\"Следующий таб\"\n                    onClick={onNext}\n                    tabIndex={disabled ? -1 : 0}\n                    disabled={disabled}\n                    isFilled={isFilled}\n                >\n                    <IconDisclosureRight size={getIconSize(size)} color=\"inherit\" />\n                </StyledArrow>\n            ),\n            [onNext, size, disabled, isFilled],\n        );\n\n        const handleScroll = useCallback(\n            (event: React.UIEvent<HTMLElement>): void => {\n                event.stopPropagation();\n                const scrollElStyle = getComputedStyle(event.currentTarget);\n                const minScrollLeft = parseInt(scrollElStyle.paddingLeft, 10);\n                const maxScrollLeft =\n                    event.currentTarget.scrollWidth -\n                    event.currentTarget.clientWidth -\n                    parseInt(scrollElStyle.paddingRight, 10);\n                const scrollLeft = Math.round(event.currentTarget.scrollLeft);\n\n                setFirstItemVisible(scrollLeft <= minScrollLeft);\n                setLastItemVisible(scrollLeft >= maxScrollLeft);\n            },\n            [setFirstItemVisible, setLastItemVisible],\n        );\n\n        const onKeyDown = useCallback(\n            (event: KeyboardEvent<HTMLDivElement>) => {\n                if (index === undefined) {\n                    return;\n                }\n\n                const minIndex = 0;\n                const maxIndex = refs.items.length - 1;\n                let nextIndex: number;\n\n                switch (event.keyCode) {\n                    case Keys.end:\n                        nextIndex = maxIndex;\n                        break;\n                    case Keys.left:\n                        nextIndex = index > minIndex ? index - 1 : index;\n                        break;\n                    case Keys.right:\n                        nextIndex = index < maxIndex ? index + 1 : index;\n                        break;\n                    case Keys.home:\n                        nextIndex = minIndex;\n                        break;\n                    default:\n                        return;\n                }\n\n                if (nextIndex !== index) {\n                    event.preventDefault();\n                    refs.items[nextIndex].current?.focus();\n                    refs.items[nextIndex].current?.scrollIntoView({\n                        block: 'nearest',\n                        inline: 'center',\n                        behavior: 'smooth',\n                    });\n                }\n            },\n            [index],\n        );\n\n        useLayoutEffect(() => {\n            setLastItemVisible(scrollRef.current?.scrollWidth === scrollRef.current?.clientWidth);\n        }, [clip]);\n\n        // Этот хук компенсирует появление левой стрелки при прокрутке\n        useLayoutEffect(() => {\n            if (firstItemVisible || !shouldTriggerAdditionalScroll || !scrollRef.current || !leftArrowRef.current) {\n                return;\n            }\n            const style = getComputedStyle(scrollRef.current);\n            scrollRef.current.scrollTo({\n                left: Math.round(\n                    scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth + parseInt(style.paddingLeft, 10),\n                ),\n            });\n            setShouldTriggerAdditionalScroll(false);\n        }, [firstItemVisible, shouldTriggerAdditionalScroll, scrollRef, leftArrowRef]);\n\n        return (\n            <TabsContext.Provider value={refs}>\n                <Root\n                    view={view}\n                    role=\"tablist\"\n                    // TODO: убрать каст any, когда будут удалены deprecated props\n                    size={size as any}\n                    pilled={pilled}\n                    id={tabsId}\n                    ref={outerRef}\n                    disabled={disabled}\n                    className={cx(\n                        pilledClass,\n                        stretchClass,\n                        hasLeftArrowClass,\n                        hasRightArrowClass,\n                        noDividerClass,\n                        className,\n                    )}\n                    onKeyDown={onKeyDown}\n                    {...rest}\n                >\n                    {!firstItemVisible && clip === 'scroll' && PreviousButton}\n                    <StyledContentWrapper\n                        className={cx(clipScrollClass, clipShowAllClass)}\n                        ref={scrollRef as MutableRefObject<HTMLDivElement | null>}\n                        onScroll={handleScroll}\n                    >\n                        <StyledContent ref={trackRef as MutableRefObject<HTMLDivElement | null>}>\n                            {children}\n                        </StyledContent>\n                    </StyledContentWrapper>\n                    {!lastItemVisible && clip === 'scroll' && NextButton}\n                </Root>\n            </TabsContext.Provider>\n        );\n    });\n\nexport const horizontalTabsConfig = {\n    name: 'HorizontalTabs',\n    tag: 'div',\n    layout: horizontalTabsRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        stretch: {\n            css: stretchCSS,\n            attrs: true,\n        },\n        pilled: {\n            css: pilledCSS,\n        },\n    },\n    defaults: {\n        view: 'clear',\n        size: 'xs',\n    },\n};\n"],"names":["Keys","getIconSize","size","horizontalTabsRoot","Root","forwardRef","props","outerRef","id","_props$stretch","stretch","_props$disabled","disabled","_props$clip","clip","view","children","_props$pilled","pilled","index","className","_props$hasDivider","hasDivider","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","firstItemVisible","setFirstItemVisible","_useState3","_useState4","lastItemVisible","setLastItemVisible","_useState5","_useState6","shouldTriggerAdditionalScroll","setShouldTriggerAdditionalScroll","refs","useMemo","TabItemRefs","uniqId","safeUseId","tabsId","isFilled","pilledAttr","pilledClass","classes","tabsPilled","undefined","noDividerClass","tabsNoDivider","stretchClass","tabsStretch","hasLeftArrowClass","tabsHasLeftArrow","hasRightArrowClass","tabsHasRightArrow","clipScrollClass","tabsClipScroll","clipShowAllClass","tabsClipShowAll","scrollRef","useRef","trackRef","leftArrowRef","onPrev","useCallback","current","scrollLeft","firstOverflowingTab","getFirstOverflowingTab","items","slice","reverse","orientation","scrollElStyle","getComputedStyle","scrollTo","left","offsetLeft","parseInt","paddingLeft","onNext","scrollRight","Math","round","clientWidth","lastOverflowingTab","getLastOverflowingTab","offsetWidth","paddingRight","PreviousButton","React","createElement","StyledArrow","type","onClick","tabIndex","ref","isLeftArrow","IconDisclosureLeft","color","NextButton","IconDisclosureRight","handleScroll","event","stopPropagation","currentTarget","minScrollLeft","maxScrollLeft","scrollWidth","onKeyDown","minIndex","maxIndex","length","nextIndex","keyCode","end","right","home","_refs$items$nextIndex","_refs$items$nextIndex2","preventDefault","focus","scrollIntoView","block","inline","behavior","useLayoutEffect","_scrollRef$current","_scrollRef$current2","style","TabsContext","Provider","value","_extends","role","cx","StyledContentWrapper","onScroll","StyledContent","horizontalTabsConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","stretchCSS","pilledCSS","defaults"],"mappings":"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"}

package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css

@@ -0,0 +1,9 @@
+.base_1gxej53_b16j7vy8__7e945f8a{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_1gxej53_b16j7vy8__7e945f8a:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_1gxej53_b16j7vy8__7e945f8a:active{color:var(--plasma-tab-item-color-active);}.base_1gxej53_b16j7vy8__7e945f8a.base_1gxej53_selectedTabsItem__7e945f8a{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_1gxej53_b16j7vy8__7e945f8a.base_1gxej53_selectedTabsItem__7e945f8a:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_1gxej53_b16j7vy8__7e945f8a.base_1gxej53_selectedTabsItem__7e945f8a:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_1gxej53_b16j7vy8__7e945f8a.base_1gxej53_selectedTabsItem__7e945f8a::after{content:'';position:absolute;top:0;left:0;bottom:0;background:var(--plasma-tab-item-selected-divider-color);width:var(--plasma-tab-item-selected-divider-width);border-radius:0.063rem;}
+
+.base_dpccup_bc3tqu1__b3087807{--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);padding:var(--plasma-tab-item-padding-orientation-vertical);}
+
+.base_am98dh_bo5ybpw__9910bfd7[disabled]{cursor:not-allowed;}.base_am98dh_bo5ybpw__9910bfd7[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_am98dh_bo5ybpw__9910bfd7[disabled].base_am98dh_selectedTabsItem__9910bfd7:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
+
+.VerticalIconTabItem_styles_1vnlsyl_s1im4rc4__58e33340{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.VerticalIconTabItem_styles_1vnlsyl_a1djmtev__58e33340{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
+.VerticalIconTabItem_styles_1vnlsyl_b140xa1o__58e33340{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalIconTabItem_styles_1vnlsyl_b140xa1o__58e33340::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalIconTabItem_styles_1vnlsyl_b140xa1o__58e33340.VerticalIconTabItem_styles_1vnlsyl_focusVisible__58e33340:focus::before,.VerticalIconTabItem_styles_1vnlsyl_b140xa1o__58e33340[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}

package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js

@@ -0,0 +1,86 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef, useRef, useContext } from 'react';
+import { useForkRef } from '@salutejs/plasma-core';
+import { cx } from '../../../../../utils/index.js';
+import { classes } from '../../../tokens.js';
+import { TabsContext } from '../../../TabsContext.js';
+import { useTabItem } from '../../../hooks/useTabItem.js';
+import { base as base$2 } from './variations/_view/base.js';
+import { base as base$1 } from './variations/_size/base.js';
+import { base as base$3 } from './variations/_disabled/base.js';
+import { StyledContent, ActionContent, base } from './VerticalIconTabItem.styles.js';
+
+var _excluded = ["size", "view", "selected", "disabled", "children", "actionContent", "itemIndex", "tabIndex", "className", "onIndexChange", "onClick"];
+var verticalIconTabItemRoot = function verticalIconTabItemRoot(Root) {
+  return /*#__PURE__*/forwardRef(function (props, outerRef) {
+    var size = props.size,
+      view = props.view,
+      selected = props.selected,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      children = props.children,
+      actionContent = props.actionContent,
+      itemIndex = props.itemIndex,
+      tabIndex = props.tabIndex,
+      className = props.className,
+      onIndexChange = props.onIndexChange,
+      onClick = props.onClick,
+      rest = _objectWithoutProperties(props, _excluded);
+    var innerRef = useRef(null);
+    var ref = useForkRef(outerRef, innerRef);
+    var refs = useContext(TabsContext);
+    var role = 'tab';
+    var selectedClass = selected ? classes.selectedTabsItem : undefined;
+    var _useTabItem = useTabItem({
+        refs: refs,
+        innerRef: innerRef,
+        itemIndex: itemIndex,
+        selected: selected,
+        disabled: disabled,
+        onIndexChange: onIndexChange,
+        onClick: onClick,
+        orientation: rest.orientation
+      }),
+      hasKeyNavigation = _useTabItem.hasKeyNavigation,
+      navigationTabIndex = _useTabItem.navigationTabIndex,
+      onItemFocus = _useTabItem.onItemFocus,
+      handleClick = _useTabItem.handleClick;
+    return /*#__PURE__*/React.createElement(Root, _extends({
+      ref: ref,
+      className: cx(selectedClass, className),
+      disabled: disabled,
+      role: role,
+      view: view,
+      size: size,
+      tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
+      onFocus: onItemFocus,
+      onClick: handleClick
+    }, rest), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledContent, {
+      className: classes.tabContent
+    }, children), actionContent && /*#__PURE__*/React.createElement(ActionContent, null, actionContent)));
+  });
+};
+var verticalIconTabItemConfig = {
+  name: 'VerticalTabItem',
+  tag: 'button',
+  layout: verticalIconTabItemRoot,
+  base: base,
+  variations: {
+    size: {
+      css: base$1
+    },
+    view: {
+      css: base$2
+    },
+    disabled: {
+      css: base$3,
+      attrs: true
+    }
+  },
+  defaults: {
+    view: 'divider'
+  }
+};
+
+export { verticalIconTabItemConfig, verticalIconTabItemRoot };
+//# sourceMappingURL=VerticalIconTabItem.js.map

package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalIconTabItem.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useContext } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { RootProps } from 'src/engines';\nimport { cx } from 'src/utils';\n\nimport { classes } from '../../../tokens';\nimport { TabsContext } from '../../../TabsContext';\nimport { VerticalIconTabItemProps } from '../../../TabItem.types';\nimport { useTabItem, UseTabItemProps } from '../../../hooks/useTabItem';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { ActionContent, base, StyledContent } from './VerticalIconTabItem.styles';\n\nexport const verticalIconTabItemRoot = (Root: RootProps<HTMLButtonElement, VerticalIconTabItemProps>) =>\n    forwardRef<HTMLButtonElement, VerticalIconTabItemProps>((props, outerRef) => {\n        const {\n            size,\n            view,\n            selected,\n            disabled = false,\n            children,\n            actionContent,\n            itemIndex,\n            tabIndex,\n            className,\n            onIndexChange,\n            onClick,\n            ...rest\n        } = props;\n\n        const innerRef = useRef<HTMLButtonElement>(null);\n        const ref = useForkRef(outerRef, innerRef);\n        const refs = useContext(TabsContext);\n\n        const role = 'tab';\n\n        const selectedClass = selected ? classes.selectedTabsItem : undefined;\n\n        const { hasKeyNavigation, navigationTabIndex, onItemFocus, handleClick } = useTabItem({\n            refs,\n            innerRef,\n            itemIndex,\n            selected,\n            disabled,\n            onIndexChange,\n            onClick,\n\n            orientation: rest.orientation as UseTabItemProps['orientation'],\n        });\n\n        return (\n            <Root\n                ref={ref}\n                className={cx(selectedClass, className)}\n                disabled={disabled}\n                role={role}\n                view={view}\n                size={size}\n                tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n                onFocus={onItemFocus}\n                onClick={handleClick}\n                {...rest}\n            >\n                <>\n                    <StyledContent className={classes.tabContent}>{children}</StyledContent>\n                    {actionContent && <ActionContent>{actionContent}</ActionContent>}\n                </>\n            </Root>\n        );\n    });\n\nexport const verticalIconTabItemConfig = {\n    name: 'VerticalTabItem',\n    tag: 'button',\n    layout: verticalIconTabItemRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'divider',\n    },\n};\n"],"names":["verticalIconTabItemRoot","Root","forwardRef","props","outerRef","size","view","selected","_props$disabled","disabled","children","actionContent","itemIndex","tabIndex","className","onIndexChange","onClick","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","selectedClass","classes","selectedTabsItem","undefined","_useTabItem","useTabItem","orientation","hasKeyNavigation","navigationTabIndex","onItemFocus","handleClick","React","createElement","_extends","cx","onFocus","Fragment","StyledContent","tabContent","ActionContent","verticalIconTabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","defaults"],"mappings":"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"}

package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js

@@ -0,0 +1,17 @@
+import './VerticalIconTabItem.styles_1vnlsyl.css';
+import { styled } from '@linaria/react';
+
+var StyledContent = /*#__PURE__*/styled('div')({
+  name: "StyledContent",
+  "class": "s1im4rc4",
+  propsAsIs: false
+});
+var ActionContent = /*#__PURE__*/styled('div')({
+  name: "ActionContent",
+  "class": "a1djmtev",
+  propsAsIs: false
+});
+var base = "b140xa1o";
+
+export { ActionContent, StyledContent, base };
+//# sourceMappingURL=VerticalIconTabItem.styles.js.map

package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalIconTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { addFocus } from 'src/mixins';\n\nimport { tokens } from '../../../tokens';\n\nexport const StyledContent = styled.div`\n    display: inline-block;\n    width: fit-content;\n`;\n\nexport const ActionContent = styled.div`\n    display: flex;\n    margin-left: var(${tokens.actionContentMarginLeft});\n`;\n\nexport const base = css`\n    position: relative;\n\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: var(${tokens.itemContentGap});\n\n    appearance: none;\n    border: none;\n    outline: none;\n    cursor: var(${tokens.itemCursorOverNotSelected}, var(${tokens.itemCursor}));\n    white-space: nowrap;\n    box-sizing: border-box;\n\n    -webkit-tap-highlight-color: transparent;\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.outlineFocusColor})`,\n        outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',\n        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(${tokens.outlineFocusColor});\n                }\n            }\n        `,\n    })};\n`;\n"],"names":["StyledContent","styled","name","class","propsAsIs","ActionContent","base"],"mappings":";;AAMO,IAAMA,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGlC,EAAA;AAEM,IAAMC,aAAa,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGlC,EAAA;AAEM,IAAME,IAAI,GAiChB;;;;"}

package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles_1vnlsyl.css

@@ -0,0 +1,3 @@
+.s1im4rc4{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.a1djmtev{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
+.b140xa1o{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.b140xa1o::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b140xa1o.focus-visible:focus::before,.b140xa1o[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}

package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base.js

@@ -0,0 +1,5 @@
+import './base_am98dh.css';
+var base = "bo5ybpw";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../../../../tokens';\n\nexport const base = css`\n    &[disabled] {\n        cursor: not-allowed;\n\n        &:hover {\n            color: var(${tokens.itemColor});\n            background-color: var(${tokens.itemBackgroundColor});\n        }\n\n        &.${classes.selectedTabsItem}:hover {\n            color: var(${tokens.itemSelectedColor});\n            background-color: var(${tokens.itemSelectedBackgroundColor});\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAchB;;;;"}

package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base_am98dh.css

@@ -0,0 +1 @@
+.bo5ybpw[disabled]{cursor:not-allowed;}.bo5ybpw[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.bo5ybpw[disabled].selected-tabs-item:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}

package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js

@@ -0,0 +1,5 @@
+import './base_dpccup.css';
+var base = "bc3tqu1";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../../../../tokens';\n\nexport const base = css`\n    --plasma_private-outline-radius: var(${tokens.itemBorderRadius});\n    border-radius: var(${tokens.itemBorderRadius});\n    padding: var(${tokens.itemPaddingOrientationVertical});\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAIhB;;;;"}

package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base_dpccup.css

@@ -0,0 +1 @@
+.bc3tqu1{--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);padding:var(--plasma-tab-item-padding-orientation-vertical);}

package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js

@@ -0,0 +1,5 @@
+import './base_1gxej53.css';
+var base = "b16j7vy8";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../../../../tokens';\n\nexport const base = css`\n    color: var(${tokens.itemColor});\n    background-color: var(${tokens.itemBackgroundColor});\n\n    &:hover {\n        color: var(${tokens.itemColorHover});\n        background-color: var(${tokens.itemBackgroundColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.itemColorActive});\n    }\n\n    &.${classes.selectedTabsItem} {\n        color: var(${tokens.itemSelectedColor});\n        background-color: var(${tokens.itemSelectedBackgroundColor});\n        cursor: var(${tokens.itemCursor});\n\n        &:hover {\n            color: var(${tokens.itemSelectedColorHover});\n            background-color: var(${tokens.itemSelectedBackgroundColorHover});\n\n            &::after {\n                background: var(${tokens.itemSelectedDividerColorHover});\n            }\n        }\n\n        &::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            bottom: 0;\n            background: var(${tokens.itemSelectedDividerColor});\n            width: var(${tokens.itemSelectedDividerWidth});\n            border-radius: 0.063rem;\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAsChB;;;;"}

package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base_1gxej53.css

@@ -0,0 +1 @@
+.b16j7vy8{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.b16j7vy8:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.b16j7vy8:active{color:var(--plasma-tab-item-color-active);}.b16j7vy8.selected-tabs-item{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.b16j7vy8.selected-tabs-item:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.b16j7vy8.selected-tabs-item:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.b16j7vy8.selected-tabs-item::after{content:'';position:absolute;top:0;left:0;bottom:0;background:var(--plasma-tab-item-selected-divider-color);width:var(--plasma-tab-item-selected-divider-width);border-radius:0.063rem;}