@bbl-digital/snorre 4.0.23 → 4.0.25

package/esm/core/NotificationsMenu/NotificationRow/index.js

@@ -1,7 +1,6 @@
 import React from 'react';
-import Button from '../../Button';
 import Text from '../../Text';
-import { Wrapper } from './styles';
+import { StyledButton, Wrapper } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const NotificationRow = ({
@@ -10,7 +9,7 @@ const NotificationRow = ({
   icon,
   hideBorderBottom,
   onClick
-}) => /*#__PURE__*/_jsx(Button, {
+}) => /*#__PURE__*/_jsx(StyledButton, {
   nostyle: true,
   onClick: onClick,
   children: /*#__PURE__*/_jsxs(Wrapper, {

package/esm/core/NotificationsMenu/NotificationRow/styles.js

@@ -1,29 +1,24 @@
 import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { css } from '@emotion/react';
+import Button from '../../Button';
 export const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "exqwsp81"
+} : {
+  target: "exqwsp81",
+  label: "Wrapper"
+})(props => /*#__PURE__*/css("display:flex;gap:0.5rem;justify-content:start;padding:1rem 0;border-bottom:", props.hideBorderBottom ? 'none' : '1px solid #d8e4f9', ";svg{margin-top:3px;min-width:14px;}&>span:last-of-type{line-height:1.5em;text-align:left;font-weight:normal;text-transform:none;&>span{font-weight:600;text-transform:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2dEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi9CdXR0b24nXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGhpZGVCb3JkZXJCb3R0b20/OiBib29sZWFuIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGdhcDogMC41cmVtO1xuICAgIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gICAgcGFkZGluZzogMXJlbSAwO1xuICAgIGJvcmRlci1ib3R0b206ICR7cHJvcHMuaGlkZUJvcmRlckJvdHRvbSA/ICdub25lJyA6ICcxcHggc29saWQgI2Q4ZTRmOSd9O1xuXG4gICAgc3ZnIHtcbiAgICAgIG1hcmdpbi10b3A6IDNweDtcbiAgICAgIG1pbi13aWR0aDogMTRweDtcbiAgICB9XG5cbiAgICAmID4gc3BhbjpsYXN0LW9mLXR5cGUge1xuICAgICAgbGluZS1oZWlnaHQ6IDEuNWVtO1xuICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcblxuICAgICAgJiA+IHNwYW4ge1xuICAgICAgICBmb250LXdlaWdodDogNjAwO1xuICAgICAgICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICB3aWR0aDogMTAwJTtcbiAgJiA+IHNwYW4ge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG5gXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi9CdXR0b24nXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGhpZGVCb3JkZXJCb3R0b20/OiBib29sZWFuIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGdhcDogMC41cmVtO1xuICAgIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gICAgcGFkZGluZzogMXJlbSAwO1xuICAgIGJvcmRlci1ib3R0b206ICR7cHJvcHMuaGlkZUJvcmRlckJvdHRvbSA/ICdub25lJyA6ICcxcHggc29saWQgI2Q4ZTRmOSd9O1xuXG4gICAgc3ZnIHtcbiAgICAgIG1hcmdpbi10b3A6IDNweDtcbiAgICAgIG1pbi13aWR0aDogMTRweDtcbiAgICB9XG5cbiAgICAmID4gc3BhbjpsYXN0LW9mLXR5cGUge1xuICAgICAgbGluZS1oZWlnaHQ6IDEuNWVtO1xuICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gICAgICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcblxuICAgICAgJiA+IHNwYW4ge1xuICAgICAgICBmb250LXdlaWdodDogNjAwO1xuICAgICAgICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICB3aWR0aDogMTAwJTtcbiAgJiA+IHNwYW4ge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG5gXG4iXX0= */");
+export const StyledButton = /*#__PURE__*/_styled(Button, process.env.NODE_ENV === "production" ? {
   target: "exqwsp80"
 } : {
   target: "exqwsp80",
-  label: "Wrapper"
-})(props => `
-  display: grid;
-  grid-template-columns: 2em 1fr;
-  justify-content: start;
-  padding: 1em 0;
-  border-bottom: ${props.hideBorderBottom ? 'none' : '1px solid #d8e4f9'};
-
-  svg {
-    margin-top: 5px;
-  }
-
-  & > span:nth-of-type(1) {
-    line-height: 1.5em;
-    text-align: left;
-    font-weight: normal;
-    text-transform: none;
-
-    & > span {
-      font-weight: 600;
-      text-transform: none;
-    }
-  }
-`, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IGFueSkgPT4gYFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDJlbSAxZnI7XG4gIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gIHBhZGRpbmc6IDFlbSAwO1xuICBib3JkZXItYm90dG9tOiAke3Byb3BzLmhpZGVCb3JkZXJCb3R0b20gPyAnbm9uZScgOiAnMXB4IHNvbGlkICNkOGU0ZjknfTtcblxuICBzdmcge1xuICAgIG1hcmdpbi10b3A6IDVweDtcbiAgfVxuXG4gICYgPiBzcGFuOm50aC1vZi10eXBlKDEpIHtcbiAgICBsaW5lLWhlaWdodDogMS41ZW07XG4gICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICAgIHRleHQtdHJhbnNmb3JtOiBub25lO1xuXG4gICAgJiA+IHNwYW4ge1xuICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICAgIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICAgIH1cbiAgfVxuYFxuKVxuIl19 */");
+  label: "StyledButton"
+})(process.env.NODE_ENV === "production" ? {
+  name: "13nmmot",
+  styles: "width:100%;&>span{width:100%;}"
+} : {
+  name: "13nmmot",
+  styles: "width:100%;&>span{width:100%;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L05vdGlmaWNhdGlvblJvdy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0IwQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9Ob3RpZmljYXRpb25zTWVudS9Ob3RpZmljYXRpb25Sb3cvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vQnV0dG9uJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogeyBoaWRlQm9yZGVyQm90dG9tPzogYm9vbGVhbiB9KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IDAuNXJlbTtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuICAgIHBhZGRpbmc6IDFyZW0gMDtcbiAgICBib3JkZXItYm90dG9tOiAke3Byb3BzLmhpZGVCb3JkZXJCb3R0b20gPyAnbm9uZScgOiAnMXB4IHNvbGlkICNkOGU0ZjknfTtcblxuICAgIHN2ZyB7XG4gICAgICBtYXJnaW4tdG9wOiAzcHg7XG4gICAgICBtaW4td2lkdGg6IDE0cHg7XG4gICAgfVxuXG4gICAgJiA+IHNwYW46bGFzdC1vZi10eXBlIHtcbiAgICAgIGxpbmUtaGVpZ2h0OiAxLjVlbTtcbiAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICBmb250LXdlaWdodDogbm9ybWFsO1xuICAgICAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG5cbiAgICAgICYgPiBzcGFuIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICAgICAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgd2lkdGg6IDEwMCU7XG4gICYgPiBzcGFuIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuYFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/esm/core/NotificationsMenu/NotificationsMenu.stories.js

@@ -2,32 +2,52 @@ import NotificationsMenu from '.';
 import NotificationRow from './NotificationRow';
 import IconAttachment from '../../icons/General/IconAttachment';
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export default {
+const meta = {
   title: 'Core/NotificationsMenu',
   component: NotificationsMenu
 };
+export default meta;
 export const Default = {
-  render: () => /*#__PURE__*/_jsxs(NotificationsMenu, {
+  name: 'Default',
+  args: {
     unread: false,
-    onBellClick: () => console.log('hi'),
-    children: ["Her kan man legge hva man vil", /*#__PURE__*/_jsx(NotificationRow, {
-      title: "Dette er en test",
-      description: "beskrivelse kommer her",
-      icon: /*#__PURE__*/_jsx(IconAttachment, {
-        size: "14px",
-        primary: true
-      }),
-      onClick: () => console.log('hi')
-    })]
-  }),
-  name: 'Default'
+    onBellClick: () => console.log('bell click'),
+    children: 'Her kan man legge hva man vil'
+  }
 };
 export const UnreadNotification = {
-  render: () => /*#__PURE__*/_jsx(NotificationsMenu, {
+  name: 'Unread notification',
+  args: {
     unread: true,
     onBellClick: () => console.log('bell click'),
-    children: "Her kan man legge hva man vil"
-  }),
-  name: 'Unread notification'
+    children: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(NotificationRow, {
+        title: "Dette er en test",
+        description: "beskrivelse kommer her",
+        icon: /*#__PURE__*/_jsx(IconAttachment, {
+          size: "14px",
+          primary: true
+        }),
+        onClick: () => console.log('hi')
+      }), /*#__PURE__*/_jsx(NotificationRow, {
+        title: "Dette er en test",
+        description: "beskrivelse kommer her",
+        icon: /*#__PURE__*/_jsx(IconAttachment, {
+          size: "14px",
+          primary: true
+        }),
+        onClick: () => console.log('hi')
+      }), /*#__PURE__*/_jsx(NotificationRow, {
+        title: "Dette er en test",
+        description: "beskrivelse kommer her",
+        icon: /*#__PURE__*/_jsx(IconAttachment, {
+          size: "14px",
+          primary: true
+        }),
+        onClick: () => console.log('hi')
+      })]
+    })
+  }
 };

package/esm/core/NotificationsMenu/index.js

@@ -1,12 +1,14 @@
 import React, { useState, useEffect, createRef } from 'react';
-import { NotificationsWrapper, NotificationsContent } from './styles';
-import NotificationBell from './NotificationBell';
+import { NotificationsWrapper, NotificationsContent, UnreadMark } from './styles';
 import Button from '../Button';
+import IconBellOutline from '../../icons/General/IconBellOutline';
+import IconBellFilled from '../../icons/General/IconBellFilled';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const NotificationsMenu = ({
   unread,
   triggerClose,
+  radius,
   children,
   onBellClick
 }) => {
@@ -18,7 +20,9 @@ const NotificationsMenu = ({
       if (node && node.contains(e.target)) {
         return;
       }
-      setOpen(false);
+      setTimeout(() => {
+        setOpen(false);
+      }, 100);
     };
     if (open) {
       document.addEventListener('mousedown', handleClickOutside);
@@ -37,15 +41,16 @@ const NotificationsMenu = ({
     onBellClick();
   };
   return /*#__PURE__*/_jsxs(NotificationsWrapper, {
-    children: [/*#__PURE__*/_jsx(Button, {
+    children: [/*#__PURE__*/_jsxs(Button, {
       nostyle: true,
       onClick: onClick,
-      children: /*#__PURE__*/_jsx(NotificationBell, {
-        unread: unread
-      })
+      children: [unread ? /*#__PURE__*/_jsx(IconBellOutline, {
+        secondary: true
+      }) : /*#__PURE__*/_jsx(IconBellFilled, {}), unread && /*#__PURE__*/_jsx(UnreadMark, {})]
     }), open && /*#__PURE__*/_jsx("span", {
       ref: ref,
       children: /*#__PURE__*/_jsx(NotificationsContent, {
+        $radius: radius,
         children: children
       })
     })]

package/esm/core/NotificationsMenu/styles.js

@@ -1,9 +1,9 @@
 import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 export const NotificationsWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "ebh5fga1"
+  target: "ebh5fga2"
 } : {
-  target: "ebh5fga1",
+  target: "ebh5fga2",
   label: "NotificationsWrapper"
 })(process.env.NODE_ENV === "production" ? {
   name: "1ivkyd7",
@@ -11,20 +11,22 @@ export const NotificationsWrapper = /*#__PURE__*/_styled("div", process.env.NODE
 } : {
   name: "1ivkyd7",
   styles: "position:relative;display:flex;flex-direction:row;&>svg{margin-left:0.5em;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFOEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWZpY2F0aW9uc01lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBOb3RpZmljYXRpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICYgPiBzdmcge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc0NvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICByaWdodDogMDtcbiAgdG9wOiAzMHB4O1xuXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHdpZHRoOiAzMDBweDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2NmZDllYTtcblxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBib3gtc2hhZG93OiAwIDEwcHggMTVweCAwIHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZzogMC41ZW0gMWVtO1xuYFxuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFOEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWZpY2F0aW9uc01lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBOb3RpZmljYXRpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICYgPiBzdmcge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc0NvbnRlbnQgPSBzdHlsZWQuZGl2PHsgJHJhZGl1cz86IHN0cmluZyB9PmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMzBweDtcblxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMzAwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgJHJhZGl1cyB9KSA9PiAkcmFkaXVzIHx8ICcxMHB4J307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBhZGRpbmc6IDAuNWVtIDFlbTtcbmBcblxuZXhwb3J0IGNvbnN0IFVucmVhZE1hcmsgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogLTJweDtcbiAgbGVmdDogMTBweDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wcmltYXJ5fTtcbiAgaGVpZ2h0OiAxMHB4O1xuICB3aWR0aDogMTBweDtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbmBcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const NotificationsContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "ebh5fga0"
+  target: "ebh5fga1"
 } : {
-  target: "ebh5fga0",
+  target: "ebh5fga1",
   label: "NotificationsContent"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1141e4r",
-  styles: "position:absolute;background-color:white;right:0;top:30px;box-sizing:border-box;width:300px;border:1px solid #cfd9ea;background-color:#ffffff;box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.1);border-radius:10px;overflow:hidden;padding:0.5em 1em"
+})("position:absolute;background-color:white;right:0;top:30px;box-sizing:border-box;width:300px;border:1px solid #cfd9ea;background-color:#ffffff;box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.1);border-radius:", ({
+  $radius
+}) => $radius || '10px', ";overflow:hidden;padding:0.5em 1em;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhb0UiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWZpY2F0aW9uc01lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBOb3RpZmljYXRpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICYgPiBzdmcge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc0NvbnRlbnQgPSBzdHlsZWQuZGl2PHsgJHJhZGl1cz86IHN0cmluZyB9PmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMzBweDtcblxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMzAwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgJHJhZGl1cyB9KSA9PiAkcmFkaXVzIHx8ICcxMHB4J307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHBhZGRpbmc6IDAuNWVtIDFlbTtcbmBcblxuZXhwb3J0IGNvbnN0IFVucmVhZE1hcmsgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogLTJweDtcbiAgbGVmdDogMTBweDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wcmltYXJ5fTtcbiAgaGVpZ2h0OiAxMHB4O1xuICB3aWR0aDogMTBweDtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbmBcbiJdfQ== */"));
+export const UnreadMark = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ebh5fga0"
 } : {
-  name: "1141e4r",
-  styles: "position:absolute;background-color:white;right:0;top:30px;box-sizing:border-box;width:300px;border:1px solid #cfd9ea;background-color:#ffffff;box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.1);border-radius:10px;overflow:hidden;padding:0.5em 1em",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhOEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTm90aWZpY2F0aW9uc01lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBOb3RpZmljYXRpb25zV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICYgPiBzdmcge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc0NvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICByaWdodDogMDtcbiAgdG9wOiAzMHB4O1xuXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHdpZHRoOiAzMDBweDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2NmZDllYTtcblxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBib3gtc2hhZG93OiAwIDEwcHggMTVweCAwIHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZzogMC41ZW0gMWVtO1xuYFxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+  target: "ebh5fga0",
+  label: "UnreadMark"
+})("position:absolute;top:-2px;left:10px;background:", ({
+  theme
+}) => theme.primary, ";height:10px;width:10px;border-radius:10px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Qm9DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL05vdGlmaWNhdGlvbnNNZW51L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgTm90aWZpY2F0aW9uc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcblxuICAmID4gc3ZnIHtcbiAgICBtYXJnaW4tbGVmdDogMC41ZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IE5vdGlmaWNhdGlvbnNDb250ZW50ID0gc3R5bGVkLmRpdjx7ICRyYWRpdXM/OiBzdHJpbmcgfT5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIHJpZ2h0OiAwO1xuICB0b3A6IDMwcHg7XG5cbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2lkdGg6IDMwMHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAjY2ZkOWVhO1xuXG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG4gIGJveC1zaGFkb3c6IDAgMTBweCAxNXB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpO1xuICBib3JkZXItcmFkaXVzOiAkeyh7ICRyYWRpdXMgfSkgPT4gJHJhZGl1cyB8fCAnMTBweCd9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwYWRkaW5nOiAwLjVlbSAxZW07XG5gXG5cbmV4cG9ydCBjb25zdCBVbnJlYWRNYXJrID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IC0ycHg7XG4gIGxlZnQ6IDEwcHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucHJpbWFyeX07XG4gIGhlaWdodDogMTBweDtcbiAgd2lkdGg6IDEwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG5gXG4iXX0= */"));

package/esm/enums/ModifierKey.js

@@ -0,0 +1,13 @@
+export let ModifierKey;
+
+(function (ModifierKey) {
+  ModifierKey["enter"] = "Enter";
+  ModifierKey["tab"] = "Tab";
+  ModifierKey["space"] = " ";
+  ModifierKey["escape"] = "Escape";
+  ModifierKey["shift"] = "Shift";
+  ModifierKey["right"] = "ArrowRight";
+  ModifierKey["left"] = "ArrowLeft";
+  ModifierKey["up"] = "ArrowUp";
+  ModifierKey["down"] = "ArrowDown";
+})(ModifierKey || (ModifierKey = {}));

package/esm/icons/General/IconBellFilled.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import withIcon from '../withIcon';
+import { jsx as _jsx } from "react/jsx-runtime";
+const IconBellFilled = props => /*#__PURE__*/_jsx("svg", {
+  viewBox: "0 0 24 24",
+  ...props,
+  children: /*#__PURE__*/_jsx("path", {
+    d: "M7.01 19.51c0 1.1.89 1.99 1.99 1.99s1.99-.89 1.99-1.99H7.01ZM9 0c-.83 0-1.5.67-1.5 1.5v1.17C4.36 3.35 2 6.15 2 9.5v6l-2 2v1h18v-1l-2-2v-6c0-3.35-2.36-6.15-5.5-6.83V1.5C10.5.67 9.83 0 9 0Z"
+  })
+});
+export default withIcon('IconBellFilled')(IconBellFilled);

package/esm/icons/Icon.stories.js

@@ -174,6 +174,7 @@ import IconJanitorOutline from './General/IconJanitorOutline';
 import IconImage from './General/IconImage';
 import IconCamera from './General/IconCamera';
 import SbIconGrid from '../shared/components/SbIconGrid';
+import IconBellFilled from './General/IconBellFilled';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export default {
@@ -253,6 +254,8 @@ export const Standard = {
       name: "IconPlusAlt"
     }), /*#__PURE__*/_jsx(IconBellOutline, {
       name: "IconBellOutline"
+    }), /*#__PURE__*/_jsx(IconBellFilled, {
+      name: "IconBellFilled"
     }), /*#__PURE__*/_jsx(IconFilterList, {
       name: "IconFilterList"
     }), /*#__PURE__*/_jsx(IconSort, {

package/esm/shared/recharts/CustomTooltip/styles.js

@@ -6,7 +6,7 @@ export const TooltipWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV =
 } : {
   target: "e1xnunu72",
   label: "TooltipWrapper"
-})(props => /*#__PURE__*/css("display:flex;flex-direction:column;background-color:white;padding:1rem;box-shadow:", props?.theme && props.theme.shadowBig, ";border-radius:4px;>span:first-of-type{margin-bottom:5px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:TooltipWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9zaGFyZWQvcmVjaGFydHMvQ3VzdG9tVG9vbHRpcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWdCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9zaGFyZWQvcmVjaGFydHMvQ3VzdG9tVG9vbHRpcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgVG9vbHRpcFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgdGhlbWU6IGFueSB9PihcbiAgKHByb3BzKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICAgIHBhZGRpbmc6IDFyZW07XG4gICAgYm94LXNoYWRvdzogJHtwcm9wcz8udGhlbWUgJiYgcHJvcHMudGhlbWUuc2hhZG93QmlnfTtcbiAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgPiBzcGFuOmZpcnN0LW9mLXR5cGUge1xuICAgICAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgVG9vbHRpcFBheWxvYWRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcbiAgPiA6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgSXRlbU5hbWVHcm91cCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gID4gOmZpcnN0LW9mLXR5cGUge1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICB9XG5gXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9zaGFyZWQvcmVjaGFydHMvQ3VzdG9tVG9vbHRpcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzhCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9zaGFyZWQvcmVjaGFydHMvQ3VzdG9tVG9vbHRpcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgVG9vbHRpcFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgdGhlbWU6IGFueSB9PihcbiAgKHByb3BzKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICAgIHBhZGRpbmc6IDFyZW07XG4gICAgYm94LXNoYWRvdzogJHtwcm9wcz8udGhlbWUgJiYgcHJvcHMudGhlbWUuc2hhZG93QmlnfTtcbiAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgPiBzcGFuOmZpcnN0LW9mLXR5cGUge1xuICAgICAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgVG9vbHRpcFBheWxvYWRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcbiAgPiA6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgSXRlbU5hbWVHcm91cCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gID4gOmZpcnN0LW9mLXR5cGUge1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICB9XG5gXG4iXX0= */");
+})(props => /*#__PURE__*/css("display:flex;flex-direction:column;background-color:white;padding:1rem;box-shadow:", props?.theme && props.theme.shadowBig, ";border-radius:4px;>span:first-of-type{margin-bottom:5px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:TooltipWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9zaGFyZWQvcmVjaGFydHMvQ3VzdG9tVG9vbHRpcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWdCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9zaGFyZWQvcmVjaGFydHMvQ3VzdG9tVG9vbHRpcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUaGVtZSwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFRvb2x0aXBXcmFwcGVyID0gc3R5bGVkLmRpdjx7IHRoZW1lOiBUaGVtZSB9PihcbiAgKHByb3BzKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICAgIHBhZGRpbmc6IDFyZW07XG4gICAgYm94LXNoYWRvdzogJHtwcm9wcz8udGhlbWUgJiYgcHJvcHMudGhlbWUuc2hhZG93QmlnfTtcbiAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgPiBzcGFuOmZpcnN0LW9mLXR5cGUge1xuICAgICAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgVG9vbHRpcFBheWxvYWRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcbiAgPiA6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgSXRlbU5hbWVHcm91cCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gID4gOmZpcnN0LW9mLXR5cGUge1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICB9XG5gXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9zaGFyZWQvcmVjaGFydHMvQ3VzdG9tVG9vbHRpcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzhCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9zaGFyZWQvcmVjaGFydHMvQ3VzdG9tVG9vbHRpcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUaGVtZSwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFRvb2x0aXBXcmFwcGVyID0gc3R5bGVkLmRpdjx7IHRoZW1lOiBUaGVtZSB9PihcbiAgKHByb3BzKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICAgIHBhZGRpbmc6IDFyZW07XG4gICAgYm94LXNoYWRvdzogJHtwcm9wcz8udGhlbWUgJiYgcHJvcHMudGhlbWUuc2hhZG93QmlnfTtcbiAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgPiBzcGFuOmZpcnN0LW9mLXR5cGUge1xuICAgICAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgVG9vbHRpcFBheWxvYWRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcbiAgPiA6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAwLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgSXRlbU5hbWVHcm91cCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gID4gOmZpcnN0LW9mLXR5cGUge1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICB9XG5gXG4iXX0= */");
 export const TooltipPayloadWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1xnunu71"
 } : {
@@ -18,7 +18,7 @@ export const TooltipPayloadWrapper = /*#__PURE__*/_styled("div", process.env.NOD
 } : {
   name: "1y1bc9v",
   styles: "display:flex;justify-content:space-between;align-items:center;width:100%;>:first-of-type{margin-right:0.5em;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9zaGFyZWQvcmVjaGFydHMvQ3VzdG9tVG9vbHRpcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUIrQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvc2hhcmVkL3JlY2hhcnRzL0N1c3RvbVRvb2x0aXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFRvb2x0aXBXcmFwcGVyID0gc3R5bGVkLmRpdjx7IHRoZW1lOiBhbnkgfT4oXG4gIChwcm9wcykgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICBwYWRkaW5nOiAxcmVtO1xuICAgIGJveC1zaGFkb3c6ICR7cHJvcHM/LnRoZW1lICYmIHByb3BzLnRoZW1lLnNoYWRvd0JpZ307XG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgID4gc3BhbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIG1hcmdpbi1ib3R0b206IDVweDtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFRvb2x0aXBQYXlsb2FkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gID4gOmZpcnN0LW9mLXR5cGUge1xuICAgIG1hcmdpbi1yaWdodDogMC41ZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IEl0ZW1OYW1lR3JvdXAgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICA+IDpmaXJzdC1vZi10eXBlIHtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgfVxuYFxuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9zaGFyZWQvcmVjaGFydHMvQ3VzdG9tVG9vbHRpcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUIrQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvc2hhcmVkL3JlY2hhcnRzL0N1c3RvbVRvb2x0aXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGhlbWUsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBUb29sdGlwV3JhcHBlciA9IHN0eWxlZC5kaXY8eyB0aGVtZTogVGhlbWUgfT4oXG4gIChwcm9wcykgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICBwYWRkaW5nOiAxcmVtO1xuICAgIGJveC1zaGFkb3c6ICR7cHJvcHM/LnRoZW1lICYmIHByb3BzLnRoZW1lLnNoYWRvd0JpZ307XG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgID4gc3BhbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIG1hcmdpbi1ib3R0b206IDVweDtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFRvb2x0aXBQYXlsb2FkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gID4gOmZpcnN0LW9mLXR5cGUge1xuICAgIG1hcmdpbi1yaWdodDogMC41ZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IEl0ZW1OYW1lR3JvdXAgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICA+IDpmaXJzdC1vZi10eXBlIHtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgfVxuYFxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export const ItemNameGroup = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
@@ -32,6 +32,6 @@ export const ItemNameGroup = /*#__PURE__*/_styled("div", process.env.NODE_ENV ==
 } : {
   name: "zmujkq",
   styles: "display:flex;align-items:center;>:first-of-type{margin-right:5px;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9zaGFyZWQvcmVjaGFydHMvQ3VzdG9tVG9vbHRpcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJ1QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvc2hhcmVkL3JlY2hhcnRzL0N1c3RvbVRvb2x0aXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFRvb2x0aXBXcmFwcGVyID0gc3R5bGVkLmRpdjx7IHRoZW1lOiBhbnkgfT4oXG4gIChwcm9wcykgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICBwYWRkaW5nOiAxcmVtO1xuICAgIGJveC1zaGFkb3c6ICR7cHJvcHM/LnRoZW1lICYmIHByb3BzLnRoZW1lLnNoYWRvd0JpZ307XG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgID4gc3BhbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIG1hcmdpbi1ib3R0b206IDVweDtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFRvb2x0aXBQYXlsb2FkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gID4gOmZpcnN0LW9mLXR5cGUge1xuICAgIG1hcmdpbi1yaWdodDogMC41ZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IEl0ZW1OYW1lR3JvdXAgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICA+IDpmaXJzdC1vZi10eXBlIHtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgfVxuYFxuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9zaGFyZWQvcmVjaGFydHMvQ3VzdG9tVG9vbHRpcC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJ1QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvc2hhcmVkL3JlY2hhcnRzL0N1c3RvbVRvb2x0aXAvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGhlbWUsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBUb29sdGlwV3JhcHBlciA9IHN0eWxlZC5kaXY8eyB0aGVtZTogVGhlbWUgfT4oXG4gIChwcm9wcykgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgICBwYWRkaW5nOiAxcmVtO1xuICAgIGJveC1zaGFkb3c6ICR7cHJvcHM/LnRoZW1lICYmIHByb3BzLnRoZW1lLnNoYWRvd0JpZ307XG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgID4gc3BhbjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIG1hcmdpbi1ib3R0b206IDVweDtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFRvb2x0aXBQYXlsb2FkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gID4gOmZpcnN0LW9mLXR5cGUge1xuICAgIG1hcmdpbi1yaWdodDogMC41ZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IEl0ZW1OYW1lR3JvdXAgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICA+IDpmaXJzdC1vZi10eXBlIHtcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcbiAgfVxuYFxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });

package/lib/core/Autocomplete/utils/useHandleOptionsHeight.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const useHandleOptionsHeight: () => {
+    optionsHeight: number;
+    optionsRef: import("react").RefObject<HTMLDivElement>;
+};
+export default useHandleOptionsHeight;
+//# sourceMappingURL=useHandleOptionsHeight.d.ts.map

package/lib/core/Autocomplete/utils/useHandleOptionsHeight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHandleOptionsHeight.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/Autocomplete/utils/useHandleOptionsHeight.ts"],"names":[],"mappings":";AAEA,QAAA,MAAM,sBAAsB;;;CAW3B,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/lib/core/Autocomplete/utils/useHandleOptionsHeight.js

@@ -0,0 +1,16 @@
+import { createRef, useEffect, useState } from 'react';
+
+const useHandleOptionsHeight = () => {
+  const [optionsHeight, setOptionsHeight] = useState(0);
+  const optionsRef = /*#__PURE__*/createRef();
+  useEffect(() => {
+    const rect = optionsRef.current?.getBoundingClientRect();
+    setOptionsHeight(rect?.height || 0); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [optionsRef.current]);
+  return {
+    optionsHeight,
+    optionsRef
+  };
+};
+
+export default useHandleOptionsHeight;

package/lib/core/BarChartWithCustomizedEvent/styles.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
+import { Theme } from '@emotion/react';
 export declare const CustomEventBarChartContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     height: string;
     width: string;
-    theme: any;
+    theme: Theme;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/core/BarChartWithCustomizedEvent/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BarChartWithCustomizedEvent/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,4BAA4B;;;;YAC/B,MAAM;WACP,MAAM;WACN,GAAG;yGAeX,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BarChartWithCustomizedEvent/styles.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAO,MAAM,gBAAgB,CAAA;AAG3C,eAAO,MAAM,4BAA4B;;;;YAC/B,MAAM;WACP,MAAM;WACN,KAAK;yGAeb,CAAA"}

package/lib/core/BarChartWithCustomizedEvent/styles.js

@@ -9,4 +9,4 @@ export const CustomEventBarChartContainer = /*#__PURE__*/_styled("div", process.
   height,
   width,
   theme
-}) => /*#__PURE__*/css("height:", height && height, ";width:", width && width, ";.bar-cell{transition:all 0.2s ease;&:hover,&.bar-cell-selected,&.bar-cell-hovered{filter:brightness(75%);fill:", theme.primary, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:CustomEventBarChartContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUW1DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgQ3VzdG9tRXZlbnRCYXJDaGFydENvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xuICBoZWlnaHQ6IHN0cmluZ1xuICB3aWR0aDogc3RyaW5nXG4gIHRoZW1lOiBhbnlcbn0+KFxuICAoeyBoZWlnaHQsIHdpZHRoLCB0aGVtZSB9KSA9PiBjc3NgXG4gICAgaGVpZ2h0OiAke2hlaWdodCAmJiBoZWlnaHR9O1xuICAgIHdpZHRoOiAke3dpZHRoICYmIHdpZHRofTtcbiAgICAuYmFyLWNlbGwge1xuICAgICAgdHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZTtcbiAgICAgICY6aG92ZXIsXG4gICAgICAmLmJhci1jZWxsLXNlbGVjdGVkLFxuICAgICAgJi5iYXItY2VsbC1ob3ZlcmVkIHtcbiAgICAgICAgZmlsdGVyOiBicmlnaHRuZXNzKDc1JSk7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzRDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5leHBvcnQgY29uc3QgQ3VzdG9tRXZlbnRCYXJDaGFydENvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xuICBoZWlnaHQ6IHN0cmluZ1xuICB3aWR0aDogc3RyaW5nXG4gIHRoZW1lOiBhbnlcbn0+KFxuICAoeyBoZWlnaHQsIHdpZHRoLCB0aGVtZSB9KSA9PiBjc3NgXG4gICAgaGVpZ2h0OiAke2hlaWdodCAmJiBoZWlnaHR9O1xuICAgIHdpZHRoOiAke3dpZHRoICYmIHdpZHRofTtcbiAgICAuYmFyLWNlbGwge1xuICAgICAgdHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZTtcbiAgICAgICY6aG92ZXIsXG4gICAgICAmLmJhci1jZWxsLXNlbGVjdGVkLFxuICAgICAgJi5iYXItY2VsbC1ob3ZlcmVkIHtcbiAgICAgICAgZmlsdGVyOiBicmlnaHRuZXNzKDc1JSk7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG4iXX0= */");
+}) => /*#__PURE__*/css("height:", height && height, ";width:", width && width, ";.bar-cell{transition:all 0.2s ease;&:hover,&.bar-cell-selected,&.bar-cell-hovered{filter:brightness(75%);fill:", theme.primary, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:CustomEventBarChartContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUW1DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUaGVtZSwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IEN1c3RvbUV2ZW50QmFyQ2hhcnRDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaGVpZ2h0OiBzdHJpbmdcbiAgd2lkdGg6IHN0cmluZ1xuICB0aGVtZTogVGhlbWVcbn0+KFxuICAoeyBoZWlnaHQsIHdpZHRoLCB0aGVtZSB9KSA9PiBjc3NgXG4gICAgaGVpZ2h0OiAke2hlaWdodCAmJiBoZWlnaHR9O1xuICAgIHdpZHRoOiAke3dpZHRoICYmIHdpZHRofTtcbiAgICAuYmFyLWNlbGwge1xuICAgICAgdHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZTtcbiAgICAgICY6aG92ZXIsXG4gICAgICAmLmJhci1jZWxsLXNlbGVjdGVkLFxuICAgICAgJi5iYXItY2VsbC1ob3ZlcmVkIHtcbiAgICAgICAgZmlsdGVyOiBicmlnaHRuZXNzKDc1JSk7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzRDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUaGVtZSwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IEN1c3RvbUV2ZW50QmFyQ2hhcnRDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaGVpZ2h0OiBzdHJpbmdcbiAgd2lkdGg6IHN0cmluZ1xuICB0aGVtZTogVGhlbWVcbn0+KFxuICAoeyBoZWlnaHQsIHdpZHRoLCB0aGVtZSB9KSA9PiBjc3NgXG4gICAgaGVpZ2h0OiAke2hlaWdodCAmJiBoZWlnaHR9O1xuICAgIHdpZHRoOiAke3dpZHRoICYmIHdpZHRofTtcbiAgICAuYmFyLWNlbGwge1xuICAgICAgdHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZTtcbiAgICAgICY6aG92ZXIsXG4gICAgICAmLmJhci1jZWxsLXNlbGVjdGVkLFxuICAgICAgJi5iYXItY2VsbC1ob3ZlcmVkIHtcbiAgICAgICAgZmlsdGVyOiBicmlnaHRuZXNzKDc1JSk7XG4gICAgICAgIGZpbGw6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICB9XG4gICAgfVxuICBgXG4pXG4iXX0= */");

package/lib/core/CheckboxController/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/lib/core/CheckboxController/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/CheckboxController/index.tsx"],"names":[],"mappings":""}

package/lib/core/CheckboxController/index.js

@@ -0,0 +1,22 @@
+// import React from 'react'
+// interface IProps {
+//   /** Function children in which CheckBox components can be rendered. */
+//   children: (component: React.ComponentType, values: string[], id: string) => void;
+//   /** Unique name of the field. */
+//   name: string,;
+//   /** Callback that is triggered when a child CheckBox is clicked. */
+//   onChange: (values: string[], event: React.ChangeEvent<HTMLInputElement>) => void;
+//   /** Default checked values. */
+//   value?: string,[];
+// }
+// const CheckboxController: React.FC<IProps> = props => {
+//   const type: string = 'checkbox'
+//   const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+//     if (props.onChange) {
+//       props.onChange(e.target.checked)
+//     }
+//   }
+//   return (
+//   )
+// }
+// export default Checkbox

package/lib/core/Datepicker/yearMonthForm.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface IProps {
+    date: Date;
+    onChange: (e: Date) => void;
+    fromDate: Date;
+    toDate: Date;
+}
+declare const YearMonthForm: React.FC<IProps>;
+export default YearMonthForm;
+//# sourceMappingURL=yearMonthForm.d.ts.map

package/lib/core/Datepicker/yearMonthForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"yearMonthForm.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Datepicker/yearMonthForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,MAAM;IACd,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;IAC3B,QAAQ,EAAE,IAAI,CAAA;IACd,MAAM,EAAE,IAAI,CAAA;CACb;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmDnC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/lib/core/Datepicker/yearMonthForm.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import { MONTHS } from '../../utils/dates';
+import { StyledSelect, Div } from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const YearMonthForm = ({
+  onChange,
+  date,
+  fromDate,
+  toDate
+}) => {
+  const months = MONTHS;
+  const years = [];
+
+  for (let i = fromDate.getFullYear(); i <= toDate.getFullYear(); i += 1) {
+    years.push(i);
+  }
+
+  const changeMonth = e => {
+    let newDate = date;
+    newDate.setMonth(e.target.value);
+    if (newDate > toDate) newDate = toDate;
+    onChange(newDate);
+  };
+
+  const changeYear = e => {
+    let newDate = date;
+    newDate.setFullYear(e.target.value);
+    if (newDate > toDate) newDate = toDate;
+    onChange(newDate);
+  };
+
+  return /*#__PURE__*/_jsxs(Div, {
+    className: "DayPicker-Caption",
+    children: [/*#__PURE__*/_jsx(StyledSelect, {
+      name: "month",
+      onChange: changeMonth,
+      value: date.getMonth(),
+      children: months.map((month, i) => /*#__PURE__*/_jsx("option", {
+        value: i,
+        children: month
+      }, month))
+    }), /*#__PURE__*/_jsx(StyledSelect, {
+      name: "year",
+      onChange: changeYear,
+      value: date.getFullYear(),
+      children: years.map(year => /*#__PURE__*/_jsx("option", {
+        value: year,
+        children: year
+      }, year))
+    })]
+  });
+};
+
+export default YearMonthForm;

package/lib/core/Dropdown/index.js

@@ -81,7 +81,7 @@ const Dropdown = ({
       afterIcon: _jsx(IconCaretDown, {
         flipVertical: open
       }),
-      border: open ? theme.primary : null,
+      border: open ? theme.primary : undefined,
       onClick: onClick,
       css: css,
       className: className,

package/lib/core/EditorOld/config.d.ts

@@ -0,0 +1,56 @@
+import { ExtendedHTMLElement } from 'draft-convert';
+export declare const basicToolbar: {
+    options: string[];
+    inline: {
+        options: string[];
+    };
+};
+export declare const richToolbar: {
+    options: string[];
+    inline: {
+        options: string[];
+    };
+    textAlign: {
+        options: string[];
+    };
+    blockType: {
+        inDropdown: boolean;
+        options: string[];
+    };
+    link: {
+        showOpenOptionOnHover: boolean;
+        defaultTargetOption: string;
+        options: string[];
+    };
+};
+export declare const htmlToEntity: (nodeName: string, node: ExtendedHTMLElement<DOMStringMap>, createEntity: any) => any;
+export declare const getStrippedHtml: (html: string) => string;
+export declare const editorLabels: {
+    'generic.add': string;
+    'generic.cancel': string;
+    'components.controls.inline.bold': string;
+    'components.controls.inline.italic': string;
+    'components.controls.inline.underline': string;
+    'components.controls.list.unordered': string;
+    'components.controls.list.ordered': string;
+    'components.controls.list.indent': string;
+    'components.controls.list.outdent': string;
+    'components.controls.textAlign.left': string;
+    'components.controls.textAlign.center': string;
+    'components.controls.textAlign.right': string;
+    'components.controls.textAlign.justify': string;
+    'components.controls.blocktype.normal': string;
+    'components.controls.blocktype.h1': string;
+    'components.controls.blocktype.h2': string;
+    'components.controls.blocktype.h3': string;
+    'components.controls.blocktype.h4': string;
+    'components.controls.blocktype.h5': string;
+    'components.controls.blocktype.h6': string;
+    'components.controls.link.linkTitle': string;
+    'components.controls.link.linkTarget': string;
+    'components.controls.link.linkTargetOption': string;
+    'components.controls.link.link': string;
+    'components.controls.link.unlink': string;
+    'components.controls.remove.remove': string;
+};
+//# sourceMappingURL=config.d.ts.map

package/lib/core/EditorOld/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/packages/core/EditorOld/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAEnD,eAAO,MAAM,YAAY;;;;;CAKxB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;CAiBvB,CAAA;AAED,eAAO,MAAM,YAAY,aACb,MAAM,QACV,oBAAoB,YAAY,CAAC,gBACzB,GAAG,QAKlB,CAAA;AAED,eAAO,MAAM,eAAe,SAAU,MAAM,WAE3C,CAAA;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCxB,CAAA"}