@salutejs/plasma-new-hope 0.246.1-canary.1712.12898760233.0 → 0.246.2-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (158) hide show
  1. package/cjs/components/Attach/Attach.css +10 -10
  2. package/cjs/components/Attach/components/AttachButton/AttachButton.css +10 -10
  3. package/cjs/components/Attach/ui/IconButton/IconButton.styles.js +3 -3
  4. package/cjs/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -1
  5. package/cjs/components/Attach/ui/IconButton/IconButton.styles_7clf9d.css +2 -0
  6. package/cjs/components/Button/Button.css +8 -8
  7. package/cjs/components/Button/Button.js +8 -2
  8. package/cjs/components/Button/Button.js.map +1 -1
  9. package/cjs/components/Button/Button.styles.js +22 -3
  10. package/cjs/components/Button/Button.styles.js.map +1 -1
  11. package/{es/components/Button/Button.styles_1sopr3d.css → cjs/components/Button/Button.styles_8cvmld.css} +2 -2
  12. package/cjs/components/Calendar/CalendarBase/CalendarBase.css +8 -8
  13. package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
  14. package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
  15. package/cjs/components/Combobox/ComboboxNew/Combobox.css +8 -8
  16. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +8 -8
  17. package/cjs/components/DatePicker/RangeDate/RangeDate.css +8 -8
  18. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
  19. package/cjs/components/DatePicker/SingleDate/SingleDate.css +8 -8
  20. package/cjs/components/Drawer/Drawer.css +8 -8
  21. package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +8 -8
  22. package/cjs/components/EmptyState/EmptyState.css +8 -8
  23. package/cjs/components/IconButton/IconButton.css +8 -8
  24. package/cjs/components/Notification/Notification.css +8 -8
  25. package/cjs/components/Notification/NotificationsProvider.css +8 -8
  26. package/cjs/components/NumberInput/NumberInput.css +8 -8
  27. package/cjs/components/Pagination/Pagination.css +8 -8
  28. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +8 -8
  29. package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
  30. package/cjs/components/Select/Select.css +8 -8
  31. package/cjs/components/Select/ui/Target/Target.css +8 -8
  32. package/cjs/components/Select/ui/Target/ui/Button/Button.css +8 -8
  33. package/cjs/components/Toast/Toast.css +8 -8
  34. package/cjs/components/Toast/ToastController.css +8 -8
  35. package/cjs/components/Toast/ToastController.js +4 -0
  36. package/cjs/components/Toast/ToastController.js.map +1 -1
  37. package/cjs/components/Toast/ToastProvider/ToastProvider.js +3 -9
  38. package/cjs/components/Toast/ToastProvider/ToastProvider.js.map +1 -1
  39. package/cjs/components/Tree/Tree.css +4 -4
  40. package/cjs/components/Tree/Tree.js +0 -1
  41. package/cjs/components/Tree/Tree.js.map +1 -1
  42. package/cjs/components/Tree/Tree.styles.js +1 -1
  43. package/cjs/components/Tree/Tree.styles.js.map +1 -1
  44. package/cjs/components/Tree/Tree.styles_609q4l.css +5 -0
  45. package/cjs/index.css +14 -14
  46. package/emotion/cjs/components/Attach/ui/IconButton/IconButton.styles.js +4 -4
  47. package/emotion/cjs/components/Button/Button.js +8 -2
  48. package/emotion/cjs/components/Button/Button.styles.js +14 -8
  49. package/emotion/cjs/components/Button/Button.template-doc.mdx +19 -41
  50. package/emotion/cjs/components/IconButton/IconButton.template-doc.mdx +13 -6
  51. package/emotion/cjs/components/Toast/ToastController.js +4 -0
  52. package/emotion/cjs/components/Toast/ToastProvider/ToastProvider.js +3 -9
  53. package/emotion/cjs/components/Tree/Tree.js +0 -1
  54. package/emotion/cjs/components/Tree/Tree.styles.js +5 -5
  55. package/emotion/cjs/examples/plasma_b2c/components/Button/Button.stories.tsx +5 -4
  56. package/emotion/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -0
  57. package/emotion/cjs/examples/plasma_web/components/Button/Button.stories.tsx +1 -1
  58. package/emotion/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -0
  59. package/emotion/es/components/Attach/ui/IconButton/IconButton.styles.js +4 -4
  60. package/emotion/es/components/Button/Button.js +8 -2
  61. package/emotion/es/components/Button/Button.styles.js +14 -8
  62. package/emotion/es/components/Button/Button.template-doc.mdx +19 -41
  63. package/emotion/es/components/IconButton/IconButton.template-doc.mdx +13 -6
  64. package/emotion/es/components/Toast/ToastController.js +4 -0
  65. package/emotion/es/components/Toast/ToastProvider/ToastProvider.js +3 -9
  66. package/emotion/es/components/Tree/Tree.js +0 -1
  67. package/emotion/es/components/Tree/Tree.styles.js +5 -5
  68. package/emotion/es/examples/plasma_b2c/components/Button/Button.stories.tsx +5 -4
  69. package/emotion/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -0
  70. package/emotion/es/examples/plasma_web/components/Button/Button.stories.tsx +1 -1
  71. package/emotion/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -0
  72. package/es/components/Attach/Attach.css +10 -10
  73. package/es/components/Attach/components/AttachButton/AttachButton.css +10 -10
  74. package/es/components/Attach/ui/IconButton/IconButton.styles.js +3 -3
  75. package/es/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -1
  76. package/es/components/Attach/ui/IconButton/IconButton.styles_7clf9d.css +2 -0
  77. package/es/components/Button/Button.css +8 -8
  78. package/es/components/Button/Button.js +8 -2
  79. package/es/components/Button/Button.js.map +1 -1
  80. package/es/components/Button/Button.styles.js +22 -3
  81. package/es/components/Button/Button.styles.js.map +1 -1
  82. package/{cjs/components/Button/Button.styles_1sopr3d.css → es/components/Button/Button.styles_8cvmld.css} +2 -2
  83. package/es/components/Calendar/CalendarBase/CalendarBase.css +8 -8
  84. package/es/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
  85. package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
  86. package/es/components/Combobox/ComboboxNew/Combobox.css +8 -8
  87. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +8 -8
  88. package/es/components/DatePicker/RangeDate/RangeDate.css +8 -8
  89. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
  90. package/es/components/DatePicker/SingleDate/SingleDate.css +8 -8
  91. package/es/components/Drawer/Drawer.css +8 -8
  92. package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +8 -8
  93. package/es/components/EmptyState/EmptyState.css +8 -8
  94. package/es/components/IconButton/IconButton.css +8 -8
  95. package/es/components/Notification/Notification.css +8 -8
  96. package/es/components/Notification/NotificationsProvider.css +8 -8
  97. package/es/components/NumberInput/NumberInput.css +8 -8
  98. package/es/components/Pagination/Pagination.css +8 -8
  99. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +8 -8
  100. package/es/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
  101. package/es/components/Select/Select.css +8 -8
  102. package/es/components/Select/ui/Target/Target.css +8 -8
  103. package/es/components/Select/ui/Target/ui/Button/Button.css +8 -8
  104. package/es/components/Toast/Toast.css +8 -8
  105. package/es/components/Toast/ToastController.css +8 -8
  106. package/es/components/Toast/ToastController.js +4 -0
  107. package/es/components/Toast/ToastController.js.map +1 -1
  108. package/es/components/Toast/ToastProvider/ToastProvider.js +3 -9
  109. package/es/components/Toast/ToastProvider/ToastProvider.js.map +1 -1
  110. package/es/components/Tree/Tree.css +4 -4
  111. package/es/components/Tree/Tree.js +0 -1
  112. package/es/components/Tree/Tree.js.map +1 -1
  113. package/es/components/Tree/Tree.styles.js +1 -1
  114. package/es/components/Tree/Tree.styles.js.map +1 -1
  115. package/es/components/Tree/Tree.styles_609q4l.css +5 -0
  116. package/es/index.css +14 -14
  117. package/package.json +3 -3
  118. package/styled-components/cjs/components/Attach/ui/IconButton/IconButton.styles.js +2 -2
  119. package/styled-components/cjs/components/Button/Button.js +8 -2
  120. package/styled-components/cjs/components/Button/Button.styles.js +8 -2
  121. package/styled-components/cjs/components/Button/Button.template-doc.mdx +19 -41
  122. package/styled-components/cjs/components/IconButton/IconButton.template-doc.mdx +13 -6
  123. package/styled-components/cjs/components/Toast/ToastController.js +4 -0
  124. package/styled-components/cjs/components/Toast/ToastProvider/ToastProvider.js +3 -9
  125. package/styled-components/cjs/components/Tree/Tree.js +0 -1
  126. package/styled-components/cjs/components/Tree/Tree.styles.js +1 -1
  127. package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.stories.tsx +5 -4
  128. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -0
  129. package/styled-components/cjs/examples/plasma_web/components/Button/Button.stories.tsx +1 -1
  130. package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -0
  131. package/styled-components/es/components/Attach/ui/IconButton/IconButton.styles.js +2 -2
  132. package/styled-components/es/components/Button/Button.js +8 -2
  133. package/styled-components/es/components/Button/Button.styles.js +8 -2
  134. package/styled-components/es/components/Button/Button.template-doc.mdx +19 -41
  135. package/styled-components/es/components/IconButton/IconButton.template-doc.mdx +13 -6
  136. package/styled-components/es/components/Toast/ToastController.js +4 -0
  137. package/styled-components/es/components/Toast/ToastProvider/ToastProvider.js +3 -9
  138. package/styled-components/es/components/Tree/Tree.js +0 -1
  139. package/styled-components/es/components/Tree/Tree.styles.js +1 -1
  140. package/styled-components/es/examples/plasma_b2c/components/Button/Button.stories.tsx +5 -4
  141. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -0
  142. package/styled-components/es/examples/plasma_web/components/Button/Button.stories.tsx +1 -1
  143. package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -0
  144. package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts.map +1 -1
  145. package/types/components/Button/Button.d.ts.map +1 -1
  146. package/types/components/Button/Button.styles.d.ts +6 -2
  147. package/types/components/Button/Button.styles.d.ts.map +1 -1
  148. package/types/components/Button/Button.types.d.ts +5 -9
  149. package/types/components/Button/Button.types.d.ts.map +1 -1
  150. package/types/components/Toast/ToastController.d.ts.map +1 -1
  151. package/types/components/Toast/ToastProvider/ToastProvider.d.ts.map +1 -1
  152. package/types/components/Tree/Tree.d.ts +0 -1
  153. package/types/components/Tree/Tree.d.ts.map +1 -1
  154. package/types/components/Tree/Tree.styles.d.ts.map +1 -1
  155. package/cjs/components/Attach/ui/IconButton/IconButton.styles_1q2jfs2.css +0 -2
  156. package/cjs/components/Tree/Tree.styles_1mwgczn.css +0 -5
  157. package/es/components/Attach/ui/IconButton/IconButton.styles_1q2jfs2.css +0 -2
  158. package/es/components/Tree/Tree.styles_1mwgczn.css +0 -5
@@ -44,6 +44,9 @@ import { IconClose } from '@salutejs/plasma-icons';
44
44
  export function App() {
45
45
  return (
46
46
  <div>
47
+ <IconButton size="xl">
48
+ <IconClose color="inherit" />
49
+ </IconButton>
47
50
  <IconButton size="l">
48
51
  <IconClose color="inherit" />
49
52
  </IconButton>
@@ -66,11 +69,12 @@ export function App() {
66
69
 
67
70
  Возможные значения свойства `view`:
68
71
  + `"default"` – по умолчанию;
72
+ + `"accent"` – акцентная;
69
73
  + `"secondary"` – вторичная;
74
+ + `"clear"` – без цветового сопровождения.
70
75
  + `"success"` – успешное завершение;
71
76
  + `"warning"` – предупреждение;
72
77
  + `"critical"` – ошибка;
73
- + `"clear"` – без цветового сопровождения;
74
78
  + `"dark"` – темная;
75
79
  + `"black"` – черная;
76
80
  + `"white"` – белая.
@@ -82,13 +86,19 @@ import { IconClose } from '@salutejs/plasma-icons';
82
86
 
83
87
  export function App() {
84
88
  return (
85
- <div>
89
+ <div style=\{{ display: 'flex', flexWrap: 'wrap' }}>
86
90
  <IconButton size="s" view="default">
87
91
  <IconClose color="inherit" />
88
92
  </IconButton>
93
+ <IconButton size="s" view="accent">
94
+ <IconClose color="inherit" />
95
+ </IconButton>
89
96
  <IconButton size="s" view="secondary">
90
97
  <IconClose color="inherit" />
91
98
  </IconButton>
99
+ <IconButton size="s" view="clear">
100
+ <IconClose color="inherit" />
101
+ </IconButton>
92
102
  <IconButton size="s" view="success">
93
103
  <IconClose color="inherit" />
94
104
  </IconButton>
@@ -98,9 +108,6 @@ export function App() {
98
108
  <IconButton size="s" view="critical">
99
109
  <IconClose color="inherit" />
100
110
  </IconButton>
101
- <IconButton size="s" view="clear">
102
- <IconClose color="inherit" />
103
- </IconButton>
104
111
  <IconButton size="s" view="dark">
105
112
  <IconClose color="inherit" />
106
113
  </IconButton>
@@ -128,7 +135,7 @@ import { IconClose } from '@salutejs/plasma-icons';
128
135
 
129
136
  export function App() {
130
137
  return (
131
- <div>
138
+ <div style=\{{ display: 'flex', flexWrap: 'wrap' }}>
132
139
  <IconButton pin="square-square">
133
140
  <IconClose color="inherit" />
134
141
  </IconButton>
@@ -31,6 +31,7 @@ var ToastControllerHoc = exports.ToastControllerHoc = function ToastControllerHo
31
31
  var _useToastInner = (0, _ToastProvider.useToastInner)(),
32
32
  hideToast = _useToastInner.hideToast,
33
33
  isVisible = _useToastInner.isVisible,
34
+ hideTimeout = _useToastInner.hideTimeout,
34
35
  animationRunTimeout = _useToastInner.animationRunTimeout;
35
36
  var toastKey = "".concat(text).concat(position);
36
37
  var showedClass = isVisible ? _Toast.classes.toastShowed : _Toast.classes.toastHidden;
@@ -41,6 +42,9 @@ var ToastControllerHoc = exports.ToastControllerHoc = function ToastControllerHo
41
42
  }, rest);
42
43
  (0, _react.useEffect)(function () {
43
44
  return function () {
45
+ if (hideTimeout !== null && hideTimeout !== void 0 && hideTimeout.current) {
46
+ clearTimeout(hideTimeout.current);
47
+ }
44
48
  if (animationRunTimeout !== null && animationRunTimeout !== void 0 && animationRunTimeout.current) {
45
49
  clearTimeout(animationRunTimeout.current);
46
50
  }
@@ -153,13 +153,13 @@ var ToastProviderHoc = exports.ToastProviderHoc = function ToastProviderHoc(Toas
153
153
  var onHide = toastInfo.onHide,
154
154
  timeout = toastInfo.timeout;
155
155
  var hideToast = (0, _react.useCallback)(function () {
156
+ if (!isVisible) {
157
+ return;
158
+ }
156
159
  if (hideTimeout !== null && hideTimeout !== void 0 && hideTimeout.current) {
157
160
  clearTimeout(hideTimeout.current);
158
161
  hideTimeout.current = null;
159
162
  }
160
- if (!isVisible) {
161
- return;
162
- }
163
163
  onHide === null || onHide === void 0 || onHide();
164
164
  setIsVisible(false);
165
165
  animationRunTimeout.current = setTimeout(function () {
@@ -179,12 +179,6 @@ var ToastProviderHoc = exports.ToastProviderHoc = function ToastProviderHoc(Toas
179
179
  hideToast();
180
180
  }, timeout);
181
181
  }
182
- return function () {
183
- if (hideTimeout !== null && hideTimeout !== void 0 && hideTimeout.current) {
184
- clearTimeout(hideTimeout.current);
185
- hideTimeout.current = null;
186
- }
187
- };
188
182
  }, [isVisible, timeout]);
189
183
  return /*#__PURE__*/_react["default"].createElement(ToastContext.Provider, {
190
184
  value: {
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.treeRoot = exports.treeConfig = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
9
  var _rcTree = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("rc-tree"));
10
- require("rc-tree/assets/index.css");
11
10
  var _utils = /*#__PURE__*/require("../../utils");
12
11
  var _Tree = /*#__PURE__*/require("./Tree.styles");
13
12
  var _utils2 = /*#__PURE__*/require("./utils");
@@ -23,4 +23,4 @@ var IconFolderWrapper = exports.IconFolderWrapper = /*#__PURE__*/_styledComponen
23
23
  var StyledFolder = exports.StyledFolder = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconFolder).withConfig({
24
24
  componentId: "plasma-new-hope__sc-ians6n-3"
25
25
  })([""]);
26
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".rc-tree,.rc-tree-list{border:none !important;}.rc-tree .rc-tree-treenode{position:relative;display:flex;align-items:center;min-height:var(", ");padding:0;}.rc-tree.", " .rc-tree-treenode{padding:0 var(", ") !important;}.rc-tree.", ":not(", ") .rc-tree-treenode{padding:0 var(", ");}.rc-tree .rc-tree-treenode::before{content:'';position:absolute;z-index:-1;top:0.25rem;bottom:0.25rem;left:var(", ");right:0;background:transparent;border-radius:var(", ");}.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled{opacity:var(", ");}.rc-tree.", " .rc-tree-treenode::before{inset:0;border-radius:0;}.rc-tree .rc-tree-treenode.rc-tree-treenode-selected::before{background:var(", ") !important;}.rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):hover::before{background:var(", ");}.rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):active::before{background:var(", ");}.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{display:flex;align-items:center;align-self:stretch;height:auto;flex:1;width:1px;}.rc-tree .rc-tree-treenode span.rc-tree-switcher{width:var(", ");height:var(", ");margin:var(", ");line-height:0;vertical-align:0;background:transparent;}.rc-tree.", " .rc-tree-treenode span.rc-tree-switcher{margin:0;}.rc-tree .rc-tree-treenode span.rc-tree-iconEle{width:auto;height:auto;margin-right:0;vertical-align:0;background:transparent;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow{transform:rotate(90deg);}.rc-tree.", " .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close .arrow{transform:rotate(90deg);}.rc-tree.", " .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow{transform:rotate(0);}.rc-tree .rc-tree-treenode span.rc-tree-checkbox{display:flex;align-items:center;justify-content:center;line-height:0;vertical-align:0;width:var(", ");height:var(", ");margin:var(", ");background-image:none;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox::before{content:'';display:block;width:var(", ");height:var(", ");border:0.125rem solid var(", ");border-radius:var(", ");box-sizing:border-box;background-size:contain;background-repeat:no-repeat;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked::before{background-color:var(", ");border-color:var(", ");background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E\");}.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate::before{background-color:var(", ");border-color:var(", ");background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E\");}.rc-tree-title{color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");", "}.rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher{order:1;}.rc-tree.tree-inverted .rc-tree-treenode::before{left:0;}.rc-tree-node-selected{opacity:1;box-shadow:none;background:none;}.rc-tree-node-selected .rc-tree-title{color:var(", ");}.rc-tree-node-selected ", "{color:var(", ");}.rc-tree-indent-unit{width:var(", ");}"], _Tree.treeTokens.itemHeight, _Tree.classes.treeItemFilled, _Tree.treeTokens.itemPadding, _Tree.classes.treeInverted, _Tree.classes.treeItemFilled, _Tree.treeTokens.itemPaddingTight, _Tree.treeTokens.switcherSize, _Tree.treeTokens.itemBorderRadius, _Tree.treeTokens.itemDisabledOpacity, _Tree.classes.treeItemFilled, _Tree.treeTokens.itemBackgroundColor, _Tree.treeTokens.itemBackgroundColorHover, _Tree.treeTokens.itemBackgroundColorActive, _Tree.treeTokens.switcherSize, _Tree.treeTokens.switcherSize, _Tree.treeTokens.switcherMargin, _Tree.classes.treeInverted, _Tree.classes.treeInverted, _Tree.classes.treeInverted, _Tree.treeTokens.checkboxSize, _Tree.treeTokens.checkboxSize, _Tree.treeTokens.checkboxMargin, _Tree.treeTokens.checkboxInnerSize, _Tree.treeTokens.checkboxInnerSize, _Tree.treeTokens.checkboxBorderColor, _Tree.treeTokens.checkboxBorderRadius, _Tree.treeTokens.checkboxBackgroundColor, _Tree.treeTokens.checkboxBackgroundColor, _Tree.treeTokens.checkboxBackgroundColor, _Tree.treeTokens.checkboxBackgroundColor, _Tree.treeTokens.color, _Tree.treeTokens.fontFamily, _Tree.treeTokens.fontSize, _Tree.treeTokens.fontStyle, _Tree.treeTokens.fontWeight, _Tree.treeTokens.letterSpacing, _Tree.treeTokens.lineHeight, /*#__PURE__*/(0, _mixins.applyEllipsis)(), _Tree.treeTokens.colorSelected, IconFolderWrapper, _Tree.treeTokens.colorSelected, _Tree.treeTokens.itemIndent);
26
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".rc-tree{margin:0;border:1px solid transparent;}.rc-tree-focused:not(.rc-tree-active-focused){border-color:cyan;}.rc-tree .rc-tree-treenode{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.rc-tree .rc-tree-treenode .draggable{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}.rc-tree .rc-tree-treenode.dragging{background:rgba(100,100,255,0.1);}.rc-tree .rc-tree-treenode.drop-container > .draggable::after{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 2px red;content:'';}.rc-tree .rc-tree-treenode.drop-container ~ .rc-tree-treenode{border-left:2px solid chocolate;}.rc-tree .rc-tree-treenode.drop-target{background-color:yellowgreen;}.rc-tree .rc-tree-treenode.drop-target ~ .rc-tree-treenode{border-left:none;}.rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper{color:#a60000 !important;font-weight:bold !important;}.rc-tree .rc-tree-treenode ul{margin:0;padding:0 0 0 18px;}.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{position:relative;display:inline-block;height:24px;margin:0;padding:0;text-decoration:none;vertical-align:top;cursor:pointer;}.rc-tree .rc-tree-treenode span.rc-tree-switcher,.rc-tree .rc-tree-treenode span.rc-tree-checkbox,.rc-tree .rc-tree-treenode span.rc-tree-iconEle{display:inline-block;width:16px;height:16px;margin-right:2px;line-height:16px;vertical-align:-0.125em;background-color:transparent;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAABhCAYAAABRe6o8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAK0dJREFUeNrsfQl8VNX1/5l9ksm+ELJB2ANECGtYVEAQaZBSFdAW0dpaKbi0WhX9Va1/S/+K2k+1iCztT4sFW6lKkUV2RLZAQHaSQBJCMllJJtvsM2/e75775k3evHkzTCZEAubweczMu/d7ZzLznXPvOff7zsjS7nudhXZaxZd/kKXf//9Cwgkf1xha2QOnS2DzofNw5FwZjM/KgFkTh8Idw/tBz7hImb9xQsV1W9czJf73zTsPek7I5XL3oQCFQkkOBSiV3C2eG/rz9z19Q8Wh7T5+kX3i7c9g6ojekDs6A1796Vg4XVoPe/ILYMnKzbDmxQfZaaMH+pApVFy3Sdupp8cKH6rJ8QQ55pBjvPvcEXJ8To415LDzHbOXH/OAZLK2t/vBbbcFHOOz3LOeMViW5QgYLImwTcrai0MSrdm4H/708ztgwtA0D+6OYb1hysh+kDtuEPxjWx59jUIyhYq7lc2k38HaGk5KtmniR4Au7Z5g34cnZHLF6vTRkyCuzyCAuATurKF+kuFy0aSK4/uXsy5moZuIkkbI94RCplidlZYDvZP7QUx8LD3f1NA46Up1yaRz+qPLSZ+FhIRrvDxgsCTC22DIp1Kp6OORX42GM/ef8sLh9IkeTEwi4fNNyu5Lb7Hf4VW/ZXFaDRV3qxPQcjUfEoaNkWxrLi0CW1MvVhMzOOD74GJci8Nj4lZkzn6UfKAMgLkZdv7+JU/79P95B+IG3gaFm9auNjcZlHKF/EPxGPO2ZC2O0EStmD6aOL4oBixghGpo5EgWr4F+8QOgX69M2Hn889Wkr3LDvefoGPL2kE/syXgcYpRKlQ/5uD7eOFy74fTpj0R8/8kj+sOsCUNofykcThYHLQfhVwW/gi1VW8HG2iVxt7q5GCewLukjLCERmos/g7rjr7PCo/XKVuH6Xa1QqTjyWQwAVytg53tLYfrGWs+x8/+/QNuwD/Z1T9Ve065SoVxx94g5YNY1Q6O9Giz2Vjhy7AA98D6ewzbsg33dUzXnAYMlnzQBFXDn3rsgb8YhihOST0hS3jBwwLVbMM83c/xgWLfrJMydku2DO2g8CJ/b/gNmpQmWXXgL7HY7zB/8sA+us2zTgXNs3oVyv+3jhvSC2XdkyTp7HMZpB5axSy/ww7SQkDXc53ztqUMQ2XsmvW93Mov6jL2TEKwFoPEqrl4o6ahtfBXgvj9yjze+RumSkj0RLh/bt4g88CzqnXbXotv65IBN2wqt5gYyAsfvv489QG//2vo091zkn1wrhyEpo+Hk5SN0DCXvpYIhny8BORx9o7ZPhO9+fNyLfBfmnffBYdSKgUMwz4fR7ZN/2SiJW1exDkyEfGazGaw2B7x77B1YMPQRH1xnGZLmzYW5wBAPxDid4CREcNht4HTYyJfBBn/dWoTE6fRxGKcNXE5ru147YgQBxEOxaX0AWuoAHBbvjg7BuNhG+mDfsvxvHhISUE7G6BmXDk3WBrC5rFBUUsA1uOObMwWn6O2gfoOBdTYA9pWX5T3kIWCw5BMTkMfx5o98QhySA6NWDByu9XzHCrgUixTugfg58PaFZWAlH1JLcxP8aeybkrjONCFpdBHRUF9bQUnjsFlDHkdIvmDGwb7tJSBiPF5SIR+lJMsmV10Tmc+d4FmX4fSOz//PpwUkdIIyNoVihOPJlLJRKo0SjOYWcAHj8Xy88Y+XVj4KDnBCTFgSxXieK1jyyWRiAnI49HxCE5NPiMN83Z6TZUE935bDBbS/FG5G2gz4bf9nQW5Uwp9y3oR5Q+dJ4jqVgALS0CnGTRr+cSjjCMkXzDg8AdtzCAlIUwYOO9isZrBZuIM3vL/7yw30wPsO0sdlsZIp3+UQvw4H+RtsNguZjSx+Xyu22YgntVvtmINxeAgYLPmE+R5vnJxGu/7IJ8RhsnjH8WI4fF4f8Pn2nSyBTQfP0v5SOJ1KR9d8Zx87A49lPwaR2khJ3LXsxIkTbDC3kh++2/PFxPWgj1PS+0Pv/lmUQP7Gv9Y4CUnp7RoHp1PWaWnXIZyCzXbnebPJRDwXruUs9Ghb21k8gQhtw6ibLHksjOuiF/ksDDcGGcRKyP180Wx68MY/ttIvCxmDkpkbQ8l7svaSTwp3LfKhYWoEk8WYr0M8Rq1S5Fu34wQmlT07G6HirmWjRo2SBXMrZeih+GkXSVN84QS9L/Qw7R2H93zBjtPRKbimyby5qUafHR0RAbbmBuKZXBDJr9f37IHpT7m9IQnytDER0FyjpxivXGSdeXN9Y022JloHLfYmEoK4vJ7Pbuden4z4uxhNItQ311CMIA3TfvJ1BIdJ4p/njoOn3v8KXl6zHb49fZm4Zgb2nyqF332wGX617DOYP30UiJPJoeKC8YChmHitxpOmvVOweNptzzh8ENKeQ+gBF28oWllfkA9MeAKARgcOhwOq3+QiZD4arn5rFm3DPtgXMcLXsPP3ZSsvNpyCSCYW1BBGXreDEnbhiSn0wPt4DtuwD/ZFjMcDirfJgrVQcTyZMFmM+TpMmWDUyu/pLnl4ql8PFiruWh4wFBOS5sKpwx7S4JRK5oeQxhGSL5hxAqVhAmF4I7Fvw5kKwxvKo7teSx07BViVHhxNdaBfeg/nZNThoIojgUd8GuiP7gLsixivARuhofZC0xunlAdfy0qZAA2qKmiy14PdxX0x1XItxKgTIF6RAqcqDwL2RQz1irgf90M29IChkLCr5AHL85ezVy9tbtdrTxwwC3qNeVrG7wWP+CA/YtXMjFfG9UtaEjcgGzTRsWR9L6M5QScjA1uTAQyXTkFeSe2yX28tW3ryqTFGib3giIlLU19JHxW/pG/MUNBpogFUMpoTlDtkYLQ1QWnTeag40bDs0CuVS0l/I3JPdqPUMOvX/VM+NfcnDHqyLahqOV8G44dmwL1uVcuebf/VzH94geRXu1sNc33FCISA+J7pyNH3rbtSnxmSHD0pPVbXH9v1jabS89XN+17aW/lX8rAUl3yEgKwEAT1jjHqxxzOJAyInRaeG0zFaqsyldRdb9514u84zBqdFcIsRKj4mEQtDoh+nkYTkLWRVTBaSZDEJDIbcVu7Wie1W6LMsvY1QIeLQkjJzmAm/fg9mj4qCR0Yp4cP7tJB36TJsPnAJlqxUYCBhc/9RPkIG3OtF3KMEt9IXx7Z3DdiRabirjtMeQ0KhRyJELCREexGgkrgvsmBzbzfjtjK2k36B5no6BjkKCdHIGHWSY4BAUdMmRgiSRCwjyvGEiEMSrd+8Hf72eDrcNZDx4Cb3t8HkPlaYOYiBf372Een5Cx81TCi4zloDduVxgjWhJ2OXU3IY3EfQJlrGtWsMjoBuEpU7h4NcoQBFhO/OSNi5J8mHLfoC+MEJBQlF/cd74XhVC08i3AVwhg8CB/HWytbzoGw+CVMyagih5ZJqmPbiuj1gYBu7+pTwYdB6wGMLs6/LGEouE855MEoif3o+JJHLLsqgczgF7auk/cRqGDEO1244ffIkssTdBaxMxeXDokeBMzILNKUrYHLvavjxAC3tj6ICMa46YjocMebBuuLf0W25GelPQmzJmz64W90DXk89oEIuWz0pMx0GpcVBAiflg/pGmFSkN0zaX1ixnHGxAfWAoYzB7ZG5p8+AOkCXRLjvxqEaRkqKxW0oeuMwcLh3mJLinJpUD/k8pJZrwBk1nOJy+1+l/aVwSD6hGuar0q8kcZ2ZB+wK46AeMC5rhOThtKAesOCa47lY1+KYcO3qp340HIYMjAMj+Ug++FpPj3/n6ek5bMM+2DfYMYqauQPv+xuDEpBfSwXaE6YkEm0B8jiaLtg+0Yd8uDMixmHUOq4Xt0Z0cEGSb54qbhzF5SQ30P5SOFTDNBgMYBKoYaRwt7oHvB56QJVCseLROzPBwJDAshVgywE97PhpmudYv1dP27AP9gWRHtDfGLjli0czCQH8jcF5QHfgEFAHiCQS70HzAYfbpNQwYhymTPIuWbjna5X2Uor6AxRzVB/hpYYR4nDaramsgbraq9DS3AjPjXxeEnere0A+ES118HpA8WGsPtSGd9gXTRyQAmQxBVctHGGQdGivFXJ98DG2YR/sixiv1yAaw+bkMHZCODwOHNf7HYPzgO6oNaAOkBLJ6e0B3bhAahgxDvN1m884KQ4DB5nL5kNqxdVvKW5rcaKXGkaIk1LDSOFudQ/Y0a041AP26RELda0oEkDFimB6t3jfxz7YFzHC1yAeg8fh7dGTeg+hpcZQejyZ0xJwb9eFbp11+npAiuPUMMO+zPYRJIhxmCzGfB2mTDBqxYAD1244faIHQxLJLJXwTVkMbC5Ng5cFahghDgOO+QT30Nz/criTT0nibtWdEJvhNGurPwnhkYnQUnIlqNesigwDTVyUlxhBrlCOUqmV0NTgAifrHRpYbS54Ok+Q9CDeMSVeSTHCcf2NgXiefPx44jG4KNidr/OkWvjAgXgTFz3cJHIx3h5QhCvqfRuwh+8PiONVLTRf55DTqFVlugJK/eee6RpJtP5CmqQapr24zvJcN1oRba49CpFpCaAMTw76NTdePAtys9FHD2gnrDET19dGHi5/jOf01dy2b1pyPApRyRStAhewPnpAqTHM1J2Gtb1m8lg8hjsP6E4Wi8jHT58eErGMKA8YGo5LEv+C5vUwZYJRa06yhazdouj0iR4MSSSlhgkF11l5txupiNbE4VruIET16hv086giI8FqqPaagp1W83kSyGWjgspi95ZRWchijvdgP9vRCpFqOSGRE1xWy0VvGkiPgXjEfXpPpOexeAxKQPE2WbAWKo4nk0fVcug8PLnDvad7z1A6fYo92Pp1//QsOXjcFwT3wrdlkNMvA+524/Zs+69sfeFR2nH+wws6de12IxXR2oRsuFq4jkS6MSDzc722DwHDldBQ0uClhjEbajbr65uyI8KiocFI1pPUg3GEaTA0e+7ja4oI14K+vplivLyxaAzOIj2C2jmbbfD5rATJMbrVMG4PeK1bMe7l1dvYVx++nXo+saE065O8RpxaO3Wc2nMfs3IohoiE+KD/XkO5Hpqq9TB09gZOQRCelJzz3s6q2dkZUFjvAIPFQZXNW+e2Te2zvqiGuDAVZCaoYNOpMjj62+kprLm22uMR/IzhtU4k3xGpMZShqlpCxQk8GUzN/Qn1ZLuJJ8srcXuyNjUMCuFcUp7seqphbmZFdFTanVB+dA9oI4LXHmJfhhEs4Sx1DYaSM2/sUitfmzIwFfRyFupMDrjnX3raHE6mzBSdCtKilLDrgh6wL2K852rpMczu6RjH6OFnDDoFv56bLIypgf6TiQ65jEqqX95Y6ukaCKeOwTwj4sgU0+LywqElZeawuc9+AFNHpMKUoT3gsbv7gr7GCPlnC2DZ2m3w1lNzmNrCozLxFIy4F5d/QXG5BLfYF8fyuGCm4I6sAW+0Ijospp+MYXTspbz89kgHIDJxmOfRmFUn7fm/HvGO4+lVGrN93JLstDjIjNeQz1AJODnKwAkGsxW2nqsiHjdvWdnyX7+DGOGIHRnDqzbMtcgn8/cxSZAvPae3uw2g6pjeh3z/+no/vPDj4dAzVkXCczvU110FnUoBM4cnw9j+PeCLvXnwwF3jWCEJQ8V11hqwKyiih+Suvh75RxMhxdIygE/1j731THTGkEm6pHS6TWWq05c2Xz6/r/Ljl4Ravus2hrJd5JNgoCZBS75UMircczQ5vMj36O5HYe3da0mzzGvanfncB/D8rOEQHyGDxsYm8qY7qKQHnw8vNI8k0drdWanw6qovYOPbT+FULxPjHLEuiEiKapsFagjOyvrgOssDYn4OUyTSpqDt3+c4HTHijaiWj3ixQkKSFysBJLV8Ys93PcZQtod8MtHnieTrPTrD4+kqjldA+pheHvJ5uC1YLdIaL9mpkBSrhEZDE9iIFxMGQi6yesUjITERZowaQPoXwdwpo71wzhgWwpLCodqip3vCuC3Xt2d/MLMmiG2ReeE6ywNicjiYPN/3NU6oJpRVwUI2JD1gR8ZQctwJjnw+V7mx3ONH9/4c1k5dK0k+fnze9pDAYfKQHmCxWD2ez2tI8hivzDKZTDAsIx6253FEEuKiMmMp+YRqmGf7PweZyUOgubrJC9eZa8CuMM6Kb1rZ1ro6v+0NBRfg97+5A2JjY2X8+yvaRvPcb29tP946rAcMmnyit8VzJQCSbg+Zbqet9SIfTr+0XYDLLy2DBVMzoIG8aYFSQE5CwrSkCDhbWuWDQ5OqDfP32R/74G71vWAXw8BL8/p5Zg7+YBgXVDZY4W8F5L3aVUGWOo0sT0IpC6W2n4S1Ww/oS8AA5JP5MNCbXVLkqz5WBS5TW1JoTL8MqK4zgVbOXTfsj4TYVtXQCtkDUnxwaFK1YaRwt7oHZJ3cLCKswcPSrTG8pJJ7/C2TCsyWYkpCqXWxuLbfpu3rvNrDlTEwe8KjPrX9vL4IrGtxnC58xaNTMoFRkQWfg3jfZvdSza0HvK1PHKzdV7jaYDIr5TJ5W33AoMknmoJl7j8HPZ/QfMgnDEImZMLpigbQasNAofC9eJ1/LVqtFs5fMcAUsp4T48zVRugb399LDTMkfSgYq4w+uFveAzq8lzE8+Rhyh+G2NaB30SHQl1RDQUGBlOfzqe23fsZJr+Nv0/ZJ1vYTTrsd0gMGSz7xO+NscYKeBB6UhHev9Us+IW5CVj/49lwVNFoZCA/XuasoeC8BwsLCwOiUwb4z5TBh2EAfnKOKrBEJ2XDN99Hsj2BIGkc+W4XFBxeMx7leOyo3YhzGYfd4PtThIflMxPsYyREbEwY/e2AW3Dt5FrBkWm5ubvZd6thdi7BeH1/bz2Zryz1iXT/+oG2kD/ZFjOg1SOoBUQfIawID6gFDIR+PY5oZT57vWuRD+2bHZuWrj98Dh4uugkWmhuiYGEo4lPNrNBqIjo4mLjwMjpc2wgsL7sb+Gikce5WF+rw6qDlYBXWHa4CtZSRxt7wHtNuJp+M+dCQeHrwipcUKEElWIj2HAiWglAlr+1mxhouzLe949NBBepw8eoq2YR9a2y9IPSCSDvWAQn2gWA/IETAE8glxTiOSsJISLxD5+C9MbeFJ5cw7RsCqbefhVIURXJoI6NkzBeThUXCuygJ/21EAU8ZkwdXiUzpB1BQq7tb2gMRjoYdxuPmF5LM6uIO2IzldeCtNQGFtP5uVrKfNjZ42fgr+eNoB2oZ9VGEqT20/D4l5PSD53FHzhwdvSEL+Md5iH7VapAcUb5MFa6HiKJkunVKsX/oErYzwlagywj8emEErI0iQKFTcLesBGeKZcL2HJOTJR3dX3Ao4/OydDHftiN+9aHdtPzKHgEKw8/KH0p+K3CVXZpev7ee1m+NHU4jG6wIl9YDiH48J1kLF8Tb/4QX4tZDhpZNSl0/iPq5QuCDY170m7vuIXrtMjWi7DcxubonJh+f5c5iukSQfV9svG99UK+O992xymL0ehynCweJsq+3nWUcG0BSiHtCzWyWlB/y+1TACcgVVG0ZIQt46Qw3TXusqNaJd7qAhEPnwnMspTcBAtf2qL7d9MRJSe/rU9vN4OD96wDmb6wW9IiX1gJ1WG6YRVPju4CIFoi01XjgkFdaGmbiIqw2zYKQSls8Og2MlZbDtYDG8vEoBq16YZyP9JNUwC9/hasM8QnAf+OK+NzVMV6gR7SJRsMPpSz7P1Mhw60B/UzDW6Yv7NOrVcRHToRkMYMTPT7AG5O2Fs/fT2n55DTu52n6COLjo3cUrY9J2vjo7OwLqyQyOesCZ/6n2eh5eU5igYWBTQT3FwBsPdE5tGCTfhejxnu2SwZX/8YIhiT7dvB1W/yId7uzHgNPWQr6hdsjp7YTx6VaYMdAJ6zd8DPPnPeajhgkF11lrt65QI5rBKJj1Jh8SzsG0BSH2AASUqu23+PjdPrX9eir7+NT2a5tbO6gH5En08fZGdy4u1ic5/WC/7ZK1YertRtiebyZ91ISDsZJqGJngumBUtdxOPN8qQqLbCYlMNgYssj5gDUsBhaUMtLaLMDa1hoZ1i9/dAPtXPONRwwhxlxSJYIhty/XFGKsI7oAPLlgP2F5FNP3z3Z6PtxROfUSlWf7GD2Yc3oIZx2FqhQ/eWndNomKR8fDwcKkm+77flb8zcSmjsY7aTWv7pWnI36EV1PYzN8Hxpt18bb93xEFeh/WAvAcLuCcsURsGyVcA8dB7THxANYy4NsyPyfR5ByGRmZCvUT0STGYH2IzkGyfrCVpCxNjmrwmZ9DBrQAMcPIM1XkZ44YqRfJpYbzVMfH/yLR8PYx07vXDBesCbtUb0b56aAiUlJVS8Ech0ul7Qr5/fS1VNXNHIyk9HvVgTTG0/yTFC1wO6p08pz+fRAUrVhmGMAIr4a6phQCABx4AD13wMmT7R8yH5mpqN5A20YIKTvFFhoFT2B5WtEu7ua4B/H75AiSTEoefzp4ax62VeuM60rlAjOjU1VUaOjv4pIdX2E3nB0PWA/Not0J6wVG0YcBg9ktaAahhhbRgS7WLAgWs3nHbR85lNVjAaLfT58LnDY3uDkyxsRiY1wbO7rvjg0PyqYUS4zrSuoIjuMPM6UNuPtw7rAfmAI+CesFRtGDq1BlbDDLn0IURaUBqVSc9jqgWjVgwccM2H067MrXPgvwBy02V6XfF31ToYN7S3Dw7NnxpGjOss6yqK6GXLlmE8mivVRqbce+fMmRNwHdw16gO6o92AOkCJ2jAyTFy61TD+pFg52iovHOb5MGWCUSsGHGHEC+K0yz03mYJJqB5mLCQvzAK7SlMgd+oQHxwGHLwa5u1j73JqmLShENZQ5oPrLOtCiujcJUuW3CvV8Pnnn+PBXouEbruB9QHdqZaAe8IStWFi7FdhcP3OwGoYidowm88r4FCxEzTOGoghAUecvIK82HBIVNdAgnEnRDDlcKJSA9suJ8PtgtowPC697gBENZd7qWHCGy5DSvkWH9wP3Qj5KAkD5hJDrO13Pcbwqg3jSbUEKrMhXD8QXIyzkeb5ClLnek271POpfXFYuWDl8/NYzNexDhfkkGgXAw5HK0vTNUqwwokqDXxe2AP++uwc2Pv1JjkmlH1wJNrFgMPBBMZ1WxsJ/XhCLy0fKmj4ZSHKqe4YnUbPRak4Ld8HO0+vIF7s76KAJOQx5O7NvA7Vhom2VMOQK/+AIaV/a1vzBcBhknj+vJ/D01tS4I974+A7PQtKVxOcqSZrmkMp8Ny+LHjoocVQV3RM4Y7QOoT7IZt7Gubv+7wnUvUBSUxHD17Th+faWx9QWBcQ7+M5qTE6qTZM5jWxtYXHZJgsxnwdpkwwas0hgcNMsnZ7nkyfxIN5KiOIcd9++Bu6F7zx0HlYwteGmTYUXhBVVOj2fHPEAcsWcR8vLR8h3ZlCwTXcQ7gKqVglYVhmGtQ5OS3fN7Iyr98LFo+BhuMI6wLyJh7je1fDDByQDGNypnleO+bqpPJ1/PSZf3Q3SOzrXjc1zK1ieCESf3kDf421MNVyZdNKmGTYf2/ekv3oBVeOW7aNrsPEtf2E9fx4w3NP57naVR9QXBfQM2mK6wOSD7jdUxUhkCxUnJBUST0zWLO5FaxWE819KVUa0Gp1EB4eCbU1ZV4E5zHtwQmI/oMgoERejz4u/2oV1Odvh3ELngWXTAHHPnkXpz9PIOCt5QuTHF9Ky+eVQLymHtAddEjVB4xLaGNrW3VT6Z9sKCpoK8cbKi6t1+AjrS0N45qb60Gni4aIyDhXz56p8pqaSpfdZpbj+eiYHmxkVHyevrxgfEdxPyQC8rf8FYdIPsOJnTDup08CU1cGNWabaBnvreUT6vf4un78ufbUBxTXBeRNsj5gsCSS+6lDJ4XjZgDWc8mg0JBEKEGKjU12pqX3VvLpoLS03vRWX1HubG2tV2K/64H7oRAQ32uGYTzk029ZA00nd3PkM1RBpcEAVfn7odFsX+/xTpL1AT10gfu/4jR9cvJ5tq8+oHddQN4k9YDBko/+XkgQ5JOTV4uPS4vPwMDMkV44nD7RUwlI5GNp6b2Uej04Gw1VSuyPX+hQcZ31gXcVRTQ/zSLxuAvSuduaHR9By6m9PuSrbDJ/OWfN/oXscg4rpeXjLx/hNX18bT+xlo+3joyhbA/5xJ6M/n4I66KOCL91YvJxfbxxuHbD6dMfiTxkSuultNtMtL8UDn+awWhsBZOphawDLZCQmAKJPVJ9cJ1lXUURzXs/JB6WNMHLKivOvwEG6wbodddMYFobPOQrtmlrFqz5+hEQKlo6oOW7HmMICHht8kkTUAZ1NWVkfTbIh3xCcnsiIhI44NrNswsTwNSacFdLS4NcCmc0tpB2Hfmg7GCzGqG6uowSUIzrTOsKimg0/Kzw0la1Wk01f6f1G+BHD34KX3/2M7BEtYIzn4SefUZDSa3iJMBGLzlVl6gPGCz5fAnYNrXqy4ugb/9hXuQbkpXjg8M3FwOHYN5YGmBUFUvizKZW8o13ksNKK34K1xlCXKcSsAsooo1G4zfLli3zOjesB9C94WG3vwJnDi6FBtvkGiSf0+nc42eYG1sfMFjyiQmIOOGGgxT5VCq1Fw5TJhi18oFDIMN+pL9cCofEsxDPh+TDD0qjDZPEdaZ1BUX00qVLscwFBhVa/tyHr2udxPv9BO9fLrdtfvL9jS8Rz4fyqCbJ9NiNrg8YLPlkMrmP68do15/n48knxGG+DlMmwXzA2A/7S+ESEpPptMuTLzk5QxLXmXajFNEFTw6HwStO8wEIztM1oiHvEz5Y/Afp5z2/Vw7rhqqAcdkBLxmxbwU7+TyRqK3k7RtLlz4muIQvEadStXYEoM9RyNUE64Chd3FrvA7rAYMln7iQEI/DKAyj3YuF30mST4jDZDFGs5gywajV3wur1Jc7TaZmZXR0giQO13v8mi8QrlM94A1URCMJ3Qk/uvMvV2t/YW+8mnbbP0rfEPa7+MLtH9gbagsUYeErhOd5AnMsBvJ5AUdCGyaLFSN1UWn/pgQ06uc4GeaoWsP1kSqw0GE9YCjkE+OQhNciH93LrSmTYbIY83WYMsGoVYpELS31So0mnPbv1bt/yLjOtBuliHZzjouA7fZ0xmb+feyI4Y9oe6SEnX2sX8/bPi6huxyXXph4OPXBpwdXf7k6xlJdEaEM1y0L+EJYemjkSuXc2KQH6be7se79ueBkTpHzwXyrQqsPGAr5OoLDnQpMFmO+DlMmGLUKdzTQgyGJsF9zU12HcZ1hN1IRjcliBXlvXYSFrItZGNM/a2Hi8DGgTeoFFV+tXXRyflqkKkx3T8qMuYm6qHDIePAJKP/io7dMZRcjlZExr0jnEnFGkxHis1qNWjU9PDqHfnh432Gz/ZG02QIVFA21PiAloHCbrD0WKo7fJuP3dDFlglErBg64dsPpEz2YmESh4jrDbqQimpbZUCh0MmCfiUzNeDx13F2gwKXglTOQPu0nwNrMD0cNGgYxWSPJlEPen6gEyJj3K6jY8eXvLZeLFCzretntSbWEwoPJbSznT1gzmbz6RsUPSpYrjPS58L7NdmIWacPoNZzyHthGcovFBvk8kaQekNcCYid/esAf/C8l3Yz2wOA42Su3J8+K0Cg39X7gCVBXFQJgVSvCHohPRdZw921mEj6Ygf5YS+YYEpemwvkX5trlSnU6WQPWnd8jGx4eHb9RE5auZom3ZZytjFyh08T0mJyg1XG/fmM1GZmmum/qXYzJplBGKmTAgM1SYTc3N9w3dCpLF5KjPjj2mylZfd7r1ycRqgXSqzcygUq5cka0aQaSSVxccvkq7Dt3+bcnnhr7vrL747z57MvCRjA5mJo19/YFFaafYhKANRroJRXQWEtIZ+MWdCzNygPoIsBRrYeGvV8DYzbukkfFUXLlnwDn+Amy2KSMB2M0ukHEtVUC66zFbAkwjhLOtWl7KHr0mpkkUyaBXJYKNlMRVBT+uQmxQ6fya1JfPSBvQj0hmlgPKO/+OG9KY3eUtJx5YsvlJaUbPoRWQyPIIuOAddi5MNWMhQYc3E44kjAsBhrPnYKGA9s+VIZHPk/O0A3al96G4l07DM8e27M8z1C9lZWzRmCZCkK+88Qb1nEHuY/nsA37YF/EINYTC0jUB5SqEei3PmC33XxGok3rjpLmtxd/flb2bmvrW7fNnAtMSyOZSO14Fbe7Lje5lWPiTg21B7aBXKVaK1NpCoHlyFHbAPZn33T9KzG2quS3j3yy5LHHh98TlTxM6cLC5wy3ly5TRIJcowBD+RfOj/9+esd7nziWXW2EY07G+yJ1Xz0ggJQmUKwH7PaAN6E9MTIRsnvqIE6riOyXGJGYkZWNmjwy81ro3jhrxws7rJz8GNeBhJg9J9xDSMVsIeQTRjwsIZKtzgAHNu93vH7hfGmpSmEFp9PEJafJgffxHLZhH+yLGBBsgbn1gNT7ovaPP3hDbaDnnNNJyGiR1gN2281hU3pHwsS0yORkjfPtuyeOfJiJiQVTTSklm8tBQk2tjn6wMpZEBFgvtr4cEsdMhLDBoxIr/vXXveTMIEzx4Vg5I8iDPgC/ewI00Yk6tdFE/KcslkyTHL/sWJyInMvoq1Ov+JNB8+c1AEWXAY62VW7zqwf0rRHoqwfs9oA3oT2+pQylvrGT+8U9DGNng8liAauhhu6L4+/yyXQxQEILLlmNsjRTE0BFAYQlpQKZXhPJWbp39uv5AB+9A/Dko6B2srrJkfFjeqq1yYQkPaCp+rITD7yP57AN+2BfxCDWk457d/HK/LJ6qvXTkfDGZneAxcrVCMRbPPActmEf7Ev1gN0EvDnN5HDBL7eU1fzv2eZv2ILDINfFgiw8FhjycWrTB4PVwQJTdRlkvQbT9R/EJ4NLGwtV/1lpIfTED/4cjvPWyyRAJsu0pARI6ZEYkasN76O1m2ohf//emvf/XLIWD7yP57AN+2BfxLz1suAF8XrAC3roH6MkHZSglrNktmXogffxHLZJ1wfstg7ZjVBHMy62edHWy4vMrV+uXJw7drI2dSCZL00gNzZB6cmjrrPl9ed+Fh45TJZ1OzhbGqDuzHFoLS9ZJVMqn+PHK6twLwQB1Ep1i9pS/N+WndsNez78pPGTcAUcxLYt31ZtWfzIlkemz4ibarO0qMmyUo0voIkE2sOHcvjr93vB3RaS3SB1NF7tf+l33zb80gbfLX8uF3Ihawprzd9y4Zktxa8eqbaesjI7P1sgU4ypb7VC/ZkjW+UqzUrcv+ft/oWeu2VapeWxIRklg04WwemSSii+8zau4fhZ+O9f/rfx3DcHG4dfKIMiqxPKeFCJdwGyDv5ecLd1yG6QOhpJeOV/vq193Ow4/qdfGh2x4S31G/brLRvpWnFH9cNNlk1v3De6f6E6Ivpt4pLMwp2v0jZni97oXEEpFJJWGr7mFbY9CRKytBLK+DYp69jvBXdbxwl4g9TRhFCMO7H8C885T80CwFTHQ/6ea/HixfQXqpzkOd3XlTjdAhKVUqmkekDSdgyoHpB1cuonOZXh4fUnvHW8PmC3ddiCUUeHMg5vwnE6Y/+e13XixU3k/sjExESqB6ypqZlDzh3Fdr7P9bRuAl4nC0Yd3d5x/KmjPUHJx4X+hkGpE1Y/wIjXq5xa3mPXrNujIUSbO3r0aKoH/Prrr+cSAqLi1NYZ71t3GuZ6ecAuUC9aYIs+4Yi2yE3Ga5qggIBWrVZPz8jIkOGB9/EcLzruJmAXtcDq6NDG8VVHS3o6VuKAQjPAH+cHJiFZ72kJqbAy1F3kmEYeTyDeb1ZqamoyrvHwwPt4DtuwD/ZFDGK7p+AuYjdQHb3ovQWZoBddKGkm8UGJOwR4dV4m/HFDIV/Pb7HI6w0KDw//Ii4uTo3Bh9VqZTTEBg4cGNvQwF17jvdJgPKujZhWq1WgFzQYDPaWlha88Ol0NwG7gN1IdXQx4cmFAPGmiawIXpydCW9v8iVhZWWlMyIiIpas92KSkpLoD1objUbiee3AE1Cn0ymys7OTSD/6W861tbWwffv2JsR2e8BuAzMhWKvZfzsVVRGP+JcHM+HZzwq9yrLt3r27mEyzz5rN5oUTJkzIwd8cQRIS7+ZZ7yEho6Ki6I+Jnz59mj18+PDR0tLS1fv37y/uJmC3gYXEJiYz47ddp1ZAShgg+cBhbvmHl3c0mezEm/2LTMMlly5dWjJjxox7evXqpcRUjM39K5xIPAxAvvvuOyfpu+PQoUPLCGGPkWnZ3k3AboM0HSFhtPelm612BqpbuURxZqIC1uwrhNbK0i8vvDrzKXjSK5JlCZFshIgHCgoKLH379h2QlpY2kKwFaXKaj44xSX3x4sVS0ud10vf49YyGuwl4E5u16er6d3bCfKm2H93WDyI0cvjnEQ/5Hsn5qMCnrgv+zFdCQgKMHz9ek5iYqMbIlwQbwO8Z81W3sC03N1dz5MgRqK+vx/VjNwF/6Hb6uTtRTvAazrTC84RoZ7J7quDNXYHJR4IPGDt2LAYdaqVSOblPnz49MdDA7bmioiLqAgcNGqTEilvYRqLfyWPGjMlXq9X2Y8eOdRPwh25uUpVKecY3d8H8QORDmzZtGqZesKxbSmRkZC7xcloMQI4ePVqTn5+/FfsQbzczJyenJ7bFxsbmtra2YiGkMsR2E7DbAnlG1P2Z/JEPrampiV/nqck6T028Wsu5c+f2HDhw4BPiBakekKz9tpSXlz+SlZU1lUTIahKc8DnD6/Jauy9M/wFbXFwcfxen4IHEyw2qrq4+3djYWNy7N/djj1euXAHi+fonJycPv3r1ahEJTlBhQyNgMiV3E7DbOvDh+9buwRmRrv2EQYi4zRNCXwfudBOw226o/Z8AAwBphnYirXZBiwAAAABJRU5ErkJggg==');background-repeat:no-repeat;background-attachment:scroll;border:0 none;outline:none;cursor:pointer;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize,.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize,.rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize{background-image:none;}.rc-tree .rc-tree-treenode span.rc-tree-icon_loading{margin-right:2px;vertical-align:top;background:url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') no-repeat scroll 0 0 transparent;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop{cursor:auto;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open{background-position:-93px -56px;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close{background-position:-75px -56px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox{width:13px;height:13px;margin:0 3px;background-position:0 0;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked{background-position:-14px 0;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate{background-position:-14px -28px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled{background-position:0 -56px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled{background-position:-14px -56px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled{position:relative;background:#ccc;border-radius:3px;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after{position:absolute;top:5px;left:3px;width:5px;height:0;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:scale(1);transform:scale(1);content:' ';}.rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop{background:none;}.rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > .rc-tree-switcher-noop{background-position:-56px -18px;}.rc-tree.rc-tree-show-line .rc-tree-treenode:last-child > .rc-tree-switcher-noop{background-position:-56px -36px;}.rc-tree-child-tree{display:none;}.rc-tree-child-tree-open{display:block;}.rc-tree-treenode-disabled > span:not(.rc-tree-switcher),.rc-tree-treenode-disabled > a,.rc-tree-treenode-disabled > a span{color:#767676;cursor:not-allowed;}.rc-tree-treenode-active{background:rgba(0,0,0,0.1);}.rc-tree-node-selected{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.rc-tree-icon__open{margin-right:2px;vertical-align:top;background-position:-110px -16px;}.rc-tree-icon__close{margin-right:2px;vertical-align:top;background-position:-110px 0;}.rc-tree-icon__docu{margin-right:2px;vertical-align:top;background-position:-110px -32px;}.rc-tree-icon__customize{margin-right:2px;vertical-align:top;}.rc-tree-title{display:inline-block;}.rc-tree-indent{display:inline-block;height:0;vertical-align:bottom;}.rc-tree-indent-unit{display:inline-block;width:16px;}.rc-tree-draggable-icon{display:inline-flex;justify-content:center;width:16px;}.rc-tree,.rc-tree-list{border:none !important;}.rc-tree .rc-tree-treenode{position:relative;display:flex;align-items:center;min-height:var(", ");padding:0;}.rc-tree.", " .rc-tree-treenode{padding:0 var(", ") !important;}.rc-tree.", ":not(", ") .rc-tree-treenode{padding:0 var(", ");}.rc-tree .rc-tree-treenode::before{content:'';position:absolute;z-index:-1;top:0.25rem;bottom:0.25rem;left:var(", ");right:0;background:transparent;border-radius:var(", ");}.rc-tree .rc-tree-treenode.rc-tree-treenode-disabled{opacity:var(", ");}.rc-tree.", " .rc-tree-treenode::before{inset:0;border-radius:0;}.rc-tree .rc-tree-treenode.rc-tree-treenode-selected::before{background:var(", ") !important;}.rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):hover::before{background:var(", ");}.rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):active::before{background:var(", ");}.rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{display:flex;align-items:center;align-self:stretch;height:auto;flex:1;width:1px;}.rc-tree .rc-tree-treenode span.rc-tree-switcher{width:var(", ");height:var(", ");margin:var(", ");line-height:0;vertical-align:0;background:transparent;}.rc-tree.", " .rc-tree-treenode span.rc-tree-switcher{margin:0;}.rc-tree .rc-tree-treenode span.rc-tree-iconEle{width:auto;height:auto;margin-right:0;vertical-align:0;background:transparent;}.rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow{transform:rotate(90deg);}.rc-tree.", " .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close .arrow{transform:rotate(90deg);}.rc-tree.", " .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow{transform:rotate(0);}.rc-tree .rc-tree-treenode span.rc-tree-checkbox{display:flex;align-items:center;justify-content:center;line-height:0;vertical-align:0;width:var(", ");height:var(", ");margin:var(", ");background-image:none;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox::before{content:'';display:block;width:var(", ");height:var(", ");border:0.125rem solid var(", ");border-radius:var(", ");box-sizing:border-box;background-size:contain;background-repeat:no-repeat;}.rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked::before{background-color:var(", ");border-color:var(", ");background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E\");}.rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate::before{background-color:var(", ");border-color:var(", ");background-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E\");}.rc-tree-title{color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");", "}.rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher{order:1;}.rc-tree.tree-inverted .rc-tree-treenode::before{left:0;}.rc-tree-node-selected{opacity:1;box-shadow:none;background:none;}.rc-tree-node-selected .rc-tree-title{color:var(", ");}.rc-tree-node-selected ", "{color:var(", ");}.rc-tree-indent-unit{width:var(", ");}"], _Tree.treeTokens.itemHeight, _Tree.classes.treeItemFilled, _Tree.treeTokens.itemPadding, _Tree.classes.treeInverted, _Tree.classes.treeItemFilled, _Tree.treeTokens.itemPaddingTight, _Tree.treeTokens.switcherSize, _Tree.treeTokens.itemBorderRadius, _Tree.treeTokens.itemDisabledOpacity, _Tree.classes.treeItemFilled, _Tree.treeTokens.itemBackgroundColor, _Tree.treeTokens.itemBackgroundColorHover, _Tree.treeTokens.itemBackgroundColorActive, _Tree.treeTokens.switcherSize, _Tree.treeTokens.switcherSize, _Tree.treeTokens.switcherMargin, _Tree.classes.treeInverted, _Tree.classes.treeInverted, _Tree.classes.treeInverted, _Tree.treeTokens.checkboxSize, _Tree.treeTokens.checkboxSize, _Tree.treeTokens.checkboxMargin, _Tree.treeTokens.checkboxInnerSize, _Tree.treeTokens.checkboxInnerSize, _Tree.treeTokens.checkboxBorderColor, _Tree.treeTokens.checkboxBorderRadius, _Tree.treeTokens.checkboxBackgroundColor, _Tree.treeTokens.checkboxBackgroundColor, _Tree.treeTokens.checkboxBackgroundColor, _Tree.treeTokens.checkboxBackgroundColor, _Tree.treeTokens.color, _Tree.treeTokens.fontFamily, _Tree.treeTokens.fontSize, _Tree.treeTokens.fontStyle, _Tree.treeTokens.fontWeight, _Tree.treeTokens.letterSpacing, _Tree.treeTokens.lineHeight, /*#__PURE__*/(0, _mixins.applyEllipsis)(), _Tree.treeTokens.colorSelected, IconFolderWrapper, _Tree.treeTokens.colorSelected, _Tree.treeTokens.itemIndent);
@@ -1,15 +1,16 @@
1
1
  import * as React from 'react';
2
2
  import type { ComponentProps } from 'react';
3
3
  import type { StoryObj, Meta } from '@storybook/react';
4
- import { disableProps } from '@salutejs/plasma-sb-utils';
4
+ import { disableProps, getConfigVariations } from '@salutejs/plasma-sb-utils';
5
5
 
6
6
  import { IconMic } from '../../../../components/_Icon';
7
7
  import { WithTheme } from '../../../_helpers';
8
8
 
9
9
  import { Button } from './Button';
10
+ import { config } from './Button.config';
11
+
12
+ const { views, sizes } = getConfigVariations(config);
10
13
 
11
- const views = ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'];
12
- const sizes = ['xl', 'l', 'm', 's', 'xs', 'xxs'];
13
14
  const stretchingValues = ['auto', 'filled', 'fixed'];
14
15
  const pinValues = [
15
16
  '',
@@ -79,7 +80,7 @@ const meta: Meta<typeof Button> = {
79
80
  },
80
81
  table: { defaultValue: { summary: 'bottom' } },
81
82
  },
82
- ...disableProps(['value']),
83
+ ...disableProps(['value', 'focused', 'pin']),
83
84
  },
84
85
  };
85
86
 
@@ -16,6 +16,7 @@ const meta: Meta<typeof IconButton> = {
16
16
  component: IconButton,
17
17
  argTypes: {
18
18
  ...argTypesFromConfig(mergeConfig(iconButtonConfig, config)),
19
+ ...disableProps(['focused']),
19
20
  pin: {
20
21
  options: [
21
22
  'square-square',
@@ -79,7 +79,7 @@ const meta: Meta<typeof Button> = {
79
79
  },
80
80
  table: { defaultValue: { summary: 'bottom' } },
81
81
  },
82
- ...disableProps(['value']),
82
+ ...disableProps(['value', 'pin', 'focused']),
83
83
  },
84
84
  };
85
85
 
@@ -16,6 +16,7 @@ const meta: Meta<typeof IconButton> = {
16
16
  component: IconButton,
17
17
  argTypes: {
18
18
  ...argTypesFromConfig(mergeConfig(iconButtonConfig, config)),
19
+ ...disableProps(['focused']),
19
20
  pin: {
20
21
  options: [
21
22
  'square-square',
@@ -5,8 +5,8 @@ import { tokens as attachTokens } from '../../Attach.tokens';
5
5
  var mergedConfig = /*#__PURE__*/mergeConfig(iconButtonConfig);
6
6
  var IconButton = /*#__PURE__*/component(mergedConfig);
7
7
  export var StyledIconButton = /*#__PURE__*/styled(IconButton).withConfig({
8
- componentId: "plasma-new-hope__sc-1d69ffq-0"
8
+ componentId: "plasma-new-hope__sc-5koxke-0"
9
9
  })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");flex-shrink:0;"], iconButtonTokens.iconButtonColor, attachTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, attachTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonColorHover, attachTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, attachTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonBackgroundColorActive, iconButtonTokens.iconButtonScaleHover, attachTokens.iconButtonScaleHover, iconButtonTokens.iconButtonScaleActive, attachTokens.iconButtonScaleActive, iconButtonTokens.iconButtonHeight, attachTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, attachTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, attachTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, attachTokens.iconButtonRadius, iconButtonTokens.iconButtonRadiusCircle, attachTokens.iconButtonRadiusCircle, iconButtonTokens.iconButtonFontFamily, attachTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, attachTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, attachTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, attachTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, attachTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, attachTokens.iconButtonLineHeight, iconButtonTokens.iconButtonDisabledOpacity, attachTokens.iconButtonDisabledOpacity, iconButtonTokens.iconButtonFocusColor, attachTokens.iconButtonFocusColor, iconButtonTokens.iconButtonSpinnerColor, attachTokens.iconButtonSpinnerColor, iconButtonTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerSize);
10
10
  export var StyledIconButtonCancel = /*#__PURE__*/styled(IconButton).withConfig({
11
- componentId: "plasma-new-hope__sc-1d69ffq-1"
11
+ componentId: "plasma-new-hope__sc-5koxke-1"
12
12
  })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], iconButtonTokens.iconButtonColor, attachTokens.iconButtonCancelColor, iconButtonTokens.iconButtonBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, iconButtonTokens.iconButtonColorHover, attachTokens.iconButtonCancelColorHover, iconButtonTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonCancelBackgroundColorHover, iconButtonTokens.iconButtonColorActive, attachTokens.iconButtonCancelColorActive, iconButtonTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonCancelBackgroundColorActive, iconButtonTokens.iconButtonScaleHover, attachTokens.iconButtonCancelScaleHover, iconButtonTokens.iconButtonScaleActive, attachTokens.iconButtonCancelScaleActive, iconButtonTokens.iconButtonHeight, attachTokens.iconButtonCancelHeight, iconButtonTokens.iconButtonWidth, attachTokens.iconButtonCancelWidth, iconButtonTokens.iconButtonPadding, attachTokens.iconButtonCancelPadding, iconButtonTokens.iconButtonRadius, attachTokens.iconButtonCancelRadius, iconButtonTokens.iconButtonRadiusCircle, attachTokens.iconButtonCancelRadiusCircle, iconButtonTokens.iconButtonFontFamily, attachTokens.iconButtonCancelFontFamily, iconButtonTokens.iconButtonFontSize, attachTokens.iconButtonCancelFontSize, iconButtonTokens.iconButtonFontStyle, attachTokens.iconButtonCancelFontStyle, iconButtonTokens.iconButtonFontWeight, attachTokens.iconButtonCancelFontWeight, iconButtonTokens.iconButtonLetterSpacing, attachTokens.iconButtonCancelLetterSpacing, iconButtonTokens.iconButtonLineHeight, attachTokens.iconButtonCancelLineHeight, iconButtonTokens.iconButtonDisabledOpacity, attachTokens.iconButtonCancelDisabledOpacity, iconButtonTokens.iconButtonFocusColor, attachTokens.iconButtonCancelFocusColor, iconButtonTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelSpinnerColor, iconButtonTokens.iconButtonSpinnerSize, attachTokens.iconButtonCancelSpinnerSize);
@@ -46,6 +46,8 @@ export var buttonRoot = function buttonRoot(Root) {
46
46
  stretching = _props$stretching === void 0 ? 'auto' : _props$stretching,
47
47
  rest = _objectWithoutProperties(props, _excluded);
48
48
  var txt = typeof children === 'string' ? children : text;
49
+ var hasRightContentMargin = Boolean(txt || value || contentRight);
50
+ var hasLeftContentMargin = Boolean(contentLeft ? contentLeft && (txt || value) : txt || value);
49
51
  var stretchingClass = stretch ? classes.filledStretching : classes["".concat(stretching, "Stretching")];
50
52
  var contentRelaxedClass = contentPlacing === 'relaxed' ? classes.contentRelaxed : undefined;
51
53
  var squareClass = square ? classes.buttonSquare : undefined;
@@ -73,9 +75,13 @@ export var buttonRoot = function buttonRoot(Root) {
73
75
  }, rest), /*#__PURE__*/React.createElement(LoadWrap, {
74
76
  contentPlacing: contentPlacementValue,
75
77
  isLoading: isLoading
76
- }, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/React.createElement(ButtonText, {
78
+ }, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, {
79
+ hasContentMargin: hasRightContentMargin
80
+ }, contentLeft), txt ? /*#__PURE__*/React.createElement(ButtonText, {
77
81
  className: contentRelaxedClass
78
- }, txt) : children, value && /*#__PURE__*/React.createElement(ButtonValue, null, value), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight)), isLoading && /*#__PURE__*/React.createElement(Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React.createElement(StyledSpinner, null))));
82
+ }, txt) : children, value && /*#__PURE__*/React.createElement(ButtonValue, null, value), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, {
83
+ hasContentMargin: hasLeftContentMargin
84
+ }, contentRight)), isLoading && /*#__PURE__*/React.createElement(Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React.createElement(StyledSpinner, null))));
79
85
  });
80
86
  };
81
87
  export var buttonConfig = {
@@ -35,10 +35,16 @@ export var StyledSpinner = /*#__PURE__*/styled(Spinner).withConfig({
35
35
  })(["", ":var(", ");", ":var(", ");"], spinnerTokens.size, tokens.buttonSpinnerSize, spinnerTokens.color, tokens.buttonSpinnerColor);
36
36
  export var StyledContentLeft = /*#__PURE__*/styled.div.withConfig({
37
37
  componentId: "plasma-new-hope__sc-9d9bqj-5"
38
- })(["display:flex;margin:var(", ");align-self:var(", ");"], tokens.buttonLeftContentMargin, tokens.buttonLeftContentAlignSelf);
38
+ })(["display:flex;align-self:var(", ");margin:", ";"], tokens.buttonLeftContentAlignSelf, function (_ref3) {
39
+ var hasContentMargin = _ref3.hasContentMargin;
40
+ return hasContentMargin ? "var(".concat(tokens.buttonLeftContentMargin, ")") : 0;
41
+ });
39
42
  export var StyledContentRight = /*#__PURE__*/styled.div.withConfig({
40
43
  componentId: "plasma-new-hope__sc-9d9bqj-6"
41
- })(["display:flex;margin:var(", ");align-self:var(", ");"], tokens.buttonRightContentMargin, tokens.buttonRightContentAlignSelf);
44
+ })(["display:flex;align-self:var(", ");margin:", ";"], tokens.buttonRightContentAlignSelf, function (_ref4) {
45
+ var hasContentMargin = _ref4.hasContentMargin;
46
+ return hasContentMargin ? "var(".concat(tokens.buttonRightContentMargin, ")") : 0;
47
+ });
42
48
  export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n /* NOTE:\n --plasma_computed-btn-br-radius is defined in Button.tsx\n */\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.", " {\n width: var(", ");\n padding: 0;\n }\n"])), /*#__PURE__*/String(classes.buttonSquare), tokens.buttonHeight);
43
49
 
44
50
  // INFO: Для возможности переиспользования стилей в других компонентах
@@ -8,7 +8,6 @@ import { PropsTable, Description } from '@site/src/components';
8
8
  # Button
9
9
  Кнопки могут отображаться в нескольких размерах и цветах, могут содержать текст и/или иконку.
10
10
 
11
- ## Button
12
11
  <Description name="Button" />
13
12
  <PropsTable name="Button" />
14
13
 
@@ -34,20 +33,13 @@ export function App() {
34
33
  <div>
35
34
  <Button text="Текст" />
36
35
 
37
- <Button text="Текст" contentLeft={<IconDownload />} />
36
+ <Button text="Текст" contentLeft={<IconDownload color="inherit" />} />
38
37
 
39
- <Button text="Текст" contentRight={<IconDownload />} />
40
-
41
- <Button contentLeft={<IconDownload />} />
38
+ <Button text="Текст" contentRight={<IconDownload color="inherit" />} />
42
39
 
43
40
  <Button text="Текст" isLoading />
44
41
 
45
42
  <Button text="Текст" isLoading loader={<div>Loader...</div>} />
46
-
47
- <Button>
48
- <IconDownload />
49
- <span>Текст</span>
50
- </Button>
51
43
  </div>
52
44
  );
53
45
  }
@@ -56,7 +48,7 @@ export function App() {
56
48
  ## Примеры
57
49
 
58
50
  ### Размер кнопки
59
- Размер кнопки задается с помощью свойства `size`. Возможные значения свойства: `"l"`, `"m"` или `"s"`:
51
+ Размер кнопки задается с помощью свойства `size`:
60
52
 
61
53
  ```tsx live
62
54
  import React from 'react';
@@ -64,11 +56,13 @@ import { Button } from '@salutejs/{{ package }}';
64
56
 
65
57
  export function App() {
66
58
  return (
67
- <div>
59
+ <div>
68
60
  <Button text="Button" size="xl" />
69
61
  <Button text="Button" size="l" />
70
62
  <Button text="Button" size="m" />
71
63
  <Button text="Button" size="s" />
64
+ <Button text="Button" size="xs" />
65
+ <Button text="Button" size="xxs" />
72
66
  </div>
73
67
  );
74
68
  }
@@ -118,13 +112,17 @@ export function App() {
118
112
 
119
113
  ### Вид кнопки
120
114
  Вид кнопки задается с помощью свойства `view`. Возможные значения свойства `view`:
115
+ + `"default"` – по умолчанию;
116
+ + `"accent"` – акцентная;
121
117
  + `"primary"` – основная;
122
118
  + `"secondary"` – вторичная;
119
+ + `"clear"` – без цветового сопровождения.
123
120
  + `"success"` – успешное завершение;
124
121
  + `"warning"` – предупреждение;
125
122
  + `"critical"` – ошибка;
126
- + `"checked"` – выбранное состояние;
127
- + `"clear"` – без цветового сопровождения.
123
+ + `"dark"` – темная;
124
+ + `"black"` – черная;
125
+ + `"white"` – белая.
128
126
 
129
127
  ```tsx live
130
128
  import React from 'react';
@@ -132,15 +130,18 @@ import { Button } from '@salutejs/{{ package }}';
132
130
 
133
131
  export function App() {
134
132
  return (
135
- <div>
133
+ <div style=\{{ display: 'flex', flexWrap: 'wrap' }}>
134
+ <Button text="Кнопка" size="s" view="default" />
136
135
  <Button text="Кнопка" size="s" view="primary" />
136
+ <Button text="Кнопка" size="s" view="accent" />
137
137
  <Button text="Кнопка" size="s" view="secondary" />
138
+ <Button text="Кнопка" size="s" view="clear" />
138
139
  <Button text="Кнопка" size="s" view="success" />
139
140
  <Button text="Кнопка" size="s" view="warning" />
140
141
  <Button text="Кнопка" size="s" view="critical" />
141
- <Button text="Кнопка" size="s" view="checked" />
142
- <Button text="Кнопка" size="s" view="overlay" />
143
- <Button text="Кнопка" size="s" view="clear" />
142
+ <Button text="Кнопка" size="s" view="dark" />
143
+ <Button text="Кнопка" size="s" view="black" />
144
+ <Button text="Кнопка" size="s" view="white" />
144
145
  </div>
145
146
  );
146
147
  }
@@ -171,29 +172,6 @@ export function App() {
171
172
  }
172
173
  ```
173
174
 
174
- ### Квадратные и круглые кнопки
175
- Для отображения иконок и/или текста в квадратных или круглых кнопках с **равными сторонами**,
176
- используйте компонент `Button` и свойство `contentLeft`, в которое требуется передать нужное значение.
177
-
178
- По умолчанию границы кнопки **квадратные** (со скругленными углами) — `pin="square-square"`.
179
- **Круглые** границы кнопки можно сделать с помощью свойства `pin` со значением `"circle-circle"`.
180
-
181
- ```tsx live
182
- import React from 'react';
183
- import { Button } from '@salutejs/{{ package }}';
184
- import { IconDownload } from '@salutejs/plasma-icons';
185
-
186
- export function App() {
187
- return (
188
- <div>
189
- <Button contentLeft={<IconDownload color="inherit" />} />
190
-
191
- <Button contentLeft={<IconDownload color="inherit" />} pin="circle-circle" />
192
- </div>
193
- );
194
- }
195
- ```
196
-
197
175
  ### Гиперссылка
198
176
  Компонент поддерживает вывод в виде тега `<a>`, для этого необходимо указать свойство `as`:
199
177
 
@@ -44,6 +44,9 @@ import { IconClose } from '@salutejs/plasma-icons';
44
44
  export function App() {
45
45
  return (
46
46
  <div>
47
+ <IconButton size="xl">
48
+ <IconClose color="inherit" />
49
+ </IconButton>
47
50
  <IconButton size="l">
48
51
  <IconClose color="inherit" />
49
52
  </IconButton>
@@ -66,11 +69,12 @@ export function App() {
66
69
 
67
70
  Возможные значения свойства `view`:
68
71
  + `"default"` – по умолчанию;
72
+ + `"accent"` – акцентная;
69
73
  + `"secondary"` – вторичная;
74
+ + `"clear"` – без цветового сопровождения.
70
75
  + `"success"` – успешное завершение;
71
76
  + `"warning"` – предупреждение;
72
77
  + `"critical"` – ошибка;
73
- + `"clear"` – без цветового сопровождения;
74
78
  + `"dark"` – темная;
75
79
  + `"black"` – черная;
76
80
  + `"white"` – белая.
@@ -82,13 +86,19 @@ import { IconClose } from '@salutejs/plasma-icons';
82
86
 
83
87
  export function App() {
84
88
  return (
85
- <div>
89
+ <div style=\{{ display: 'flex', flexWrap: 'wrap' }}>
86
90
  <IconButton size="s" view="default">
87
91
  <IconClose color="inherit" />
88
92
  </IconButton>
93
+ <IconButton size="s" view="accent">
94
+ <IconClose color="inherit" />
95
+ </IconButton>
89
96
  <IconButton size="s" view="secondary">
90
97
  <IconClose color="inherit" />
91
98
  </IconButton>
99
+ <IconButton size="s" view="clear">
100
+ <IconClose color="inherit" />
101
+ </IconButton>
92
102
  <IconButton size="s" view="success">
93
103
  <IconClose color="inherit" />
94
104
  </IconButton>
@@ -98,9 +108,6 @@ export function App() {
98
108
  <IconButton size="s" view="critical">
99
109
  <IconClose color="inherit" />
100
110
  </IconButton>
101
- <IconButton size="s" view="clear">
102
- <IconClose color="inherit" />
103
- </IconButton>
104
111
  <IconButton size="s" view="dark">
105
112
  <IconClose color="inherit" />
106
113
  </IconButton>
@@ -128,7 +135,7 @@ import { IconClose } from '@salutejs/plasma-icons';
128
135
 
129
136
  export function App() {
130
137
  return (
131
- <div>
138
+ <div style=\{{ display: 'flex', flexWrap: 'wrap' }}>
132
139
  <IconButton pin="square-square">
133
140
  <IconClose color="inherit" />
134
141
  </IconButton>
@@ -23,6 +23,7 @@ export var ToastControllerHoc = function ToastControllerHoc(ToastComponent) {
23
23
  var _useToastInner = useToastInner(),
24
24
  hideToast = _useToastInner.hideToast,
25
25
  isVisible = _useToastInner.isVisible,
26
+ hideTimeout = _useToastInner.hideTimeout,
26
27
  animationRunTimeout = _useToastInner.animationRunTimeout;
27
28
  var toastKey = "".concat(text).concat(position);
28
29
  var showedClass = isVisible ? classes.toastShowed : classes.toastHidden;
@@ -33,6 +34,9 @@ export var ToastControllerHoc = function ToastControllerHoc(ToastComponent) {
33
34
  }, rest);
34
35
  useEffect(function () {
35
36
  return function () {
37
+ if (hideTimeout !== null && hideTimeout !== void 0 && hideTimeout.current) {
38
+ clearTimeout(hideTimeout.current);
39
+ }
36
40
  if (animationRunTimeout !== null && animationRunTimeout !== void 0 && animationRunTimeout.current) {
37
41
  clearTimeout(animationRunTimeout.current);
38
42
  }
@@ -145,13 +145,13 @@ export var ToastProviderHoc = function ToastProviderHoc(ToastComponent) {
145
145
  var onHide = toastInfo.onHide,
146
146
  timeout = toastInfo.timeout;
147
147
  var hideToast = useCallback(function () {
148
+ if (!isVisible) {
149
+ return;
150
+ }
148
151
  if (hideTimeout !== null && hideTimeout !== void 0 && hideTimeout.current) {
149
152
  clearTimeout(hideTimeout.current);
150
153
  hideTimeout.current = null;
151
154
  }
152
- if (!isVisible) {
153
- return;
154
- }
155
155
  onHide === null || onHide === void 0 || onHide();
156
156
  setIsVisible(false);
157
157
  animationRunTimeout.current = setTimeout(function () {
@@ -171,12 +171,6 @@ export var ToastProviderHoc = function ToastProviderHoc(ToastComponent) {
171
171
  hideToast();
172
172
  }, timeout);
173
173
  }
174
- return function () {
175
- if (hideTimeout !== null && hideTimeout !== void 0 && hideTimeout.current) {
176
- clearTimeout(hideTimeout.current);
177
- hideTimeout.current = null;
178
- }
179
- };
180
174
  }, [isVisible, timeout]);
181
175
  return /*#__PURE__*/React.createElement(ToastContext.Provider, {
182
176
  value: {
@@ -1,6 +1,5 @@
1
1
  import React, { forwardRef } from 'react';
2
2
  import Tree from 'rc-tree';
3
- import 'rc-tree/assets/index.css';
4
3
  import { cx } from '../../utils';
5
4
  import { IconArrowWrapper, StyledArrow, base, StyledFolder, IconFolderWrapper } from './Tree.styles';
6
5
  import { sizeToIconSize } from './utils';