@codacy/ui-components 0.66.24 → 0.66.26
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/lib/Avatar/Avatar.js +20 -28
- package/lib/Avatar/Avatar.types.js +1 -5
- package/lib/Avatar/gravatar.js +14 -22
- package/lib/Avatar/index.js +1 -16
- package/lib/Banner/Banner.js +33 -50
- package/lib/Banner/Banner.styles.d.ts +1 -1
- package/lib/Banner/Banner.styles.js +11 -20
- package/lib/Banner/Banner.types.js +1 -5
- package/lib/Banner/index.js +2 -27
- package/lib/Bannerol/Bannerol.js +44 -61
- package/lib/Bannerol/Bannerol.styles.js +9 -18
- package/lib/Bannerol/Bannerol.types.js +1 -5
- package/lib/Bannerol/index.js +3 -38
- package/lib/BigTabs/BigTabs.js +39 -54
- package/lib/BigTabs/BigTabs.styles.js +79 -107
- package/lib/BigTabs/BigTabs.types.js +1 -5
- package/lib/BigTabs/index.js +1 -16
- package/lib/Button/Button.js +45 -67
- package/lib/Button/index.js +2 -27
- package/lib/Button/styles.js +101 -130
- package/lib/Button/types.js +1 -5
- package/lib/Checkbox/Checkbox.js +55 -68
- package/lib/Checkbox/CheckboxFilterList.js +33 -66
- package/lib/Checkbox/index.js +3 -38
- package/lib/Checkbox/styles.js +64 -86
- package/lib/Checkbox/types.js +1 -5
- package/lib/CloseButton/index.d.ts +1 -1
- package/lib/CloseButton/index.js +24 -36
- package/lib/Divider/Divider.js +14 -25
- package/lib/Divider/Divider.styles.d.ts +1 -1
- package/lib/Divider/Divider.styles.js +24 -38
- package/lib/Divider/Divider.types.js +1 -5
- package/lib/Divider/index.js +1 -16
- package/lib/Dropdown/Content/DropdownInput.js +10 -20
- package/lib/Dropdown/Content/DropdownItem.js +22 -36
- package/lib/Dropdown/Content/DropdownSeparator.js +8 -19
- package/lib/Dropdown/Content/DropdownTitle.js +8 -22
- package/lib/Dropdown/Content/index.js +4 -49
- package/lib/Dropdown/Dropdown.js +74 -102
- package/lib/Dropdown/Dropdown.styles.d.ts +1 -1
- package/lib/Dropdown/Dropdown.styles.js +60 -82
- package/lib/Dropdown/Dropdown.types.js +1 -5
- package/lib/Dropdown/Triggers/DropdownButtonTrigger.js +19 -32
- package/lib/Dropdown/Triggers/DropdownItemTrigger.js +18 -30
- package/lib/Dropdown/Triggers/FilterTrigger.js +66 -93
- package/lib/Dropdown/Triggers/InputTrigger.js +15 -24
- package/lib/Dropdown/Triggers/SelectTrigger.js +12 -21
- package/lib/Dropdown/Triggers/hooks.js +17 -26
- package/lib/Dropdown/Triggers/index.js +6 -71
- package/lib/Dropdown/Triggers/types.js +1 -5
- package/lib/Dropdown/index.js +4 -49
- package/lib/ExpandableBox/ExpandableBox.js +28 -43
- package/lib/ExpandableBox/ExpandableBox.styles.d.ts +2 -2
- package/lib/ExpandableBox/ExpandableBox.styles.js +27 -40
- package/lib/ExpandableBox/ExpandableBox.types.js +1 -5
- package/lib/ExpandableBox/index.js +1 -16
- package/lib/Flexbox/Flexbox.js +14 -21
- package/lib/Flexbox/index.js +1 -16
- package/lib/Group/Group.js +7 -18
- package/lib/Group/Group.styles.js +8 -16
- package/lib/Group/Group.types.js +1 -5
- package/lib/Group/index.js +1 -16
- package/lib/Icon/Icon.js +15 -26
- package/lib/Icon/Icon.styles.d.ts +1 -1
- package/lib/Icon/Icon.styles.js +57 -50
- package/lib/Icon/Icon.types.js +1 -5
- package/lib/Icon/index.js +1 -16
- package/lib/IconAndText/IconAndText.js +23 -36
- package/lib/IconAndText/IconAndText.styles.js +19 -29
- package/lib/IconAndText/IconAndText.types.js +1 -5
- package/lib/IconAndText/index.js +1 -16
- package/lib/Icons/Chevrons.js +45 -65
- package/lib/Icons/CodacyIcon.js +9 -20
- package/lib/Icons/Ellipsis.js +18 -29
- package/lib/Icons/Messages.js +58 -79
- package/lib/Icons/Search.js +8 -19
- package/lib/Icons/Severities.js +113 -149
- package/lib/Icons/Sorting.js +15 -29
- package/lib/Icons/Spinner.js +11 -22
- package/lib/Icons/Symbols.js +67 -90
- package/lib/Icons/index.js +8 -93
- package/lib/Img/Img.js +26 -45
- package/lib/Img/Img.styles.d.ts +2 -2
- package/lib/Img/Img.styles.js +21 -29
- package/lib/Img/Img.types.js +1 -5
- package/lib/Img/index.js +1 -16
- package/lib/InlineMessage/InlineMessage.js +43 -70
- package/lib/InlineMessage/index.js +1 -16
- package/lib/InlineMessage/types.js +1 -5
- package/lib/Input/Input.js +115 -143
- package/lib/Input/hooks.js +107 -208
- package/lib/Input/index.js +2 -27
- package/lib/Input/styles.d.ts +2 -2
- package/lib/Input/styles.js +116 -151
- package/lib/Input/types.js +1 -5
- package/lib/Labeled/Labeled.js +22 -35
- package/lib/Labeled/index.js +1 -16
- package/lib/Labeled/styles.js +23 -37
- package/lib/Labeled/types.js +1 -5
- package/lib/LeftMenu/LeftMenu.js +10 -21
- package/lib/LeftMenu/LeftMenu.styles.js +25 -43
- package/lib/LeftMenu/LeftMenu.types.js +1 -5
- package/lib/LeftMenu/index.js +1 -16
- package/lib/Link/Link.js +32 -50
- package/lib/Link/Link.styles.js +11 -23
- package/lib/Link/Link.types.js +1 -5
- package/lib/Link/index.js +3 -38
- package/lib/Message/Message.js +31 -42
- package/lib/Message/Message.styles.js +18 -31
- package/lib/Message/Message.types.js +1 -5
- package/lib/Message/index.js +1 -16
- package/lib/Modal/ConfirmationModal.js +40 -67
- package/lib/Modal/Modal.js +107 -137
- package/lib/Modal/index.js +2 -27
- package/lib/Modal/styles.js +44 -62
- package/lib/Modal/types.js +1 -5
- package/lib/MoreInfo/MoreInfo.js +41 -53
- package/lib/MoreInfo/index.js +1 -16
- package/lib/MoreInfo/types.js +1 -5
- package/lib/MultiSlider/MultiSlider.js +17 -31
- package/lib/MultiSlider/index.js +1 -16
- package/lib/MultiSlider/styles.js +18 -34
- package/lib/MultiSlider/types.js +1 -5
- package/lib/Panel/Panel.js +9 -19
- package/lib/Panel/Panel.styles.js +15 -22
- package/lib/Panel/Panel.types.js +1 -5
- package/lib/Panel/index.js +2 -27
- package/lib/PillLabel/PillLabel.js +35 -49
- package/lib/PillLabel/PillLabel.styles.js +33 -44
- package/lib/PillLabel/PillLabel.types.js +1 -5
- package/lib/PillLabel/index.js +1 -16
- package/lib/Popup/Popup.js +43 -61
- package/lib/Popup/index.js +1 -16
- package/lib/Popup/styles.js +22 -34
- package/lib/Popup/types.js +1 -5
- package/lib/ProgressBar/ProgressBar.js +19 -35
- package/lib/ProgressBar/index.js +2 -27
- package/lib/ProgressBar/styles.d.ts +2 -2
- package/lib/ProgressBar/styles.js +21 -37
- package/lib/ProgressBar/types.d.ts +0 -3
- package/lib/ProgressBar/types.js +1 -5
- package/lib/Radio/Radio.js +47 -59
- package/lib/Radio/index.js +1 -16
- package/lib/Radio/styles.js +48 -72
- package/lib/Radio/types.js +1 -5
- package/lib/ScrollableContent/ScrollableContent.js +27 -40
- package/lib/ScrollableContent/ScrollableContent.styles.js +22 -39
- package/lib/ScrollableContent/ScrollableContent.types.js +1 -5
- package/lib/ScrollableContent/index.js +2 -27
- package/lib/ScrollableContent/useScrollContainer.js +35 -50
- package/lib/Skeleton/Skeleton.js +25 -45
- package/lib/Skeleton/Skeleton.styles.js +28 -25
- package/lib/Skeleton/Skeleton.types.js +1 -5
- package/lib/Skeleton/index.js +2 -20
- package/lib/Slider/Slider.js +32 -56
- package/lib/Slider/index.js +1 -16
- package/lib/Slider/styles.js +41 -60
- package/lib/Slider/types.js +1 -5
- package/lib/StepNumber/StepNumber.js +26 -40
- package/lib/StepNumber/index.js +1 -16
- package/lib/StepNumber/styles.js +13 -24
- package/lib/StepNumber/types.js +1 -5
- package/lib/Stepper/Stepper.js +45 -62
- package/lib/Stepper/Stepper.styles.js +27 -44
- package/lib/Stepper/Stepper.types.js +1 -5
- package/lib/Stepper/index.js +1 -16
- package/lib/Switcher/Switcher.js +22 -34
- package/lib/Switcher/Switcher.styles.js +27 -42
- package/lib/Switcher/Switcher.types.js +1 -5
- package/lib/Switcher/index.js +1 -16
- package/lib/Tab/Tab.js +21 -33
- package/lib/Tab/Tab.styles.js +34 -50
- package/lib/Tab/Tab.types.js +1 -5
- package/lib/Tab/index.js +1 -16
- package/lib/Table/NewSelectableTable.js +59 -97
- package/lib/Table/SelectableTable.js +142 -189
- package/lib/Table/Table.js +110 -155
- package/lib/Table/Table.styles.js +67 -90
- package/lib/Table/Table.types.js +1 -5
- package/lib/Table/index.js +2 -27
- package/lib/TagsInput/TagsInput.js +32 -46
- package/lib/TagsInput/index.js +1 -16
- package/lib/TagsInput/style.js +45 -71
- package/lib/TagsInput/types.js +1 -5
- package/lib/Textarea/Textarea.js +52 -71
- package/lib/Textarea/Textarea.styles.js +91 -126
- package/lib/Textarea/Textarea.types.js +1 -5
- package/lib/Textarea/index.js +1 -16
- package/lib/ThemeProvider/ThemeProvider.js +41 -65
- package/lib/ThemeProvider/index.js +1 -16
- package/lib/Toast/Toast.js +53 -68
- package/lib/Toast/index.js +1 -16
- package/lib/Toast/styles.js +29 -49
- package/lib/Toast/types.js +1 -5
- package/lib/Toggle/Toggle.js +48 -65
- package/lib/Toggle/index.js +1 -16
- package/lib/Toggle/styles.d.ts +1 -1
- package/lib/Toggle/styles.js +66 -101
- package/lib/Toggle/types.js +1 -5
- package/lib/Tooltip/Tooltip.js +84 -121
- package/lib/Tooltip/index.js +2 -27
- package/lib/Tooltip/styles.js +63 -93
- package/lib/Tooltip/types.js +1 -5
- package/lib/Typography/Typography.js +78 -116
- package/lib/Typography/Typography.styles.js +61 -78
- package/lib/Typography/Typography.types.js +1 -5
- package/lib/Typography/index.js +3 -38
- package/lib/emotion.d.js +1 -3
- package/lib/hooks/index.js +3 -38
- package/lib/hooks/useForwardedRef.js +5 -11
- package/lib/hooks/useInfiniteScroll.js +13 -25
- package/lib/hooks/useStatefulRef.js +10 -23
- package/lib/index.js +49 -544
- package/lib/system-props/color.js +3 -9
- package/lib/system-props/index.js +2 -27
- package/lib/system-props/types.js +1 -5
- package/lib/theme/ColorSchemes/components/alerts.js +30 -38
- package/lib/theme/ColorSchemes/components/button.js +89 -97
- package/lib/theme/ColorSchemes/components/cards.js +16 -24
- package/lib/theme/ColorSchemes/components/charts.js +93 -101
- package/lib/theme/ColorSchemes/components/checkbox-input.js +13 -21
- package/lib/theme/ColorSchemes/components/divider.js +4 -12
- package/lib/theme/ColorSchemes/components/drawer.js +21 -29
- package/lib/theme/ColorSchemes/components/effects.js +5 -13
- package/lib/theme/ColorSchemes/components/filters.js +12 -20
- package/lib/theme/ColorSchemes/components/index.d.ts +2 -0
- package/lib/theme/ColorSchemes/components/index.js +23 -236
- package/lib/theme/ColorSchemes/components/input.js +38 -46
- package/lib/theme/ColorSchemes/components/issues.js +27 -35
- package/lib/theme/ColorSchemes/components/label.js +33 -41
- package/lib/theme/ColorSchemes/components/list-orb.js +8 -16
- package/lib/theme/ColorSchemes/components/loading.js +4 -12
- package/lib/theme/ColorSchemes/components/logo.js +6 -14
- package/lib/theme/ColorSchemes/components/modals.js +6 -14
- package/lib/theme/ColorSchemes/components/navigation.js +17 -25
- package/lib/theme/ColorSchemes/components/progress-bar.d.ts +5 -0
- package/lib/theme/ColorSchemes/components/progress-bar.js +5 -0
- package/lib/theme/ColorSchemes/components/selector.js +20 -28
- package/lib/theme/ColorSchemes/components/stepper.js +9 -17
- package/lib/theme/ColorSchemes/components/tables.js +12 -20
- package/lib/theme/ColorSchemes/components/tabs.js +13 -21
- package/lib/theme/ColorSchemes/components/tooltip.d.ts +6 -0
- package/lib/theme/ColorSchemes/components/tooltip.js +6 -0
- package/lib/theme/ColorSchemes/components/utils.js +1 -11
- package/lib/theme/ColorSchemes/dark/background.d.ts +27 -27
- package/lib/theme/ColorSchemes/dark/background.js +42 -50
- package/lib/theme/ColorSchemes/dark/border.d.ts +27 -27
- package/lib/theme/ColorSchemes/dark/border.js +37 -45
- package/lib/theme/ColorSchemes/dark/data.js +18 -24
- package/lib/theme/ColorSchemes/dark/icon.d.ts +27 -27
- package/lib/theme/ColorSchemes/dark/icon.js +40 -48
- package/lib/theme/ColorSchemes/dark/illustration.js +11 -17
- package/lib/theme/ColorSchemes/dark/index.js +60 -26
- package/lib/theme/ColorSchemes/dark/text.d.ts +27 -27
- package/lib/theme/ColorSchemes/dark/text.js +47 -54
- package/lib/theme/ColorSchemes/index.js +4 -49
- package/lib/theme/ColorSchemes/light/background.d.ts +27 -27
- package/lib/theme/ColorSchemes/light/background.js +42 -50
- package/lib/theme/ColorSchemes/light/border.d.ts +27 -27
- package/lib/theme/ColorSchemes/light/border.js +37 -45
- package/lib/theme/ColorSchemes/light/data.js +18 -24
- package/lib/theme/ColorSchemes/light/icon.d.ts +27 -27
- package/lib/theme/ColorSchemes/light/icon.js +40 -48
- package/lib/theme/ColorSchemes/light/illustration.js +11 -17
- package/lib/theme/ColorSchemes/light/index.d.ts +59 -54
- package/lib/theme/ColorSchemes/light/index.js +43 -19
- package/lib/theme/ColorSchemes/light/text.d.ts +27 -27
- package/lib/theme/ColorSchemes/light/text.js +47 -54
- package/lib/theme/ColorSchemes/primitives/blue.js +1 -7
- package/lib/theme/ColorSchemes/primitives/green.js +1 -7
- package/lib/theme/ColorSchemes/primitives/grey.js +1 -7
- package/lib/theme/ColorSchemes/primitives/index.d.ts +9 -9
- package/lib/theme/ColorSchemes/primitives/index.js +20 -18
- package/lib/theme/ColorSchemes/primitives/magenta.js +1 -7
- package/lib/theme/ColorSchemes/primitives/orange.js +1 -7
- package/lib/theme/ColorSchemes/primitives/purple.js +1 -7
- package/lib/theme/ColorSchemes/primitives/red.js +1 -7
- package/lib/theme/ColorSchemes/primitives/teal.js +1 -7
- package/lib/theme/ColorSchemes/primitives/yellow.js +1 -7
- package/lib/theme/ColorSchemes/semantics.js +7 -13
- package/lib/theme/index.js +2 -27
- package/lib/theme/theme.js +68 -77
- package/lib/types.js +1 -5
- package/lib/utils/hash.js +3 -9
- package/lib/utils/reactNodeToText.js +9 -17
- package/package.json +21 -11
package/lib/Avatar/Avatar.js
CHANGED
|
@@ -1,29 +1,20 @@
|
|
|
1
|
-
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Img } from '../';
|
|
4
|
+
import { getGravatarUrl } from './gravatar';
|
|
5
|
+
import { useTheme } from '@emotion/react';
|
|
2
6
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.Avatar = void 0;
|
|
8
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
9
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
var _ = require("../");
|
|
12
|
-
var _gravatar = require("./gravatar");
|
|
13
|
-
var _react2 = require("@emotion/react");
|
|
14
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
-
var _excluded = ["email", "src", "size"];
|
|
16
7
|
/**
|
|
17
8
|
* Description for Avatar
|
|
18
9
|
*/
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
10
|
+
const Avatar = ({
|
|
11
|
+
email,
|
|
12
|
+
src,
|
|
13
|
+
size = 'md',
|
|
14
|
+
...props
|
|
15
|
+
}) => {
|
|
16
|
+
const theme = useTheme();
|
|
17
|
+
const dimensions = {
|
|
27
18
|
xs: 1,
|
|
28
19
|
sm: 2,
|
|
29
20
|
md: 3,
|
|
@@ -32,14 +23,15 @@ var Avatar = exports.Avatar = function Avatar(_ref) {
|
|
|
32
23
|
};
|
|
33
24
|
|
|
34
25
|
//So we can have a higher quality in the image, we are fetching double the actual size of the avatar in the ui
|
|
35
|
-
|
|
36
|
-
|
|
26
|
+
const image = !!email ? getGravatarUrl(email, {
|
|
27
|
+
default: 'identicon',
|
|
37
28
|
size: dimensions[size] * theme.remScale * 2
|
|
38
29
|
}) : src;
|
|
39
|
-
return /*#__PURE__*/
|
|
30
|
+
return /*#__PURE__*/React.createElement(Img, _extends({
|
|
40
31
|
src: image,
|
|
41
|
-
width:
|
|
42
|
-
height:
|
|
32
|
+
width: `${dimensions[size]}rem`,
|
|
33
|
+
height: `${dimensions[size]}rem`,
|
|
43
34
|
rounded: true
|
|
44
35
|
}, props));
|
|
45
|
-
};
|
|
36
|
+
};
|
|
37
|
+
export { Avatar };
|
package/lib/Avatar/gravatar.js
CHANGED
|
@@ -1,23 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
var optionDefault = options["default"],
|
|
16
|
-
defaultUrl = options.defaultUrl,
|
|
17
|
-
otherOptions = (0, _objectWithoutProperties2["default"])(options, _excluded);
|
|
18
|
-
var query = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, otherOptions), {}, {
|
|
19
|
-
"default": defaultUrl || optionDefault
|
|
20
|
-
});
|
|
21
|
-
var emailHash = (0, _md["default"])(email);
|
|
22
|
-
return "https://www.gravatar.com/avatar/".concat(emailHash, "?").concat((0, _queryString.stringify)(query));
|
|
1
|
+
import { stringify } from 'query-string';
|
|
2
|
+
import md5 from 'md5';
|
|
3
|
+
export const getGravatarUrl = (email, options = {}) => {
|
|
4
|
+
const {
|
|
5
|
+
default: optionDefault,
|
|
6
|
+
defaultUrl,
|
|
7
|
+
...otherOptions
|
|
8
|
+
} = options;
|
|
9
|
+
const query = {
|
|
10
|
+
...otherOptions,
|
|
11
|
+
default: defaultUrl || optionDefault
|
|
12
|
+
};
|
|
13
|
+
const emailHash = md5(email);
|
|
14
|
+
return `https://www.gravatar.com/avatar/${emailHash}?${stringify(query)}`;
|
|
23
15
|
};
|
package/lib/Avatar/index.js
CHANGED
|
@@ -1,16 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _Avatar = require("./Avatar");
|
|
7
|
-
Object.keys(_Avatar).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _Avatar[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function get() {
|
|
13
|
-
return _Avatar[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
1
|
+
export * from './Avatar';
|
package/lib/Banner/Banner.js
CHANGED
|
@@ -1,60 +1,43 @@
|
|
|
1
|
-
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { StyledBanner, StyledCloseButton } from './Banner.styles';
|
|
4
|
+
import { Box } from '../Flexbox';
|
|
5
|
+
import { Icon } from '../Icon';
|
|
6
|
+
import { RocketIcon } from '../Icons/Symbols';
|
|
7
|
+
import { Paragraph, Subheader } from '../Typography';
|
|
2
8
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.Banner = void 0;
|
|
8
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
9
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
var _Banner = require("./Banner.styles");
|
|
12
|
-
var _Flexbox = require("../Flexbox");
|
|
13
|
-
var _Icon = require("../Icon");
|
|
14
|
-
var _Symbols = require("../Icons/Symbols");
|
|
15
|
-
var _Typography = require("../Typography");
|
|
16
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
-
var _excluded = ["title", "icon", "description", "onDismiss", "variant"];
|
|
18
9
|
/**
|
|
19
10
|
* Description for Banner
|
|
20
11
|
*/
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
return /*#__PURE__*/
|
|
12
|
+
export const Banner = ({
|
|
13
|
+
title,
|
|
14
|
+
icon,
|
|
15
|
+
description,
|
|
16
|
+
onDismiss,
|
|
17
|
+
variant = 'info',
|
|
18
|
+
...props
|
|
19
|
+
}) => {
|
|
20
|
+
return /*#__PURE__*/React.createElement(StyledBanner, _extends({
|
|
30
21
|
variant: variant,
|
|
31
22
|
p: 5,
|
|
32
23
|
width: "100%",
|
|
33
24
|
position: "relative"
|
|
34
|
-
}, props),
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
}), description && typeof description === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.Paragraph, {
|
|
52
|
-
color: "alerts-secondary-text",
|
|
53
|
-
children: description
|
|
54
|
-
}) : description]
|
|
55
|
-
}), onDismiss && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Banner.StyledCloseButton, {
|
|
56
|
-
onClick: onDismiss,
|
|
57
|
-
color: "alerts-primary-icon"
|
|
58
|
-
})]
|
|
25
|
+
}, props), /*#__PURE__*/React.createElement(Box, {
|
|
26
|
+
mr: 4
|
|
27
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
28
|
+
icon: icon || (() => /*#__PURE__*/React.createElement(RocketIcon, null)),
|
|
29
|
+
color: `alerts-${variant}-icon`,
|
|
30
|
+
size: "lg"
|
|
31
|
+
})), /*#__PURE__*/React.createElement(Box, {
|
|
32
|
+
flex: 1
|
|
33
|
+
}, /*#__PURE__*/React.createElement(Subheader, {
|
|
34
|
+
size: "lg",
|
|
35
|
+
mb: 1,
|
|
36
|
+
color: `alerts-primary-text`
|
|
37
|
+
}, title), description && typeof description === 'string' ? /*#__PURE__*/React.createElement(Paragraph, {
|
|
38
|
+
color: "alerts-secondary-text"
|
|
39
|
+
}, description) : description), onDismiss && /*#__PURE__*/React.createElement(StyledCloseButton, {
|
|
40
|
+
onClick: onDismiss,
|
|
41
|
+
color: "alerts-primary-icon"
|
|
59
42
|
}));
|
|
60
43
|
};
|
|
@@ -9,7 +9,7 @@ export declare const StyledBanner: import("@emotion/styled").StyledComponent<{
|
|
|
9
9
|
theme?: import("@emotion/react").Theme | undefined;
|
|
10
10
|
} & import("..").FlexboxProps & Pick<BannerProps, "variant">, {}, {}>;
|
|
11
11
|
export declare const StyledCloseButton: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<HTMLButtonElement> & {
|
|
12
|
-
color?: "link-high" | "link-medium" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-attention" | "link-critical" | "link-minor" | "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "alerts-success-link" | "alerts-success-background" | "alerts-success-border" | "alerts-success-icon" | "alerts-danger-link" | "alerts-danger-background" | "alerts-danger-border" | "alerts-danger-icon" | "alerts-warning-link" | "alerts-warning-background" | "alerts-warning-border" | "alerts-warning-text" | "alerts-warning-icon" | "alerts-info-link" | "alerts-info-background" | "alerts-info-border" | "alerts-info-icon" | "alerts-attention-background" | "alerts-attention-border" | "alerts-attention-text" | "alerts-attention-icon" | "alerts-primary-link" | "alerts-primary-background" | "alerts-primary-text" | "alerts-primary-icon" | "alerts-secondary-background" | "alerts-secondary-text" | "data-color1-enabled" | "data-color1-disabled" | "data-color2-enabled" | "data-color2-disabled" | "data-color3-enabled" | "data-color3-disabled" | "data-color4-enabled" | "data-color4-disabled" | "data-color5-enabled" | "data-color5-disabled" | "data-color6-enabled" | "data-color6-disabled" | "data-color7-enabled" | "data-color7-disabled" | "data-color8-enabled" | "data-color8-disabled" | "illustration-neutral1" | "illustration-neutral2" | "illustration-neutral3" | "illustration-neutral4" | "illustration-brand1" | "illustration-brand2" | "illustration-brand3" | "illustration-brand4" | "illustration-brand-inverted" | "icon-info-enabled" | "icon-minor-enabled" | "icon-minor-disabled" | "icon-brand-enabled" | "icon-brand-hover" | "icon-brand-focus" | "icon-brand-pressed" | "icon-brand-disabled" | "icon-danger-enabled" | "icon-danger-hover" | "icon-danger-focus" | "icon-danger-pressed" | "icon-danger-disabled" | "icon-critical-enabled" | "icon-critical-disabled" | "icon-warning-enabled" | "icon-medium-enabled" | "icon-medium-disabled" | "icon-success-enabled" | "icon-success-disabled" | "icon-high-enabled" | "icon-high-disabled" | "icon-attention-enabled" | "icon-enabled" | "icon-hover" | "icon-disabled" | "icon-focus" | "icon-pressed" | "icon-inverted" | "icon-subtle-enabled" | "icon-subtle-hover" | "icon-subtle-focus" | "icon-subtle-pressed" | "icon-subtle-disabled" | "icon-subtle-inverted" | "border-brand-subtle" | "border-brand-enabled" | "border-brand-pressed" | "border-brand-hover" | "border-brand-primary" | "border-brand-disabled" | "border-info-enabled" | "border-minor-enabled" | "border-minor-disabled" | "border-danger-subtle" | "border-danger-enabled" | "border-danger-hover" | "border-danger-focus" | "border-danger-pressed" | "border-critical-enabled" | "border-critical-disabled" | "border-warning-enabled" | "border-medium-enabled" | "border-medium-disabled" | "border-success-enabled" | "border-success-subtle" | "border-attention-enabled" | "border-attention-disabled" | "border-high-enabled" | "border-high-disabled" | "border-inverted" | "border-primary" | "border-subtle-enabled" | "border-subtle-hover" | "border-subtle-focus" | "border-subtle-pressed" | "border-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-info-enabled" | "background-info-disabled" | "background-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-warning-disabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-attention-disabled" | "background-high-enabled" | "background-high-disabled" | "background-primary" | "background-secondary" | "background-subtle" | "background-brand-subtle" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "effect-elevation-2" | "effect-elevation-1" | "button-text-danger-text-focus" | "button-text-danger-text-disabled" | "button-text-danger-text-enabled" | "button-text-danger-text-hover" | "button-text-danger-text-pressed" | "button-text-danger-icon-focus" | "button-text-danger-icon-disabled" | "button-text-danger-icon-enabled" | "button-text-danger-icon-hover" | "button-text-danger-icon-pressed" | "button-text-secondary-text-focus" | "button-text-secondary-text-disabled" | "button-text-secondary-text-enabled" | "button-text-secondary-text-hover" | "button-text-secondary-text-pressed" | "button-text-secondary-icon-focus" | "button-text-secondary-icon-disabled" | "button-text-secondary-icon-enabled" | "button-text-secondary-icon-hover" | "button-text-secondary-icon-pressed" | "button-text-brand-text-focus" | "button-text-brand-text-disabled" | "button-text-brand-text-enabled" | "button-text-brand-text-hover" | "button-text-brand-text-pressed" | "button-text-brand-icon-focus" | "button-text-brand-icon-disabled" | "button-text-brand-icon-enabled" | "button-text-brand-icon-hover" | "button-text-brand-icon-pressed" | "button-primary-danger-background-focus" | "button-primary-danger-background-disabled" | "button-primary-danger-background-enabled" | "button-primary-danger-background-hover" | "button-primary-danger-background-pressed" | "button-primary-danger-text-focus" | "button-primary-danger-text-disabled" | "button-primary-danger-text-enabled" | "button-primary-danger-text-hover" | "button-primary-danger-text-pressed" | "button-primary-danger-icon-focus" | "button-primary-danger-icon-disabled" | "button-primary-danger-icon-enabled" | "button-primary-danger-icon-hover" | "button-primary-danger-icon-pressed" | "button-primary-brand-background-focus" | "button-primary-brand-background-disabled" | "button-primary-brand-background-enabled" | "button-primary-brand-background-hover" | "button-primary-brand-background-pressed" | "button-primary-brand-text-focus" | "button-primary-brand-text-disabled" | "button-primary-brand-text-enabled" | "button-primary-brand-text-hover" | "button-primary-brand-text-pressed" | "button-primary-brand-icon-focus" | "button-primary-brand-icon-disabled" | "button-primary-brand-icon-enabled" | "button-primary-brand-icon-hover" | "button-primary-brand-icon-pressed" | "button-secondary-brand-background-focus" | "button-secondary-brand-background-disabled" | "button-secondary-brand-background-enabled" | "button-secondary-brand-background-hover" | "button-secondary-brand-background-pressed" | "button-secondary-brand-border-focus" | "button-secondary-brand-border-disabled" | "button-secondary-brand-border-enabled" | "button-secondary-brand-border-hover" | "button-secondary-brand-border-pressed" | "button-secondary-brand-text-focus" | "button-secondary-brand-text-disabled" | "button-secondary-brand-text-enabled" | "button-secondary-brand-text-hover" | "button-secondary-brand-text-pressed" | "button-secondary-brand-icon-focus" | "button-secondary-brand-icon-disabled" | "button-secondary-brand-icon-enabled" | "button-secondary-brand-icon-hover" | "button-secondary-brand-icon-pressed" | "cards-success-icon-enabled" | "cards-danger-text-enabled" | "cards-primary-link-enabled" | "cards-primary-background-enabled" | "cards-primary-border-enabled" | "cards-primary-text-disabled" | "cards-primary-text-enabled" | "cards-primary-icon-enabled" | "cards-secondary-background-enabled" | "cards-secondary-text-enabled" | "cards-tertiary-text-enabled" | "cards-subtle-background-enabled" | "cards-subtle-border-enabled" | "charts-high-background-active" | "charts-high-background-enabled" | "charts-high-border-disabled" | "charts-high-border-enabled" | "charts-high-text-disabled" | "charts-high-text-enabled" | "charts-high-icon-disabled" | "charts-high-icon-enabled" | "charts-medium-background-active" | "charts-medium-background-enabled" | "charts-medium-border-disabled" | "charts-medium-border-enabled" | "charts-medium-text-disabled" | "charts-medium-text-enabled" | "charts-medium-icon-disabled" | "charts-medium-icon-enabled" | "charts-success-background-active" | "charts-success-background-enabled" | "charts-success-icon-disabled" | "charts-success-icon-enabled" | "charts-danger-background-active" | "charts-danger-background-enabled" | "charts-warning-background-active" | "charts-warning-background-enabled" | "charts-info-background-active" | "charts-info-background-enabled" | "charts-attention-background-active" | "charts-attention-background-enabled" | "charts-critical-background-active" | "charts-critical-background-enabled" | "charts-critical-border-disabled" | "charts-critical-border-enabled" | "charts-critical-text-disabled" | "charts-critical-text-enabled" | "charts-critical-icon-disabled" | "charts-critical-icon-enabled" | "charts-minor-background-active" | "charts-minor-background-enabled" | "charts-minor-border-disabled" | "charts-minor-border-enabled" | "charts-minor-text-disabled" | "charts-minor-text-enabled" | "charts-minor-icon-disabled" | "charts-minor-icon-enabled" | "charts-primary-link-enabled" | "charts-primary-background-enabled" | "charts-primary-border-active" | "charts-primary-border-enabled" | "charts-primary-text-disabled" | "charts-primary-text-enabled" | "charts-primary-icon-disabled" | "charts-primary-icon-enabled" | "charts-primary-iconLink-disabled" | "charts-primary-iconLink-enabled" | "charts-secondary-background-enabled" | "charts-secondary-border-enabled" | "charts-secondary-text-enabled" | "charts-tertiary-background-enabled" | "charts-tertiary-text-enabled" | "charts-subtle-background-enabled" | "charts-value2-background-disabled" | "charts-value2-background-enabled" | "charts-value2-border-disabled" | "charts-value2-border-enabled" | "charts-value1-background-disabled" | "charts-value1-background-enabled" | "charts-value1-border-disabled" | "charts-value1-border-enabled" | "charts-value3-background-disabled" | "charts-value3-background-enabled" | "charts-value3-border-disabled" | "charts-value3-border-enabled" | "charts-value4-background-disabled" | "charts-value4-background-enabled" | "charts-value4-border-disabled" | "charts-value4-border-enabled" | "charts-value5-background-disabled" | "charts-value5-background-enabled" | "charts-value5-border-disabled" | "charts-value5-border-enabled" | "charts-value6-background-disabled" | "charts-value6-background-enabled" | "charts-value6-border-disabled" | "charts-value6-border-enabled" | "charts-value7-background-disabled" | "charts-value7-background-enabled" | "charts-value7-border-disabled" | "charts-value7-border-enabled" | "charts-value8-background-disabled" | "charts-value8-background-enabled" | "label-default-background" | "label-default-text" | "label-default-icon" | "label-high-background" | "label-high-text" | "label-high-icon" | "label-medium-background" | "label-medium-text" | "label-medium-icon" | "label-success-background" | "label-success-text" | "label-success-icon" | "label-danger-background" | "label-danger-text" | "label-danger-icon" | "label-warning-background" | "label-warning-text" | "label-warning-icon" | "label-info-background" | "label-info-text" | "label-info-icon" | "label-attention-background" | "label-attention-text" | "label-attention-icon" | "label-critical-background" | "label-critical-text" | "label-critical-icon" | "label-minor-background" | "label-minor-text" | "label-minor-icon" | "checkboxInput-primary-background-disabled" | "checkboxInput-primary-background-enabled" | "checkboxInput-primary-border-active" | "checkboxInput-primary-border-enabled" | "checkboxInput-primary-text-disabled" | "checkboxInput-primary-text-enabled" | "checkboxInput-primary-icon-disabled" | "checkboxInput-primary-icon-enabled" | "checkboxInput-secondary-text-disabled" | "checkboxInput-secondary-text-enabled" | "listOrb-primary-background" | "listOrb-primary-text" | "listOrb-primary-icon" | "listOrb-secondary-background" | "listOrb-secondary-text" | "stepper-text-complete" | "stepper-text-current" | "stepper-text-incomplete" | "stepper-icon-complete" | "stepper-icon-current" | "stepper-icon-incomplete" | "selector-base-background-disabled" | "selector-base-background-enabled" | "selector-base-background-hover" | "selector-base-background-unselected" | "selector-base-border-disabled" | "selector-base-border-enabled" | "selector-base-border-hover" | "selector-base-border-unselected" | "selector-base-text-disabled" | "selector-base-text-enabled" | "selector-base-icon-disabled" | "selector-base-icon-enabled" | "selector-base-icon-unselected" | "selector-slider-background-disabled" | "selector-slider-background-enabled" | "selector-slider-background-hover" | "selector-slider-background-unselected" | "input-background-error" | "input-background-focus" | "input-background-disabled" | "input-background-enabled" | "input-background-hover" | "input-border-error" | "input-border-focus" | "input-border-disabled" | "input-border-enabled" | "input-border-hover" | "input-label-error" | "input-label-focus" | "input-label-disabled" | "input-label-enabled" | "input-label-hover" | "input-text-error" | "input-text-focus" | "input-text-disabled" | "input-text-enabled" | "input-text-hover" | "input-icon-error" | "input-icon-focus" | "input-icon-disabled" | "input-icon-enabled" | "input-icon-hover" | "input-placeholder-error" | "input-placeholder-focus" | "input-placeholder-disabled" | "input-placeholder-enabled" | "input-placeholder-hover" | "input-helper-error" | "input-helper-focus" | "input-helper-disabled" | "input-helper-enabled" | "input-helper-hover" | "loading-background" | "divider-enabled" | "issues-high-code-expanded" | "issues-high-code-collapsed" | "issues-high-border-expanded" | "issues-high-border-collapsed" | "issues-high-line-expanded" | "issues-high-line-collapsed" | "issues-medium-code-expanded" | "issues-medium-code-collapsed" | "issues-medium-border-expanded" | "issues-medium-border-collapsed" | "issues-medium-line-expanded" | "issues-medium-line-collapsed" | "issues-critical-code-expanded" | "issues-critical-code-collapsed" | "issues-critical-border-expanded" | "issues-critical-border-collapsed" | "issues-critical-line-expanded" | "issues-critical-line-collapsed" | "issues-minor-code-expanded" | "issues-minor-code-collapsed" | "issues-minor-border-expanded" | "issues-minor-border-collapsed" | "issues-minor-line-expanded" | "issues-minor-line-collapsed" | "tabs-border-active" | "tabs-border-inactive" | "tabs-border-disabled" | "tabs-border-enabled" | "tabs-text-active" | "tabs-text-disabled" | "tabs-text-enabled" | "tabs-icon-active" | "tabs-icon-disabled" | "tabs-icon-enabled" | "drawer-item-background-active" | "drawer-item-background-disabled" | "drawer-item-background-enabled" | "drawer-item-background-hover" | "drawer-item-text-active" | "drawer-item-text-disabled" | "drawer-item-text-enabled" | "drawer-item-text-hover" | "drawer-item-icon-active" | "drawer-item-icon-disabled" | "drawer-item-icon-enabled" | "drawer-item-icon-hover" | "drawer-body-background-enabled" | "drawer-body-border-enabled" | "drawer-body-text-disabled" | "drawer-body-text-enabled" | "drawer-body-icon-disabled" | "drawer-body-icon-enabled" | "filter-background-disabled" | "filter-background-enabled" | "filter-border-active" | "filter-border-disabled" | "filter-border-enabled" | "filter-text-disabled" | "filter-text-enabled" | "filter-icon-disabled" | "filter-icon-enabled" | "modal-body-background" | "modal-body-text" | "modal-backdrop-background" | "tables-link-enabled" | "tables-link-hover" | "tables-background-enabled" | "tables-background-hover" | "tables-border-enabled" | "tables-text-active" | "tables-text-enabled" | "tables-icon-active" | "tables-icon-enabled" | "navigation-left-menu-item-background-active" | "navigation-left-menu-item-background-enabled" | "navigation-left-menu-item-text-active" | "navigation-left-menu-item-text-enabled" | "navigation-left-menu-item-text-hover" | "navigation-left-menu-item-icon-active" | "navigation-left-menu-item-icon-enabled" | "navigation-left-menu-wrapper-background-enabled" | "navigation-left-menu-wrapper-text-enabled" | "navigation-top-bar-item-background-hover" | "navigation-top-bar-item-text-enabled" | "navigation-top-bar-wrapper-background-enabled" | "navigation-top-bar-wrapper-text-enabled" | "navigation-top-bar-logo" | "logo-brand" | "logo-inverted" | "logo-primary" | undefined;
|
|
12
|
+
color?: "text-danger" | "text-success" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-high" | "text-medium" | "text-minor" | "background-danger" | "background-success" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-high" | "background-medium" | "background-minor" | "border-danger" | "border-success" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-high" | "border-medium" | "border-minor" | "icon-danger" | "icon-success" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-high" | "icon-medium" | "icon-minor" | "link-danger" | "link-success" | "link-warning" | "link-info" | "link-attention" | "link-critical" | "link-high" | "link-medium" | "link-minor" | "alerts-danger-background" | "alerts-danger-border" | "alerts-danger-icon" | "alerts-danger-link" | "alerts-success-background" | "alerts-success-border" | "alerts-success-icon" | "alerts-success-link" | "alerts-warning-text" | "alerts-warning-background" | "alerts-warning-border" | "alerts-warning-icon" | "alerts-warning-link" | "alerts-info-background" | "alerts-info-border" | "alerts-info-icon" | "alerts-info-link" | "alerts-attention-text" | "alerts-attention-background" | "alerts-attention-border" | "alerts-attention-icon" | "alerts-primary-text" | "alerts-primary-background" | "alerts-primary-icon" | "alerts-primary-link" | "alerts-secondary-text" | "alerts-secondary-background" | "data-color1-enabled" | "data-color1-disabled" | "data-color2-enabled" | "data-color2-disabled" | "data-color3-enabled" | "data-color3-disabled" | "data-color4-enabled" | "data-color4-disabled" | "data-color5-enabled" | "data-color5-disabled" | "data-color6-enabled" | "data-color6-disabled" | "data-color7-enabled" | "data-color7-disabled" | "data-color8-enabled" | "data-color8-disabled" | "illustration-neutral1" | "illustration-neutral2" | "illustration-neutral3" | "illustration-neutral4" | "illustration-brand1" | "illustration-brand2" | "illustration-brand3" | "illustration-brand4" | "illustration-brand-inverted" | "icon-info-enabled" | "icon-minor-enabled" | "icon-minor-disabled" | "icon-brand-enabled" | "icon-brand-hover" | "icon-brand-focus" | "icon-brand-pressed" | "icon-brand-disabled" | "icon-danger-enabled" | "icon-danger-hover" | "icon-danger-focus" | "icon-danger-pressed" | "icon-danger-disabled" | "icon-critical-enabled" | "icon-critical-disabled" | "icon-warning-enabled" | "icon-medium-enabled" | "icon-medium-disabled" | "icon-success-enabled" | "icon-success-disabled" | "icon-high-enabled" | "icon-high-disabled" | "icon-attention-enabled" | "icon-enabled" | "icon-hover" | "icon-disabled" | "icon-focus" | "icon-pressed" | "icon-inverted" | "icon-subtle-enabled" | "icon-subtle-hover" | "icon-subtle-focus" | "icon-subtle-pressed" | "icon-subtle-disabled" | "icon-subtle-inverted" | "border-brand-subtle" | "border-brand-enabled" | "border-brand-pressed" | "border-brand-hover" | "border-brand-primary" | "border-brand-disabled" | "border-info-enabled" | "border-minor-enabled" | "border-minor-disabled" | "border-danger-subtle" | "border-danger-enabled" | "border-danger-hover" | "border-danger-focus" | "border-danger-pressed" | "border-critical-enabled" | "border-critical-disabled" | "border-warning-enabled" | "border-medium-enabled" | "border-medium-disabled" | "border-success-enabled" | "border-success-subtle" | "border-attention-enabled" | "border-attention-disabled" | "border-high-enabled" | "border-high-disabled" | "border-inverted" | "border-primary" | "border-subtle-enabled" | "border-subtle-hover" | "border-subtle-focus" | "border-subtle-pressed" | "border-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-info-enabled" | "background-info-disabled" | "background-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-warning-disabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-attention-disabled" | "background-high-enabled" | "background-high-disabled" | "background-primary" | "background-secondary" | "background-subtle" | "background-brand-subtle" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "effect-elevation-1" | "effect-elevation-2" | "button-text-danger-text-disabled" | "button-text-danger-text-enabled" | "button-text-danger-text-hover" | "button-text-danger-text-focus" | "button-text-danger-text-pressed" | "button-text-danger-icon-disabled" | "button-text-danger-icon-enabled" | "button-text-danger-icon-hover" | "button-text-danger-icon-focus" | "button-text-danger-icon-pressed" | "button-text-secondary-text-disabled" | "button-text-secondary-text-enabled" | "button-text-secondary-text-hover" | "button-text-secondary-text-focus" | "button-text-secondary-text-pressed" | "button-text-secondary-icon-disabled" | "button-text-secondary-icon-enabled" | "button-text-secondary-icon-hover" | "button-text-secondary-icon-focus" | "button-text-secondary-icon-pressed" | "button-text-brand-text-disabled" | "button-text-brand-text-enabled" | "button-text-brand-text-hover" | "button-text-brand-text-focus" | "button-text-brand-text-pressed" | "button-text-brand-icon-disabled" | "button-text-brand-icon-enabled" | "button-text-brand-icon-hover" | "button-text-brand-icon-focus" | "button-text-brand-icon-pressed" | "button-primary-danger-text-disabled" | "button-primary-danger-text-enabled" | "button-primary-danger-text-hover" | "button-primary-danger-text-focus" | "button-primary-danger-text-pressed" | "button-primary-danger-background-disabled" | "button-primary-danger-background-enabled" | "button-primary-danger-background-hover" | "button-primary-danger-background-focus" | "button-primary-danger-background-pressed" | "button-primary-danger-icon-disabled" | "button-primary-danger-icon-enabled" | "button-primary-danger-icon-hover" | "button-primary-danger-icon-focus" | "button-primary-danger-icon-pressed" | "button-primary-brand-text-disabled" | "button-primary-brand-text-enabled" | "button-primary-brand-text-hover" | "button-primary-brand-text-focus" | "button-primary-brand-text-pressed" | "button-primary-brand-background-disabled" | "button-primary-brand-background-enabled" | "button-primary-brand-background-hover" | "button-primary-brand-background-focus" | "button-primary-brand-background-pressed" | "button-primary-brand-icon-disabled" | "button-primary-brand-icon-enabled" | "button-primary-brand-icon-hover" | "button-primary-brand-icon-focus" | "button-primary-brand-icon-pressed" | "button-secondary-brand-text-disabled" | "button-secondary-brand-text-enabled" | "button-secondary-brand-text-hover" | "button-secondary-brand-text-focus" | "button-secondary-brand-text-pressed" | "button-secondary-brand-background-disabled" | "button-secondary-brand-background-enabled" | "button-secondary-brand-background-hover" | "button-secondary-brand-background-focus" | "button-secondary-brand-background-pressed" | "button-secondary-brand-border-disabled" | "button-secondary-brand-border-enabled" | "button-secondary-brand-border-hover" | "button-secondary-brand-border-focus" | "button-secondary-brand-border-pressed" | "button-secondary-brand-icon-disabled" | "button-secondary-brand-icon-enabled" | "button-secondary-brand-icon-hover" | "button-secondary-brand-icon-focus" | "button-secondary-brand-icon-pressed" | "cards-danger-text-enabled" | "cards-success-icon-enabled" | "cards-primary-text-disabled" | "cards-primary-text-enabled" | "cards-primary-background-enabled" | "cards-primary-border-enabled" | "cards-primary-icon-enabled" | "cards-primary-link-enabled" | "cards-secondary-text-enabled" | "cards-secondary-background-enabled" | "cards-tertiary-text-enabled" | "cards-subtle-background-enabled" | "cards-subtle-border-enabled" | "charts-danger-background-enabled" | "charts-danger-background-active" | "charts-success-background-enabled" | "charts-success-background-active" | "charts-success-icon-disabled" | "charts-success-icon-enabled" | "charts-warning-background-enabled" | "charts-warning-background-active" | "charts-info-background-enabled" | "charts-info-background-active" | "charts-attention-background-enabled" | "charts-attention-background-active" | "charts-critical-text-disabled" | "charts-critical-text-enabled" | "charts-critical-background-enabled" | "charts-critical-background-active" | "charts-critical-border-disabled" | "charts-critical-border-enabled" | "charts-critical-icon-disabled" | "charts-critical-icon-enabled" | "charts-high-text-disabled" | "charts-high-text-enabled" | "charts-high-background-enabled" | "charts-high-background-active" | "charts-high-border-disabled" | "charts-high-border-enabled" | "charts-high-icon-disabled" | "charts-high-icon-enabled" | "charts-medium-text-disabled" | "charts-medium-text-enabled" | "charts-medium-background-enabled" | "charts-medium-background-active" | "charts-medium-border-disabled" | "charts-medium-border-enabled" | "charts-medium-icon-disabled" | "charts-medium-icon-enabled" | "charts-minor-text-disabled" | "charts-minor-text-enabled" | "charts-minor-background-enabled" | "charts-minor-background-active" | "charts-minor-border-disabled" | "charts-minor-border-enabled" | "charts-minor-icon-disabled" | "charts-minor-icon-enabled" | "charts-primary-text-disabled" | "charts-primary-text-enabled" | "charts-primary-background-enabled" | "charts-primary-border-enabled" | "charts-primary-border-active" | "charts-primary-icon-disabled" | "charts-primary-icon-enabled" | "charts-primary-link-enabled" | "charts-primary-iconLink-disabled" | "charts-primary-iconLink-enabled" | "charts-secondary-text-enabled" | "charts-secondary-background-enabled" | "charts-secondary-border-enabled" | "charts-tertiary-text-enabled" | "charts-tertiary-background-enabled" | "charts-subtle-background-enabled" | "charts-value1-background-disabled" | "charts-value1-background-enabled" | "charts-value1-border-disabled" | "charts-value1-border-enabled" | "charts-value2-background-disabled" | "charts-value2-background-enabled" | "charts-value2-border-disabled" | "charts-value2-border-enabled" | "charts-value3-background-disabled" | "charts-value3-background-enabled" | "charts-value3-border-disabled" | "charts-value3-border-enabled" | "charts-value4-background-disabled" | "charts-value4-background-enabled" | "charts-value4-border-disabled" | "charts-value4-border-enabled" | "charts-value5-background-disabled" | "charts-value5-background-enabled" | "charts-value5-border-disabled" | "charts-value5-border-enabled" | "charts-value6-background-disabled" | "charts-value6-background-enabled" | "charts-value6-border-disabled" | "charts-value6-border-enabled" | "charts-value7-background-disabled" | "charts-value7-background-enabled" | "charts-value7-border-disabled" | "charts-value7-border-enabled" | "charts-value8-background-disabled" | "charts-value8-background-enabled" | "label-danger-text" | "label-danger-background" | "label-danger-icon" | "label-success-text" | "label-success-background" | "label-success-icon" | "label-warning-text" | "label-warning-background" | "label-warning-icon" | "label-info-text" | "label-info-background" | "label-info-icon" | "label-attention-text" | "label-attention-background" | "label-attention-icon" | "label-critical-text" | "label-critical-background" | "label-critical-icon" | "label-high-text" | "label-high-background" | "label-high-icon" | "label-medium-text" | "label-medium-background" | "label-medium-icon" | "label-minor-text" | "label-minor-background" | "label-minor-icon" | "label-default-text" | "label-default-background" | "label-default-icon" | "checkboxInput-primary-text-disabled" | "checkboxInput-primary-text-enabled" | "checkboxInput-primary-background-disabled" | "checkboxInput-primary-background-enabled" | "checkboxInput-primary-border-enabled" | "checkboxInput-primary-border-active" | "checkboxInput-primary-icon-disabled" | "checkboxInput-primary-icon-enabled" | "checkboxInput-secondary-text-disabled" | "checkboxInput-secondary-text-enabled" | "listOrb-primary-text" | "listOrb-primary-background" | "listOrb-primary-icon" | "listOrb-secondary-text" | "listOrb-secondary-background" | "stepper-text-complete" | "stepper-text-current" | "stepper-text-incomplete" | "stepper-icon-complete" | "stepper-icon-current" | "stepper-icon-incomplete" | "selector-slider-background-disabled" | "selector-slider-background-enabled" | "selector-slider-background-hover" | "selector-slider-background-unselected" | "selector-base-text-disabled" | "selector-base-text-enabled" | "selector-base-background-disabled" | "selector-base-background-enabled" | "selector-base-background-hover" | "selector-base-background-unselected" | "selector-base-border-disabled" | "selector-base-border-enabled" | "selector-base-border-hover" | "selector-base-border-unselected" | "selector-base-icon-disabled" | "selector-base-icon-enabled" | "selector-base-icon-unselected" | "input-text-disabled" | "input-text-enabled" | "input-text-hover" | "input-text-focus" | "input-text-error" | "input-background-disabled" | "input-background-enabled" | "input-background-hover" | "input-background-focus" | "input-background-error" | "input-border-disabled" | "input-border-enabled" | "input-border-hover" | "input-border-focus" | "input-border-error" | "input-icon-disabled" | "input-icon-enabled" | "input-icon-hover" | "input-icon-focus" | "input-icon-error" | "input-placeholder-disabled" | "input-placeholder-enabled" | "input-placeholder-hover" | "input-placeholder-focus" | "input-placeholder-error" | "input-helper-disabled" | "input-helper-enabled" | "input-helper-hover" | "input-helper-focus" | "input-helper-error" | "input-label-disabled" | "input-label-enabled" | "input-label-hover" | "input-label-focus" | "input-label-error" | "loading-background" | "divider-enabled" | "issues-critical-border-collapsed" | "issues-critical-border-expanded" | "issues-critical-code-collapsed" | "issues-critical-code-expanded" | "issues-critical-line-collapsed" | "issues-critical-line-expanded" | "issues-high-border-collapsed" | "issues-high-border-expanded" | "issues-high-code-collapsed" | "issues-high-code-expanded" | "issues-high-line-collapsed" | "issues-high-line-expanded" | "issues-medium-border-collapsed" | "issues-medium-border-expanded" | "issues-medium-code-collapsed" | "issues-medium-code-expanded" | "issues-medium-line-collapsed" | "issues-medium-line-expanded" | "issues-minor-border-collapsed" | "issues-minor-border-expanded" | "issues-minor-code-collapsed" | "issues-minor-code-expanded" | "issues-minor-line-collapsed" | "issues-minor-line-expanded" | "tabs-text-disabled" | "tabs-text-enabled" | "tabs-text-active" | "tabs-border-disabled" | "tabs-border-enabled" | "tabs-border-active" | "tabs-border-inactive" | "tabs-icon-disabled" | "tabs-icon-enabled" | "tabs-icon-active" | "drawer-body-text-disabled" | "drawer-body-text-enabled" | "drawer-body-background-enabled" | "drawer-body-border-enabled" | "drawer-body-icon-disabled" | "drawer-body-icon-enabled" | "drawer-item-text-disabled" | "drawer-item-text-enabled" | "drawer-item-text-hover" | "drawer-item-text-active" | "drawer-item-background-disabled" | "drawer-item-background-enabled" | "drawer-item-background-hover" | "drawer-item-background-active" | "drawer-item-icon-disabled" | "drawer-item-icon-enabled" | "drawer-item-icon-hover" | "drawer-item-icon-active" | "filter-text-disabled" | "filter-text-enabled" | "filter-background-disabled" | "filter-background-enabled" | "filter-border-disabled" | "filter-border-enabled" | "filter-border-active" | "filter-icon-disabled" | "filter-icon-enabled" | "modal-body-text" | "modal-body-background" | "modal-backdrop-background" | "tables-text-enabled" | "tables-text-active" | "tables-background-enabled" | "tables-background-hover" | "tables-border-enabled" | "tables-icon-enabled" | "tables-icon-active" | "tables-link-enabled" | "tables-link-hover" | "navigation-left-menu-item-text-enabled" | "navigation-left-menu-item-text-hover" | "navigation-left-menu-item-text-active" | "navigation-left-menu-item-background-enabled" | "navigation-left-menu-item-background-active" | "navigation-left-menu-item-icon-enabled" | "navigation-left-menu-item-icon-active" | "navigation-left-menu-wrapper-text-enabled" | "navigation-left-menu-wrapper-background-enabled" | "navigation-top-bar-item-text-enabled" | "navigation-top-bar-item-background-hover" | "navigation-top-bar-wrapper-text-enabled" | "navigation-top-bar-wrapper-background-enabled" | "navigation-top-bar-logo" | "logo-brand" | "logo-inverted" | "logo-primary" | "tooltip-text" | "tooltip-background" | "tooltip-border" | "progress-bar-background" | "progress-bar-indicator" | undefined;
|
|
13
13
|
} & import("react").RefAttributes<HTMLButtonElement> & {
|
|
14
14
|
theme?: import("@emotion/react").Theme | undefined;
|
|
15
15
|
}, {}, {}>;
|
|
@@ -1,28 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.StyledCloseButton = exports.StyledBanner = void 0;
|
|
8
|
-
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
|
-
var _Flexbox = require("../Flexbox");
|
|
10
|
-
var _CloseButton = require("../CloseButton");
|
|
11
|
-
var _Link = require("../Link");
|
|
12
|
-
var _react = require("@emotion/react");
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
|
13
2
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
14
|
-
|
|
3
|
+
import { Flex } from '../Flexbox';
|
|
4
|
+
import { CloseButton } from '../CloseButton';
|
|
5
|
+
import { StyledLink } from '../Link';
|
|
6
|
+
import { css } from '@emotion/react';
|
|
7
|
+
export const StyledBanner = /*#__PURE__*/_styled(Flex, process.env.NODE_ENV === "production" ? {
|
|
15
8
|
target: "e1opnk9v1"
|
|
16
9
|
} : {
|
|
17
10
|
target: "e1opnk9v1",
|
|
18
11
|
label: "codacy"
|
|
19
|
-
})(
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXIvQmFubmVyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPc0UiLCJmaWxlIjoiLi4vLi4vc3JjL0Jhbm5lci9CYW5uZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IENsb3NlQnV0dG9uIH0gZnJvbSAnLi4vQ2xvc2VCdXR0b24nXG5pbXBvcnQgeyBCYW5uZXJQcm9wcyB9IGZyb20gJy4vQmFubmVyLnR5cGVzJ1xuaW1wb3J0IHsgU3R5bGVkTGluayB9IGZyb20gJy4uL0xpbmsnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhbm5lciA9IHN0eWxlZChGbGV4KTxQaWNrPEJhbm5lclByb3BzLCAndmFyaWFudCc+PmBcbiAgJHsoeyB0aGVtZSwgdmFyaWFudCA9ICdpbmZvJyB9KSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnNbYGFsZXJ0cy0ke3ZhcmlhbnR9LWJhY2tncm91bmRgXX07XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnNbYGFsZXJ0cy0ke3ZhcmlhbnR9LWJvcmRlcmBdfTtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpWzFdfTtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3NbMF19O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICR7U3R5bGVkTGlua30ge1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzW2BhbGVydHMtcHJpbWFyeS1saW5rYF19O1xuICAgICAgZm9udC13ZWlnaHQ6ICR7dGhlbWUuZm9udFdlaWdodHNbJ3NlbWktYm9sZCddfTtcbiAgICB9XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDbG9zZUJ1dHRvbiA9IHN0eWxlZChDbG9zZUJ1dHRvbilgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxcmVtO1xuICByaWdodDogMXJlbTtcbmBcbiJdfQ== */"));
|
|
25
|
-
var StyledCloseButton = exports.StyledCloseButton = /*#__PURE__*/(0, _base["default"])(_CloseButton.CloseButton, process.env.NODE_ENV === "production" ? {
|
|
12
|
+
})(({
|
|
13
|
+
theme,
|
|
14
|
+
variant = 'info'
|
|
15
|
+
}) => /*#__PURE__*/css("background:", theme.colors[`alerts-${variant}-background`], ";border:1px solid ", theme.colors[`alerts-${variant}-border`], ";border-radius:", theme.radii[1], ";box-shadow:", theme.shadows[0], ";position:relative;", StyledLink, "{color:", theme.colors[`alerts-primary-link`], ";font-weight:", theme.fontWeights['semi-bold'], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:codacy;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXIvQmFubmVyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRd0MiLCJmaWxlIjoiLi4vLi4vc3JjL0Jhbm5lci9CYW5uZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IENsb3NlQnV0dG9uIH0gZnJvbSAnLi4vQ2xvc2VCdXR0b24nXG5pbXBvcnQgeyBCYW5uZXJQcm9wcyB9IGZyb20gJy4vQmFubmVyLnR5cGVzJ1xuaW1wb3J0IHsgU3R5bGVkTGluayB9IGZyb20gJy4uL0xpbmsnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhbm5lciA9IHN0eWxlZChGbGV4KTxQaWNrPEJhbm5lclByb3BzLCAndmFyaWFudCc+PmBcbiAgJHsoeyB0aGVtZSwgdmFyaWFudCA9ICdpbmZvJyB9KSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnNbYGFsZXJ0cy0ke3ZhcmlhbnR9LWJhY2tncm91bmRgXX07XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnNbYGFsZXJ0cy0ke3ZhcmlhbnR9LWJvcmRlcmBdfTtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpWzFdfTtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3NbMF19O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICR7U3R5bGVkTGlua30ge1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzW2BhbGVydHMtcHJpbWFyeS1saW5rYF19O1xuICAgICAgZm9udC13ZWlnaHQ6ICR7dGhlbWUuZm9udFdlaWdodHNbJ3NlbWktYm9sZCddfTtcbiAgICB9XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDbG9zZUJ1dHRvbiA9IHN0eWxlZChDbG9zZUJ1dHRvbilgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxcmVtO1xuICByaWdodDogMXJlbTtcbmBcbiJdfQ== */"), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXIvQmFubmVyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPc0UiLCJmaWxlIjoiLi4vLi4vc3JjL0Jhbm5lci9CYW5uZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IENsb3NlQnV0dG9uIH0gZnJvbSAnLi4vQ2xvc2VCdXR0b24nXG5pbXBvcnQgeyBCYW5uZXJQcm9wcyB9IGZyb20gJy4vQmFubmVyLnR5cGVzJ1xuaW1wb3J0IHsgU3R5bGVkTGluayB9IGZyb20gJy4uL0xpbmsnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhbm5lciA9IHN0eWxlZChGbGV4KTxQaWNrPEJhbm5lclByb3BzLCAndmFyaWFudCc+PmBcbiAgJHsoeyB0aGVtZSwgdmFyaWFudCA9ICdpbmZvJyB9KSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnNbYGFsZXJ0cy0ke3ZhcmlhbnR9LWJhY2tncm91bmRgXX07XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnNbYGFsZXJ0cy0ke3ZhcmlhbnR9LWJvcmRlcmBdfTtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpWzFdfTtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3NbMF19O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICR7U3R5bGVkTGlua30ge1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzW2BhbGVydHMtcHJpbWFyeS1saW5rYF19O1xuICAgICAgZm9udC13ZWlnaHQ6ICR7dGhlbWUuZm9udFdlaWdodHNbJ3NlbWktYm9sZCddfTtcbiAgICB9XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDbG9zZUJ1dHRvbiA9IHN0eWxlZChDbG9zZUJ1dHRvbilgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxcmVtO1xuICByaWdodDogMXJlbTtcbmBcbiJdfQ== */"));
|
|
16
|
+
export const StyledCloseButton = /*#__PURE__*/_styled(CloseButton, process.env.NODE_ENV === "production" ? {
|
|
26
17
|
target: "e1opnk9v0"
|
|
27
18
|
} : {
|
|
28
19
|
target: "e1opnk9v0",
|
package/lib/Banner/index.js
CHANGED
|
@@ -1,27 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _Banner = require("./Banner");
|
|
7
|
-
Object.keys(_Banner).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _Banner[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function get() {
|
|
13
|
-
return _Banner[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
var _Banner2 = require("./Banner.types");
|
|
18
|
-
Object.keys(_Banner2).forEach(function (key) {
|
|
19
|
-
if (key === "default" || key === "__esModule") return;
|
|
20
|
-
if (key in exports && exports[key] === _Banner2[key]) return;
|
|
21
|
-
Object.defineProperty(exports, key, {
|
|
22
|
-
enumerable: true,
|
|
23
|
-
get: function get() {
|
|
24
|
-
return _Banner2[key];
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
});
|
|
1
|
+
export * from './Banner';
|
|
2
|
+
export * from './Banner.types';
|
package/lib/Bannerol/Bannerol.js
CHANGED
|
@@ -1,71 +1,54 @@
|
|
|
1
|
-
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { StyledBannerol } from './Bannerol.styles';
|
|
4
|
+
import { Box } from '../Flexbox';
|
|
5
|
+
import { Icon } from '../Icon';
|
|
6
|
+
import { Paragraph, Subheader } from '../Typography';
|
|
7
|
+
import { Button } from '../Button';
|
|
8
|
+
import { CloseButton } from '../CloseButton';
|
|
2
9
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.Bannerol = void 0;
|
|
8
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
9
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
var _Bannerol = require("./Bannerol.styles");
|
|
12
|
-
var _Flexbox = require("../Flexbox");
|
|
13
|
-
var _Icon = require("../Icon");
|
|
14
|
-
var _Typography = require("../Typography");
|
|
15
|
-
var _Button = require("../Button");
|
|
16
|
-
var _CloseButton = require("../CloseButton");
|
|
17
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
|
-
var _excluded = ["title", "icon", "action", "description", "onDismiss", "variant"];
|
|
19
10
|
/**
|
|
20
11
|
* Description for Bannerol
|
|
21
12
|
*/
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
return /*#__PURE__*/
|
|
13
|
+
export const Bannerol = ({
|
|
14
|
+
title,
|
|
15
|
+
icon,
|
|
16
|
+
action,
|
|
17
|
+
description,
|
|
18
|
+
onDismiss,
|
|
19
|
+
variant = 'info',
|
|
20
|
+
...props
|
|
21
|
+
}) => {
|
|
22
|
+
return /*#__PURE__*/React.createElement(StyledBannerol, _extends({
|
|
32
23
|
variant: variant,
|
|
33
24
|
p: 5,
|
|
34
25
|
width: "100%",
|
|
35
26
|
position: "relative",
|
|
36
27
|
alignItems: "center"
|
|
37
|
-
}, props),
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
children: action.label
|
|
64
|
-
}), onDismiss && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Flexbox.Box, {
|
|
65
|
-
ml: 4,
|
|
66
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseButton.CloseButton, {
|
|
67
|
-
onClick: onDismiss
|
|
68
|
-
})
|
|
69
|
-
})]
|
|
70
|
-
}));
|
|
28
|
+
}, props), icon && /*#__PURE__*/React.createElement(Box, {
|
|
29
|
+
mr: 4
|
|
30
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
31
|
+
icon: icon,
|
|
32
|
+
size: "lg",
|
|
33
|
+
color: `alerts-${variant}-icon`
|
|
34
|
+
})), /*#__PURE__*/React.createElement(Box, {
|
|
35
|
+
flex: 1
|
|
36
|
+
}, /*#__PURE__*/React.createElement(Subheader, {
|
|
37
|
+
size: "lg",
|
|
38
|
+
color: "alerts-primary-text",
|
|
39
|
+
mb: 1
|
|
40
|
+
}, title), description && typeof description === 'string' ? /*#__PURE__*/React.createElement(Paragraph, {
|
|
41
|
+
color: "alerts-secondary-text"
|
|
42
|
+
}, description) : description), action && /*#__PURE__*/React.createElement(Button, {
|
|
43
|
+
variant: "primary",
|
|
44
|
+
color: variant === 'danger' ? 'danger' : 'brand',
|
|
45
|
+
onClick: action.onClick,
|
|
46
|
+
rightIcon: action.rightIcon,
|
|
47
|
+
leftIcon: action.leftIcon,
|
|
48
|
+
ml: 4
|
|
49
|
+
}, action.label), onDismiss && /*#__PURE__*/React.createElement(Box, {
|
|
50
|
+
ml: 4
|
|
51
|
+
}, /*#__PURE__*/React.createElement(CloseButton, {
|
|
52
|
+
onClick: onDismiss
|
|
53
|
+
})));
|
|
71
54
|
};
|
|
@@ -1,22 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
});
|
|
7
|
-
exports.StyledBannerol = void 0;
|
|
8
|
-
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
|
-
var _Flexbox = require("../Flexbox");
|
|
10
|
-
var _Link = require("../Link");
|
|
11
|
-
var _react = require("@emotion/react");
|
|
12
|
-
var StyledBannerol = exports.StyledBannerol = /*#__PURE__*/(0, _base["default"])(_Flexbox.Flex, process.env.NODE_ENV === "production" ? {
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
|
2
|
+
import { Flex } from '../Flexbox';
|
|
3
|
+
import { StyledLink } from '../Link';
|
|
4
|
+
import { css } from '@emotion/react';
|
|
5
|
+
export const StyledBannerol = /*#__PURE__*/_styled(Flex, process.env.NODE_ENV === "production" ? {
|
|
13
6
|
target: "etdck960"
|
|
14
7
|
} : {
|
|
15
8
|
target: "etdck960",
|
|
16
9
|
label: "codacy"
|
|
17
|
-
})(
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
return /*#__PURE__*/(0, _react.css)("background:", theme.colors["alerts-".concat(variant, "-background")], ";border-radius:", theme.radii[1], ";box-shadow:", theme.shadows[0], ";position:relative;", _Link.StyledLink, "{color:", theme.colors["alerts-".concat(variant, "-link")], ";font-weight:", theme.fontWeights['semi-bold'], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:codacy;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT3dDIiwiZmlsZSI6Ii4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgQmFubmVyb2xQcm9wcyB9IGZyb20gJy4vQmFubmVyb2wudHlwZXMnXG5pbXBvcnQgeyBTdHlsZWRMaW5rIH0gZnJvbSAnLi4vTGluaydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFubmVyb2wgPSBzdHlsZWQoRmxleCk8UGljazxCYW5uZXJvbFByb3BzLCAndmFyaWFudCc+PmBcbiAgJHsoeyB0aGVtZSwgdmFyaWFudCA9ICdpbmZvJyB9KSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnNbYGFsZXJ0cy0ke3ZhcmlhbnR9LWJhY2tncm91bmRgXX07XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaVsxXX07XG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzWzBdfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAke1N0eWxlZExpbmt9IHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9yc1tgYWxlcnRzLSR7dmFyaWFudH0tbGlua2BdfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLmZvbnRXZWlnaHRzWydzZW1pLWJvbGQnXX07XG4gICAgfVxuICBgfVxuYFxuIl19 */");
|
|
22
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTBFIiwiZmlsZSI6Ii4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgQmFubmVyb2xQcm9wcyB9IGZyb20gJy4vQmFubmVyb2wudHlwZXMnXG5pbXBvcnQgeyBTdHlsZWRMaW5rIH0gZnJvbSAnLi4vTGluaydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFubmVyb2wgPSBzdHlsZWQoRmxleCk8UGljazxCYW5uZXJvbFByb3BzLCAndmFyaWFudCc+PmBcbiAgJHsoeyB0aGVtZSwgdmFyaWFudCA9ICdpbmZvJyB9KSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnNbYGFsZXJ0cy0ke3ZhcmlhbnR9LWJhY2tncm91bmRgXX07XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaVsxXX07XG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzWzBdfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAke1N0eWxlZExpbmt9IHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9yc1tgYWxlcnRzLSR7dmFyaWFudH0tbGlua2BdfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLmZvbnRXZWlnaHRzWydzZW1pLWJvbGQnXX07XG4gICAgfVxuICBgfVxuYFxuIl19 */"));
|
|
10
|
+
})(({
|
|
11
|
+
theme,
|
|
12
|
+
variant = 'info'
|
|
13
|
+
}) => /*#__PURE__*/css("background:", theme.colors[`alerts-${variant}-background`], ";border-radius:", theme.radii[1], ";box-shadow:", theme.shadows[0], ";position:relative;", StyledLink, "{color:", theme.colors[`alerts-${variant}-link`], ";font-weight:", theme.fontWeights['semi-bold'], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:codacy;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT3dDIiwiZmlsZSI6Ii4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgQmFubmVyb2xQcm9wcyB9IGZyb20gJy4vQmFubmVyb2wudHlwZXMnXG5pbXBvcnQgeyBTdHlsZWRMaW5rIH0gZnJvbSAnLi4vTGluaydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFubmVyb2wgPSBzdHlsZWQoRmxleCk8UGljazxCYW5uZXJvbFByb3BzLCAndmFyaWFudCc+PmBcbiAgJHsoeyB0aGVtZSwgdmFyaWFudCA9ICdpbmZvJyB9KSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnNbYGFsZXJ0cy0ke3ZhcmlhbnR9LWJhY2tncm91bmRgXX07XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaVsxXX07XG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzWzBdfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAke1N0eWxlZExpbmt9IHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9yc1tgYWxlcnRzLSR7dmFyaWFudH0tbGlua2BdfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLmZvbnRXZWlnaHRzWydzZW1pLWJvbGQnXX07XG4gICAgfVxuICBgfVxuYFxuIl19 */"), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTBFIiwiZmlsZSI6Ii4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgQmFubmVyb2xQcm9wcyB9IGZyb20gJy4vQmFubmVyb2wudHlwZXMnXG5pbXBvcnQgeyBTdHlsZWRMaW5rIH0gZnJvbSAnLi4vTGluaydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFubmVyb2wgPSBzdHlsZWQoRmxleCk8UGljazxCYW5uZXJvbFByb3BzLCAndmFyaWFudCc+PmBcbiAgJHsoeyB0aGVtZSwgdmFyaWFudCA9ICdpbmZvJyB9KSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnNbYGFsZXJ0cy0ke3ZhcmlhbnR9LWJhY2tncm91bmRgXX07XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaVsxXX07XG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzWzBdfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAke1N0eWxlZExpbmt9IHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9yc1tgYWxlcnRzLSR7dmFyaWFudH0tbGlua2BdfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLmZvbnRXZWlnaHRzWydzZW1pLWJvbGQnXX07XG4gICAgfVxuICBgfVxuYFxuIl19 */"));
|