@dhis2/analytics 26.0.5 → 26.0.6
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/build/cjs/__demo__/Toolbar.stories.js +3 -1
- package/build/cjs/components/FileMenu/FileMenu.js +9 -3
- package/build/cjs/components/Toolbar/HoverMenuBar/HoverMenuBar.js +9 -0
- package/build/cjs/components/Toolbar/HoverMenuBar/HoverMenuDropdown.js +5 -1
- package/build/cjs/components/Toolbar/HoverMenuBar/HoverMenuList.js +2 -1
- package/build/cjs/components/Toolbar/HoverMenuBar/HoverMenuListItem.styles.js +2 -2
- package/build/cjs/components/Toolbar/MenuButton.styles.js +2 -2
- package/build/es/__demo__/Toolbar.stories.js +3 -1
- package/build/es/components/FileMenu/FileMenu.js +9 -3
- package/build/es/components/Toolbar/HoverMenuBar/HoverMenuBar.js +9 -0
- package/build/es/components/Toolbar/HoverMenuBar/HoverMenuDropdown.js +4 -1
- package/build/es/components/Toolbar/HoverMenuBar/HoverMenuList.js +2 -1
- package/build/es/components/Toolbar/HoverMenuBar/HoverMenuListItem.styles.js +2 -2
- package/build/es/components/Toolbar/MenuButton.styles.js +2 -2
- package/package.json +1 -1
|
@@ -22,7 +22,9 @@ function ToolbarWithState() {
|
|
|
22
22
|
cursor: 'pointer'
|
|
23
23
|
},
|
|
24
24
|
onClick: () => setIsHidden(true)
|
|
25
|
-
}, "click to hide")), /*#__PURE__*/_react2.default.createElement(_index.UpdateButton,
|
|
25
|
+
}, "click to hide")), /*#__PURE__*/_react2.default.createElement(_index.UpdateButton, {
|
|
26
|
+
onClick: () => {}
|
|
27
|
+
}), /*#__PURE__*/_react2.default.createElement(_index.HoverMenuBar, null, /*#__PURE__*/_react2.default.createElement(_index.HoverMenuDropdown, {
|
|
26
28
|
label: "Menu A"
|
|
27
29
|
}, /*#__PURE__*/_react2.default.createElement(_index.HoverMenuList, null, /*#__PURE__*/_react2.default.createElement(_index.HoverMenuListItem, {
|
|
28
30
|
label: "Menu item A.1"
|
|
@@ -155,7 +155,9 @@ const FileMenu = _ref => {
|
|
|
155
155
|
}),
|
|
156
156
|
onClick: onNew,
|
|
157
157
|
dataTest: "file-menu-new"
|
|
158
|
-
}), /*#__PURE__*/_react.default.createElement(_ui.MenuDivider,
|
|
158
|
+
}), /*#__PURE__*/_react.default.createElement(_ui.MenuDivider, {
|
|
159
|
+
dense: true
|
|
160
|
+
}), /*#__PURE__*/_react.default.createElement(_index2.HoverMenuListItem, {
|
|
159
161
|
label: _index.default.t('Open…'),
|
|
160
162
|
icon: /*#__PURE__*/_react.default.createElement(_ui.IconLaunch24, {
|
|
161
163
|
color: iconActiveColor
|
|
@@ -194,7 +196,9 @@ const FileMenu = _ref => {
|
|
|
194
196
|
disabled: !(fileObject !== null && fileObject !== void 0 && fileObject.id && fileObject !== null && fileObject !== void 0 && (_fileObject$access6 = fileObject.access) !== null && _fileObject$access6 !== void 0 && _fileObject$access6.update),
|
|
195
197
|
onClick: onMenuItemClick('translate'),
|
|
196
198
|
dataTest: "file-menu-translate"
|
|
197
|
-
}), /*#__PURE__*/_react.default.createElement(_ui.MenuDivider,
|
|
199
|
+
}), /*#__PURE__*/_react.default.createElement(_ui.MenuDivider, {
|
|
200
|
+
dense: true
|
|
201
|
+
}), /*#__PURE__*/_react.default.createElement(_index2.HoverMenuListItem, {
|
|
198
202
|
label: _index.default.t('Share…'),
|
|
199
203
|
icon: /*#__PURE__*/_react.default.createElement(_ui.IconShare24, {
|
|
200
204
|
color: fileObject !== null && fileObject !== void 0 && fileObject.id && fileObject !== null && fileObject !== void 0 && (_fileObject$access7 = fileObject.access) !== null && _fileObject$access7 !== void 0 && _fileObject$access7.manage ? iconActiveColor : iconInactiveColor
|
|
@@ -210,7 +214,9 @@ const FileMenu = _ref => {
|
|
|
210
214
|
disabled: !(fileObject !== null && fileObject !== void 0 && fileObject.id),
|
|
211
215
|
onClick: onMenuItemClick('getlink'),
|
|
212
216
|
dataTest: "file-menu-getlink"
|
|
213
|
-
}), /*#__PURE__*/_react.default.createElement(_ui.MenuDivider,
|
|
217
|
+
}), /*#__PURE__*/_react.default.createElement(_ui.MenuDivider, {
|
|
218
|
+
dense: true
|
|
219
|
+
}), /*#__PURE__*/_react.default.createElement(_index2.HoverMenuListItem, {
|
|
214
220
|
label: _index.default.t('Delete'),
|
|
215
221
|
destructive: true,
|
|
216
222
|
icon: /*#__PURE__*/_react.default.createElement(_ui.IconDelete24, {
|
|
@@ -67,6 +67,15 @@ const HoverMenuBar = _ref => {
|
|
|
67
67
|
}, [isInHoverMode]);
|
|
68
68
|
const closeMenuWithEsc = (0, _react.useCallback)(event => {
|
|
69
69
|
if (event.keyCode === 27) {
|
|
70
|
+
/* Blurring the active element is needed here to prevent
|
|
71
|
+
* the menu button which was clicked to open the hovermenu
|
|
72
|
+
* from getting the blue outline style. This looks a bit off
|
|
73
|
+
* in all cases, but especially when the menu item which was
|
|
74
|
+
* clicked to open the hover menu isn't the currently opened
|
|
75
|
+
* dropdown menu. This doesn't have to be the case since
|
|
76
|
+
* dropdown menues open on hover once the first one has been
|
|
77
|
+
* clicked. */
|
|
78
|
+
document.activeElement.blur();
|
|
70
79
|
closeMenu();
|
|
71
80
|
}
|
|
72
81
|
}, [closeMenu]);
|
|
@@ -11,6 +11,8 @@ var _popper = require("@dhis2-ui/popper");
|
|
|
11
11
|
|
|
12
12
|
var _portal = require("@dhis2-ui/portal");
|
|
13
13
|
|
|
14
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
+
|
|
14
16
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
17
|
|
|
16
18
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -45,7 +47,9 @@ const HoverMenuDropdown = _ref => {
|
|
|
45
47
|
disabled: disabled,
|
|
46
48
|
onMouseOver: disabled ? undefined : onDropDownButtonMouseOver,
|
|
47
49
|
"data-test": dataTest,
|
|
48
|
-
className: "jsx-".concat(_MenuButtonStyles.default.__hash)
|
|
50
|
+
className: "jsx-".concat(_MenuButtonStyles.default.__hash) + " " + ((0, _classnames.default)({
|
|
51
|
+
isOpen
|
|
52
|
+
}) || "")
|
|
49
53
|
}, label, /*#__PURE__*/_react.default.createElement(_style.default, {
|
|
50
54
|
id: _MenuButtonStyles.default.__hash
|
|
51
55
|
}, _MenuButtonStyles.default)), isOpen && /*#__PURE__*/_react.default.createElement(_portal.Portal, null, /*#__PURE__*/_react.default.createElement(_popper.Popper, {
|
|
@@ -79,7 +79,8 @@ exports.HoverMenuList = HoverMenuList;
|
|
|
79
79
|
HoverMenuList.defaultProps = {
|
|
80
80
|
dataTest: 'dhis2-analytics-hovermenulist',
|
|
81
81
|
maxWidth: '380px',
|
|
82
|
-
maxHeight: 'auto'
|
|
82
|
+
maxHeight: 'auto',
|
|
83
|
+
dense: true
|
|
83
84
|
};
|
|
84
85
|
HoverMenuList.propTypes = {
|
|
85
86
|
/** Typically `MenuItem`, `MenuDivider`, and `MenuSectionHeader` */
|
|
@@ -7,7 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _uiConstants = require("@dhis2/ui-constants");
|
|
9
9
|
|
|
10
|
-
const _defaultExport = ["li.jsx-
|
|
11
|
-
_defaultExport.__hash = "
|
|
10
|
+
const _defaultExport = ["li.jsx-2311946824{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0px ".concat(_uiConstants.spacers.dp24, ";cursor:pointer;list-style:none;background-color:").concat(_uiConstants.colors.white, ";color:").concat(_uiConstants.colors.grey900, ";fill:").concat(_uiConstants.colors.grey900, ";font-size:14px;line-height:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}"), "li.jsx-2311946824:hover,li.jsx-2311946824:active,li.active.jsx-2311946824{background-color:".concat(_uiConstants.colors.grey200, ";}"), "li.destructive.jsx-2311946824{color:".concat(_uiConstants.colors.red700, ";fill:").concat(_uiConstants.colors.red600, ";}"), "li.destructive.jsx-2311946824:hover{background-color:".concat(_uiConstants.colors.red050, ";}"), "li.destructive.jsx-2311946824:active,li.destructive.active.jsx-2311946824{background-color:".concat(_uiConstants.colors.red100, ";}"), "li.disabled.jsx-2311946824{cursor:not-allowed;color:".concat(_uiConstants.colors.grey500, ";fill:").concat(_uiConstants.colors.grey500, ";}"), "li.disabled.jsx-2311946824:hover{background-color:".concat(_uiConstants.colors.white, ";}"), ".label.jsx-2311946824{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:".concat(_uiConstants.spacers.dp12, " 0;}"), "li.dense.jsx-2311946824 .label.jsx-2311946824{padding:".concat(_uiConstants.spacers.dp8, " 0;}"), ".icon.jsx-2311946824{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;margin-right:".concat(_uiConstants.spacers.dp12, ";width:24px;height:24px;}"), ".chevron.jsx-2311946824{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;margin-left:".concat(_uiConstants.spacers.dp24, ";}"), "li.dense.jsx-2311946824 .icon.jsx-2311946824{margin-right:".concat(_uiConstants.spacers.dp8, ";width:16px;height:16px;}"), "li.jsx-2311946824 .icon.jsx-2311946824>svg{width:24px;height:24px;}", "li.dense.jsx-2311946824 .icon.jsx-2311946824>svg,li.jsx-2311946824 .chevron.jsx-2311946824>svg{width:16px;height:16px;}"];
|
|
11
|
+
_defaultExport.__hash = "2311946824";
|
|
12
12
|
var _default = _defaultExport;
|
|
13
13
|
exports.default = _default;
|
|
@@ -7,7 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _uiConstants = require("@dhis2/ui-constants");
|
|
9
9
|
|
|
10
|
-
const _defaultExport = ["button.jsx-
|
|
11
|
-
_defaultExport.__hash = "
|
|
10
|
+
const _defaultExport = ["button.jsx-3546699693{all:unset;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:14px;line-height:14px;padding:0 ".concat(_uiConstants.spacers.dp12, ";color:").concat(_uiConstants.colors.grey900, ";cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}"), "button.jsx-3546699693:hover.jsx-3546699693:enabled,button.jsx-3546699693:active.jsx-3546699693:enabled,button.isOpen.jsx-3546699693{background-color:".concat(_uiConstants.colors.grey200, ";}"), "button.jsx-3546699693:focus{outline:3px solid ".concat(_uiConstants.theme.focus, ";outline-offset:-3px;}"), "button.jsx-3546699693:focus.jsx-3546699693:not(:focus-visible){outline:none;}", "button.jsx-3546699693:disabled{color:".concat(_uiConstants.colors.grey500, ";cursor:not-allowed;}")];
|
|
11
|
+
_defaultExport.__hash = "3546699693";
|
|
12
12
|
var _default = _defaultExport;
|
|
13
13
|
exports.default = _default;
|
|
@@ -14,7 +14,9 @@ function ToolbarWithState() {
|
|
|
14
14
|
cursor: 'pointer'
|
|
15
15
|
},
|
|
16
16
|
onClick: () => setIsHidden(true)
|
|
17
|
-
}, "click to hide")), /*#__PURE__*/React.createElement(UpdateButton,
|
|
17
|
+
}, "click to hide")), /*#__PURE__*/React.createElement(UpdateButton, {
|
|
18
|
+
onClick: () => {}
|
|
19
|
+
}), /*#__PURE__*/React.createElement(HoverMenuBar, null, /*#__PURE__*/React.createElement(HoverMenuDropdown, {
|
|
18
20
|
label: "Menu A"
|
|
19
21
|
}, /*#__PURE__*/React.createElement(HoverMenuList, null, /*#__PURE__*/React.createElement(HoverMenuListItem, {
|
|
20
22
|
label: "Menu item A.1"
|
|
@@ -130,7 +130,9 @@ export const FileMenu = _ref => {
|
|
|
130
130
|
}),
|
|
131
131
|
onClick: onNew,
|
|
132
132
|
dataTest: "file-menu-new"
|
|
133
|
-
}), /*#__PURE__*/React.createElement(MenuDivider,
|
|
133
|
+
}), /*#__PURE__*/React.createElement(MenuDivider, {
|
|
134
|
+
dense: true
|
|
135
|
+
}), /*#__PURE__*/React.createElement(HoverMenuListItem, {
|
|
134
136
|
label: i18n.t('Open…'),
|
|
135
137
|
icon: /*#__PURE__*/React.createElement(IconLaunch24, {
|
|
136
138
|
color: iconActiveColor
|
|
@@ -169,7 +171,9 @@ export const FileMenu = _ref => {
|
|
|
169
171
|
disabled: !(fileObject !== null && fileObject !== void 0 && fileObject.id && fileObject !== null && fileObject !== void 0 && (_fileObject$access6 = fileObject.access) !== null && _fileObject$access6 !== void 0 && _fileObject$access6.update),
|
|
170
172
|
onClick: onMenuItemClick('translate'),
|
|
171
173
|
dataTest: "file-menu-translate"
|
|
172
|
-
}), /*#__PURE__*/React.createElement(MenuDivider,
|
|
174
|
+
}), /*#__PURE__*/React.createElement(MenuDivider, {
|
|
175
|
+
dense: true
|
|
176
|
+
}), /*#__PURE__*/React.createElement(HoverMenuListItem, {
|
|
173
177
|
label: i18n.t('Share…'),
|
|
174
178
|
icon: /*#__PURE__*/React.createElement(IconShare24, {
|
|
175
179
|
color: fileObject !== null && fileObject !== void 0 && fileObject.id && fileObject !== null && fileObject !== void 0 && (_fileObject$access7 = fileObject.access) !== null && _fileObject$access7 !== void 0 && _fileObject$access7.manage ? iconActiveColor : iconInactiveColor
|
|
@@ -185,7 +189,9 @@ export const FileMenu = _ref => {
|
|
|
185
189
|
disabled: !(fileObject !== null && fileObject !== void 0 && fileObject.id),
|
|
186
190
|
onClick: onMenuItemClick('getlink'),
|
|
187
191
|
dataTest: "file-menu-getlink"
|
|
188
|
-
}), /*#__PURE__*/React.createElement(MenuDivider,
|
|
192
|
+
}), /*#__PURE__*/React.createElement(MenuDivider, {
|
|
193
|
+
dense: true
|
|
194
|
+
}), /*#__PURE__*/React.createElement(HoverMenuListItem, {
|
|
189
195
|
label: i18n.t('Delete'),
|
|
190
196
|
destructive: true,
|
|
191
197
|
icon: /*#__PURE__*/React.createElement(IconDelete24, {
|
|
@@ -50,6 +50,15 @@ const HoverMenuBar = _ref => {
|
|
|
50
50
|
}, [isInHoverMode]);
|
|
51
51
|
const closeMenuWithEsc = useCallback(event => {
|
|
52
52
|
if (event.keyCode === 27) {
|
|
53
|
+
/* Blurring the active element is needed here to prevent
|
|
54
|
+
* the menu button which was clicked to open the hovermenu
|
|
55
|
+
* from getting the blue outline style. This looks a bit off
|
|
56
|
+
* in all cases, but especially when the menu item which was
|
|
57
|
+
* clicked to open the hover menu isn't the currently opened
|
|
58
|
+
* dropdown menu. This doesn't have to be the case since
|
|
59
|
+
* dropdown menues open on hover once the first one has been
|
|
60
|
+
* clicked. */
|
|
61
|
+
document.activeElement.blur();
|
|
53
62
|
closeMenu();
|
|
54
63
|
}
|
|
55
64
|
}, [closeMenu]);
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import _JSXStyle from "styled-jsx/style";
|
|
2
2
|
import { Popper } from '@dhis2-ui/popper';
|
|
3
3
|
import { Portal } from '@dhis2-ui/portal';
|
|
4
|
+
import cx from 'classnames';
|
|
4
5
|
import PropTypes from 'prop-types';
|
|
5
6
|
import React, { useRef } from 'react';
|
|
6
7
|
import menuButtonStyles from '../MenuButton.styles.js';
|
|
@@ -25,7 +26,9 @@ export const HoverMenuDropdown = _ref => {
|
|
|
25
26
|
disabled: disabled,
|
|
26
27
|
onMouseOver: disabled ? undefined : onDropDownButtonMouseOver,
|
|
27
28
|
"data-test": dataTest,
|
|
28
|
-
className: "jsx-".concat(menuButtonStyles.__hash)
|
|
29
|
+
className: "jsx-".concat(menuButtonStyles.__hash) + " " + (cx({
|
|
30
|
+
isOpen
|
|
31
|
+
}) || "")
|
|
29
32
|
}, label, /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
30
33
|
id: menuButtonStyles.__hash
|
|
31
34
|
}, menuButtonStyles)), isOpen && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Popper, {
|
|
@@ -59,7 +59,8 @@ const HoverMenuList = _ref => {
|
|
|
59
59
|
HoverMenuList.defaultProps = {
|
|
60
60
|
dataTest: 'dhis2-analytics-hovermenulist',
|
|
61
61
|
maxWidth: '380px',
|
|
62
|
-
maxHeight: 'auto'
|
|
62
|
+
maxHeight: 'auto',
|
|
63
|
+
dense: true
|
|
63
64
|
};
|
|
64
65
|
HoverMenuList.propTypes = {
|
|
65
66
|
/** Typically `MenuItem`, `MenuDivider`, and `MenuSectionHeader` */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { colors, spacers } from '@dhis2/ui-constants';
|
|
2
|
-
const _defaultExport = ["li.jsx-
|
|
3
|
-
_defaultExport.__hash = "
|
|
2
|
+
const _defaultExport = ["li.jsx-2311946824{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0px ".concat(spacers.dp24, ";cursor:pointer;list-style:none;background-color:").concat(colors.white, ";color:").concat(colors.grey900, ";fill:").concat(colors.grey900, ";font-size:14px;line-height:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}"), "li.jsx-2311946824:hover,li.jsx-2311946824:active,li.active.jsx-2311946824{background-color:".concat(colors.grey200, ";}"), "li.destructive.jsx-2311946824{color:".concat(colors.red700, ";fill:").concat(colors.red600, ";}"), "li.destructive.jsx-2311946824:hover{background-color:".concat(colors.red050, ";}"), "li.destructive.jsx-2311946824:active,li.destructive.active.jsx-2311946824{background-color:".concat(colors.red100, ";}"), "li.disabled.jsx-2311946824{cursor:not-allowed;color:".concat(colors.grey500, ";fill:").concat(colors.grey500, ";}"), "li.disabled.jsx-2311946824:hover{background-color:".concat(colors.white, ";}"), ".label.jsx-2311946824{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:".concat(spacers.dp12, " 0;}"), "li.dense.jsx-2311946824 .label.jsx-2311946824{padding:".concat(spacers.dp8, " 0;}"), ".icon.jsx-2311946824{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;margin-right:".concat(spacers.dp12, ";width:24px;height:24px;}"), ".chevron.jsx-2311946824{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;margin-left:".concat(spacers.dp24, ";}"), "li.dense.jsx-2311946824 .icon.jsx-2311946824{margin-right:".concat(spacers.dp8, ";width:16px;height:16px;}"), "li.jsx-2311946824 .icon.jsx-2311946824>svg{width:24px;height:24px;}", "li.dense.jsx-2311946824 .icon.jsx-2311946824>svg,li.jsx-2311946824 .chevron.jsx-2311946824>svg{width:16px;height:16px;}"];
|
|
3
|
+
_defaultExport.__hash = "2311946824";
|
|
4
4
|
export default _defaultExport;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { colors, spacers, theme } from '@dhis2/ui-constants';
|
|
2
|
-
const _defaultExport = ["button.jsx-
|
|
3
|
-
_defaultExport.__hash = "
|
|
2
|
+
const _defaultExport = ["button.jsx-3546699693{all:unset;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:14px;line-height:14px;padding:0 ".concat(spacers.dp12, ";color:").concat(colors.grey900, ";cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}"), "button.jsx-3546699693:hover.jsx-3546699693:enabled,button.jsx-3546699693:active.jsx-3546699693:enabled,button.isOpen.jsx-3546699693{background-color:".concat(colors.grey200, ";}"), "button.jsx-3546699693:focus{outline:3px solid ".concat(theme.focus, ";outline-offset:-3px;}"), "button.jsx-3546699693:focus.jsx-3546699693:not(:focus-visible){outline:none;}", "button.jsx-3546699693:disabled{color:".concat(colors.grey500, ";cursor:not-allowed;}")];
|
|
3
|
+
_defaultExport.__hash = "3546699693";
|
|
4
4
|
export default _defaultExport;
|