@salutejs/sdds-dfa 0.213.1-dev.0 → 0.213.2-canary.1603.12471850782.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -223,6 +223,7 @@ import { ToastRole } from '@salutejs/plasma-new-hope/styled-components';
223
223
  import { ToolbarProps } from '@salutejs/plasma-new-hope/styled-components';
224
224
  import { toolbarTokens } from '@salutejs/plasma-new-hope/styled-components';
225
225
  import { TooltipProps } from '@salutejs/plasma-new-hope/styled-components';
226
+ import { TreeProps } from '@salutejs/plasma-new-hope/types/components/Tree/Tree.types';
226
227
  import { usePopupContext } from '@salutejs/plasma-new-hope/styled-components';
227
228
  import { useSegment } from '@salutejs/plasma-new-hope/styled-components';
228
229
  import { useToast } from '@salutejs/plasma-new-hope/styled-components';
@@ -4122,6 +4123,19 @@ export const Tooltip: ForwardRefExoticComponent<TooltipProps & RefAttributes<HTM
4122
4123
 
4123
4124
  export { TooltipProps }
4124
4125
 
4126
+ // @public (undocumented)
4127
+ export const Tree: FunctionComponent<PropsType< {
4128
+ view: {
4129
+ default: PolymorphicClassName;
4130
+ };
4131
+ size: {
4132
+ l: PolymorphicClassName;
4133
+ m: PolymorphicClassName;
4134
+ s: PolymorphicClassName;
4135
+ xs: PolymorphicClassName;
4136
+ };
4137
+ }> & TreeProps & RefAttributes<HTMLDivElement>>;
4138
+
4125
4139
  export { usePopupContext }
4126
4140
 
4127
4141
  export { useSegment }
@@ -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,12 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "Tree", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _Tree.Tree;
10
+ }
11
+ });
12
+ var _Tree = /*#__PURE__*/require("./Tree");
@@ -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,4 @@
1
+ import { treeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
+ import { config } from './Tree.config';
3
+ var mergedConfig = /*#__PURE__*/mergeConfig(treeConfig, config);
4
+ export var Tree = /*#__PURE__*/component(mergedConfig);
@@ -0,0 +1 @@
1
+ export { Tree } from './Tree';
package/es/index.js CHANGED
@@ -54,5 +54,6 @@ export * from './components/ViewContainer';
54
54
  export * from './components/NumberInput';
55
55
  export * from './components/Dropzone';
56
56
  export * from './components/Rating';
57
+ export * from './components/Tree';
57
58
  export * from './mixins';
58
59
  export * from './tokens';
package/index.d.ts CHANGED
@@ -54,5 +54,6 @@ export * from './components/ViewContainer';
54
54
  export * from './components/NumberInput';
55
55
  export * from './components/Dropzone';
56
56
  export * from './components/Rating';
57
+ export * from './components/Tree';
57
58
  export * from './mixins';
58
59
  export * from './tokens';
package/index.js CHANGED
@@ -619,6 +619,17 @@ Object.keys(_Rating).forEach(function (key) {
619
619
  }
620
620
  });
621
621
  });
622
+ var _Tree = /*#__PURE__*/require("./components/Tree");
623
+ Object.keys(_Tree).forEach(function (key) {
624
+ if (key === "default" || key === "__esModule") return;
625
+ if (key in exports && exports[key] === _Tree[key]) return;
626
+ Object.defineProperty(exports, key, {
627
+ enumerable: true,
628
+ get: function get() {
629
+ return _Tree[key];
630
+ }
631
+ });
632
+ });
622
633
  var _mixins = /*#__PURE__*/require("./mixins");
623
634
  Object.keys(_mixins).forEach(function (key) {
624
635
  if (key === "default" || key === "__esModule") return;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-dfa",
3
- "version": "0.213.1-dev.0",
3
+ "version": "0.213.2-canary.1603.12471850782.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS DFA web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -19,7 +19,7 @@
19
19
  "directory": "packages/sdds-dfa"
20
20
  },
21
21
  "dependencies": {
22
- "@salutejs/plasma-new-hope": "0.231.1-dev.0",
22
+ "@salutejs/plasma-new-hope": "0.231.2-canary.1603.12471850782.0",
23
23
  "@salutejs/sdds-themes": "0.30.1-dev.0"
24
24
  },
25
25
  "peerDependencies": {
@@ -94,5 +94,5 @@
94
94
  "Anton Vinogradov"
95
95
  ],
96
96
  "sideEffects": false,
97
- "gitHead": "db1bf70e3567af5de2534e2824101d40d3e05130"
97
+ "gitHead": "d8621c42c54dab1d834a4286021715e59329556a"
98
98
  }