@salutejs/plasma-web 1.486.1-canary.1669.12470399037.0 → 1.486.2-canary.1603.12471850782.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-web.api.md +14 -0
- package/components/Tree/Tree.config.d.ts +17 -0
- package/components/Tree/Tree.config.js +26 -0
- package/components/Tree/Tree.d.ts +12 -0
- package/components/Tree/Tree.js +10 -0
- package/components/Tree/index.d.ts +1 -0
- package/components/Tree/index.js +12 -0
- package/css/cjs/components/Tree/Tree.config.js +25 -0
- package/css/cjs/components/Tree/Tree.config.js.map +1 -0
- package/css/cjs/components/Tree/Tree.config_1adspmr.css +5 -0
- package/css/cjs/components/Tree/Tree.css +5 -0
- package/css/cjs/components/Tree/Tree.js +12 -0
- package/css/cjs/components/Tree/Tree.js.map +1 -0
- package/css/cjs/index.css +6 -0
- package/css/cjs/index.js +2 -0
- package/css/cjs/index.js.map +1 -1
- package/css/es/components/Tree/Tree.config.js +21 -0
- package/css/es/components/Tree/Tree.config.js.map +1 -0
- package/css/es/components/Tree/Tree.config_1adspmr.css +5 -0
- package/css/es/components/Tree/Tree.css +5 -0
- package/css/es/components/Tree/Tree.js +8 -0
- package/css/es/components/Tree/Tree.js.map +1 -0
- package/css/es/index.css +6 -0
- package/css/es/index.js +1 -0
- package/css/es/index.js.map +1 -1
- package/css/index.d.ts +2 -0
- package/es/components/Tree/Tree.config.js +20 -0
- package/es/components/Tree/Tree.js +4 -0
- package/es/components/Tree/index.js +1 -0
- package/es/index.js +2 -1
- package/index.d.ts +1 -0
- package/index.js +11 -0
- package/package.json +3 -3
- package/temp/plasma-web.api.md +14 -0
package/api/plasma-web.api.md
CHANGED
@@ -325,6 +325,7 @@ import { ToolbarProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
325
325
|
import { toolbarTokens } from '@salutejs/plasma-new-hope/styled-components';
|
326
326
|
import { TooltipProps } from '@salutejs/plasma-new-hope/styled-components';
|
327
327
|
import { transformStyles } from '@salutejs/plasma-core';
|
328
|
+
import { TreeProps } from '@salutejs/plasma-new-hope/types/components/Tree/Tree.types';
|
328
329
|
import { TypographyOldProps } from '@salutejs/plasma-new-hope/types/components/Typography/Old/TypographyOld';
|
329
330
|
import { TypographyVariants } from '@salutejs/plasma-new-hope/types/components/Editable/Editable.types';
|
330
331
|
import { Upload } from '@salutejs/plasma-hope';
|
@@ -4417,6 +4418,19 @@ export { TooltipProps }
|
|
4417
4418
|
|
4418
4419
|
export { transformStyles }
|
4419
4420
|
|
4421
|
+
// @public (undocumented)
|
4422
|
+
export const Tree: FunctionComponent<PropsType< {
|
4423
|
+
view: {
|
4424
|
+
default: PolymorphicClassName;
|
4425
|
+
};
|
4426
|
+
size: {
|
4427
|
+
l: PolymorphicClassName;
|
4428
|
+
m: PolymorphicClassName;
|
4429
|
+
s: PolymorphicClassName;
|
4430
|
+
xs: PolymorphicClassName;
|
4431
|
+
};
|
4432
|
+
}> & TreeProps & RefAttributes<HTMLDivElement>>;
|
4433
|
+
|
4420
4434
|
// @public (undocumented)
|
4421
4435
|
export const Underline: FunctionComponent<PropsType< {
|
4422
4436
|
size: {
|
@@ -0,0 +1,17 @@
|
|
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
|
+
};
|
@@ -0,0 +1,26 @@
|
|
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
|
+
};
|
@@ -0,0 +1,12 @@
|
|
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("@salutejs/plasma-new-hope/types/components/Tree/Tree.types").TreeProps & import("react").RefAttributes<HTMLDivElement>>;
|
@@ -0,0 +1,10 @@
|
|
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
|
+
var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.treeConfig, _Tree.config);
|
10
|
+
var Tree = exports.Tree = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
|
@@ -0,0 +1 @@
|
|
1
|
+
export { Tree } from './Tree';
|
@@ -0,0 +1,25 @@
|
|
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
|
@@ -0,0 +1 @@
|
|
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;;;;"}
|
@@ -0,0 +1,5 @@
|
|
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);}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
.Tree_config_1adspmr_de6q557__2e153723{--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
|
+
.Tree_config_1adspmr_l1adci4f__2e153723{--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
|
+
.Tree_config_1adspmr_mtlwm4v__2e153723{--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
|
+
.Tree_config_1adspmr_s5rli8c__2e153723{--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
|
+
.Tree_config_1adspmr_xvylsia__2e153723{--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);}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var plasmaNewHope = require('@salutejs/plasma-new-hope');
|
6
|
+
var Tree_config = require('./Tree.config.js');
|
7
|
+
|
8
|
+
var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.treeConfig, Tree_config.config);
|
9
|
+
var Tree = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
|
10
|
+
|
11
|
+
exports.Tree = Tree;
|
12
|
+
//# sourceMappingURL=Tree.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Tree.js","sources":["../../../../src-css/components/Tree/Tree.tsx"],"sourcesContent":["import { treeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Tree.config';\n\nconst mergedConfig = mergeConfig(treeConfig, config);\n\nexport const Tree = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","treeConfig","config","Tree","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,wBAAU,EAAEC,kBAAM,CAAC,CAAA;IAEvCC,IAAI,gBAAGC,uBAAS,CAACL,YAAY;;;;"}
|
package/css/cjs/index.css
CHANGED
@@ -641,6 +641,12 @@
|
|
641
641
|
.Tooltip_config_14a7k4c_mof1lw0__caf1b30f{--plasma-tooltip-padding-top:0.6875rem;--plasma-tooltip-padding-right:0.875rem;--plasma-tooltip-padding-bottom:0.6875rem;--plasma-tooltip-padding-left:0.875rem;--plasma-tooltip-min-height:2.5rem;--plasma-tooltip-border-radius:0.625rem;--plasma-tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-tooltip-content-left-margin:0.375rem;--plasma-tooltip-arrow-mask-width:1.25rem;--plasma-tooltip-arrow-mask-height:1.25rem;--plasma-tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-tooltip-arrow-height:0.5rem;--plasma-tooltip-arrow-edge-margin:0.625rem;--plasma-tooltip-arrow-background:var(--surface-solid-card-brightness);}
|
642
642
|
.Tooltip_config_14a7k4c_dawvnm3__caf1b30f{--plasma-tooltip-background-color:var(--surface-solid-card-brightness);--plasma-tooltip-box-shadow:0px 4px 12px 0px rgba(0,0,0,0.16),0px 1px 4px 0px rgba(0,0,0,0.08);--plasma-tooltip-color:var(--plasma-colors-primary);}
|
643
643
|
|
644
|
+
.Tree_config_1adspmr_de6q557__2e153723{--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;}
|
645
|
+
.Tree_config_1adspmr_l1adci4f__2e153723{--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);}
|
646
|
+
.Tree_config_1adspmr_mtlwm4v__2e153723{--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);}
|
647
|
+
.Tree_config_1adspmr_s5rli8c__2e153723{--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);}
|
648
|
+
.Tree_config_1adspmr_xvylsia__2e153723{--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);}
|
649
|
+
|
644
650
|
.Body_config_endr2e_l1s0gjg5__bbe7cb45{--typo-font-family:var(--plasma-typo-body-l-font-family);--typo-font-size:var(--plasma-typo-body-l-font-size);--typo-font-style:var(--plasma-typo-body-l-font-style);--typo-font-weight:var(--plasma-typo-body-l-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-l-bold-font-weight);--typo-font-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-l-line-height);}
|
645
651
|
.Body_config_endr2e_m1fmrqgu__bbe7cb45{--typo-font-family:var(--plasma-typo-body-m-font-family);--typo-font-size:var(--plasma-typo-body-m-font-size);--typo-font-style:var(--plasma-typo-body-m-font-style);--typo-font-weight:var(--plasma-typo-body-m-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-m-bold-font-weight);--typo-font-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-m-line-height);}
|
646
652
|
.Body_config_endr2e_sl5snt7__bbe7cb45{--typo-font-family:var(--plasma-typo-body-s-font-family);--typo-font-size:var(--plasma-typo-body-s-font-size);--typo-font-style:var(--plasma-typo-body-s-font-style);--typo-font-weight:var(--plasma-typo-body-s-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-s-bold-font-weight);--typo-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-s-line-height);}
|
package/css/cjs/index.js
CHANGED
@@ -65,6 +65,7 @@ var TextFieldGroup = require('./components/TextFieldGroup/TextFieldGroup.js');
|
|
65
65
|
var Toast = require('./components/Toast/Toast.js');
|
66
66
|
var Toolbar = require('./components/Toolbar/Toolbar.js');
|
67
67
|
var Tooltip = require('./components/Tooltip/Tooltip.js');
|
68
|
+
var Tree = require('./components/Tree/Tree.js');
|
68
69
|
var Typography = require('./components/Typography/Typography.js');
|
69
70
|
var index = require('./components/Typography/Old/index.js');
|
70
71
|
|
@@ -312,6 +313,7 @@ exports.ToastProvider = Toast.ToastProvider;
|
|
312
313
|
exports.Toolbar = Toolbar.Toolbar;
|
313
314
|
exports.ToolbarDivider = Toolbar.ToolbarDivider;
|
314
315
|
exports.Tooltip = Tooltip.Tooltip;
|
316
|
+
exports.Tree = Tree.Tree;
|
315
317
|
exports.BodyL = Typography.BodyL;
|
316
318
|
exports.BodyM = Typography.BodyM;
|
317
319
|
exports.BodyS = Typography.BodyS;
|
package/css/cjs/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import './Tree.config_1adspmr.css';
|
2
|
+
var config = {
|
3
|
+
defaults: {
|
4
|
+
view: 'default',
|
5
|
+
size: 'm'
|
6
|
+
},
|
7
|
+
variations: {
|
8
|
+
view: {
|
9
|
+
"default": "de6q557"
|
10
|
+
},
|
11
|
+
size: {
|
12
|
+
l: "l1adci4f",
|
13
|
+
m: "mtlwm4v",
|
14
|
+
s: "s5rli8c",
|
15
|
+
xs: "xvylsia"
|
16
|
+
}
|
17
|
+
}
|
18
|
+
};
|
19
|
+
|
20
|
+
export { config };
|
21
|
+
//# sourceMappingURL=Tree.config.js.map
|
@@ -0,0 +1 @@
|
|
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;;;;"}
|
@@ -0,0 +1,5 @@
|
|
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);}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
.Tree_config_1adspmr_de6q557__2e153723{--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
|
+
.Tree_config_1adspmr_l1adci4f__2e153723{--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
|
+
.Tree_config_1adspmr_mtlwm4v__2e153723{--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
|
+
.Tree_config_1adspmr_s5rli8c__2e153723{--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
|
+
.Tree_config_1adspmr_xvylsia__2e153723{--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);}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { component, mergeConfig, treeConfig } from '@salutejs/plasma-new-hope';
|
2
|
+
import { config } from './Tree.config.js';
|
3
|
+
|
4
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(treeConfig, config);
|
5
|
+
var Tree = /*#__PURE__*/component(mergedConfig);
|
6
|
+
|
7
|
+
export { Tree };
|
8
|
+
//# sourceMappingURL=Tree.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Tree.js","sources":["../../../../src-css/components/Tree/Tree.tsx"],"sourcesContent":["import { treeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Tree.config';\n\nconst mergedConfig = mergeConfig(treeConfig, config);\n\nexport const Tree = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","treeConfig","config","Tree","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,EAAEC,MAAM,CAAC,CAAA;IAEvCC,IAAI,gBAAGC,SAAS,CAACL,YAAY;;;;"}
|
package/css/es/index.css
CHANGED
@@ -641,6 +641,12 @@
|
|
641
641
|
.Tooltip_config_14a7k4c_mof1lw0__caf1b30f{--plasma-tooltip-padding-top:0.6875rem;--plasma-tooltip-padding-right:0.875rem;--plasma-tooltip-padding-bottom:0.6875rem;--plasma-tooltip-padding-left:0.875rem;--plasma-tooltip-min-height:2.5rem;--plasma-tooltip-border-radius:0.625rem;--plasma-tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-tooltip-content-left-margin:0.375rem;--plasma-tooltip-arrow-mask-width:1.25rem;--plasma-tooltip-arrow-mask-height:1.25rem;--plasma-tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-tooltip-arrow-height:0.5rem;--plasma-tooltip-arrow-edge-margin:0.625rem;--plasma-tooltip-arrow-background:var(--surface-solid-card-brightness);}
|
642
642
|
.Tooltip_config_14a7k4c_dawvnm3__caf1b30f{--plasma-tooltip-background-color:var(--surface-solid-card-brightness);--plasma-tooltip-box-shadow:0px 4px 12px 0px rgba(0,0,0,0.16),0px 1px 4px 0px rgba(0,0,0,0.08);--plasma-tooltip-color:var(--plasma-colors-primary);}
|
643
643
|
|
644
|
+
.Tree_config_1adspmr_de6q557__2e153723{--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;}
|
645
|
+
.Tree_config_1adspmr_l1adci4f__2e153723{--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);}
|
646
|
+
.Tree_config_1adspmr_mtlwm4v__2e153723{--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);}
|
647
|
+
.Tree_config_1adspmr_s5rli8c__2e153723{--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);}
|
648
|
+
.Tree_config_1adspmr_xvylsia__2e153723{--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);}
|
649
|
+
|
644
650
|
.Body_config_endr2e_l1s0gjg5__bbe7cb45{--typo-font-family:var(--plasma-typo-body-l-font-family);--typo-font-size:var(--plasma-typo-body-l-font-size);--typo-font-style:var(--plasma-typo-body-l-font-style);--typo-font-weight:var(--plasma-typo-body-l-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-l-bold-font-weight);--typo-font-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-l-line-height);}
|
645
651
|
.Body_config_endr2e_m1fmrqgu__bbe7cb45{--typo-font-family:var(--plasma-typo-body-m-font-family);--typo-font-size:var(--plasma-typo-body-m-font-size);--typo-font-style:var(--plasma-typo-body-m-font-style);--typo-font-weight:var(--plasma-typo-body-m-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-m-bold-font-weight);--typo-font-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-m-line-height);}
|
646
652
|
.Body_config_endr2e_sl5snt7__bbe7cb45{--typo-font-family:var(--plasma-typo-body-s-font-family);--typo-font-size:var(--plasma-typo-body-s-font-size);--typo-font-style:var(--plasma-typo-body-s-font-style);--typo-font-weight:var(--plasma-typo-body-s-font-weight);--typo-font-weight-bold:var(--plasma-typo-body-s-bold-font-weight);--typo-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--typo-font-line-height:var(--plasma-typo-body-s-line-height);}
|
package/css/es/index.js
CHANGED
@@ -61,6 +61,7 @@ export { TextFieldGroup } from './components/TextFieldGroup/TextFieldGroup.js';
|
|
61
61
|
export { Toast, ToastProvider } from './components/Toast/Toast.js';
|
62
62
|
export { Toolbar, ToolbarDivider } from './components/Toolbar/Toolbar.js';
|
63
63
|
export { Tooltip } from './components/Tooltip/Tooltip.js';
|
64
|
+
export { Tree } from './components/Tree/Tree.js';
|
64
65
|
export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5, TextL, TextM, TextS, TextXS } from './components/Typography/Typography.js';
|
65
66
|
export { Body1, Body2, Button1, Button2, Caption, Footnote1, Footnote2, Headline1, Headline2, Headline3, Headline4, Headline5, P1, P2, ParagraphText1, ParagraphText2, Subtitle, Underline } from './components/Typography/Old/index.js';
|
66
67
|
//# sourceMappingURL=index.js.map
|
package/css/es/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/css/index.d.ts
CHANGED
@@ -57,6 +57,7 @@ export * from '../components/TextFieldGroup';
|
|
57
57
|
export * from '../components/Toast';
|
58
58
|
export * from '../components/Toolbar';
|
59
59
|
export * from '../components/Tooltip';
|
60
|
+
export * from '../components/Tree';
|
60
61
|
export * from '../components/Typography';
|
61
62
|
export * from '../components/Accordion';
|
62
63
|
export * from '../components/Attach';
|
@@ -117,4 +118,5 @@ export * from '../components/TextFieldGroup';
|
|
117
118
|
export * from '../components/Toast';
|
118
119
|
export * from '../components/Toolbar';
|
119
120
|
export * from '../components/Tooltip';
|
121
|
+
export * from '../components/Tree';
|
120
122
|
export * from '../components/Typography';
|
@@ -0,0 +1,20 @@
|
|
1
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
2
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3
|
+
import { css, treeTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
|
4
|
+
export var config = {
|
5
|
+
defaults: {
|
6
|
+
view: 'default',
|
7
|
+
size: 'm'
|
8
|
+
},
|
9
|
+
variations: {
|
10
|
+
view: {
|
11
|
+
"default": /*#__PURE__*/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 "])), tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColor, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity)
|
12
|
+
},
|
13
|
+
size: {
|
14
|
+
l: /*#__PURE__*/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 "])), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
|
15
|
+
m: /*#__PURE__*/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 "])), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
|
16
|
+
s: /*#__PURE__*/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 "])), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
|
17
|
+
xs: /*#__PURE__*/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 "])), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
|
18
|
+
}
|
19
|
+
}
|
20
|
+
};
|
@@ -0,0 +1 @@
|
|
1
|
+
export { Tree } from './Tree';
|
package/es/index.js
CHANGED
@@ -74,4 +74,5 @@ 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';
|
77
|
+
export * from './components/Rating';
|
78
|
+
export * from './components/Tree';
|
package/index.d.ts
CHANGED
package/index.js
CHANGED
@@ -849,4 +849,15 @@ 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
|
+
});
|
852
863
|
});
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-web",
|
3
|
-
"version": "1.486.
|
3
|
+
"version": "1.486.2-canary.1603.12471850782.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.231.
|
24
|
+
"@salutejs/plasma-new-hope": "0.231.2-canary.1603.12471850782.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": "d8621c42c54dab1d834a4286021715e59329556a"
|
115
115
|
}
|
package/temp/plasma-web.api.md
CHANGED
@@ -325,6 +325,7 @@ import { ToolbarProps } from '@salutejs/plasma-new-hope/styled-components';
|
|
325
325
|
import { toolbarTokens } from '@salutejs/plasma-new-hope/styled-components';
|
326
326
|
import { TooltipProps } from '@salutejs/plasma-new-hope/styled-components';
|
327
327
|
import { transformStyles } from '@salutejs/plasma-core';
|
328
|
+
import { TreeProps } from '@salutejs/plasma-new-hope/types/components/Tree/Tree.types';
|
328
329
|
import { TypographyOldProps } from '@salutejs/plasma-new-hope/types/components/Typography/Old/TypographyOld';
|
329
330
|
import { TypographyVariants } from '@salutejs/plasma-new-hope/types/components/Editable/Editable.types';
|
330
331
|
import { Upload } from '@salutejs/plasma-hope';
|
@@ -4417,6 +4418,19 @@ export { TooltipProps }
|
|
4417
4418
|
|
4418
4419
|
export { transformStyles }
|
4419
4420
|
|
4421
|
+
// @public (undocumented)
|
4422
|
+
export const Tree: FunctionComponent<PropsType< {
|
4423
|
+
view: {
|
4424
|
+
default: PolymorphicClassName;
|
4425
|
+
};
|
4426
|
+
size: {
|
4427
|
+
l: PolymorphicClassName;
|
4428
|
+
m: PolymorphicClassName;
|
4429
|
+
s: PolymorphicClassName;
|
4430
|
+
xs: PolymorphicClassName;
|
4431
|
+
};
|
4432
|
+
}> & TreeProps & RefAttributes<HTMLDivElement>>;
|
4433
|
+
|
4420
4434
|
// @public (undocumented)
|
4421
4435
|
export const Underline: FunctionComponent<PropsType< {
|
4422
4436
|
size: {
|