@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.
- package/cjs/components/Attach/Attach.css +10 -10
- package/cjs/components/Attach/components/AttachButton/AttachButton.css +10 -10
- package/cjs/components/Attach/ui/IconButton/IconButton.styles.js +3 -3
- package/cjs/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -1
- package/cjs/components/Attach/ui/IconButton/IconButton.styles_7clf9d.css +2 -0
- package/cjs/components/Button/Button.css +8 -8
- package/cjs/components/Button/Button.js +8 -2
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Button/Button.styles.js +22 -3
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/{es/components/Button/Button.styles_1sopr3d.css → cjs/components/Button/Button.styles_8cvmld.css} +2 -2
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +8 -8
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +8 -8
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +8 -8
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +8 -8
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +8 -8
- package/cjs/components/Drawer/Drawer.css +8 -8
- package/cjs/components/Drawer/ui/DrawerContent/DrawerContent.css +8 -8
- package/cjs/components/EmptyState/EmptyState.css +8 -8
- package/cjs/components/IconButton/IconButton.css +8 -8
- package/cjs/components/Notification/Notification.css +8 -8
- package/cjs/components/Notification/NotificationsProvider.css +8 -8
- package/cjs/components/NumberInput/NumberInput.css +8 -8
- package/cjs/components/Pagination/Pagination.css +8 -8
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +8 -8
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
- package/cjs/components/Select/Select.css +8 -8
- package/cjs/components/Select/ui/Target/Target.css +8 -8
- package/cjs/components/Select/ui/Target/ui/Button/Button.css +8 -8
- package/cjs/components/Toast/Toast.css +8 -8
- package/cjs/components/Toast/ToastController.css +8 -8
- package/cjs/components/Toast/ToastController.js +4 -0
- package/cjs/components/Toast/ToastController.js.map +1 -1
- package/cjs/components/Toast/ToastProvider/ToastProvider.js +3 -9
- package/cjs/components/Toast/ToastProvider/ToastProvider.js.map +1 -1
- package/cjs/components/Tree/Tree.css +4 -4
- package/cjs/components/Tree/Tree.js +0 -1
- package/cjs/components/Tree/Tree.js.map +1 -1
- package/cjs/components/Tree/Tree.styles.js +1 -1
- package/cjs/components/Tree/Tree.styles.js.map +1 -1
- package/cjs/components/Tree/Tree.styles_609q4l.css +5 -0
- package/cjs/index.css +14 -14
- package/emotion/cjs/components/Attach/ui/IconButton/IconButton.styles.js +4 -4
- package/emotion/cjs/components/Button/Button.js +8 -2
- package/emotion/cjs/components/Button/Button.styles.js +14 -8
- package/emotion/cjs/components/Button/Button.template-doc.mdx +19 -41
- package/emotion/cjs/components/IconButton/IconButton.template-doc.mdx +13 -6
- package/emotion/cjs/components/Toast/ToastController.js +4 -0
- package/emotion/cjs/components/Toast/ToastProvider/ToastProvider.js +3 -9
- package/emotion/cjs/components/Tree/Tree.js +0 -1
- package/emotion/cjs/components/Tree/Tree.styles.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Button/Button.stories.tsx +5 -4
- package/emotion/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -0
- package/emotion/cjs/examples/plasma_web/components/Button/Button.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -0
- package/emotion/es/components/Attach/ui/IconButton/IconButton.styles.js +4 -4
- package/emotion/es/components/Button/Button.js +8 -2
- package/emotion/es/components/Button/Button.styles.js +14 -8
- package/emotion/es/components/Button/Button.template-doc.mdx +19 -41
- package/emotion/es/components/IconButton/IconButton.template-doc.mdx +13 -6
- package/emotion/es/components/Toast/ToastController.js +4 -0
- package/emotion/es/components/Toast/ToastProvider/ToastProvider.js +3 -9
- package/emotion/es/components/Tree/Tree.js +0 -1
- package/emotion/es/components/Tree/Tree.styles.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Button/Button.stories.tsx +5 -4
- package/emotion/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -0
- package/emotion/es/examples/plasma_web/components/Button/Button.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -0
- package/es/components/Attach/Attach.css +10 -10
- package/es/components/Attach/components/AttachButton/AttachButton.css +10 -10
- package/es/components/Attach/ui/IconButton/IconButton.styles.js +3 -3
- package/es/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -1
- package/es/components/Attach/ui/IconButton/IconButton.styles_7clf9d.css +2 -0
- package/es/components/Button/Button.css +8 -8
- package/es/components/Button/Button.js +8 -2
- package/es/components/Button/Button.js.map +1 -1
- package/es/components/Button/Button.styles.js +22 -3
- package/es/components/Button/Button.styles.js.map +1 -1
- package/{cjs/components/Button/Button.styles_1sopr3d.css → es/components/Button/Button.styles_8cvmld.css} +2 -2
- package/es/components/Calendar/CalendarBase/CalendarBase.css +8 -8
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +8 -8
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/es/components/Combobox/ComboboxNew/Combobox.css +8 -8
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +8 -8
- package/es/components/DatePicker/RangeDate/RangeDate.css +8 -8
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +8 -8
- package/es/components/DatePicker/SingleDate/SingleDate.css +8 -8
- package/es/components/Drawer/Drawer.css +8 -8
- package/es/components/Drawer/ui/DrawerContent/DrawerContent.css +8 -8
- package/es/components/EmptyState/EmptyState.css +8 -8
- package/es/components/IconButton/IconButton.css +8 -8
- package/es/components/Notification/Notification.css +8 -8
- package/es/components/Notification/NotificationsProvider.css +8 -8
- package/es/components/NumberInput/NumberInput.css +8 -8
- package/es/components/Pagination/Pagination.css +8 -8
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +8 -8
- package/es/components/Panel/ui/PanelHeader/PanelHeader.css +8 -8
- package/es/components/Select/Select.css +8 -8
- package/es/components/Select/ui/Target/Target.css +8 -8
- package/es/components/Select/ui/Target/ui/Button/Button.css +8 -8
- package/es/components/Toast/Toast.css +8 -8
- package/es/components/Toast/ToastController.css +8 -8
- package/es/components/Toast/ToastController.js +4 -0
- package/es/components/Toast/ToastController.js.map +1 -1
- package/es/components/Toast/ToastProvider/ToastProvider.js +3 -9
- package/es/components/Toast/ToastProvider/ToastProvider.js.map +1 -1
- package/es/components/Tree/Tree.css +4 -4
- package/es/components/Tree/Tree.js +0 -1
- package/es/components/Tree/Tree.js.map +1 -1
- package/es/components/Tree/Tree.styles.js +1 -1
- package/es/components/Tree/Tree.styles.js.map +1 -1
- package/es/components/Tree/Tree.styles_609q4l.css +5 -0
- package/es/index.css +14 -14
- package/package.json +3 -3
- package/styled-components/cjs/components/Attach/ui/IconButton/IconButton.styles.js +2 -2
- package/styled-components/cjs/components/Button/Button.js +8 -2
- package/styled-components/cjs/components/Button/Button.styles.js +8 -2
- package/styled-components/cjs/components/Button/Button.template-doc.mdx +19 -41
- package/styled-components/cjs/components/IconButton/IconButton.template-doc.mdx +13 -6
- package/styled-components/cjs/components/Toast/ToastController.js +4 -0
- package/styled-components/cjs/components/Toast/ToastProvider/ToastProvider.js +3 -9
- package/styled-components/cjs/components/Tree/Tree.js +0 -1
- package/styled-components/cjs/components/Tree/Tree.styles.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Button/Button.stories.tsx +5 -4
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -0
- package/styled-components/cjs/examples/plasma_web/components/Button/Button.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -0
- package/styled-components/es/components/Attach/ui/IconButton/IconButton.styles.js +2 -2
- package/styled-components/es/components/Button/Button.js +8 -2
- package/styled-components/es/components/Button/Button.styles.js +8 -2
- package/styled-components/es/components/Button/Button.template-doc.mdx +19 -41
- package/styled-components/es/components/IconButton/IconButton.template-doc.mdx +13 -6
- package/styled-components/es/components/Toast/ToastController.js +4 -0
- package/styled-components/es/components/Toast/ToastProvider/ToastProvider.js +3 -9
- package/styled-components/es/components/Tree/Tree.js +0 -1
- package/styled-components/es/components/Tree/Tree.styles.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Button/Button.stories.tsx +5 -4
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -0
- package/styled-components/es/examples/plasma_web/components/Button/Button.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -0
- package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts.map +1 -1
- package/types/components/Button/Button.d.ts.map +1 -1
- package/types/components/Button/Button.styles.d.ts +6 -2
- package/types/components/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Button/Button.types.d.ts +5 -9
- package/types/components/Button/Button.types.d.ts.map +1 -1
- package/types/components/Toast/ToastController.d.ts.map +1 -1
- package/types/components/Toast/ToastProvider/ToastProvider.d.ts.map +1 -1
- package/types/components/Tree/Tree.d.ts +0 -1
- package/types/components/Tree/Tree.d.ts.map +1 -1
- package/types/components/Tree/Tree.styles.d.ts.map +1 -1
- package/cjs/components/Attach/ui/IconButton/IconButton.styles_1q2jfs2.css +0 -2
- package/cjs/components/Tree/Tree.styles_1mwgczn.css +0 -5
- package/es/components/Attach/ui/IconButton/IconButton.styles_1q2jfs2.css +0 -2
- 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,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');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
|
|
@@ -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-
|
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-
|
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,
|
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,
|
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;
|
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;
|
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
|
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
|
-
|
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
|
-
+ `"
|
127
|
-
+ `"
|
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="
|
142
|
-
<Button text="Кнопка" size="s" view="
|
143
|
-
<Button text="Кнопка" size="s" view="
|
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';
|