@salutejs/plasma-new-hope 0.155.1-canary.1374.11068058640.0 → 0.155.1-canary.1448.11067422314.0

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

@@ -1,117 +0,0 @@
-var _excluded = ["size", "view", "selected", "disabled", "children", "value", "contentRight", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick"];
-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; }
-import React, { forwardRef, useRef, useContext, useEffect, useCallback } from 'react';
-import { useForkRef } from '@salutejs/plasma-core';
-import { classes } from '../../../tokens';
-import { cx } from '../../../../../utils';
-import { TabsContext } from '../../../TabsContext';
-import { VerticalTabsContext } from '../VerticalTabsContext';
-import { base, LeftContent, RightContent, StyledContent, TabItemValue } from './VerticalTabItem.styles';
-import { base as viewCSS } from './variations/_view/base';
-import { base as sizeCSS } from './variations/_size/base';
-import { base as disabledCSS } from './variations/_disabled/base';
-export var verticalTabItemRoot = function verticalTabItemRoot(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,
-      value = props.value,
-      contentRight = props.contentRight,
-      onIndexChange = props.onIndexChange,
-      itemIndex = props.itemIndex,
-      tabIndex = props.tabIndex,
-      className = props.className,
-      onClick = props.onClick,
-      rest = _objectWithoutProperties(props, _excluded);
-    var innerRef = useRef(null);
-    var ref = useForkRef(outerRef, innerRef);
-    var refs = useContext(TabsContext);
-    var contentLeft = useContext(VerticalTabsContext);
-    var role = 'tab';
-    var selectedClass = selected ? classes.selectedTabsItem : 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]);
-    var onItemFocus = 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.createElement(Root, _extends({
-      ref: ref,
-      disabled: disabled,
-      role: role,
-      view: view,
-      size: size,
-      onFocus: onItemFocus,
-      tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
-      className: cx(selectedClass, className),
-      onClick: handleClick
-    }, rest), /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && /*#__PURE__*/React.createElement(LeftContent, {
-      className: classes.tabLeftContent
-    }, contentLeft), /*#__PURE__*/React.createElement(StyledContent, {
-      className: classes.tabContent
-    }, children), value && /*#__PURE__*/React.createElement(TabItemValue, null, value), contentRight && /*#__PURE__*/React.createElement(RightContent, {
-      className: classes.tabRightContent
-    }, contentRight)));
-  });
-};
-export var verticalTabItemConfig = {
-  name: 'VerticalTabItem',
-  tag: 'button',
-  layout: verticalTabItemRoot,
-  base: base,
-  variations: {
-    size: {
-      css: sizeCSS
-    },
-    view: {
-      css: viewCSS
-    },
-    disabled: {
-      css: disabledCSS,
-      attrs: true
-    }
-  },
-  defaults: {
-    view: 'divider'
-  }
-};

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

@@ -1,25 +0,0 @@
-var _templateObject;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { css } from 'styled-components';
-import styled from 'styled-components';
-import { addFocus } from '../../../../../mixins';
-import { tokens } from '../../../tokens';
-export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    box-sizing: border-box;\n    align-items: center;\n\n    gap: var(", ");\n    padding: 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.itemContentGap, tokens.itemPaddingOrientationVertical, /*#__PURE__*/addFocus({
-  outlineSize: '0.063rem',
-  outlineOffset: '-0.125rem',
-  outlineColor: /*#__PURE__*/"var(".concat(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.outlineFocusColor, ");\n                }\n            }\n        ")
-}));
-export var StyledContent = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-1pflgj8-0"
-})(["display:inline-block;width:fit-content;padding:0 var(", ",var(", "));"], tokens.itemContentPaddingClear, tokens.itemContentPadding);
-export var TabItemValue = /*#__PURE__*/styled.span.withConfig({
-  componentId: "plasma-new-hope__sc-1pflgj8-1"
-})(["color:var(", ");"], tokens.itemValueColor);
-export var RightContent = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-1pflgj8-2"
-})(["display:flex;color:inherit;&:hover{color:inherit;}"]);
-export var LeftContent = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-1pflgj8-3"
-})(["display:flex;color:inherit;&:hover{color:inherit;}"]);

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

@@ -1,3 +0,0 @@
-import { css } from 'styled-components';
-import { classes, tokens } from '../../../../../tokens';
-export var base = /*#__PURE__*/css(["&[disabled]{cursor:not-allowed;&:hover{color:var(", ");background-color:var(", ");}&.", ":hover{color:var(", ");background-color:var(", ");}}"], tokens.itemColor, tokens.itemBackgroundColor, /*#__PURE__*/String(classes.selectedTabsItem), tokens.itemSelectedColor, tokens.itemSelectedBackgroundColor);

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

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

package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js

@@ -1,3 +0,0 @@
-import { css } from 'styled-components';
-import { tokens } from '../../../../../tokens';
-export var base = /*#__PURE__*/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:100%;height:var(", ");"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.itemBorderRadius, tokens.itemBorderRadius, tokens.itemHeight);

package/styled-components/es/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"
-]

package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js

@@ -1,4 +0,0 @@
-import { css } from 'styled-components';
-import { classes, tokens } from '../../../../../tokens';
-import { TabItemValue } from '../../VerticalTabItem.styles';
-export var base = /*#__PURE__*/css(["color:var(", ");background-color:var(", ");&:hover{color:var(", ");background-color:var(", ");", "{color:var(", ");}}&:active{color:var(", ");", "{color:var(", ");}}&.", "{transition:var(", ");}&.", "{color:var(", ");background-color:var(", ");&:hover{color:var(", ");background-color:var(", ");&::after{background:var(", ");}}", "{color:var(", ");&:hover{color:var(", ");}}&::before{content:'';position:absolute;top:0;left:0;bottom:0;background:var(", ");width:var(", ");border-radius:1px;}}"], tokens.itemColor, tokens.itemBackgroundColor, tokens.itemColorHover, tokens.itemBackgroundColorHover, TabItemValue, tokens.itemValueColorHover, tokens.itemColorActive, TabItemValue, tokens.itemValueColorActive, /*#__PURE__*/String(classes.tabItemAnimated), tokens.itemBackgroundTransition, /*#__PURE__*/String(classes.selectedTabsItem), tokens.itemSelectedColor, tokens.itemSelectedBackgroundColor, tokens.itemSelectedColorHover, tokens.itemSelectedBackgroundColorHover, tokens.itemSelectedDividerColorHover, TabItemValue, tokens.itemSelectedValueColorHover, tokens.itemSelectedValueColorHover, tokens.itemSelectedDividerColor, tokens.itemSelectedDividerWidth);

package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/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/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js

@@ -1,225 +0,0 @@
-var _excluded = ["id", "stretch", "disabled", "clip", "size", "view", "children", "index", "className", "orientation", "hasDivider"];
-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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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; }
-import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef } from 'react';
-import { safeUseId } from '@salutejs/plasma-core';
-import { classes, tokens } from '../../../tokens';
-import { cx } from '../../../../../utils';
-import { TabItemRefs, TabsContext } from '../../../TabsContext';
-import { IconDisclosureLeft, IconDisclosureRight } from '../../../../_Icon';
-import { base, StyledArrow, StyledContent, StyledContentWrapper } from './VerticalTabs.styles';
-import { base as sizeCSS } from './variations/_size/base';
-import { base as viewCSS } from './variations/_view/base';
-import { base as disabledCSS } from './variations/_disabled/base';
-import { base as stretchCSS } from './variations/_stretch/base';
-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 || {});
-export 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 hasTopArrowClass = !firstItemVisible ? classes.tabsHasTopArrow : undefined;
-    var hasBottomArrowClass = !lastItemVisible ? classes.tabsHasBottomArrow : 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, hasTopArrowClass, hasBottomArrowClass, 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));
-  });
-};
-export var verticalTabsConfig = {
-  name: 'VerticalTabs',
-  tag: 'div',
-  layout: verticalTabsRoot,
-  base: base,
-  variations: {
-    size: {
-      css: sizeCSS
-    },
-    view: {
-      css: viewCSS
-    },
-    disabled: {
-      css: disabledCSS,
-      attrs: true
-    },
-    stretch: {
-      css: stretchCSS,
-      attrs: true
-    }
-  },
-  defaults: {
-    view: 'divider',
-    size: 'xs'
-  }
-};

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

@@ -1,21 +0,0 @@
-var _templateObject;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { css } from 'styled-components';
-import styled from 'styled-components';
-import { addFocus } from '../../../../../mixins';
-import { classes, tokens } from '../../../tokens';
-export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: 0.125rem;\n    align-items: center;\n"])));
-export var StyledContent = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-gz8fxn-0"
-})(["display:inline-flex;flex-direction:column;align-items:start;"]);
-export var StyledContentWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-gz8fxn-1"
-})(["margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:flex;align-items:center;z-index:1;&.", "{overflow:scroll;scroll-padding:0.25rem;overscroll-behavior:contain;scrollbar-width:none;::-webkit-scrollbar{display:none;}", "{margin-top:auto;}}&.", "{overflow:visible;}"], classes.tabsClipScroll, StyledContent, classes.tabsClipShowAll);
-export var StyledArrow = /*#__PURE__*/styled.button.withConfig({
-  componentId: "plasma-new-hope__sc-gz8fxn-2"
-})(["display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;transform:rotate(90deg);", ";&[disabled]{cursor:not-allowed;}"], /*#__PURE__*/addFocus({
-  outlineSize: '0.063rem',
-  outlineOffset: '-0.125rem',
-  outlineColor: /*#__PURE__*/"var(".concat(tokens.outlineFocusColor, ")"),
-  outlineRadius: 'calc(var(--plasma_private-outline-radius) - 0.063rem)'
-}));

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

@@ -1,3 +0,0 @@
-import { css } from 'styled-components';
-import { tokens } from '../../../../../tokens';
-export var base = /*#__PURE__*/css(["opacity:var(", ");"], tokens.disabledOpacity);

package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_disabled/tokens.json

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

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

@@ -1,3 +0,0 @@
-import { css } from 'styled-components';
-import { tokens } from '../../../../../tokens';
-export var base = /*#__PURE__*/css(["width:var(", ");height:var(", ");--plasma_private-outline-radius:var(", ");border-radius:var(", ");"], tokens.tabsWidth, tokens.tabsHeight, tokens.tabsBorderRadius, tokens.tabsBorderRadius);

package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/tokens.json

@@ -1 +0,0 @@
-["--plasma-tabs-width", "--plasma-tabs-height", "--plasma-tabs-border-radius"]

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

@@ -1,4 +0,0 @@
-import { css } from 'styled-components';
-import { classes } from '../../../../../tokens';
-import { StyledContent, StyledContentWrapper } from '../../VerticalTabs.styles';
-export var base = /*#__PURE__*/css(["&.", "{height:100%;", ",", ",", " > button{height:100%;margin-top:0;}}"], classes.tabsStretch, StyledContentWrapper, StyledContent, StyledContent);

package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_stretch/tokens.json

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

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

@@ -1,3 +0,0 @@
-import { css } from 'styled-components';
-import { classes, tokens } from '../../../../../tokens';
-export var base = /*#__PURE__*/css(["background-color:var(", ");&::before{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0;background:var(", ");width:var(", ");border-radius:var(", ");}&.", "{&::before{top:1.5rem;}}&.", "{&::before{bottom:1.5rem;}}"], tokens.tabsBackgroundColor, tokens.tabsDividerColor, tokens.tabsDividerWidth, tokens.tabsDividerBorderRadius, classes.tabsHasTopArrow, classes.tabsHasBottomArrow);

package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/tokens.json

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

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

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

package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabItem.config.js

@@ -1,22 +0,0 @@
-import { css } from 'styled-components';
-import { tabsTokens } from '../../../../../components/Tabs';
-export var config = {
-  defaults: {
-    view: 'divider',
-    size: 'xs'
-  },
-  variations: {
-    view: {
-      divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerWidth, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover)
-    },
-    size: {
-      xs: /*#__PURE__*/css(["", ":0.375rem;", ":auto;", ":2rem;", ":0 0.5rem;", ":0 0.375rem;", ":0.5rem 0.625rem;", ":0.625rem;", ":0.25rem;", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
-      s: /*#__PURE__*/css(["", ":0.5rem;", ":auto;", ":2.5rem;", ":0 0.625rem;", ":0 0.5rem;", ":0.5rem 1rem;", ":0.75rem;", ":0.25rem;", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
-      m: /*#__PURE__*/css(["", ":0.625rem;", ":auto;", ":3rem;", ":0 0.625rem;", ":0 0.5rem;", ":0.75rem 1.25rem;", ":1.125rem;", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
-      l: /*#__PURE__*/css(["", ":0.75rem;", ":auto;", ":3.5rem;", ":0 0.875rem;", ":0 0.75rem;", ":1rem 1.5rem;", ":1.25rem;", ":0.5rem;", ":0.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight)
-    },
-    disabled: {
-      "true": /*#__PURE__*/css(["", ":0.4;"], tabsTokens.disabledOpacity)
-    }
-  }
-};

package/styled-components/es/examples/plasma_b2c/components/Tabs/vertical/VerticalTabs.config.js

@@ -1,25 +0,0 @@
-import { css } from 'styled-components';
-import { tabsTokens } from '../../../../../components/Tabs';
-export var config = {
-  defaults: {
-    view: 'divider',
-    size: 'xs'
-  },
-  variations: {
-    view: {
-      divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":transparent;", ":var(--surface-accent);", ":0.0625rem;", ":0.0625rem;", ":var(--surface-transparent-tertiary);", ":0.0625rem;"], tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerWidth, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius)
-    },
-    size: {
-      xs: /*#__PURE__*/css(["", ":0.5rem;", ":fit-content;", ":auto;", ":0rem;", ":0.125rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
-      s: /*#__PURE__*/css(["", ":0.625rem;", ":fit-content;", ":auto;", ":0rem;", ":0.25rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
-      m: /*#__PURE__*/css(["", ":0.75rem;", ":fit-content;", ":auto;", ":0rem;", ":0.625rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
-      l: /*#__PURE__*/css(["", ":0.75rem;", ":fit-content;", ":auto;", ":0rem;", ":0.75rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
-    },
-    stretch: {
-      "true": /*#__PURE__*/css(["", ":100%;"], tabsTokens.containerHeight)
-    },
-    disabled: {
-      "true": /*#__PURE__*/css(["", ":0.4;"], tabsTokens.disabledOpacity)
-    }
-  }
-};

package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabItem.config.js

@@ -1,22 +0,0 @@
-import { css } from 'styled-components';
-import { tabsTokens } from '../../../../../components/Tabs';
-export var config = {
-  defaults: {
-    view: 'divider',
-    size: 'xs'
-  },
-  variations: {
-    view: {
-      divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-tertiary);", ":transparent;", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-active);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":var(--text-secondary);", ":transparent;", ":background-color 0.3s ease-in-out;", ":0;", ":0;", ":var(--surface-accent);", ":0.125rem;", ":0.125rem;", ":var(--text-primary);", ":var(--text-primary);"], tabsTokens.itemColor, tabsTokens.itemValueColor, tabsTokens.itemBackgroundColor, tabsTokens.itemColorHover, tabsTokens.itemValueColorHover, tabsTokens.itemColorActive, tabsTokens.itemValueColorActive, tabsTokens.itemBackgroundColorHover, tabsTokens.itemSelectedColor, tabsTokens.itemSelectedValueColor, tabsTokens.itemSelectedBackgroundColor, tabsTokens.itemSelectedColorHover, tabsTokens.itemSelectedValueColorHover, tabsTokens.itemSelectedBackgroundColorHover, tabsTokens.itemBackgroundTransition, tabsTokens.itemPaddingClear, tabsTokens.itemContentPaddingClear, tabsTokens.outlineFocusColor, tabsTokens.itemSelectedDividerWidth, tabsTokens.itemSelectedDividerHeight, tabsTokens.itemSelectedDividerColor, tabsTokens.itemSelectedDividerColorHover)
-    },
-    size: {
-      xs: /*#__PURE__*/css(["", ":0.375rem;", ":auto;", ":2rem;", ":0 0.5rem;", ":0 0.375rem;", ":0.5rem 0.625rem;", ":0.625rem;", ":0.25rem;", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
-      s: /*#__PURE__*/css(["", ":0.5rem;", ":auto;", ":2.5rem;", ":0 0.625rem;", ":0 0.5rem;", ":0.5rem 1rem;", ":0.75rem;", ":0.25rem;", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
-      m: /*#__PURE__*/css(["", ":0.625rem;", ":auto;", ":3rem;", ":0 0.625rem;", ":0 0.5rem;", ":0.75rem 1.25rem;", ":1.125rem;", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight),
-      l: /*#__PURE__*/css(["", ":0.75rem;", ":auto;", ":3.5rem;", ":0 0.875rem;", ":0 0.75rem;", ":1rem 1.5rem;", ":1.25rem;", ":0.5rem;", ":0.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], tabsTokens.itemBorderRadius, tabsTokens.itemWidth, tabsTokens.itemHeight, tabsTokens.itemPadding, tabsTokens.itemPaddingPilled, tabsTokens.itemPaddingOrientationVertical, tabsTokens.itemMarginLeft, tabsTokens.itemContentGap, tabsTokens.itemContentPadding, tabsTokens.fontFamily, tabsTokens.fontSize, tabsTokens.fontStyle, tabsTokens.fontWeight, tabsTokens.letterSpacing, tabsTokens.lineHeight)
-    },
-    disabled: {
-      "true": /*#__PURE__*/css(["", ":0.4;"], tabsTokens.disabledOpacity)
-    }
-  }
-};

package/styled-components/es/examples/plasma_web/components/Tabs/vertical/VerticalTabs.config.js

@@ -1,25 +0,0 @@
-import { css } from 'styled-components';
-import { tabsTokens } from '../../../../../components/Tabs';
-export var config = {
-  defaults: {
-    view: 'divider',
-    size: 'xs'
-  },
-  variations: {
-    view: {
-      divider: /*#__PURE__*/css(["", ":var(--text-secondary);", ":transparent;", ":var(--surface-accent);", ":0.0625rem;", ":0.0625rem;", ":var(--surface-transparent-tertiary);", ":0.0625rem;"], tabsTokens.arrowColor, tabsTokens.tabsBackgroundColor, tabsTokens.outlineFocusColor, tabsTokens.tabsDividerWidth, tabsTokens.tabsDividerHeight, tabsTokens.tabsDividerColor, tabsTokens.tabsDividerBorderRadius)
-    },
-    size: {
-      xs: /*#__PURE__*/css(["", ":0.5rem;", ":fit-content;", ":auto;", ":0rem;", ":0.125rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
-      s: /*#__PURE__*/css(["", ":0.625rem;", ":fit-content;", ":auto;", ":0rem;", ":0.25rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
-      m: /*#__PURE__*/css(["", ":0.75rem;", ":fit-content;", ":auto;", ":0rem;", ":0.625rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding),
-      l: /*#__PURE__*/css(["", ":0.75rem;", ":fit-content;", ":auto;", ":0rem;", ":0.75rem;"], tabsTokens.tabsBorderRadius, tabsTokens.tabsWidth, tabsTokens.tabsHeight, tabsTokens.arrowInnerPadding, tabsTokens.arrowOuterPadding)
-    },
-    stretch: {
-      "true": /*#__PURE__*/css(["", ":100%;"], tabsTokens.containerHeight)
-    },
-    disabled: {
-      "true": /*#__PURE__*/css(["", ":0.4;"], tabsTokens.disabledOpacity)
-    }
-  }
-};