@hitachivantara/uikit-react-lab 4.0.2 → 4.0.4

package/dist/NavigationAnchors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/NavigationAnchors/index.js"],"sourcesContent":["export { default } from \"./NavigationAnchors\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/NavigationAnchors/index.js"],"sourcesContent":["export { default } from \"./NavigationAnchors\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/NavigationAnchors/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var styles = function styles(theme) {
   return {
     root: {
@@ -20,7 +19,6 @@ var styles = function styles(theme) {
     }
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

package/dist/NavigationAnchors/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","width","listItemGutters","padding","hv","spacing","sm","listItemSelected","fontWeight","typography","highlightText","borderLeft","palette","accent","acce1","paddingLeft"],"sources":["../../src/NavigationAnchors/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: 200,\n  },\n\n  listItemGutters: {\n    padding: `0 ${theme.hv.spacing.sm}px`,\n  },\n  listItemSelected: {\n    fontWeight: theme.hv.typography.highlightText.fontWeight,\n    borderLeft: `2px solid ${theme.hv.palette.accent.acce1}`,\n    paddingLeft: theme.hv.spacing.sm - 2,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,KAAK,EAAE;IADH,CADmB;IAKzBC,eAAe,EAAE;MACfC,OAAO,cAAOJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,EAAxB;IADQ,CALQ;IAQzBC,gBAAgB,EAAE;MAChBC,UAAU,EAAET,KAAK,CAACK,EAAN,CAASK,UAAT,CAAoBC,aAApB,CAAkCF,UAD9B;MAEhBG,UAAU,sBAAeZ,KAAK,CAACK,EAAN,CAASQ,OAAT,CAAiBC,MAAjB,CAAwBC,KAAvC,CAFM;MAGhBC,WAAW,EAAEhB,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,EAAjB,GAAsB;IAHnB;EARO,CAAZ;AAAA,CAAf;;eAeeR,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","width","listItemGutters","padding","hv","spacing","sm","listItemSelected","fontWeight","typography","highlightText","borderLeft","palette","accent","acce1","paddingLeft"],"sources":["../../src/NavigationAnchors/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: 200,\n  },\n\n  listItemGutters: {\n    padding: `0 ${theme.hv.spacing.sm}px`,\n  },\n  listItemSelected: {\n    fontWeight: theme.hv.typography.highlightText.fontWeight,\n    borderLeft: `2px solid ${theme.hv.palette.accent.acce1}`,\n    paddingLeft: theme.hv.spacing.sm - 2,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,KAAK,EAAE;IACT,CAAC;IAEDC,eAAe,EAAE;MACfC,OAAO,cAAOJ,KAAK,CAACK,EAAE,CAACC,OAAO,CAACC,EAAE;IACnC,CAAC;IACDC,gBAAgB,EAAE;MAChBC,UAAU,EAAET,KAAK,CAACK,EAAE,CAACK,UAAU,CAACC,aAAa,CAACF,UAAU;MACxDG,UAAU,sBAAeZ,KAAK,CAACK,EAAE,CAACQ,OAAO,CAACC,MAAM,CAACC,KAAK,CAAE;MACxDC,WAAW,EAAEhB,KAAK,CAACK,EAAE,CAACC,OAAO,CAACC,EAAE,GAAG;IACrC;EACF,CAAC;AAAA,CAAC;AAAC,eAEYR,MAAM;AAAA"}

package/dist/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js

@@ -1,35 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
-
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-
 var _styles = require("@mui/styles");
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _Alert;
-
 var EmptyStatePanel = function EmptyStatePanel(_ref) {
   var id = _ref.id,
-      classes = _ref.classes,
-      className = _ref.className,
-      title = _ref.title,
-      message = _ref.message,
-      icon = _ref.icon;
+    classes = _ref.classes,
+    className = _ref.className,
+    title = _ref.title,
+    message = _ref.message,
+    icon = _ref.icon;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvEmptyState, {
     id: id,
     title: title,
@@ -44,13 +34,11 @@ var EmptyStatePanel = function EmptyStatePanel(_ref) {
     }
   });
 };
-
 process.env.NODE_ENV !== "production" ? EmptyStatePanel.propTypes = {
   /**
    * Id of the EmptyStatePanel
    */
   id: _propTypes.default.string.isRequired,
-
   /**
    * A Jss Object used to override or extend the component styles.
    */
@@ -59,47 +47,38 @@ process.env.NODE_ENV !== "production" ? EmptyStatePanel.propTypes = {
      * Styles applied to the component root of the panel.
      */
     emptyStateRoot: _propTypes.default.string,
-
     /**
      * Styles applied to the EmptyStatePanel container.
      */
     emptyStateContainer: _propTypes.default.string,
-
     /**
      * Styles applied to the empty state container icon.
      */
     emptyStateIconContainer: _propTypes.default.string,
-
     /**
      * Styles applied to the EmptyStatePanel title.
      */
     emptyStateTitleContainer: _propTypes.default.string
   }).isRequired,
-
   /**
    * Class names to be applied to the accordion.
    */
   className: _propTypes.default.string,
-
   /**
    * Title of the EmptyStatePanel
    */
   title: _propTypes.default.string.isRequired,
-
   /**
    * Message of the EmptyStatePanel
    */
   message: _propTypes.default.string.isRequired,
-
   /**
    * Empty Panel Icon
    */
   icon: _propTypes.default.element
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvEmptyStatePanel"
 })(EmptyStatePanel);
-
 exports.default = _default;
 //# sourceMappingURL=EmptyStatePanel.js.map

package/dist/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStatePanel.js","names":["EmptyStatePanel","id","classes","className","title","message","icon","root","emptyStateRoot","container","emptyStateContainer","iconContainer","emptyStateIconContainer","titleContainer","emptyStateTitleContainer","propTypes","PropTypes","string","isRequired","shape","element","withStyles","styles","name"],"sources":["../../../src/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvEmptyState } from \"@hitachivantara/uikit-react-core\";\nimport { Alert } from \"@hitachivantara/uikit-react-icons\";\n\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst EmptyStatePanel = ({ id, classes, className, title, message, icon }) => {\n  return (\n    <HvEmptyState\n      id={id}\n      title={title}\n      message={message}\n      icon={icon || <Alert />}\n      className={className}\n      classes={{\n        root: classes.emptyStateRoot,\n        container: classes.emptyStateContainer,\n        iconContainer: classes.emptyStateIconContainer,\n        titleContainer: classes.emptyStateTitleContainer,\n      }}\n    />\n  );\n};\n\nEmptyStatePanel.propTypes = {\n  /**\n   * Id of the EmptyStatePanel\n   */\n  id: PropTypes.string.isRequired,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root of the panel.\n     */\n    emptyStateRoot: PropTypes.string,\n    /**\n     * Styles applied to the EmptyStatePanel container.\n     */\n    emptyStateContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the empty state container icon.\n     */\n    emptyStateIconContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the EmptyStatePanel title.\n     */\n    emptyStateTitleContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className: PropTypes.string,\n  /**\n   * Title of the EmptyStatePanel\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Message of the EmptyStatePanel\n   */\n  message: PropTypes.string.isRequired,\n  /**\n   * Empty Panel Icon\n   */\n  icon: PropTypes.element,\n};\nexport default withStyles(styles, { name: \"HvEmptyStatePanel\" })(EmptyStatePanel);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAAsD;EAAA,IAAnDC,EAAmD,QAAnDA,EAAmD;EAAA,IAA/CC,OAA+C,QAA/CA,OAA+C;EAAA,IAAtCC,SAAsC,QAAtCA,SAAsC;EAAA,IAA3BC,KAA2B,QAA3BA,KAA2B;EAAA,IAApBC,OAAoB,QAApBA,OAAoB;EAAA,IAAXC,IAAW,QAAXA,IAAW;EAC5E,oBACE,qBAAC,4BAAD;IACE,EAAE,EAAEL,EADN;IAEE,KAAK,EAAEG,KAFT;IAGE,OAAO,EAAEC,OAHX;IAIE,IAAI,EAAEC,IAAI,qCAAI,qBAAC,sBAAD,KAAJ,CAJZ;IAKE,SAAS,EAAEH,SALb;IAME,OAAO,EAAE;MACPI,IAAI,EAAEL,OAAO,CAACM,cADP;MAEPC,SAAS,EAAEP,OAAO,CAACQ,mBAFZ;MAGPC,aAAa,EAAET,OAAO,CAACU,uBAHhB;MAIPC,cAAc,EAAEX,OAAO,CAACY;IAJjB;EANX,EADF;AAeD,CAhBD;;AAkBA,wCAAAd,eAAe,CAACe,SAAhB,GAA4B;EAC1B;AACF;AACA;EACEd,EAAE,EAAEe,kBAAA,CAAUC,MAAV,CAAiBC,UAJK;;EAK1B;AACF;AACA;EACEhB,OAAO,EAAEc,kBAAA,CAAUG,KAAV,CAAgB;IACvB;AACJ;AACA;IACIX,cAAc,EAAEQ,kBAAA,CAAUC,MAJH;;IAKvB;AACJ;AACA;IACIP,mBAAmB,EAAEM,kBAAA,CAAUC,MARR;;IAUvB;AACJ;AACA;IACIL,uBAAuB,EAAEI,kBAAA,CAAUC,MAbZ;;IAevB;AACJ;AACA;IACIH,wBAAwB,EAAEE,kBAAA,CAAUC;EAlBb,CAAhB,EAmBNC,UA3BuB;;EA6B1B;AACF;AACA;EACEf,SAAS,EAAEa,kBAAA,CAAUC,MAhCK;;EAiC1B;AACF;AACA;EACEb,KAAK,EAAEY,kBAAA,CAAUC,MAAV,CAAiBC,UApCE;;EAqC1B;AACF;AACA;EACEb,OAAO,EAAEW,kBAAA,CAAUC,MAAV,CAAiBC,UAxCA;;EAyC1B;AACF;AACA;EACEZ,IAAI,EAAEU,kBAAA,CAAUI;AA5CU,CAA5B;;eA8Ce,IAAAC,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAkDvB,eAAlD,C"}
+{"version":3,"file":"EmptyStatePanel.js","names":["EmptyStatePanel","id","classes","className","title","message","icon","root","emptyStateRoot","container","emptyStateContainer","iconContainer","emptyStateIconContainer","titleContainer","emptyStateTitleContainer","propTypes","PropTypes","string","isRequired","shape","element","withStyles","styles","name"],"sources":["../../../src/NotificationPanel/EmptyStatePanel/EmptyStatePanel.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvEmptyState } from \"@hitachivantara/uikit-react-core\";\nimport { Alert } from \"@hitachivantara/uikit-react-icons\";\n\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst EmptyStatePanel = ({ id, classes, className, title, message, icon }) => {\n  return (\n    <HvEmptyState\n      id={id}\n      title={title}\n      message={message}\n      icon={icon || <Alert />}\n      className={className}\n      classes={{\n        root: classes.emptyStateRoot,\n        container: classes.emptyStateContainer,\n        iconContainer: classes.emptyStateIconContainer,\n        titleContainer: classes.emptyStateTitleContainer,\n      }}\n    />\n  );\n};\n\nEmptyStatePanel.propTypes = {\n  /**\n   * Id of the EmptyStatePanel\n   */\n  id: PropTypes.string.isRequired,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root of the panel.\n     */\n    emptyStateRoot: PropTypes.string,\n    /**\n     * Styles applied to the EmptyStatePanel container.\n     */\n    emptyStateContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the empty state container icon.\n     */\n    emptyStateIconContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the EmptyStatePanel title.\n     */\n    emptyStateTitleContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className: PropTypes.string,\n  /**\n   * Title of the EmptyStatePanel\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Message of the EmptyStatePanel\n   */\n  message: PropTypes.string.isRequired,\n  /**\n   * Empty Panel Icon\n   */\n  icon: PropTypes.element,\n};\nexport default withStyles(styles, { name: \"HvEmptyStatePanel\" })(EmptyStatePanel);\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AAEA;AACA;AAA8B;AAAA;AAE9B,IAAMA,eAAe,GAAG,SAAlBA,eAAe,OAAyD;EAAA,IAAnDC,EAAE,QAAFA,EAAE;IAAEC,OAAO,QAAPA,OAAO;IAAEC,SAAS,QAATA,SAAS;IAAEC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAEC,IAAI,QAAJA,IAAI;EACrE,oBACE,qBAAC,4BAAY;IACX,EAAE,EAAEL,EAAG;IACP,KAAK,EAAEG,KAAM;IACb,OAAO,EAAEC,OAAQ;IACjB,IAAI,EAAEC,IAAI,qCAAI,qBAAC,sBAAK,KAAG,CAAC;IACxB,SAAS,EAAEH,SAAU;IACrB,OAAO,EAAE;MACPI,IAAI,EAAEL,OAAO,CAACM,cAAc;MAC5BC,SAAS,EAAEP,OAAO,CAACQ,mBAAmB;MACtCC,aAAa,EAAET,OAAO,CAACU,uBAAuB;MAC9CC,cAAc,EAAEX,OAAO,CAACY;IAC1B;EAAE,EACF;AAEN,CAAC;AAED,wCAAAd,eAAe,CAACe,SAAS,GAAG;EAC1B;AACF;AACA;EACEd,EAAE,EAAEe,kBAAS,CAACC,MAAM,CAACC,UAAU;EAC/B;AACF;AACA;EACEhB,OAAO,EAAEc,kBAAS,CAACG,KAAK,CAAC;IACvB;AACJ;AACA;IACIX,cAAc,EAAEQ,kBAAS,CAACC,MAAM;IAChC;AACJ;AACA;IACIP,mBAAmB,EAAEM,kBAAS,CAACC,MAAM;IAErC;AACJ;AACA;IACIL,uBAAuB,EAAEI,kBAAS,CAACC,MAAM;IAEzC;AACJ;AACA;IACIH,wBAAwB,EAAEE,kBAAS,CAACC;EACtC,CAAC,CAAC,CAACC,UAAU;EAEb;AACF;AACA;EACEf,SAAS,EAAEa,kBAAS,CAACC,MAAM;EAC3B;AACF;AACA;EACEb,KAAK,EAAEY,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClC;AACF;AACA;EACEb,OAAO,EAAEW,kBAAS,CAACC,MAAM,CAACC,UAAU;EACpC;AACF;AACA;EACEZ,IAAI,EAAEU,kBAAS,CAACI;AAClB,CAAC;AAAC,eACa,IAAAC,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAAoB,CAAC,CAAC,CAACvB,eAAe,CAAC;AAAA"}

package/dist/NotificationPanel/EmptyStatePanel/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _EmptyStatePanel.default;
   }
 });
-
 var _EmptyStatePanel = _interopRequireDefault(require("./EmptyStatePanel"));
 //# sourceMappingURL=index.js.map

package/dist/NotificationPanel/EmptyStatePanel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/NotificationPanel/EmptyStatePanel/index.js"],"sourcesContent":["export { default } from \"./EmptyStatePanel\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/NotificationPanel/EmptyStatePanel/index.js"],"sourcesContent":["export { default } from \"./EmptyStatePanel\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/NotificationPanel/EmptyStatePanel/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var styles = function styles(theme) {
   return {
     emptyStateRoot: {
@@ -24,7 +23,6 @@ var styles = function styles(theme) {
     }
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

package/dist/NotificationPanel/EmptyStatePanel/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","emptyStateRoot","alignItems","padding","hv","spacing","sm","emptyStateContainer","display","emptyStateIconContainer","justifyContent","emptyStateTitleContainer"],"sources":["../../../src/NotificationPanel/EmptyStatePanel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  emptyStateRoot: {\n    alignItems: \"center\",\n    padding: `${theme.hv.spacing.sm}px 0`,\n  },\n  emptyStateContainer: {\n    display: \"block\",\n  },\n\n  emptyStateIconContainer: {\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n\n  emptyStateTitleContainer: {\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,cAAc,EAAE;MACdC,UAAU,EAAE,QADE;MAEdC,OAAO,YAAKH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAAtB;IAFO,CADS;IAKzBC,mBAAmB,EAAE;MACnBC,OAAO,EAAE;IADU,CALI;IASzBC,uBAAuB,EAAE;MACvBD,OAAO,EAAE,MADc;MAEvBE,cAAc,EAAE;IAFO,CATA;IAczBC,wBAAwB,EAAE;MACxBH,OAAO,EAAE,MADe;MAExBE,cAAc,EAAE;IAFQ;EAdD,CAAZ;AAAA,CAAf;;eAoBeX,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","emptyStateRoot","alignItems","padding","hv","spacing","sm","emptyStateContainer","display","emptyStateIconContainer","justifyContent","emptyStateTitleContainer"],"sources":["../../../src/NotificationPanel/EmptyStatePanel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  emptyStateRoot: {\n    alignItems: \"center\",\n    padding: `${theme.hv.spacing.sm}px 0`,\n  },\n  emptyStateContainer: {\n    display: \"block\",\n  },\n\n  emptyStateIconContainer: {\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n\n  emptyStateTitleContainer: {\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,cAAc,EAAE;MACdC,UAAU,EAAE,QAAQ;MACpBC,OAAO,YAAKH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,EAAE;IACjC,CAAC;IACDC,mBAAmB,EAAE;MACnBC,OAAO,EAAE;IACX,CAAC;IAEDC,uBAAuB,EAAE;MACvBD,OAAO,EAAE,MAAM;MACfE,cAAc,EAAE;IAClB,CAAC;IAEDC,wBAAwB,EAAE;MACxBH,OAAO,EAAE,MAAM;MACfE,cAAc,EAAE;IAClB;EACF,CAAC;AAAA,CAAC;AAAC,eAEYX,MAAM;AAAA"}

package/dist/NotificationPanel/Notification/Notification.js

@@ -1,75 +1,55 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _dayjs = _interopRequireDefault(require("dayjs"));
-
 var _relativeTime = _interopRequireDefault(require("dayjs/plugin/relativeTime"));
-
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
-
 var _styles = require("@mui/styles");
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 _dayjs.default.extend(_relativeTime.default);
-
 var hideTooltip = function hideTooltip(evt) {
   return evt.target.scrollHeight <= evt.target.clientHeight;
 };
-
 var wrapperTooltip = function wrapperTooltip(Component, label) {
   var ComponentFunction = function ComponentFunction() {
     return Component;
-  }; // override thr withTooltip styles as we want to use the styles of the component
-
-
+  };
+  // override thr withTooltip styles as we want to use the styles of the component
   return (0, _uikitReactCore.withTooltip)(ComponentFunction, label, "top", hideTooltip, {
     style: {}
   });
 };
-
 var Notification = function Notification(_ref) {
   var classes = _ref.classes,
-      className = _ref.className,
-      notificationId = _ref.notificationId,
-      title = _ref.title,
-      isRead = _ref.isRead,
-      icon = _ref.icon,
-      date = _ref.date,
-      _onClick = _ref.onClick,
-      _onKeyPress = _ref.onKeyPress,
-      rightContainer = _ref.rightContainer,
-      isHighlighted = _ref.isHighlighted;
-
+    className = _ref.className,
+    notificationId = _ref.notificationId,
+    title = _ref.title,
+    isRead = _ref.isRead,
+    icon = _ref.icon,
+    date = _ref.date,
+    _onClick = _ref.onClick,
+    _onKeyPress = _ref.onKeyPress,
+    rightContainer = _ref.rightContainer,
+    isHighlighted = _ref.isHighlighted;
   var getTime = function getTime() {
     if (!isRead) {
       return (0, _dayjs.default)(date).fromNow();
     }
-
     var d = (0, _dayjs.default)(date);
     var format = "D MMMM YYYY, h:mm A";
-
     if (d.isSame(Date.now(), "week")) {
       format = "ddd, h:mm A";
     }
-
     return d.format(format);
   };
-
   var NotificationWithTooltip = wrapperTooltip( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: classes.messageContainer,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvTypography, {
@@ -109,7 +89,6 @@ var Notification = function Notification(_ref) {
     })]
   });
 };
-
 process.env.NODE_ENV !== "production" ? Notification.propTypes = {
   /**
    * A Jss Object used to override or extend the component styles.
@@ -119,122 +98,98 @@ process.env.NODE_ENV !== "production" ? Notification.propTypes = {
      * Styles applied to the component root of the accordion.
      */
     root: _propTypes.default.string,
-
     /**
      * Styles applied to the notification wrapper.
      */
     notificationWrapper: _propTypes.default.string,
-
     /**
      * Styles applied to the notification wrapper when the actions dropdown is open.
      */
     notificationWrapperDropdown: _propTypes.default.string,
-
     /**
      * Styles applied to the notification icon container.
      */
     iconContainer: _propTypes.default.string,
-
     /**
      * Styles applied to the notification message container.
      */
     messageContainer: _propTypes.default.string,
-
     /**
      * Styles applied to the notification time container.
      */
     timeContainer: _propTypes.default.string,
-
     /**
      * Styles applied to the notification bullet.
      */
     bullet: _propTypes.default.string,
-
     /**
      * Styles applied to the content when it is hidden.
      */
     hide: _propTypes.default.string,
-
     /**
      * Styles applied to the notification time indicator.
      */
     time: _propTypes.default.string,
-
     /**
      * Styles applied to the notification is read.
      */
     read: _propTypes.default.string,
-
     /**
      * Styles applied when the notification dropdown is open.
      */
     notificationDropdownOpen: _propTypes.default.string,
-
     /**
      * Styles applied to the notification message actions dropdown.
      */
     notificationActionWrapper: _propTypes.default.string,
-
     /**
      * Styles applied to the notification when clickable
      */
     clickable: _propTypes.default.string
   }).isRequired,
-
   /**
    * Class names to be applied to the accordion.
    */
   className: _propTypes.default.string,
-
   /**
    * Notification id
    */
   notificationId: _propTypes.default.string,
-
   /**
    * Title of the notification
    */
   title: _propTypes.default.string.isRequired,
-
   /**
    * 'true' if the notification has been read or 'false' if it has not been read
    */
   isRead: _propTypes.default.bool.isRequired,
-
   /**
    * date the notification was created
    */
   date: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.object]).isRequired,
-
   /**
    * renderable icon that denotes the status of the notification
    */
   icon: _propTypes.default.element,
-
   /**
    * Click action applied to the notification
    */
   onClick: _propTypes.default.func,
-
   /**
    * On Key Press action applied to the notification
    */
   onKeyPress: _propTypes.default.func,
-
   /**
    * Actions to be executed by the notification, available in the dropdown menu
    */
   rightContainer: _propTypes.default.node,
-
   /**
    * Denotes index of clicked notification
    */
   isHighlighted: _propTypes.default.bool
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvNotificationPanelNotification"
 })(Notification);
-
 exports.default = _default;
 //# sourceMappingURL=Notification.js.map

package/dist/NotificationPanel/Notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","names":["dayjs","extend","relativeTime","hideTooltip","evt","target","scrollHeight","clientHeight","wrapperTooltip","Component","label","ComponentFunction","withTooltip","style","Notification","classes","className","notificationId","title","isRead","icon","date","onClick","onKeyPress","rightContainer","isHighlighted","getTime","fromNow","d","format","isSame","Date","now","NotificationWithTooltip","messageContainer","event","clsx","root","notificationWrapperDropdown","read","notificationWrapper","notificationDropdownOpen","clickable","iconContainer","timeContainer","bullet","hide","time","notificationActionWrapper","propTypes","PropTypes","shape","string","isRequired","bool","oneOfType","number","object","element","func","node","withStyles","styles","name"],"sources":["../../../src/NotificationPanel/Notification/Notification.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport dayjs from \"dayjs\";\nimport relativeTime from \"dayjs/plugin/relativeTime\";\nimport { HvTypography, withTooltip } from \"@hitachivantara/uikit-react-core\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\ndayjs.extend(relativeTime);\n\nconst hideTooltip = (evt) => evt.target.scrollHeight <= evt.target.clientHeight;\n\nconst wrapperTooltip = (Component, label) => {\n  const ComponentFunction = () => Component;\n  // override thr withTooltip styles as we want to use the styles of the component\n  return withTooltip(ComponentFunction, label, \"top\", hideTooltip, { style: {} });\n};\n\nconst Notification = ({\n  classes,\n  className,\n  notificationId,\n  title,\n  isRead,\n  icon,\n  date,\n  onClick,\n  onKeyPress,\n  rightContainer,\n  isHighlighted,\n}) => {\n  const getTime = () => {\n    if (!isRead) {\n      return dayjs(date).fromNow();\n    }\n\n    const d = dayjs(date);\n    let format = \"D MMMM YYYY, h:mm A\";\n\n    if (d.isSame(Date.now(), \"week\")) {\n      format = \"ddd, h:mm A\";\n    }\n\n    return d.format(format);\n  };\n\n  const NotificationWithTooltip = wrapperTooltip(\n    <div className={classes.messageContainer}>\n      <HvTypography variant={isRead ? \"normalText\" : \"highlightText\"}>{title}</HvTypography>\n    </div>,\n    title\n  );\n\n  return (\n    <div\n      onClick={(event) => onClick?.(event, notificationId)}\n      onKeyPress={(event) => onKeyPress?.(event, notificationId)}\n      className={clsx(className, classes.root, {\n        [classes.notificationWrapperDropdown]: isHighlighted,\n        [classes.read]: isRead,\n      })}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <div\n        className={clsx(classes.notificationWrapper, {\n          [classes.notificationDropdownOpen]: isHighlighted,\n          [classes.clickable]: !!onClick,\n        })}\n      >\n        <div className={classes.iconContainer}>{icon}</div>\n        <div>\n          <NotificationWithTooltip />\n          <div className={classes.timeContainer}>\n            <div\n              className={clsx(classes.bullet, {\n                [classes.hide]: isRead,\n              })}\n            />\n            <div className={classes.time}>{getTime()}</div>\n          </div>\n        </div>\n      </div>\n      <div className={classes.notificationActionWrapper}>{rightContainer}</div>\n    </div>\n  );\n};\n\nNotification.propTypes = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root of the accordion.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the notification wrapper.\n     */\n    notificationWrapper: PropTypes.string,\n\n    /**\n     * Styles applied to the notification wrapper when the actions dropdown is open.\n     */\n    notificationWrapperDropdown: PropTypes.string,\n\n    /**\n     * Styles applied to the notification icon container.\n     */\n    iconContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the notification message container.\n     */\n    messageContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the notification time container.\n     */\n    timeContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the notification bullet.\n     */\n    bullet: PropTypes.string,\n\n    /**\n     * Styles applied to the content when it is hidden.\n     */\n    hide: PropTypes.string,\n\n    /**\n     * Styles applied to the notification time indicator.\n     */\n    time: PropTypes.string,\n    /**\n     * Styles applied to the notification is read.\n     */\n    read: PropTypes.string,\n    /**\n     * Styles applied when the notification dropdown is open.\n     */\n    notificationDropdownOpen: PropTypes.string,\n\n    /**\n     * Styles applied to the notification message actions dropdown.\n     */\n    notificationActionWrapper: PropTypes.string,\n    /**\n     * Styles applied to the notification when clickable\n     */\n    clickable: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className: PropTypes.string,\n  /**\n   * Notification id\n   */\n  notificationId: PropTypes.string,\n  /**\n   * Title of the notification\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * 'true' if the notification has been read or 'false' if it has not been read\n   */\n  isRead: PropTypes.bool.isRequired,\n  /**\n   * date the notification was created\n   */\n  date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,\n  /**\n   * renderable icon that denotes the status of the notification\n   */\n  icon: PropTypes.element,\n  /**\n   * Click action applied to the notification\n   */\n  onClick: PropTypes.func,\n  /**\n   * On Key Press action applied to the notification\n   */\n  onKeyPress: PropTypes.func,\n  /**\n   * Actions to be executed by the notification, available in the dropdown menu\n   */\n  rightContainer: PropTypes.node,\n  /**\n   * Denotes index of clicked notification\n   */\n  isHighlighted: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationPanelNotification\" })(Notification);\n"],"mappings":"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"}
+{"version":3,"file":"Notification.js","names":["dayjs","extend","relativeTime","hideTooltip","evt","target","scrollHeight","clientHeight","wrapperTooltip","Component","label","ComponentFunction","withTooltip","style","Notification","classes","className","notificationId","title","isRead","icon","date","onClick","onKeyPress","rightContainer","isHighlighted","getTime","fromNow","d","format","isSame","Date","now","NotificationWithTooltip","messageContainer","event","clsx","root","notificationWrapperDropdown","read","notificationWrapper","notificationDropdownOpen","clickable","iconContainer","timeContainer","bullet","hide","time","notificationActionWrapper","propTypes","PropTypes","shape","string","isRequired","bool","oneOfType","number","object","element","func","node","withStyles","styles","name"],"sources":["../../../src/NotificationPanel/Notification/Notification.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport dayjs from \"dayjs\";\nimport relativeTime from \"dayjs/plugin/relativeTime\";\nimport { HvTypography, withTooltip } from \"@hitachivantara/uikit-react-core\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\ndayjs.extend(relativeTime);\n\nconst hideTooltip = (evt) => evt.target.scrollHeight <= evt.target.clientHeight;\n\nconst wrapperTooltip = (Component, label) => {\n  const ComponentFunction = () => Component;\n  // override thr withTooltip styles as we want to use the styles of the component\n  return withTooltip(ComponentFunction, label, \"top\", hideTooltip, { style: {} });\n};\n\nconst Notification = ({\n  classes,\n  className,\n  notificationId,\n  title,\n  isRead,\n  icon,\n  date,\n  onClick,\n  onKeyPress,\n  rightContainer,\n  isHighlighted,\n}) => {\n  const getTime = () => {\n    if (!isRead) {\n      return dayjs(date).fromNow();\n    }\n\n    const d = dayjs(date);\n    let format = \"D MMMM YYYY, h:mm A\";\n\n    if (d.isSame(Date.now(), \"week\")) {\n      format = \"ddd, h:mm A\";\n    }\n\n    return d.format(format);\n  };\n\n  const NotificationWithTooltip = wrapperTooltip(\n    <div className={classes.messageContainer}>\n      <HvTypography variant={isRead ? \"normalText\" : \"highlightText\"}>{title}</HvTypography>\n    </div>,\n    title\n  );\n\n  return (\n    <div\n      onClick={(event) => onClick?.(event, notificationId)}\n      onKeyPress={(event) => onKeyPress?.(event, notificationId)}\n      className={clsx(className, classes.root, {\n        [classes.notificationWrapperDropdown]: isHighlighted,\n        [classes.read]: isRead,\n      })}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <div\n        className={clsx(classes.notificationWrapper, {\n          [classes.notificationDropdownOpen]: isHighlighted,\n          [classes.clickable]: !!onClick,\n        })}\n      >\n        <div className={classes.iconContainer}>{icon}</div>\n        <div>\n          <NotificationWithTooltip />\n          <div className={classes.timeContainer}>\n            <div\n              className={clsx(classes.bullet, {\n                [classes.hide]: isRead,\n              })}\n            />\n            <div className={classes.time}>{getTime()}</div>\n          </div>\n        </div>\n      </div>\n      <div className={classes.notificationActionWrapper}>{rightContainer}</div>\n    </div>\n  );\n};\n\nNotification.propTypes = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root of the accordion.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the notification wrapper.\n     */\n    notificationWrapper: PropTypes.string,\n\n    /**\n     * Styles applied to the notification wrapper when the actions dropdown is open.\n     */\n    notificationWrapperDropdown: PropTypes.string,\n\n    /**\n     * Styles applied to the notification icon container.\n     */\n    iconContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the notification message container.\n     */\n    messageContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the notification time container.\n     */\n    timeContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the notification bullet.\n     */\n    bullet: PropTypes.string,\n\n    /**\n     * Styles applied to the content when it is hidden.\n     */\n    hide: PropTypes.string,\n\n    /**\n     * Styles applied to the notification time indicator.\n     */\n    time: PropTypes.string,\n    /**\n     * Styles applied to the notification is read.\n     */\n    read: PropTypes.string,\n    /**\n     * Styles applied when the notification dropdown is open.\n     */\n    notificationDropdownOpen: PropTypes.string,\n\n    /**\n     * Styles applied to the notification message actions dropdown.\n     */\n    notificationActionWrapper: PropTypes.string,\n    /**\n     * Styles applied to the notification when clickable\n     */\n    clickable: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className: PropTypes.string,\n  /**\n   * Notification id\n   */\n  notificationId: PropTypes.string,\n  /**\n   * Title of the notification\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * 'true' if the notification has been read or 'false' if it has not been read\n   */\n  isRead: PropTypes.bool.isRequired,\n  /**\n   * date the notification was created\n   */\n  date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,\n  /**\n   * renderable icon that denotes the status of the notification\n   */\n  icon: PropTypes.element,\n  /**\n   * Click action applied to the notification\n   */\n  onClick: PropTypes.func,\n  /**\n   * On Key Press action applied to the notification\n   */\n  onKeyPress: PropTypes.func,\n  /**\n   * Actions to be executed by the notification, available in the dropdown menu\n   */\n  rightContainer: PropTypes.node,\n  /**\n   * Denotes index of clicked notification\n   */\n  isHighlighted: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationPanelNotification\" })(Notification);\n"],"mappings":"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"}

package/dist/NotificationPanel/Notification/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _Notification.default;
   }
 });
-
 var _Notification = _interopRequireDefault(require("./Notification"));
 //# sourceMappingURL=index.js.map

package/dist/NotificationPanel/Notification/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/NotificationPanel/Notification/index.js"],"sourcesContent":["export { default } from \"./Notification\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/NotificationPanel/Notification/index.js"],"sourcesContent":["export { default } from \"./Notification\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/NotificationPanel/Notification/styles.js

@@ -1,32 +1,20 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var outlineStyles = {
   outlineColor: "#52A8EC",
   outlineStyle: "solid",
@@ -34,7 +22,6 @@ var outlineStyles = {
   outlineOffset: "-1px",
   boxShadow: "0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)"
 };
-
 var styles = function styles(theme) {
   return {
     root: {
@@ -145,7 +132,6 @@ var styles = function styles(theme) {
     }
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

package/dist/NotificationPanel/Notification/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","styles","theme","root","display","backgroundColor","hv","palette","atmosphere","atmo1","margin","outline","atmo3","atmo2","notificationWrapper","minHeight","marginRight","spacing","xs","color","accent","acce1","padding","paddingRight","cursor","iconContainer","width","minWidth","sm","messageContainer","maxWidth","lineClamp","boxOrient","overflow","wordBreak","title","typography","highlightText","marginBottom","timeContainer","vizText","alignItems","bullet","height","borderRadius","hide","read","clickable","notificationWrapperDropdown","notificationDropdownOpen","notificationActionWrapper","marginTop"],"sources":["../../../src/NotificationPanel/Notification/styles.js"],"sourcesContent":["const outlineStyles = {\n  outlineColor: \"#52A8EC\",\n  outlineStyle: \"solid\",\n  outlineWidth: \"0px\",\n  outlineOffset: \"-1px\",\n  boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n};\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    margin: \"3px 3px 6px 3px\",\n    \"&:hover\": {\n      outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n    \"&$read\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo2,\n      outline: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n      \"&:hover\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n\n        \"&.focus-visible\": {\n          ...outlineStyles,\n        },\n      },\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"&$read\": {\n        ...outlineStyles,\n      },\n\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n  },\n  notificationWrapper: {\n    display: \"flex\",\n    minHeight: \"72px\",\n    marginRight: theme.hv.spacing.xs,\n    color: theme.hv.palette.accent.acce1,\n    padding: \"17px\",\n    paddingRight: 0,\n\n    \"&:focus\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      outline: `5px solid ${theme.hv.palette.atmosphere.atmo3}`,\n      boxShadow: \"none\",\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n\n    \"&$clickable\": {\n      cursor: \"pointer\",\n    },\n  },\n\n  iconContainer: {\n    width: \"32px\",\n    minWidth: \"32px\",\n    marginRight: `${theme.hv.spacing.sm}px`,\n  },\n\n  messageContainer: {\n    width: \"196px\",\n    maxWidth: \"196px\",\n    display: \"-webkit-box\",\n    lineClamp: 2,\n    boxOrient: \"vertical\",\n    overflow: \"hidden\",\n    wordBreak: \"break-all\",\n  },\n\n  title: {\n    ...theme.hv.typography.highlightText,\n    marginBottom: \"5px\",\n  },\n  timeContainer: {\n    ...theme.hv.typography.vizText,\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  bullet: {\n    width: \"8px\",\n    height: \"8px\",\n    borderRadius: \"50%\",\n    marginRight: \"4px\",\n    backgroundColor: theme.hv.palette.accent.acce1,\n\n    \"&$hide\": {\n      display: \"none\",\n    },\n  },\n  hide: {},\n  read: {},\n  clickable: {},\n  notificationWrapperDropdown: {\n    outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    \"& $notificationActionWrapper\": {\n      display: \"block\",\n    },\n    \"&$read\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    },\n  },\n\n  notificationDropdownOpen: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n  },\n\n  notificationActionWrapper: {\n    \"& > div\": {\n      marginTop: 17,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["outlineStyles","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","styles","theme","root","display","backgroundColor","hv","palette","atmosphere","atmo1","margin","outline","atmo3","atmo2","notificationWrapper","minHeight","marginRight","spacing","xs","color","accent","acce1","padding","paddingRight","cursor","iconContainer","width","minWidth","sm","messageContainer","maxWidth","lineClamp","boxOrient","overflow","wordBreak","title","typography","highlightText","marginBottom","timeContainer","vizText","alignItems","bullet","height","borderRadius","hide","read","clickable","notificationWrapperDropdown","notificationDropdownOpen","notificationActionWrapper","marginTop"],"sources":["../../../src/NotificationPanel/Notification/styles.js"],"sourcesContent":["const outlineStyles = {\n  outlineColor: \"#52A8EC\",\n  outlineStyle: \"solid\",\n  outlineWidth: \"0px\",\n  outlineOffset: \"-1px\",\n  boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n};\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    margin: \"3px 3px 6px 3px\",\n    \"&:hover\": {\n      outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n    \"&$read\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo2,\n      outline: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n      \"&:hover\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n\n        \"&.focus-visible\": {\n          ...outlineStyles,\n        },\n      },\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"&$read\": {\n        ...outlineStyles,\n      },\n\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n  },\n  notificationWrapper: {\n    display: \"flex\",\n    minHeight: \"72px\",\n    marginRight: theme.hv.spacing.xs,\n    color: theme.hv.palette.accent.acce1,\n    padding: \"17px\",\n    paddingRight: 0,\n\n    \"&:focus\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      outline: `5px solid ${theme.hv.palette.atmosphere.atmo3}`,\n      boxShadow: \"none\",\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n\n    \"&$clickable\": {\n      cursor: \"pointer\",\n    },\n  },\n\n  iconContainer: {\n    width: \"32px\",\n    minWidth: \"32px\",\n    marginRight: `${theme.hv.spacing.sm}px`,\n  },\n\n  messageContainer: {\n    width: \"196px\",\n    maxWidth: \"196px\",\n    display: \"-webkit-box\",\n    lineClamp: 2,\n    boxOrient: \"vertical\",\n    overflow: \"hidden\",\n    wordBreak: \"break-all\",\n  },\n\n  title: {\n    ...theme.hv.typography.highlightText,\n    marginBottom: \"5px\",\n  },\n  timeContainer: {\n    ...theme.hv.typography.vizText,\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  bullet: {\n    width: \"8px\",\n    height: \"8px\",\n    borderRadius: \"50%\",\n    marginRight: \"4px\",\n    backgroundColor: theme.hv.palette.accent.acce1,\n\n    \"&$hide\": {\n      display: \"none\",\n    },\n  },\n  hide: {},\n  read: {},\n  clickable: {},\n  notificationWrapperDropdown: {\n    outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    \"& $notificationActionWrapper\": {\n      display: \"block\",\n    },\n    \"&$read\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    },\n  },\n\n  notificationDropdownOpen: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n  },\n\n  notificationActionWrapper: {\n    \"& > div\": {\n      marginTop: 17,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}