@salutejs/sdds-serv 0.215.2-canary.1603.12471850782.0 → 0.215.2-canary.1675.12478533143.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/sdds-serv.api.md +0 -14
- package/emotion/cjs/index.js +0 -11
- package/emotion/es/index.js +0 -1
- package/es/index.css +0 -6
- package/es/index.js +0 -1
- package/es/index.js.map +1 -1
- package/index.d.ts +0 -1
- package/index.js +0 -2
- package/package.json +3 -3
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/index.js +0 -1
- package/components/Tree/Tree.config.d.ts +0 -17
- package/components/Tree/Tree.config.js +0 -25
- package/components/Tree/Tree.config.js.map +0 -1
- package/components/Tree/Tree.config_1adspmr.css +0 -5
- package/components/Tree/Tree.css +0 -5
- package/components/Tree/Tree.d.ts +0 -12
- package/components/Tree/Tree.js +0 -12
- package/components/Tree/Tree.js.map +0 -1
- package/components/Tree/index.d.ts +0 -1
- package/emotion/cjs/components/Tree/Tree.config.js +0 -26
- package/emotion/cjs/components/Tree/Tree.js +0 -10
- package/emotion/cjs/components/Tree/Tree.stories.tsx +0 -130
- package/emotion/cjs/components/Tree/index.js +0 -12
- package/emotion/es/components/Tree/Tree.config.js +0 -20
- package/emotion/es/components/Tree/Tree.js +0 -4
- package/emotion/es/components/Tree/Tree.stories.tsx +0 -130
- package/emotion/es/components/Tree/index.js +0 -1
- package/es/components/Tree/Tree.config.js +0 -21
- package/es/components/Tree/Tree.config.js.map +0 -1
- package/es/components/Tree/Tree.config_1adspmr.css +0 -5
- package/es/components/Tree/Tree.css +0 -5
- package/es/components/Tree/Tree.js +0 -8
- package/es/components/Tree/Tree.js.map +0 -1
- package/styled-components/cjs/components/Tree/Tree.config.js +0 -26
- package/styled-components/cjs/components/Tree/Tree.js +0 -10
- package/styled-components/cjs/components/Tree/index.js +0 -12
- package/styled-components/es/components/Tree/Tree.config.js +0 -20
- package/styled-components/es/components/Tree/Tree.js +0 -4
- package/styled-components/es/components/Tree/index.js +0 -1
package/api/sdds-serv.api.md
CHANGED
@@ -237,7 +237,6 @@ import { ToastRole } from '@salutejs/plasma-new-hope/styled-components';
|
|
237
237
|
import { ToolbarProps } from '@salutejs/plasma-new-hope/styled-components';
|
238
238
|
import { toolbarTokens } from '@salutejs/plasma-new-hope/styled-components';
|
239
239
|
import { TooltipProps } from '@salutejs/plasma-new-hope/styled-components';
|
240
|
-
import { TreeProps } from '@salutejs/plasma-new-hope/types/components/Tree/Tree.types';
|
241
240
|
import { usePopupContext } from '@salutejs/plasma-new-hope/styled-components';
|
242
241
|
import { useSegment } from '@salutejs/plasma-new-hope/styled-components';
|
243
242
|
import { useToast } from '@salutejs/plasma-new-hope/styled-components';
|
@@ -4262,19 +4261,6 @@ export const Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<HTM
|
|
4262
4261
|
|
4263
4262
|
export { TooltipProps }
|
4264
4263
|
|
4265
|
-
// @public (undocumented)
|
4266
|
-
export const Tree: FunctionComponent<PropsType< {
|
4267
|
-
view: {
|
4268
|
-
default: PolymorphicClassName;
|
4269
|
-
};
|
4270
|
-
size: {
|
4271
|
-
l: PolymorphicClassName;
|
4272
|
-
m: PolymorphicClassName;
|
4273
|
-
s: PolymorphicClassName;
|
4274
|
-
xs: PolymorphicClassName;
|
4275
|
-
};
|
4276
|
-
}> & TreeProps & RefAttributes<HTMLDivElement>>;
|
4277
|
-
|
4278
4264
|
export { usePopupContext }
|
4279
4265
|
|
4280
4266
|
export { useSegment }
|
package/emotion/cjs/index.js
CHANGED
@@ -663,17 +663,6 @@ Object.keys(_Rating).forEach(function (key) {
|
|
663
663
|
}
|
664
664
|
});
|
665
665
|
});
|
666
|
-
var _Tree = /*#__PURE__*/require("./components/Tree");
|
667
|
-
Object.keys(_Tree).forEach(function (key) {
|
668
|
-
if (key === "default" || key === "__esModule") return;
|
669
|
-
if (key in exports && exports[key] === _Tree[key]) return;
|
670
|
-
Object.defineProperty(exports, key, {
|
671
|
-
enumerable: true,
|
672
|
-
get: function get() {
|
673
|
-
return _Tree[key];
|
674
|
-
}
|
675
|
-
});
|
676
|
-
});
|
677
666
|
var _mixins = /*#__PURE__*/require("./mixins");
|
678
667
|
Object.keys(_mixins).forEach(function (key) {
|
679
668
|
if (key === "default" || key === "__esModule") return;
|
package/emotion/es/index.js
CHANGED
@@ -58,6 +58,5 @@ export * from './components/ViewContainer';
|
|
58
58
|
export * from './components/NumberInput';
|
59
59
|
export * from './components/Dropzone';
|
60
60
|
export * from './components/Rating';
|
61
|
-
export * from './components/Tree';
|
62
61
|
export * from './mixins';
|
63
62
|
export * from './tokens';
|
package/es/index.css
CHANGED
@@ -588,12 +588,6 @@
|
|
588
588
|
.Tooltip_config_19fazns_mof1lw0__1c02ba0c{--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);}
|
589
589
|
.Tooltip_config_19fazns_dawvnm3__1c02ba0c{--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(--text-primary);}
|
590
590
|
|
591
|
-
.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;}
|
592
|
-
.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);}
|
593
|
-
.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);}
|
594
|
-
.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);}
|
595
|
-
.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);}
|
596
|
-
|
597
591
|
.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);}
|
598
592
|
.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);}
|
599
593
|
.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/es/index.js
CHANGED
@@ -55,7 +55,6 @@ export { TextFieldGroup } from './components/TextFieldGroup/TextFieldGroup.js';
|
|
55
55
|
export { Toast, ToastProvider } from './components/Toast/Toast.js';
|
56
56
|
export { Toolbar, ToolbarDivider } from './components/Toolbar/Toolbar.js';
|
57
57
|
export { Tooltip } from './components/Tooltip/Tooltip.js';
|
58
|
-
export { Tree } from './components/Tree/Tree.js';
|
59
58
|
export { BodyL, BodyM, BodyS, BodyXS, BodyXXS, DsplL, DsplM, DsplS, H1, H2, H3, H4, H5, TextL, TextM, TextS, TextXS } from './components/Typography/Typography.js';
|
60
59
|
export { ViewContainer } from './components/ViewContainer/ViewContainer.js';
|
61
60
|
//# sourceMappingURL=index.js.map
|
package/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/index.d.ts
CHANGED
@@ -58,6 +58,5 @@ export * from './components/ViewContainer';
|
|
58
58
|
export * from './components/NumberInput';
|
59
59
|
export * from './components/Dropzone';
|
60
60
|
export * from './components/Rating';
|
61
|
-
export * from './components/Tree';
|
62
61
|
export * from './mixins';
|
63
62
|
export * from './tokens';
|
package/index.js
CHANGED
@@ -59,7 +59,6 @@ var TextFieldGroup = require('./components/TextFieldGroup/TextFieldGroup.js');
|
|
59
59
|
var Toast = require('./components/Toast/Toast.js');
|
60
60
|
var Toolbar = require('./components/Toolbar/Toolbar.js');
|
61
61
|
var Tooltip = require('./components/Tooltip/Tooltip.js');
|
62
|
-
var Tree = require('./components/Tree/Tree.js');
|
63
62
|
var Typography = require('./components/Typography/Typography.js');
|
64
63
|
var ViewContainer = require('./components/ViewContainer/ViewContainer.js');
|
65
64
|
|
@@ -294,7 +293,6 @@ exports.ToastProvider = Toast.ToastProvider;
|
|
294
293
|
exports.Toolbar = Toolbar.Toolbar;
|
295
294
|
exports.ToolbarDivider = Toolbar.ToolbarDivider;
|
296
295
|
exports.Tooltip = Tooltip.Tooltip;
|
297
|
-
exports.Tree = Tree.Tree;
|
298
296
|
exports.BodyL = Typography.BodyL;
|
299
297
|
exports.BodyM = Typography.BodyM;
|
300
298
|
exports.BodyS = Typography.BodyS;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/sdds-serv",
|
3
|
-
"version": "0.215.2-canary.
|
3
|
+
"version": "0.215.2-canary.1675.12478533143.0",
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS SERV web applications",
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
6
6
|
"license": "MIT",
|
@@ -48,7 +48,7 @@
|
|
48
48
|
"directory": "packages/sdds-serv"
|
49
49
|
},
|
50
50
|
"dependencies": {
|
51
|
-
"@salutejs/plasma-new-hope": "0.231.2-canary.
|
51
|
+
"@salutejs/plasma-new-hope": "0.231.2-canary.1675.12478533143.0",
|
52
52
|
"@salutejs/sdds-themes": "0.30.1-dev.0"
|
53
53
|
},
|
54
54
|
"peerDependencies": {
|
@@ -153,5 +153,5 @@
|
|
153
153
|
"sideEffects": [
|
154
154
|
"*.css"
|
155
155
|
],
|
156
|
-
"gitHead": "
|
156
|
+
"gitHead": "ac3e0a87c3c083a59c5b3d4b240f08f78db8fa65"
|
157
157
|
}
|
@@ -663,17 +663,6 @@ Object.keys(_Rating).forEach(function (key) {
|
|
663
663
|
}
|
664
664
|
});
|
665
665
|
});
|
666
|
-
var _Tree = /*#__PURE__*/require("./components/Tree");
|
667
|
-
Object.keys(_Tree).forEach(function (key) {
|
668
|
-
if (key === "default" || key === "__esModule") return;
|
669
|
-
if (key in exports && exports[key] === _Tree[key]) return;
|
670
|
-
Object.defineProperty(exports, key, {
|
671
|
-
enumerable: true,
|
672
|
-
get: function get() {
|
673
|
-
return _Tree[key];
|
674
|
-
}
|
675
|
-
});
|
676
|
-
});
|
677
666
|
var _mixins = /*#__PURE__*/require("./mixins");
|
678
667
|
Object.keys(_mixins).forEach(function (key) {
|
679
668
|
if (key === "default" || key === "__esModule") return;
|
@@ -58,6 +58,5 @@ export * from './components/ViewContainer';
|
|
58
58
|
export * from './components/NumberInput';
|
59
59
|
export * from './components/Dropzone';
|
60
60
|
export * from './components/Rating';
|
61
|
-
export * from './components/Tree';
|
62
61
|
export * from './mixins';
|
63
62
|
export * from './tokens';
|
@@ -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,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);}
|
package/components/Tree/Tree.css
DELETED
@@ -1,5 +0,0 @@
|
|
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);}
|
@@ -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("@salutejs/plasma-new-hope/types/components/Tree/Tree.types").TreeProps & import("react").RefAttributes<HTMLDivElement>>;
|
package/components/Tree/Tree.js
DELETED
@@ -1,12 +0,0 @@
|
|
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
|
@@ -1 +0,0 @@
|
|
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;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
export { Tree } from './Tree';
|
@@ -1,26 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
|
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, _emotion.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 "])), _emotion.treeTokens.arrowColor, _emotion.treeTokens.arrowColorHover, _emotion.treeTokens.arrowColorActive, _emotion.treeTokens.color, _emotion.treeTokens.colorSelected, _emotion.treeTokens.itemBackgroundColor, _emotion.treeTokens.itemBackgroundColorHover, _emotion.treeTokens.itemBackgroundColorActive, _emotion.treeTokens.checkboxBorderColor, _emotion.treeTokens.checkboxBackgroundColor, _emotion.treeTokens.itemDisabledOpacity)
|
18
|
-
},
|
19
|
-
size: {
|
20
|
-
l: /*#__PURE__*/(0, _emotion.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 "])), _emotion.treeTokens.itemHeight, _emotion.treeTokens.itemPadding, _emotion.treeTokens.itemPaddingTight, _emotion.treeTokens.itemIndent, _emotion.treeTokens.itemBorderRadius, _emotion.treeTokens.iconFolderMargin, _emotion.treeTokens.switcherMargin, _emotion.treeTokens.switcherSize, _emotion.treeTokens.checkboxMargin, _emotion.treeTokens.checkboxSize, _emotion.treeTokens.checkboxInnerSize, _emotion.treeTokens.checkboxBorderRadius, _emotion.treeTokens.fontFamily, _emotion.treeTokens.fontSize, _emotion.treeTokens.fontStyle, _emotion.treeTokens.fontWeight, _emotion.treeTokens.letterSpacing, _emotion.treeTokens.lineHeight),
|
21
|
-
m: /*#__PURE__*/(0, _emotion.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 "])), _emotion.treeTokens.itemHeight, _emotion.treeTokens.itemPadding, _emotion.treeTokens.itemPaddingTight, _emotion.treeTokens.itemIndent, _emotion.treeTokens.itemBorderRadius, _emotion.treeTokens.iconFolderMargin, _emotion.treeTokens.switcherMargin, _emotion.treeTokens.switcherSize, _emotion.treeTokens.checkboxMargin, _emotion.treeTokens.checkboxSize, _emotion.treeTokens.checkboxInnerSize, _emotion.treeTokens.checkboxBorderRadius, _emotion.treeTokens.fontFamily, _emotion.treeTokens.fontSize, _emotion.treeTokens.fontStyle, _emotion.treeTokens.fontWeight, _emotion.treeTokens.letterSpacing, _emotion.treeTokens.lineHeight),
|
22
|
-
s: /*#__PURE__*/(0, _emotion.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 "])), _emotion.treeTokens.itemHeight, _emotion.treeTokens.itemPadding, _emotion.treeTokens.itemPaddingTight, _emotion.treeTokens.itemIndent, _emotion.treeTokens.itemBorderRadius, _emotion.treeTokens.iconFolderMargin, _emotion.treeTokens.switcherMargin, _emotion.treeTokens.switcherSize, _emotion.treeTokens.checkboxMargin, _emotion.treeTokens.checkboxSize, _emotion.treeTokens.checkboxInnerSize, _emotion.treeTokens.checkboxBorderRadius, _emotion.treeTokens.fontFamily, _emotion.treeTokens.fontSize, _emotion.treeTokens.fontStyle, _emotion.treeTokens.fontWeight, _emotion.treeTokens.letterSpacing, _emotion.treeTokens.lineHeight),
|
23
|
-
xs: /*#__PURE__*/(0, _emotion.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 "])), _emotion.treeTokens.itemHeight, _emotion.treeTokens.itemPadding, _emotion.treeTokens.itemPaddingTight, _emotion.treeTokens.itemIndent, _emotion.treeTokens.itemBorderRadius, _emotion.treeTokens.iconFolderMargin, _emotion.treeTokens.switcherMargin, _emotion.treeTokens.switcherSize, _emotion.treeTokens.checkboxMargin, _emotion.treeTokens.checkboxSize, _emotion.treeTokens.checkboxInnerSize, _emotion.treeTokens.checkboxBorderRadius, _emotion.treeTokens.fontFamily, _emotion.treeTokens.fontSize, _emotion.treeTokens.fontStyle, _emotion.treeTokens.fontWeight, _emotion.treeTokens.letterSpacing, _emotion.treeTokens.lineHeight)
|
24
|
-
}
|
25
|
-
}
|
26
|
-
};
|
@@ -1,10 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.Tree = void 0;
|
7
|
-
var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
|
8
|
-
var _Tree = /*#__PURE__*/require("./Tree.config");
|
9
|
-
var mergedConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.treeConfig, _Tree.config);
|
10
|
-
var Tree = exports.Tree = /*#__PURE__*/(0, _emotion.component)(mergedConfig);
|
@@ -1,130 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { ComponentProps } from 'react';
|
3
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
-
import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
|
5
|
-
|
6
|
-
import { Tree } from './Tree';
|
7
|
-
|
8
|
-
const treeData: any[] = [
|
9
|
-
{
|
10
|
-
title: 'Parent 1',
|
11
|
-
key: '0-0',
|
12
|
-
children: [
|
13
|
-
{
|
14
|
-
title: 'Parent 1-0',
|
15
|
-
key: '0-0-0',
|
16
|
-
children: [
|
17
|
-
{
|
18
|
-
title: 'Leaf',
|
19
|
-
key: '0-0-0-0',
|
20
|
-
disabled: true,
|
21
|
-
},
|
22
|
-
{
|
23
|
-
title: 'Leaf',
|
24
|
-
key: '0-0-0-1',
|
25
|
-
children: [
|
26
|
-
{
|
27
|
-
title: 'Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf',
|
28
|
-
key: '0-0-0-0-0',
|
29
|
-
},
|
30
|
-
{
|
31
|
-
title: 'Leaf',
|
32
|
-
key: '0-0-0-0-1',
|
33
|
-
},
|
34
|
-
],
|
35
|
-
},
|
36
|
-
],
|
37
|
-
},
|
38
|
-
{
|
39
|
-
title: 'Parent 1-1',
|
40
|
-
key: '0-0-1',
|
41
|
-
children: [{ title: 'Leaf', key: '0-0-1-0' }],
|
42
|
-
},
|
43
|
-
],
|
44
|
-
},
|
45
|
-
{
|
46
|
-
title: 'Parent 2',
|
47
|
-
key: '0-1',
|
48
|
-
children: [
|
49
|
-
{
|
50
|
-
title: 'Parent 2-0',
|
51
|
-
key: '0-1-0',
|
52
|
-
},
|
53
|
-
],
|
54
|
-
},
|
55
|
-
];
|
56
|
-
|
57
|
-
type StoryTreeProps = ComponentProps<typeof Tree>;
|
58
|
-
|
59
|
-
const size = ['xs', 's', 'm', 'l'];
|
60
|
-
const arrowPlacements = ['left', 'right'];
|
61
|
-
|
62
|
-
const meta: Meta<StoryTreeProps> = {
|
63
|
-
title: 'Data Entry/Tree',
|
64
|
-
decorators: [InSpacingDecorator],
|
65
|
-
component: Tree,
|
66
|
-
argTypes: {
|
67
|
-
size: {
|
68
|
-
control: 'select',
|
69
|
-
options: size,
|
70
|
-
},
|
71
|
-
checkable: {
|
72
|
-
control: 'boolean',
|
73
|
-
},
|
74
|
-
multiple: {
|
75
|
-
control: 'boolean',
|
76
|
-
},
|
77
|
-
arrowPlacement: {
|
78
|
-
options: arrowPlacements,
|
79
|
-
control: {
|
80
|
-
type: 'inline-radio',
|
81
|
-
},
|
82
|
-
},
|
83
|
-
defaultExpandAll: {
|
84
|
-
control: 'boolean',
|
85
|
-
},
|
86
|
-
fullWidthItemSelection: {
|
87
|
-
control: 'boolean',
|
88
|
-
},
|
89
|
-
height: {
|
90
|
-
control: 'number',
|
91
|
-
},
|
92
|
-
hasIcon: {
|
93
|
-
control: 'boolean',
|
94
|
-
},
|
95
|
-
},
|
96
|
-
args: {
|
97
|
-
size: 'm',
|
98
|
-
fullWidthItemSelection: false,
|
99
|
-
checkable: false,
|
100
|
-
multiple: false,
|
101
|
-
arrowPlacement: 'left',
|
102
|
-
defaultExpandAll: true,
|
103
|
-
height: undefined,
|
104
|
-
hasIcon: true,
|
105
|
-
},
|
106
|
-
parameters: {
|
107
|
-
controls: {
|
108
|
-
include: [
|
109
|
-
'size',
|
110
|
-
'fullWidthItemSelection',
|
111
|
-
'checkable',
|
112
|
-
'multiple',
|
113
|
-
'arrowPlacement',
|
114
|
-
'defaultExpandAll',
|
115
|
-
'height',
|
116
|
-
'hasIcon',
|
117
|
-
],
|
118
|
-
},
|
119
|
-
},
|
120
|
-
};
|
121
|
-
|
122
|
-
export default meta;
|
123
|
-
|
124
|
-
const StoryDefault = (args: StoryTreeProps) => {
|
125
|
-
return <Tree {...args} items={treeData} />;
|
126
|
-
};
|
127
|
-
|
128
|
-
export const Default: StoryObj<StoryTreeProps> = {
|
129
|
-
render: (args) => <StoryDefault {...args} />,
|
130
|
-
};
|
@@ -1,20 +0,0 @@
|
|
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/emotion';
|
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
|
-
};
|
@@ -1,130 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { ComponentProps } from 'react';
|
3
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
-
import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
|
5
|
-
|
6
|
-
import { Tree } from './Tree';
|
7
|
-
|
8
|
-
const treeData: any[] = [
|
9
|
-
{
|
10
|
-
title: 'Parent 1',
|
11
|
-
key: '0-0',
|
12
|
-
children: [
|
13
|
-
{
|
14
|
-
title: 'Parent 1-0',
|
15
|
-
key: '0-0-0',
|
16
|
-
children: [
|
17
|
-
{
|
18
|
-
title: 'Leaf',
|
19
|
-
key: '0-0-0-0',
|
20
|
-
disabled: true,
|
21
|
-
},
|
22
|
-
{
|
23
|
-
title: 'Leaf',
|
24
|
-
key: '0-0-0-1',
|
25
|
-
children: [
|
26
|
-
{
|
27
|
-
title: 'Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf Leaf',
|
28
|
-
key: '0-0-0-0-0',
|
29
|
-
},
|
30
|
-
{
|
31
|
-
title: 'Leaf',
|
32
|
-
key: '0-0-0-0-1',
|
33
|
-
},
|
34
|
-
],
|
35
|
-
},
|
36
|
-
],
|
37
|
-
},
|
38
|
-
{
|
39
|
-
title: 'Parent 1-1',
|
40
|
-
key: '0-0-1',
|
41
|
-
children: [{ title: 'Leaf', key: '0-0-1-0' }],
|
42
|
-
},
|
43
|
-
],
|
44
|
-
},
|
45
|
-
{
|
46
|
-
title: 'Parent 2',
|
47
|
-
key: '0-1',
|
48
|
-
children: [
|
49
|
-
{
|
50
|
-
title: 'Parent 2-0',
|
51
|
-
key: '0-1-0',
|
52
|
-
},
|
53
|
-
],
|
54
|
-
},
|
55
|
-
];
|
56
|
-
|
57
|
-
type StoryTreeProps = ComponentProps<typeof Tree>;
|
58
|
-
|
59
|
-
const size = ['xs', 's', 'm', 'l'];
|
60
|
-
const arrowPlacements = ['left', 'right'];
|
61
|
-
|
62
|
-
const meta: Meta<StoryTreeProps> = {
|
63
|
-
title: 'Data Entry/Tree',
|
64
|
-
decorators: [InSpacingDecorator],
|
65
|
-
component: Tree,
|
66
|
-
argTypes: {
|
67
|
-
size: {
|
68
|
-
control: 'select',
|
69
|
-
options: size,
|
70
|
-
},
|
71
|
-
checkable: {
|
72
|
-
control: 'boolean',
|
73
|
-
},
|
74
|
-
multiple: {
|
75
|
-
control: 'boolean',
|
76
|
-
},
|
77
|
-
arrowPlacement: {
|
78
|
-
options: arrowPlacements,
|
79
|
-
control: {
|
80
|
-
type: 'inline-radio',
|
81
|
-
},
|
82
|
-
},
|
83
|
-
defaultExpandAll: {
|
84
|
-
control: 'boolean',
|
85
|
-
},
|
86
|
-
fullWidthItemSelection: {
|
87
|
-
control: 'boolean',
|
88
|
-
},
|
89
|
-
height: {
|
90
|
-
control: 'number',
|
91
|
-
},
|
92
|
-
hasIcon: {
|
93
|
-
control: 'boolean',
|
94
|
-
},
|
95
|
-
},
|
96
|
-
args: {
|
97
|
-
size: 'm',
|
98
|
-
fullWidthItemSelection: false,
|
99
|
-
checkable: false,
|
100
|
-
multiple: false,
|
101
|
-
arrowPlacement: 'left',
|
102
|
-
defaultExpandAll: true,
|
103
|
-
height: undefined,
|
104
|
-
hasIcon: true,
|
105
|
-
},
|
106
|
-
parameters: {
|
107
|
-
controls: {
|
108
|
-
include: [
|
109
|
-
'size',
|
110
|
-
'fullWidthItemSelection',
|
111
|
-
'checkable',
|
112
|
-
'multiple',
|
113
|
-
'arrowPlacement',
|
114
|
-
'defaultExpandAll',
|
115
|
-
'height',
|
116
|
-
'hasIcon',
|
117
|
-
],
|
118
|
-
},
|
119
|
-
},
|
120
|
-
};
|
121
|
-
|
122
|
-
export default meta;
|
123
|
-
|
124
|
-
const StoryDefault = (args: StoryTreeProps) => {
|
125
|
-
return <Tree {...args} items={treeData} />;
|
126
|
-
};
|
127
|
-
|
128
|
-
export const Default: StoryObj<StoryTreeProps> = {
|
129
|
-
render: (args) => <StoryDefault {...args} />,
|
130
|
-
};
|
@@ -1 +0,0 @@
|
|
1
|
-
export { Tree } from './Tree';
|
@@ -1,21 +0,0 @@
|
|
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
|
@@ -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);}
|
@@ -1,5 +0,0 @@
|
|
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);}
|
@@ -1,8 +0,0 @@
|
|
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
|
@@ -1 +0,0 @@
|
|
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;;;;"}
|
@@ -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,10 +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
|
-
var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.treeConfig, _Tree.config);
|
10
|
-
var Tree = exports.Tree = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
|
@@ -1,20 +0,0 @@
|
|
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
|
-
};
|
@@ -1 +0,0 @@
|
|
1
|
-
export { Tree } from './Tree';
|