@salutejs/plasma-new-hope 0.152.0-canary.1374.11013124158.0 → 0.152.0-canary.1445.11027864145.0

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

@@ -1,221 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useState, useMemo, useRef, useCallback, useEffect } from 'react';
-import { safeUseId } from '@salutejs/plasma-core';
-import { classes, tokens } from '../../../tokens.js';
-import { cx } from '../../../../../utils/index.js';
-import { TabItemRefs, TabsContext } from '../../../TabsContext.js';
-import { IconDisclosureLeft } from '../../../../_Icon/Icons/IconDisclosureLeft.js';
-import { IconDisclosureRight } from '../../../../_Icon/Icons/IconDisclosureRight.js';
-import '@linaria/react';
-import { StyledContentWrapper, StyledContent, base, StyledArrow } from './VerticalTabs.styles.js';
-import { base as base$1 } from './variations/_size/base.js';
-import { base as base$2 } from './variations/_view/base.js';
-import { base as base$3 } from './variations/_disabled/base.js';
-import { base as base$4 } from './variations/_stretch/base.js';
-
-var _excluded = ["id", "stretch", "disabled", "clip", "size", "view", "children", "index", "className", "orientation", "hasDivider"];
-var Keys = /*#__PURE__*/function (Keys) {
-  Keys[Keys["end"] = 35] = "end";
-  Keys[Keys["home"] = 36] = "home";
-  Keys[Keys["up"] = 38] = "up";
-  Keys[Keys["down"] = 40] = "down";
-  return Keys;
-}(Keys || {});
-var verticalTabsRoot = function verticalTabsRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (props, outerRef) {
-    var id = props.id,
-      _props$stretch = props.stretch,
-      stretch = _props$stretch === void 0 ? false : _props$stretch,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$clip = props.clip,
-      clip = _props$clip === void 0 ? 'showAll' : _props$clip,
-      size = props.size,
-      view = props.view,
-      children = props.children,
-      index = props.index,
-      className = props.className,
-      orientation = props.orientation,
-      _props$hasDivider = props.hasDivider,
-      hasDivider = _props$hasDivider === void 0 ? true : _props$hasDivider,
-      rest = _objectWithoutProperties(props, _excluded);
-    var _useState = useState(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      firstItemVisible = _useState2[0],
-      setFirstItemVisible = _useState2[1];
-    var _useState3 = useState(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      lastItemVisible = _useState4[0],
-      setLastItemVisible = _useState4[1];
-    var refs = useMemo(function () {
-      return new TabItemRefs(index);
-    }, []);
-    var uniqId = safeUseId();
-    var tabsId = id || uniqId;
-    var stretchClass = firstItemVisible && lastItemVisible && stretch ? classes.tabsStretch : undefined;
-    var clipScrollClass = !stretch && clip === 'scroll' ? classes.tabsClipScroll : undefined;
-    var clipShowAllClass = !stretch && clip === 'showAll' ? classes.tabsClipShowAll : undefined;
-    var scrollRef = useRef(null);
-    var trackRef = useRef(null);
-    var upArrowRef = useRef(null);
-    var onPrev = useCallback(function () {
-      var _firstOverflowingTab$;
-      if (disabled || !scrollRef.current) {
-        return;
-      }
-      var scrollTop = Math.round(scrollRef.current.scrollTop);
-      var firstOverflowingTab = refs.items.slice().reverse().find(function (item) {
-        if (!item.current || item.current.offsetTop === undefined) {
-          return;
-        }
-        var tabStartX = item.current.offsetTop;
-        return tabStartX < scrollTop;
-      });
-      firstOverflowingTab === null || firstOverflowingTab === void 0 || (_firstOverflowingTab$ = firstOverflowingTab.current) === null || _firstOverflowingTab$ === void 0 || _firstOverflowingTab$.scrollIntoView({
-        block: 'nearest',
-        inline: 'nearest'
-      });
-    }, [disabled, scrollRef, refs]);
-    var onNext = useCallback(function () {
-      var _lastOverflowingTab$c;
-      if (disabled || !scrollRef.current) {
-        return;
-      }
-      var scrollBottom = Math.round(scrollRef.current.scrollTop + scrollRef.current.clientHeight);
-      var lastOverflowingTab = refs.items.find(function (item) {
-        if (!item.current || item.current.offsetTop === undefined) {
-          return;
-        }
-        var tabEndX = item.current.offsetTop + item.current.offsetHeight;
-        return tabEndX > scrollBottom;
-      });
-      lastOverflowingTab === null || lastOverflowingTab === void 0 || (_lastOverflowingTab$c = lastOverflowingTab.current) === null || _lastOverflowingTab$c === void 0 || _lastOverflowingTab$c.scrollIntoView({
-        block: 'nearest',
-        inline: 'nearest'
-      });
-    }, [disabled, scrollRef, refs]);
-    var PreviousButton = /*#__PURE__*/React.createElement(StyledArrow, {
-      type: "button",
-      "aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0442\u0430\u0431",
-      onClick: onPrev,
-      tabIndex: disabled ? -1 : 0,
-      disabled: disabled,
-      ref: upArrowRef
-    }, /*#__PURE__*/React.createElement(IconDisclosureLeft, {
-      color: "var(".concat(tokens.arrowColor, ")")
-    }));
-    var NextButton = /*#__PURE__*/React.createElement(StyledArrow, {
-      type: "button",
-      "aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0442\u0430\u0431",
-      onClick: onNext,
-      tabIndex: disabled ? -1 : 0,
-      disabled: disabled
-    }, /*#__PURE__*/React.createElement(IconDisclosureRight, {
-      color: "var(".concat(tokens.arrowColor, ")")
-    }));
-    var handleScroll = useCallback(function (event) {
-      event.stopPropagation();
-      var maxScrollTop = event.currentTarget.scrollHeight - event.currentTarget.clientHeight;
-      var scrollTop = Math.round(event.currentTarget.scrollTop);
-      setFirstItemVisible(scrollTop <= 0);
-      setLastItemVisible(scrollTop >= maxScrollTop);
-    }, [setFirstItemVisible, setLastItemVisible]);
-    var onKeyDown = useCallback(function (event) {
-      if (index === undefined) {
-        return;
-      }
-      var minIndex = 0;
-      var maxIndex = refs.items.length - 1;
-      var nextIndex;
-      switch (event.keyCode) {
-        case Keys.end:
-          nextIndex = maxIndex;
-          break;
-        case Keys.up:
-          nextIndex = index > minIndex ? index - 1 : index;
-          break;
-        case Keys.down:
-          nextIndex = index < maxIndex ? index + 1 : index;
-          break;
-        case Keys.home:
-          nextIndex = minIndex;
-          break;
-        default:
-          return;
-      }
-      if (nextIndex !== index) {
-        var _refs$items$nextIndex, _refs$items$nextIndex2;
-        event.preventDefault();
-        (_refs$items$nextIndex = refs.items[nextIndex].current) === null || _refs$items$nextIndex === void 0 || _refs$items$nextIndex.focus();
-        (_refs$items$nextIndex2 = refs.items[nextIndex].current) === null || _refs$items$nextIndex2 === void 0 || _refs$items$nextIndex2.scrollIntoView({
-          block: 'center',
-          inline: 'center',
-          behavior: 'smooth'
-        });
-      }
-    }, [index]);
-    useEffect(function () {
-      var _scrollRef$current, _scrollRef$current2;
-      setLastItemVisible(((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollHeight) === ((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.clientHeight));
-    }, []);
-
-    // Этот хук компенсирует появление верхней стрелки при прокрутке
-    useEffect(function () {
-      if (firstItemVisible || !scrollRef.current || !upArrowRef.current) {
-        return;
-      }
-      scrollRef.current.scrollTo({
-        top: Math.round(scrollRef.current.scrollTop + upArrowRef.current.clientHeight)
-      });
-    }, [firstItemVisible, scrollRef, upArrowRef]);
-    return /*#__PURE__*/React.createElement(TabsContext.Provider, {
-      value: refs
-    }, /*#__PURE__*/React.createElement(Root, _extends({
-      view: view,
-      role: "tablist",
-      size: size,
-      id: tabsId,
-      ref: outerRef,
-      disabled: disabled,
-      className: cx(stretchClass, className),
-      onKeyDown: onKeyDown,
-      orientation: orientation
-    }, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/React.createElement(StyledContentWrapper, {
-      className: cx(clipScrollClass, clipShowAllClass),
-      ref: scrollRef,
-      onScroll: handleScroll
-    }, /*#__PURE__*/React.createElement(StyledContent, {
-      hasDivider: hasDivider,
-      ref: trackRef
-    }, children)), !lastItemVisible && NextButton));
-  });
-};
-var verticalTabsConfig = {
-  name: 'VerticalTabs',
-  tag: 'div',
-  layout: verticalTabsRoot,
-  base: base,
-  variations: {
-    size: {
-      css: base$1
-    },
-    view: {
-      css: base$2
-    },
-    disabled: {
-      css: base$3,
-      attrs: true
-    },
-    stretch: {
-      css: base$4,
-      attrs: true
-    }
-  },
-  defaults: {
-    view: 'divider',
-    size: 'xs'
-  }
-};
-
-export { verticalTabsConfig, verticalTabsRoot };
-//# sourceMappingURL=VerticalTabs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VerticalTabs.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef, KeyboardEvent } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../../../../engines/types';\nimport { classes, tokens } from '../../../tokens';\nimport { cx } from '../../../../../utils';\nimport { TabItemRefs, TabsContext } from '../../../TabsContext';\nimport type { VerticalTabsProps } from '../../../Tabs.types';\nimport { IconDisclosureLeft, IconDisclosureRight } from '../../../../_Icon';\n\nimport { base, StyledArrow, StyledContent, StyledContentWrapper } from './VerticalTabs.styles';\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 stretchCSS } from './variations/_stretch/base';\n\nenum Keys {\n    end = 35,\n    home = 36,\n    up = 38,\n    down = 40,\n}\n\nexport const verticalTabsRoot = (Root: RootProps<HTMLDivElement, VerticalTabsProps>) =>\n    forwardRef<HTMLDivElement, VerticalTabsProps>((props, outerRef) => {\n        const {\n            id,\n            stretch = false,\n            disabled = false,\n            clip = 'showAll',\n            size,\n            view,\n            children,\n            index,\n            className,\n            orientation,\n            hasDivider = true,\n            ...rest\n        } = props;\n\n        const [firstItemVisible, setFirstItemVisible] = useState(true);\n        const [lastItemVisible, setLastItemVisible] = useState(true);\n\n        const refs = useMemo(() => new TabItemRefs(index), []);\n\n        const uniqId = safeUseId();\n        const tabsId = id || uniqId;\n\n        const stretchClass = firstItemVisible && lastItemVisible && stretch ? classes.tabsStretch : undefined;\n        const clipScrollClass = !stretch && clip === 'scroll' ? classes.tabsClipScroll : undefined;\n        const clipShowAllClass = !stretch && clip === 'showAll' ? classes.tabsClipShowAll : undefined;\n\n        const scrollRef = useRef<HTMLElement | null>(null);\n        const trackRef = useRef<HTMLElement | null>(null);\n        const upArrowRef = useRef<HTMLButtonElement | null>(null);\n\n        const onPrev = useCallback(() => {\n            if (disabled || !scrollRef.current) {\n                return;\n            }\n\n            const scrollTop = Math.round(scrollRef.current.scrollTop);\n            const firstOverflowingTab = refs.items\n                .slice()\n                .reverse()\n                .find((item: MutableRefObject<HTMLElement | null>) => {\n                    if (!item.current || item.current.offsetTop === undefined) {\n                        return;\n                    }\n                    const tabStartX = item.current.offsetTop;\n\n                    return tabStartX < scrollTop;\n                });\n\n            firstOverflowingTab?.current?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n        }, [disabled, scrollRef, refs]);\n\n        const onNext = useCallback(() => {\n            if (disabled || !scrollRef.current) {\n                return;\n            }\n\n            const scrollBottom = Math.round(scrollRef.current.scrollTop + scrollRef.current.clientHeight);\n            const lastOverflowingTab = refs.items.find((item: MutableRefObject<HTMLElement | null>) => {\n                if (!item.current || item.current.offsetTop === undefined) {\n                    return;\n                }\n                const tabEndX = item.current.offsetTop + item.current.offsetHeight;\n\n                return tabEndX > scrollBottom;\n            });\n\n            lastOverflowingTab?.current?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n        }, [disabled, scrollRef, refs]);\n\n        const PreviousButton = (\n            <StyledArrow\n                type=\"button\"\n                aria-label=\"Предыдущий таб\"\n                onClick={onPrev}\n                tabIndex={disabled ? -1 : 0}\n                disabled={disabled}\n                ref={upArrowRef}\n            >\n                <IconDisclosureLeft color={`var(${tokens.arrowColor})`} />\n            </StyledArrow>\n        );\n\n        const NextButton = (\n            <StyledArrow\n                type=\"button\"\n                aria-label=\"Следующий таб\"\n                onClick={onNext}\n                tabIndex={disabled ? -1 : 0}\n                disabled={disabled}\n            >\n                <IconDisclosureRight color={`var(${tokens.arrowColor})`} />\n            </StyledArrow>\n        );\n\n        const handleScroll = useCallback(\n            (event: React.UIEvent<HTMLElement>): void => {\n                event.stopPropagation();\n                const maxScrollTop = event.currentTarget.scrollHeight - event.currentTarget.clientHeight;\n                const scrollTop = Math.round(event.currentTarget.scrollTop);\n\n                setFirstItemVisible(scrollTop <= 0);\n                setLastItemVisible(scrollTop >= maxScrollTop);\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.up:\n                        nextIndex = index > minIndex ? index - 1 : index;\n                        break;\n                    case Keys.down:\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: 'center',\n                        inline: 'center',\n                        behavior: 'smooth',\n                    });\n                }\n            },\n            [index],\n        );\n\n        useEffect(() => {\n            setLastItemVisible(scrollRef.current?.scrollHeight === scrollRef.current?.clientHeight);\n        }, []);\n\n        // Этот хук компенсирует появление верхней стрелки при прокрутке\n        useEffect(() => {\n            if (firstItemVisible || !scrollRef.current || !upArrowRef.current) {\n                return;\n            }\n\n            scrollRef.current.scrollTo({\n                top: Math.round(scrollRef.current.scrollTop + upArrowRef.current.clientHeight),\n            });\n        }, [firstItemVisible, scrollRef, upArrowRef]);\n\n        return (\n            <TabsContext.Provider value={refs}>\n                <Root\n                    view={view}\n                    role=\"tablist\"\n                    size={size}\n                    id={tabsId}\n                    ref={outerRef}\n                    disabled={disabled}\n                    className={cx(stretchClass, className)}\n                    onKeyDown={onKeyDown}\n                    orientation={orientation}\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\n                            hasDivider={hasDivider}\n                            ref={trackRef as MutableRefObject<HTMLDivElement | null>}\n                        >\n                            {children}\n                        </StyledContent>\n                    </StyledContentWrapper>\n                    {!lastItemVisible && NextButton}\n                </Root>\n            </TabsContext.Provider>\n        );\n    });\n\nexport const verticalTabsConfig = {\n    name: 'VerticalTabs',\n    tag: 'div',\n    layout: verticalTabsRoot,\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    },\n    defaults: {\n        view: 'divider',\n        size: 'xs',\n    },\n};\n"],"names":["Keys","verticalTabsRoot","Root","forwardRef","props","outerRef","id","_props$stretch","stretch","_props$disabled","disabled","_props$clip","clip","size","view","children","index","className","orientation","_props$hasDivider","hasDivider","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","firstItemVisible","setFirstItemVisible","_useState3","_useState4","lastItemVisible","setLastItemVisible","refs","useMemo","TabItemRefs","uniqId","safeUseId","tabsId","stretchClass","classes","tabsStretch","undefined","clipScrollClass","tabsClipScroll","clipShowAllClass","tabsClipShowAll","scrollRef","useRef","trackRef","upArrowRef","onPrev","useCallback","_firstOverflowingTab$","current","scrollTop","Math","round","firstOverflowingTab","items","slice","reverse","find","item","offsetTop","tabStartX","scrollIntoView","block","inline","onNext","_lastOverflowingTab$c","scrollBottom","clientHeight","lastOverflowingTab","tabEndX","offsetHeight","PreviousButton","React","createElement","StyledArrow","type","onClick","tabIndex","ref","IconDisclosureLeft","color","concat","tokens","arrowColor","NextButton","IconDisclosureRight","handleScroll","event","stopPropagation","maxScrollTop","currentTarget","scrollHeight","onKeyDown","minIndex","maxIndex","length","nextIndex","keyCode","end","up","down","home","_refs$items$nextIndex","_refs$items$nextIndex2","preventDefault","focus","behavior","useEffect","_scrollRef$current","_scrollRef$current2","scrollTo","top","TabsContext","Provider","value","_extends","role","cx","StyledContentWrapper","onScroll","StyledContent","verticalTabsConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","stretchCSS","defaults"],"mappings":"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"}

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

@@ -1,32 +0,0 @@
-import './VerticalTabs.styles_15xyvpj.css';
-import { styled } from '@linaria/react';
-import { tokens } from '../../../tokens.js';
-
-var base = "b2r261u";
-var _exp = function _exp() {
-  return function (_ref) {
-    var hasDivider = _ref.hasDivider;
-    return hasDivider ? "1px solid var(".concat(tokens.tabsDividerColor, ")") : '0';
-  };
-};
-var StyledContent = /*#__PURE__*/styled('div')({
-  name: "StyledContent",
-  "class": "s1tfgc53",
-  propsAsIs: false,
-  vars: {
-    "s1tfgc53-0": [/*#__PURE__*/_exp()]
-  }
-});
-var StyledContentWrapper = /*#__PURE__*/styled('div')({
-  name: "StyledContentWrapper",
-  "class": "s16g9t9z",
-  propsAsIs: false
-});
-var StyledArrow = /*#__PURE__*/styled('button')({
-  name: "StyledArrow",
-  "class": "s81cx4",
-  propsAsIs: false
-});
-
-export { StyledArrow, StyledContent, StyledContentWrapper, base };
-//# sourceMappingURL=VerticalTabs.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VerticalTabs.styles.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../../mixins';\nimport { classes, tokens } from '../../../tokens';\n\nexport const base = css`\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: 0.125rem;\n    align-items: center;\n`;\n\nexport const StyledContent = styled.div<{ hasDivider?: boolean }>`\n    display: inline-flex;\n    flex-direction: column;\n    align-items: start;\n\n    border-left: ${({ hasDivider }) => (hasDivider ? `1px solid var(${tokens.tabsDividerColor})` : '0')};\n    border-radius: var(${tokens.tabsDividerBorderRadius});\n`;\n\nexport const StyledContentWrapper = styled.div`\n    /* allows correctly display outline focus on tabs item */\n    margin: -0.125rem;\n    padding: 0.25rem;\n\n    box-sizing: content-box;\n    position: relative;\n    height: 100%;\n    width: 100%;\n    display: flex;\n    align-items: center;\n\n    &.${classes.tabsClipScroll} {\n        overflow: scroll;\n        scroll-padding: 0.25rem;\n        overscroll-behavior: contain;\n\n        scrollbar-width: none;\n        ::-webkit-scrollbar {\n            display: none;\n        }\n\n        ${StyledContent} {\n            margin-top: auto;\n        }\n    }\n\n    &.${classes.tabsClipShowAll} {\n        overflow: visible;\n    }\n`;\n\nexport const StyledArrow = styled.button`\n    display: flex;\n    cursor: pointer;\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    outline: none;\n    transform: rotate(90deg);\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    })};\n\n    &[disabled] {\n        cursor: not-allowed;\n    }\n`;\n"],"names":["base","_exp","_ref","hasDivider","concat","tokens","tabsDividerColor","StyledContent","styled","name","class","propsAsIs","vars","StyledContentWrapper","StyledArrow"],"mappings":";;;AAMO,IAAMA,IAAI,GAMhB,UAAA;AAAC,IAAAC,IAAA,GAXgBA,SAWhBA,IAAAA,GAAA;AAAA,EAAA,OAOiB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,IAAAA,CAAAA,UAAAA,CAAAA;IAAAA,OAAkBA,UAAU,oBAAAC,MAAA,CAAoBC,MAAM,CAACC,gBAAiB,SAAK,GAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AALhG,IAAMC,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAKhBX,IAAoF,EAAA,CAAA;AAAA,GAAA;AAAA,CAEtG,EAAA;AAEM,IAAMY,oBAAoB,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA8BzC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmBhC;;;;"}

package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles_15xyvpj.css

@@ -1,4 +0,0 @@
-.b2r261u{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.s1tfgc53{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;border-left:var(--s1tfgc53-0);border-radius:var(--plasma-tabs-divider-border-radius);}
-.s16g9t9z{margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;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;}.s16g9t9z.tabs-clip-scroll{overflow:scroll;-webkit-scroll-padding:0.25rem;-moz-scroll-padding:0.25rem;-ms-scroll-padding:0.25rem;scroll-padding:0.25rem;overscroll-behavior:contain;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.s16g9t9z.tabs-clip-scroll::-webkit-scrollbar{display:none;}.s16g9t9z.tabs-clip-scroll .s1tfgc53{margin-top:auto;}.s16g9t9z.tabs-clip-show-all{overflow:visible;}
-.s81cx4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:relative;}.s81cx4::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;}.s81cx4.focus-visible:focus::before,.s81cx4[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.s81cx4[disabled]{cursor:not-allowed;}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../../../../tokens';\n\nexport const base = css`\n    opacity: var(${tokens.disabledOpacity});\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAEhB;;;;"}

package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/base_do8935.css

@@ -1 +0,0 @@
-.b1vdpmya{opacity:var(--plasma-tabs-disabled-opacity);}

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

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

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

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

package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js

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

package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes } from '../../../../../tokens';\nimport { StyledContent, StyledContentWrapper } from '../../VerticalTabs.styles';\n\nexport const base = css`\n    &.${classes.tabsStretch} {\n        height: 100%;\n\n        ${StyledContentWrapper}, ${StyledContent}, ${StyledContent} > button {\n            height: 100%;\n            margin-top: 0;\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAShB;;;;"}

package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/base_phkacz.css

@@ -1 +0,0 @@
-.b1qe0zg0.tabs-stretched{height:100%;}.b1qe0zg0.tabs-stretched .s16g9t9z,.b1qe0zg0.tabs-stretched .s1tfgc53,.b1qe0zg0.tabs-stretched .s1tfgc53 > button{height:100%;margin-top:0;}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../../../../tokens';\n\nexport const base = css`\n    background-color: var(${tokens.tabsBackgroundColor});\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAEhB;;;;"}

package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_zefpir.css

@@ -1 +0,0 @@
-.bljnkat{background-color:var(--plasma-tabs-background-color);}

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

@@ -1,6 +0,0 @@
-import { createContext } from 'react';
-
-var VerticalTabsContext = /*#__PURE__*/createContext(null);
-
-export { VerticalTabsContext };
-//# sourceMappingURL=VerticalTabsContext.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VerticalTabsContext.js","sources":["../../../../../src/components/Tabs/ui/vertical/VerticalTabsContext.ts"],"sourcesContent":["import { createContext, ReactNode } from 'react';\n\nexport const VerticalTabsContext = createContext<ReactNode | null>(null);\n"],"names":["VerticalTabsContext","createContext"],"mappings":";;IAEaA,mBAAmB,gBAAGC,aAAa,CAAmB,IAAI;;;;"}

package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/tokens.json

@@ -1,4 +0,0 @@
-{
-    "type": "boolean",
-    "tokens": ["--plasma-tab-disabled-opacity"]
-}

package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _tokens = /*#__PURE__*/require("../../../../../tokens");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");--plasma_private-outline-radius:var(", ");border-radius:var(", ");width:var(", ");height:var(", ");"], _tokens.tokens.fontFamily, _tokens.tokens.fontSize, _tokens.tokens.fontStyle, _tokens.tokens.fontWeight, _tokens.tokens.letterSpacing, _tokens.tokens.lineHeight, _tokens.tokens.itemBorderRadius, _tokens.tokens.itemBorderRadius, _tokens.tokens.itemWidth, _tokens.tokens.itemHeight);

package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/tokens.json

@@ -1,8 +0,0 @@
-[
-    "--plasma-tabs-underline-height",
-    "--plasma-tabs-underline-color",
-    "--plasma-tabs-font-weight",
-    "--plasma-tabs-font-color",
-    "--plasma-tabs-font-color-hover",
-    "--plasma-tabs-cursor"
-]

package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/tokens.json

@@ -1,4 +0,0 @@
-{
-    "type": "boolean",
-    "tokens": ["--plasma-tabs-disabled-opacity"]
-}

package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/tokens.json

@@ -1,4 +0,0 @@
-{
-    "type": "boolean",
-    "tokens": ["--plasma-tabs-container-width"]
-}

package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/tokens.json

@@ -1 +0,0 @@
-["--plasma-tabs-background-color", "--plasma-tabs-divider-height", "--plasma-tabs-divider-color"]

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

@@ -1,125 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.verticalTabItemRoot = exports.verticalTabItemConfig = void 0;
-var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
-var _tokens = /*#__PURE__*/require("../../../tokens");
-var _utils = /*#__PURE__*/require("../../../../../utils");
-var _TabsContext = /*#__PURE__*/require("../../../TabsContext");
-var _VerticalTabsContext = /*#__PURE__*/require("../VerticalTabsContext");
-var _VerticalTabItem = /*#__PURE__*/require("./VerticalTabItem.styles");
-var _base = /*#__PURE__*/require("./variations/_view/base");
-var _base2 = /*#__PURE__*/require("./variations/_size/base");
-var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
-var _excluded = ["size", "view", "selected", "disabled", "children", "contentRight", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var verticalTabItemRoot = exports.verticalTabItemRoot = function verticalTabItemRoot(Root) {
-  return /*#__PURE__*/(0, _react.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,
-      contentRight = props.contentRight,
-      onIndexChange = props.onIndexChange,
-      itemIndex = props.itemIndex,
-      tabIndex = props.tabIndex,
-      className = props.className,
-      onClick = props.onClick,
-      rest = _objectWithoutProperties(props, _excluded);
-    var innerRef = (0, _react.useRef)(null);
-    var ref = (0, _plasmaCore.useForkRef)(outerRef, innerRef);
-    var refs = (0, _react.useContext)(_TabsContext.TabsContext);
-    var contentLeft = (0, _react.useContext)(_VerticalTabsContext.VerticalTabsContext);
-    var role = 'tab';
-    var selectedClass = selected ? _tokens.classes.selectedTabsItem : undefined;
-    var hasKeyNavigation = itemIndex !== undefined && onIndexChange !== undefined;
-    var navigationTabIndex = !disabled && (refs === null || refs === void 0 ? void 0 : refs.current) === itemIndex ? 0 : -1;
-    (0, _react.useEffect)(function () {
-      if (!refs) {
-        return;
-      }
-      refs.register(innerRef);
-      return function () {
-        return refs.unregister(innerRef);
-      };
-    }, [refs]);
-    var onItemFocus = (0, _react.useCallback)(function (event) {
-      if (!hasKeyNavigation && innerRef !== null && innerRef !== void 0 && innerRef.current) {
-        innerRef.current.scrollTo({
-          top: innerRef.current.offsetTop,
-          behavior: 'smooth'
-        });
-        return;
-      }
-      if (disabled || !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) {
-      event.currentTarget.scrollIntoView({
-        block: 'nearest',
-        inline: 'nearest'
-      });
-      if (!onClick) {
-        return;
-      }
-      onClick(event);
-    };
-    return /*#__PURE__*/_react["default"].createElement(Root, _extends({
-      ref: ref,
-      disabled: disabled,
-      role: role,
-      view: view,
-      size: size,
-      onFocus: onItemFocus,
-      tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
-      className: (0, _utils.cx)(selectedClass, className),
-      onClick: handleClick
-    }, rest), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, contentLeft && /*#__PURE__*/_react["default"].createElement(_VerticalTabItem.LeftContent, {
-      className: _tokens.classes.tabLeftContent
-    }, contentLeft), /*#__PURE__*/_react["default"].createElement(_VerticalTabItem.StyledContent, {
-      className: _tokens.classes.tabContent
-    }, children), contentRight && /*#__PURE__*/_react["default"].createElement(_VerticalTabItem.RightContent, {
-      className: _tokens.classes.tabRightContent
-    }, contentRight)));
-  });
-};
-var verticalTabItemConfig = exports.verticalTabItemConfig = {
-  name: 'VerticalTabItem',
-  tag: 'button',
-  layout: verticalTabItemRoot,
-  base: _VerticalTabItem.base,
-  variations: {
-    size: {
-      css: _base2.base
-    },
-    view: {
-      css: _base.base
-    },
-    disabled: {
-      css: _base3.base,
-      attrs: true
-    }
-  },
-  defaults: {
-    view: 'divider'
-  }
-};

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

@@ -1,30 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = exports.StyledContent = exports.RightContent = exports.LeftContent = void 0;
-var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
-var _mixins = /*#__PURE__*/require("../../../../../mixins");
-var _tokens = /*#__PURE__*/require("../../../tokens");
-var _templateObject;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    align-items: center;\n\n    gap: var(", ");\n    padding: var(", ", var(", "));\n\n    appearance: none;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    ", ";\n"])), _tokens.tokens.itemContentGap, _tokens.tokens.itemPaddingClear, _tokens.tokens.itemPadding, /*#__PURE__*/(0, _mixins.addFocus)({
-  outlineSize: '0.063rem',
-  outlineOffset: '-0.125rem',
-  outlineColor: /*#__PURE__*/"var(".concat(_tokens.tokens.outlineFocusColor, ")"),
-  outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
-  customFocusRules: /*#__PURE__*/"\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        ")
-}));
-var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1pflgj8-0"
-})(["display:inline-block;width:fit-content;padding:0 var(", ",var(", "));"], _tokens.tokens.itemContentPaddingClear, _tokens.tokens.itemContentPadding);
-var RightContent = exports.RightContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1pflgj8-1"
-})(["display:flex;color:var(", ");&:hover{color:var(", ");}"], _tokens.tokens.additionalContentColor, _tokens.tokens.additionalContentHoverColor);
-var LeftContent = exports.LeftContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-1pflgj8-2"
-})(["display:flex;color:inherit;&:hover{color:inherit;}"]);

package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.base = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _tokens = /*#__PURE__*/require("../../../../../tokens");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[disabled]{cursor:not-allowed;&:hover{color:var(", ");background-color:var(", ");}&.", ":hover{color:var(", ");background-color:var(", ");}}"], _tokens.tokens.itemColor, _tokens.tokens.itemBackgroundColor, /*#__PURE__*/String(_tokens.classes.selectedTabsItem), _tokens.tokens.itemSelectedColor, _tokens.tokens.itemSelectedBackgroundColor);

package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/tokens.json

@@ -1,4 +0,0 @@
-{
-    "type": "boolean",
-    "tokens": ["--plasma-tab-disabled-opacity"]
-}

package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/tokens.json

@@ -1,11 +0,0 @@
-[
-    "--plasma-tab-item-font-family",
-    "--plasma-tab-item-font-size",
-    "--plasma-tab-item-font-style",
-    "--plasma-tab-item-font-weight",
-    "--plasma-tab-item-letter-spacing",
-    "--plasma-tab-item-lineheight",
-    "--plasma-tab-item-border-radius",
-    "--plasma-tab-item-width",
-    "--plasma-tab-item-height"
-]