@salutejs/plasma-new-hope 0.119.2-canary.1333.10286827108.0 → 0.120.0-canary.1347.10286315854.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.js +12 -3
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Tabs/tokens.js +2 -5
- package/cjs/components/Tabs/tokens.js.map +1 -1
- package/cjs/components/Tabs/ui/TabItem/TabItem.css +1 -1
- package/cjs/components/Tabs/ui/TabItem/TabItem.js +2 -14
- package/cjs/components/Tabs/ui/TabItem/TabItem.js.map +1 -1
- package/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
- package/cjs/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -1
- package/cjs/components/Tabs/ui/TabItem/variations/_view/base_q8xs21.css +1 -0
- package/cjs/components/Tabs/ui/Tabs/Tabs.css +6 -6
- package/cjs/components/Tabs/ui/Tabs/Tabs.js +8 -57
- package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
- package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +7 -7
- package/cjs/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -1
- package/{es/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css → cjs/components/Tabs/ui/Tabs/Tabs.styles_1b8qt33.css} +2 -2
- package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
- package/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -1
- package/{es/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css → cjs/components/Tabs/ui/Tabs/variations/_stretch/base_176tz0n.css} +1 -1
- package/cjs/components/Tabs/ui/Tabs/variations/_view/base.js +1 -1
- package/{es/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css → cjs/components/Tabs/ui/Tabs/variations/_view/base_4xkt26.css} +1 -1
- package/cjs/index.css +7 -7
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +12 -3
- package/emotion/cjs/components/Autocomplete/Autocomplete.template-doc.mdx +561 -0
- package/emotion/cjs/components/Tabs/Tabs.template-doc.mdx +3 -89
- package/emotion/cjs/components/Tabs/tokens.js +2 -5
- package/emotion/cjs/components/Tabs/ui/TabItem/TabItem.js +2 -14
- package/emotion/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
- package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.js +8 -57
- package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +16 -8
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
- package/emotion/cjs/components/Tabs/ui/Tabs/variations/_view/tokens.json +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +15 -15
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +17 -16
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +197 -238
- package/emotion/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +15 -15
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +17 -16
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +197 -238
- package/emotion/es/components/Autocomplete/Autocomplete.js +12 -3
- package/emotion/es/components/Autocomplete/Autocomplete.template-doc.mdx +561 -0
- package/emotion/es/components/Tabs/Tabs.template-doc.mdx +3 -89
- package/emotion/es/components/Tabs/tokens.js +2 -5
- package/emotion/es/components/Tabs/ui/TabItem/TabItem.js +2 -14
- package/emotion/es/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
- package/emotion/es/components/Tabs/ui/Tabs/Tabs.js +9 -58
- package/emotion/es/components/Tabs/ui/Tabs/Tabs.styles.js +17 -9
- package/emotion/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
- package/emotion/es/components/Tabs/ui/Tabs/variations/_view/tokens.json +1 -1
- package/emotion/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +15 -15
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +17 -16
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +197 -238
- package/emotion/es/examples/plasma_web/components/Tabs/TabItem.config.js +15 -15
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.config.js +17 -16
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +197 -238
- package/es/components/Autocomplete/Autocomplete.js +12 -3
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Tabs/tokens.js +2 -5
- package/es/components/Tabs/tokens.js.map +1 -1
- package/es/components/Tabs/ui/TabItem/TabItem.css +1 -1
- package/es/components/Tabs/ui/TabItem/TabItem.js +2 -14
- package/es/components/Tabs/ui/TabItem/TabItem.js.map +1 -1
- package/es/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
- package/es/components/Tabs/ui/TabItem/variations/_view/base.js.map +1 -1
- package/es/components/Tabs/ui/TabItem/variations/_view/base_q8xs21.css +1 -0
- package/es/components/Tabs/ui/Tabs/Tabs.css +6 -6
- package/es/components/Tabs/ui/Tabs/Tabs.js +9 -58
- package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
- package/es/components/Tabs/ui/Tabs/Tabs.styles.js +7 -7
- package/es/components/Tabs/ui/Tabs/Tabs.styles.js.map +1 -1
- package/{cjs/components/Tabs/ui/Tabs/Tabs.styles_z4dnzh.css → es/components/Tabs/ui/Tabs/Tabs.styles_1b8qt33.css} +2 -2
- package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
- package/es/components/Tabs/ui/Tabs/variations/_stretch/base.js.map +1 -1
- package/{cjs/components/Tabs/ui/Tabs/variations/_stretch/base_1c7lnrm.css → es/components/Tabs/ui/Tabs/variations/_stretch/base_176tz0n.css} +1 -1
- package/es/components/Tabs/ui/Tabs/variations/_view/base.js +1 -1
- package/{cjs/components/Tabs/ui/Tabs/variations/_view/base_aij3sf.css → es/components/Tabs/ui/Tabs/variations/_view/base_4xkt26.css} +1 -1
- package/es/index.css +7 -7
- package/package.json +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +12 -3
- package/styled-components/cjs/components/Autocomplete/Autocomplete.template-doc.mdx +561 -0
- package/styled-components/cjs/components/Tabs/Tabs.template-doc.mdx +3 -89
- package/styled-components/cjs/components/Tabs/tokens.js +2 -5
- package/styled-components/cjs/components/Tabs/ui/TabItem/TabItem.js +2 -14
- package/styled-components/cjs/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js +8 -57
- package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.styles.js +2 -2
- package/styled-components/cjs/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
- package/styled-components/cjs/components/Tabs/ui/Tabs/variations/_view/tokens.json +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/TabItem.config.js +8 -8
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.config.js +5 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +197 -238
- package/styled-components/cjs/examples/plasma_web/components/Tabs/TabItem.config.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.config.js +5 -4
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +197 -238
- package/styled-components/es/components/Autocomplete/Autocomplete.js +12 -3
- package/styled-components/es/components/Autocomplete/Autocomplete.template-doc.mdx +561 -0
- package/styled-components/es/components/Tabs/Tabs.template-doc.mdx +3 -89
- package/styled-components/es/components/Tabs/tokens.js +2 -5
- package/styled-components/es/components/Tabs/ui/TabItem/TabItem.js +2 -14
- package/styled-components/es/components/Tabs/ui/TabItem/variations/_view/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/Tabs/Tabs.js +9 -58
- package/styled-components/es/components/Tabs/ui/Tabs/Tabs.styles.js +3 -3
- package/styled-components/es/components/Tabs/ui/Tabs/variations/_stretch/base.js +1 -1
- package/styled-components/es/components/Tabs/ui/Tabs/variations/_view/tokens.json +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tabs/TabItem.config.js +8 -8
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.config.js +5 -4
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +197 -238
- package/styled-components/es/examples/plasma_web/components/Tabs/TabItem.config.js +8 -8
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.config.js +5 -4
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +197 -238
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Autocomplete/Autocomplete.types.d.ts +4 -0
- package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
- package/types/components/Tabs/tokens.d.ts +0 -3
- package/types/components/Tabs/tokens.d.ts.map +1 -1
- package/types/components/Tabs/ui/TabItem/TabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/TabItem/variations/_view/base.d.ts.map +1 -1
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts +2 -4
- package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -1
- package/types/components/Tabs/ui/Tabs/Tabs.styles.d.ts.map +1 -1
- package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts +5 -12
- package/types/components/Tabs/ui/Tabs/Tabs.types.d.ts.map +1 -1
- package/types/components/Tabs/ui/Tabs/variations/_stretch/base.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/TabItem.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts +1 -0
- package/types/examples/plasma_b2c/components/Tabs/Tabs.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts +1 -2
- package/types/examples/plasma_b2c/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/TabItem.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts +1 -0
- package/types/examples/plasma_web/components/Tabs/Tabs.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts +1 -2
- package/types/examples/plasma_web/components/Tabs/Tabs.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts +1 -2
- package/types/examples/sds_engineer/components/Tabs/Tabs.d.ts.map +1 -1
- package/cjs/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +0 -1
- package/es/components/Tabs/ui/TabItem/variations/_view/base_7pcxtm.css +0 -1
@@ -9,9 +9,7 @@ export var classes = {
|
|
9
9
|
tabRightContent: 'tab-item-right-content',
|
10
10
|
tabLeftContent: 'tab-item-left-content',
|
11
11
|
tabsHasLeftArrow: 'tabs-has-left-arrow',
|
12
|
-
tabsHasRightArrow: 'tabs-has-right-arrow'
|
13
|
-
tabsClipScroll: 'tabs-clip-scroll',
|
14
|
-
tabsClipShowAll: 'tabs-clip-show-all'
|
12
|
+
tabsHasRightArrow: 'tabs-has-right-arrow'
|
15
13
|
};
|
16
14
|
export var tokens = {
|
17
15
|
disabledOpacity: '--plasma-tabs-disabled-opacity',
|
@@ -28,7 +26,7 @@ export var tokens = {
|
|
28
26
|
outlineFocusColor: '--plasma-tabs-outline-focus-color',
|
29
27
|
arrowColor: '--plasma-tabs-arrow-color',
|
30
28
|
tabsFilledBackgroundColor: '--plasma-tabs-filled-background-color',
|
31
|
-
tabsBackgroundColor: '--plasma-tabs-
|
29
|
+
tabsBackgroundColor: '--plasma-tabs-backgorund-color',
|
32
30
|
tabsBorderRadius: '--plasma-tabs-border-radius',
|
33
31
|
tabsWidth: '--plasma-tabs-width',
|
34
32
|
tabsHeight: '--plasma-tabs-height',
|
@@ -52,7 +50,6 @@ export var tokens = {
|
|
52
50
|
itemColor: '--plasma-tab-item-color',
|
53
51
|
itemBackgroundColor: '--plasma-tab-item-background-color',
|
54
52
|
itemColorHover: '--plasma-tab-item-color-hover',
|
55
|
-
itemColorActive: '--plasma-tab-item-color-active',
|
56
53
|
itemBackgroundColorHover: '--plasma-tab-item-background-color-hover',
|
57
54
|
itemSelectedColor: '--plasma-tab-item-selected-color',
|
58
55
|
itemSelectedBackgroundColor: '--plasma-tab-item-selected-background-color',
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex", "className"
|
1
|
+
var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "contentLeft", "contentRight", "animated", "onIndexChange", "itemIndex", "tabIndex", "className"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
@@ -31,7 +31,6 @@ export var tabItemRoot = function tabItemRoot(Root) {
|
|
31
31
|
itemIndex = props.itemIndex,
|
32
32
|
tabIndex = props.tabIndex,
|
33
33
|
className = props.className,
|
34
|
-
onClick = props.onClick,
|
35
34
|
rest = _objectWithoutProperties(props, _excluded);
|
36
35
|
var innerRef = useRef(null);
|
37
36
|
var ref = useForkRef(outerRef, innerRef);
|
@@ -73,16 +72,6 @@ export var tabItemRoot = function tabItemRoot(Root) {
|
|
73
72
|
onIndexChange === null || onIndexChange === void 0 || onIndexChange(focusIndex);
|
74
73
|
refs.setCurrent(focusIndex);
|
75
74
|
}, [refs, innerRef, onIndexChange, disabled]);
|
76
|
-
var handleClick = function handleClick(event) {
|
77
|
-
event.currentTarget.scrollIntoView({
|
78
|
-
block: 'nearest',
|
79
|
-
inline: 'nearest'
|
80
|
-
});
|
81
|
-
if (!onClick) {
|
82
|
-
return;
|
83
|
-
}
|
84
|
-
onClick(event);
|
85
|
-
};
|
86
75
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
87
76
|
ref: ref,
|
88
77
|
disabled: disabled,
|
@@ -92,8 +81,7 @@ export var tabItemRoot = function tabItemRoot(Root) {
|
|
92
81
|
size: size,
|
93
82
|
onFocus: onItemFocus,
|
94
83
|
tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
|
95
|
-
className: cx(pilledClass, selectedClass, animatedClass, className)
|
96
|
-
onClick: handleClick
|
84
|
+
className: cx(pilledClass, selectedClass, animatedClass, className)
|
97
85
|
}, rest), /*#__PURE__*/React.createElement(React.Fragment, null, contentLeft && /*#__PURE__*/React.createElement(LeftContent, {
|
98
86
|
className: classes.tabLeftContent
|
99
87
|
}, contentLeft), /*#__PURE__*/React.createElement(StyledContent, {
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import { css } from '@emotion/react';
|
2
2
|
import { classes, tokens } from '../../../../tokens';
|
3
3
|
import { RightContent } from '../../TabItem.styles';
|
4
|
-
export var base = /*#__PURE__*/css("color:var(", tokens.itemColor, ");background-color:var(", tokens.itemBackgroundColor, ");margin-left:var(", tokens.itemMarginLeftFilled, ", var(", tokens.itemMarginLeft, "));&:hover{color:var(", tokens.itemColorHover, ");background-color:var(", tokens.itemBackgroundColorHover, ");", RightContent, "{color:var(", tokens.additionalContentHoverColor, ");}}
|
4
|
+
export var base = /*#__PURE__*/css("color:var(", tokens.itemColor, ");background-color:var(", tokens.itemBackgroundColor, ");margin-left:var(", tokens.itemMarginLeftFilled, ", var(", tokens.itemMarginLeft, "));&:hover{color:var(", tokens.itemColorHover, ");background-color:var(", tokens.itemBackgroundColorHover, ");", RightContent, "{color:var(", tokens.additionalContentHoverColor, ");}}&.", /*#__PURE__*/String(classes.tabItemAnimated), "{transition:var(", tokens.itemBackgroundTransition, ");}&.", /*#__PURE__*/String(classes.selectedTabsItem), "{color:var(", tokens.itemSelectedColor, ");background-color:var(", tokens.itemSelectedBackgroundColor, ");&:hover{color:var(", tokens.itemSelectedColorHover, ");background-color:var(", tokens.itemSelectedBackgroundColorHover, ");&::after{background:var(", tokens.itemSelectedDividerColorHover, ");}}", RightContent, "{color:var(", tokens.additionalContentSelectedColor, ");&:hover{color:var(", tokens.additionalContentSelectedHoverColor, ");}}&::after{content:'';position:absolute;bottom:0px;left:0;right:0;background:var(", tokens.itemSelectedDividerColor, ");height:var(", tokens.itemSelectedDividerHeight, ");border-radius:1px;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJJdGVtL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL1RhYkl0ZW0vdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi90b2tlbnMnO1xuaW1wb3J0IHsgUmlnaHRDb250ZW50IH0gZnJvbSAnLi4vLi4vVGFiSXRlbS5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1Db2xvcn0pO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZENvbG9yfSk7XG5cbiAgICBtYXJnaW4tbGVmdDogdmFyKCR7dG9rZW5zLml0ZW1NYXJnaW5MZWZ0RmlsbGVkfSwgdmFyKCR7dG9rZW5zLml0ZW1NYXJnaW5MZWZ0fSkpO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUNvbG9ySG92ZXJ9KTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuXG4gICAgICAgICR7UmlnaHRDb250ZW50fSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmFkZGl0aW9uYWxDb250ZW50SG92ZXJDb2xvcn0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke1N0cmluZyhjbGFzc2VzLnRhYkl0ZW1BbmltYXRlZCl9IHtcbiAgICAgICAgdHJhbnNpdGlvbjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kVHJhbnNpdGlvbn0pO1xuICAgIH1cblxuICAgICYuJHtTdHJpbmcoY2xhc3Nlcy5zZWxlY3RlZFRhYnNJdGVtKX0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZENvbG9yfSk7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtU2VsZWN0ZWRCYWNrZ3JvdW5kQ29sb3J9KTtcblxuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbVNlbGVjdGVkQ29sb3JIb3Zlcn0pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZEJhY2tncm91bmRDb2xvckhvdmVyfSk7XG5cbiAgICAgICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMuaXRlbVNlbGVjdGVkRGl2aWRlckNvbG9ySG92ZXJ9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICR7UmlnaHRDb250ZW50fSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmFkZGl0aW9uYWxDb250ZW50U2VsZWN0ZWRDb2xvcn0pO1xuXG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmFkZGl0aW9uYWxDb250ZW50U2VsZWN0ZWRIb3ZlckNvbG9yfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIGJvdHRvbTogMHB4O1xuICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZERpdmlkZXJDb2xvcn0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaXRlbVNlbGVjdGVkRGl2aWRlckhlaWdodH0pO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMXB4O1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["id", "stretch", "disabled", "
|
1
|
+
var _excluded = ["id", "stretch", "disabled", "size", "view", "children", "pilled", "index", "className"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
4
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
@@ -9,7 +9,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
9
9
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
10
10
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
11
11
|
import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef } from 'react';
|
12
|
-
import { safeUseId } from '@salutejs/plasma-core';
|
12
|
+
import { animatedScrollToX, safeUseId } from '@salutejs/plasma-core';
|
13
13
|
import { IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';
|
14
14
|
import { classes, tokens } from '../../tokens';
|
15
15
|
import { cx } from '../../../../utils';
|
@@ -34,13 +34,10 @@ export var tabsRoot = function tabsRoot(Root) {
|
|
34
34
|
stretch = _props$stretch === void 0 ? false : _props$stretch,
|
35
35
|
_props$disabled = props.disabled,
|
36
36
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
37
|
-
_props$clip = props.clip,
|
38
|
-
clip = _props$clip === void 0 ? 'scroll' : _props$clip,
|
39
37
|
size = props.size,
|
40
38
|
view = props.view,
|
41
39
|
children = props.children,
|
42
|
-
|
43
|
-
pilled = _props$pilled === void 0 ? false : _props$pilled,
|
40
|
+
pilled = props.pilled,
|
44
41
|
index = props.index,
|
45
42
|
className = props.className,
|
46
43
|
rest = _objectWithoutProperties(props, _excluded);
|
@@ -63,47 +60,14 @@ export var tabsRoot = function tabsRoot(Root) {
|
|
63
60
|
var stretchClass = firstItemVisible && lastItemVisible && stretch ? classes.tabsStretch : undefined;
|
64
61
|
var hasLeftArrowClass = !firstItemVisible ? classes.tabsHasLeftArrow : undefined;
|
65
62
|
var hasRightArrowClass = !lastItemVisible ? classes.tabsHasRightArrow : undefined;
|
66
|
-
var clipScrollClass = clip === 'scroll' ? classes.tabsClipScroll : undefined;
|
67
|
-
var clipShowAllClass = clip === 'showAll' ? classes.tabsClipShowAll : undefined;
|
68
63
|
var scrollRef = useRef(null);
|
69
64
|
var trackRef = useRef(null);
|
70
|
-
var leftArrowRef = useRef(null);
|
71
65
|
var onPrev = useCallback(function () {
|
72
|
-
|
73
|
-
|
74
|
-
return;
|
75
|
-
}
|
76
|
-
var scrollLeft = Math.round(scrollRef.current.scrollLeft);
|
77
|
-
var firstOverflowingTab = refs.items.slice().reverse().find(function (item) {
|
78
|
-
if (!item.current || item.current.offsetLeft === undefined) {
|
79
|
-
return;
|
80
|
-
}
|
81
|
-
var tabStartX = item.current.offsetLeft;
|
82
|
-
return tabStartX < scrollLeft;
|
83
|
-
});
|
84
|
-
firstOverflowingTab === null || firstOverflowingTab === void 0 || (_firstOverflowingTab$ = firstOverflowingTab.current) === null || _firstOverflowingTab$ === void 0 || _firstOverflowingTab$.scrollIntoView({
|
85
|
-
block: 'nearest',
|
86
|
-
inline: 'nearest'
|
87
|
-
});
|
88
|
-
}, [disabled, scrollRef, refs]);
|
66
|
+
!disabled && scrollRef.current && animatedScrollToX(scrollRef.current, scrollRef.current.scrollLeft - scrollRef.current.offsetWidth / 2);
|
67
|
+
}, [disabled, scrollRef]);
|
89
68
|
var onNext = useCallback(function () {
|
90
|
-
|
91
|
-
|
92
|
-
return;
|
93
|
-
}
|
94
|
-
var scrollRight = Math.round(scrollRef.current.scrollLeft + scrollRef.current.clientWidth);
|
95
|
-
var lastOverflowingTab = refs.items.find(function (item) {
|
96
|
-
if (!item.current || item.current.offsetLeft === undefined) {
|
97
|
-
return;
|
98
|
-
}
|
99
|
-
var tabEndX = item.current.offsetLeft + item.current.offsetWidth;
|
100
|
-
return tabEndX > scrollRight;
|
101
|
-
});
|
102
|
-
lastOverflowingTab === null || lastOverflowingTab === void 0 || (_lastOverflowingTab$c = lastOverflowingTab.current) === null || _lastOverflowingTab$c === void 0 || _lastOverflowingTab$c.scrollIntoView({
|
103
|
-
block: 'nearest',
|
104
|
-
inline: 'nearest'
|
105
|
-
});
|
106
|
-
}, [disabled, scrollRef, refs]);
|
69
|
+
!disabled && scrollRef.current && animatedScrollToX(scrollRef.current, scrollRef.current.scrollLeft + scrollRef.current.offsetWidth / 2);
|
70
|
+
}, [disabled, scrollRef]);
|
107
71
|
var PreviousButton = useMemo(function () {
|
108
72
|
return /*#__PURE__*/React.createElement(StyledArrow, {
|
109
73
|
type: "button",
|
@@ -112,7 +76,6 @@ export var tabsRoot = function tabsRoot(Root) {
|
|
112
76
|
tabIndex: disabled ? -1 : 0,
|
113
77
|
disabled: disabled,
|
114
78
|
isFilled: isFilled,
|
115
|
-
ref: leftArrowRef,
|
116
79
|
isLeftArrow: true
|
117
80
|
}, /*#__PURE__*/React.createElement(IconDisclosureLeft, {
|
118
81
|
color: "var(".concat(tokens.arrowColor, ")")
|
@@ -133,9 +96,8 @@ export var tabsRoot = function tabsRoot(Root) {
|
|
133
96
|
var handleScroll = useCallback(function (event) {
|
134
97
|
event.stopPropagation();
|
135
98
|
var maxScrollLeft = event.currentTarget.scrollWidth - event.currentTarget.clientWidth;
|
136
|
-
|
137
|
-
|
138
|
-
setLastItemVisible(scrollLeft >= maxScrollLeft);
|
99
|
+
setFirstItemVisible(event.currentTarget.scrollLeft <= 0);
|
100
|
+
setLastItemVisible(event.currentTarget.scrollLeft >= maxScrollLeft);
|
139
101
|
}, [setFirstItemVisible, setLastItemVisible]);
|
140
102
|
var onKeyDown = useCallback(function (event) {
|
141
103
|
if (index === undefined) {
|
@@ -175,16 +137,6 @@ export var tabsRoot = function tabsRoot(Root) {
|
|
175
137
|
var _scrollRef$current, _scrollRef$current2;
|
176
138
|
setLastItemVisible(((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollWidth) === ((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.clientWidth));
|
177
139
|
}, []);
|
178
|
-
|
179
|
-
// Этот хук компенсирует появление левой стрелки при прокрутке
|
180
|
-
useEffect(function () {
|
181
|
-
if (firstItemVisible || !scrollRef.current || !leftArrowRef.current) {
|
182
|
-
return;
|
183
|
-
}
|
184
|
-
scrollRef.current.scrollTo({
|
185
|
-
left: Math.round(scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth)
|
186
|
-
});
|
187
|
-
}, [firstItemVisible, scrollRef, leftArrowRef]);
|
188
140
|
return /*#__PURE__*/React.createElement(TabsContext.Provider, {
|
189
141
|
value: refs
|
190
142
|
}, /*#__PURE__*/React.createElement(Root, _extends({
|
@@ -198,7 +150,6 @@ export var tabsRoot = function tabsRoot(Root) {
|
|
198
150
|
className: cx(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass, className),
|
199
151
|
onKeyDown: onKeyDown
|
200
152
|
}, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/React.createElement(StyledContentWrapper, {
|
201
|
-
className: cx(clipScrollClass, clipShowAllClass),
|
202
153
|
ref: scrollRef,
|
203
154
|
onScroll: handleScroll
|
204
155
|
}, /*#__PURE__*/React.createElement(StyledContent, {
|
@@ -2,14 +2,14 @@ import _styled from "@emotion/styled/base";
|
|
2
2
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
3
3
|
import { css } from '@emotion/react';
|
4
4
|
import { addFocus } from '../../../../mixins';
|
5
|
-
import {
|
5
|
+
import { tokens } from '../../tokens';
|
6
6
|
export var base = process.env.NODE_ENV === "production" ? {
|
7
|
-
name: "
|
8
|
-
styles: "display:flex;
|
7
|
+
name: "1i3lhgf-plasma-new-hope__base",
|
8
|
+
styles: "display:flex;align-items:center;position:relative;label:plasma-new-hope__base;"
|
9
9
|
} : {
|
10
|
-
name: "
|
11
|
-
styles: "display:flex;
|
12
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
10
|
+
name: "1i3lhgf-plasma-new-hope__base",
|
11
|
+
styles: "display:flex;align-items:center;position:relative;label:plasma-new-hope__base;",
|
12
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJzL1RhYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU11QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RhYnMvdWkvVGFicy9UYWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIC8qIGFsbG93cyBjb3JyZWN0bHkgZGlzcGxheSBvdXRsaW5lIGZvY3VzIG9uIHRhYnMgaXRlbSAqL1xuICAgIG1hcmdpbjogLTAuMTI1cmVtO1xuICAgIHBhZGRpbmc6IDAuMjVyZW07XG5cbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbiAgICBvdmVyZmxvdzogc2Nyb2xsO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIG92ZXJzY3JvbGwtYmVoYXZpb3I6IGNvbnRhaW47XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXJyb3cgPSBzdHlsZWQuYnV0dG9uPHsgaXNMZWZ0QXJyb3c/OiBib29sZWFuOyBpc0ZpbGxlZD86IGJvb2xlYW4gfT5gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpIC0gMC4wNjNyZW0pJyxcbiAgICB9KX07XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1vdXRlci1wYWRkaW5nOiAkeyh7IGlzRmlsbGVkIH0pID0+IChpc0ZpbGxlZCA/IGB2YXIoJHt0b2tlbnMuYXJyb3dPdXRlclBhZGRpbmd9KWAgOiAnJyl9O1xuXG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBpc0xlZnRBcnJvdyB9KSA9PlxuICAgICAgICBpc0xlZnRBcnJvdyA/IGB2YXIoJHt0b2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9KWAgOiAndmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0ZXItcGFkZGluZyknfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgaXNMZWZ0QXJyb3cgfSkgPT5cbiAgICAgICAgaXNMZWZ0QXJyb3cgPyAndmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0ZXItcGFkZGluZyknIDogYHZhcigke3Rva2Vucy5hcnJvd0lubmVyUGFkZGluZ30pYH07XG5gO1xuIl19 */",
|
13
13
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
14
14
|
};
|
15
15
|
export var StyledContent = /*#__PURE__*/_styled("div", {
|
@@ -21,13 +21,21 @@ export var StyledContent = /*#__PURE__*/_styled("div", {
|
|
21
21
|
} : {
|
22
22
|
name: "3251ob",
|
23
23
|
styles: "display:inline-flex;flex-direction:row;align-items:center",
|
24
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
24
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJzL1RhYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl1QyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RhYnMvdWkvVGFicy9UYWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgYWRkRm9jdXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIC8qIGFsbG93cyBjb3JyZWN0bHkgZGlzcGxheSBvdXRsaW5lIGZvY3VzIG9uIHRhYnMgaXRlbSAqL1xuICAgIG1hcmdpbjogLTAuMTI1cmVtO1xuICAgIHBhZGRpbmc6IDAuMjVyZW07XG5cbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbiAgICBvdmVyZmxvdzogc2Nyb2xsO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuICAgIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIG92ZXJzY3JvbGwtYmVoYXZpb3I6IGNvbnRhaW47XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQXJyb3cgPSBzdHlsZWQuYnV0dG9uPHsgaXNMZWZ0QXJyb3c/OiBib29sZWFuOyBpc0ZpbGxlZD86IGJvb2xlYW4gfT5gXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgb3V0bGluZTogbm9uZTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpIC0gMC4wNjNyZW0pJyxcbiAgICB9KX07XG5cbiAgICAmW2Rpc2FibGVkXSB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1vdXRlci1wYWRkaW5nOiAkeyh7IGlzRmlsbGVkIH0pID0+IChpc0ZpbGxlZCA/IGB2YXIoJHt0b2tlbnMuYXJyb3dPdXRlclBhZGRpbmd9KWAgOiAnJyl9O1xuXG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBpc0xlZnRBcnJvdyB9KSA9PlxuICAgICAgICBpc0xlZnRBcnJvdyA/IGB2YXIoJHt0b2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9KWAgOiAndmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0ZXItcGFkZGluZyknfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgaXNMZWZ0QXJyb3cgfSkgPT5cbiAgICAgICAgaXNMZWZ0QXJyb3cgPyAndmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0ZXItcGFkZGluZyknIDogYHZhcigke3Rva2Vucy5hcnJvd0lubmVyUGFkZGluZ30pYH07XG5gO1xuIl19 */",
|
25
25
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
26
26
|
});
|
27
27
|
export var StyledContentWrapper = /*#__PURE__*/_styled("div", {
|
28
28
|
target: "ekgy0fz1",
|
29
29
|
label: "plasma-new-hope__StyledContentWrapper"
|
30
|
-
})(
|
30
|
+
})(process.env.NODE_ENV === "production" ? {
|
31
|
+
name: "hwn6wd",
|
32
|
+
styles: "margin:-0.125rem;padding:0.25rem;box-sizing:content-box;overflow:scroll;position:relative;height:100%;width:100%;display:flex;align-items:center;scrollbar-width:none;::-webkit-scrollbar{display:none;}overscroll-behavior:contain"
|
33
|
+
} : {
|
34
|
+
name: "hwn6wd",
|
35
|
+
styles: "margin:-0.125rem;padding:0.25rem;box-sizing:content-box;overflow:scroll;position:relative;height:100%;width:100%;display:flex;align-items:center;scrollbar-width:none;::-webkit-scrollbar{display:none;}overscroll-behavior:contain",
|
36
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJzL1RhYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCOEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL1RhYnMvVGFicy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWl4aW5zJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICAvKiBhbGxvd3MgY29ycmVjdGx5IGRpc3BsYXkgb3V0bGluZSBmb2N1cyBvbiB0YWJzIGl0ZW0gKi9cbiAgICBtYXJnaW46IC0wLjEyNXJlbTtcbiAgICBwYWRkaW5nOiAwLjI1cmVtO1xuXG4gICAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gICAgb3ZlcmZsb3c6IHNjcm9sbDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICBvdmVyc2Nyb2xsLWJlaGF2aW9yOiBjb250YWluO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkLmJ1dHRvbjx7IGlzTGVmdEFycm93PzogYm9vbGVhbjsgaXNGaWxsZWQ/OiBib29sZWFuIH0+YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KWAsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICdjYWxjKHZhcigtLXBsYXNtYV9wcml2YXRlLW91dGxpbmUtcmFkaXVzKSAtIDAuMDYzcmVtKScsXG4gICAgfSl9O1xuXG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cblxuICAgIC0tcGxhc21hX3ByaXZhdGUtb3V0ZXItcGFkZGluZzogJHsoeyBpc0ZpbGxlZCB9KSA9PiAoaXNGaWxsZWQgPyBgdmFyKCR7dG9rZW5zLmFycm93T3V0ZXJQYWRkaW5nfSlgIDogJycpfTtcblxuICAgIHBhZGRpbmctcmlnaHQ6ICR7KHsgaXNMZWZ0QXJyb3cgfSkgPT5cbiAgICAgICAgaXNMZWZ0QXJyb3cgPyBgdmFyKCR7dG9rZW5zLmFycm93SW5uZXJQYWRkaW5nfSlgIDogJ3ZhcigtLXBsYXNtYV9wcml2YXRlLW91dGVyLXBhZGRpbmcpJ307XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IGlzTGVmdEFycm93IH0pID0+XG4gICAgICAgIGlzTGVmdEFycm93ID8gJ3ZhcigtLXBsYXNtYV9wcml2YXRlLW91dGVyLXBhZGRpbmcpJyA6IGB2YXIoJHt0b2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9KWB9O1xuYDtcbiJdfQ== */",
|
37
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
38
|
+
});
|
31
39
|
export var StyledArrow = /*#__PURE__*/_styled("button", {
|
32
40
|
target: "ekgy0fz0",
|
33
41
|
label: "plasma-new-hope__StyledArrow"
|
@@ -45,4 +53,4 @@ export var StyledArrow = /*#__PURE__*/_styled("button", {
|
|
45
53
|
}, ";padding-left:", function (_ref3) {
|
46
54
|
var isLeftArrow = _ref3.isLeftArrow;
|
47
55
|
return isLeftArrow ? 'var(--plasma_private-outer-padding)' : "var(".concat(tokens.arrowInnerPadding, ")");
|
48
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
56
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJzL1RhYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDdUYiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL1RhYnMvVGFicy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vLi4vLi4vbWl4aW5zJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgICAvKiBhbGxvd3MgY29ycmVjdGx5IGRpc3BsYXkgb3V0bGluZSBmb2N1cyBvbiB0YWJzIGl0ZW0gKi9cbiAgICBtYXJnaW46IC0wLjEyNXJlbTtcbiAgICBwYWRkaW5nOiAwLjI1cmVtO1xuXG4gICAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gICAgb3ZlcmZsb3c6IHNjcm9sbDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbiAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICBvdmVyc2Nyb2xsLWJlaGF2aW9yOiBjb250YWluO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFycm93ID0gc3R5bGVkLmJ1dHRvbjx7IGlzTGVmdEFycm93PzogYm9vbGVhbjsgaXNGaWxsZWQ/OiBib29sZWFuIH0+YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG91dGxpbmU6IG5vbmU7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjA2M3JlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICctMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KWAsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICdjYWxjKHZhcigtLXBsYXNtYV9wcml2YXRlLW91dGxpbmUtcmFkaXVzKSAtIDAuMDYzcmVtKScsXG4gICAgfSl9O1xuXG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cblxuICAgIC0tcGxhc21hX3ByaXZhdGUtb3V0ZXItcGFkZGluZzogJHsoeyBpc0ZpbGxlZCB9KSA9PiAoaXNGaWxsZWQgPyBgdmFyKCR7dG9rZW5zLmFycm93T3V0ZXJQYWRkaW5nfSlgIDogJycpfTtcblxuICAgIHBhZGRpbmctcmlnaHQ6ICR7KHsgaXNMZWZ0QXJyb3cgfSkgPT5cbiAgICAgICAgaXNMZWZ0QXJyb3cgPyBgdmFyKCR7dG9rZW5zLmFycm93SW5uZXJQYWRkaW5nfSlgIDogJ3ZhcigtLXBsYXNtYV9wcml2YXRlLW91dGVyLXBhZGRpbmcpJ307XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IGlzTGVmdEFycm93IH0pID0+XG4gICAgICAgIGlzTGVmdEFycm93ID8gJ3ZhcigtLXBsYXNtYV9wcml2YXRlLW91dGVyLXBhZGRpbmcpJyA6IGB2YXIoJHt0b2tlbnMuYXJyb3dJbm5lclBhZGRpbmd9KWB9O1xuYDtcbiJdfQ== */"));
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import { css } from '@emotion/react';
|
2
2
|
import { classes } from '../../../../tokens';
|
3
3
|
import { StyledContent, StyledContentWrapper } from '../../Tabs.styles';
|
4
|
-
export var base = /*#__PURE__*/css("&.", classes.tabsStretch, "{width:100%;", StyledContentWrapper, ",", StyledContent, ",", StyledContent, ">button{width:100%;
|
4
|
+
export var base = /*#__PURE__*/css("&.", classes.tabsStretch, "{width:100%;", StyledContentWrapper, ",", StyledContent, ",", StyledContent, ">button{width:100%;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9UYWJzL3ZhcmlhdGlvbnMvX3N0cmV0Y2gvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL1RhYnMvdmFyaWF0aW9ucy9fc3RyZXRjaC9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAnLi4vLi4vLi4vLi4vdG9rZW5zJztcbmltcG9ydCB7IFN0eWxlZENvbnRlbnQsIFN0eWxlZENvbnRlbnRXcmFwcGVyIH0gZnJvbSAnLi4vLi4vVGFicy5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmLiR7Y2xhc3Nlcy50YWJzU3RyZXRjaH0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcblxuICAgICAgICAke1N0eWxlZENvbnRlbnRXcmFwcGVyfSwgJHtTdHlsZWRDb250ZW50fSwgJHtTdHlsZWRDb250ZW50fSA+IGJ1dHRvbiB7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));
|
@@ -1 +1 @@
|
|
1
|
-
["--plasma-tabs-
|
1
|
+
["--plasma-tabs-backgorund-color", "--plasma-tabs-divider-height", "--plasma-tabs-divider-color"]
|