flipper-ui 0.39.14 → 0.39.15
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/core/data-display/list-item-dark/index.d.ts +3 -1
- package/core/data-display/list-item-dark/index.js +36 -13
- package/core/data-display/list-item-dark/styles.d.ts +10 -0
- package/core/data-display/list-item-dark/styles.js +23 -5
- package/core/navigation/sidebar-new/index.d.ts +3 -1
- package/core/navigation/sidebar-new/index.js +19 -8
- package/core/navigation/sidebar-new/styles.d.ts +1 -1
- package/core/navigation/sidebar-new/styles.js +4 -4
- package/icons/mui/index.d.ts +12 -0
- package/icons/mui/index.js +84 -0
- package/package.json +1 -1
|
@@ -3,8 +3,10 @@ import type { MouseEvent } from 'react';
|
|
|
3
3
|
export interface ListItemDarkProps {
|
|
4
4
|
id?: string;
|
|
5
5
|
name?: string;
|
|
6
|
+
href?: string;
|
|
6
7
|
className?: string;
|
|
7
8
|
icon?: JSX.Element;
|
|
9
|
+
actions?: JSX.Element;
|
|
8
10
|
title?: string | JSX.Element;
|
|
9
11
|
selected?: boolean;
|
|
10
12
|
disabled?: boolean;
|
|
@@ -13,5 +15,5 @@ export interface ListItemDarkProps {
|
|
|
13
15
|
'data-testid'?: string;
|
|
14
16
|
onClick?: (event?: MouseEvent<HTMLDivElement>) => void;
|
|
15
17
|
}
|
|
16
|
-
declare const ListItemDark: ({ id, name,
|
|
18
|
+
declare const ListItemDark: ({ id, name, href, icon, title, dense, actions, selected, disabled, className, expanded, onClick, ...otherProps }: ListItemDarkProps) => React.JSX.Element;
|
|
17
19
|
export default ListItemDark;
|
|
@@ -5,51 +5,74 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports["default"] = void 0;
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
8
9
|
var _Typography2 = _interopRequireDefault(require("@mui/material/Typography"));
|
|
9
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
11
|
var _react = _interopRequireDefault(require("react"));
|
|
11
12
|
var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
|
|
13
|
+
var _tooltip = _interopRequireDefault(require("../../feedback/tooltip"));
|
|
12
14
|
var _styles = require("./styles");
|
|
13
|
-
var _excluded = ["id", "name", "
|
|
15
|
+
var _excluded = ["id", "name", "href", "icon", "title", "dense", "actions", "selected", "disabled", "className", "expanded", "onClick"];
|
|
14
16
|
var ListItemDark = function ListItemDark(_ref) {
|
|
15
17
|
var id = _ref.id,
|
|
16
18
|
name = _ref.name,
|
|
17
|
-
|
|
19
|
+
href = _ref.href,
|
|
18
20
|
icon = _ref.icon,
|
|
19
21
|
title = _ref.title,
|
|
22
|
+
dense = _ref.dense,
|
|
23
|
+
actions = _ref.actions,
|
|
20
24
|
selected = _ref.selected,
|
|
21
25
|
disabled = _ref.disabled,
|
|
22
|
-
|
|
26
|
+
className = _ref.className,
|
|
23
27
|
_ref$expanded = _ref.expanded,
|
|
24
28
|
expanded = _ref$expanded === void 0 ? true : _ref$expanded,
|
|
25
29
|
onClick = _ref.onClick,
|
|
26
30
|
otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
31
|
+
var handleClick = function handleClick(event) {
|
|
32
|
+
var opensNewTab = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
|
|
33
|
+
if (href && opensNewTab) return;
|
|
34
|
+
if (href) event.preventDefault();
|
|
35
|
+
onClick === null || onClick === void 0 || onClick(event);
|
|
36
|
+
};
|
|
27
37
|
return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
|
|
28
38
|
disablePadding: true,
|
|
29
39
|
id: id,
|
|
30
40
|
className: className
|
|
31
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
32
|
-
|
|
33
|
-
|
|
41
|
+
}, /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
|
|
42
|
+
key: name,
|
|
43
|
+
placement: "right",
|
|
44
|
+
enterDelay: 500,
|
|
45
|
+
title: expanded ? '' : title
|
|
46
|
+
}, /*#__PURE__*/_react["default"].createElement(_styles.ItemButton, (0, _extends2["default"])({}, href ? {
|
|
47
|
+
component: 'a',
|
|
48
|
+
href: href
|
|
49
|
+
} : {}, {
|
|
34
50
|
dense: dense,
|
|
35
51
|
expanded: expanded,
|
|
52
|
+
selected: selected,
|
|
53
|
+
disabled: disabled,
|
|
36
54
|
"data-name": name,
|
|
37
55
|
"data-testid": otherProps['data-testid'],
|
|
38
|
-
onClick:
|
|
39
|
-
}, icon && /*#__PURE__*/_react["default"].createElement(_styles.IconSlot, {
|
|
56
|
+
onClick: handleClick
|
|
57
|
+
}), icon && /*#__PURE__*/_react["default"].createElement(_styles.IconSlot, {
|
|
40
58
|
dense: dense
|
|
41
|
-
}, icon), title && /*#__PURE__*/_react["default"].createElement(
|
|
59
|
+
}, icon), (title || actions) && /*#__PURE__*/_react["default"].createElement(_styles.ItemLabel, {
|
|
60
|
+
expanded: expanded,
|
|
61
|
+
"aria-hidden": !expanded
|
|
62
|
+
}, title && /*#__PURE__*/_react["default"].createElement(_Typography2["default"], {
|
|
63
|
+
flex: "1 0 0",
|
|
42
64
|
variant: "body2",
|
|
65
|
+
fontSize: "13.5px",
|
|
66
|
+
lineHeight: "13.5px",
|
|
43
67
|
fontWeight: selected ? 500 : 400,
|
|
44
68
|
sx: {
|
|
45
|
-
flex: '1 0 0',
|
|
46
69
|
minWidth: 0,
|
|
47
|
-
opacity: expanded ? 1 : 0,
|
|
48
|
-
transition: 'opacity 195ms cubic-bezier(0.4, 0, 0.6, 1)',
|
|
49
70
|
overflow: 'hidden',
|
|
50
71
|
textOverflow: 'ellipsis',
|
|
51
72
|
whiteSpace: 'nowrap'
|
|
52
73
|
}
|
|
53
|
-
}, title)
|
|
74
|
+
}, title), actions && /*#__PURE__*/_react["default"].createElement(_styles.FavoriteActions, {
|
|
75
|
+
className: "list-item-dark-actions"
|
|
76
|
+
}, actions)))));
|
|
54
77
|
};
|
|
55
78
|
var _default = exports["default"] = ListItemDark;
|
|
@@ -3,6 +3,16 @@ interface IRootProps {
|
|
|
3
3
|
dense?: boolean;
|
|
4
4
|
expanded?: boolean;
|
|
5
5
|
}
|
|
6
|
+
export declare const FavoriteActions: import("@emotion/styled").StyledComponent<{
|
|
7
|
+
theme?: import("@emotion/react").Theme;
|
|
8
|
+
as?: React.ElementType;
|
|
9
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
10
|
+
export declare const ItemLabel: import("@emotion/styled").StyledComponent<{
|
|
11
|
+
theme?: import("@emotion/react").Theme;
|
|
12
|
+
as?: React.ElementType;
|
|
13
|
+
} & {
|
|
14
|
+
expanded?: boolean;
|
|
15
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
16
|
export declare const ItemButton: import("@emotion/styled").StyledComponent<import("@mui/material/ListItemButton").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
7
17
|
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
8
18
|
}, "disabled" | "children" | "style" | "className" | "classes" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "alignItems" | "dense" | "selected" | "disableGutters" | "divider"> & {
|
|
@@ -4,18 +4,36 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.ItemButton = exports.IconSlot = void 0;
|
|
7
|
+
exports.ItemLabel = exports.ItemButton = exports.IconSlot = exports.FavoriteActions = void 0;
|
|
8
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
9
9
|
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
10
10
|
var _ListItemButton = _interopRequireDefault(require("@mui/material/ListItemButton"));
|
|
11
11
|
var _styles = require("@mui/material/styles");
|
|
12
12
|
var _theme = require("../../../theme");
|
|
13
|
-
var _templateObject, _templateObject2;
|
|
13
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
14
14
|
var _theme$colors = _theme.theme.colors,
|
|
15
15
|
neutral = _theme$colors.neutral,
|
|
16
16
|
orange = _theme$colors.orange;
|
|
17
|
-
var
|
|
18
|
-
|
|
17
|
+
var FavoriteActions = exports.FavoriteActions = _styled["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n display: inline-flex;\n align-items: center;\n gap: 2px;\n margin-left: auto;\n opacity: 0;\n transition: opacity 120ms ease;\n"])));
|
|
18
|
+
var ItemLabel = exports.ItemLabel = (0, _styled["default"])('div', {
|
|
19
|
+
shouldForwardProp: function shouldForwardProp(prop) {
|
|
20
|
+
return prop !== 'expanded';
|
|
21
|
+
}
|
|
22
|
+
})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n align-items: center;\n gap: 12px;\n flex: 1 1 auto;\n min-width: 0;\n overflow: hidden;\n max-width: ", ";\n margin-left: ", ";\n opacity: ", ";\n transition:\n max-width 225ms cubic-bezier(0.4, 0, 0.6, 1),\n margin-left 225ms cubic-bezier(0.4, 0, 0.6, 1),\n opacity 195ms cubic-bezier(0.4, 0, 0.6, 1);\n"])), function (props) {
|
|
23
|
+
return props.expanded === false ? '0px' : '200px';
|
|
24
|
+
}, function (props) {
|
|
25
|
+
return props.expanded === false ? '0px' : '12px';
|
|
26
|
+
}, function (props) {
|
|
27
|
+
return props.expanded === false ? 0 : 1;
|
|
28
|
+
});
|
|
29
|
+
var ItemButton = exports.ItemButton = (0, _styled["default"])(_ListItemButton["default"], {
|
|
30
|
+
shouldForwardProp: function shouldForwardProp(prop) {
|
|
31
|
+
return prop !== 'expanded';
|
|
32
|
+
}
|
|
33
|
+
})(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n && {\n display: flex;\n align-items: center;\n justify-content: ", ";\n width: 100%;\n border-radius: 4px;\n padding: ", ";\n border-left: 3px solid\n ", ";\n background-color: ", ";\n color: ", ";\n font-weight: ", ";\n overflow: hidden;\n white-space: nowrap;\n transition:\n background-color 120ms ease,\n color 120ms ease;\n }\n\n & svg {\n width: 18px;\n height: 18px;\n flex-shrink: 0;\n color: inherit;\n }\n\n & svg path,\n & svg circle,\n & svg rect {\n fill: currentColor;\n }\n\n &:hover .list-item-dark-actions,\n &:focus-within .list-item-dark-actions {\n opacity: 1;\n }\n\n &&:hover {\n background-color: ", ";\n color: ", ";\n }\n\n &&.Mui-disabled {\n opacity: 0.5;\n }\n\n &&.Mui-focusVisible {\n outline: 2px solid ", ";\n outline-offset: -2px;\n }\n"])), function (props) {
|
|
34
|
+
return props.expanded ? 'flex-start' : 'center';
|
|
35
|
+
}, function (props) {
|
|
36
|
+
return props.dense ? '8px 12px' : '12px';
|
|
19
37
|
}, function (props) {
|
|
20
38
|
return props.selected ? orange[600] : 'transparent';
|
|
21
39
|
}, function (props) {
|
|
@@ -27,7 +45,7 @@ var ItemButton = exports.ItemButton = (0, _styled["default"])(_ListItemButton["d
|
|
|
27
45
|
}, function (props) {
|
|
28
46
|
return props.selected ? (0, _styles.alpha)(neutral[50], 0.12) : (0, _styles.alpha)(neutral[50], 0.06);
|
|
29
47
|
}, neutral[50], (0, _styles.alpha)(orange[600], 0.6));
|
|
30
|
-
var IconSlot = exports.IconSlot = _styled["default"].span(
|
|
48
|
+
var IconSlot = exports.IconSlot = _styled["default"].span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: ", ";\n height: ", ";\n color: inherit;\n\n & > svg {\n width: 100%;\n height: 100%;\n }\n"])), function (props) {
|
|
31
49
|
return props.dense ? '14px' : '18px';
|
|
32
50
|
}, function (props) {
|
|
33
51
|
return props.dense ? '14px' : '18px';
|
|
@@ -17,7 +17,9 @@ export interface SidebarNewProps extends DefaultProps {
|
|
|
17
17
|
favorites?: ReactNode;
|
|
18
18
|
favoritesOpen?: boolean;
|
|
19
19
|
onFavoritesToggle?: () => void;
|
|
20
|
+
favoritesListOpen?: boolean;
|
|
21
|
+
onFavoritesListToggle?: () => void;
|
|
20
22
|
onToggle: () => void;
|
|
21
23
|
}
|
|
22
|
-
declare const SidebarNew: ({ id, anchor, className, docked, expanded, margin, maxWidth, minWidth, top, open, padding, showButton, style, variant, onToggle, children, name, logo, favoritesTitle, favorites, favoritesOpen, onFavoritesToggle, ...otherProps }: SidebarNewProps) => React.JSX.Element;
|
|
24
|
+
declare const SidebarNew: ({ id, anchor, className, docked, expanded, margin, maxWidth, minWidth, top, open, padding, showButton, style, variant, onToggle, children, name, logo, favoritesTitle, favorites, favoritesOpen, onFavoritesToggle, favoritesListOpen, onFavoritesListToggle, ...otherProps }: SidebarNewProps) => React.JSX.Element;
|
|
23
25
|
export default SidebarNew;
|
|
@@ -18,7 +18,7 @@ var _styles = require("@mui/material/styles");
|
|
|
18
18
|
var _mui = require("../../../icons/mui");
|
|
19
19
|
var _styles2 = require("./styles");
|
|
20
20
|
var _theme = require("../../../theme");
|
|
21
|
-
var _excluded = ["id", "anchor", "className", "docked", "expanded", "margin", "maxWidth", "minWidth", "top", "open", "padding", "showButton", "style", "variant", "onToggle", "children", "name", "logo", "favoritesTitle", "favorites", "favoritesOpen", "onFavoritesToggle"];
|
|
21
|
+
var _excluded = ["id", "anchor", "className", "docked", "expanded", "margin", "maxWidth", "minWidth", "top", "open", "padding", "showButton", "style", "variant", "onToggle", "children", "name", "logo", "favoritesTitle", "favorites", "favoritesOpen", "onFavoritesToggle", "favoritesListOpen", "onFavoritesListToggle"];
|
|
22
22
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
23
23
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
24
24
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -58,18 +58,26 @@ var SidebarNew = function SidebarNew(_ref) {
|
|
|
58
58
|
_ref$favoritesOpen = _ref.favoritesOpen,
|
|
59
59
|
favoritesOpen = _ref$favoritesOpen === void 0 ? false : _ref$favoritesOpen,
|
|
60
60
|
onFavoritesToggle = _ref.onFavoritesToggle,
|
|
61
|
+
favoritesListOpen = _ref.favoritesListOpen,
|
|
62
|
+
onFavoritesListToggle = _ref.onFavoritesListToggle,
|
|
61
63
|
otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
62
64
|
var _useState = (0, _react.useState)(true),
|
|
63
65
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
64
|
-
|
|
65
|
-
|
|
66
|
+
internalListExpanded = _useState2[0],
|
|
67
|
+
setInternalListExpanded = _useState2[1];
|
|
68
|
+
var isListControlled = favoritesListOpen !== undefined;
|
|
69
|
+
var favoritesListExpanded = isListControlled ? favoritesListOpen : internalListExpanded;
|
|
66
70
|
var hasFavorites = Boolean(favorites);
|
|
67
71
|
var showFavoritesArea = hasFavorites && expanded;
|
|
68
72
|
var showHeader = Boolean(logo) || hasFavorites || showButton;
|
|
69
73
|
var handleFavoritesListToggle = function handleFavoritesListToggle() {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
}
|
|
74
|
+
if (isListControlled) {
|
|
75
|
+
onFavoritesListToggle === null || onFavoritesListToggle === void 0 || onFavoritesListToggle();
|
|
76
|
+
} else {
|
|
77
|
+
setInternalListExpanded(function (prev) {
|
|
78
|
+
return !prev;
|
|
79
|
+
});
|
|
80
|
+
}
|
|
73
81
|
};
|
|
74
82
|
var width = expanded ? maxWidth : minWidth;
|
|
75
83
|
var widthTransition = "width ".concat(expanded ? 225 : 195, "ms cubic-bezier(0.4, 0, 0.6, 1)");
|
|
@@ -126,8 +134,11 @@ var SidebarNew = function SidebarNew(_ref) {
|
|
|
126
134
|
onClick: onToggle
|
|
127
135
|
}, /*#__PURE__*/_react["default"].createElement(_mui.IconMenu, null)))), showFavoritesArea && /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
|
|
128
136
|
unmountOnExit: true,
|
|
137
|
+
timeout: "auto",
|
|
129
138
|
"in": favoritesOpen,
|
|
130
|
-
|
|
139
|
+
sx: {
|
|
140
|
+
flexShrink: 0
|
|
141
|
+
}
|
|
131
142
|
}, /*#__PURE__*/_react["default"].createElement(_styles2.FavoritesSection, null, /*#__PURE__*/_react["default"].createElement(_styles2.FavoritesHeader, {
|
|
132
143
|
type: "button",
|
|
133
144
|
open: favoritesListExpanded,
|
|
@@ -141,6 +152,6 @@ var SidebarNew = function SidebarNew(_ref) {
|
|
|
141
152
|
}, favoritesTitle.toUpperCase()), /*#__PURE__*/_react["default"].createElement(_mui.IconExpandMore, null)), /*#__PURE__*/_react["default"].createElement(_Collapse["default"], {
|
|
142
153
|
"in": favoritesListExpanded,
|
|
143
154
|
timeout: "auto"
|
|
144
|
-
}, /*#__PURE__*/_react["default"].createElement("div", null, favorites))), /*#__PURE__*/_react["default"].createElement(_styles2.DividerWrapper, null, /*#__PURE__*/_react["default"].createElement(_styles2.Divider, null))), /*#__PURE__*/_react["default"].createElement(_styles2.
|
|
155
|
+
}, /*#__PURE__*/_react["default"].createElement("div", null, favorites))), /*#__PURE__*/_react["default"].createElement(_styles2.DividerWrapper, null, /*#__PURE__*/_react["default"].createElement(_styles2.Divider, null))), /*#__PURE__*/_react["default"].createElement(_styles2.SidebarScrollArea, null, children));
|
|
145
156
|
};
|
|
146
157
|
var _default = exports["default"] = SidebarNew;
|
|
@@ -46,7 +46,7 @@ export declare const Divider: import("@emotion/styled").StyledComponent<{
|
|
|
46
46
|
theme?: import("@emotion/react").Theme;
|
|
47
47
|
as?: React.ElementType;
|
|
48
48
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
49
|
-
export declare const
|
|
49
|
+
export declare const SidebarScrollArea: import("@emotion/styled").StyledComponent<{
|
|
50
50
|
theme?: import("@emotion/react").Theme;
|
|
51
51
|
as?: React.ElementType;
|
|
52
52
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.
|
|
7
|
+
exports.SidebarScrollArea = exports.SidebarNewStorie = exports.LogoContainer = exports.HeaderIconButton = exports.HeaderActionsItem = exports.HeaderActions = exports.Header = exports.FavoritesSection = exports.FavoritesHeader = exports.DividerWrapper = exports.Divider = void 0;
|
|
8
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
9
9
|
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
10
10
|
var _styles = require("@mui/material/styles");
|
|
@@ -13,7 +13,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
|
|
|
13
13
|
var _theme$colors = _theme.theme.colors,
|
|
14
14
|
neutral = _theme$colors.neutral,
|
|
15
15
|
orange = _theme$colors.orange;
|
|
16
|
-
var Header = exports.Header = _styled["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: ", ";\n width: 100%;\n height: 56px;\n padding: 0 10px;\n border-bottom: 1px solid ", ";\n box-sizing: border-box;\n overflow: hidden;\n"])), function (props) {
|
|
16
|
+
var Header = exports.Header = _styled["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: ", ";\n width: 100%;\n height: 56px;\n flex-shrink: 0;\n padding: 0 10px;\n border-bottom: 1px solid ", ";\n box-sizing: border-box;\n overflow: hidden;\n"])), function (props) {
|
|
17
17
|
return props.anchor === 'right' ? 'row-reverse' : 'row';
|
|
18
18
|
}, (0, _styles.alpha)(neutral[50], 0.08));
|
|
19
19
|
var LogoContainer = exports.LogoContainer = _styled["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n align-items: center;\n flex: ", ";\n min-width: 0;\n max-width: ", ";\n margin-right: ", ";\n overflow: hidden;\n opacity: ", ";\n transition:\n max-width 225ms cubic-bezier(0.4, 0, 0.6, 1),\n margin-right 225ms cubic-bezier(0.4, 0, 0.6, 1),\n flex-basis 225ms cubic-bezier(0.4, 0, 0.6, 1),\n opacity 195ms cubic-bezier(0.4, 0, 0.6, 1);\n"])), function (props) {
|
|
@@ -48,7 +48,7 @@ var FavoritesSection = exports.FavoritesSection = _styled["default"].div(_templa
|
|
|
48
48
|
var FavoritesHeader = exports.FavoritesHeader = _styled["default"].button(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 6px;\n width: 100%;\n padding: 4px 8px;\n border: 0;\n background: transparent;\n color: ", ";\n cursor: pointer;\n transition: color 120ms ease;\n\n & svg {\n font-size: 14px;\n transition: transform 160ms ease;\n transform: rotate(", "deg);\n }\n\n &:hover {\n color: ", ";\n }\n\n &:focus-visible {\n outline: 2px solid ", ";\n outline-offset: 2px;\n }\n"])), (0, _styles.alpha)(neutral[50], 0.55), function (props) {
|
|
49
49
|
return props.open ? 180 : 0;
|
|
50
50
|
}, (0, _styles.alpha)(neutral[50], 0.85), (0, _styles.alpha)(orange[600], 0.6));
|
|
51
|
-
var DividerWrapper = exports.DividerWrapper = _styled["default"].div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n align-items: center;\n width: 100%;\n height: 12px;\n padding: 6px 12px;\n box-sizing: border-box;\n"])));
|
|
51
|
+
var DividerWrapper = exports.DividerWrapper = _styled["default"].div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n align-items: center;\n width: 100%;\n height: 12px;\n padding: 6px 12px 0 12px;\n box-sizing: border-box;\n"])));
|
|
52
52
|
var Divider = exports.Divider = _styled["default"].div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n width: 100%;\n height: 1px;\n background-color: ", ";\n"])), (0, _styles.alpha)(neutral[50], 0.06));
|
|
53
|
-
var
|
|
53
|
+
var SidebarScrollArea = exports.SidebarScrollArea = _styled["default"].div(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n width: 100%;\n min-height: 0;\n max-height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n scrollbar-width: thin;\n scrollbar-color: ", " transparent;\n\n &::-webkit-scrollbar {\n width: 4px;\n }\n\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: ", ";\n border-radius: 2px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background-color: ", ";\n }\n"])), (0, _styles.alpha)(neutral[50], 0.2), (0, _styles.alpha)(neutral[50], 0.2), (0, _styles.alpha)(neutral[50], 0.35));
|
|
54
54
|
var SidebarNewStorie = exports.SidebarNewStorie = _styled["default"].div(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2["default"])(["\n position: relative;\n height: 700px;\n overflow: hidden;\n\n .MuiDrawer-root,\n .MuiDrawer-paper {\n position: absolute !important;\n top: 0 !important;\n height: 100% !important;\n }\n"])));
|
package/icons/mui/index.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ export { default as IconAccessible } from '@mui/icons-material/Accessible';
|
|
|
2
2
|
export { default as IconAdd } from '@mui/icons-material/Add';
|
|
3
3
|
export { default as IconAccountCircle } from '@mui/icons-material/AccountCircle';
|
|
4
4
|
export { default as IconAddCircleOutline } from '@mui/icons-material/AddCircleOutline';
|
|
5
|
+
export { default as IconAir } from '@mui/icons-material/Air';
|
|
5
6
|
export { default as IconAllInbox } from '@mui/icons-material/AllInbox';
|
|
6
7
|
export { default as IconArrowBack } from '@mui/icons-material/ArrowBack';
|
|
7
8
|
export { default as IconArrowBackIos } from '@mui/icons-material/ArrowBackIos';
|
|
@@ -14,8 +15,10 @@ export { default as IconArrowDropDown } from '@mui/icons-material/ArrowDropDown'
|
|
|
14
15
|
export { default as IconArrowUpward } from '@mui/icons-material/ArrowUpward';
|
|
15
16
|
export { default as IconBackHand } from '@mui/icons-material/BackHand';
|
|
16
17
|
export { default as IconBallot } from '@mui/icons-material/Ballot';
|
|
18
|
+
export { default as IconBiotechOutlined } from '@mui/icons-material/BiotechOutlined';
|
|
17
19
|
export { default as IconBiotechSharp } from '@mui/icons-material/BiotechSharp';
|
|
18
20
|
export { default as IconBlock } from '@mui/icons-material/Block';
|
|
21
|
+
export { default as IconBloodtypeOutlined } from '@mui/icons-material/BloodtypeOutlined';
|
|
19
22
|
export { default as IconBorderColor } from '@mui/icons-material/BorderColor';
|
|
20
23
|
export { default as IconBuild } from '@mui/icons-material/Build';
|
|
21
24
|
export { default as IconBusiness } from '@mui/icons-material/Business';
|
|
@@ -69,7 +72,9 @@ export { default as IconFormatListBulleted } from '@mui/icons-material/FormatLis
|
|
|
69
72
|
export { default as IconForumOutlined } from '@mui/icons-material/ForumOutlined';
|
|
70
73
|
export { default as IconFullscreenRounded } from '@mui/icons-material/FullscreenRounded';
|
|
71
74
|
export { default as IconGridView } from '@mui/icons-material/GridViewRounded';
|
|
75
|
+
export { default as IconHeadphones } from '@mui/icons-material/Headphones';
|
|
72
76
|
export { default as IconHeadset } from '@mui/icons-material/Headset';
|
|
77
|
+
export { default as IconHearing } from '@mui/icons-material/Hearing';
|
|
73
78
|
export { default as IconHelp } from '@mui/icons-material/Help';
|
|
74
79
|
export { default as IconHelpOutline } from '@mui/icons-material/HelpOutline';
|
|
75
80
|
export { default as IconHistory } from '@mui/icons-material/History';
|
|
@@ -77,6 +82,7 @@ export { default as IconHome } from '@mui/icons-material/Home';
|
|
|
77
82
|
export { default as IconHomeWorkOutlined } from '@mui/icons-material/HomeWorkOutlined';
|
|
78
83
|
export { default as IconHourglassFull } from '@mui/icons-material/HourglassFull';
|
|
79
84
|
export { default as IconVote } from '@mui/icons-material/HowToVote';
|
|
85
|
+
export { default as IconImageOutlined } from '@mui/icons-material/ImageOutlined';
|
|
80
86
|
export { default as IconImportantDevices } from '@mui/icons-material/ImportantDevices';
|
|
81
87
|
export { default as IconInfo } from '@mui/icons-material/Info';
|
|
82
88
|
export { default as IconInfoOutlined } from '@mui/icons-material/InfoOutlined';
|
|
@@ -93,6 +99,7 @@ export { default as IconLock } from '@mui/icons-material/Lock';
|
|
|
93
99
|
export { default as IconLockOpen } from '@mui/icons-material/LockOpen';
|
|
94
100
|
export { default as IconLockOutlined } from '@mui/icons-material/LockOutlined';
|
|
95
101
|
export { default as IconLocalHospital } from '@mui/icons-material/LocalHospital';
|
|
102
|
+
export { default as IconMedicalServicesOutlined } from '@mui/icons-material/MedicalServicesOutlined';
|
|
96
103
|
export { default as IconMenu } from '@mui/icons-material/Menu';
|
|
97
104
|
export { default as IconMonitorHeart } from '@mui/icons-material/MonitorHeart';
|
|
98
105
|
export { default as IconMoreHoriz } from '@mui/icons-material/MoreHoriz';
|
|
@@ -117,6 +124,7 @@ export { default as IconPrint } from '@mui/icons-material/Print';
|
|
|
117
124
|
export { default as IconPriorityHigh } from '@mui/icons-material/PriorityHigh';
|
|
118
125
|
export { default as IconRecentActors } from '@mui/icons-material/RecentActors';
|
|
119
126
|
export { default as IconRemoveCircleOutline } from '@mui/icons-material/RemoveCircleOutline';
|
|
127
|
+
export { default as IconRemoveRedEyeOutlined } from '@mui/icons-material/RemoveRedEyeOutlined';
|
|
120
128
|
export { default as IconRepeat } from '@mui/icons-material/Repeat';
|
|
121
129
|
export { default as IconReplay } from '@mui/icons-material/Replay';
|
|
122
130
|
export { default as IconReport } from '@mui/icons-material/Report';
|
|
@@ -128,6 +136,7 @@ export { default as IconRoomOutlined } from '@mui/icons-material/RoomOutlined';
|
|
|
128
136
|
export { default as IconSave } from '@mui/icons-material/Save';
|
|
129
137
|
export { default as IconSaveAlt } from '@mui/icons-material/SaveAlt';
|
|
130
138
|
export { default as IconSchedule } from '@mui/icons-material/Schedule';
|
|
139
|
+
export { default as IconScienceOutlined } from '@mui/icons-material/ScienceOutlined';
|
|
131
140
|
export { default as IconSearch } from '@mui/icons-material/Search';
|
|
132
141
|
export { default as IconSentimentNeutral } from '@mui/icons-material/SentimentNeutral';
|
|
133
142
|
export { default as IconSentimentSatisfied } from '@mui/icons-material/SentimentSatisfied';
|
|
@@ -148,11 +157,14 @@ export { default as IconTimeline } from '@mui/icons-material/Timeline';
|
|
|
148
157
|
export { default as IconToday } from '@mui/icons-material/Today';
|
|
149
158
|
export { default as IconTokenRounded } from '@mui/icons-material/TokenRounded';
|
|
150
159
|
export { default as IconUpdate } from '@mui/icons-material/Update';
|
|
160
|
+
export { default as IconVerifiedOutlined } from '@mui/icons-material/VerifiedOutlined';
|
|
151
161
|
export { default as IconVisibility } from '@mui/icons-material/Visibility';
|
|
152
162
|
export { default as IconVisibilityOff } from '@mui/icons-material/VisibilityOff';
|
|
163
|
+
export { default as IconVisibilityOutlined } from '@mui/icons-material/VisibilityOutlined';
|
|
153
164
|
export { default as IconVpnKey } from '@mui/icons-material/VpnKey';
|
|
154
165
|
export { default as IconWarning } from '@mui/icons-material/Warning';
|
|
155
166
|
export { default as IconWarningOutlined } from '@mui/icons-material/WarningAmberOutlined';
|
|
156
167
|
export { default as IconWaterDrop } from '@mui/icons-material/WaterDrop';
|
|
168
|
+
export { default as IconWaterDropOutlined } from '@mui/icons-material/WaterDropOutlined';
|
|
157
169
|
export { default as IconWebhook } from '@mui/icons-material/Webhook';
|
|
158
170
|
export { default as IconWifiOff } from '@mui/icons-material/WifiOff';
|
package/icons/mui/index.js
CHANGED
|
@@ -28,6 +28,12 @@ Object.defineProperty(exports, "IconAddCircleOutline", {
|
|
|
28
28
|
return _AddCircleOutline["default"];
|
|
29
29
|
}
|
|
30
30
|
});
|
|
31
|
+
Object.defineProperty(exports, "IconAir", {
|
|
32
|
+
enumerable: true,
|
|
33
|
+
get: function get() {
|
|
34
|
+
return _Air["default"];
|
|
35
|
+
}
|
|
36
|
+
});
|
|
31
37
|
Object.defineProperty(exports, "IconAllInbox", {
|
|
32
38
|
enumerable: true,
|
|
33
39
|
get: function get() {
|
|
@@ -100,6 +106,12 @@ Object.defineProperty(exports, "IconBallot", {
|
|
|
100
106
|
return _Ballot["default"];
|
|
101
107
|
}
|
|
102
108
|
});
|
|
109
|
+
Object.defineProperty(exports, "IconBiotechOutlined", {
|
|
110
|
+
enumerable: true,
|
|
111
|
+
get: function get() {
|
|
112
|
+
return _BiotechOutlined["default"];
|
|
113
|
+
}
|
|
114
|
+
});
|
|
103
115
|
Object.defineProperty(exports, "IconBiotechSharp", {
|
|
104
116
|
enumerable: true,
|
|
105
117
|
get: function get() {
|
|
@@ -112,6 +124,12 @@ Object.defineProperty(exports, "IconBlock", {
|
|
|
112
124
|
return _Block["default"];
|
|
113
125
|
}
|
|
114
126
|
});
|
|
127
|
+
Object.defineProperty(exports, "IconBloodtypeOutlined", {
|
|
128
|
+
enumerable: true,
|
|
129
|
+
get: function get() {
|
|
130
|
+
return _BloodtypeOutlined["default"];
|
|
131
|
+
}
|
|
132
|
+
});
|
|
115
133
|
Object.defineProperty(exports, "IconBorderColor", {
|
|
116
134
|
enumerable: true,
|
|
117
135
|
get: function get() {
|
|
@@ -430,12 +448,24 @@ Object.defineProperty(exports, "IconGridView", {
|
|
|
430
448
|
return _GridViewRounded["default"];
|
|
431
449
|
}
|
|
432
450
|
});
|
|
451
|
+
Object.defineProperty(exports, "IconHeadphones", {
|
|
452
|
+
enumerable: true,
|
|
453
|
+
get: function get() {
|
|
454
|
+
return _Headphones["default"];
|
|
455
|
+
}
|
|
456
|
+
});
|
|
433
457
|
Object.defineProperty(exports, "IconHeadset", {
|
|
434
458
|
enumerable: true,
|
|
435
459
|
get: function get() {
|
|
436
460
|
return _Headset["default"];
|
|
437
461
|
}
|
|
438
462
|
});
|
|
463
|
+
Object.defineProperty(exports, "IconHearing", {
|
|
464
|
+
enumerable: true,
|
|
465
|
+
get: function get() {
|
|
466
|
+
return _Hearing["default"];
|
|
467
|
+
}
|
|
468
|
+
});
|
|
439
469
|
Object.defineProperty(exports, "IconHelp", {
|
|
440
470
|
enumerable: true,
|
|
441
471
|
get: function get() {
|
|
@@ -472,6 +502,12 @@ Object.defineProperty(exports, "IconHourglassFull", {
|
|
|
472
502
|
return _HourglassFull["default"];
|
|
473
503
|
}
|
|
474
504
|
});
|
|
505
|
+
Object.defineProperty(exports, "IconImageOutlined", {
|
|
506
|
+
enumerable: true,
|
|
507
|
+
get: function get() {
|
|
508
|
+
return _ImageOutlined["default"];
|
|
509
|
+
}
|
|
510
|
+
});
|
|
475
511
|
Object.defineProperty(exports, "IconImportantDevices", {
|
|
476
512
|
enumerable: true,
|
|
477
513
|
get: function get() {
|
|
@@ -568,6 +604,12 @@ Object.defineProperty(exports, "IconLockOutlined", {
|
|
|
568
604
|
return _LockOutlined["default"];
|
|
569
605
|
}
|
|
570
606
|
});
|
|
607
|
+
Object.defineProperty(exports, "IconMedicalServicesOutlined", {
|
|
608
|
+
enumerable: true,
|
|
609
|
+
get: function get() {
|
|
610
|
+
return _MedicalServicesOutlined["default"];
|
|
611
|
+
}
|
|
612
|
+
});
|
|
571
613
|
Object.defineProperty(exports, "IconMenu", {
|
|
572
614
|
enumerable: true,
|
|
573
615
|
get: function get() {
|
|
@@ -712,6 +754,12 @@ Object.defineProperty(exports, "IconRemoveCircleOutline", {
|
|
|
712
754
|
return _RemoveCircleOutline["default"];
|
|
713
755
|
}
|
|
714
756
|
});
|
|
757
|
+
Object.defineProperty(exports, "IconRemoveRedEyeOutlined", {
|
|
758
|
+
enumerable: true,
|
|
759
|
+
get: function get() {
|
|
760
|
+
return _RemoveRedEyeOutlined["default"];
|
|
761
|
+
}
|
|
762
|
+
});
|
|
715
763
|
Object.defineProperty(exports, "IconRepeat", {
|
|
716
764
|
enumerable: true,
|
|
717
765
|
get: function get() {
|
|
@@ -778,6 +826,12 @@ Object.defineProperty(exports, "IconSchedule", {
|
|
|
778
826
|
return _Schedule["default"];
|
|
779
827
|
}
|
|
780
828
|
});
|
|
829
|
+
Object.defineProperty(exports, "IconScienceOutlined", {
|
|
830
|
+
enumerable: true,
|
|
831
|
+
get: function get() {
|
|
832
|
+
return _ScienceOutlined["default"];
|
|
833
|
+
}
|
|
834
|
+
});
|
|
781
835
|
Object.defineProperty(exports, "IconSearch", {
|
|
782
836
|
enumerable: true,
|
|
783
837
|
get: function get() {
|
|
@@ -898,6 +952,12 @@ Object.defineProperty(exports, "IconUpdate", {
|
|
|
898
952
|
return _Update["default"];
|
|
899
953
|
}
|
|
900
954
|
});
|
|
955
|
+
Object.defineProperty(exports, "IconVerifiedOutlined", {
|
|
956
|
+
enumerable: true,
|
|
957
|
+
get: function get() {
|
|
958
|
+
return _VerifiedOutlined["default"];
|
|
959
|
+
}
|
|
960
|
+
});
|
|
901
961
|
Object.defineProperty(exports, "IconVisibility", {
|
|
902
962
|
enumerable: true,
|
|
903
963
|
get: function get() {
|
|
@@ -910,6 +970,12 @@ Object.defineProperty(exports, "IconVisibilityOff", {
|
|
|
910
970
|
return _VisibilityOff["default"];
|
|
911
971
|
}
|
|
912
972
|
});
|
|
973
|
+
Object.defineProperty(exports, "IconVisibilityOutlined", {
|
|
974
|
+
enumerable: true,
|
|
975
|
+
get: function get() {
|
|
976
|
+
return _VisibilityOutlined["default"];
|
|
977
|
+
}
|
|
978
|
+
});
|
|
913
979
|
Object.defineProperty(exports, "IconVote", {
|
|
914
980
|
enumerable: true,
|
|
915
981
|
get: function get() {
|
|
@@ -940,6 +1006,12 @@ Object.defineProperty(exports, "IconWaterDrop", {
|
|
|
940
1006
|
return _WaterDrop["default"];
|
|
941
1007
|
}
|
|
942
1008
|
});
|
|
1009
|
+
Object.defineProperty(exports, "IconWaterDropOutlined", {
|
|
1010
|
+
enumerable: true,
|
|
1011
|
+
get: function get() {
|
|
1012
|
+
return _WaterDropOutlined["default"];
|
|
1013
|
+
}
|
|
1014
|
+
});
|
|
943
1015
|
Object.defineProperty(exports, "IconWebhook", {
|
|
944
1016
|
enumerable: true,
|
|
945
1017
|
get: function get() {
|
|
@@ -956,6 +1028,7 @@ var _Accessible = _interopRequireDefault(require("@mui/icons-material/Accessible
|
|
|
956
1028
|
var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
|
|
957
1029
|
var _AccountCircle = _interopRequireDefault(require("@mui/icons-material/AccountCircle"));
|
|
958
1030
|
var _AddCircleOutline = _interopRequireDefault(require("@mui/icons-material/AddCircleOutline"));
|
|
1031
|
+
var _Air = _interopRequireDefault(require("@mui/icons-material/Air"));
|
|
959
1032
|
var _AllInbox = _interopRequireDefault(require("@mui/icons-material/AllInbox"));
|
|
960
1033
|
var _ArrowBack = _interopRequireDefault(require("@mui/icons-material/ArrowBack"));
|
|
961
1034
|
var _ArrowBackIos = _interopRequireDefault(require("@mui/icons-material/ArrowBackIos"));
|
|
@@ -968,8 +1041,10 @@ var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDr
|
|
|
968
1041
|
var _ArrowUpward = _interopRequireDefault(require("@mui/icons-material/ArrowUpward"));
|
|
969
1042
|
var _BackHand = _interopRequireDefault(require("@mui/icons-material/BackHand"));
|
|
970
1043
|
var _Ballot = _interopRequireDefault(require("@mui/icons-material/Ballot"));
|
|
1044
|
+
var _BiotechOutlined = _interopRequireDefault(require("@mui/icons-material/BiotechOutlined"));
|
|
971
1045
|
var _BiotechSharp = _interopRequireDefault(require("@mui/icons-material/BiotechSharp"));
|
|
972
1046
|
var _Block = _interopRequireDefault(require("@mui/icons-material/Block"));
|
|
1047
|
+
var _BloodtypeOutlined = _interopRequireDefault(require("@mui/icons-material/BloodtypeOutlined"));
|
|
973
1048
|
var _BorderColor = _interopRequireDefault(require("@mui/icons-material/BorderColor"));
|
|
974
1049
|
var _Build = _interopRequireDefault(require("@mui/icons-material/Build"));
|
|
975
1050
|
var _Business = _interopRequireDefault(require("@mui/icons-material/Business"));
|
|
@@ -1023,7 +1098,9 @@ var _FormatListBulleted = _interopRequireDefault(require("@mui/icons-material/Fo
|
|
|
1023
1098
|
var _ForumOutlined = _interopRequireDefault(require("@mui/icons-material/ForumOutlined"));
|
|
1024
1099
|
var _FullscreenRounded = _interopRequireDefault(require("@mui/icons-material/FullscreenRounded"));
|
|
1025
1100
|
var _GridViewRounded = _interopRequireDefault(require("@mui/icons-material/GridViewRounded"));
|
|
1101
|
+
var _Headphones = _interopRequireDefault(require("@mui/icons-material/Headphones"));
|
|
1026
1102
|
var _Headset = _interopRequireDefault(require("@mui/icons-material/Headset"));
|
|
1103
|
+
var _Hearing = _interopRequireDefault(require("@mui/icons-material/Hearing"));
|
|
1027
1104
|
var _Help = _interopRequireDefault(require("@mui/icons-material/Help"));
|
|
1028
1105
|
var _HelpOutline = _interopRequireDefault(require("@mui/icons-material/HelpOutline"));
|
|
1029
1106
|
var _History = _interopRequireDefault(require("@mui/icons-material/History"));
|
|
@@ -1031,6 +1108,7 @@ var _Home = _interopRequireDefault(require("@mui/icons-material/Home"));
|
|
|
1031
1108
|
var _HomeWorkOutlined = _interopRequireDefault(require("@mui/icons-material/HomeWorkOutlined"));
|
|
1032
1109
|
var _HourglassFull = _interopRequireDefault(require("@mui/icons-material/HourglassFull"));
|
|
1033
1110
|
var _HowToVote = _interopRequireDefault(require("@mui/icons-material/HowToVote"));
|
|
1111
|
+
var _ImageOutlined = _interopRequireDefault(require("@mui/icons-material/ImageOutlined"));
|
|
1034
1112
|
var _ImportantDevices = _interopRequireDefault(require("@mui/icons-material/ImportantDevices"));
|
|
1035
1113
|
var _Info = _interopRequireDefault(require("@mui/icons-material/Info"));
|
|
1036
1114
|
var _InfoOutlined = _interopRequireDefault(require("@mui/icons-material/InfoOutlined"));
|
|
@@ -1047,6 +1125,7 @@ var _Lock = _interopRequireDefault(require("@mui/icons-material/Lock"));
|
|
|
1047
1125
|
var _LockOpen = _interopRequireDefault(require("@mui/icons-material/LockOpen"));
|
|
1048
1126
|
var _LockOutlined = _interopRequireDefault(require("@mui/icons-material/LockOutlined"));
|
|
1049
1127
|
var _LocalHospital = _interopRequireDefault(require("@mui/icons-material/LocalHospital"));
|
|
1128
|
+
var _MedicalServicesOutlined = _interopRequireDefault(require("@mui/icons-material/MedicalServicesOutlined"));
|
|
1050
1129
|
var _Menu = _interopRequireDefault(require("@mui/icons-material/Menu"));
|
|
1051
1130
|
var _MonitorHeart = _interopRequireDefault(require("@mui/icons-material/MonitorHeart"));
|
|
1052
1131
|
var _MoreHoriz = _interopRequireDefault(require("@mui/icons-material/MoreHoriz"));
|
|
@@ -1071,6 +1150,7 @@ var _Print = _interopRequireDefault(require("@mui/icons-material/Print"));
|
|
|
1071
1150
|
var _PriorityHigh = _interopRequireDefault(require("@mui/icons-material/PriorityHigh"));
|
|
1072
1151
|
var _RecentActors = _interopRequireDefault(require("@mui/icons-material/RecentActors"));
|
|
1073
1152
|
var _RemoveCircleOutline = _interopRequireDefault(require("@mui/icons-material/RemoveCircleOutline"));
|
|
1153
|
+
var _RemoveRedEyeOutlined = _interopRequireDefault(require("@mui/icons-material/RemoveRedEyeOutlined"));
|
|
1074
1154
|
var _Repeat = _interopRequireDefault(require("@mui/icons-material/Repeat"));
|
|
1075
1155
|
var _Replay = _interopRequireDefault(require("@mui/icons-material/Replay"));
|
|
1076
1156
|
var _Report = _interopRequireDefault(require("@mui/icons-material/Report"));
|
|
@@ -1082,6 +1162,7 @@ var _RoomOutlined = _interopRequireDefault(require("@mui/icons-material/RoomOutl
|
|
|
1082
1162
|
var _Save = _interopRequireDefault(require("@mui/icons-material/Save"));
|
|
1083
1163
|
var _SaveAlt = _interopRequireDefault(require("@mui/icons-material/SaveAlt"));
|
|
1084
1164
|
var _Schedule = _interopRequireDefault(require("@mui/icons-material/Schedule"));
|
|
1165
|
+
var _ScienceOutlined = _interopRequireDefault(require("@mui/icons-material/ScienceOutlined"));
|
|
1085
1166
|
var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
|
|
1086
1167
|
var _SentimentNeutral = _interopRequireDefault(require("@mui/icons-material/SentimentNeutral"));
|
|
1087
1168
|
var _SentimentSatisfied = _interopRequireDefault(require("@mui/icons-material/SentimentSatisfied"));
|
|
@@ -1102,11 +1183,14 @@ var _Timeline = _interopRequireDefault(require("@mui/icons-material/Timeline"));
|
|
|
1102
1183
|
var _Today = _interopRequireDefault(require("@mui/icons-material/Today"));
|
|
1103
1184
|
var _TokenRounded = _interopRequireDefault(require("@mui/icons-material/TokenRounded"));
|
|
1104
1185
|
var _Update = _interopRequireDefault(require("@mui/icons-material/Update"));
|
|
1186
|
+
var _VerifiedOutlined = _interopRequireDefault(require("@mui/icons-material/VerifiedOutlined"));
|
|
1105
1187
|
var _Visibility = _interopRequireDefault(require("@mui/icons-material/Visibility"));
|
|
1106
1188
|
var _VisibilityOff = _interopRequireDefault(require("@mui/icons-material/VisibilityOff"));
|
|
1189
|
+
var _VisibilityOutlined = _interopRequireDefault(require("@mui/icons-material/VisibilityOutlined"));
|
|
1107
1190
|
var _VpnKey = _interopRequireDefault(require("@mui/icons-material/VpnKey"));
|
|
1108
1191
|
var _Warning = _interopRequireDefault(require("@mui/icons-material/Warning"));
|
|
1109
1192
|
var _WarningAmberOutlined = _interopRequireDefault(require("@mui/icons-material/WarningAmberOutlined"));
|
|
1110
1193
|
var _WaterDrop = _interopRequireDefault(require("@mui/icons-material/WaterDrop"));
|
|
1194
|
+
var _WaterDropOutlined = _interopRequireDefault(require("@mui/icons-material/WaterDropOutlined"));
|
|
1111
1195
|
var _Webhook = _interopRequireDefault(require("@mui/icons-material/Webhook"));
|
|
1112
1196
|
var _WifiOff = _interopRequireDefault(require("@mui/icons-material/WifiOff"));
|