@salutejs/plasma-new-hope 0.156.1-canary.1374.11107153045.0 → 0.156.1-canary.1374.11123169635.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +4 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +4 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +4 -4
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +4 -1
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +1 -1
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +1 -1
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +1 -1
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +1 -1
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +4 -1
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +1 -1
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +1 -1
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +4 -4
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +4 -1
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +1 -1
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +1 -1
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +1 -1
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +1 -1
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +4 -1
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +1 -1
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +1 -1
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +4 -4
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +4 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +4 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +4 -4
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +4 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +4 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +4 -4
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +4 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_disabled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_view/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +4 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_disabled/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_view/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +4 -4
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +1 -1
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
2
|
import { classes, tokens } from '../../../../../tokens';
|
3
|
-
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,
|
3
|
+
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);
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
2
|
import { classes, tokens } from '../../../../../tokens';
|
3
|
-
export var base = /*#__PURE__*/css(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");padding:var(", ");}"],
|
3
|
+
export var base = /*#__PURE__*/css(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");padding:var(", ");}"], classes.tabsPilled, tokens.itemPilledBorderRadius, tokens.itemPilledBorderRadius, tokens.itemPaddingPilled);
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
2
|
import { classes, tokens } from '../../../../../tokens';
|
3
3
|
import { TabItemValue } from '../../HorizontalTabItem.styles';
|
4
|
-
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,
|
4
|
+
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
CHANGED
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
2
|
import { classes, tokens } from '../../../../../tokens';
|
3
|
-
export var base = /*#__PURE__*/css(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");}"],
|
3
|
+
export var base = /*#__PURE__*/css(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");}"], classes.tabsPilled, tokens.tabsPilledBorderRadius, tokens.tabsPilledBorderRadius);
|
@@ -46,6 +46,9 @@ export var verticalTabItemRoot = function verticalTabItemRoot(Root) {
|
|
46
46
|
};
|
47
47
|
}, [refs]);
|
48
48
|
var onItemFocus = useCallback(function (event) {
|
49
|
+
if (disabled) {
|
50
|
+
return;
|
51
|
+
}
|
49
52
|
if (!hasKeyNavigation && innerRef !== null && innerRef !== void 0 && innerRef.current) {
|
50
53
|
innerRef.current.scrollTo({
|
51
54
|
top: innerRef.current.offsetTop,
|
@@ -53,7 +56,7 @@ export var verticalTabItemRoot = function verticalTabItemRoot(Root) {
|
|
53
56
|
});
|
54
57
|
return;
|
55
58
|
}
|
56
|
-
if (
|
59
|
+
if (!refs) {
|
57
60
|
return;
|
58
61
|
}
|
59
62
|
var focusIndex = refs.items.findIndex(function (itemRef) {
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
2
|
import { classes, tokens } from '../../../../../tokens';
|
3
|
-
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,
|
3
|
+
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
CHANGED
@@ -1,4 +1,4 @@
|
|
1
1
|
import { css } from 'styled-components';
|
2
2
|
import { classes, tokens } from '../../../../../tokens';
|
3
3
|
import { TabItemValue } from '../../VerticalTabItem.styles';
|
4
|
-
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,
|
4
|
+
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);
|
@@ -72,8 +72,8 @@ export var verticalTabsRoot = function verticalTabsRoot(Root) {
|
|
72
72
|
if (!item.current || item.current.offsetTop === undefined) {
|
73
73
|
return;
|
74
74
|
}
|
75
|
-
var
|
76
|
-
return
|
75
|
+
var tabStartY = item.current.offsetTop;
|
76
|
+
return tabStartY < scrollTop;
|
77
77
|
});
|
78
78
|
firstOverflowingTab === null || firstOverflowingTab === void 0 || (_firstOverflowingTab$ = firstOverflowingTab.current) === null || _firstOverflowingTab$ === void 0 || _firstOverflowingTab$.scrollIntoView({
|
79
79
|
block: 'nearest',
|
@@ -90,8 +90,8 @@ export var verticalTabsRoot = function verticalTabsRoot(Root) {
|
|
90
90
|
if (!item.current || item.current.offsetTop === undefined) {
|
91
91
|
return;
|
92
92
|
}
|
93
|
-
var
|
94
|
-
return
|
93
|
+
var tabEndY = item.current.offsetTop + item.current.offsetHeight;
|
94
|
+
return tabEndY > scrollBottom;
|
95
95
|
});
|
96
96
|
lastOverflowingTab === null || lastOverflowingTab === void 0 || (_lastOverflowingTab$c = lastOverflowingTab.current) === null || _lastOverflowingTab$c === void 0 || _lastOverflowingTab$c.scrollIntoView({
|
97
97
|
block: 'nearest',
|
@@ -1 +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,
|
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,kGA6GvF,CAAC;AAEP,eAAO,MAAM,uBAAuB;;;mBA/GQ,UAAU,cAAc,EAAE,sBAAsB,CAAC;;;;;;;;;;;;;;;;;;;;CAsI5F,CAAC"}
|
@@ -1 +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,
|
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,mGAsGtF,CAAC;AAEP,eAAO,MAAM,qBAAqB;;;mBAxGQ,UAAU,iBAAiB,EAAE,oBAAoB,CAAC;;;;;;;;;;;;;;;;;CA4H3F,CAAC"}
|