@salutejs/plasma-new-hope 0.156.1-canary.1374.11107153045.0 → 0.156.1-canary.1374.11123169635.0

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';
-export var base = /*#__PURE__*/css(["&[disabled]{cursor:not-allowed;&:hover{color:var(", ");background-color:var(", ");}&.", ":hover{color:var(", ");background-color:var(", ");}}"], tokens.itemColor, tokens.itemBackgroundColor, /*#__PURE__*/String(classes.selectedTabsItem), tokens.itemSelectedColor, tokens.itemSelectedBackgroundColor);
+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';
-export var base = /*#__PURE__*/css(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");padding:var(", ");}"], /*#__PURE__*/String(classes.tabsPilled), tokens.itemPilledBorderRadius, tokens.itemPilledBorderRadius, tokens.itemPaddingPilled);
+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/_view/base.js

@@ -1,4 +1,4 @@
 import { css } from 'styled-components';
 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:0px;left:0;right:0;background:var(", ");height:var(", ");border-radius:1px;}}"], tokens.itemColor, tokens.itemBackgroundColor, tokens.itemMarginLeftFilled, tokens.itemMarginLeft, tokens.itemColorHover, tokens.itemBackgroundColorHover, TabItemValue, tokens.itemValueColorHover, tokens.itemColorActive, TabItemValue, tokens.itemValueColorActive, /*#__PURE__*/String(classes.tabItemAnimated), tokens.itemBackgroundTransition, /*#__PURE__*/String(classes.selectedTabsItem), tokens.itemSelectedColor, tokens.itemSelectedBackgroundColor, tokens.itemSelectedColorHover, tokens.itemSelectedBackgroundColorHover, tokens.itemSelectedDividerColorHover, TabItemValue, tokens.itemSelectedValueColorHover, tokens.itemSelectedValueColorHover, tokens.itemSelectedDividerColor, tokens.itemSelectedDividerHeight);
+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:0px;left:0;right:0;background:var(", ");height:var(", ");border-radius:1px;}}"], 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/variations/_pilled/base.js

@@ -1,3 +1,3 @@
 import { css } from 'styled-components';
 import { classes, tokens } from '../../../../../tokens';
-export var base = /*#__PURE__*/css(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");}"], /*#__PURE__*/String(classes.tabsPilled), tokens.tabsPilledBorderRadius, tokens.tabsPilledBorderRadius);
+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/vertical/VerticalTabItem/VerticalTabItem.js

@@ -46,6 +46,9 @@ export var verticalTabItemRoot = function verticalTabItemRoot(Root) {
       };
     }, [refs]);
     var onItemFocus = useCallback(function (event) {
+      if (disabled) {
+        return;
+      }
       if (!hasKeyNavigation && innerRef !== null && innerRef !== void 0 && innerRef.current) {
         innerRef.current.scrollTo({
           top: innerRef.current.offsetTop,
@@ -53,7 +56,7 @@ export var verticalTabItemRoot = function verticalTabItemRoot(Root) {
         });
         return;
       }
-      if (disabled || !refs) {
+      if (!refs) {
         return;
       }
       var focusIndex = refs.items.findIndex(function (itemRef) {

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';
-export var base = /*#__PURE__*/css(["&[disabled]{cursor:not-allowed;&:hover{color:var(", ");background-color:var(", ");}&.", ":hover{color:var(", ");background-color:var(", ");}}"], tokens.itemColor, tokens.itemBackgroundColor, /*#__PURE__*/String(classes.selectedTabsItem), tokens.itemSelectedColor, tokens.itemSelectedBackgroundColor);
+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/_view/base.js

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

@@ -72,8 +72,8 @@ export var verticalTabsRoot = function verticalTabsRoot(Root) {
         if (!item.current || item.current.offsetTop === undefined) {
           return;
         }
-        var tabStartX = item.current.offsetTop;
-        return tabStartX < scrollTop;
+        var tabStartY = item.current.offsetTop;
+        return tabStartY < scrollTop;
       });
       firstOverflowingTab === null || firstOverflowingTab === void 0 || (_firstOverflowingTab$ = firstOverflowingTab.current) === null || _firstOverflowingTab$ === void 0 || _firstOverflowingTab$.scrollIntoView({
         block: 'nearest',
@@ -90,8 +90,8 @@ export var verticalTabsRoot = function verticalTabsRoot(Root) {
         if (!item.current || item.current.offsetTop === undefined) {
           return;
         }
-        var tabEndX = item.current.offsetTop + item.current.offsetHeight;
-        return tabEndX > scrollBottom;
+        var tabEndY = item.current.offsetTop + item.current.offsetHeight;
+        return tabEndY > scrollBottom;
       });
       lastOverflowingTab === null || lastOverflowingTab === void 0 || (_lastOverflowingTab$c = lastOverflowingTab.current) === null || _lastOverflowingTab$c === void 0 || _lastOverflowingTab$c.scrollIntoView({
         block: 'nearest',

package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalTabItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAInD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAQhE,eAAO,MAAM,qBAAqB,SAAU,UAAU,cAAc,EAAE,sBAAsB,CAAC,kGAyGvF,CAAC;AAEP,eAAO,MAAM,uBAAuB;;;mBA3GQ,UAAU,cAAc,EAAE,sBAAsB,CAAC;;;;;;;;;;;;;;;;;;;;CAkI5F,CAAC"}
+{"version":3,"file":"HorizontalTabItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAInD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAQhE,eAAO,MAAM,qBAAqB,SAAU,UAAU,cAAc,EAAE,sBAAsB,CAAC,kGA6GvF,CAAC;AAEP,eAAO,MAAM,uBAAuB;;;mBA/GQ,UAAU,cAAc,EAAE,sBAAsB,CAAC;;;;;;;;;;;;;;;;;;;;CAsI5F,CAAC"}

package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalTabItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAInD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAQ9D,eAAO,MAAM,mBAAmB,SAAU,UAAU,iBAAiB,EAAE,oBAAoB,CAAC,mGAkGtF,CAAC;AAEP,eAAO,MAAM,qBAAqB;;;mBApGQ,UAAU,iBAAiB,EAAE,oBAAoB,CAAC;;;;;;;;;;;;;;;;;CAwH3F,CAAC"}
+{"version":3,"file":"VerticalTabItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAGtF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAInD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAQ9D,eAAO,MAAM,mBAAmB,SAAU,UAAU,iBAAiB,EAAE,oBAAoB,CAAC,mGAsGtF,CAAC;AAEP,eAAO,MAAM,qBAAqB;;;mBAxGQ,UAAU,iBAAiB,EAAE,oBAAoB,CAAC;;;;;;;;;;;;;;;;;CA4H3F,CAAC"}