flipper-ui 0.39.14 → 0.39.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/core/data-display/list-item-dark/index.d.ts +3 -1
  2. package/core/data-display/list-item-dark/index.js +35 -13
  3. package/core/data-display/list-item-dark/styles.d.ts +10 -0
  4. package/core/data-display/list-item-dark/styles.js +23 -5
  5. package/core/navigation/sidebar-new/index.d.ts +3 -1
  6. package/core/navigation/sidebar-new/index.js +19 -8
  7. package/core/navigation/sidebar-new/styles.d.ts +1 -1
  8. package/core/navigation/sidebar-new/styles.js +4 -4
  9. package/icons/mui/index.d.ts +20 -0
  10. package/icons/mui/index.js +140 -0
  11. package/package.json +1 -1
package/core/data-display/list-item-dark/index.d.ts CHANGED
@@ -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, className, icon, title, selected, disabled, dense, expanded, onClick, ...otherProps }: ListItemDarkProps) => React.JSX.Element;
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;
package/core/data-display/list-item-dark/index.js CHANGED
@@ -5,51 +5,73 @@ 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", "className", "icon", "title", "selected", "disabled", "dense", "expanded", "onClick"];
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
- className = _ref.className,
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
- dense = _ref.dense,
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(_styles.ItemButton, {
32
- selected: selected,
33
- disabled: disabled,
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: 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(_Typography2["default"], {
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",
43
66
  fontWeight: selected ? 500 : 400,
44
67
  sx: {
45
- flex: '1 0 0',
46
68
  minWidth: 0,
47
- opacity: expanded ? 1 : 0,
48
- transition: 'opacity 195ms cubic-bezier(0.4, 0, 0.6, 1)',
49
69
  overflow: 'hidden',
50
70
  textOverflow: 'ellipsis',
51
71
  whiteSpace: 'nowrap'
52
72
  }
53
- }, title)));
73
+ }, title), actions && /*#__PURE__*/_react["default"].createElement(_styles.FavoriteActions, {
74
+ className: "list-item-dark-actions"
75
+ }, actions)))));
54
76
  };
55
77
  var _default = exports["default"] = ListItemDark;
package/core/data-display/list-item-dark/styles.d.ts CHANGED
@@ -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"> & {
package/core/data-display/list-item-dark/styles.js CHANGED
@@ -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 ItemButton = exports.ItemButton = (0, _styled["default"])(_ListItemButton["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n && {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 12px;\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 &&: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) {
18
- return props.dense ? '6px 12px' : '10px 12px';
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(_templateObject2 || (_templateObject2 = (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) {
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';
package/core/navigation/sidebar-new/index.d.ts CHANGED
@@ -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;
package/core/navigation/sidebar-new/index.js CHANGED
@@ -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
- favoritesListExpanded = _useState2[0],
65
- setFavoritesListExpanded = _useState2[1];
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
- return setFavoritesListExpanded(function (prev) {
71
- return !prev;
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
- timeout: "auto"
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.MainArea, null, children));
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;
package/core/navigation/sidebar-new/styles.d.ts CHANGED
@@ -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 MainArea: import("@emotion/styled").StyledComponent<{
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>, {}>;
package/core/navigation/sidebar-new/styles.js CHANGED
@@ -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.SidebarNewStorie = exports.MainArea = exports.LogoContainer = exports.HeaderIconButton = exports.HeaderActionsItem = exports.HeaderActions = exports.Header = exports.FavoritesSection = exports.FavoritesHeader = exports.DividerWrapper = exports.Divider = void 0;
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 MainArea = exports.MainArea = _styled["default"].div(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex: 1 0 0;\n flex-direction: column;\n min-height: 0;\n width: 100%;\n padding: 8px 8px 16px;\n overflow: auto;\n box-sizing: border-box;\n"])));
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
@@ -1,7 +1,9 @@
1
+ export { default as IconAccessTimeFilled } from '@mui/icons-material/AccessTimeFilled';
1
2
  export { default as IconAccessible } from '@mui/icons-material/Accessible';
2
3
  export { default as IconAdd } from '@mui/icons-material/Add';
3
4
  export { default as IconAccountCircle } from '@mui/icons-material/AccountCircle';
4
5
  export { default as IconAddCircleOutline } from '@mui/icons-material/AddCircleOutline';
6
+ export { default as IconAir } from '@mui/icons-material/Air';
5
7
  export { default as IconAllInbox } from '@mui/icons-material/AllInbox';
6
8
  export { default as IconArrowBack } from '@mui/icons-material/ArrowBack';
7
9
  export { default as IconArrowBackIos } from '@mui/icons-material/ArrowBackIos';
@@ -11,17 +13,21 @@ export { default as IconAudiotrack } from '@mui/icons-material/Audiotrack';
11
13
  export { default as IconAutoAwesome } from '@mui/icons-material/AutoAwesome';
12
14
  export { default as IconArrowDownward } from '@mui/icons-material/ArrowDownward';
13
15
  export { default as IconArrowDropDown } from '@mui/icons-material/ArrowDropDown';
16
+ export { default as IconArrowForward } from '@mui/icons-material/ArrowForward';
14
17
  export { default as IconArrowUpward } from '@mui/icons-material/ArrowUpward';
15
18
  export { default as IconBackHand } from '@mui/icons-material/BackHand';
16
19
  export { default as IconBallot } from '@mui/icons-material/Ballot';
20
+ export { default as IconBiotechOutlined } from '@mui/icons-material/BiotechOutlined';
17
21
  export { default as IconBiotechSharp } from '@mui/icons-material/BiotechSharp';
18
22
  export { default as IconBlock } from '@mui/icons-material/Block';
23
+ export { default as IconBloodtypeOutlined } from '@mui/icons-material/BloodtypeOutlined';
19
24
  export { default as IconBorderColor } from '@mui/icons-material/BorderColor';
20
25
  export { default as IconBuild } from '@mui/icons-material/Build';
21
26
  export { default as IconBusiness } from '@mui/icons-material/Business';
22
27
  export { default as IconCancel } from '@mui/icons-material/Cancel';
23
28
  export { default as IconCancelOutlined } from '@mui/icons-material/CancelOutlined';
24
29
  export { default as IconCached } from '@mui/icons-material/Cached';
30
+ export { default as IconCalendarToday } from '@mui/icons-material/CalendarToday';
25
31
  export { default as IconCallReceived } from '@mui/icons-material/CallReceived';
26
32
  export { default as IconCheck } from '@mui/icons-material/Check';
27
33
  export { default as IconCheckBox } from '@mui/icons-material/CheckBox';
@@ -60,6 +66,7 @@ export { default as IconFactCheck } from '@mui/icons-material/FactCheck';
60
66
  export { default as IconFavorite } from '@mui/icons-material/Favorite';
61
67
  export { default as IconFeedbackOutlined } from '@mui/icons-material/FeedbackOutlined';
62
68
  export { default as IconFileCopy } from '@mui/icons-material/FileCopy';
69
+ export { default as IconFileUpload } from '@mui/icons-material/FileUpload';
63
70
  export { default as IconFilterList } from '@mui/icons-material/FilterList';
64
71
  export { default as IconFirstPage } from '@mui/icons-material/FirstPage';
65
72
  export { default as IconFolderShared } from '@mui/icons-material/FolderShared';
@@ -69,7 +76,9 @@ export { default as IconFormatListBulleted } from '@mui/icons-material/FormatLis
69
76
  export { default as IconForumOutlined } from '@mui/icons-material/ForumOutlined';
70
77
  export { default as IconFullscreenRounded } from '@mui/icons-material/FullscreenRounded';
71
78
  export { default as IconGridView } from '@mui/icons-material/GridViewRounded';
79
+ export { default as IconHeadphones } from '@mui/icons-material/Headphones';
72
80
  export { default as IconHeadset } from '@mui/icons-material/Headset';
81
+ export { default as IconHearing } from '@mui/icons-material/Hearing';
73
82
  export { default as IconHelp } from '@mui/icons-material/Help';
74
83
  export { default as IconHelpOutline } from '@mui/icons-material/HelpOutline';
75
84
  export { default as IconHistory } from '@mui/icons-material/History';
@@ -77,10 +86,12 @@ export { default as IconHome } from '@mui/icons-material/Home';
77
86
  export { default as IconHomeWorkOutlined } from '@mui/icons-material/HomeWorkOutlined';
78
87
  export { default as IconHourglassFull } from '@mui/icons-material/HourglassFull';
79
88
  export { default as IconVote } from '@mui/icons-material/HowToVote';
89
+ export { default as IconImageOutlined } from '@mui/icons-material/ImageOutlined';
80
90
  export { default as IconImportantDevices } from '@mui/icons-material/ImportantDevices';
81
91
  export { default as IconInfo } from '@mui/icons-material/Info';
82
92
  export { default as IconInfoOutlined } from '@mui/icons-material/InfoOutlined';
83
93
  export { default as IconInsertDriveFile } from '@mui/icons-material/InsertDriveFile';
94
+ export { default as IconInventory2 } from '@mui/icons-material/Inventory2';
84
95
  export { default as IconLabelImportant } from '@mui/icons-material/LabelImportant';
85
96
  export { default as IconLastPage } from '@mui/icons-material/LastPage';
86
97
  export { default as IconLaunch } from '@mui/icons-material/Launch';
@@ -93,7 +104,9 @@ export { default as IconLock } from '@mui/icons-material/Lock';
93
104
  export { default as IconLockOpen } from '@mui/icons-material/LockOpen';
94
105
  export { default as IconLockOutlined } from '@mui/icons-material/LockOutlined';
95
106
  export { default as IconLocalHospital } from '@mui/icons-material/LocalHospital';
107
+ export { default as IconMedicalServicesOutlined } from '@mui/icons-material/MedicalServicesOutlined';
96
108
  export { default as IconMenu } from '@mui/icons-material/Menu';
109
+ export { default as IconMonetizationOnOutlined } from '@mui/icons-material/MonetizationOnOutlined';
97
110
  export { default as IconMonitorHeart } from '@mui/icons-material/MonitorHeart';
98
111
  export { default as IconMoreHoriz } from '@mui/icons-material/MoreHoriz';
99
112
  export { default as IconMoreVert } from '@mui/icons-material/MoreVert';
@@ -102,6 +115,7 @@ export { default as IconNavigateBefore } from '@mui/icons-material/NavigateBefor
102
115
  export { default as IconNavigateNext } from '@mui/icons-material/NavigateNext';
103
116
  export { default as IconNoteAdd } from '@mui/icons-material/NoteAdd';
104
117
  export { default as IconNotifications } from '@mui/icons-material/Notifications';
118
+ export { default as IconNumbers } from '@mui/icons-material/Numbers';
105
119
  export { default as IconOndemandVideoOutlined } from '@mui/icons-material/OndemandVideoOutlined';
106
120
  export { default as IconPeopleAlt } from '@mui/icons-material/PeopleAlt';
107
121
  export { default as IconPerson } from '@mui/icons-material/Person';
@@ -117,6 +131,7 @@ export { default as IconPrint } from '@mui/icons-material/Print';
117
131
  export { default as IconPriorityHigh } from '@mui/icons-material/PriorityHigh';
118
132
  export { default as IconRecentActors } from '@mui/icons-material/RecentActors';
119
133
  export { default as IconRemoveCircleOutline } from '@mui/icons-material/RemoveCircleOutline';
134
+ export { default as IconRemoveRedEyeOutlined } from '@mui/icons-material/RemoveRedEyeOutlined';
120
135
  export { default as IconRepeat } from '@mui/icons-material/Repeat';
121
136
  export { default as IconReplay } from '@mui/icons-material/Replay';
122
137
  export { default as IconReport } from '@mui/icons-material/Report';
@@ -128,6 +143,7 @@ export { default as IconRoomOutlined } from '@mui/icons-material/RoomOutlined';
128
143
  export { default as IconSave } from '@mui/icons-material/Save';
129
144
  export { default as IconSaveAlt } from '@mui/icons-material/SaveAlt';
130
145
  export { default as IconSchedule } from '@mui/icons-material/Schedule';
146
+ export { default as IconScienceOutlined } from '@mui/icons-material/ScienceOutlined';
131
147
  export { default as IconSearch } from '@mui/icons-material/Search';
132
148
  export { default as IconSentimentNeutral } from '@mui/icons-material/SentimentNeutral';
133
149
  export { default as IconSentimentSatisfied } from '@mui/icons-material/SentimentSatisfied';
@@ -146,13 +162,17 @@ export { default as IconTableView } from '@mui/icons-material/TableRows';
146
162
  export { default as IconTextFields } from '@mui/icons-material/TextFields';
147
163
  export { default as IconTimeline } from '@mui/icons-material/Timeline';
148
164
  export { default as IconToday } from '@mui/icons-material/Today';
165
+ export { default as IconToggleOn } from '@mui/icons-material/ToggleOn';
149
166
  export { default as IconTokenRounded } from '@mui/icons-material/TokenRounded';
150
167
  export { default as IconUpdate } from '@mui/icons-material/Update';
168
+ export { default as IconVerifiedOutlined } from '@mui/icons-material/VerifiedOutlined';
151
169
  export { default as IconVisibility } from '@mui/icons-material/Visibility';
152
170
  export { default as IconVisibilityOff } from '@mui/icons-material/VisibilityOff';
171
+ export { default as IconVisibilityOutlined } from '@mui/icons-material/VisibilityOutlined';
153
172
  export { default as IconVpnKey } from '@mui/icons-material/VpnKey';
154
173
  export { default as IconWarning } from '@mui/icons-material/Warning';
155
174
  export { default as IconWarningOutlined } from '@mui/icons-material/WarningAmberOutlined';
156
175
  export { default as IconWaterDrop } from '@mui/icons-material/WaterDrop';
176
+ export { default as IconWaterDropOutlined } from '@mui/icons-material/WaterDropOutlined';
157
177
  export { default as IconWebhook } from '@mui/icons-material/Webhook';
158
178
  export { default as IconWifiOff } from '@mui/icons-material/WifiOff';
package/icons/mui/index.js CHANGED
@@ -4,6 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
+ Object.defineProperty(exports, "IconAccessTimeFilled", {
8
+ enumerable: true,
9
+ get: function get() {
10
+ return _AccessTimeFilled["default"];
11
+ }
12
+ });
7
13
  Object.defineProperty(exports, "IconAccessible", {
8
14
  enumerable: true,
9
15
  get: function get() {
@@ -28,6 +34,12 @@ Object.defineProperty(exports, "IconAddCircleOutline", {
28
34
  return _AddCircleOutline["default"];
29
35
  }
30
36
  });
37
+ Object.defineProperty(exports, "IconAir", {
38
+ enumerable: true,
39
+ get: function get() {
40
+ return _Air["default"];
41
+ }
42
+ });
31
43
  Object.defineProperty(exports, "IconAllInbox", {
32
44
  enumerable: true,
33
45
  get: function get() {
@@ -58,6 +70,12 @@ Object.defineProperty(exports, "IconArrowDropDown", {
58
70
  return _ArrowDropDown["default"];
59
71
  }
60
72
  });
73
+ Object.defineProperty(exports, "IconArrowForward", {
74
+ enumerable: true,
75
+ get: function get() {
76
+ return _ArrowForward["default"];
77
+ }
78
+ });
61
79
  Object.defineProperty(exports, "IconArrowUpward", {
62
80
  enumerable: true,
63
81
  get: function get() {
@@ -100,6 +118,12 @@ Object.defineProperty(exports, "IconBallot", {
100
118
  return _Ballot["default"];
101
119
  }
102
120
  });
121
+ Object.defineProperty(exports, "IconBiotechOutlined", {
122
+ enumerable: true,
123
+ get: function get() {
124
+ return _BiotechOutlined["default"];
125
+ }
126
+ });
103
127
  Object.defineProperty(exports, "IconBiotechSharp", {
104
128
  enumerable: true,
105
129
  get: function get() {
@@ -112,6 +136,12 @@ Object.defineProperty(exports, "IconBlock", {
112
136
  return _Block["default"];
113
137
  }
114
138
  });
139
+ Object.defineProperty(exports, "IconBloodtypeOutlined", {
140
+ enumerable: true,
141
+ get: function get() {
142
+ return _BloodtypeOutlined["default"];
143
+ }
144
+ });
115
145
  Object.defineProperty(exports, "IconBorderColor", {
116
146
  enumerable: true,
117
147
  get: function get() {
@@ -136,6 +166,12 @@ Object.defineProperty(exports, "IconCached", {
136
166
  return _Cached["default"];
137
167
  }
138
168
  });
169
+ Object.defineProperty(exports, "IconCalendarToday", {
170
+ enumerable: true,
171
+ get: function get() {
172
+ return _CalendarToday["default"];
173
+ }
174
+ });
139
175
  Object.defineProperty(exports, "IconCallReceived", {
140
176
  enumerable: true,
141
177
  get: function get() {
@@ -376,6 +412,12 @@ Object.defineProperty(exports, "IconFileCopy", {
376
412
  return _FileCopy["default"];
377
413
  }
378
414
  });
415
+ Object.defineProperty(exports, "IconFileUpload", {
416
+ enumerable: true,
417
+ get: function get() {
418
+ return _FileUpload["default"];
419
+ }
420
+ });
379
421
  Object.defineProperty(exports, "IconFilterList", {
380
422
  enumerable: true,
381
423
  get: function get() {
@@ -430,12 +472,24 @@ Object.defineProperty(exports, "IconGridView", {
430
472
  return _GridViewRounded["default"];
431
473
  }
432
474
  });
475
+ Object.defineProperty(exports, "IconHeadphones", {
476
+ enumerable: true,
477
+ get: function get() {
478
+ return _Headphones["default"];
479
+ }
480
+ });
433
481
  Object.defineProperty(exports, "IconHeadset", {
434
482
  enumerable: true,
435
483
  get: function get() {
436
484
  return _Headset["default"];
437
485
  }
438
486
  });
487
+ Object.defineProperty(exports, "IconHearing", {
488
+ enumerable: true,
489
+ get: function get() {
490
+ return _Hearing["default"];
491
+ }
492
+ });
439
493
  Object.defineProperty(exports, "IconHelp", {
440
494
  enumerable: true,
441
495
  get: function get() {
@@ -472,6 +526,12 @@ Object.defineProperty(exports, "IconHourglassFull", {
472
526
  return _HourglassFull["default"];
473
527
  }
474
528
  });
529
+ Object.defineProperty(exports, "IconImageOutlined", {
530
+ enumerable: true,
531
+ get: function get() {
532
+ return _ImageOutlined["default"];
533
+ }
534
+ });
475
535
  Object.defineProperty(exports, "IconImportantDevices", {
476
536
  enumerable: true,
477
537
  get: function get() {
@@ -496,6 +556,12 @@ Object.defineProperty(exports, "IconInsertDriveFile", {
496
556
  return _InsertDriveFile["default"];
497
557
  }
498
558
  });
559
+ Object.defineProperty(exports, "IconInventory2", {
560
+ enumerable: true,
561
+ get: function get() {
562
+ return _Inventory["default"];
563
+ }
564
+ });
499
565
  Object.defineProperty(exports, "IconLabelImportant", {
500
566
  enumerable: true,
501
567
  get: function get() {
@@ -568,12 +634,24 @@ Object.defineProperty(exports, "IconLockOutlined", {
568
634
  return _LockOutlined["default"];
569
635
  }
570
636
  });
637
+ Object.defineProperty(exports, "IconMedicalServicesOutlined", {
638
+ enumerable: true,
639
+ get: function get() {
640
+ return _MedicalServicesOutlined["default"];
641
+ }
642
+ });
571
643
  Object.defineProperty(exports, "IconMenu", {
572
644
  enumerable: true,
573
645
  get: function get() {
574
646
  return _Menu["default"];
575
647
  }
576
648
  });
649
+ Object.defineProperty(exports, "IconMonetizationOnOutlined", {
650
+ enumerable: true,
651
+ get: function get() {
652
+ return _MonetizationOnOutlined["default"];
653
+ }
654
+ });
577
655
  Object.defineProperty(exports, "IconMonitorHeart", {
578
656
  enumerable: true,
579
657
  get: function get() {
@@ -622,6 +700,12 @@ Object.defineProperty(exports, "IconNotifications", {
622
700
  return _Notifications["default"];
623
701
  }
624
702
  });
703
+ Object.defineProperty(exports, "IconNumbers", {
704
+ enumerable: true,
705
+ get: function get() {
706
+ return _Numbers["default"];
707
+ }
708
+ });
625
709
  Object.defineProperty(exports, "IconOndemandVideoOutlined", {
626
710
  enumerable: true,
627
711
  get: function get() {
@@ -712,6 +796,12 @@ Object.defineProperty(exports, "IconRemoveCircleOutline", {
712
796
  return _RemoveCircleOutline["default"];
713
797
  }
714
798
  });
799
+ Object.defineProperty(exports, "IconRemoveRedEyeOutlined", {
800
+ enumerable: true,
801
+ get: function get() {
802
+ return _RemoveRedEyeOutlined["default"];
803
+ }
804
+ });
715
805
  Object.defineProperty(exports, "IconRepeat", {
716
806
  enumerable: true,
717
807
  get: function get() {
@@ -778,6 +868,12 @@ Object.defineProperty(exports, "IconSchedule", {
778
868
  return _Schedule["default"];
779
869
  }
780
870
  });
871
+ Object.defineProperty(exports, "IconScienceOutlined", {
872
+ enumerable: true,
873
+ get: function get() {
874
+ return _ScienceOutlined["default"];
875
+ }
876
+ });
781
877
  Object.defineProperty(exports, "IconSearch", {
782
878
  enumerable: true,
783
879
  get: function get() {
@@ -886,6 +982,12 @@ Object.defineProperty(exports, "IconToday", {
886
982
  return _Today["default"];
887
983
  }
888
984
  });
985
+ Object.defineProperty(exports, "IconToggleOn", {
986
+ enumerable: true,
987
+ get: function get() {
988
+ return _ToggleOn["default"];
989
+ }
990
+ });
889
991
  Object.defineProperty(exports, "IconTokenRounded", {
890
992
  enumerable: true,
891
993
  get: function get() {
@@ -898,6 +1000,12 @@ Object.defineProperty(exports, "IconUpdate", {
898
1000
  return _Update["default"];
899
1001
  }
900
1002
  });
1003
+ Object.defineProperty(exports, "IconVerifiedOutlined", {
1004
+ enumerable: true,
1005
+ get: function get() {
1006
+ return _VerifiedOutlined["default"];
1007
+ }
1008
+ });
901
1009
  Object.defineProperty(exports, "IconVisibility", {
902
1010
  enumerable: true,
903
1011
  get: function get() {
@@ -910,6 +1018,12 @@ Object.defineProperty(exports, "IconVisibilityOff", {
910
1018
  return _VisibilityOff["default"];
911
1019
  }
912
1020
  });
1021
+ Object.defineProperty(exports, "IconVisibilityOutlined", {
1022
+ enumerable: true,
1023
+ get: function get() {
1024
+ return _VisibilityOutlined["default"];
1025
+ }
1026
+ });
913
1027
  Object.defineProperty(exports, "IconVote", {
914
1028
  enumerable: true,
915
1029
  get: function get() {
@@ -940,6 +1054,12 @@ Object.defineProperty(exports, "IconWaterDrop", {
940
1054
  return _WaterDrop["default"];
941
1055
  }
942
1056
  });
1057
+ Object.defineProperty(exports, "IconWaterDropOutlined", {
1058
+ enumerable: true,
1059
+ get: function get() {
1060
+ return _WaterDropOutlined["default"];
1061
+ }
1062
+ });
943
1063
  Object.defineProperty(exports, "IconWebhook", {
944
1064
  enumerable: true,
945
1065
  get: function get() {
@@ -952,10 +1072,12 @@ Object.defineProperty(exports, "IconWifiOff", {
952
1072
  return _WifiOff["default"];
953
1073
  }
954
1074
  });
1075
+ var _AccessTimeFilled = _interopRequireDefault(require("@mui/icons-material/AccessTimeFilled"));
955
1076
  var _Accessible = _interopRequireDefault(require("@mui/icons-material/Accessible"));
956
1077
  var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
957
1078
  var _AccountCircle = _interopRequireDefault(require("@mui/icons-material/AccountCircle"));
958
1079
  var _AddCircleOutline = _interopRequireDefault(require("@mui/icons-material/AddCircleOutline"));
1080
+ var _Air = _interopRequireDefault(require("@mui/icons-material/Air"));
959
1081
  var _AllInbox = _interopRequireDefault(require("@mui/icons-material/AllInbox"));
960
1082
  var _ArrowBack = _interopRequireDefault(require("@mui/icons-material/ArrowBack"));
961
1083
  var _ArrowBackIos = _interopRequireDefault(require("@mui/icons-material/ArrowBackIos"));
@@ -965,17 +1087,21 @@ var _Audiotrack = _interopRequireDefault(require("@mui/icons-material/Audiotrack
965
1087
  var _AutoAwesome = _interopRequireDefault(require("@mui/icons-material/AutoAwesome"));
966
1088
  var _ArrowDownward = _interopRequireDefault(require("@mui/icons-material/ArrowDownward"));
967
1089
  var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
1090
+ var _ArrowForward = _interopRequireDefault(require("@mui/icons-material/ArrowForward"));
968
1091
  var _ArrowUpward = _interopRequireDefault(require("@mui/icons-material/ArrowUpward"));
969
1092
  var _BackHand = _interopRequireDefault(require("@mui/icons-material/BackHand"));
970
1093
  var _Ballot = _interopRequireDefault(require("@mui/icons-material/Ballot"));
1094
+ var _BiotechOutlined = _interopRequireDefault(require("@mui/icons-material/BiotechOutlined"));
971
1095
  var _BiotechSharp = _interopRequireDefault(require("@mui/icons-material/BiotechSharp"));
972
1096
  var _Block = _interopRequireDefault(require("@mui/icons-material/Block"));
1097
+ var _BloodtypeOutlined = _interopRequireDefault(require("@mui/icons-material/BloodtypeOutlined"));
973
1098
  var _BorderColor = _interopRequireDefault(require("@mui/icons-material/BorderColor"));
974
1099
  var _Build = _interopRequireDefault(require("@mui/icons-material/Build"));
975
1100
  var _Business = _interopRequireDefault(require("@mui/icons-material/Business"));
976
1101
  var _Cancel = _interopRequireDefault(require("@mui/icons-material/Cancel"));
977
1102
  var _CancelOutlined = _interopRequireDefault(require("@mui/icons-material/CancelOutlined"));
978
1103
  var _Cached = _interopRequireDefault(require("@mui/icons-material/Cached"));
1104
+ var _CalendarToday = _interopRequireDefault(require("@mui/icons-material/CalendarToday"));
979
1105
  var _CallReceived = _interopRequireDefault(require("@mui/icons-material/CallReceived"));
980
1106
  var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
981
1107
  var _CheckBox = _interopRequireDefault(require("@mui/icons-material/CheckBox"));
@@ -1014,6 +1140,7 @@ var _FactCheck = _interopRequireDefault(require("@mui/icons-material/FactCheck")
1014
1140
  var _Favorite = _interopRequireDefault(require("@mui/icons-material/Favorite"));
1015
1141
  var _FeedbackOutlined = _interopRequireDefault(require("@mui/icons-material/FeedbackOutlined"));
1016
1142
  var _FileCopy = _interopRequireDefault(require("@mui/icons-material/FileCopy"));
1143
+ var _FileUpload = _interopRequireDefault(require("@mui/icons-material/FileUpload"));
1017
1144
  var _FilterList = _interopRequireDefault(require("@mui/icons-material/FilterList"));
1018
1145
  var _FirstPage = _interopRequireDefault(require("@mui/icons-material/FirstPage"));
1019
1146
  var _FolderShared = _interopRequireDefault(require("@mui/icons-material/FolderShared"));
@@ -1023,7 +1150,9 @@ var _FormatListBulleted = _interopRequireDefault(require("@mui/icons-material/Fo
1023
1150
  var _ForumOutlined = _interopRequireDefault(require("@mui/icons-material/ForumOutlined"));
1024
1151
  var _FullscreenRounded = _interopRequireDefault(require("@mui/icons-material/FullscreenRounded"));
1025
1152
  var _GridViewRounded = _interopRequireDefault(require("@mui/icons-material/GridViewRounded"));
1153
+ var _Headphones = _interopRequireDefault(require("@mui/icons-material/Headphones"));
1026
1154
  var _Headset = _interopRequireDefault(require("@mui/icons-material/Headset"));
1155
+ var _Hearing = _interopRequireDefault(require("@mui/icons-material/Hearing"));
1027
1156
  var _Help = _interopRequireDefault(require("@mui/icons-material/Help"));
1028
1157
  var _HelpOutline = _interopRequireDefault(require("@mui/icons-material/HelpOutline"));
1029
1158
  var _History = _interopRequireDefault(require("@mui/icons-material/History"));
@@ -1031,10 +1160,12 @@ var _Home = _interopRequireDefault(require("@mui/icons-material/Home"));
1031
1160
  var _HomeWorkOutlined = _interopRequireDefault(require("@mui/icons-material/HomeWorkOutlined"));
1032
1161
  var _HourglassFull = _interopRequireDefault(require("@mui/icons-material/HourglassFull"));
1033
1162
  var _HowToVote = _interopRequireDefault(require("@mui/icons-material/HowToVote"));
1163
+ var _ImageOutlined = _interopRequireDefault(require("@mui/icons-material/ImageOutlined"));
1034
1164
  var _ImportantDevices = _interopRequireDefault(require("@mui/icons-material/ImportantDevices"));
1035
1165
  var _Info = _interopRequireDefault(require("@mui/icons-material/Info"));
1036
1166
  var _InfoOutlined = _interopRequireDefault(require("@mui/icons-material/InfoOutlined"));
1037
1167
  var _InsertDriveFile = _interopRequireDefault(require("@mui/icons-material/InsertDriveFile"));
1168
+ var _Inventory = _interopRequireDefault(require("@mui/icons-material/Inventory2"));
1038
1169
  var _LabelImportant = _interopRequireDefault(require("@mui/icons-material/LabelImportant"));
1039
1170
  var _LastPage = _interopRequireDefault(require("@mui/icons-material/LastPage"));
1040
1171
  var _Launch = _interopRequireDefault(require("@mui/icons-material/Launch"));
@@ -1047,7 +1178,9 @@ var _Lock = _interopRequireDefault(require("@mui/icons-material/Lock"));
1047
1178
  var _LockOpen = _interopRequireDefault(require("@mui/icons-material/LockOpen"));
1048
1179
  var _LockOutlined = _interopRequireDefault(require("@mui/icons-material/LockOutlined"));
1049
1180
  var _LocalHospital = _interopRequireDefault(require("@mui/icons-material/LocalHospital"));
1181
+ var _MedicalServicesOutlined = _interopRequireDefault(require("@mui/icons-material/MedicalServicesOutlined"));
1050
1182
  var _Menu = _interopRequireDefault(require("@mui/icons-material/Menu"));
1183
+ var _MonetizationOnOutlined = _interopRequireDefault(require("@mui/icons-material/MonetizationOnOutlined"));
1051
1184
  var _MonitorHeart = _interopRequireDefault(require("@mui/icons-material/MonitorHeart"));
1052
1185
  var _MoreHoriz = _interopRequireDefault(require("@mui/icons-material/MoreHoriz"));
1053
1186
  var _MoreVert = _interopRequireDefault(require("@mui/icons-material/MoreVert"));
@@ -1056,6 +1189,7 @@ var _NavigateBefore = _interopRequireDefault(require("@mui/icons-material/Naviga
1056
1189
  var _NavigateNext = _interopRequireDefault(require("@mui/icons-material/NavigateNext"));
1057
1190
  var _NoteAdd = _interopRequireDefault(require("@mui/icons-material/NoteAdd"));
1058
1191
  var _Notifications = _interopRequireDefault(require("@mui/icons-material/Notifications"));
1192
+ var _Numbers = _interopRequireDefault(require("@mui/icons-material/Numbers"));
1059
1193
  var _OndemandVideoOutlined = _interopRequireDefault(require("@mui/icons-material/OndemandVideoOutlined"));
1060
1194
  var _PeopleAlt = _interopRequireDefault(require("@mui/icons-material/PeopleAlt"));
1061
1195
  var _Person = _interopRequireDefault(require("@mui/icons-material/Person"));
@@ -1071,6 +1205,7 @@ var _Print = _interopRequireDefault(require("@mui/icons-material/Print"));
1071
1205
  var _PriorityHigh = _interopRequireDefault(require("@mui/icons-material/PriorityHigh"));
1072
1206
  var _RecentActors = _interopRequireDefault(require("@mui/icons-material/RecentActors"));
1073
1207
  var _RemoveCircleOutline = _interopRequireDefault(require("@mui/icons-material/RemoveCircleOutline"));
1208
+ var _RemoveRedEyeOutlined = _interopRequireDefault(require("@mui/icons-material/RemoveRedEyeOutlined"));
1074
1209
  var _Repeat = _interopRequireDefault(require("@mui/icons-material/Repeat"));
1075
1210
  var _Replay = _interopRequireDefault(require("@mui/icons-material/Replay"));
1076
1211
  var _Report = _interopRequireDefault(require("@mui/icons-material/Report"));
@@ -1082,6 +1217,7 @@ var _RoomOutlined = _interopRequireDefault(require("@mui/icons-material/RoomOutl
1082
1217
  var _Save = _interopRequireDefault(require("@mui/icons-material/Save"));
1083
1218
  var _SaveAlt = _interopRequireDefault(require("@mui/icons-material/SaveAlt"));
1084
1219
  var _Schedule = _interopRequireDefault(require("@mui/icons-material/Schedule"));
1220
+ var _ScienceOutlined = _interopRequireDefault(require("@mui/icons-material/ScienceOutlined"));
1085
1221
  var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
1086
1222
  var _SentimentNeutral = _interopRequireDefault(require("@mui/icons-material/SentimentNeutral"));
1087
1223
  var _SentimentSatisfied = _interopRequireDefault(require("@mui/icons-material/SentimentSatisfied"));
@@ -1100,13 +1236,17 @@ var _TableRows = _interopRequireDefault(require("@mui/icons-material/TableRows")
1100
1236
  var _TextFields = _interopRequireDefault(require("@mui/icons-material/TextFields"));
1101
1237
  var _Timeline = _interopRequireDefault(require("@mui/icons-material/Timeline"));
1102
1238
  var _Today = _interopRequireDefault(require("@mui/icons-material/Today"));
1239
+ var _ToggleOn = _interopRequireDefault(require("@mui/icons-material/ToggleOn"));
1103
1240
  var _TokenRounded = _interopRequireDefault(require("@mui/icons-material/TokenRounded"));
1104
1241
  var _Update = _interopRequireDefault(require("@mui/icons-material/Update"));
1242
+ var _VerifiedOutlined = _interopRequireDefault(require("@mui/icons-material/VerifiedOutlined"));
1105
1243
  var _Visibility = _interopRequireDefault(require("@mui/icons-material/Visibility"));
1106
1244
  var _VisibilityOff = _interopRequireDefault(require("@mui/icons-material/VisibilityOff"));
1245
+ var _VisibilityOutlined = _interopRequireDefault(require("@mui/icons-material/VisibilityOutlined"));
1107
1246
  var _VpnKey = _interopRequireDefault(require("@mui/icons-material/VpnKey"));
1108
1247
  var _Warning = _interopRequireDefault(require("@mui/icons-material/Warning"));
1109
1248
  var _WarningAmberOutlined = _interopRequireDefault(require("@mui/icons-material/WarningAmberOutlined"));
1110
1249
  var _WaterDrop = _interopRequireDefault(require("@mui/icons-material/WaterDrop"));
1250
+ var _WaterDropOutlined = _interopRequireDefault(require("@mui/icons-material/WaterDropOutlined"));
1111
1251
  var _Webhook = _interopRequireDefault(require("@mui/icons-material/Webhook"));
1112
1252
  var _WifiOff = _interopRequireDefault(require("@mui/icons-material/WifiOff"));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "flipper-ui",
3
- "version": "0.39.14",
3
+ "version": "0.39.16",
4
4
  "author": "NG",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",