@salutejs/plasma-web 1.381.0-canary.1368.10559136620.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/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/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/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/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
@@ -9,21 +9,21 @@ export var config = {
|
|
9
9
|
},
|
10
10
|
variations: {
|
11
11
|
view: {
|
12
|
-
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(
|
12
|
+
"default": /*#__PURE__*/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 "])), buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
|
13
13
|
/**
|
14
14
|
* @deprecated
|
15
15
|
* использовать `default`
|
16
16
|
*/
|
17
|
-
primary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(
|
18
|
-
accent: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-accent);\n ", ": var(
|
19
|
-
secondary: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(
|
20
|
-
clear: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(
|
21
|
-
success: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-positive);\n ", ": var(
|
22
|
-
warning: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-warning);\n ", ": var(
|
23
|
-
critical: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-negative);\n ", ": var(
|
24
|
-
dark: /*#__PURE__*/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(
|
25
|
-
black: /*#__PURE__*/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(
|
26
|
-
white: /*#__PURE__*/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(
|
17
|
+
primary: /*#__PURE__*/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 "])), buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
|
18
|
+
accent: /*#__PURE__*/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 "])), buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
|
19
|
+
secondary: /*#__PURE__*/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 "])), buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
|
20
|
+
clear: /*#__PURE__*/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 "])), buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
|
21
|
+
success: /*#__PURE__*/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 "])), buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
|
22
|
+
warning: /*#__PURE__*/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 "])), buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
|
23
|
+
critical: /*#__PURE__*/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 "])), buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
|
24
|
+
dark: /*#__PURE__*/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 "])), buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
|
25
|
+
black: /*#__PURE__*/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 "])), buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive),
|
26
|
+
white: /*#__PURE__*/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 "])), buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive)
|
27
27
|
},
|
28
28
|
size: {
|
29
29
|
l: /*#__PURE__*/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 "])), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
|
@@ -8,21 +8,21 @@ export var config = {
|
|
8
8
|
},
|
9
9
|
variations: {
|
10
10
|
view: {
|
11
|
-
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(
|
11
|
+
"default": /*#__PURE__*/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 "])), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
|
12
12
|
/**
|
13
13
|
* @deprecated
|
14
14
|
* использовать `default`
|
15
15
|
*/
|
16
|
-
primary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--inverse-text-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(
|
17
|
-
accent: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-accent);\n ", ": var(
|
18
|
-
secondary: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(
|
19
|
-
clear: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-clear);\n ", ": var(
|
20
|
-
success: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-positive);\n ", ": var(
|
21
|
-
warning: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-warning);\n ", ": var(
|
22
|
-
critical: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--surface-negative);\n ", ": var(
|
23
|
-
dark: /*#__PURE__*/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(
|
24
|
-
black: /*#__PURE__*/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(
|
25
|
-
white: /*#__PURE__*/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(
|
16
|
+
primary: /*#__PURE__*/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 "])), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
|
17
|
+
accent: /*#__PURE__*/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 "])), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
|
18
|
+
secondary: /*#__PURE__*/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 "])), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
|
19
|
+
clear: /*#__PURE__*/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 "])), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
|
20
|
+
success: /*#__PURE__*/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 "])), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
|
21
|
+
warning: /*#__PURE__*/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 "])), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
|
22
|
+
critical: /*#__PURE__*/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 "])), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
|
23
|
+
dark: /*#__PURE__*/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 "])), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
|
24
|
+
black: /*#__PURE__*/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 "])), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive),
|
25
|
+
white: /*#__PURE__*/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 "])), buttonGroupTokens.buttonColor, buttonGroupTokens.buttonValueColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive)
|
26
26
|
},
|
27
27
|
size: {
|
28
28
|
l: /*#__PURE__*/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 "])), buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
|
@@ -19,19 +19,19 @@ export var config = {
|
|
19
19
|
* Вид контрола.
|
20
20
|
*/
|
21
21
|
view: {
|
22
|
-
"default": /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
22
|
+
"default": /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
23
23
|
/**
|
24
24
|
* @deprecated
|
25
25
|
* использовать `default`
|
26
26
|
*/
|
27
|
-
primary: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
28
|
-
secondary: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
29
|
-
tertiary: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
30
|
-
paragraph: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-paragraph);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
31
|
-
accent: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
32
|
-
positive: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
33
|
-
warning: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
34
|
-
negative: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
27
|
+
primary: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
28
|
+
secondary: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
29
|
+
tertiary: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
30
|
+
paragraph: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-paragraph);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
31
|
+
accent: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
32
|
+
positive: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
33
|
+
warning: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor),
|
34
|
+
negative: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBorderColor)
|
35
35
|
},
|
36
36
|
disabled: {
|
37
37
|
"true": /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), checkboxTokens.disabledOpacity)
|
@@ -9,16 +9,16 @@ export var config = {
|
|
9
9
|
},
|
10
10
|
variations: {
|
11
11
|
view: {
|
12
|
-
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(
|
13
|
-
accent: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(
|
14
|
-
secondary: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(
|
15
|
-
clear: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(
|
16
|
-
success: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive);\n ", ": var(
|
17
|
-
warning: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-warning);\n ", ": var(
|
18
|
-
critical: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative);\n ", ": var(
|
19
|
-
dark: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-transparent-deep);\n ", ": var(
|
20
|
-
black: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--on-light-surface-solid-default);\n ", ": var(
|
21
|
-
white: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default);\n ", ": var(
|
12
|
+
"default": /*#__PURE__*/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 "])), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive),
|
13
|
+
accent: /*#__PURE__*/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 "])), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive),
|
14
|
+
secondary: /*#__PURE__*/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 "])), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive),
|
15
|
+
clear: /*#__PURE__*/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 "])), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive),
|
16
|
+
success: /*#__PURE__*/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 "])), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive),
|
17
|
+
warning: /*#__PURE__*/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 "])), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive),
|
18
|
+
critical: /*#__PURE__*/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 "])), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive),
|
19
|
+
dark: /*#__PURE__*/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 "])), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive),
|
20
|
+
black: /*#__PURE__*/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 "])), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive),
|
21
|
+
white: /*#__PURE__*/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 "])), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive)
|
22
22
|
},
|
23
23
|
size: {
|
24
24
|
l: /*#__PURE__*/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 "])), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
@@ -19,19 +19,19 @@ export var config = {
|
|
19
19
|
* Вид контрола.
|
20
20
|
*/
|
21
21
|
view: {
|
22
|
-
"default": /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
22
|
+
"default": /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
|
23
23
|
/**
|
24
24
|
* @deprecated
|
25
25
|
* использовать `default`
|
26
26
|
*/
|
27
|
-
primary: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
28
|
-
secondary: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
29
|
-
tertiary: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
30
|
-
paragraph: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-paragraph);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
31
|
-
accent: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
32
|
-
positive: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
33
|
-
warning: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
34
|
-
negative: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ":
|
27
|
+
primary: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
|
28
|
+
secondary: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
|
29
|
+
tertiary: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-tertiary);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
|
30
|
+
paragraph: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-paragraph);\n ", ": var(--inverse-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
|
31
|
+
accent: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
|
32
|
+
positive: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-positive);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
|
33
|
+
warning: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-warning);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor),
|
34
|
+
negative: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-negative);\n ", ": var(--on-dark-text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n "])), radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor)
|
35
35
|
},
|
36
36
|
disabled: {
|
37
37
|
"true": /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), radioboxTokens.disabledOpacity)
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
|
1
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
|
2
2
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3
3
|
import { css, segmentTokens } from '@salutejs/plasma-new-hope/styled-components';
|
4
4
|
export var config = {
|
@@ -12,10 +12,10 @@ export var config = {
|
|
12
12
|
filled: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": transparent;\n ", ": var(--plasma-colors-secondary);\n\n ", ": var(--plasma-colors-button-focused);\n "])), segmentTokens.groupBackgroundColor, segmentTokens.arrowColor, segmentTokens.outlineFocusColor)
|
13
13
|
},
|
14
14
|
size: {
|
15
|
-
xs: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": auto;\n "])), segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight),
|
16
|
-
s: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": auto;\n "])), segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight),
|
17
|
-
m: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": auto;\n "])), segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight),
|
18
|
-
l: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": auto;\n "])), segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight)
|
15
|
+
xs: /*#__PURE__*/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 "])), segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight, segmentTokens.groupVerticalHeight, segmentTokens.groupArrowPadding, segmentTokens.groupVerticalArrowPadding),
|
16
|
+
s: /*#__PURE__*/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 "])), segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight, segmentTokens.groupVerticalHeight, segmentTokens.groupArrowPadding, segmentTokens.groupVerticalArrowPadding),
|
17
|
+
m: /*#__PURE__*/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 "])), segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight, segmentTokens.groupVerticalHeight, segmentTokens.groupArrowPadding, segmentTokens.groupVerticalArrowPadding),
|
18
|
+
l: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": auto;\n ", ": 18.75rem;\n ", ": 1rem 1.375rem;\n ", ": 1.375rem 0;\n "])), segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight, segmentTokens.groupVerticalHeight, segmentTokens.groupArrowPadding, segmentTokens.groupVerticalArrowPadding)
|
19
19
|
},
|
20
20
|
disabled: {
|
21
21
|
"true": /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), segmentTokens.disabledOpacity)
|
@@ -28,6 +28,9 @@ export var config = {
|
|
28
28
|
},
|
29
29
|
stretch: {
|
30
30
|
"true": /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
31
|
+
},
|
32
|
+
vertical: {
|
33
|
+
"true": /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
31
34
|
}
|
32
35
|
}
|
33
36
|
};
|
@@ -8,21 +8,21 @@ export var config = {
|
|
8
8
|
},
|
9
9
|
variations: {
|
10
10
|
view: {
|
11
|
-
clear: /*#__PURE__*/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 "])), segmentTokens.itemColor, segmentTokens.itemBackgroundColor, segmentTokens.itemColorHover, segmentTokens.itemBackgroundColorHover, segmentTokens.itemSelectedColor, segmentTokens.itemSelectedBackgroundColor, segmentTokens.itemSelectedColorHover, segmentTokens.itemSelectedBackgroundColorHover, segmentTokens.outlineFocusColor),
|
12
|
-
|
13
|
-
|
11
|
+
clear: /*#__PURE__*/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 "])), segmentTokens.itemColor, segmentTokens.itemBackgroundColor, segmentTokens.itemColorHover, segmentTokens.itemBackgroundColorHover, segmentTokens.itemSelectedColor, segmentTokens.itemAdditionalColor, segmentTokens.itemAdditionalColorHover, segmentTokens.itemSelectedBackgroundColor, segmentTokens.itemSelectedColorHover, segmentTokens.itemSelectedBackgroundColorHover, segmentTokens.itemSelectedAdditionalColor, segmentTokens.itemSelectedAdditionalColorHover, segmentTokens.outlineFocusColor),
|
12
|
+
secondary: /*#__PURE__*/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 "])), segmentTokens.itemColor, segmentTokens.itemBackgroundColor, segmentTokens.itemColorHover, segmentTokens.itemBackgroundColorHover, segmentTokens.itemSelectedColor, segmentTokens.itemSelectedBackgroundColor, segmentTokens.itemSelectedColorHover, segmentTokens.itemSelectedBackgroundColorHover, segmentTokens.itemAdditionalColor, segmentTokens.itemAdditionalColorHover, segmentTokens.itemSelectedAdditionalColor, segmentTokens.itemSelectedAdditionalColorHover, segmentTokens.outlineFocusColor),
|
13
|
+
"default": /*#__PURE__*/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 "])), segmentTokens.itemColor, segmentTokens.itemBackgroundColor, segmentTokens.itemColorHover, segmentTokens.itemBackgroundColorHover, segmentTokens.itemSelectedColor, segmentTokens.itemSelectedBackgroundColor, segmentTokens.itemSelectedColorHover, segmentTokens.itemSelectedBackgroundColorHover, segmentTokens.itemAdditionalColor, segmentTokens.itemAdditionalColorHover, segmentTokens.itemSelectedAdditionalColor, segmentTokens.itemSelectedAdditionalColorHover, segmentTokens.outlineFocusColor)
|
14
14
|
},
|
15
15
|
size: {
|
16
|
-
xs: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.
|
17
|
-
s: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.
|
18
|
-
m: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.
|
19
|
-
l: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.
|
16
|
+
xs: /*#__PURE__*/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 "])), segmentTokens.itemBorderRadius, segmentTokens.itemWidth, segmentTokens.itemHeight, segmentTokens.itemPadding, segmentTokens.itemContentPadding, segmentTokens.itemIconMargin, segmentTokens.itemMarginLeft, segmentTokens.fontFamily, segmentTokens.fontSize, segmentTokens.fontStyle, segmentTokens.fontWeight, segmentTokens.letterSpacing, segmentTokens.lineHeight),
|
17
|
+
s: /*#__PURE__*/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 "])), segmentTokens.itemBorderRadius, segmentTokens.itemWidth, segmentTokens.itemHeight, segmentTokens.itemPadding, segmentTokens.itemContentPadding, segmentTokens.itemIconMargin, segmentTokens.itemMarginLeft, segmentTokens.fontFamily, segmentTokens.fontSize, segmentTokens.fontStyle, segmentTokens.fontWeight, segmentTokens.letterSpacing, segmentTokens.lineHeight),
|
18
|
+
m: /*#__PURE__*/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 "])), segmentTokens.itemBorderRadius, segmentTokens.itemWidth, segmentTokens.itemHeight, segmentTokens.itemPadding, segmentTokens.itemContentPadding, segmentTokens.itemIconMargin, segmentTokens.itemMarginLeft, segmentTokens.fontFamily, segmentTokens.fontSize, segmentTokens.fontStyle, segmentTokens.fontWeight, segmentTokens.letterSpacing, segmentTokens.lineHeight),
|
19
|
+
l: /*#__PURE__*/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 "])), segmentTokens.itemBorderRadius, segmentTokens.itemWidth, segmentTokens.itemHeight, segmentTokens.itemPadding, segmentTokens.itemContentPadding, segmentTokens.itemIconMargin, segmentTokens.itemMarginLeft, segmentTokens.fontFamily, segmentTokens.fontSize, segmentTokens.fontStyle, segmentTokens.fontWeight, segmentTokens.letterSpacing, segmentTokens.lineHeight)
|
20
20
|
},
|
21
21
|
disabled: {
|
22
22
|
"true": /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), segmentTokens.disabledOpacity)
|
23
23
|
},
|
24
24
|
pilled: {
|
25
|
-
"true": /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.
|
25
|
+
"true": /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.75rem;\n "])), segmentTokens.itemPilledBorderRadius)
|
26
26
|
}
|
27
27
|
}
|
28
28
|
};
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-web",
|
3
|
-
"version": "1.381.0-canary.
|
3
|
+
"version": "1.381.0-canary.1392.10559452224.0",
|
4
4
|
"description": "Salute Design System / React UI kit for web applications",
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
6
6
|
"license": "MIT",
|
@@ -21,7 +21,7 @@
|
|
21
21
|
"dependencies": {
|
22
22
|
"@salutejs/plasma-core": "1.175.0-dev.0",
|
23
23
|
"@salutejs/plasma-hope": "1.305.0-dev.0",
|
24
|
-
"@salutejs/plasma-new-hope": "0.132.0-canary.
|
24
|
+
"@salutejs/plasma-new-hope": "0.132.0-canary.1392.10559452224.0",
|
25
25
|
"@salutejs/plasma-themes": "0.15.0-dev.0",
|
26
26
|
"@salutejs/plasma-tokens-b2b": "1.41.0",
|
27
27
|
"@salutejs/plasma-tokens-b2c": "0.51.0",
|
@@ -112,5 +112,5 @@
|
|
112
112
|
"Fanil Zubairov"
|
113
113
|
],
|
114
114
|
"sideEffects": false,
|
115
|
-
"gitHead": "
|
115
|
+
"gitHead": "05937d64945e93efbd234dc275458a180817648b"
|
116
116
|
}
|
package/temp/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 }
|
@@ -1,10 +0,0 @@
|
|
1
|
-
.cct3vnm{--plasma-segment-group-background-color:tranparent;--plasma-segment-arrow-color:var(--plasma-colors-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
2
|
-
.f15142ru{--plasma-segment-group-background-color:transparent;--plasma-segment-arrow-color:var(--plasma-colors-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
3
|
-
.xekvq49{--plasma-segment-group-border-radius:0.5rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
4
|
-
.slveods{--plasma-segment-group-border-radius:0.625rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
5
|
-
.mt19ik9{--plasma-segment-group-border-radius:0.75rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
6
|
-
.l1pt19wo{--plasma-segment-group-border-radius:0.75rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
7
|
-
.t1832286{--plasma-segment-disabled-opacity:0.4;}
|
8
|
-
.tho2yw5{--plasma-segment-group-pilled-border-radius:1.75rem;}
|
9
|
-
.t1q8y2w0{--plasma-segment-group-filled-background-color:var(--plasma-colors-surface-liquid01);}
|
10
|
-
|
@@ -1,9 +0,0 @@
|
|
1
|
-
.cw5l9ny{--plasma-segment-item-color:var(--plasma-colors-secondary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--plasma-colors-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-selected-color:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color:transparent;--plasma-segment-item-selected-color-hover:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color-hover:transparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
2
|
-
.d1xvuorj{--plasma-segment-item-color:var(--plasma-colors-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--plasma-colors-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-selected-color:var(--plasma-colors-inverse);--plasma-segment-item-selected-background-color:var(--plasma-colors-text);--plasma-segment-item-selected-color-hover:var(--plasma-colors-inverse);--plasma-segment-item-selected-background-color-hover:var(--plasma-colors-text);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
3
|
-
.s1f4sf91{--plasma-segment-item-color:var(--plasma-colors-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--plasma-colors-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-selected-color:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color:var(--plasma-colors-surface-card);--plasma-segment-item-selected-color-hover:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color-hover:var(--plasma-colors-surface-card);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
4
|
-
.x12jn5jz{--plasma-segment-item-border-radius:0.375rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:1.5rem;--plasma-segment-item-padding:0 0.625rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-xs-line-height);}
|
5
|
-
.s1w7desh{--plasma-segment-item-border-radius:0.5rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2rem;--plasma-segment-item-padding:0 0.75rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-s-line-height);}
|
6
|
-
.msu8eyv{--plasma-segment-item-border-radius:0.625rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2.5rem;--plasma-segment-item-padding:0 0.875rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-m-line-height);}
|
7
|
-
.l1k7f0bw{--plasma-segment-item-border-radius:0.75rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:3rem;--plasma-segment-item-padding:0 1rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-l-line-height);}
|
8
|
-
.t169sl90{--plasma-segment-disabled-opacity:0.4;}
|
9
|
-
.t1aaurja{--plasma-segment-item-pilled-border-radius:1.5rem;}
|
@@ -1,10 +0,0 @@
|
|
1
|
-
.cct3vnm{--plasma-segment-group-background-color:tranparent;--plasma-segment-arrow-color:var(--plasma-colors-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
2
|
-
.f15142ru{--plasma-segment-group-background-color:transparent;--plasma-segment-arrow-color:var(--plasma-colors-secondary);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
3
|
-
.xekvq49{--plasma-segment-group-border-radius:0.5rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
4
|
-
.slveods{--plasma-segment-group-border-radius:0.625rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
5
|
-
.mt19ik9{--plasma-segment-group-border-radius:0.75rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
6
|
-
.l1pt19wo{--plasma-segment-group-border-radius:0.75rem;--plasma-segment-group-width:auto;--plasma-segment-group-height:auto;}
|
7
|
-
.t1832286{--plasma-segment-disabled-opacity:0.4;}
|
8
|
-
.tho2yw5{--plasma-segment-group-pilled-border-radius:1.75rem;}
|
9
|
-
.t1q8y2w0{--plasma-segment-group-filled-background-color:var(--plasma-colors-surface-liquid01);}
|
10
|
-
|
@@ -1,9 +0,0 @@
|
|
1
|
-
.cw5l9ny{--plasma-segment-item-color:var(--plasma-colors-secondary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--plasma-colors-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-selected-color:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color:transparent;--plasma-segment-item-selected-color-hover:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color-hover:transparent;--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
2
|
-
.d1xvuorj{--plasma-segment-item-color:var(--plasma-colors-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--plasma-colors-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-selected-color:var(--plasma-colors-inverse);--plasma-segment-item-selected-background-color:var(--plasma-colors-text);--plasma-segment-item-selected-color-hover:var(--plasma-colors-inverse);--plasma-segment-item-selected-background-color-hover:var(--plasma-colors-text);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
3
|
-
.s1f4sf91{--plasma-segment-item-color:var(--plasma-colors-primary);--plasma-segment-item-background-color:transparent;--plasma-segment-item-color-hover:var(--plasma-colors-primary);--plasma-segment-item-background-color-hover:transparent;--plasma-segment-item-selected-color:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color:var(--plasma-colors-surface-card);--plasma-segment-item-selected-color-hover:var(--plasma-colors-primary);--plasma-segment-item-selected-background-color-hover:var(--plasma-colors-surface-card);--plasma-segment-outline-focus-color:var(--plasma-colors-button-focused);}
|
4
|
-
.x12jn5jz{--plasma-segment-item-border-radius:0.375rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:1.5rem;--plasma-segment-item-padding:0 0.625rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-xs-line-height);}
|
5
|
-
.s1w7desh{--plasma-segment-item-border-radius:0.5rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2rem;--plasma-segment-item-padding:0 0.75rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-s-line-height);}
|
6
|
-
.msu8eyv{--plasma-segment-item-border-radius:0.625rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:2.5rem;--plasma-segment-item-padding:0 0.875rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-m-line-height);}
|
7
|
-
.l1k7f0bw{--plasma-segment-item-border-radius:0.75rem;--plasma-segment-item-width:auto;--plasma-segment-item-height:3rem;--plasma-segment-item-padding:0 1rem;--plasma-segment-item-margin-left:0.125rem;--plasma-segment-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-segment-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-segment-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-segment-item-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-segment-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-segment-item-lineheight:var(--plasma-typo-body-l-line-height);}
|
8
|
-
.t169sl90{--plasma-segment-disabled-opacity:0.4;}
|
9
|
-
.t1aaurja{--plasma-segment-item-pilled-border-radius:1.5rem;}
|