@salutejs/plasma-web 1.483.0-canary.1603.12429271021.0 → 1.483.0-canary.1668.12429393135.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-web.api.md +6 -13
- package/components/Button/Button.config.d.ts +2 -0
- package/components/Button/Button.config.js +17 -15
- package/components/Button/Button.d.ts +3 -1
- package/components/Button/Button.js +1 -1
- package/components/ButtonGroup/ButtonGroup.config.d.ts +2 -0
- package/components/ButtonGroup/ButtonGroup.config.js +21 -19
- package/components/ButtonGroup/ButtonGroup.d.ts +2 -0
- package/components/IconButton/IconButton.config.d.ts +2 -0
- package/components/IconButton/IconButton.config.js +13 -11
- package/components/IconButton/IconButton.d.ts +2 -0
- package/css/cjs/components/Button/Button.config.js +17 -15
- package/css/cjs/components/Button/Button.config.js.map +1 -1
- package/css/cjs/components/Button/{Button.config_1g92cxz.css → Button.config_1p9wq2b.css} +13 -11
- package/css/cjs/components/Button/Button.css +24 -22
- package/css/cjs/components/Button/Button.js +1 -1
- package/css/cjs/components/Button/Button.js.map +1 -1
- package/css/cjs/components/ButtonGroup/ButtonGroup.config.js +21 -19
- package/css/cjs/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/css/{es/components/ButtonGroup/ButtonGroup.config_1pd9i2o.css → cjs/components/ButtonGroup/ButtonGroup.config_nvojq8.css} +16 -14
- package/css/cjs/components/ButtonGroup/ButtonGroup.css +27 -25
- package/css/cjs/components/IconButton/IconButton.config.js +13 -11
- 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_1o8fpqv.css} +12 -10
- package/css/cjs/components/IconButton/IconButton.css +22 -20
- package/css/cjs/index.css +77 -77
- package/css/cjs/index.js +0 -2
- package/css/cjs/index.js.map +1 -1
- package/css/es/components/Button/Button.config.js +17 -15
- package/css/es/components/Button/Button.config.js.map +1 -1
- package/css/es/components/Button/{Button.config_1g92cxz.css → Button.config_1p9wq2b.css} +13 -11
- package/css/es/components/Button/Button.css +24 -22
- package/css/es/components/Button/Button.js +1 -1
- package/css/es/components/Button/Button.js.map +1 -1
- package/css/es/components/ButtonGroup/ButtonGroup.config.js +21 -19
- package/css/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/css/{cjs/components/ButtonGroup/ButtonGroup.config_1pd9i2o.css → es/components/ButtonGroup/ButtonGroup.config_nvojq8.css} +16 -14
- package/css/es/components/ButtonGroup/ButtonGroup.css +27 -25
- package/css/es/components/IconButton/IconButton.config.js +13 -11
- 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_1o8fpqv.css} +12 -10
- package/css/es/components/IconButton/IconButton.css +22 -20
- package/css/es/index.css +77 -77
- package/css/es/index.js +0 -1
- package/css/es/index.js.map +1 -1
- package/css/index.d.ts +0 -2
- package/es/components/Button/Button.config.js +17 -15
- package/es/components/Button/Button.js +1 -1
- package/es/components/ButtonGroup/ButtonGroup.config.js +21 -19
- package/es/components/IconButton/IconButton.config.js +13 -11
- package/es/index.js +1 -2
- package/index.d.ts +0 -1
- package/index.js +0 -11
- package/package.json +3 -3
- package/temp/plasma-web.api.md +6 -13
- package/components/Tree/Tree.config.d.ts +0 -17
- package/components/Tree/Tree.config.js +0 -26
- package/components/Tree/Tree.d.ts +0 -12
- package/components/Tree/Tree.js +0 -12
- package/components/Tree/index.d.ts +0 -1
- package/components/Tree/index.js +0 -12
- package/css/cjs/components/Tree/Tree.config.js +0 -25
- package/css/cjs/components/Tree/Tree.config.js.map +0 -1
- package/css/cjs/components/Tree/Tree.config_1adspmr.css +0 -5
- package/css/cjs/components/Tree/Tree.css +0 -5
- package/css/cjs/components/Tree/Tree.js +0 -14
- package/css/cjs/components/Tree/Tree.js.map +0 -1
- package/css/es/components/Tree/Tree.config.js +0 -21
- package/css/es/components/Tree/Tree.config.js.map +0 -1
- package/css/es/components/Tree/Tree.config_1adspmr.css +0 -5
- package/css/es/components/Tree/Tree.css +0 -5
- package/css/es/components/Tree/Tree.js +0 -10
- package/css/es/components/Tree/Tree.js.map +0 -1
- package/es/components/Tree/Tree.config.js +0 -20
- package/es/components/Tree/Tree.js +0 -7
- package/es/components/Tree/index.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25;
|
|
1
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27;
|
|
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, buttonTokens } from '@salutejs/plasma-new-hope/styled-components';
|
|
4
4
|
export var config = {
|
|
@@ -26,26 +26,28 @@ export var config = {
|
|
|
26
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(", ");\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.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonColorActive, buttonTokens.buttonBackgroundColorActive)
|
|
27
27
|
},
|
|
28
28
|
size: {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
29
|
+
xl: /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 4rem;\n ", ": 12.5rem;\n ", ": 1.75rem;\n ", ": 1rem;\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.5rem;\n ", ": inherit;\n\n ", ": 0 0.625rem 0 -0.125rem;\n ", ": 0 -0.125rem 0 0.625rem;\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),
|
|
30
|
+
xlr: /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 4rem;\n ", ": 12.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\n ", ": 1.5rem;\n ", ": inherit;\n\n ", ": 0 0.625rem 0 0;\n ", ": 0 0 0 0.625rem;\n ", ": 0 0 0 0.25rem;\n "])), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
|
|
31
|
+
l: /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__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),
|
|
32
|
+
lr: /*#__PURE__*/css(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3.5rem;\n ", ": 12.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\n ", ": 1.375rem;\n ", ": inherit;\n\n ", ": 0 0.5rem 0 0;\n ", ": 0 0 0 0.5rem;\n ", ": 0 0 0 0.25rem;\n "])), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
|
|
33
|
+
m: /*#__PURE__*/css(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3rem;\n ", ": 11.25rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 1.375rem;\n ", ": inherit;\n\n ", ": 0 0.375rem 0 -0.125rem;\n ", ": 0 -0.125rem 0 0.375rem;\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),
|
|
34
|
+
mr: /*#__PURE__*/css(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3rem;\n ", ": 11.25rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 1.375rem;\n ", ": inherit;\n\n ", ": 0 0.375rem 0 0;\n ", ": 0 0 0 0.375rem;\n ", ": 0 0 0 0.25rem;\n "])), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
|
|
35
|
+
s: /*#__PURE__*/css(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 11.25rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 1.375rem;\n ", ": inherit;\n\n ", ": 0 0.25rem 0 -0.125rem;\n ", ": 0 -0.125rem 0 0.25rem;\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),
|
|
36
|
+
sr: /*#__PURE__*/css(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 11.25rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 1.375rem;\n ", ": inherit;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n ", ": 0 0 0 0.25rem;\n "])), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
|
|
37
|
+
xs: /*#__PURE__*/css(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2rem;\n ", ": 10rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 1rem;\n ", ": inherit;\n\n ", ": 0 0.25rem 0 -0.125rem;\n ", ": 0 -0.125rem 0 0.25rem;\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),
|
|
38
|
+
xsr: /*#__PURE__*/css(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2rem;\n ", ": 10rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 1rem;\n ", ": inherit;\n\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n ", ": 0 0 0 0.25rem;\n "])), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
|
|
39
|
+
xxs: /*#__PURE__*/css(_templateObject22 || (_templateObject22 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n ", ": 8.75rem;\n ", ": 0.625rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0.75rem;\n ", ": inherit;\n\n ", ": 0 0.25rem 0 -0.125rem;\n ", ": 0 -0.125rem 0 0.25rem;\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)
|
|
38
40
|
},
|
|
39
41
|
disabled: {
|
|
40
|
-
"true": /*#__PURE__*/css(
|
|
42
|
+
"true": /*#__PURE__*/css(_templateObject23 || (_templateObject23 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), buttonTokens.buttonDisabledOpacity)
|
|
41
43
|
},
|
|
42
44
|
focused: {
|
|
43
|
-
"true": /*#__PURE__*/css(
|
|
45
|
+
"true": /*#__PURE__*/css(_templateObject24 || (_templateObject24 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n "])), buttonTokens.buttonFocusColor)
|
|
44
46
|
},
|
|
45
47
|
stretching: {
|
|
46
|
-
auto: /*#__PURE__*/css(
|
|
47
|
-
filled: /*#__PURE__*/css(
|
|
48
|
-
fixed: /*#__PURE__*/css(
|
|
48
|
+
auto: /*#__PURE__*/css(_templateObject25 || (_templateObject25 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
|
|
49
|
+
filled: /*#__PURE__*/css(_templateObject26 || (_templateObject26 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
|
|
50
|
+
fixed: /*#__PURE__*/css(_templateObject27 || (_templateObject27 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
|
49
51
|
}
|
|
50
52
|
}
|
|
51
53
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29;
|
|
1
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31;
|
|
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, buttonGroupTokens, buttonGroupClasses } from '@salutejs/plasma-new-hope/styled-components';
|
|
4
4
|
export var config = {
|
|
@@ -25,32 +25,34 @@ export var config = {
|
|
|
25
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(", ");\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.buttonLoadingBackgroundColor, buttonGroupTokens.buttonBackgroundColor, buttonGroupTokens.buttonColorHover, buttonGroupTokens.buttonBackgroundColorHover, buttonGroupTokens.buttonColorActive, buttonGroupTokens.buttonBackgroundColorActive)
|
|
26
26
|
},
|
|
27
27
|
size: {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
28
|
+
xl: /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 0.5rem;\n ", ": 1rem;\n\n ", ": 4rem;\n ", ": 1.75rem;\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),
|
|
29
|
+
xlr: /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": 0.5rem;\n ", ": 1rem;\n\n ", ": 4rem;\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.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
|
|
30
|
+
l: /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__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),
|
|
31
|
+
lr: /*#__PURE__*/css(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n\n ", ": 3.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.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
|
|
32
|
+
m: /*#__PURE__*/css(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.25rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n\n ", ": 3rem;\n ", ": 1.25rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
|
|
33
|
+
mr: /*#__PURE__*/css(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteral(["\n &.", " {\n ", ": 0.25rem;\n ", ": 0.75rem;\n ", ": 0.75rem;\n\n ", ": 3rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), buttonGroupClasses.segmented, buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
|
|
34
|
+
s: /*#__PURE__*/css(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.25rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n\n ", ": 2.5rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
|
|
35
|
+
sr: /*#__PURE__*/css(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.25rem;\n ", ": 0.625rem;\n ", ": 0.625rem;\n\n ", ": 2.5rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
|
|
36
|
+
xs: /*#__PURE__*/css(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
|
|
37
|
+
xsr: /*#__PURE__*/css(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.5rem;\n ", ": 0.5rem;\n\n ", ": 2rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight),
|
|
38
|
+
xxs: /*#__PURE__*/css(_templateObject22 || (_templateObject22 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n\n ", ": 1.5rem;\n ", ": 0.625rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), buttonGroupTokens.buttonSegmentedRadius, buttonGroupTokens.buttonDefaultRadius, buttonGroupTokens.buttonSideRadius, buttonGroupTokens.buttonHeight, buttonGroupTokens.buttonPadding, buttonGroupTokens.buttonFontFamily, buttonGroupTokens.buttonFontSize, buttonGroupTokens.buttonFontStyle, buttonGroupTokens.buttonFontWeight, buttonGroupTokens.buttonLetterSpacing, buttonGroupTokens.buttonLineHeight)
|
|
37
39
|
},
|
|
38
40
|
orientation: {
|
|
39
|
-
horizontal: /*#__PURE__*/css(
|
|
40
|
-
vertical: /*#__PURE__*/css(
|
|
41
|
+
horizontal: /*#__PURE__*/css(_templateObject23 || (_templateObject23 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": row;\n "])), buttonGroupTokens.buttonGroupOrientation),
|
|
42
|
+
vertical: /*#__PURE__*/css(_templateObject24 || (_templateObject24 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": column;\n "])), buttonGroupTokens.buttonGroupOrientation)
|
|
41
43
|
},
|
|
42
44
|
gap: {
|
|
43
|
-
none: /*#__PURE__*/css(
|
|
44
|
-
dense: /*#__PURE__*/css(
|
|
45
|
-
wide: /*#__PURE__*/css(
|
|
45
|
+
none: /*#__PURE__*/css(_templateObject25 || (_templateObject25 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0;\n "])), buttonGroupTokens.buttonGroupItemsGap),
|
|
46
|
+
dense: /*#__PURE__*/css(_templateObject26 || (_templateObject26 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n "])), buttonGroupTokens.buttonGroupItemsGap),
|
|
47
|
+
wide: /*#__PURE__*/css(_templateObject27 || (_templateObject27 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n "])), buttonGroupTokens.buttonGroupItemsGap)
|
|
46
48
|
},
|
|
47
49
|
shape: {
|
|
48
|
-
segmented: /*#__PURE__*/css(
|
|
49
|
-
"default": /*#__PURE__*/css(
|
|
50
|
+
segmented: /*#__PURE__*/css(_templateObject28 || (_templateObject28 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
|
|
51
|
+
"default": /*#__PURE__*/css(_templateObject29 || (_templateObject29 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
|
50
52
|
},
|
|
51
53
|
stretching: {
|
|
52
|
-
auto: /*#__PURE__*/css(
|
|
53
|
-
filled: /*#__PURE__*/css(
|
|
54
|
+
auto: /*#__PURE__*/css(_templateObject30 || (_templateObject30 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
|
|
55
|
+
filled: /*#__PURE__*/css(_templateObject31 || (_templateObject31 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
|
54
56
|
}
|
|
55
57
|
}
|
|
56
58
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
|
|
1
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
|
|
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, iconButtonTokens } from '@salutejs/plasma-new-hope/styled-components';
|
|
4
4
|
export var config = {
|
|
@@ -21,20 +21,22 @@ export var config = {
|
|
|
21
21
|
white: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-light-text-primary);\n ", ": var(--on-dark-surface-solid-default);\n ", ": var(", ");\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.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive)
|
|
22
22
|
},
|
|
23
23
|
size: {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
24
|
+
xl: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 4rem;\n ", ": 4rem;\n ", ": 1.75rem;\n ", ": 1rem;\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.5rem;\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),
|
|
25
|
+
xlr: /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 4rem;\n ", ": 4rem;\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.5rem;\n ", ": inherit;\n "])), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
|
26
|
+
l: /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__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),
|
|
27
|
+
lr: /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3.5rem;\n ", ": 3.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\n ", ": 1.375rem;\n ", ": inherit;\n "])), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
|
28
|
+
m: /*#__PURE__*/css(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3rem;\n ", ": 3rem;\n ", ": 1.25rem;\n ", ": 0.75rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-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),
|
|
29
|
+
mr: /*#__PURE__*/css(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3rem;\n ", ": 3rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 1.375rem;\n ", ": inherit;\n "])), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
|
30
|
+
s: /*#__PURE__*/css(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 2.5rem;\n ", ": 1rem;\n ", ": 0.625rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-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),
|
|
31
|
+
sr: /*#__PURE__*/css(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 2.5rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 1.375rem;\n ", ": inherit;\n "])), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
|
32
|
+
xs: /*#__PURE__*/css(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0.5rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 1rem;\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),
|
|
33
|
+
xsr: /*#__PURE__*/css(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2rem;\n ", ": 2rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 1rem;\n ", ": inherit;\n "])), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
|
|
32
34
|
},
|
|
33
35
|
disabled: {
|
|
34
|
-
"true": /*#__PURE__*/css(
|
|
36
|
+
"true": /*#__PURE__*/css(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), iconButtonTokens.iconButtonDisabledOpacity)
|
|
35
37
|
},
|
|
36
38
|
focused: {
|
|
37
|
-
"true": /*#__PURE__*/css(
|
|
39
|
+
"true": /*#__PURE__*/css(_templateObject22 || (_templateObject22 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n "])), iconButtonTokens.iconButtonFocusColor)
|
|
38
40
|
}
|
|
39
41
|
}
|
|
40
42
|
};
|
package/es/index.js
CHANGED
|
@@ -74,5 +74,4 @@ export * from './components/Attach';
|
|
|
74
74
|
export * from './components/ChipGroup';
|
|
75
75
|
export * from './components/NumberInput';
|
|
76
76
|
export * from './components/Dropzone';
|
|
77
|
-
export * from './components/Rating';
|
|
78
|
-
export * from './components/Tree';
|
|
77
|
+
export * from './components/Rating';
|
package/index.d.ts
CHANGED
package/index.js
CHANGED
|
@@ -849,15 +849,4 @@ Object.keys(_Rating).forEach(function (key) {
|
|
|
849
849
|
return _Rating[key];
|
|
850
850
|
}
|
|
851
851
|
});
|
|
852
|
-
});
|
|
853
|
-
var _Tree = /*#__PURE__*/require("./components/Tree");
|
|
854
|
-
Object.keys(_Tree).forEach(function (key) {
|
|
855
|
-
if (key === "default" || key === "__esModule") return;
|
|
856
|
-
if (key in exports && exports[key] === _Tree[key]) return;
|
|
857
|
-
Object.defineProperty(exports, key, {
|
|
858
|
-
enumerable: true,
|
|
859
|
-
get: function get() {
|
|
860
|
-
return _Tree[key];
|
|
861
|
-
}
|
|
862
|
-
});
|
|
863
852
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-web",
|
|
3
|
-
"version": "1.483.0-canary.
|
|
3
|
+
"version": "1.483.0-canary.1668.12429393135.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.189.1-dev.0",
|
|
23
23
|
"@salutejs/plasma-hope": "1.325.1-dev.0",
|
|
24
|
-
"@salutejs/plasma-new-hope": "0.228.0-canary.
|
|
24
|
+
"@salutejs/plasma-new-hope": "0.228.0-canary.1668.12429393135.0",
|
|
25
25
|
"@salutejs/plasma-themes": "0.27.0-dev.0",
|
|
26
26
|
"@salutejs/plasma-tokens-b2b": "1.43.1-dev.0",
|
|
27
27
|
"@salutejs/plasma-tokens-b2c": "0.54.1-dev.0",
|
|
@@ -111,5 +111,5 @@
|
|
|
111
111
|
"Fanil Zubairov"
|
|
112
112
|
],
|
|
113
113
|
"sideEffects": false,
|
|
114
|
-
"gitHead": "
|
|
114
|
+
"gitHead": "6c7852ee3faec007bc09ad9961b1b0e96a39cf61"
|
|
115
115
|
}
|
package/temp/plasma-web.api.md
CHANGED
|
@@ -1214,6 +1214,8 @@ black: PolymorphicClassName;
|
|
|
1214
1214
|
white: PolymorphicClassName;
|
|
1215
1215
|
};
|
|
1216
1216
|
size: {
|
|
1217
|
+
xl: PolymorphicClassName;
|
|
1218
|
+
xlr: PolymorphicClassName;
|
|
1217
1219
|
l: PolymorphicClassName;
|
|
1218
1220
|
lr: PolymorphicClassName;
|
|
1219
1221
|
m: PolymorphicClassName;
|
|
@@ -1311,6 +1313,8 @@ black: PolymorphicClassName;
|
|
|
1311
1313
|
white: PolymorphicClassName;
|
|
1312
1314
|
};
|
|
1313
1315
|
size: {
|
|
1316
|
+
xl: PolymorphicClassName;
|
|
1317
|
+
xlr: PolymorphicClassName;
|
|
1314
1318
|
l: PolymorphicClassName;
|
|
1315
1319
|
lr: PolymorphicClassName;
|
|
1316
1320
|
m: PolymorphicClassName;
|
|
@@ -2157,6 +2161,8 @@ black: PolymorphicClassName;
|
|
|
2157
2161
|
white: PolymorphicClassName;
|
|
2158
2162
|
};
|
|
2159
2163
|
size: {
|
|
2164
|
+
xl: PolymorphicClassName;
|
|
2165
|
+
xlr: PolymorphicClassName;
|
|
2160
2166
|
l: PolymorphicClassName;
|
|
2161
2167
|
lr: PolymorphicClassName;
|
|
2162
2168
|
m: PolymorphicClassName;
|
|
@@ -4411,19 +4417,6 @@ export { TooltipProps }
|
|
|
4411
4417
|
|
|
4412
4418
|
export { transformStyles }
|
|
4413
4419
|
|
|
4414
|
-
// @public (undocumented)
|
|
4415
|
-
export const Tree: FunctionComponent<PropsType< {
|
|
4416
|
-
view: {
|
|
4417
|
-
default: PolymorphicClassName;
|
|
4418
|
-
};
|
|
4419
|
-
size: {
|
|
4420
|
-
l: PolymorphicClassName;
|
|
4421
|
-
m: PolymorphicClassName;
|
|
4422
|
-
s: PolymorphicClassName;
|
|
4423
|
-
xs: PolymorphicClassName;
|
|
4424
|
-
};
|
|
4425
|
-
}> & (HTMLAttributes<HTMLElement> | HTMLAttributesWithoutOnChange<HTMLElement> | HTMLAttributesWithoutOnChangeAndDefaultValue<HTMLElement>)>;
|
|
4426
|
-
|
|
4427
4420
|
// @public (undocumented)
|
|
4428
4421
|
export const Underline: FunctionComponent<PropsType< {
|
|
4429
4422
|
size: {
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
export declare const config: {
|
|
2
|
-
defaults: {
|
|
3
|
-
view: string;
|
|
4
|
-
size: string;
|
|
5
|
-
};
|
|
6
|
-
variations: {
|
|
7
|
-
view: {
|
|
8
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
9
|
-
};
|
|
10
|
-
size: {
|
|
11
|
-
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
12
|
-
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
13
|
-
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
14
|
-
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.config = void 0;
|
|
7
|
-
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
|
8
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
9
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
10
|
-
var config = exports.config = {
|
|
11
|
-
defaults: {
|
|
12
|
-
view: 'default',
|
|
13
|
-
size: 'm'
|
|
14
|
-
},
|
|
15
|
-
variations: {
|
|
16
|
-
view: {
|
|
17
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": var(--text-secondary-hover);\n ", ": var(--text-secondary-active);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-secondary-hover);\n ", ": var(--surface-transparent-secondary-active);\n ", ": var(--text-secondary);\n ", ": var(--text-accent);\n ", ": 0.4;\n "])), _styledComponents.treeTokens.arrowColor, _styledComponents.treeTokens.arrowColorHover, _styledComponents.treeTokens.arrowColorActive, _styledComponents.treeTokens.color, _styledComponents.treeTokens.colorSelected, _styledComponents.treeTokens.itemBackgroundColor, _styledComponents.treeTokens.itemBackgroundColorHover, _styledComponents.treeTokens.itemBackgroundColorActive, _styledComponents.treeTokens.checkboxBorderColor, _styledComponents.treeTokens.checkboxBackgroundColor, _styledComponents.treeTokens.itemDisabledOpacity)
|
|
18
|
-
},
|
|
19
|
-
size: {
|
|
20
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3.5rem;\n ", ": 1rem;\n ", ": 0.375rem;\n ", ": 2rem;\n ", ": 0.75rem;\n ", ": 0 0.5rem 0 0;\n ", ": 0 0.5rem 0 0;\n ", ": 1.5rem;\n ", ": 0 0.5rem 0 0;\n ", ": 1.5rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n\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-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), _styledComponents.treeTokens.itemHeight, _styledComponents.treeTokens.itemPadding, _styledComponents.treeTokens.itemPaddingTight, _styledComponents.treeTokens.itemIndent, _styledComponents.treeTokens.itemBorderRadius, _styledComponents.treeTokens.iconFolderMargin, _styledComponents.treeTokens.switcherMargin, _styledComponents.treeTokens.switcherSize, _styledComponents.treeTokens.checkboxMargin, _styledComponents.treeTokens.checkboxSize, _styledComponents.treeTokens.checkboxInnerSize, _styledComponents.treeTokens.checkboxBorderRadius, _styledComponents.treeTokens.fontFamily, _styledComponents.treeTokens.fontSize, _styledComponents.treeTokens.fontStyle, _styledComponents.treeTokens.fontWeight, _styledComponents.treeTokens.letterSpacing, _styledComponents.treeTokens.lineHeight),
|
|
21
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 2rem;\n ", ": 0.625rem;\n ", ": 0 0.5rem 0 0;\n ", ": 0 0.5rem 0 0;\n ", ": 1.5rem;\n ", ": 0 0.5rem 0 0;\n ", ": 1.5rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), _styledComponents.treeTokens.itemHeight, _styledComponents.treeTokens.itemPadding, _styledComponents.treeTokens.itemPaddingTight, _styledComponents.treeTokens.itemIndent, _styledComponents.treeTokens.itemBorderRadius, _styledComponents.treeTokens.iconFolderMargin, _styledComponents.treeTokens.switcherMargin, _styledComponents.treeTokens.switcherSize, _styledComponents.treeTokens.checkboxMargin, _styledComponents.treeTokens.checkboxSize, _styledComponents.treeTokens.checkboxInnerSize, _styledComponents.treeTokens.checkboxBorderRadius, _styledComponents.treeTokens.fontFamily, _styledComponents.treeTokens.fontSize, _styledComponents.treeTokens.fontStyle, _styledComponents.treeTokens.fontWeight, _styledComponents.treeTokens.letterSpacing, _styledComponents.treeTokens.lineHeight),
|
|
22
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.5rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 1.875rem;\n ", ": 0.5rem;\n ", ": 0 0.375rem 0 0;\n ", ": 0 0.375rem 0 0;\n ", ": 1.5rem;\n ", ": 0 0.25rem 0 0;\n ", ": 1.5rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _styledComponents.treeTokens.itemHeight, _styledComponents.treeTokens.itemPadding, _styledComponents.treeTokens.itemPaddingTight, _styledComponents.treeTokens.itemIndent, _styledComponents.treeTokens.itemBorderRadius, _styledComponents.treeTokens.iconFolderMargin, _styledComponents.treeTokens.switcherMargin, _styledComponents.treeTokens.switcherSize, _styledComponents.treeTokens.checkboxMargin, _styledComponents.treeTokens.checkboxSize, _styledComponents.treeTokens.checkboxInnerSize, _styledComponents.treeTokens.checkboxBorderRadius, _styledComponents.treeTokens.fontFamily, _styledComponents.treeTokens.fontSize, _styledComponents.treeTokens.fontStyle, _styledComponents.treeTokens.fontWeight, _styledComponents.treeTokens.letterSpacing, _styledComponents.treeTokens.lineHeight),
|
|
23
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n ", ": 1.25rem;\n ", ": 0.375rem;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0.25rem 0 0;\n ", ": 1rem;\n ", ": 0 0.25rem 0 0;\n ", ": 1rem;\n ", ": 0.875rem;\n ", ": 0.25rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.treeTokens.itemHeight, _styledComponents.treeTokens.itemPadding, _styledComponents.treeTokens.itemPaddingTight, _styledComponents.treeTokens.itemIndent, _styledComponents.treeTokens.itemBorderRadius, _styledComponents.treeTokens.iconFolderMargin, _styledComponents.treeTokens.switcherMargin, _styledComponents.treeTokens.switcherSize, _styledComponents.treeTokens.checkboxMargin, _styledComponents.treeTokens.checkboxSize, _styledComponents.treeTokens.checkboxInnerSize, _styledComponents.treeTokens.checkboxBorderRadius, _styledComponents.treeTokens.fontFamily, _styledComponents.treeTokens.fontSize, _styledComponents.treeTokens.fontStyle, _styledComponents.treeTokens.fontWeight, _styledComponents.treeTokens.letterSpacing, _styledComponents.treeTokens.lineHeight)
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const Tree: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
|
3
|
-
view: {
|
|
4
|
-
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
5
|
-
};
|
|
6
|
-
size: {
|
|
7
|
-
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
8
|
-
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
9
|
-
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
10
|
-
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
11
|
-
};
|
|
12
|
-
}> & (import("react").HTMLAttributes<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutOnChange<HTMLElement> | import("@salutejs/plasma-new-hope/types/engines/types").HTMLAttributesWithoutOnChangeAndDefaultValue<HTMLElement>)>;
|
package/components/Tree/Tree.js
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Tree = void 0;
|
|
7
|
-
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
|
8
|
-
var _Tree = /*#__PURE__*/require("./Tree.config");
|
|
9
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
10
|
-
// @ts-ignore
|
|
11
|
-
var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.treeConfig, _Tree.config);
|
|
12
|
-
var Tree = exports.Tree = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Tree } from './Tree';
|
package/components/Tree/index.js
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import './Tree.config_1adspmr.css';
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
-
|
|
6
|
-
var config = {
|
|
7
|
-
defaults: {
|
|
8
|
-
view: 'default',
|
|
9
|
-
size: 'm'
|
|
10
|
-
},
|
|
11
|
-
variations: {
|
|
12
|
-
view: {
|
|
13
|
-
"default": "de6q557"
|
|
14
|
-
},
|
|
15
|
-
size: {
|
|
16
|
-
l: "l1adci4f",
|
|
17
|
-
m: "mtlwm4v",
|
|
18
|
-
s: "s5rli8c",
|
|
19
|
-
xs: "xvylsia"
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
exports.config = config;
|
|
25
|
-
//# sourceMappingURL=Tree.config.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tree.config.js","sources":["../../../../src-css/components/Tree/Tree.config.ts"],"sourcesContent":["import { css, treeTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.arrowColor}: var(--text-secondary);\n ${tokens.arrowColorHover}: var(--text-secondary-hover);\n ${tokens.arrowColorActive}: var(--text-secondary-active);\n ${tokens.color}: var(--text-secondary);\n ${tokens.colorSelected}: var(--text-primary);\n ${tokens.itemBackgroundColor}: var(--surface-transparent-secondary);\n ${tokens.itemBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${tokens.itemBackgroundColorActive}: var(--surface-transparent-secondary-active);\n ${tokens.checkboxBorderColor}: var(--text-secondary);\n ${tokens.checkboxBackgroundColor}: var(--text-accent);\n ${tokens.itemDisabledOpacity}: 0.4;\n `,\n },\n size: {\n l: css`\n ${tokens.itemHeight}: 3.5rem;\n ${tokens.itemPadding}: 1rem;\n ${tokens.itemPaddingTight}: 0.375rem;\n ${tokens.itemIndent}: 2rem;\n ${tokens.itemBorderRadius}: 0.75rem;\n ${tokens.iconFolderMargin}: 0 0.5rem 0 0;\n ${tokens.switcherMargin}: 0 0.5rem 0 0;\n ${tokens.switcherSize}: 1.5rem;\n ${tokens.checkboxMargin}: 0 0.5rem 0 0;\n ${tokens.checkboxSize}: 1.5rem;\n ${tokens.checkboxInnerSize}: 1.25rem;\n ${tokens.checkboxBorderRadius}: 0.375rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${tokens.itemHeight}: 3rem;\n ${tokens.itemPadding}: 0.875rem;\n ${tokens.itemPaddingTight}: 0.375rem;\n ${tokens.itemIndent}: 2rem;\n ${tokens.itemBorderRadius}: 0.625rem;\n ${tokens.iconFolderMargin}: 0 0.5rem 0 0;\n ${tokens.switcherMargin}: 0 0.5rem 0 0;\n ${tokens.switcherSize}: 1.5rem;\n ${tokens.checkboxMargin}: 0 0.5rem 0 0;\n ${tokens.checkboxSize}: 1.5rem;\n ${tokens.checkboxInnerSize}: 1.25rem;\n ${tokens.checkboxBorderRadius}: 0.375rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${tokens.itemHeight}: 2.5rem;\n ${tokens.itemPadding}: 0.75rem;\n ${tokens.itemPaddingTight}: 0.25rem;\n ${tokens.itemIndent}: 1.875rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n ${tokens.iconFolderMargin}: 0 0.375rem 0 0;\n ${tokens.switcherMargin}: 0 0.375rem 0 0;\n ${tokens.switcherSize}: 1.5rem;\n ${tokens.checkboxMargin}: 0 0.25rem 0 0;\n ${tokens.checkboxSize}: 1.5rem;\n ${tokens.checkboxInnerSize}: 1.25rem;\n ${tokens.checkboxBorderRadius}: 0.375rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${tokens.itemHeight}: 2rem;\n ${tokens.itemPadding}: 0.5rem;\n ${tokens.itemPaddingTight}: 0.125rem;\n ${tokens.itemIndent}: 1.25rem;\n ${tokens.itemBorderRadius}: 0.375rem;\n ${tokens.iconFolderMargin}: 0 0.25rem 0 0;\n ${tokens.switcherMargin}: 0 0.25rem 0 0;\n ${tokens.switcherSize}: 1rem;\n ${tokens.checkboxMargin}: 0 0.25rem 0 0;\n ${tokens.checkboxSize}: 1rem;\n ${tokens.checkboxInnerSize}: 0.875rem;\n ${tokens.checkboxBorderRadius}: 0.25rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,SAAA;KAaV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAoBA,UAAA;AACDC,MAAAA,CAAC,EAoBA,SAAA;AACDC,MAAAA,CAAC,EAoBA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AAqBN,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
.de6q557{--plasma-tree-arrow-color:var(--text-secondary);--plasma-tree-arrow-color-hover:var(--text-secondary-hover);--plasma-tree-arrow-color-active:var(--text-secondary-active);--plasma-tree-color:var(--text-secondary);--plasma-tree-color-selected:var(--text-primary);--plasma-tree-item-background-color:var(--surface-transparent-secondary);--plasma-tree-item-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-tree-item-background-color-active:var(--surface-transparent-secondary-active);--plasma-tree-checkbox-border-color:var(--text-secondary);--plasma-tree-checkbox-background-color:var(--text-accent);--plasma-tree-item-disabled-opacity:0.4;}
|
|
2
|
-
.l1adci4f{--plasma-tree-item-height:3.5rem;--plasma-tree-item-padding:1rem;--plasma-tree-item-padding-tight:0.375rem;--plasma-tree-item-indent:2rem;--plasma-tree-item-border-radius:0.75rem;--plasma-tree-icon-folder-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin:0 0.5rem 0 0;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.5rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-l-font-family);--plasma-tree-font-size:var(--plasma-typo-body-l-font-size);--plasma-tree-font-style:var(--plasma-typo-body-l-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-l-line-height);}
|
|
3
|
-
.mtlwm4v{--plasma-tree-item-height:3rem;--plasma-tree-item-padding:0.875rem;--plasma-tree-item-padding-tight:0.375rem;--plasma-tree-item-indent:2rem;--plasma-tree-item-border-radius:0.625rem;--plasma-tree-icon-folder-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin:0 0.5rem 0 0;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.5rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-m-font-family);--plasma-tree-font-size:var(--plasma-typo-body-m-font-size);--plasma-tree-font-style:var(--plasma-typo-body-m-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-m-line-height);}
|
|
4
|
-
.s5rli8c{--plasma-tree-item-height:2.5rem;--plasma-tree-item-padding:0.75rem;--plasma-tree-item-padding-tight:0.25rem;--plasma-tree-item-indent:1.875rem;--plasma-tree-item-border-radius:0.5rem;--plasma-tree-icon-folder-margin:0 0.375rem 0 0;--plasma-tree-switcher-margin:0 0.375rem 0 0;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.25rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-s-font-family);--plasma-tree-font-size:var(--plasma-typo-body-s-font-size);--plasma-tree-font-style:var(--plasma-typo-body-s-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-s-line-height);}
|
|
5
|
-
.xvylsia{--plasma-tree-item-height:2rem;--plasma-tree-item-padding:0.5rem;--plasma-tree-item-padding-tight:0.125rem;--plasma-tree-item-indent:1.25rem;--plasma-tree-item-border-radius:0.375rem;--plasma-tree-icon-folder-margin:0 0.25rem 0 0;--plasma-tree-switcher-margin:0 0.25rem 0 0;--plasma-tree-switcher-size:1rem;--plasma-tree-checkbox-margin:0 0.25rem 0 0;--plasma-tree-checkbox-size:1rem;--plasma-tree-checkbox-inner-size:0.875rem;--plasma-tree-checkbox-border-radius:0.25rem;--plasma-tree-font-family:var(--plasma-typo-body-xs-font-family);--plasma-tree-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tree-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-xs-line-height);}
|