npm - @salutejs/plasma-new-hope - Versions diffs - 0.335.0-canary.2194.17367251959.0 → 0.335.0-canary.2195.17430179093.0 - Mend

@salutejs/plasma-new-hope 0.335.0-canary.2194.17367251959.0 → 0.335.0-canary.2195.17430179093.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (894) hide show

package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css CHANGED Viewed

@@ -1,8 +1,9 @@
-.VerticalTabItem_styles_1tc3j1u_s1vnvg8i__a09c08b9{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));}
-.VerticalTabItem_styles_1tc3j1u_t4s0t81__a09c08b9{white-space:nowrap;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));}
-.VerticalTabItem_styles_1tc3j1u_rur46hh__a09c08b9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_1tc3j1u_rur46hh__a09c08b9:hover{color:inherit;}
-.VerticalTabItem_styles_1tc3j1u_l1ms3p4x__a09c08b9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_1tc3j1u_l1ms3p4x__a09c08b9:hover{color:inherit;}
-.VerticalTabItem_styles_1tc3j1u_b1yz2xa4__a09c08b9{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);padding:var(--plasma-tab-item-padding-orientation-vertical);-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;}.VerticalTabItem_styles_1tc3j1u_b1yz2xa4__a09c08b9::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;}.VerticalTabItem_styles_1tc3j1u_b1yz2xa4__a09c08b9.VerticalTabItem_styles_1tc3j1u_focusVisible__a09c08b9:focus::before,.VerticalTabItem_styles_1tc3j1u_b1yz2xa4__a09c08b9[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.VerticalTabItem_styles_1tc3j1u_b1yz2xa4__a09c08b9.VerticalTabItem_styles_1tc3j1u_tabsTruncate__a09c08b9 .VerticalTabItem_styles_1tc3j1u_s1vnvg8i__a09c08b9{overflow:hidden;text-overflow:ellipsis;}.VerticalTabItem_styles_1tc3j1u_b1yz2xa4__a09c08b9.VerticalTabItem_styles_1tc3j1u_tabsTruncate__a09c08b9 .VerticalTabItem_styles_1tc3j1u_t4s0t81__a09c08b9{overflow:hidden;text-overflow:ellipsis;}
+.VerticalTabItem_styles_11xtftz_s1vnvg8i__37326585{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));}
+.VerticalTabItem_styles_11xtftz_t4s0t81__37326585{white-space:nowrap;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));}
+.VerticalTabItem_styles_11xtftz_rur46hh__37326585{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_11xtftz_rur46hh__37326585:hover{color:inherit;}
+.VerticalTabItem_styles_11xtftz_l1ms3p4x__37326585{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_11xtftz_l1ms3p4x__37326585:hover{color:inherit;}
+.VerticalTabItem_styles_11xtftz_a1yz2xa4__37326585{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
+.VerticalTabItem_styles_11xtftz_buauuob__37326585{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);padding:var(--plasma-tab-item-padding-orientation-vertical);-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;}.VerticalTabItem_styles_11xtftz_buauuob__37326585::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;}.VerticalTabItem_styles_11xtftz_buauuob__37326585.VerticalTabItem_styles_11xtftz_focusVisible__37326585:focus::before,.VerticalTabItem_styles_11xtftz_buauuob__37326585[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.VerticalTabItem_styles_11xtftz_buauuob__37326585.VerticalTabItem_styles_11xtftz_tabsTruncate__37326585 .VerticalTabItem_styles_11xtftz_s1vnvg8i__37326585{overflow:hidden;text-overflow:ellipsis;}.VerticalTabItem_styles_11xtftz_buauuob__37326585.VerticalTabItem_styles_11xtftz_tabsTruncate__37326585 .VerticalTabItem_styles_11xtftz_t4s0t81__37326585{overflow:hidden;text-overflow:ellipsis;}
 .base_7aeg6y_byyhn69__0c4ed4e7{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_7aeg6y_byyhn69__0c4ed4e7:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7:hover .base_7aeg6y_t4s0t81__0c4ed4e7{color:var(--plasma-tab-item-value-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7:active{color:var(--plasma-tab-item-color-active);}.base_7aeg6y_byyhn69__0c4ed4e7:active .base_7aeg6y_t4s0t81__0c4ed4e7{color:var(--plasma-tab-item-value-color-active);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_tabItemAnimated__0c4ed4e7{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7 .base_7aeg6y_t4s0t81__0c4ed4e7{color:var(--plasma-tab-item-selected-value-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7 .base_7aeg6y_t4s0t81__0c4ed4e7:hover{color:var(--plasma-tab-item-selected-value-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7::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;}

package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js CHANGED Viewed

@@ -1,15 +1,16 @@
 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 { useTabItem } from '../../../hooks/useTabItem.js';
+import { classes } from '../../../tokens.js';
 import { TabsContext } from '../../../TabsContext.js';
-import { LeftContent, StyledContent, TabItemValue, RightContent, base } from './VerticalTabItem.styles.js';
+import { LeftContent, StyledContent, TabItemValue, RightContent, ActionContent, base } from './VerticalTabItem.styles.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';
-var _excluded = ["size", "view", "selected", "disabled", "children", "value", "contentLeft", "contentRight", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick", "maxItemWidth"];
+var _excluded = ["size", "view", "selected", "disabled", "children", "value", "contentLeft", "contentRight", "actionContent", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick", "maxItemWidth"];
 var verticalTabItemRoot = function verticalTabItemRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, outerRef) {
     var size = props.size,
@@ -21,6 +22,7 @@ var verticalTabItemRoot = function verticalTabItemRoot(Root) {
       value = props.value,
       contentLeft = props.contentLeft,
       contentRight = props.contentRight,
+      actionContent = props.actionContent,
       onIndexChange = props.onIndexChange,
       itemIndex = props.itemIndex,
       tabIndex = props.tabIndex,
@@ -35,60 +37,20 @@ var verticalTabItemRoot = function verticalTabItemRoot(Root) {
     var role = 'tab';
     var selectedClass = 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({
-        top: innerRef.current.offsetTop - parseInt(scrollElStyle.paddingTop, 10)
-      });
-    }, [selected]);
-    var onItemFocus = useCallback(function (event) {
-      if (disabled) {
-        return;
-      }
-      if (!hasKeyNavigation && innerRef !== null && innerRef !== void 0 && innerRef.current) {
-        innerRef.current.scrollTo({
-          top: innerRef.current.offsetTop,
-          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,
@@ -109,7 +71,7 @@ var verticalTabItemRoot = function verticalTabItemRoot(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 verticalTabItemConfig = {

package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VerticalTabItem.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.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 { VerticalTabItemProps } from '../../../TabItem.types';\n\nimport { base, LeftContent, RightContent, StyledContent, TabItemValue } from './VerticalTabItem.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const verticalTabItemRoot = (Root: RootProps<HTMLButtonElement, VerticalTabItemProps>) =>\n forwardRef<HTMLButtonElement, VerticalTabItemProps>((props, outerRef) => {\n const {\n size,\n view,\n selected,\n disabled = false,\n children,\n value,\n contentLeft,\n contentRight,\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 selectedClass = 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 top: innerRef.current.offsetTop - parseInt(scrollElStyle.paddingTop, 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: innerRef.current.offsetTop,\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 role={role}\n view={view}\n size={size}\n onFocus={onItemFocus}\n tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n className={cx(selectedClass, 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 verticalTabItemConfig = {\n name: 'VerticalTabItem',\n tag: 'button',\n layout: verticalTabItemRoot,\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":["verticalTabItemRoot","Root","forwardRef","props","outerRef","size","view","selected","_props$disabled","disabled","children","value","contentLeft","contentRight","onIndexChange","itemIndex","tabIndex","className","onClick","_props$maxItemWidth","maxItemWidth","maxWidth","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","selectedClass","classes","selectedTabsItem","undefined","truncateClass","tabsTruncate","hasKeyNavigation","navigationTabIndex","current","useEffect","register","unregister","useLayoutEffect","_innerRef$current$par","scrollEl","parentElement","scrollElStyle","getComputedStyle","scrollTo","top","offsetTop","parseInt","paddingTop","onItemFocus","useCallback","event","behavior","focusIndex","items","findIndex","itemRef","target","setCurrent","handleClick","React","createElement","_extends","onFocus","cx","style","_objectSpread","Fragment","LeftContent","tabLeftContent","StyledContent","tabContent","TabItemValue","RightContent","tabRightContent","verticalTabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
1	+ {"version":3,"file":"VerticalTabItem.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.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 { useTabItem, UseTabItemProps } from '../../../hooks/useTabItem';\nimport { classes } from '../../../tokens';\nimport { TabsContext } from '../../../TabsContext';\nimport { VerticalTabItemProps } from '../../../TabItem.types';\n\nimport { ActionContent, base, LeftContent, RightContent, StyledContent, TabItemValue } from './VerticalTabItem.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const verticalTabItemRoot = (Root: RootProps<HTMLButtonElement, VerticalTabItemProps>) =>\n forwardRef<HTMLButtonElement, VerticalTabItemProps>((props, outerRef) => {\n const {\n size,\n view,\n selected,\n disabled = false,\n children,\n value,\n contentLeft,\n contentRight,\n actionContent,\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 selectedClass = 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 role={role}\n view={view}\n size={size}\n onFocus={onItemFocus}\n tabIndex={hasKeyNavigation ? navigationTabIndex : tabIndex}\n className={cx(selectedClass, 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 verticalTabItemConfig = {\n name: 'VerticalTabItem',\n tag: 'button',\n layout: verticalTabItemRoot,\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":["verticalTabItemRoot","Root","forwardRef","props","outerRef","size","view","selected","_props$disabled","disabled","children","value","contentLeft","contentRight","actionContent","onIndexChange","itemIndex","tabIndex","className","onClick","_props$maxItemWidth","maxItemWidth","maxWidth","rest","_objectWithoutProperties","_excluded","innerRef","useRef","ref","useForkRef","refs","useContext","TabsContext","role","selectedClass","classes","selectedTabsItem","undefined","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","verticalTabItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","defaults"],"mappings":"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"}

package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './VerticalTabItem.styles_1tc3j1u.css';
+import './VerticalTabItem.styles_11xtftz.css';
 import { styled } from '@linaria/react';
 var StyledContent = /*#__PURE__*/styled('div')({
@@ -21,7 +21,12 @@ var LeftContent = /*#__PURE__*/styled('div')({
   "class": "l1ms3p4x",
   propsAsIs: false
 });
-var base = "b1yz2xa4";
+var ActionContent = /*#__PURE__*/styled('div')({
+  name: "ActionContent",
+  "class": "a1yz2xa4",
+  propsAsIs: false
+});
+var base = "buauuob";
-export { LeftContent, RightContent, StyledContent, TabItemValue, base };
+export { ActionContent, LeftContent, RightContent, StyledContent, TabItemValue, base };
 //# sourceMappingURL=VerticalTabItem.styles.js.map

package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VerticalTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.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 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 white-space: nowrap;\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: flex-start;\n gap: var(${tokens.itemContentGap});\n\n padding: var(${tokens.itemPaddingOrientationVertical});\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 &.${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,UAAA;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,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUjC,EAAA;AAEM,IAAME,YAAY,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;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,GA+ChB;;;;"}
1	+ {"version":3,"file":"VerticalTabItem.styles.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.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 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 white-space: nowrap;\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: flex-start;\n gap: var(${tokens.itemContentGap});\n\n padding: var(${tokens.itemPaddingOrientationVertical});\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 &.${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,UAAA;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,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUjC,EAAA;AAEM,IAAME,YAAY,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;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,GA+ChB;;;;"}

package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_11xtftz.css ADDED Viewed

@@ -0,0 +1,6 @@
+.s1vnvg8i{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));}
+.t4s0t81{white-space:nowrap;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));}
+.rur46hh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.rur46hh:hover{color:inherit;}
+.l1ms3p4x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.l1ms3p4x:hover{color:inherit;}
+.a1yz2xa4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
+.buauuob{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);padding:var(--plasma-tab-item-padding-orientation-vertical);-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;}.buauuob::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;}.buauuob.focus-visible:focus::before,.buauuob[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.buauuob.tabs-truncate .s1vnvg8i{overflow:hidden;text-overflow:ellipsis;}.buauuob.tabs-truncate .t4s0t81{overflow:hidden;text-overflow:ellipsis;}

package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css CHANGED Viewed

@@ -1,12 +1,12 @@
 .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
-.VerticalTabs_styles_1khdtzl_b2r261u__8b23c604{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;}
-.VerticalTabs_styles_1khdtzl_s1tfgc53__8b23c604{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:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
-.VerticalTabs_styles_1khdtzl_s16g9t9z__8b23c604{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;z-index:1;}.VerticalTabs_styles_1khdtzl_s16g9t9z__8b23c604.VerticalTabs_styles_1khdtzl_tabsClipScroll__8b23c604{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.VerticalTabs_styles_1khdtzl_s16g9t9z__8b23c604.VerticalTabs_styles_1khdtzl_tabsClipScroll__8b23c604::-webkit-scrollbar{display:none;}.VerticalTabs_styles_1khdtzl_s16g9t9z__8b23c604.VerticalTabs_styles_1khdtzl_tabsClipScroll__8b23c604 .VerticalTabs_styles_1khdtzl_s1tfgc53__8b23c604{margin-top:auto;}.VerticalTabs_styles_1khdtzl_s16g9t9z__8b23c604.VerticalTabs_styles_1khdtzl_tabsClipShowAll__8b23c604{overflow:visible;}
-.VerticalTabs_styles_1khdtzl_s81cx4__8b23c604{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;color:var(--plasma-tabs-arrow-color);}.VerticalTabs_styles_1khdtzl_s81cx4__8b23c604::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;}.VerticalTabs_styles_1khdtzl_s81cx4__8b23c604.VerticalTabs_styles_1khdtzl_focusVisible__8b23c604:focus::before,.VerticalTabs_styles_1khdtzl_s81cx4__8b23c604[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.VerticalTabs_styles_1khdtzl_s81cx4__8b23c604[disabled]{cursor:not-allowed;}.VerticalTabs_styles_1khdtzl_s81cx4__8b23c604:hover{color:var(--plasma-tabs-arrow-color-hover);}.VerticalTabs_styles_1khdtzl_s81cx4__8b23c604:active{color:var(--plasma-tabs-arrow-color-active);}
+.VerticalTabs_styles_16pdfpo_b2r261u__e4aa67f6{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;}
+.VerticalTabs_styles_16pdfpo_s1tfgc53__e4aa67f6{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:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
+.VerticalTabs_styles_16pdfpo_s16g9t9z__e4aa67f6{padding:0.125rem 0.25rem;box-sizing:border-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;z-index:1;}.VerticalTabs_styles_16pdfpo_s16g9t9z__e4aa67f6.VerticalTabs_styles_16pdfpo_tabsClipScroll__e4aa67f6{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.VerticalTabs_styles_16pdfpo_s16g9t9z__e4aa67f6.VerticalTabs_styles_16pdfpo_tabsClipScroll__e4aa67f6::-webkit-scrollbar{display:none;}.VerticalTabs_styles_16pdfpo_s16g9t9z__e4aa67f6.VerticalTabs_styles_16pdfpo_tabsClipScroll__e4aa67f6 .VerticalTabs_styles_16pdfpo_s1tfgc53__e4aa67f6{margin-top:auto;}.VerticalTabs_styles_16pdfpo_s16g9t9z__e4aa67f6.VerticalTabs_styles_16pdfpo_tabsClipShowAll__e4aa67f6{overflow:visible;}
+.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6{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;color:var(--plasma-tabs-arrow-color);}.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6::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;}.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6.VerticalTabs_styles_16pdfpo_focusVisible__e4aa67f6:focus::before,.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6[disabled]{cursor:not-allowed;}.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6:hover{color:var(--plasma-tabs-arrow-color-hover);}.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6:active{color:var(--plasma-tabs-arrow-color-active);}
 .base_1sekozo_b1t51iwr__491bf88c{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
-.base_rze03c_bljnkat__94b6c151{background-color:var(--plasma-tabs-background-color);}.base_rze03c_bljnkat__94b6c151::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0;background:var(--plasma-tabs-divider-color);width:var(--plasma-tabs-divider-width);border-radius:var(--plasma-tabs-divider-border-radius);}.base_rze03c_bljnkat__94b6c151.base_rze03c_tabsHasTopArrow__94b6c151::after{top:1.5rem;}.base_rze03c_bljnkat__94b6c151.base_rze03c_tabsHasBottomArrow__94b6c151::after{bottom:1.5rem;}.base_rze03c_bljnkat__94b6c151.base_rze03c_tabsNoDivider__94b6c151::after{width:0;}
+.base_efv11p_bljnkat__6e3b0324{background-color:var(--plasma-tabs-background-color);}.base_efv11p_bljnkat__6e3b0324::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0.25rem;background:var(--plasma-tabs-divider-color);width:var(--plasma-tabs-divider-width);border-radius:var(--plasma-tabs-divider-border-radius);}.base_efv11p_bljnkat__6e3b0324.base_efv11p_tabsHasTopArrow__6e3b0324::after{top:1.5rem;}.base_efv11p_bljnkat__6e3b0324.base_efv11p_tabsHasBottomArrow__6e3b0324::after{bottom:1.5rem;}.base_efv11p_bljnkat__6e3b0324.base_efv11p_tabsNoDivider__6e3b0324::after{width:0;}
 .base_do8935_b1vdpmya__377ce78c{opacity:var(--plasma-tabs-disabled-opacity);}

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

@@ -160,7 +160,7 @@ var verticalTabsRoot = function verticalTabsRoot(Root) {
     useLayoutEffect(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));
-    }, []);
+    }, [clip]);
     // Этот хук компенсирует появление верхней стрелки при прокрутке
     useLayoutEffect(function () {
@@ -185,13 +185,13 @@ var verticalTabsRoot = function verticalTabsRoot(Root) {
       className: cx(hasTopArrowClass, hasBottomArrowClass, noDividerClass, className),
       onKeyDown: onKeyDown,
       orientation: orientation
-    }, 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 verticalTabsConfig = {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"VerticalTabs.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState, useLayoutEffect, useRef, KeyboardEvent } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { cx, safeUseId } from 'src/utils';\nimport type { RootProps } from 'src/engines/types';\n\nimport { classes } from '../../../tokens';\nimport { TabItemRefs, TabsContext } from '../../../TabsContext';\nimport type { VerticalTabsProps } from '../../../Tabs.types';\nimport { IconDisclosureLeft, IconDisclosureRight } from '../../../../_Icon';\nimport { getFirstOverflowingTab, getLastOverflowingTab } from '../../../utils';\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';\n\nenum Keys {\n end = 35,\n home = 36,\n up = 38,\n down = 40,\n}\n\n// TODO: https://github.com/salute-developers/plasma/issues/1474\nexport const verticalTabsRoot = (Root: RootProps<HTMLDivElement, VerticalTabsProps>) =>\n forwardRef<HTMLDivElement, VerticalTabsProps>((props, outerRef) => {\n const {\n id,\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(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 noDividerClass = !hasDivider ? classes.tabsNoDivider : undefined;\n const hasTopArrowClass = !firstItemVisible ? classes.tabsHasTopArrow : undefined;\n const hasBottomArrowClass = !lastItemVisible ? classes.tabsHasBottomArrow : 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 upArrowRef = useRef<HTMLButtonElement \| null>(null);\n\n const onPrev = useCallback(() => {\n if (disabled \|\| !scrollRef.current) {\n return;\n }\n\n const { scrollTop } = scrollRef.current;\n const firstOverflowingTab = getFirstOverflowingTab(refs.items.slice().reverse(), scrollTop, orientation);\n\n if (!firstOverflowingTab?.current) {\n return;\n }\n\n const scrollElStyle = getComputedStyle(scrollRef.current);\n scrollRef.current.scrollTo({\n top: firstOverflowingTab.current.offsetTop - parseInt(scrollElStyle.paddingTop, 10),\n });\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 = getLastOverflowingTab(refs.items, scrollBottom, 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 top: Math.round(\n lastOverflowingTab.current.offsetTop +\n lastOverflowingTab.current.offsetHeight -\n scrollRef.current.clientHeight +\n parseInt(scrollElStyle.paddingTop, 10),\n ),\n });\n }, [firstItemVisible, 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=\"inherit\" />\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=\"inherit\" />\n </StyledArrow>\n );\n\n const handleScroll = useCallback(\n (event: React.UIEvent<HTMLElement>): void => {\n event.stopPropagation();\n const scrollElStyle = getComputedStyle(event.currentTarget);\n const minScrollTop = parseInt(scrollElStyle.paddingLeft, 10);\n const maxScrollTop =\n event.currentTarget.scrollHeight -\n event.currentTarget.clientHeight -\n parseInt(scrollElStyle.paddingTop, 10);\n const scrollTop = Math.round(event.currentTarget.scrollTop);\n\n setFirstItemVisible(scrollTop <= minScrollTop);\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: 'nearest',\n inline: 'nearest',\n behavior: 'smooth',\n });\n }\n },\n [index],\n );\n\n useLayoutEffect(() => {\n setLastItemVisible(scrollRef.current?.scrollHeight === scrollRef.current?.clientHeight);\n }, []);\n\n // Этот хук компенсирует появление верхней стрелки при прокрутке\n useLayoutEffect(() => {\n if (firstItemVisible \|\| !shouldTriggerAdditionalScroll \|\| !scrollRef.current \|\| !upArrowRef.current) {\n return;\n }\n\n const style = getComputedStyle(scrollRef.current);\n scrollRef.current.scrollTo({\n top: Math.round(\n scrollRef.current.scrollTop + upArrowRef.current.clientHeight + parseInt(style.paddingTop, 10),\n ),\n });\n setShouldTriggerAdditionalScroll(false);\n }, [firstItemVisible, shouldTriggerAdditionalScroll, 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(hasTopArrowClass, hasBottomArrowClass, noDividerClass, 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 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 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 },\n defaults: {\n view: 'divider',\n size: 'xs',\n },\n};\n"],"names":["Keys","verticalTabsRoot","Root","forwardRef","props","outerRef","id","_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","_useState5","_useState6","shouldTriggerAdditionalScroll","setShouldTriggerAdditionalScroll","refs","useMemo","TabItemRefs","uniqId","safeUseId","tabsId","noDividerClass","classes","tabsNoDivider","undefined","hasTopArrowClass","tabsHasTopArrow","hasBottomArrowClass","tabsHasBottomArrow","clipScrollClass","tabsClipScroll","clipShowAllClass","tabsClipShowAll","scrollRef","useRef","trackRef","upArrowRef","onPrev","useCallback","current","scrollTop","firstOverflowingTab","getFirstOverflowingTab","items","slice","reverse","scrollElStyle","getComputedStyle","scrollTo","top","offsetTop","parseInt","paddingTop","onNext","scrollBottom","Math","round","clientHeight","lastOverflowingTab","getLastOverflowingTab","offsetHeight","PreviousButton","React","createElement","StyledArrow","type","onClick","tabIndex","ref","_IconDisclosureLeft","IconDisclosureLeft","color","NextButton","_IconDisclosureRight","IconDisclosureRight","handleScroll","event","stopPropagation","currentTarget","minScrollTop","paddingLeft","maxScrollTop","scrollHeight","onKeyDown","minIndex","maxIndex","length","nextIndex","keyCode","end","up","down","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","verticalTabsConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","defaults"],"mappings":";;;;;;;;;;;;;;;;AAckE,IAE7DA,IAAI,0BAAJA,IAAI,EAAA;AAAJA,EAAAA,IAAI,CAAJA,IAAI,CAAA,KAAA,CAAA,GAAA,EAAA,CAAA,GAAA,KAAA,CAAA;AAAJA,EAAAA,IAAI,CAAJA,IAAI,CAAA,MAAA,CAAA,GAAA,EAAA,CAAA,GAAA,MAAA,CAAA;AAAJA,EAAAA,IAAI,CAAJA,IAAI,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,GAAA,IAAA,CAAA;AAAJA,EAAAA,IAAI,CAAJA,IAAI,CAAA,MAAA,CAAA,GAAA,EAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAAJA,IAAI,CAAA;AAAA,CAAA,CAAJA,IAAI,IAOT,EAAA,CAAA,CAAA;IACaC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,IAAkD,EAAA;AAAA,EAAA,oBAC/EC,UAAU,CAAoC,UAACC,KAAK,EAAEC,QAAQ,EAAK;AAC/D,IAAA,IACIC,EAAE,GAWFF,KAAK,CAXLE,EAAE;MAAAC,eAAA,GAWFH,KAAK,CAVLI,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;MAAAE,WAAA,GAUhBL,KAAK,CATLM,IAAI;AAAJA,MAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,WAAA;MAChBE,IAAI,GAQJP,KAAK,CARLO,IAAI;MACJC,IAAI,GAOJR,KAAK,CAPLQ,IAAI;MACJC,QAAQ,GAMRT,KAAK,CANLS,QAAQ;MACRC,KAAK,GAKLV,KAAK,CALLU,KAAK;MACLC,SAAS,GAITX,KAAK,CAJLW,SAAS;MACTC,WAAW,GAGXZ,KAAK,CAHLY,WAAW;MAAAC,iBAAA,GAGXb,KAAK,CAFLc,UAAU;AAAVA,MAAAA,UAAU,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,iBAAA;AACdE,MAAAA,IAAI,GAAAC,wBAAA,CACPhB,KAAK,EAAAiB,SAAA,CAAA,CAAA;AAET,IAAA,IAAAC,SAAA,GAAgDC,QAAQ,CAAC,IAAI,CAAC;MAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,MAAAA,gBAAgB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,mBAAmB,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAC5C,IAAA,IAAAI,UAAA,GAA8CL,QAAQ,CAAC,KAAK,CAAC;MAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAtDE,MAAAA,eAAe,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,kBAAkB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;;AAE1C;AACA,IAAA,IAAAG,UAAA,GAA0ET,QAAQ,CAAC,KAAK,CAAC;MAAAU,UAAA,GAAAR,cAAA,CAAAO,UAAA,EAAA,CAAA,CAAA;AAAlFE,MAAAA,6BAA6B,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,gCAAgC,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;IAEtE,IAAMG,IAAI,GAAGC,OAAO,CAAC,YAAA;AAAA,MAAA,OAAM,IAAIC,WAAW,CAACxB,KAAK,CAAC,CAAA;AAAA,KAAA,EAAE,EAAE,CAAC,CAAA;AAEtD,IAAA,IAAMyB,MAAM,GAAGC,SAAS,EAAE,CAAA;AAC1B,IAAA,IAAMC,MAAM,GAAGnC,EAAE,IAAIiC,MAAM,CAAA;IAE3B,IAAMG,cAAc,GAAG,CAACxB,UAAU,GAAGyB,OAAO,CAACC,aAAa,GAAGC,SAAS,CAAA;IACtE,IAAMC,gBAAgB,GAAG,CAACpB,gBAAgB,GAAGiB,OAAO,CAACI,eAAe,GAAGF,SAAS,CAAA;IAChF,IAAMG,mBAAmB,GAAG,CAAClB,eAAe,GAAGa,OAAO,CAACM,kBAAkB,GAAGJ,SAAS,CAAA;IACrF,IAAMK,eAAe,GAAGxC,IAAI,KAAK,QAAQ,GAAGiC,OAAO,CAACQ,cAAc,GAAGN,SAAS,CAAA;IAC9E,IAAMO,gBAAgB,GAAG1C,IAAI,KAAK,SAAS,GAAGiC,OAAO,CAACU,eAAe,GAAGR,SAAS,CAAA;AAEjF,IAAA,IAAMS,SAAS,GAAGC,MAAM,CAAqB,IAAI,CAAC,CAAA;AAClD,IAAA,IAAMC,QAAQ,GAAGD,MAAM,CAAqB,IAAI,CAAC,CAAA;AACjD,IAAA,IAAME,UAAU,GAAGF,MAAM,CAA2B,IAAI,CAAC,CAAA;AAEzD,IAAA,IAAMG,MAAM,GAAGC,WAAW,CAAC,YAAM;AAC7B,MAAA,IAAInD,QAAQ,IAAI,CAAC8C,SAAS,CAACM,OAAO,EAAE;AAChC,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAQC,SAAS,GAAKP,SAAS,CAACM,OAAO,CAA/BC,SAAS,CAAA;AACjB,MAAA,IAAMC,mBAAmB,GAAGC,sBAAsB,CAAC3B,IAAI,CAAC4B,KAAK,CAACC,KAAK,EAAE,CAACC,OAAO,EAAE,EAAEL,SAAS,EAAE7C,WAAW,CAAC,CAAA;MAExG,IAAI,EAAC8C,mBAAmB,KAAnBA,IAAAA,IAAAA,mBAAmB,eAAnBA,mBAAmB,CAAEF,OAAO,CAAE,EAAA;AAC/B,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAMO,aAAa,GAAGC,gBAAgB,CAACd,SAAS,CAACM,OAAO,CAAC,CAAA;AACzDN,MAAAA,SAAS,CAACM,OAAO,CAACS,QAAQ,CAAC;AACvBC,QAAAA,GAAG,EAAER,mBAAmB,CAACF,OAAO,CAACW,SAAS,GAAGC,QAAQ,CAACL,aAAa,CAACM,UAAU,EAAE,EAAE,CAAA;AACtF,OAAC,CAAC,CAAA;KACL,EAAE,CAACjE,QAAQ,EAAE8C,SAAS,EAAElB,IAAI,CAAC,CAAC,CAAA;AAE/B,IAAA,IAAMsC,MAAM,GAAGf,WAAW,CAAC,YAAM;AAC7B,MAAA,IAAInD,QAAQ,IAAI,CAAC8C,SAAS,CAACM,OAAO,EAAE;AAChC,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAMe,YAAY,GAAGC,IAAI,CAACC,KAAK,CAACvB,SAAS,CAACM,OAAO,CAACC,SAAS,GAAGP,SAAS,CAACM,OAAO,CAACkB,YAAY,CAAC,CAAA;MAC7F,IAAMC,kBAAkB,GAAGC,qBAAqB,CAAC5C,IAAI,CAAC4B,KAAK,EAAEW,YAAY,EAAE3D,WAAW,CAAC,CAAA;MAEvF,IAAI,EAAC+D,kBAAkB,KAAlBA,IAAAA,IAAAA,kBAAkB,eAAlBA,kBAAkB,CAAEnB,OAAO,CAAE,EAAA;AAC9B,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAIlC,gBAAgB,EAAE;QAClBS,gCAAgC,CAAC,IAAI,CAAC,CAAA;AAC1C,OAAA;AAEA,MAAA,IAAMgC,aAAa,GAAGC,gBAAgB,CAACd,SAAS,CAACM,OAAO,CAAC,CAAA;AACzDN,MAAAA,SAAS,CAACM,OAAO,CAACS,QAAQ,CAAC;AACvBC,QAAAA,GAAG,EAAEM,IAAI,CAACC,KAAK,CACXE,kBAAkB,CAACnB,OAAO,CAACW,SAAS,GAChCQ,kBAAkB,CAACnB,OAAO,CAACqB,YAAY,GACvC3B,SAAS,CAACM,OAAO,CAACkB,YAAY,GAC9BN,QAAQ,CAACL,aAAa,CAACM,UAAU,EAAE,EAAE,CAC7C,CAAA;AACJ,OAAC,CAAC,CAAA;KACL,EAAE,CAAC/C,gBAAgB,EAAElB,QAAQ,EAAE8C,SAAS,EAAElB,IAAI,CAAC,CAAC,CAAA;AAEjD,IAAA,IAAM8C,cAAc,gBAChBC,KAAA,CAAAC,aAAA,CAACC,WAAW,EAAA;AACRC,MAAAA,IAAI,EAAC,QAAQ;AACb,MAAA,YAAA,EAAW,iFAAgB;AAC3BC,MAAAA,OAAO,EAAE7B,MAAO;AAChB8B,MAAAA,QAAQ,EAAEhF,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;AAC5BA,MAAAA,QAAQ,EAAEA,QAAS;AACnBiF,MAAAA,GAAG,EAAEhC,UAAAA;KAAWiC,EAAAA,mBAAA,KAAAA,mBAAA,gBAEhBP,KAAA,CAAAC,aAAA,CAACO,kBAAkB,EAAA;AAACC,MAAAA,KAAK,EAAC,SAAA;KAAW,CAAC,CAC7B,CAChB,CAAA;AAED,IAAA,IAAMC,UAAU,gBACZV,KAAA,CAAAC,aAAA,CAACC,WAAW,EAAA;AACRC,MAAAA,IAAI,EAAC,QAAQ;AACb,MAAA,YAAA,EAAW,2EAAe;AAC1BC,MAAAA,OAAO,EAAEb,MAAO;AAChBc,MAAAA,QAAQ,EAAEhF,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;AAC5BA,MAAAA,QAAQ,EAAEA,QAAAA;KAASsF,EAAAA,oBAAA,KAAAA,oBAAA,gBAEnBX,KAAA,CAAAC,aAAA,CAACW,mBAAmB,EAAA;AAACH,MAAAA,KAAK,EAAC,SAAA;KAAW,CAAC,CAC9B,CAChB,CAAA;AAED,IAAA,IAAMI,YAAY,GAAGrC,WAAW,CAC5B,UAACsC,KAAiC,EAAW;MACzCA,KAAK,CAACC,eAAe,EAAE,CAAA;AACvB,MAAA,IAAM/B,aAAa,GAAGC,gBAAgB,CAAC6B,KAAK,CAACE,aAAa,CAAC,CAAA;MAC3D,IAAMC,YAAY,GAAG5B,QAAQ,CAACL,aAAa,CAACkC,WAAW,EAAE,EAAE,CAAC,CAAA;MAC5D,IAAMC,YAAY,GACdL,KAAK,CAACE,aAAa,CAACI,YAAY,GAChCN,KAAK,CAACE,aAAa,CAACrB,YAAY,GAChCN,QAAQ,CAACL,aAAa,CAACM,UAAU,EAAE,EAAE,CAAC,CAAA;MAC1C,IAAMZ,SAAS,GAAGe,IAAI,CAACC,KAAK,CAACoB,KAAK,CAACE,aAAa,CAACtC,SAAS,CAAC,CAAA;AAE3DlC,MAAAA,mBAAmB,CAACkC,SAAS,IAAIuC,YAAY,CAAC,CAAA;AAC9CrE,MAAAA,kBAAkB,CAAC8B,SAAS,IAAIyC,YAAY,CAAC,CAAA;AACjD,KAAC,EACD,CAAC3E,mBAAmB,EAAEI,kBAAkB,CAC5C,CAAC,CAAA;AAED,IAAA,IAAMyE,SAAS,GAAG7C,WAAW,CACzB,UAACsC,KAAoC,EAAK;MACtC,IAAInF,KAAK,KAAK+B,SAAS,EAAE;AACrB,QAAA,OAAA;AACJ,OAAA;MAEA,IAAM4D,QAAQ,GAAG,CAAC,CAAA;MAClB,IAAMC,QAAQ,GAAGtE,IAAI,CAAC4B,KAAK,CAAC2C,MAAM,GAAG,CAAC,CAAA;AACtC,MAAA,IAAIC,SAAiB,CAAA;MAErB,QAAQX,KAAK,CAACY,OAAO;QACjB,KAAK7G,IAAI,CAAC8G,GAAG;AACTF,UAAAA,SAAS,GAAGF,QAAQ,CAAA;AACpB,UAAA,MAAA;QACJ,KAAK1G,IAAI,CAAC+G,EAAE;UACRH,SAAS,GAAG9F,KAAK,GAAG2F,QAAQ,GAAG3F,KAAK,GAAG,CAAC,GAAGA,KAAK,CAAA;AAChD,UAAA,MAAA;QACJ,KAAKd,IAAI,CAACgH,IAAI;UACVJ,SAAS,GAAG9F,KAAK,GAAG4F,QAAQ,GAAG5F,KAAK,GAAG,CAAC,GAAGA,KAAK,CAAA;AAChD,UAAA,MAAA;QACJ,KAAKd,IAAI,CAACiH,IAAI;AACVL,UAAAA,SAAS,GAAGH,QAAQ,CAAA;AACpB,UAAA,MAAA;AACJ,QAAA;AACI,UAAA,OAAA;AACR,OAAA;MAEA,IAAIG,SAAS,KAAK9F,KAAK,EAAE;QAAA,IAAAoG,qBAAA,EAAAC,sBAAA,CAAA;QACrBlB,KAAK,CAACmB,cAAc,EAAE,CAAA;AACtB,QAAA,CAAAF,qBAAA,GAAA9E,IAAI,CAAC4B,KAAK,CAAC4C,SAAS,CAAC,CAAChD,OAAO,cAAAsD,qBAAA,KAAA,KAAA,CAAA,IAA7BA,qBAAA,CAA+BG,KAAK,EAAE,CAAA;AACtC,QAAA,CAAAF,sBAAA,GAAA/E,IAAI,CAAC4B,KAAK,CAAC4C,SAAS,CAAC,CAAChD,OAAO,cAAAuD,sBAAA,KAAA,KAAA,CAAA,IAA7BA,sBAAA,CAA+BG,cAAc,CAAC;AAC1CC,UAAAA,KAAK,EAAE,SAAS;AAChBC,UAAAA,MAAM,EAAE,SAAS;AACjBC,UAAAA,QAAQ,EAAE,QAAA;AACd,SAAC,CAAC,CAAA;AACN,OAAA;AACJ,KAAC,EACD,CAAC3G,KAAK,CACV,CAAC,CAAA;AAED4G,IAAAA,eAAe,CAAC,YAAM;MAAA,IAAAC,kBAAA,EAAAC,mBAAA,CAAA;MAClB7F,kBAAkB,CAAC,CAAA4F,CAAAA,kBAAA,GAAArE,SAAS,CAACM,OAAO,MAAA,IAAA,IAAA+D,kBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,kBAAA,CAAmBpB,YAAY,OAAAqB,CAAAA,mBAAA,GAAKtE,SAAS,CAACM,OAAO,MAAAgE,IAAAA,IAAAA,mBAAA,KAAjBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAA,CAAmB9C,YAAY,CAAC,CAAA,CAAA;KAC1F,EAAE,EAAE,CAAC,CAAA;;AAEN;AACA4C,IAAAA,eAAe,CAAC,YAAM;AAClB,MAAA,IAAIhG,gBAAgB,IAAI,CAACQ,6BAA6B,IAAI,CAACoB,SAAS,CAACM,OAAO,IAAI,CAACH,UAAU,CAACG,OAAO,EAAE;AACjG,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAMiE,KAAK,GAAGzD,gBAAgB,CAACd,SAAS,CAACM,OAAO,CAAC,CAAA;AACjDN,MAAAA,SAAS,CAACM,OAAO,CAACS,QAAQ,CAAC;QACvBC,GAAG,EAAEM,IAAI,CAACC,KAAK,CACXvB,SAAS,CAACM,OAAO,CAACC,SAAS,GAAGJ,UAAU,CAACG,OAAO,CAACkB,YAAY,GAAGN,QAAQ,CAACqD,KAAK,CAACpD,UAAU,EAAE,EAAE,CACjG,CAAA;AACJ,OAAC,CAAC,CAAA;MACFtC,gCAAgC,CAAC,KAAK,CAAC,CAAA;KAC1C,EAAE,CAACT,gBAAgB,EAAEQ,6BAA6B,EAAEoB,SAAS,EAAEG,UAAU,CAAC,CAAC,CAAA;AAE5E,IAAA,oBACI0B,KAAA,CAAAC,aAAA,CAAC0C,WAAW,CAACC,QAAQ,EAAA;AAACC,MAAAA,KAAK,EAAE5F,IAAAA;AAAK,KAAA,eAC9B+C,KAAA,CAAAC,aAAA,CAAClF,IAAI,EAAA+H,QAAA,CAAA;AACDrH,MAAAA,IAAI,EAAEA,IAAK;AACXsH,MAAAA,IAAI,EAAC,SAAS;AACdvH,MAAAA,IAAI,EAAEA,IAAK;AACXL,MAAAA,EAAE,EAAEmC,MAAO;AACXgD,MAAAA,GAAG,EAAEpF,QAAS;AACdG,MAAAA,QAAQ,EAAEA,QAAS;MACnBO,SAAS,EAAEoH,EAAE,CAACrF,gBAAgB,EAAEE,mBAAmB,EAAEN,cAAc,EAAE3B,SAAS,CAAE;AAChFyF,MAAAA,SAAS,EAAEA,SAAU;AACrBxF,MAAAA,WAAW,EAAEA,WAAAA;KACTG,EAAAA,IAAI,CAEP,EAAA,CAACO,gBAAgB,IAAIwD,cAAc,eACpCC,KAAA,CAAAC,aAAA,CAACgD,oBAAoB,EAAA;AACjBrH,MAAAA,SAAS,EAAEoH,EAAE,CAACjF,eAAe,EAAEE,gBAAgB,CAAE;AACjDqC,MAAAA,GAAG,EAAEnC,SAAqD;AAC1D+E,MAAAA,QAAQ,EAAErC,YAAAA;AAAa,KAAA,eAEvBb,KAAA,CAAAC,aAAA,CAACkD,aAAa,EAAA;AAAC7C,MAAAA,GAAG,EAAEjC,QAAAA;KACf3C,EAAAA,QACU,CACG,CAAC,EACtB,CAACiB,eAAe,IAAI+D,UACnB,CACY,CAAC,CAAA;AAE/B,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM0C,kBAAkB,GAAG;AAC9BC,EAAAA,IAAI,EAAE,cAAc;AACpBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEzI,gBAAgB;AACxB0I,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRjI,IAAAA,IAAI,EAAE;AACFkI,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDlI,IAAAA,IAAI,EAAE;AACFiI,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDvI,IAAAA,QAAQ,EAAE;AACNqI,MAAAA,GAAG,EAAEG,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNtI,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,IAAA;AACV,GAAA;AACJ;;;;"}
1	+ {"version":3,"file":"VerticalTabs.js","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState, useLayoutEffect, useRef, KeyboardEvent } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { cx, safeUseId } from 'src/utils';\nimport type { RootProps } from 'src/engines/types';\n\nimport { classes } from '../../../tokens';\nimport { TabItemRefs, TabsContext } from '../../../TabsContext';\nimport type { VerticalTabsProps } from '../../../Tabs.types';\nimport { IconDisclosureLeft, IconDisclosureRight } from '../../../../_Icon';\nimport { getFirstOverflowingTab, getLastOverflowingTab } from '../../../utils';\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';\n\nenum Keys {\n end = 35,\n home = 36,\n up = 38,\n down = 40,\n}\n\n// TODO: https://github.com/salute-developers/plasma/issues/1474\nexport const verticalTabsRoot = (Root: RootProps<HTMLDivElement, VerticalTabsProps>) =>\n forwardRef<HTMLDivElement, VerticalTabsProps>((props, outerRef) => {\n const {\n id,\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(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 noDividerClass = !hasDivider ? classes.tabsNoDivider : undefined;\n const hasTopArrowClass = !firstItemVisible ? classes.tabsHasTopArrow : undefined;\n const hasBottomArrowClass = !lastItemVisible ? classes.tabsHasBottomArrow : 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 upArrowRef = useRef<HTMLButtonElement \| null>(null);\n\n const onPrev = useCallback(() => {\n if (disabled \|\| !scrollRef.current) {\n return;\n }\n\n const { scrollTop } = scrollRef.current;\n const firstOverflowingTab = getFirstOverflowingTab(refs.items.slice().reverse(), scrollTop, orientation);\n\n if (!firstOverflowingTab?.current) {\n return;\n }\n\n const scrollElStyle = getComputedStyle(scrollRef.current);\n scrollRef.current.scrollTo({\n top: firstOverflowingTab.current.offsetTop - parseInt(scrollElStyle.paddingTop, 10),\n });\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 = getLastOverflowingTab(refs.items, scrollBottom, 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 top: Math.round(\n lastOverflowingTab.current.offsetTop +\n lastOverflowingTab.current.offsetHeight -\n scrollRef.current.clientHeight +\n parseInt(scrollElStyle.paddingTop, 10),\n ),\n });\n }, [firstItemVisible, 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=\"inherit\" />\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=\"inherit\" />\n </StyledArrow>\n );\n\n const handleScroll = useCallback(\n (event: React.UIEvent<HTMLElement>): void => {\n event.stopPropagation();\n const scrollElStyle = getComputedStyle(event.currentTarget);\n const minScrollTop = parseInt(scrollElStyle.paddingLeft, 10);\n const maxScrollTop =\n event.currentTarget.scrollHeight -\n event.currentTarget.clientHeight -\n parseInt(scrollElStyle.paddingTop, 10);\n const scrollTop = Math.round(event.currentTarget.scrollTop);\n\n setFirstItemVisible(scrollTop <= minScrollTop);\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: 'nearest',\n inline: 'nearest',\n behavior: 'smooth',\n });\n }\n },\n [index],\n );\n\n useLayoutEffect(() => {\n setLastItemVisible(scrollRef.current?.scrollHeight === scrollRef.current?.clientHeight);\n }, [clip]);\n\n // Этот хук компенсирует появление верхней стрелки при прокрутке\n useLayoutEffect(() => {\n if (firstItemVisible \|\| !shouldTriggerAdditionalScroll \|\| !scrollRef.current \|\| !upArrowRef.current) {\n return;\n }\n\n const style = getComputedStyle(scrollRef.current);\n scrollRef.current.scrollTo({\n top: Math.round(\n scrollRef.current.scrollTop + upArrowRef.current.clientHeight + parseInt(style.paddingTop, 10),\n ),\n });\n setShouldTriggerAdditionalScroll(false);\n }, [firstItemVisible, shouldTriggerAdditionalScroll, 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(hasTopArrowClass, hasBottomArrowClass, noDividerClass, className)}\n onKeyDown={onKeyDown}\n orientation={orientation}\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 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 },\n defaults: {\n view: 'divider',\n size: 'xs',\n },\n};\n"],"names":["Keys","verticalTabsRoot","Root","forwardRef","props","outerRef","id","_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","_useState5","_useState6","shouldTriggerAdditionalScroll","setShouldTriggerAdditionalScroll","refs","useMemo","TabItemRefs","uniqId","safeUseId","tabsId","noDividerClass","classes","tabsNoDivider","undefined","hasTopArrowClass","tabsHasTopArrow","hasBottomArrowClass","tabsHasBottomArrow","clipScrollClass","tabsClipScroll","clipShowAllClass","tabsClipShowAll","scrollRef","useRef","trackRef","upArrowRef","onPrev","useCallback","current","scrollTop","firstOverflowingTab","getFirstOverflowingTab","items","slice","reverse","scrollElStyle","getComputedStyle","scrollTo","top","offsetTop","parseInt","paddingTop","onNext","scrollBottom","Math","round","clientHeight","lastOverflowingTab","getLastOverflowingTab","offsetHeight","PreviousButton","React","createElement","StyledArrow","type","onClick","tabIndex","ref","_IconDisclosureLeft","IconDisclosureLeft","color","NextButton","_IconDisclosureRight","IconDisclosureRight","handleScroll","event","stopPropagation","currentTarget","minScrollTop","paddingLeft","maxScrollTop","scrollHeight","onKeyDown","minIndex","maxIndex","length","nextIndex","keyCode","end","up","down","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","verticalTabsConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","defaults"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import './VerticalTabs.styles_1khdtzl.css';
+import './VerticalTabs.styles_16pdfpo.css';
 import { styled } from '@linaria/react';
 var base = "b2r261u";

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

	@@ -1 +1 @@
1	- {"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: flex-start;\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 z-index: 1;\n\n &.${classes.tabsClipScroll} {\n overflow: scroll;\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 color: var(${tokens.arrowColor});\n\n &:hover {\n color: var(${tokens.arrowColorHover});\n }\n\n &:active {\n color: var(${tokens.arrowColorActive});\n }\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","StyledContentWrapper","StyledArrow"],"mappings":";;AAMO,IAAMA,IAAI,GAMhB,UAAA;AAEM,IAAMC,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIlC,EAAA;AAEM,IAAMC,oBAAoB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,~~CA8BzC~~,EAAA;AAEM,IAAME,WAAW,gBAAGL,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA6BhC;;;;"}
1	+ {"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: flex-start;\n`;\n\nexport const StyledContentWrapper = styled.div`\n /* allows correctly display outline focus on tabs item */\n padding: 0.125rem 0.25rem;\n\n box-sizing: border-box;\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n\n z-index: 1;\n\n &.${classes.tabsClipScroll} {\n overflow: scroll;\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 color: var(${tokens.arrowColor});\n\n &:hover {\n color: var(${tokens.arrowColorHover});\n }\n\n &:active {\n color: var(${tokens.arrowColorActive});\n }\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","StyledContentWrapper","StyledArrow"],"mappings":";;AAMO,IAAMA,IAAI,GAMhB,UAAA;AAEM,IAAMC,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIlC,EAAA;AAEM,IAAMC,oBAAoB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA6BzC,EAAA;AAEM,IAAME,WAAW,gBAAGL,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,QAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA6BhC;;;;"}

package/es/components/Tabs/ui/vertical/VerticalTabs/{VerticalTabs.styles_1khdtzl.css → VerticalTabs.styles_16pdfpo.css} RENAMED Viewed

@@ -1,4 +1,4 @@
 .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:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
-.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;z-index:1;}.s16g9t9z.tabs-clip-scroll{overflow:scroll;-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;}
+.s16g9t9z{padding:0.125rem 0.25rem;box-sizing:border-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;z-index:1;}.s16g9t9z.tabs-clip-scroll{overflow:scroll;-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;color:var(--plasma-tabs-arrow-color);}.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;}.s81cx4:hover{color:var(--plasma-tabs-arrow-color-hover);}.s81cx4:active{color:var(--plasma-tabs-arrow-color-active);}

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

@@ -1,4 +1,4 @@
-import './base_rze03c.css';
+import './base_efv11p.css';
 var base = "bljnkat";
 export { base };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../../../../tokens';\n\nexport const base = css`\n background-color: var(${tokens.tabsBackgroundColor});\n\n &::after {\n content: '';\n position: absolute;\n top: 0.125rem;\n bottom: 0.125rem;\n left: 0;\n background: var(${tokens.tabsDividerColor});\n width: var(${tokens.tabsDividerWidth});\n border-radius: var(${tokens.tabsDividerBorderRadius});\n }\n\n &.${classes.tabsHasTopArrow} {\n &::after {\n top: 1.5rem;\n }\n }\n\n &.${classes.tabsHasBottomArrow} {\n &::after {\n bottom: 1.5rem;\n }\n }\n\n &.${classes.tabsNoDivider} {\n &::after {\n width: 0;\n }\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GA+BhB;;;;"}
1	+ {"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../../../../tokens';\n\nexport const base = css`\n background-color: var(${tokens.tabsBackgroundColor});\n\n &::after {\n content: '';\n position: absolute;\n top: 0.125rem;\n bottom: 0.125rem;\n left: 0.25rem;\n background: var(${tokens.tabsDividerColor});\n width: var(${tokens.tabsDividerWidth});\n border-radius: var(${tokens.tabsDividerBorderRadius});\n }\n\n &.${classes.tabsHasTopArrow} {\n &::after {\n top: 1.5rem;\n }\n }\n\n &.${classes.tabsHasBottomArrow} {\n &::after {\n bottom: 1.5rem;\n }\n }\n\n &.${classes.tabsNoDivider} {\n &::after {\n width: 0;\n }\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GA+BhB;;;;"}

package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_efv11p.css ADDED Viewed

@@ -0,0 +1 @@

+ .bljnkat{background-color:var(--plasma-tabs-background-color);}.bljnkat::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0.25rem;background:var(--plasma-tabs-divider-color);width:var(--plasma-tabs-divider-width);border-radius:var(--plasma-tabs-divider-border-radius);}.bljnkat.tabs-has-top-arrow::after{top:1.5rem;}.bljnkat.tabs-has-bottom-arrow::after{bottom:1.5rem;}.bljnkat.tabs-no-divider::after{width:0;}

package/es/components/Toast/Toast.css CHANGED Viewed

@@ -25,14 +25,15 @@
 .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
 .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
-.Button_styles_uku5l7_bzw1898__3538ea16{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_uku5l7_bzw1898__3538ea16.Button_styles_uku5l7_buttonContentRelaxed__3538ea16{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
-.Button_styles_uku5l7_bdfuqwe__3538ea16{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Button_styles_uku5l7_l9ypozh__3538ea16{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
-.Button_styles_uku5l7_l4dfhbg__3538ea16{position:absolute;}
-.Button_styles_uku5l7_srdlazt__3538ea16{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
-.Button_styles_uku5l7_s7rggv0__3538ea16{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s7rggv0-0);}
-.Button_styles_uku5l7_s1rjh7ra__3538ea16{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
-.Button_styles_uku5l7_b9ga1dj__3538ea16{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_uku5l7_b9ga1dj__3538ea16{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_uku5l7_b9ga1dj__3538ea16.Button_styles_uku5l7_b9ga1dj__3538ea16.Button_styles_uku5l7_buttonSquare__3538ea16{width:var(--plasma-button-height);padding:0;}
+.Button_styles_8nrwuf_bzw1898__303762df{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Button_styles_8nrwuf_sdfuqwe__303762df{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;margin:var(--plasma-button-additional-content-margin);}.Button_styles_8nrwuf_sdfuqwe__303762df.Button_styles_8nrwuf_buttonContentRelaxed__303762df{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_8nrwuf_sdfuqwe__303762df.Button_styles_8nrwuf_buttonHasValue__303762df{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
+.Button_styles_8nrwuf_b9ypozh__303762df{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Button_styles_8nrwuf_l4dfhbg__303762df{opacity:var(--l4dfhbg-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l4dfhbg-1);-webkit-justify-content:var(--l4dfhbg-1);-ms-flex-pack:var(--l4dfhbg-1);justify-content:var(--l4dfhbg-1);height:100%;width:100%;}
+.Button_styles_8nrwuf_lrdlazt__303762df{position:absolute;}
+.Button_styles_8nrwuf_s7rggv0__303762df{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
+.Button_styles_8nrwuf_s1rjh7ra__303762df{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
+.Button_styles_8nrwuf_s9ga1dj__303762df{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s9ga1dj-0);}
+.Button_styles_8nrwuf_babf779__303762df{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_8nrwuf_babf779__303762df{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_8nrwuf_babf779__303762df.Button_styles_8nrwuf_babf779__303762df.Button_styles_8nrwuf_buttonSquare__303762df{width:var(--plasma-button-height);padding:0;}
 .Toast_styles_1kasmzh_b1xqk743__8ac79e0c{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma-button-width:1rem;}
 .Toast_styles_1kasmzh_s1ajsqhx__8ac79e0c{position:fixed;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:9901;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:0;top:var(--s1ajsqhx-0);bottom:var(--s1ajsqhx-1);}.Toast_styles_1kasmzh_s1ajsqhx__8ac79e0c.Toast_styles_1kasmzh_toastShowed__8ac79e0c{-webkit-animation:0.3s Toast_styles_1kasmzh_showToastAnimationS1ajsqhx__8ac79e0c ease-out forwards;animation:0.3s Toast_styles_1kasmzh_showToastAnimationS1ajsqhx__8ac79e0c ease-out forwards;}.Toast_styles_1kasmzh_s1ajsqhx__8ac79e0c.Toast_styles_1kasmzh_toastHidden__8ac79e0c{-webkit-animation:0.3s Toast_styles_1kasmzh_hideToastAnimationS1ajsqhx__8ac79e0c ease-out forwards;animation:0.3s Toast_styles_1kasmzh_hideToastAnimationS1ajsqhx__8ac79e0c ease-out forwards;}@-webkit-keyframes Toast_styles_1kasmzh_showToastAnimationS1ajsqhx__8ac79e0c{0%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}80%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{opacity:1;}}@keyframes Toast_styles_1kasmzh_showToastAnimationS1ajsqhx__8ac79e0c{0%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}80%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{opacity:1;}}@-webkit-keyframes Toast_styles_1kasmzh_hideToastAnimationS1ajsqhx__8ac79e0c{0%{opacity:1;}20%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}}@keyframes Toast_styles_1kasmzh_hideToastAnimationS1ajsqhx__8ac79e0c{0%{opacity:1;}20%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:0.7;}100%{-webkit-transform:var(--s1ajsqhx-2);-ms-transform:var(--s1ajsqhx-2);transform:var(--s1ajsqhx-2);opacity:0;}}

package/es/components/Toast/ToastController.css CHANGED Viewed

@@ -24,11 +24,12 @@
 .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
 .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
-.Button_styles_uku5l7_bzw1898__3538ea16{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_uku5l7_bzw1898__3538ea16.Button_styles_uku5l7_buttonContentRelaxed__3538ea16{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}
-.Button_styles_uku5l7_bdfuqwe__3538ea16{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.Button_styles_uku5l7_l9ypozh__3538ea16{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l9ypozh-1);-webkit-justify-content:var(--l9ypozh-1);-ms-flex-pack:var(--l9ypozh-1);justify-content:var(--l9ypozh-1);height:100%;width:100%;}
-.Button_styles_uku5l7_l4dfhbg__3538ea16{position:absolute;}
-.Button_styles_uku5l7_srdlazt__3538ea16{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
-.Button_styles_uku5l7_s7rggv0__3538ea16{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s7rggv0-0);}
-.Button_styles_uku5l7_s1rjh7ra__3538ea16{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
-.Button_styles_uku5l7_b9ga1dj__3538ea16{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_uku5l7_b9ga1dj__3538ea16{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_uku5l7_b9ga1dj__3538ea16.Button_styles_uku5l7_b9ga1dj__3538ea16.Button_styles_uku5l7_buttonSquare__3538ea16{width:var(--plasma-button-height);padding:0;}
+.Button_styles_8nrwuf_bzw1898__303762df{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Button_styles_8nrwuf_sdfuqwe__303762df{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;margin:var(--plasma-button-additional-content-margin);}.Button_styles_8nrwuf_sdfuqwe__303762df.Button_styles_8nrwuf_buttonContentRelaxed__303762df{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_8nrwuf_sdfuqwe__303762df.Button_styles_8nrwuf_buttonHasValue__303762df{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
+.Button_styles_8nrwuf_b9ypozh__303762df{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Button_styles_8nrwuf_l4dfhbg__303762df{opacity:var(--l4dfhbg-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l4dfhbg-1);-webkit-justify-content:var(--l4dfhbg-1);-ms-flex-pack:var(--l4dfhbg-1);justify-content:var(--l4dfhbg-1);height:100%;width:100%;}
+.Button_styles_8nrwuf_lrdlazt__303762df{position:absolute;}
+.Button_styles_8nrwuf_s7rggv0__303762df{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
+.Button_styles_8nrwuf_s1rjh7ra__303762df{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
+.Button_styles_8nrwuf_s9ga1dj__303762df{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s9ga1dj-0);}
+.Button_styles_8nrwuf_babf779__303762df{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_8nrwuf_babf779__303762df{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_8nrwuf_babf779__303762df.Button_styles_8nrwuf_babf779__303762df.Button_styles_8nrwuf_buttonSquare__303762df{width:var(--plasma-button-height);padding:0;}