@salutejs/plasma-new-hope 0.320.1-canary.1912.14382016568.0 → 0.320.1-canary.1912.14467531905.0

package/styled-components/es/components/Table/ui/EditableCell/EditableCell.js

@@ -7,13 +7,13 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React, { useState } from 'react';
 import { flexRender } from '@tanstack/react-table';
-import { Resizer } from '../../Table.styles';
-import { SELECT_COLUMN_ID } from '../../Table';
-import { useOutsideClick } from '../../../../hooks';
-import { IconEditOutline, IconResetOutline, IconDoneCircleOutline } from '../../../_Icon';
-import { getIconSize } from '../HeadCell/HeadCell';
-import { classes } from '../../Table.tokens';
-import { ContentWrapper, Td, IconDoneButton, Input, InnerWrapper, InputWrapper, EditModeWrapper, IconResetButton } from './EditableCell.styles';
+import { Resizer } from "../../Table.styles";
+import { SELECT_COLUMN_ID } from "../../Table";
+import { useOutsideClick } from "../../../../hooks";
+import { IconEditOutline, IconResetOutline, IconDoneCircleOutline } from "../../../_Icon";
+import { getIconSize } from "../HeadCell/HeadCell";
+import { classes } from "../../Table.tokens";
+import { ContentWrapper, Td, IconDoneButton, Input, InnerWrapper, InputWrapper, EditModeWrapper, IconResetButton } from "./EditableCell.styles";
 var keys = {
   Enter: 'Enter',
   Tab: 'Tab',

package/styled-components/es/components/Table/ui/EditableCell/EditableCell.styles.js

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
-import { component, mergeConfig } from '../../../../engines';
-import { tableTokens as tokens, classes } from '../../Table.tokens';
-import { iconButtonConfig, iconButtonTokens } from '../../../IconButton';
+import { component, mergeConfig } from "../../../../engines";
+import { tableTokens as tokens, classes } from "../../Table.tokens";
+import { iconButtonConfig, iconButtonTokens } from "../../../IconButton";
 var mergedIndicatorConfig = /*#__PURE__*/mergeConfig(iconButtonConfig);
 var IconButton = /*#__PURE__*/component(mergedIndicatorConfig);
 export var Td = /*#__PURE__*/styled.td.withConfig({

package/styled-components/es/components/Table/ui/HeadCell/HeadCell.js

@@ -1,11 +1,11 @@
 import { flexRender } from '@tanstack/react-table';
 import React from 'react';
-import { Th, Resizer } from '../../Table.styles';
-import { IconSwapVert, IconArrowDown, IconArrowUp } from '../../../_Icon';
-import { SELECT_COLUMN_ID } from '../../Table';
-import { classes } from '../../Table.tokens';
-import { ControlButtons, ThWrapper, IconWrapper } from './HeadCell.styles';
-import { Filter } from './ui/Filter/Filter';
+import { Th, Resizer } from "../../Table.styles";
+import { IconSwapVert, IconArrowDown, IconArrowUp } from "../../../_Icon";
+import { SELECT_COLUMN_ID } from "../../Table";
+import { classes } from "../../Table.tokens";
+import { ControlButtons, ThWrapper, IconWrapper } from "./HeadCell.styles";
+import { Filter } from "./ui/Filter/Filter";
 export var getIconSize = function getIconSize(size) {
   return size === 's' ? 'xs' : 's';
 };

package/styled-components/es/components/Table/ui/HeadCell/ui/Filter/Filter.js

@@ -10,12 +10,12 @@ function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Sym
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import React, { useState } from 'react';
-import { useDidMountEffect } from '../../../../../../hooks';
-import { IconFilterFunnel } from '../../../../../_Icon';
-import { getIconSize } from '../../HeadCell';
-import { ButtonAccent, LinkButton } from '../../../../Table.styles';
-import { classes } from '../../../../Table.tokens';
-import { IconFilterWrapper, StyledIndicator, Select, StyledDivider, ControlPanel } from './Filter.styles';
+import { useDidMountEffect } from "../../../../../../hooks";
+import { IconFilterFunnel } from "../../../../../_Icon";
+import { getIconSize } from "../../HeadCell";
+import { ButtonAccent, LinkButton } from "../../../../Table.styles";
+import { classes } from "../../../../Table.tokens";
+import { IconFilterWrapper, StyledIndicator, Select, StyledDivider, ControlPanel } from "./Filter.styles";
 var getSelectWidth = function getSelectWidth(size) {
   switch (size) {
     case 'l':

package/styled-components/es/components/Table/ui/HeadCell/ui/Filter/Filter.styles.js

@@ -1,9 +1,9 @@
 import styled from 'styled-components';
-import { component, mergeConfig } from '../../../../../../engines';
-import { selectConfig, selectTokens } from '../../../../../Select';
-import { indicatorConfig, indicatorTokens } from '../../../../../Indicator';
-import { tableTokens as tokens } from '../../../../Table.tokens';
-import { StyledCheckbox as Checkbox, StyledDivider as Divider } from '../../../../Table.styles';
+import { component, mergeConfig } from "../../../../../../engines";
+import { selectConfig, selectTokens } from "../../../../../Select";
+import { indicatorConfig, indicatorTokens } from "../../../../../Indicator";
+import { tableTokens as tokens } from "../../../../Table.tokens";
+import { StyledCheckbox as Checkbox, StyledDivider as Divider } from "../../../../Table.styles";
 var SelectBase = /*#__PURE__*/component(selectConfig);
 export var Select = /*#__PURE__*/styled(SelectBase).withConfig({
   componentId: "plasma-new-hope__sc-qeyuhn-0"

package/styled-components/es/components/Table/ui/index.js

@@ -1,3 +1,3 @@
-export * from '../ui/HeadCell/HeadCell';
-export * from '../ui/EditableCell/EditableCell';
-export * from '../ui/Cell/Cell';
+export * from "../ui/HeadCell/HeadCell";
+export * from "../ui/EditableCell/EditableCell";
+export * from "../ui/Cell/Cell";

package/styled-components/es/components/Tabs/index.js

@@ -1,7 +1,7 @@
-export { horizontalTabsRoot, horizontalTabsConfig } from './ui/horizontal/HorizontalTabs/HorizontalTabs';
-export { horizontalTabItemRoot, horizontalTabItemConfig } from './ui/horizontal/HorizontalTabItem/HorizontalTabItem';
-export { verticalTabsRoot, verticalTabsConfig } from './ui/vertical/VerticalTabs/VerticalTabs';
-export { verticalTabItemRoot, verticalTabItemConfig } from './ui/vertical/VerticalTabItem/VerticalTabItem';
-export { tokens as tabsTokens } from './tokens';
-export { TabItemRefs, TabsContext } from './TabsContext';
-export { createTabsController } from './createTabsController';
+export { horizontalTabsRoot, horizontalTabsConfig } from "./ui/horizontal/HorizontalTabs/HorizontalTabs";
+export { horizontalTabItemRoot, horizontalTabItemConfig } from "./ui/horizontal/HorizontalTabItem/HorizontalTabItem";
+export { verticalTabsRoot, verticalTabsConfig } from "./ui/vertical/VerticalTabs/VerticalTabs";
+export { verticalTabItemRoot, verticalTabItemConfig } from "./ui/vertical/VerticalTabItem/VerticalTabItem";
+export { tokens as tabsTokens } from "./tokens";
+export { TabItemRefs, TabsContext } from "./TabsContext";
+export { createTabsController } from "./createTabsController";

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

@@ -10,14 +10,14 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, useRef, useContext, useEffect, useCallback, useLayoutEffect } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
-import { classes } from '../../../tokens';
-import { cx } from '../../../../../utils';
-import { TabsContext } from '../../../TabsContext';
-import { base as viewCSS } from './variations/_view/base';
-import { base as sizeCSS } from './variations/_size/base';
-import { base as pilledCSS } from './variations/_pilled/base';
-import { base as disabledCSS } from './variations/_disabled/base';
-import { LeftContent, RightContent, StyledContent, TabItemValue, base } from './HorizontalTabItem.styles';
+import { classes } from "../../../tokens";
+import { cx } from "../../../../../utils";
+import { TabsContext } from "../../../TabsContext";
+import { base as viewCSS } from "./variations/_view/base";
+import { base as sizeCSS } from "./variations/_size/base";
+import { base as pilledCSS } from "./variations/_pilled/base";
+import { base as disabledCSS } from "./variations/_disabled/base";
+import { LeftContent, RightContent, StyledContent, TabItemValue, base } from "./HorizontalTabItem.styles";
 export var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, outerRef) {
     var size = props.size,

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

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import { css } from 'styled-components';
-import { addFocus } from '../../../../../mixins';
-import { classes, tokens } from '../../../tokens';
+import { addFocus } from "../../../../../mixins";
+import { classes, tokens } from "../../../tokens";
 export var StyledContent = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-lremls-0"
 })(["display:inline-block;width:fit-content;padding:0 var(", ",var(", "));"], tokens.itemContentPaddingClear, tokens.itemContentPadding);

package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js

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

package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js

@@ -1,3 +1,3 @@
 import { css } from 'styled-components';
-import { classes, tokens } from '../../../../../tokens';
+import { classes, tokens } from "../../../../../tokens";
 export var base = /*#__PURE__*/css(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");padding:var(", ");}"], classes.tabsPilled, tokens.itemPilledBorderRadius, tokens.itemPilledBorderRadius, tokens.itemPaddingPilled);

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

@@ -1,3 +1,3 @@
 import { css } from 'styled-components';
-import { tokens } from '../../../../../tokens';
+import { tokens } from "../../../../../tokens";
 export var base = /*#__PURE__*/css(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");--plasma_private-outline-radius:var(", ");border-radius:var(", ");width:var(", ");height:var(", ");"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.itemBorderRadius, tokens.itemBorderRadius, tokens.itemWidth, tokens.itemHeight);

package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js

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

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

@@ -10,17 +10,17 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, useCallback, useMemo, useState, useRef, useLayoutEffect } from 'react';
 import { safeUseId } from '@salutejs/plasma-core';
-import { IconDisclosureLeft, IconDisclosureRight } from '../../../../_Icon';
-import { classes } from '../../../tokens';
-import { cx } from '../../../../../utils';
-import { TabItemRefs, TabsContext } from '../../../TabsContext';
-import { getFirstOverflowingTab, getLastOverflowingTab } from '../../../utils';
-import { base as sizeCSS } from './variations/_size/base';
-import { base as viewCSS } from './variations/_view/base';
-import { base as disabledCSS } from './variations/_disabled/base';
-import { base as pilledCSS } from './variations/_pilled/base';
-import { base as stretchCSS } from './variations/_stretch/base';
-import { StyledArrow, StyledContent, StyledContentWrapper, base } from './HorizontalTabs.styles';
+import { IconDisclosureLeft, IconDisclosureRight } from "../../../../_Icon";
+import { classes } from "../../../tokens";
+import { cx } from "../../../../../utils";
+import { TabItemRefs, TabsContext } from "../../../TabsContext";
+import { getFirstOverflowingTab, getLastOverflowingTab } from "../../../utils";
+import { base as sizeCSS } from "./variations/_size/base";
+import { base as viewCSS } from "./variations/_view/base";
+import { base as disabledCSS } from "./variations/_disabled/base";
+import { base as pilledCSS } from "./variations/_pilled/base";
+import { base as stretchCSS } from "./variations/_stretch/base";
+import { StyledArrow, StyledContent, StyledContentWrapper, base } from "./HorizontalTabs.styles";
 var Keys = /*#__PURE__*/function (Keys) {
   Keys[Keys["end"] = 35] = "end";
   Keys[Keys["home"] = 36] = "home";

package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js

@@ -2,8 +2,8 @@ var _templateObject;
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 import { css } from 'styled-components';
 import styled from 'styled-components';
-import { addFocus } from '../../../../../mixins';
-import { classes, tokens } from '../../../tokens';
+import { addFocus } from "../../../../../mixins";
+import { classes, tokens } from "../../../tokens";
 export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    display: flex;\n    gap: 0.125rem;\n    align-items: center;\n    position: relative;\n"])));
 export var StyledContent = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-1nr0m0h-0"

package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js

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

package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js

@@ -1,3 +1,3 @@
 import { css } from 'styled-components';
-import { classes, tokens } from '../../../../../tokens';
+import { classes, tokens } from "../../../../../tokens";
 export var base = /*#__PURE__*/css(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");}"], classes.tabsPilled, tokens.tabsPilledBorderRadius, tokens.tabsPilledBorderRadius);

package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js

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

package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js

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

package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js

@@ -1,3 +1,3 @@
 import { css } from 'styled-components';
-import { classes, tokens } from '../../../../../tokens';
+import { classes, tokens } from "../../../../../tokens";
 export var base = /*#__PURE__*/css(["background-color:var(", ");&::after{content:'';position:absolute;bottom:0.125rem;left:0.125rem;right:0.125rem;background:var(", ");height:var(", ");border-radius:var(", ");}&.", "{&::after{left:1.5rem;}}&.", "{&::after{right:1.5rem;}}&.", "{&::after{height:0;}}"], tokens.tabsBackgroundColor, tokens.tabsDividerColor, tokens.tabsDividerHeight, tokens.tabsDividerBorderRadius, classes.tabsHasLeftArrow, classes.tabsHasRightArrow, classes.tabsNoDivider);

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

@@ -10,13 +10,13 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, useRef, useContext, useEffect, useCallback, useLayoutEffect } from 'react';
 import { useForkRef } from '@salutejs/plasma-core';
-import { classes } from '../../../tokens';
-import { cx } from '../../../../../utils';
-import { TabsContext } from '../../../TabsContext';
-import { base, LeftContent, RightContent, StyledContent, TabItemValue } from './VerticalTabItem.styles';
-import { base as viewCSS } from './variations/_view/base';
-import { base as sizeCSS } from './variations/_size/base';
-import { base as disabledCSS } from './variations/_disabled/base';
+import { classes } from "../../../tokens";
+import { cx } from "../../../../../utils";
+import { TabsContext } from "../../../TabsContext";
+import { base, LeftContent, RightContent, StyledContent, TabItemValue } from "./VerticalTabItem.styles";
+import { base as viewCSS } from "./variations/_view/base";
+import { base as sizeCSS } from "./variations/_size/base";
+import { base as disabledCSS } from "./variations/_disabled/base";
 export var verticalTabItemRoot = function verticalTabItemRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, outerRef) {
     var size = props.size,

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

@@ -2,8 +2,8 @@ var _templateObject;
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 import { css } from 'styled-components';
 import styled from 'styled-components';
-import { addFocus } from '../../../../../mixins';
-import { classes, tokens } from '../../../tokens';
+import { addFocus } from "../../../../../mixins";
+import { classes, tokens } from "../../../tokens";
 export var StyledContent = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-1pflgj8-0"
 })(["display:inline-block;width:fit-content;padding:0 var(", ",var(", "));"], tokens.itemContentPaddingClear, tokens.itemContentPadding);

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

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

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

@@ -1,3 +1,3 @@
 import { css } from 'styled-components';
-import { tokens } from '../../../../../tokens';
+import { tokens } from "../../../../../tokens";
 export var base = /*#__PURE__*/css(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");--plasma_private-outline-radius:var(", ");border-radius:var(", ");width:100%;height:var(", ");"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.itemBorderRadius, tokens.itemBorderRadius, tokens.itemHeight);

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

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

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

@@ -11,15 +11,15 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, useCallback, useMemo, useState, useLayoutEffect, useRef } from 'react';
 import { safeUseId } from '@salutejs/plasma-core';
-import { classes } from '../../../tokens';
-import { cx } from '../../../../../utils';
-import { TabItemRefs, TabsContext } from '../../../TabsContext';
-import { IconDisclosureLeft, IconDisclosureRight } from '../../../../_Icon';
-import { getFirstOverflowingTab, getLastOverflowingTab } from '../../../utils';
-import { base, StyledArrow, StyledContent, StyledContentWrapper } from './VerticalTabs.styles';
-import { base as sizeCSS } from './variations/_size/base';
-import { base as viewCSS } from './variations/_view/base';
-import { base as disabledCSS } from './variations/_disabled/base';
+import { classes } from "../../../tokens";
+import { cx } from "../../../../../utils";
+import { TabItemRefs, TabsContext } from "../../../TabsContext";
+import { IconDisclosureLeft, IconDisclosureRight } from "../../../../_Icon";
+import { getFirstOverflowingTab, getLastOverflowingTab } from "../../../utils";
+import { base, StyledArrow, StyledContent, StyledContentWrapper } from "./VerticalTabs.styles";
+import { base as sizeCSS } from "./variations/_size/base";
+import { base as viewCSS } from "./variations/_view/base";
+import { base as disabledCSS } from "./variations/_disabled/base";
 var Keys = /*#__PURE__*/function (Keys) {
   Keys[Keys["end"] = 35] = "end";
   Keys[Keys["home"] = 36] = "home";

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

@@ -2,8 +2,8 @@ var _templateObject;
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 import { css } from 'styled-components';
 import styled from 'styled-components';
-import { addFocus } from '../../../../../mixins';
-import { classes, tokens } from '../../../tokens';
+import { addFocus } from "../../../../../mixins";
+import { classes, tokens } from "../../../tokens";
 export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: 0.125rem;\n    align-items: center;\n"])));
 export var StyledContent = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-gz8fxn-0"

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

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

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

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

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

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

package/styled-components/es/components/TextArea/TextArea.js

@@ -21,20 +21,20 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import React, { forwardRef, useState, createRef, useCallback, useRef, useLayoutEffect } from 'react';
 import { css } from 'styled-components';
 import { useForkRef, useResizeObserver } from '@salutejs/plasma-core';
-import { cx, mergeRefs } from '../../utils';
-import { useOutsideClick } from '../../hooks';
-import { applyDynamicLabel } from './mixins';
-import { useAutoResize, ROOT_FONT_SIZE } from './hooks';
-import { StyledContent, StyledHelpers, StyledLeftHelper, StyledRightHelper, StyledLabel, StyledPlaceholder, StyledTextArea, StyledTextAreaWrapper, StyledContainer, StyledIndicator, StyledOptionalText, OuterLabelWrapper, StyledIndicatorWrapper, StyledHintWrapper, TitleCaption, StyledOutsideHelpersWrapper, StyledHiddenTextArea } from './TextArea.styles';
-import { classes } from './TextArea.tokens';
-import { base as viewCSS } from './variations/_view/base';
-import { base as sizeCSS } from './variations/_size/base';
-import { base as clearCSS } from './variations/_clear/base';
-import { base as readOnlyCSS } from './variations/_read-only/base';
-import { base as disabledCSS } from './variations/_disabled/base';
-import { base as hintViewCSS } from './variations/_hint-view/base';
-import { base as hintSizeCSS } from './variations/_hint-size/base';
-import { HintComponent } from './ui/Hint/Hint';
+import { cx, mergeRefs } from "../../utils";
+import { useOutsideClick } from "../../hooks";
+import { applyDynamicLabel } from "./mixins";
+import { useAutoResize, ROOT_FONT_SIZE } from "./hooks";
+import { StyledContent, StyledHelpers, StyledLeftHelper, StyledRightHelper, StyledLabel, StyledPlaceholder, StyledTextArea, StyledTextAreaWrapper, StyledContainer, StyledIndicator, StyledOptionalText, OuterLabelWrapper, StyledIndicatorWrapper, StyledHintWrapper, TitleCaption, StyledOutsideHelpersWrapper, StyledHiddenTextArea } from "./TextArea.styles";
+import { classes } from "./TextArea.tokens";
+import { base as viewCSS } from "./variations/_view/base";
+import { base as sizeCSS } from "./variations/_size/base";
+import { base as clearCSS } from "./variations/_clear/base";
+import { base as readOnlyCSS } from "./variations/_read-only/base";
+import { base as disabledCSS } from "./variations/_disabled/base";
+import { base as hintViewCSS } from "./variations/_hint-view/base";
+import { base as hintSizeCSS } from "./variations/_hint-size/base";
+import { HintComponent } from "./ui/Hint/Hint";
 var innerPlaceholderUp = classes.innerPlaceholderUp,
   focusedOuterPlaceholderColor = classes.focusedOuterPlaceholderColor,
   hidePlaceHolder = classes.hidePlaceHolder,

package/styled-components/es/components/TextArea/TextArea.styles.js

@@ -1,8 +1,8 @@
 import styled from 'styled-components';
-import { applyEllipsis } from '../../mixins';
-import { tooltipConfig } from '../Tooltip';
-import { component, mergeConfig } from '../../engines';
-import { classes, tokens } from './TextArea.tokens';
+import { applyEllipsis } from "../../mixins";
+import { tooltipConfig } from "../Tooltip";
+import { component, mergeConfig } from "../../engines";
+import { classes, tokens } from "./TextArea.tokens";
 var mergedConfig = /*#__PURE__*/mergeConfig(tooltipConfig);
 var Tooltip = /*#__PURE__*/component(mergedConfig);
 export var Hint = /*#__PURE__*/styled(Tooltip).withConfig({

package/styled-components/es/components/TextArea/hooks/index.js

@@ -1 +1 @@
-export { useAutoResize, ROOT_FONT_SIZE } from './useAutoResize';
+export { useAutoResize, ROOT_FONT_SIZE } from "./useAutoResize";

package/styled-components/es/components/TextArea/index.js

@@ -1,2 +1,2 @@
-export { textAreaRoot, textAreaConfig } from './TextArea';
-export { tokens as textAreaTokens } from './TextArea.tokens';
+export { textAreaRoot, textAreaConfig } from "./TextArea";
+export { tokens as textAreaTokens } from "./TextArea.tokens";

package/styled-components/es/components/TextArea/mixins/applyDynamicLabel.js

@@ -1,4 +1,4 @@
-import { classes, tokens } from '../TextArea.tokens';
+import { classes, tokens } from "../TextArea.tokens";
 var innerPlaceholderUp = classes.innerPlaceholderUp,
   hidePlaceHolder = classes.hidePlaceHolder,
   focusedOuterPlaceholderColor = classes.focusedOuterPlaceholderColor,

package/styled-components/es/components/TextArea/mixins/index.js

@@ -1 +1 @@
-export { applyDynamicLabel } from './applyDynamicLabel';
+export { applyDynamicLabel } from "./applyDynamicLabel";

package/styled-components/es/components/TextArea/ui/Hint/Hint.js

@@ -1,9 +1,9 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { forwardRef } from 'react';
-import { Hint, HintIconWrapper, HintTargetWrapper } from '../../TextArea.styles';
-import { IconInfoCircleOutline } from '../../../_Icon';
-import { safeUseId } from '../../../../utils';
-import { tokens } from '../../TextArea.tokens';
+import { Hint, HintIconWrapper, HintTargetWrapper } from "../../TextArea.styles";
+import { IconInfoCircleOutline } from "../../../_Icon";
+import { safeUseId } from "../../../../utils";
+import { tokens } from "../../TextArea.tokens";
 export var HintComponent = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var hintText = _ref.hintText,
     isHintVisible = _ref.isHintVisible,

package/styled-components/es/components/TextArea/variations/_clear/base.js

@@ -1,4 +1,4 @@
 import { css } from 'styled-components';
-import { classes, tokens } from '../../TextArea.tokens';
-import { OuterLabelWrapper, StyledContainer, StyledContent, StyledHelpers, StyledHintWrapper, StyledIndicator, StyledPlaceholder, StyledTextArea, StyledTextAreaWrapper } from '../../TextArea.styles';
+import { classes, tokens } from "../../TextArea.tokens";
+import { OuterLabelWrapper, StyledContainer, StyledContent, StyledHelpers, StyledHintWrapper, StyledIndicator, StyledPlaceholder, StyledTextArea, StyledTextAreaWrapper } from "../../TextArea.styles";
 export var base = /*#__PURE__*/css(["&.", "{border:unset;", "{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(", ");}", "{margin-bottom:var(", ");}", "{right:0;bottom:unset;}", ",", "{padding-left:0;}", "{background-color:unset;border-radius:0;padding-top:var(", ");padding-right:0;}", "{color:var(", ");padding-right:0;&.", "{padding-right:var(", ");}}", "{&:not(.", "){", "{color:var(", ");}&.", " ", "{color:var(", ");}}&.", "{color:var(", ");}}", "{padding-left:0;}", "{&.", "{inset:var(", ");&.", "{inset:var(", ");}}}&.", "{", "{&.", "{inset:var(", ");}}", "{&.", ".", "{inset:var(", ");}}}.", "{border:unset;border-radius:0;}&:focus-within:not([readonly]) .", "{background-color:unset;box-shadow:unset;}&:focus-within:not([readonly]) .", "{border:unset;}&:focus-within:not([readonly]) .", "{background-color:unset;}&.", "{", "{position:relative;--plasma_private-textarea-divider-color:var(", ");&:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(", ");transition:background-color 0.1s ease-in;}}&:not([readonly]) ", ":hover{--plasma_private-textarea-divider-color:var( ", ",var(", ") );}&:not([readonly]) ", ":focus-within{--plasma_private-textarea-divider-color:var( ", ",var(", ") );}}}"], classes.clear, StyledTextAreaWrapper, tokens.inputPaddingTop, OuterLabelWrapper, tokens.clearLabelMarginBottom, StyledContent, StyledTextArea, StyledHelpers, StyledHelpers, tokens.clearHelpersPaddingTop, StyledTextArea, tokens.clearInputColor, classes.hasRightContent, tokens.clearInputPaddingRightWithRightContent, StyledContainer, classes.innerPlaceholderUp, StyledPlaceholder, tokens.clearPlaceholderColor, classes.focusedOuterPlaceholderColor, StyledPlaceholder, tokens.clearPlaceholderColorFocus, classes.innerPlaceholderUp, tokens.placeholderColor, StyledPlaceholder, StyledIndicator, classes.innerLabelPlacement, tokens.clearIndicatorLabelPlacementInner, classes.requiredAlignRight, tokens.clearIndicatorLabelPlacementInnerRight, classes.hasHint, StyledHintWrapper, classes.innerLabelPlacement, tokens.clearHintInnerLabelPlacementOffset, StyledIndicator, classes.innerLabelPlacement, classes.requiredAlignRight, tokens.clearIndicatorHintInnerRight, classes.styledContainer, classes.styledTextAreaWrapper, classes.styledContainer, classes.styledHelpers, classes.hasDivider, StyledTextAreaWrapper, /*#__PURE__*/String(tokens.dividerColor), tokens.dividerColor, StyledTextAreaWrapper, tokens.dividerColorHover, /*#__PURE__*/String(tokens.dividerColor), StyledTextAreaWrapper, tokens.dividerColorFocus, /*#__PURE__*/String(tokens.dividerColor));

package/styled-components/es/components/TextArea/variations/_disabled/base.js

@@ -1,5 +1,5 @@
 import { css } from 'styled-components';
-import { tokens, classes } from '../../TextArea.tokens';
-import { StyledContent, StyledHelpers, StyledIndicator, StyledLabel, StyledOptionalText, StyledOutsideHelpersWrapper, StyledPlaceholder, StyledTextAreaWrapper, TitleCaption } from '../../TextArea.styles';
+import { tokens, classes } from "../../TextArea.tokens";
+import { StyledContent, StyledHelpers, StyledIndicator, StyledLabel, StyledOptionalText, StyledOutsideHelpersWrapper, StyledPlaceholder, StyledTextAreaWrapper, TitleCaption } from "../../TextArea.styles";
 var styledTextArea = classes.styledTextArea;
 export var base = /*#__PURE__*/css(["&[disabled]{", ",", ",", ",", ",", ",", ",", ",", ",", "{opacity:var(", ");cursor:not-allowed;&:hover,&:active{transform:none;}}}.", "{&:disabled{cursor:not-allowed;color:var(", ");}}"], StyledLabel, StyledIndicator, StyledOptionalText, TitleCaption, StyledContent, StyledTextAreaWrapper, StyledHelpers, StyledPlaceholder, StyledOutsideHelpersWrapper, tokens.disabledOpacity, styledTextArea, tokens.inputColorDisabled);

package/styled-components/es/components/TextArea/variations/_hint-size/base.js

@@ -1,5 +1,5 @@
 import { css } from 'styled-components';
-import { tooltipTokens } from '../../../Tooltip';
-import { tokens } from '../../TextArea.tokens';
-import { Hint } from '../../TextArea.styles';
+import { tooltipTokens } from "../../../Tooltip";
+import { tokens } from "../../TextArea.tokens";
+import { Hint } from "../../TextArea.styles";
 export var base = /*#__PURE__*/css(["", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], Hint, tooltipTokens.paddingTop, tokens.tooltipPaddingTop, tooltipTokens.paddingRight, tokens.tooltipPaddingRight, tooltipTokens.paddingBottom, tokens.tooltipPaddingBottom, tooltipTokens.paddingLeft, tokens.tooltipPaddingLeft, tooltipTokens.minHeight, tokens.tooltipMinHeight, tooltipTokens.borderRadius, tokens.tooltipBorderRadius, tooltipTokens.textFontFamily, tokens.tooltipTextFontFamily, tooltipTokens.textFontSize, tokens.tooltipTextFontSize, tooltipTokens.textFontStyle, tokens.tooltipTextFontStyle, tooltipTokens.textFontWeight, tokens.tooltipTextFontWeight, tooltipTokens.textFontLetterSpacing, tokens.tooltipTextFontLetterSpacing, tooltipTokens.textFontLineHeight, tokens.tooltipTextFontLineHeight, tooltipTokens.contentLeftMargin, tokens.tooltipContentLeftMargin, tooltipTokens.arrowMaskWidth, tokens.tooltipArrowMaskWidth, tooltipTokens.arrowMaskHeight, tokens.tooltipArrowMaskHeight, tooltipTokens.arrowMaskImage, tokens.tooltipArrowMaskImage, tooltipTokens.arrowHeight, tokens.tooltipArrowHeight, tooltipTokens.arrowEdgeMargin, tokens.tooltipArrowEdgeMargin, tooltipTokens.arrowBackground, tokens.tooltipArrowBackground);

package/styled-components/es/components/TextArea/variations/_hint-view/base.js

@@ -1,5 +1,5 @@
 import { css } from 'styled-components';
-import { tooltipTokens } from '../../../Tooltip';
-import { Hint } from '../../TextArea.styles';
-import { tokens } from '../../TextArea.tokens';
+import { tooltipTokens } from "../../../Tooltip";
+import { Hint } from "../../TextArea.styles";
+import { tokens } from "../../TextArea.tokens";
 export var base = /*#__PURE__*/css(["", "{", ":var(", ");", ":var(", ");", ":var(", ");}"], Hint, tooltipTokens.backgroundColor, tokens.tooltipBackgroundColor, tooltipTokens.boxShadow, tokens.tooltipBoxShadow, tooltipTokens.color, tokens.tooltipColor);

package/styled-components/es/components/TextArea/variations/_read-only/base.js

@@ -1,4 +1,4 @@
 import { css } from 'styled-components';
-import { StyledContainer, StyledHelpers, StyledTextArea, StyledTextAreaWrapper } from '../../TextArea.styles';
-import { classes, tokens } from '../../TextArea.tokens';
+import { StyledContainer, StyledHelpers, StyledTextArea, StyledTextAreaWrapper } from "../../TextArea.styles";
+import { classes, tokens } from "../../TextArea.tokens";
 export var base = /*#__PURE__*/css(["&[readonly]{", "{color:var(", ");}&.", "{", "{&:before{background-color:var(", ");}}}:not(&.", "){", ",", "{background:transparent;}", "{position:relative;box-shadow:none;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(", ",1px) var(", ");border-radius:var(", ");opacity:var(", ");}}", "{background:transparent;position:relative;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:var(", ");border-radius:var(", ");opacity:var(", ");z-index:-1;}:hover{background:transparent;}}}}"], StyledTextArea, tokens.inputColorReadOnly, classes.clear, StyledTextAreaWrapper, tokens.dividerColorReadOnly, classes.clear, StyledTextAreaWrapper, StyledHelpers, StyledTextAreaWrapper, tokens.borderSize, tokens.borderColorReadOnly, tokens.borderRadius, tokens.readOnlyOpacity, StyledContainer, tokens.backgroundColorReadOnly, tokens.borderRadius, tokens.readOnlyOpacity);

package/styled-components/es/components/TextArea/variations/_view/base.js

@@ -1,6 +1,6 @@
 import { css } from 'styled-components';
-import { tokens, classes } from '../../TextArea.tokens';
-import { TitleCaption } from '../../TextArea.styles';
+import { tokens, classes } from "../../TextArea.tokens";
+import { TitleCaption } from "../../TextArea.styles";
 var styledContainer = classes.styledContainer,
   styledTextAreaWrapper = classes.styledTextAreaWrapper,
   styledHelpers = classes.styledHelpers;