@salutejs/plasma-web 1.381.0-canary.1368.10562361850.0 → 1.381.0-canary.1392.10559452224.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-web.api.md +7 -1
- package/components/Button/Button.config.js +11 -11
- package/components/ButtonGroup/ButtonGroup.config.js +11 -11
- package/components/Checkbox/Checkbox.config.js +9 -9
- package/components/IconButton/IconButton.config.js +10 -10
- package/components/Radiobox/Radiobox.config.js +9 -9
- package/components/Segment/Segment.d.ts +7 -1
- package/components/Segment/SegmentGroup.config.d.ts +3 -0
- package/components/Segment/SegmentGroup.config.js +8 -5
- package/components/Segment/SegmentItem.config.d.ts +1 -1
- package/components/Segment/SegmentItem.config.js +8 -8
- package/components/TextField/TextField.js +3 -2
- package/css/cjs/components/Button/Button.config.js +1 -1
- package/css/cjs/components/Button/Button.config.js.map +1 -1
- package/css/cjs/components/Button/{Button.config_1g92cxz.css → Button.config_d2euf6.css} +11 -11
- package/css/cjs/components/Button/Button.css +22 -22
- package/css/cjs/components/ButtonGroup/ButtonGroup.config.js +1 -1
- package/css/cjs/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/css/cjs/components/ButtonGroup/{ButtonGroup.config_1pd9i2o.css → ButtonGroup.config_y4g1d3.css} +11 -11
- package/css/cjs/components/ButtonGroup/ButtonGroup.css +25 -25
- package/css/cjs/components/Checkbox/Checkbox.config.js +1 -1
- package/css/cjs/components/Checkbox/Checkbox.config.js.map +1 -1
- package/css/{es/components/Checkbox/Checkbox.config_qy77nu.css → cjs/components/Checkbox/Checkbox.config_1mwehog.css} +9 -9
- package/css/cjs/components/Checkbox/Checkbox.css +13 -13
- package/css/cjs/components/IconButton/IconButton.config.js +1 -1
- package/css/cjs/components/IconButton/IconButton.config.js.map +1 -1
- package/css/{es/components/IconButton/IconButton.config_q3zdsy.css → cjs/components/IconButton/IconButton.config_1xc8une.css} +10 -10
- package/css/cjs/components/IconButton/IconButton.css +20 -20
- package/css/cjs/components/Radiobox/Radiobox.config.js +1 -1
- package/css/cjs/components/Radiobox/Radiobox.config.js.map +1 -1
- package/css/cjs/components/Radiobox/{Radiobox.config_139reb8.css → Radiobox.config_1t8yxrx.css} +9 -9
- package/css/cjs/components/Radiobox/Radiobox.css +13 -13
- package/css/cjs/components/Segment/Segment.css +19 -18
- package/css/cjs/components/Segment/SegmentGroup.config.js +4 -1
- package/css/cjs/components/Segment/SegmentGroup.config.js.map +1 -1
- package/css/cjs/components/Segment/SegmentGroup.config_h2cho5.css +11 -0
- package/css/cjs/components/Segment/SegmentItem.config.js +3 -3
- package/css/cjs/components/Segment/SegmentItem.config.js.map +1 -1
- package/css/cjs/components/Segment/SegmentItem.config_fmv47b.css +9 -0
- package/css/cjs/components/TextField/TextField.js +3 -2
- package/css/cjs/components/TextField/TextField.js.map +1 -1
- package/css/cjs/index.css +117 -116
- package/css/es/components/Button/Button.config.js +1 -1
- package/css/es/components/Button/Button.config.js.map +1 -1
- package/css/es/components/Button/{Button.config_1g92cxz.css → Button.config_d2euf6.css} +11 -11
- package/css/es/components/Button/Button.css +22 -22
- package/css/es/components/ButtonGroup/ButtonGroup.config.js +1 -1
- package/css/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/css/es/components/ButtonGroup/{ButtonGroup.config_1pd9i2o.css → ButtonGroup.config_y4g1d3.css} +11 -11
- package/css/es/components/ButtonGroup/ButtonGroup.css +25 -25
- package/css/es/components/Checkbox/Checkbox.config.js +1 -1
- package/css/es/components/Checkbox/Checkbox.config.js.map +1 -1
- package/css/{cjs/components/Checkbox/Checkbox.config_qy77nu.css → es/components/Checkbox/Checkbox.config_1mwehog.css} +9 -9
- package/css/es/components/Checkbox/Checkbox.css +13 -13
- package/css/es/components/IconButton/IconButton.config.js +1 -1
- package/css/es/components/IconButton/IconButton.config.js.map +1 -1
- package/css/{cjs/components/IconButton/IconButton.config_q3zdsy.css → es/components/IconButton/IconButton.config_1xc8une.css} +10 -10
- package/css/es/components/IconButton/IconButton.css +20 -20
- package/css/es/components/Radiobox/Radiobox.config.js +1 -1
- package/css/es/components/Radiobox/Radiobox.config.js.map +1 -1
- package/css/es/components/Radiobox/{Radiobox.config_139reb8.css → Radiobox.config_1t8yxrx.css} +9 -9
- package/css/es/components/Radiobox/Radiobox.css +13 -13
- package/css/es/components/Segment/Segment.css +19 -18
- package/css/es/components/Segment/SegmentGroup.config.js +4 -1
- package/css/es/components/Segment/SegmentGroup.config.js.map +1 -1
- package/css/es/components/Segment/SegmentGroup.config_h2cho5.css +11 -0
- package/css/es/components/Segment/SegmentItem.config.js +3 -3
- package/css/es/components/Segment/SegmentItem.config.js.map +1 -1
- package/css/es/components/Segment/SegmentItem.config_fmv47b.css +9 -0
- package/css/es/components/TextField/TextField.js +3 -2
- package/css/es/components/TextField/TextField.js.map +1 -1
- package/css/es/index.css +117 -116
- package/es/components/Button/Button.config.js +11 -11
- package/es/components/ButtonGroup/ButtonGroup.config.js +11 -11
- package/es/components/Checkbox/Checkbox.config.js +9 -9
- package/es/components/IconButton/IconButton.config.js +10 -10
- package/es/components/Radiobox/Radiobox.config.js +9 -9
- package/es/components/Segment/SegmentGroup.config.js +8 -5
- package/es/components/Segment/SegmentItem.config.js +8 -8
- package/es/components/TextField/TextField.js +3 -2
- package/package.json +3 -3
- package/temp/plasma-web.api.md +7 -1
- package/css/cjs/components/Segment/SegmentGroup.config_notwep.css +0 -10
- package/css/cjs/components/Segment/SegmentItem.config_g2b5lk.css +0 -9
- package/css/es/components/Segment/SegmentGroup.config_notwep.css +0 -10
- package/css/es/components/Segment/SegmentItem.config_g2b5lk.css +0 -9
package/api/plasma-web.api.md
CHANGED
@@ -2001,10 +2001,14 @@ true: PolymorphicClassName;
|
|
2001
2001
|
stretch: {
|
2002
2002
|
true: PolymorphicClassName;
|
2003
2003
|
};
|
2004
|
+
vertical: {
|
2005
|
+
true: PolymorphicClassName;
|
2006
|
+
};
|
2004
2007
|
}> & HTMLAttributes<HTMLDivElement> & {
|
2005
2008
|
selectionMode?: "multiple" | "single" | undefined;
|
2006
2009
|
disabled?: boolean | undefined;
|
2007
2010
|
stretch?: boolean | undefined;
|
2011
|
+
vertical?: boolean | undefined;
|
2008
2012
|
pilled?: boolean | undefined;
|
2009
2013
|
filledBackground?: boolean | undefined;
|
2010
2014
|
size?: string | undefined;
|
@@ -2017,8 +2021,8 @@ export { SegmentGroupProps }
|
|
2017
2021
|
export const SegmentItem: FunctionComponent<PropsType< {
|
2018
2022
|
view: {
|
2019
2023
|
clear: PolymorphicClassName;
|
2020
|
-
default: PolymorphicClassName;
|
2021
2024
|
secondary: PolymorphicClassName;
|
2025
|
+
default: PolymorphicClassName;
|
2022
2026
|
};
|
2023
2027
|
size: {
|
2024
2028
|
xs: PolymorphicClassName;
|
@@ -2040,6 +2044,8 @@ pilled?: boolean | undefined;
|
|
2040
2044
|
customHandleSelect?: ((e: MouseEvent_2<HTMLButtonElement, MouseEvent>) => void) | undefined;
|
2041
2045
|
size?: string | undefined;
|
2042
2046
|
view?: string | undefined;
|
2047
|
+
contentLeft?: ReactNode;
|
2048
|
+
contentRight?: ReactNode;
|
2043
2049
|
} & RefAttributes<HTMLLabelElement>>;
|
2044
2050
|
|
2045
2051
|
export { SegmentItemProps }
|
@@ -15,21 +15,21 @@ var config = exports.config = {
|
|
15
15
|
},
|
16
16
|
variations: {
|
17
17
|
view: {
|
18
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(
|
18
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
|
19
19
|
/**
|
20
20
|
* @deprecated
|
21
21
|
* использовать `default`
|
22
22
|
*/
|
23
|
-
primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(
|
24
|
-
accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-accent);\n ", ": var(
|
25
|
-
secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(
|
26
|
-
clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(
|
27
|
-
success: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-positive);\n ", ": var(
|
28
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-warning);\n ", ": var(
|
29
|
-
critical: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-negative);\n ", ": var(
|
30
|
-
dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-light-surface-transparent-deep);\n ", ": var(
|
31
|
-
black: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-light-surface-solid-default);\n ", ": var(
|
32
|
-
white: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-light-text-secondary);\n ", ": var(--on-dark-surface-solid-default);\n ", ": var(
|
23
|
+
primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
|
24
|
+
accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
|
25
|
+
secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
|
26
|
+
clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-active);\n ", ": var(--surface-clear);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
|
27
|
+
success: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
|
28
|
+
warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
|
29
|
+
critical: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
|
30
|
+
dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-light-surface-transparent-deep);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
|
31
|
+
black: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-light-surface-solid-default);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive),
|
32
|
+
white: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-light-text-secondary);\n ", ": var(--on-dark-surface-solid-default);\n ", ": var(--on-light-text-primary-hover);\n ", ": var(--on-dark-surface-solid-default-hover);\n ", ": var(--on-light-text-primary-active);\n ", ": var(--on-dark-surface-solid-default-active);\n "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonColorActive, _styledComponents.buttonTokens.buttonBackgroundColorActive)
|
33
33
|
},
|
34
34
|
size: {
|
35
35
|
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3.5rem;\n ", ": 12.5rem;\n ", ": 1.5rem;\n ", ": 0.875rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 1.375rem;\n ", ": inherit;\n\n ", ": 0 0.5rem 0 -0.125rem;\n ", ": 0 -0.125rem 0 0.5rem;\n ", ": 0 0 0 0.25rem;\n "])), _styledComponents.buttonTokens.buttonHeight, _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonPadding, _styledComponents.buttonTokens.buttonRadius, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight, _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonRightContentMargin, _styledComponents.buttonTokens.buttonValueMargin),
|
@@ -14,21 +14,21 @@ var config = exports.config = {
|
|
14
14
|
},
|
15
15
|
variations: {
|
16
16
|
view: {
|
17
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(
|
17
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
|
18
18
|
/**
|
19
19
|
* @deprecated
|
20
20
|
* использовать `default`
|
21
21
|
*/
|
22
|
-
primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(
|
23
|
-
accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-accent);\n ", ": var(
|
24
|
-
secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(
|
25
|
-
clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(
|
26
|
-
success: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-positive);\n ", ": var(
|
27
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-warning);\n ", ": var(
|
28
|
-
critical: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-negative);\n ", ": var(
|
29
|
-
dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-light-surface-transparent-deep);\n ", ": var(
|
30
|
-
black: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-light-surface-solid-default);\n ", ": var(
|
31
|
-
white: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-light-text-secondary);\n ", ": var(--on-dark-surface-solid-default);\n ", ": var(
|
22
|
+
primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
|
23
|
+
accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
|
24
|
+
secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
|
25
|
+
clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-active);\n ", ": var(--surface-clear);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
|
26
|
+
success: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
|
27
|
+
warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
|
28
|
+
critical: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
|
29
|
+
dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-light-surface-transparent-deep);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
|
30
|
+
black: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-light-surface-solid-default);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive),
|
31
|
+
white: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-light-text-secondary);\n ", ": var(--on-dark-surface-solid-default);\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default-hover);\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default-active);\n "])), _styledComponents.buttonGroupTokens.buttonColor, _styledComponents.buttonGroupTokens.buttonValueColor, _styledComponents.buttonGroupTokens.buttonBackgroundColor, _styledComponents.buttonGroupTokens.buttonColorHover, _styledComponents.buttonGroupTokens.buttonBackgroundColorHover, _styledComponents.buttonGroupTokens.buttonColorActive, _styledComponents.buttonGroupTokens.buttonBackgroundColorActive)
|
32
32
|
},
|
33
33
|
size: {
|
34
34
|
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n\n ", ": 3.5rem;\n ", ": 1.5rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), _styledComponents.buttonGroupTokens.buttonDefaultRadius, _styledComponents.buttonGroupTokens.buttonSegmentedRadius, _styledComponents.buttonGroupTokens.buttonSideRadius, _styledComponents.buttonGroupTokens.buttonHeight, _styledComponents.buttonGroupTokens.buttonPadding, _styledComponents.buttonGroupTokens.buttonFontFamily, _styledComponents.buttonGroupTokens.buttonFontSize, _styledComponents.buttonGroupTokens.buttonFontStyle, _styledComponents.buttonGroupTokens.buttonFontWeight, _styledComponents.buttonGroupTokens.buttonLetterSpacing, _styledComponents.buttonGroupTokens.buttonLineHeight),
|
@@ -25,19 +25,19 @@ var config = exports.config = {
|
|
25
25
|
* Вид контрола.
|
26
26
|
*/
|
27
27
|
view: {
|
28
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
28
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBorderColor),
|
29
29
|
/**
|
30
30
|
* @deprecated
|
31
31
|
* использовать `default`
|
32
32
|
*/
|
33
|
-
primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
34
|
-
secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
35
|
-
tertiary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
36
|
-
paragraph: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-paragraph);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
37
|
-
accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
38
|
-
positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
39
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
40
|
-
negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
33
|
+
primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBorderColor),
|
34
|
+
secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBorderColor),
|
35
|
+
tertiary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBorderColor),
|
36
|
+
paragraph: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-paragraph);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBorderColor),
|
37
|
+
accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBorderColor),
|
38
|
+
positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBorderColor),
|
39
|
+
warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBorderColor),
|
40
|
+
negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBorderColor)
|
41
41
|
},
|
42
42
|
disabled: {
|
43
43
|
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.checkboxTokens.disabledOpacity)
|
@@ -15,16 +15,16 @@ var config = exports.config = {
|
|
15
15
|
},
|
16
16
|
variations: {
|
17
17
|
view: {
|
18
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(
|
19
|
-
accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(
|
20
|
-
secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(
|
21
|
-
clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(
|
22
|
-
success: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive);\n ", ": var(
|
23
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning);\n ", ": var(
|
24
|
-
critical: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative);\n ", ": var(
|
25
|
-
dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep);\n ", ": var(
|
26
|
-
black: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default);\n ", ": var(
|
27
|
-
white: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default);\n ", ": var(
|
18
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-hover);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
|
19
|
+
accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
|
20
|
+
secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
|
21
|
+
clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-active);\n ", ": var(--surface-clear);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
|
22
|
+
success: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
|
23
|
+
warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
|
24
|
+
critical: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
|
25
|
+
dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
|
26
|
+
black: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-hover);\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive),
|
27
|
+
white: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default);\n ", ": var(--on-light-text-primary-hover);\n ", ": var(--on-dark-surface-solid-default-hover);\n ", ": var(--on-light-text-primary-active);\n ", ": var(--on-dark-surface-solid-default-active);\n "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive)
|
28
28
|
},
|
29
29
|
size: {
|
30
30
|
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3.5rem;\n ", ": 3.5rem;\n ", ": 1.5rem;\n ", ": 0.875rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 1.375rem;\n ", ": inherit;\n "])), _styledComponents.iconButtonTokens.iconButtonHeight, _styledComponents.iconButtonTokens.iconButtonWidth, _styledComponents.iconButtonTokens.iconButtonPadding, _styledComponents.iconButtonTokens.iconButtonRadius, _styledComponents.iconButtonTokens.iconButtonFontFamily, _styledComponents.iconButtonTokens.iconButtonFontSize, _styledComponents.iconButtonTokens.iconButtonFontStyle, _styledComponents.iconButtonTokens.iconButtonFontWeight, _styledComponents.iconButtonTokens.iconButtonLetterSpacing, _styledComponents.iconButtonTokens.iconButtonLineHeight, _styledComponents.iconButtonTokens.iconButtonSpinnerSize, _styledComponents.iconButtonTokens.iconButtonSpinnerColor),
|
@@ -25,19 +25,19 @@ var config = exports.config = {
|
|
25
25
|
* Вид контрола.
|
26
26
|
*/
|
27
27
|
view: {
|
28
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
28
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBorderColor),
|
29
29
|
/**
|
30
30
|
* @deprecated
|
31
31
|
* использовать `default`
|
32
32
|
*/
|
33
|
-
primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
34
|
-
secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
35
|
-
tertiary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
36
|
-
paragraph: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-paragraph);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
37
|
-
accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
38
|
-
positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
39
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
40
|
-
negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
33
|
+
primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBorderColor),
|
34
|
+
secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBorderColor),
|
35
|
+
tertiary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBorderColor),
|
36
|
+
paragraph: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-paragraph);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBorderColor),
|
37
|
+
accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBorderColor),
|
38
|
+
positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBorderColor),
|
39
|
+
warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBorderColor),
|
40
|
+
negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBorderColor)
|
41
41
|
},
|
42
42
|
disabled: {
|
43
43
|
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.radioboxTokens.disabledOpacity)
|
@@ -29,10 +29,14 @@ export declare const SegmentGroup: import("react").FunctionComponent<import("@sa
|
|
29
29
|
stretch: {
|
30
30
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
31
31
|
};
|
32
|
+
vertical: {
|
33
|
+
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
34
|
+
};
|
32
35
|
}> & import("react").HTMLAttributes<HTMLDivElement> & {
|
33
36
|
selectionMode?: "multiple" | "single" | undefined;
|
34
37
|
disabled?: boolean | undefined;
|
35
38
|
stretch?: boolean | undefined;
|
39
|
+
vertical?: boolean | undefined;
|
36
40
|
pilled?: boolean | undefined;
|
37
41
|
filledBackground?: boolean | undefined;
|
38
42
|
size?: string | undefined;
|
@@ -44,8 +48,8 @@ export declare const SegmentGroup: import("react").FunctionComponent<import("@sa
|
|
44
48
|
export declare const SegmentItem: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
45
49
|
view: {
|
46
50
|
clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
47
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
48
51
|
secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
52
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
49
53
|
};
|
50
54
|
size: {
|
51
55
|
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -67,4 +71,6 @@ export declare const SegmentItem: import("react").FunctionComponent<import("@sal
|
|
67
71
|
customHandleSelect?: ((e: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
|
68
72
|
size?: string | undefined;
|
69
73
|
view?: string | undefined;
|
74
|
+
contentLeft?: import("react").ReactNode;
|
75
|
+
contentRight?: import("react").ReactNode;
|
70
76
|
} & import("react").RefAttributes<HTMLLabelElement>>;
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.config = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
|
8
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
|
9
9
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10
10
|
var config = exports.config = {
|
11
11
|
defaults: {
|
@@ -18,10 +18,10 @@ var config = exports.config = {
|
|
18
18
|
filled: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": transparent;\n ", ": var(--plasma-colors-secondary);\n\n ", ": var(--plasma-colors-button-focused);\n "])), _styledComponents.segmentTokens.groupBackgroundColor, _styledComponents.segmentTokens.arrowColor, _styledComponents.segmentTokens.outlineFocusColor)
|
19
19
|
},
|
20
20
|
size: {
|
21
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": auto;\n "])), _styledComponents.segmentTokens.groupBorderRadius, _styledComponents.segmentTokens.groupWidth, _styledComponents.segmentTokens.groupHeight),
|
22
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": auto;\n "])), _styledComponents.segmentTokens.groupBorderRadius, _styledComponents.segmentTokens.groupWidth, _styledComponents.segmentTokens.groupHeight),
|
23
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": auto;\n "])), _styledComponents.segmentTokens.groupBorderRadius, _styledComponents.segmentTokens.groupWidth, _styledComponents.segmentTokens.groupHeight),
|
24
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": auto;\n "])), _styledComponents.segmentTokens.groupBorderRadius, _styledComponents.segmentTokens.groupWidth, _styledComponents.segmentTokens.groupHeight)
|
21
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": auto;\n ", ": 11.25rem;\n ", ": 0.25rem 0.75rem;\n ", ": 0.75rem 0;\n "])), _styledComponents.segmentTokens.groupBorderRadius, _styledComponents.segmentTokens.groupWidth, _styledComponents.segmentTokens.groupHeight, _styledComponents.segmentTokens.groupVerticalHeight, _styledComponents.segmentTokens.groupArrowPadding, _styledComponents.segmentTokens.groupVerticalArrowPadding),
|
22
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": auto;\n ", ": 11.25rem;\n ", ": 0.5rem 0.875rem;\n ", ": 0.875rem 0;\n "])), _styledComponents.segmentTokens.groupBorderRadius, _styledComponents.segmentTokens.groupWidth, _styledComponents.segmentTokens.groupHeight, _styledComponents.segmentTokens.groupVerticalHeight, _styledComponents.segmentTokens.groupArrowPadding, _styledComponents.segmentTokens.groupVerticalArrowPadding),
|
23
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": auto;\n ", ": 16.25rem;\n ", ": 0.75rem 1.25rem;\n ", ": 1.25rem 0;\n "])), _styledComponents.segmentTokens.groupBorderRadius, _styledComponents.segmentTokens.groupWidth, _styledComponents.segmentTokens.groupHeight, _styledComponents.segmentTokens.groupVerticalHeight, _styledComponents.segmentTokens.groupArrowPadding, _styledComponents.segmentTokens.groupVerticalArrowPadding),
|
24
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": auto;\n ", ": 18.75rem;\n ", ": 1rem 1.375rem;\n ", ": 1.375rem 0;\n "])), _styledComponents.segmentTokens.groupBorderRadius, _styledComponents.segmentTokens.groupWidth, _styledComponents.segmentTokens.groupHeight, _styledComponents.segmentTokens.groupVerticalHeight, _styledComponents.segmentTokens.groupArrowPadding, _styledComponents.segmentTokens.groupVerticalArrowPadding)
|
25
25
|
},
|
26
26
|
disabled: {
|
27
27
|
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.segmentTokens.disabledOpacity)
|
@@ -34,6 +34,9 @@ var config = exports.config = {
|
|
34
34
|
},
|
35
35
|
stretch: {
|
36
36
|
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
37
|
+
},
|
38
|
+
vertical: {
|
39
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
37
40
|
}
|
38
41
|
}
|
39
42
|
};
|
@@ -6,8 +6,8 @@ export declare const config: {
|
|
6
6
|
variations: {
|
7
7
|
view: {
|
8
8
|
clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
10
9
|
secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
10
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
11
11
|
};
|
12
12
|
size: {
|
13
13
|
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -14,21 +14,21 @@ var config = exports.config = {
|
|
14
14
|
},
|
15
15
|
variations: {
|
16
16
|
view: {
|
17
|
-
clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-secondary);\n ", ": transparent;\n ", ": var(--plasma-colors-primary);\n ", ": transparent;\n ", ": var(--plasma-colors-primary);\n ", ": transparent;\n ", ": var(--plasma-colors-primary);\n ", ": transparent;\n\n ", ": var(--plasma-colors-button-focused);\n "])), _styledComponents.segmentTokens.itemColor, _styledComponents.segmentTokens.itemBackgroundColor, _styledComponents.segmentTokens.itemColorHover, _styledComponents.segmentTokens.itemBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedColor, _styledComponents.segmentTokens.itemSelectedBackgroundColor, _styledComponents.segmentTokens.itemSelectedColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColorHover, _styledComponents.segmentTokens.outlineFocusColor),
|
18
|
-
|
19
|
-
|
17
|
+
clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-secondary);\n ", ": transparent;\n ", ": var(--plasma-colors-primary);\n ", ": transparent;\n ", ": var(--plasma-colors-primary);\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--plasma-colors-primary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n\n ", ": var(--plasma-colors-button-focused);\n "])), _styledComponents.segmentTokens.itemColor, _styledComponents.segmentTokens.itemBackgroundColor, _styledComponents.segmentTokens.itemColorHover, _styledComponents.segmentTokens.itemBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedColor, _styledComponents.segmentTokens.itemAdditionalColor, _styledComponents.segmentTokens.itemAdditionalColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColor, _styledComponents.segmentTokens.itemSelectedColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedAdditionalColor, _styledComponents.segmentTokens.itemSelectedAdditionalColorHover, _styledComponents.segmentTokens.outlineFocusColor),
|
18
|
+
secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-primary);\n ", ": transparent;\n ", ": var(--plasma-colors-primary);\n ", ": transparent;\n ", ": var(--plasma-colors-primary);\n ", ": var(--plasma-colors-surface-card);\n ", ": var(--plasma-colors-primary);\n ", ": var(--plasma-colors-surface-card);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n\n ", ": var(--plasma-colors-button-focused);\n "])), _styledComponents.segmentTokens.itemColor, _styledComponents.segmentTokens.itemBackgroundColor, _styledComponents.segmentTokens.itemColorHover, _styledComponents.segmentTokens.itemBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedColor, _styledComponents.segmentTokens.itemSelectedBackgroundColor, _styledComponents.segmentTokens.itemSelectedColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColorHover, _styledComponents.segmentTokens.itemAdditionalColor, _styledComponents.segmentTokens.itemAdditionalColorHover, _styledComponents.segmentTokens.itemSelectedAdditionalColor, _styledComponents.segmentTokens.itemSelectedAdditionalColorHover, _styledComponents.segmentTokens.outlineFocusColor),
|
19
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-colors-primary);\n ", ": transparent;\n ", ": var(--plasma-colors-primary);\n ", ": transparent;\n ", ": var(--plasma-colors-inverse);\n ", ": var(--plasma-colors-text);\n ", ": var(--plasma-colors-inverse);\n ", ": var(--plasma-colors-text);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--inverse-text-secondary);\n\n ", ": var(--plasma-colors-button-focused);\n "])), _styledComponents.segmentTokens.itemColor, _styledComponents.segmentTokens.itemBackgroundColor, _styledComponents.segmentTokens.itemColorHover, _styledComponents.segmentTokens.itemBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedColor, _styledComponents.segmentTokens.itemSelectedBackgroundColor, _styledComponents.segmentTokens.itemSelectedColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColorHover, _styledComponents.segmentTokens.itemAdditionalColor, _styledComponents.segmentTokens.itemAdditionalColorHover, _styledComponents.segmentTokens.itemSelectedAdditionalColor, _styledComponents.segmentTokens.itemSelectedAdditionalColorHover, _styledComponents.segmentTokens.outlineFocusColor)
|
20
20
|
},
|
21
21
|
size: {
|
22
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.
|
23
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.
|
24
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.
|
25
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.
|
22
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2rem;\n ", ": 0.5rem 0.75rem;\n ", ": 0.0625rem 0.125rem;\n ", ": 0.125rem;\n ", ": 0;\n\n ", ": var(--plasma-typo-body-xs-bold-font-family);\n ", ": var(--plasma-typo-body-xs-bold-font-size);\n ", ": var(--plasma-typo-body-xs-bold-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-bold-letter-spacing);\n ", ": var(--plasma-typo-body-xs-bold-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemContentPadding, _styledComponents.segmentTokens.itemIconMargin, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight),
|
23
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": 2.5rem;\n ", ": 0.5rem 1rem;\n ", ": 0.1875rem 0.125rem;\n ", ": 0.125rem;\n ", ": 0rem;\n\n ", ": var(--plasma-typo-body-s-bold-font-family);\n ", ": var(--plasma-typo-body-s-bold-font-size);\n ", ": var(--plasma-typo-body-s-bold-font-style);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n ", ": var(--plasma-typo-body-s-bold-letter-spacing);\n ", ": var(--plasma-typo-body-s-bold-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemContentPadding, _styledComponents.segmentTokens.itemIconMargin, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight),
|
24
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": 3rem;\n ", ": 0.75rem 1.25rem;\n ", ": 0.125rem;\n ", ": 0.25rem;\n ", ": 0rem;\n\n ", ": var(--plasma-typo-body-m-bold-font-family);\n ", ": var(--plasma-typo-body-m-bold-font-size);\n ", ": var(--plasma-typo-body-m-bold-font-style);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n ", ": var(--plasma-typo-body-m-bold-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemContentPadding, _styledComponents.segmentTokens.itemIconMargin, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight),
|
25
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n ", ": auto;\n ", ": 3.5rem;\n ", ": 1rem 1.5rem;\n ", ": 0.0625rem 0.125rem;\n ", ": 0.375rem;\n ", ": 0;\n\n ", ": var(--plasma-typo-body-l-bold-font-family);\n ", ": var(--plasma-typo-body-l-bold-font-size);\n ", ": var(--plasma-typo-body-l-bold-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-bold-letter-spacing);\n ", ": var(--plasma-typo-body-l-bold-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemContentPadding, _styledComponents.segmentTokens.itemIconMargin, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight)
|
26
26
|
},
|
27
27
|
disabled: {
|
28
28
|
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.segmentTokens.disabledOpacity)
|
29
29
|
},
|
30
30
|
pilled: {
|
31
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.
|
31
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.75rem;\n "])), _styledComponents.segmentTokens.itemPilledBorderRadius)
|
32
32
|
}
|
33
33
|
}
|
34
34
|
};
|
@@ -56,12 +56,13 @@ var TextField = exports.TextField = /*#__PURE__*/(0, _react.forwardRef)(function
|
|
56
56
|
_label = placeholder;
|
57
57
|
_labelPlacement = 'inner';
|
58
58
|
}
|
59
|
+
var _size = size === 'xs' ? 's' : size;
|
59
60
|
if (enumerationType === 'chip') {
|
60
61
|
return /*#__PURE__*/_react["default"].createElement(TextFieldComponent, _extends({}, rest, {
|
61
62
|
view: _view,
|
63
|
+
size: _size,
|
62
64
|
labelPlacement: _labelPlacement,
|
63
65
|
label: _label,
|
64
|
-
size: size,
|
65
66
|
placeholder: placeholder,
|
66
67
|
leftHelper: helperText,
|
67
68
|
ref: ref,
|
@@ -72,9 +73,9 @@ var TextField = exports.TextField = /*#__PURE__*/(0, _react.forwardRef)(function
|
|
72
73
|
}
|
73
74
|
return /*#__PURE__*/_react["default"].createElement(TextFieldComponent, _extends({}, rest, {
|
74
75
|
view: _view,
|
76
|
+
size: _size,
|
75
77
|
labelPlacement: _labelPlacement,
|
76
78
|
label: _label,
|
77
|
-
size: size,
|
78
79
|
placeholder: placeholder,
|
79
80
|
leftHelper: helperText,
|
80
81
|
ref: ref,
|