@salutejs/plasma-new-hope 0.189.0-canary.1551.11792996525.0 → 0.189.1-canary.1532.11793947290.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Breadcrumbs/Breadcrumbs.css +3 -3
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +7 -14
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/cjs/components/Breadcrumbs/{Breadcrumbs.styles_19b6ey4.css → Breadcrumbs.styles_1icsgdr.css} +1 -1
- package/cjs/components/Breadcrumbs/utils/index.css +3 -3
- package/cjs/components/TextArea/TextArea.js +1 -1
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/hooks/useAutoResize.js +3 -3
- package/cjs/components/TextArea/hooks/useAutoResize.js.map +1 -1
- package/cjs/index.css +3 -3
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +8 -11
- package/emotion/cjs/components/TextArea/TextArea.js +2 -2
- package/emotion/cjs/components/TextArea/hooks/useAutoResize.js +3 -3
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +16 -16
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +8 -11
- package/emotion/es/components/TextArea/TextArea.js +2 -2
- package/emotion/es/components/TextArea/hooks/useAutoResize.js +3 -3
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +16 -16
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
- package/es/components/Breadcrumbs/Breadcrumbs.css +3 -3
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js +7 -14
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/es/components/Breadcrumbs/{Breadcrumbs.styles_19b6ey4.css → Breadcrumbs.styles_1icsgdr.css} +1 -1
- package/es/components/Breadcrumbs/utils/index.css +3 -3
- package/es/components/TextArea/TextArea.js +1 -1
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/hooks/useAutoResize.js +3 -3
- package/es/components/TextArea/hooks/useAutoResize.js.map +1 -1
- package/es/index.css +3 -3
- package/package.json +2 -2
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +5 -8
- package/styled-components/cjs/components/TextArea/TextArea.js +1 -1
- package/styled-components/cjs/components/TextArea/hooks/useAutoResize.js +3 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +5 -8
- package/styled-components/es/components/TextArea/TextArea.js +1 -1
- package/styled-components/es/components/TextArea/hooks/useAutoResize.js +3 -3
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
- package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -1
- package/types/components/TextArea/hooks/useAutoResize.d.ts +1 -1
- package/types/components/TextArea/hooks/useAutoResize.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
|
@@ -14,10 +14,10 @@ var config = exports.config = {
|
|
|
14
14
|
},
|
|
15
15
|
variations: {
|
|
16
16
|
view: {
|
|
17
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-
|
|
18
|
-
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-
|
|
19
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-
|
|
20
|
-
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-
|
|
17
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.clearColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor),
|
|
18
|
+
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.clearColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor),
|
|
19
|
+
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.clearColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor),
|
|
20
|
+
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.clearColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.clearPlaceholderColor, _TextField.textFieldTokens.clearPlaceholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor)
|
|
21
21
|
},
|
|
22
22
|
size: {
|
|
23
23
|
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":0.0625rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":-0.688rem -0.5rem;", ":2.375rem;", ":-0.751rem -2rem auto auto;", ":0.562rem -2.063rem auto auto;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.5rem auto auto -0.875rem;", ":1.5rem -0.875rem auto auto;", ":1.5rem -2.25rem auto auto;"], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.borderWidth, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.clearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPaddingRight, _TextField.textFieldTokens.chipPaddingLeft, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _TextField.textFieldTokens.indicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight),
|
|
@@ -25,6 +25,7 @@ type CustomStoryTabsProps = {
|
|
|
25
25
|
contentRight: string;
|
|
26
26
|
stretch: boolean;
|
|
27
27
|
helperText: string;
|
|
28
|
+
maxItemWidth: string;
|
|
28
29
|
};
|
|
29
30
|
|
|
30
31
|
const contentLeftOptions = ['none', 'icon'];
|
|
@@ -59,17 +60,6 @@ const meta: Meta<StoryTabsProps> = {
|
|
|
59
60
|
component: Tabs,
|
|
60
61
|
decorators: [WithTheme],
|
|
61
62
|
argTypes: {
|
|
62
|
-
...disableProps([
|
|
63
|
-
'orientation',
|
|
64
|
-
'tabItemContentLeft',
|
|
65
|
-
'pilled',
|
|
66
|
-
'animated',
|
|
67
|
-
'view',
|
|
68
|
-
'as',
|
|
69
|
-
'forwardedAs',
|
|
70
|
-
'outsideScroll',
|
|
71
|
-
'index',
|
|
72
|
-
]),
|
|
73
63
|
contentRight: {
|
|
74
64
|
options: contentRightOptions,
|
|
75
65
|
control: {
|
|
@@ -83,6 +73,17 @@ const meta: Meta<StoryTabsProps> = {
|
|
|
83
73
|
},
|
|
84
74
|
if: { arg: 'stretch', truthy: false },
|
|
85
75
|
},
|
|
76
|
+
...disableProps([
|
|
77
|
+
'orientation',
|
|
78
|
+
'tabItemContentLeft',
|
|
79
|
+
'pilled',
|
|
80
|
+
'animated',
|
|
81
|
+
'view',
|
|
82
|
+
'as',
|
|
83
|
+
'forwardedAs',
|
|
84
|
+
'outsideScroll',
|
|
85
|
+
'index',
|
|
86
|
+
]),
|
|
86
87
|
},
|
|
87
88
|
};
|
|
88
89
|
|
|
@@ -99,12 +100,13 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
|
|
|
99
100
|
stretch,
|
|
100
101
|
maxItemWidth,
|
|
101
102
|
helperText,
|
|
103
|
+
clip,
|
|
102
104
|
} = props;
|
|
103
105
|
const items = Array(itemQuantity).fill(0);
|
|
104
106
|
const [index, setIndex] = useState(0);
|
|
105
107
|
|
|
106
108
|
return (
|
|
107
|
-
<Tabs clip=
|
|
109
|
+
<Tabs clip={clip} view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
|
|
108
110
|
{items.map((_, i) => {
|
|
109
111
|
if (helperText !== '') {
|
|
110
112
|
return (
|
|
@@ -9,16 +9,13 @@ var mergedLinkConfig = /*#__PURE__*/mergeConfig(linkConfig);
|
|
|
9
9
|
var Link = /*#__PURE__*/component(mergedLinkConfig);
|
|
10
10
|
export var StyledLink = /*#__PURE__*/styled(Link).withConfig({
|
|
11
11
|
componentId: "plasma-new-hope__sc-4bjoev-0"
|
|
12
|
-
})(["
|
|
12
|
+
})(["--plasma__private-color:", ";--plasma-link-color:var(--plasma__private-color);--plasma-link-color-hover:var(--plasma__private-color);--plasma-link-color-active:var(--plasma__private-color);--plasma-link-disabled-opacity:var(", ");opacity:", ";cursor:pointer;", ""], function (_ref) {
|
|
13
13
|
var isHref = _ref.isHref;
|
|
14
|
-
return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
|
|
15
|
-
}, function (_ref2) {
|
|
16
|
-
var isHref = _ref2.isHref;
|
|
17
|
-
return isHref ? 'pointer' : 'auto';
|
|
18
|
-
}, function (_ref3) {
|
|
19
|
-
var isHref = _ref3.isHref;
|
|
20
14
|
return isHref ? "var(".concat(tokens.breadcrumbsColor, ")") : "var(".concat(tokens.breadcrumbsColorText, ")");
|
|
21
|
-
}, tokens.breadcrumbsOpacity,
|
|
15
|
+
}, tokens.breadcrumbsOpacity, function (_ref2) {
|
|
16
|
+
var isHref = _ref2.isHref;
|
|
17
|
+
return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
|
|
18
|
+
}, /*#__PURE__*/addFocus({
|
|
22
19
|
outlineOffset: '0rem',
|
|
23
20
|
outlineSize: '0.125rem',
|
|
24
21
|
outlineRadius: '0rem',
|
|
@@ -191,7 +191,7 @@ export var textAreaRoot = function textAreaRoot(Root) {
|
|
|
191
191
|
setHelperWidth("".concat(elementWidth / ROOT_FONT_SIZE, "rem"));
|
|
192
192
|
}
|
|
193
193
|
});
|
|
194
|
-
useAutoResize(autoResize || Boolean(clear), outerRef, value, minAuto, maxAuto);
|
|
194
|
+
useAutoResize(autoResize || Boolean(clear), outerRef, value, minAuto, maxAuto, resize);
|
|
195
195
|
var onFocusHandler = useCallback(function () {
|
|
196
196
|
setFocused(true);
|
|
197
197
|
}, []);
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { useEffect, useRef } from 'react';
|
|
2
2
|
export var ROOT_FONT_SIZE = 16;
|
|
3
|
-
export var useAutoResize = function useAutoResize(active, ref, value, minAuto, maxAuto) {
|
|
3
|
+
export var useAutoResize = function useAutoResize(active, ref, value, minAuto, maxAuto, resize) {
|
|
4
4
|
var previousHeight = useRef();
|
|
5
5
|
useEffect(function () {
|
|
6
6
|
if (active && ref && ref.current) {
|
|
7
7
|
// проверка на пользовательский resize (вручную)
|
|
8
8
|
var height = ref.current.clientHeight / ROOT_FONT_SIZE;
|
|
9
|
-
if (previousHeight.current !== undefined && previousHeight.current !== height) {
|
|
9
|
+
if (resize && resize !== 'none' && previousHeight.current !== undefined && previousHeight.current !== height) {
|
|
10
10
|
return;
|
|
11
11
|
}
|
|
12
12
|
var style = getComputedStyle(ref.current);
|
|
@@ -21,5 +21,5 @@ export var useAutoResize = function useAutoResize(active, ref, value, minAuto, m
|
|
|
21
21
|
ref.current.style.height = "".concat(newHeight, "rem");
|
|
22
22
|
previousHeight.current = newHeight;
|
|
23
23
|
}
|
|
24
|
-
}, [ref, active, value, minAuto, maxAuto]);
|
|
24
|
+
}, [ref, resize, active, value, minAuto, maxAuto]);
|
|
25
25
|
};
|
|
@@ -25,6 +25,7 @@ type CustomStoryTabsProps = {
|
|
|
25
25
|
contentRight: string;
|
|
26
26
|
stretch: boolean;
|
|
27
27
|
helperText: string;
|
|
28
|
+
maxItemWidth: string;
|
|
28
29
|
};
|
|
29
30
|
|
|
30
31
|
const contentLeftOptions = ['none', 'icon'];
|
|
@@ -59,17 +60,6 @@ const meta: Meta<StoryTabsProps> = {
|
|
|
59
60
|
component: Tabs,
|
|
60
61
|
decorators: [WithTheme],
|
|
61
62
|
argTypes: {
|
|
62
|
-
...disableProps([
|
|
63
|
-
'orientation',
|
|
64
|
-
'tabItemContentLeft',
|
|
65
|
-
'pilled',
|
|
66
|
-
'animated',
|
|
67
|
-
'view',
|
|
68
|
-
'as',
|
|
69
|
-
'forwardedAs',
|
|
70
|
-
'outsideScroll',
|
|
71
|
-
'index',
|
|
72
|
-
]),
|
|
73
63
|
contentRight: {
|
|
74
64
|
options: contentRightOptions,
|
|
75
65
|
control: {
|
|
@@ -83,6 +73,17 @@ const meta: Meta<StoryTabsProps> = {
|
|
|
83
73
|
},
|
|
84
74
|
if: { arg: 'stretch', truthy: false },
|
|
85
75
|
},
|
|
76
|
+
...disableProps([
|
|
77
|
+
'orientation',
|
|
78
|
+
'tabItemContentLeft',
|
|
79
|
+
'pilled',
|
|
80
|
+
'animated',
|
|
81
|
+
'view',
|
|
82
|
+
'as',
|
|
83
|
+
'forwardedAs',
|
|
84
|
+
'outsideScroll',
|
|
85
|
+
'index',
|
|
86
|
+
]),
|
|
86
87
|
},
|
|
87
88
|
};
|
|
88
89
|
|
|
@@ -99,12 +100,13 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
|
|
|
99
100
|
stretch,
|
|
100
101
|
maxItemWidth,
|
|
101
102
|
helperText,
|
|
103
|
+
clip,
|
|
102
104
|
} = props;
|
|
103
105
|
const items = Array(itemQuantity).fill(0);
|
|
104
106
|
const [index, setIndex] = useState(0);
|
|
105
107
|
|
|
106
108
|
return (
|
|
107
|
-
<Tabs clip=
|
|
109
|
+
<Tabs clip={clip} view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
|
|
108
110
|
{items.map((_, i) => {
|
|
109
111
|
if (helperText !== '') {
|
|
110
112
|
return (
|
|
@@ -651,7 +653,7 @@ const StoryHeaderDefault = (props: HorizontalStoryTabsProps) => {
|
|
|
651
653
|
size={size as HeaderSize}
|
|
652
654
|
maxItemWidth={maxItemWidth}
|
|
653
655
|
>
|
|
654
|
-
{
|
|
656
|
+
{`${labels[i % labels.length]} ${i + 1}`}
|
|
655
657
|
</TabItem>
|
|
656
658
|
))}
|
|
657
659
|
</Tabs>
|
|
@@ -8,10 +8,10 @@ export var config = {
|
|
|
8
8
|
},
|
|
9
9
|
variations: {
|
|
10
10
|
view: {
|
|
11
|
-
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-
|
|
12
|
-
positive: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-
|
|
13
|
-
warning: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-
|
|
14
|
-
negative: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-
|
|
11
|
+
"default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
12
|
+
positive: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-positive);", ":var(--surface-positive);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
13
|
+
warning: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-warning);", ":var(--surface-warning);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor),
|
|
14
|
+
negative: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--surface-negative);", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);", ":var(--surface-negative);", ":var(--text-tertiary);"], tokens.color, tokens.clearColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.clearPlaceholderColor, tokens.clearPlaceholderColorFocus, tokens.backgroundColor, tokens.backgroundColorFocus, tokens.caretColor, tokens.textBeforeColor, tokens.textAfterColor, tokens.labelColor, tokens.leftHelperColor, tokens.titleCaptionColor, tokens.hintIconColor, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.chipCloseIconColor, tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive, tokens.chipBackgroundReadOnly, tokens.chipColorReadOnly, tokens.chipBackgroundReadOnlyHover, tokens.chipColorReadOnlyHover, tokens.chipOpacityReadonly, tokens.focusColor, tokens.indicatorColor, tokens.optionalColor)
|
|
15
15
|
},
|
|
16
16
|
size: {
|
|
17
17
|
l: /*#__PURE__*/css(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":0.0625rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":-0.688rem -0.5rem;", ":2.375rem;", ":-0.751rem -2rem auto auto;", ":0.562rem -2.063rem auto auto;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.5rem auto auto -0.875rem;", ":1.5rem -0.875rem auto auto;", ":1.5rem -2.25rem auto auto;"], tokens.height, tokens.padding, tokens.paddingWithChips, tokens.borderRadius, tokens.borderWidth, tokens.leftContentMargin, tokens.rightContentMargin, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.labelOffset, tokens.clearLabelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.clearHintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.chipGap, tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPaddingRight, tokens.chipPaddingLeft, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorLabelPlacementInner, tokens.clearIndicatorLabelPlacementInnerRight, tokens.clearIndicatorHintInnerRight),
|
|
@@ -25,6 +25,7 @@ type CustomStoryTabsProps = {
|
|
|
25
25
|
contentRight: string;
|
|
26
26
|
stretch: boolean;
|
|
27
27
|
helperText: string;
|
|
28
|
+
maxItemWidth: string;
|
|
28
29
|
};
|
|
29
30
|
|
|
30
31
|
const contentLeftOptions = ['none', 'icon'];
|
|
@@ -59,17 +60,6 @@ const meta: Meta<StoryTabsProps> = {
|
|
|
59
60
|
component: Tabs,
|
|
60
61
|
decorators: [WithTheme],
|
|
61
62
|
argTypes: {
|
|
62
|
-
...disableProps([
|
|
63
|
-
'orientation',
|
|
64
|
-
'tabItemContentLeft',
|
|
65
|
-
'pilled',
|
|
66
|
-
'animated',
|
|
67
|
-
'view',
|
|
68
|
-
'as',
|
|
69
|
-
'forwardedAs',
|
|
70
|
-
'outsideScroll',
|
|
71
|
-
'index',
|
|
72
|
-
]),
|
|
73
63
|
contentRight: {
|
|
74
64
|
options: contentRightOptions,
|
|
75
65
|
control: {
|
|
@@ -83,6 +73,17 @@ const meta: Meta<StoryTabsProps> = {
|
|
|
83
73
|
},
|
|
84
74
|
if: { arg: 'stretch', truthy: false },
|
|
85
75
|
},
|
|
76
|
+
...disableProps([
|
|
77
|
+
'orientation',
|
|
78
|
+
'tabItemContentLeft',
|
|
79
|
+
'pilled',
|
|
80
|
+
'animated',
|
|
81
|
+
'view',
|
|
82
|
+
'as',
|
|
83
|
+
'forwardedAs',
|
|
84
|
+
'outsideScroll',
|
|
85
|
+
'index',
|
|
86
|
+
]),
|
|
86
87
|
},
|
|
87
88
|
};
|
|
88
89
|
|
|
@@ -99,12 +100,13 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
|
|
|
99
100
|
stretch,
|
|
100
101
|
maxItemWidth,
|
|
101
102
|
helperText,
|
|
103
|
+
clip,
|
|
102
104
|
} = props;
|
|
103
105
|
const items = Array(itemQuantity).fill(0);
|
|
104
106
|
const [index, setIndex] = useState(0);
|
|
105
107
|
|
|
106
108
|
return (
|
|
107
|
-
<Tabs clip=
|
|
109
|
+
<Tabs clip={clip} view="divider" hasDivider={hasDivider} stretch={stretch} disabled={disabled} size={size}>
|
|
108
110
|
{items.map((_, i) => {
|
|
109
111
|
if (helperText !== '') {
|
|
110
112
|
return (
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,UAAU;YAA0B,OAAO;
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,UAAU;YAA0B,OAAO;0OAmBvD,CAAC;AAEF,eAAO,MAAM,IAAI,0CAahB,CAAC;AAEF,eAAO,MAAM,SAAS,iGAGrB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { MutableRefObject } from 'react';
|
|
2
2
|
export declare const ROOT_FONT_SIZE = 16;
|
|
3
|
-
export declare const useAutoResize: <T extends HTMLTextAreaElement>(active: boolean, ref: MutableRefObject<T | null>, value?: string | number | readonly string[] | undefined, minAuto?: number | undefined, maxAuto?: number | undefined) => void;
|
|
3
|
+
export declare const useAutoResize: <T extends HTMLTextAreaElement>(active: boolean, ref: MutableRefObject<T | null>, value?: string | number | readonly string[] | undefined, minAuto?: number | undefined, maxAuto?: number | undefined, resize?: string | undefined) => void;
|
|
4
4
|
//# sourceMappingURL=useAutoResize.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAutoResize.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/hooks/useAutoResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAE5D,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,eAAO,MAAM,aAAa,0CACd,OAAO
|
|
1
|
+
{"version":3,"file":"useAutoResize.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/hooks/useAutoResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAE5D,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,eAAO,MAAM,aAAa,0CACd,OAAO,4LAwClB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextField/TextField.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"TextField.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextField/TextField.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqkBlB,CAAC"}
|