@bbl-digital/snorre 4.2.82 → 4.2.83

package/esm/layout/Menu/Sidemenu.stories.js

@@ -1,333 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.MenuDefault = exports.LightThemeCollapsed = exports.LightTheme = exports.Collapsed = void 0;
-var _ = _interopRequireDefault(require("."));
-var _MenuTop = _interopRequireDefault(require("./MenuTop"));
-var _MainMenu = _interopRequireDefault(require("./MainMenu"));
-var _AppPicker = _interopRequireDefault(require("./AppPicker"));
-var _SecondaryMenu = _interopRequireDefault(require("./SecondaryMenu"));
-var _MenuItem = _interopRequireDefault(require("./MenuItem"));
-var _SecondaryMenuItem = _interopRequireDefault(require("./SecondaryMenuItem"));
-var _MenuSpacer = _interopRequireDefault(require("./MenuSpacer"));
-var _IconProfile = _interopRequireDefault(require("../../icons/General/IconProfile"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Layout/Menu',
-  component: _.default,
-  parameters: {
-    docs: {
-      story: {
-        height: '100vh'
-      }
-    }
-  }
-};
-const MenuDefault = exports.MenuDefault = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
-    open: true,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuTop.default, {
-      small: false,
-      logo: "",
-      onLogoClick: () => console.log('home'),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppPicker.default, {
-        lightTheme: true,
-        small: false,
-        selected: true,
-        label: "App 1",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {
-          size: "30px"
-        }),
-        href: "#"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppPicker.default, {
-        lightTheme: true,
-        small: false,
-        label: "App 2",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {}),
-        href: "#"
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuSpacer.default, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_MainMenu.default, {
-        small: false,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
-          onClick: () => console.log('item 1 click'),
-          small: false,
-          label: "Item 1",
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {
-            color: "white",
-            size: "14px"
-          }),
-          lightTheme: false,
-          active: true
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
-          onClick: () => console.log('item 2 click'),
-          small: false,
-          label: "Item 1",
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {
-            color: "white",
-            size: "14px"
-          }),
-          lightTheme: false,
-          active: false
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
-          onClick: () => console.log('item 3 click'),
-          small: false,
-          label: "Item 3",
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {
-            color: "white",
-            size: "14px"
-          }),
-          lightTheme: false,
-          active: false
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
-          onClick: () => console.log('item 4 click'),
-          small: false,
-          label: "Item 4",
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {
-            color: "white",
-            size: "14px"
-          }),
-          lightTheme: false,
-          active: false
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
-          onClick: () => console.log('item 5 click'),
-          small: false,
-          label: "Item 5",
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {
-            color: "white",
-            size: "14px"
-          }),
-          lightTheme: false,
-          active: false
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
-          onClick: () => console.log('item 6 click'),
-          small: false,
-          label: "Item 6",
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {
-            color: "white",
-            size: "14px"
-          }),
-          lightTheme: false,
-          active: false
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SecondaryMenu.default, {
-        small: false,
-        onMenuToggle: e => console.log('Toggle'),
-        label: "KLG BBL",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SecondaryMenuItem.default, {
-          href: "#",
-          label: "Link in new tab",
-          target: "_blank",
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {
-            color: "white",
-            size: "20px"
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SecondaryMenuItem.default, {
-          href: "#",
-          label: "Link in same tab",
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {
-            color: "white",
-            size: "20px"
-          })
-        })]
-      })]
-    })]
-  }),
-  name: 'Menu'
-};
-const Collapsed = exports.Collapsed = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
-    open: false,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuTop.default, {
-      small: true,
-      logo: "",
-      onLogoClick: () => console.log('home'),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppPicker.default, {
-        lightTheme: false,
-        small: true,
-        selected: true,
-        href: "#",
-        label: "App 1",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {
-          size: "30px"
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppPicker.default, {
-        label: "",
-        lightTheme: false,
-        small: true,
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {}),
-        href: "#"
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuSpacer.default, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_MainMenu.default, {
-        small: true,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
-          onClick: () => console.log('item 1 click'),
-          small: true,
-          label: "Item 1",
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {
-            color: "white",
-            size: "14px"
-          }),
-          lightTheme: false,
-          active: true
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
-          onClick: () => console.log('item 2 click'),
-          small: true,
-          label: "Item 1",
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {
-            color: "white",
-            size: "14px"
-          }),
-          lightTheme: false,
-          active: false
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SecondaryMenu.default, {
-        small: true,
-        onMenuToggle: e => console.log('Toggle'),
-        label: "KLG BBL",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SecondaryMenuItem.default, {
-          href: "#",
-          label: "Link",
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {
-            color: "white",
-            size: "20px"
-          })
-        })
-      })]
-    })]
-  }),
-  name: 'Collapsed'
-};
-const LightTheme = exports.LightTheme = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
-    open: true,
-    lightTheme: true,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuTop.default, {
-      small: false,
-      logo: "",
-      onLogoClick: () => console.log('home'),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppPicker.default, {
-        small: false,
-        href: "#",
-        lightTheme: true,
-        label: "Portalen",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {})
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppPicker.default, {
-        small: false,
-        lightTheme: true,
-        label: "Min side",
-        href: "#",
-        selected: true,
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {
-          size: "30px"
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuSpacer.default, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_MainMenu.default, {
-        small: false,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
-          onClick: () => console.log('item 1 click'),
-          small: false,
-          label: "Item 1",
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {
-            size: "14px"
-          }),
-          lightTheme: true,
-          active: true
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
-          onClick: () => console.log('item 2 click'),
-          small: false,
-          label: "Item 1",
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {
-            size: "14px"
-          }),
-          lightTheme: true,
-          active: false
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SecondaryMenu.default, {
-        small: false,
-        lightTheme: true,
-        onMenuToggle: e => console.log('Toggle'),
-        label: "KLG BBL",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SecondaryMenuItem.default, {
-          lightTheme: true,
-          href: "#",
-          label: "Link",
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {
-            size: "20px"
-          })
-        })
-      })]
-    })]
-  }),
-  name: 'Light theme'
-};
-const LightThemeCollapsed = exports.LightThemeCollapsed = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
-    open: false,
-    lightTheme: true,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuTop.default, {
-      small: true,
-      logo: "",
-      onLogoClick: () => console.log('home'),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AppPicker.default, {
-        label: "",
-        small: true,
-        lightTheme: true,
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {}),
-        href: "#"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppPicker.default, {
-        small: true,
-        lightTheme: true,
-        selected: true,
-        label: "App 2",
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {
-          size: "30px"
-        }),
-        href: "#"
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuSpacer.default, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_MainMenu.default, {
-        small: true,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
-          onClick: () => console.log('item 1 click'),
-          small: true,
-          label: "Item 1",
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {
-            size: "14px"
-          }),
-          lightTheme: true,
-          active: true
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
-          onClick: () => console.log('item 2 click'),
-          small: true,
-          label: "Item 1",
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {
-            size: "14px"
-          }),
-          lightTheme: true,
-          active: false
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SecondaryMenu.default, {
-        small: true,
-        lightTheme: true,
-        onMenuToggle: e => console.log('Toggle'),
-        label: "KLG BBL",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SecondaryMenuItem.default, {
-          lightTheme: true,
-          href: "#",
-          label: "Link",
-          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconProfile.default, {
-            color: "white",
-            size: "20px"
-          })
-        })
-      })]
-    })]
-  }),
-  name: 'Light theme collapsed'
-};

package/esm/layout/Menu/index.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-var _react2 = require("@emotion/react");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Menu = ({
-  lightTheme,
-  open,
-  children
-}) => {
-  const theme = (0, _react2.useTheme)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Wrapper, {
-    lightTheme: Boolean(lightTheme),
-    open: open,
-    theme: theme,
-    children: children
-  });
-};
-var _default = exports.default = Menu;

package/esm/layout/Menu/styles.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-var _breakpoints = _interopRequireDefault(require("../../globals/styles/breakpoints"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "ee20b9p0"
-} : {
-  target: "ee20b9p0",
-  label: "Wrapper"
-})(props => /*#__PURE__*/(0, _react.css)("position:fixed;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;overflow:hidden;background:", props.lightTheme ? props.theme.lightMenuBackground : props.theme.defaultMenuBackground, ";width:", props.open ? '250px' : '56px', ";height:calc(100vh - 20px);box-shadow:2px 0 20px 0 rgba(0, 0, 0, 0.05);z-index:90;padding-top:20px;transition:width 0.2s ease-in-out;@media screen and (max-width: ", _breakpoints.default.medium, "){padding:0;position:unset;display:block;overflow:unset;overflow-x:scroll;width:100%;height:100%;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;")));

package/esm/layout/Submenu/Submenu.stories.js

@@ -1,100 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.SubmenuDefault = exports.NoItemsLight = exports.NoItems = exports.LightthemeIllustration = exports.Lighttheme = exports.CustomHeader = void 0;
-var _ = _interopRequireDefault(require("."));
-var _SubmenuItem = _interopRequireDefault(require("./SubmenuItem"));
-var _IllustrationMySitePiggyBank = _interopRequireDefault(require("../../illustrations/MySite/IllustrationMySitePiggyBank"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Layout/Submenu',
-  component: _.default
-};
-const SubmenuDefault = exports.SubmenuDefault = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
-    header: "Header",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SubmenuItem.default, {
-      label: "item 1",
-      active: true,
-      onClick: () => console.log('item click')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SubmenuItem.default, {
-      label: "item 2",
-      onClick: () => console.log('item click')
-    })]
-  }),
-  name: 'Submenu'
-};
-const Lighttheme = exports.Lighttheme = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
-    lightTheme: true,
-    header: "Header",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SubmenuItem.default, {
-      label: "Item 1",
-      lightTheme: true,
-      active: true,
-      onClick: () => console.log('item click')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SubmenuItem.default, {
-      label: "Item 2",
-      lightTheme: true,
-      onClick: () => console.log('item click')
-    })]
-  }),
-  name: 'Lighttheme'
-};
-const LightthemeIllustration = exports.LightthemeIllustration = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
-    lightTheme: true,
-    header: "Header",
-    illustration: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IllustrationMySitePiggyBank.default, {}),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SubmenuItem.default, {
-      label: "Item 1",
-      lightTheme: true,
-      active: true,
-      onClick: () => console.log('item click')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SubmenuItem.default, {
-      label: "Item 2",
-      lightTheme: true,
-      onClick: () => console.log('item click')
-    })]
-  }),
-  name: 'Lighttheme - illustration'
-};
-const NoItems = exports.NoItems = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    header: "Just a header"
-  }),
-  name: 'No items'
-};
-const NoItemsLight = exports.NoItemsLight = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    lightTheme: true,
-    header: "Just a header"
-  }),
-  name: 'No items light'
-};
-const CustomHeader = exports.CustomHeader = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
-    lightTheme: true,
-    customHeader: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      style: {
-        zIndex: 1,
-        margin: 0
-      },
-      children: "header"
-    }),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SubmenuItem.default, {
-      label: "Item 1",
-      lightTheme: true,
-      active: true,
-      onClick: () => console.log('item click')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SubmenuItem.default, {
-      label: "Item 2",
-      lightTheme: true,
-      onClick: () => console.log('item click')
-    })]
-  }),
-  name: 'Custom header'
-};

package/esm/layout/Submenu/SubmenuItem/index.js

@@ -1,91 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styles = require("./styles");
-var _Text = _interopRequireDefault(require("../../../core/Text"));
-var _react2 = require("@emotion/react");
-var _useIsMobile = require("../../../hooks/useIsMobile");
-var _Item = _interopRequireDefault(require("../../../core/List/Item"));
-var _Button = _interopRequireDefault(require("../../../core/Button"));
-var _react3 = require("motion/react");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/** @jsxImportSource @emotion/react */
-
-const SubmenuItem = ({
-  lightTheme,
-  active,
-  label,
-  className,
-  showActiveitemLabel,
-  onClick,
-  onChange
-}) => {
-  const theme = (0, _react2.useTheme)();
-  const isMobile = (0, _useIsMobile.useIsMobile)();
-  const handleOptionClick = () => {
-    onClick && onClick();
-    onChange && onChange();
-  };
-  const labelColor = lightTheme ? theme.secondaryDarkText : !active ? theme.submenuTextColor : theme.submenuTextColorActive;
-  if (showActiveitemLabel) {
-    if (active) {
-      return (0, _jsxRuntime.jsx)(_react.Fragment, {
-        children: label
-      });
-    }
-    return null;
-  }
-  return !isMobile ? (0, _jsxRuntime.jsx)(_Item.default, {
-    children: (0, _jsxRuntime.jsx)(_Button.default, {
-      role: "menuitem",
-      "aria-current": active ? 'page' : undefined,
-      nostyle: true,
-      onClick: onClick,
-      css: (0, _styles.FocusState)(lightTheme ? theme.primary : 'white'),
-      trackingName: "Submenu",
-      trackingEvent: 'Submenu click: ' + label,
-      className: className,
-      children: (0, _jsxRuntime.jsx)(_react3.AnimatePresence, {
-        children: (0, _jsxRuntime.jsx)(_styles.Wrapper, {
-          active: active,
-          lightTheme: lightTheme,
-          background: lightTheme ? '#ffffff' : theme.submenuItemColor,
-          initial: {
-            opacity: 0
-          },
-          animate: {
-            opacity: 1
-          },
-          exit: {
-            opacity: 0
-          },
-          transition: {
-            duration: 0.1
-          },
-          children: (0, _jsxRuntime.jsx)(_Text.default, {
-            color: labelColor,
-            semibold: true,
-            children: label
-          })
-        })
-      })
-    })
-  }) : (0, _jsxRuntime.jsx)(_Item.default, {
-    children: (0, _jsxRuntime.jsx)(_Button.default, {
-      role: "menuitem",
-      "aria-current": active ? 'page' : undefined,
-      nostyle: true,
-      css: _styles.optionButton,
-      onClick: handleOptionClick,
-      children: label
-    })
-  });
-};
-var _default = exports.default = SubmenuItem;

package/esm/layout/Submenu/SubmenuItem/styles.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.optionButton = exports.Wrapper = exports.FocusState = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-var _react2 = require("motion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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)."; }
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)(_react2.motion.div, process.env.NODE_ENV === "production" ? {
-  target: "egkzt9c0"
-} : {
-  target: "egkzt9c0",
-  label: "Wrapper"
-})(props => /*#__PURE__*/(0, _react.css)("padding:0.65em 1em;border-radius:", props.lightTheme ? '19px' : '7px', ";border:1px solid transparent;transition:border-color 0.1s ease-in-out;background:", props.active ? props.background : 'transparent', ";box-shadow:", props.active ? '0 2px 4px 0 rgba(9, 28, 68, 0.2)' : 'none', ";&>span{font-size:14px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;")));
-const optionButton = exports.optionButton = process.env.NODE_ENV === "production" ? {
-  name: "m3111f",
-  styles: "padding-left:8px;justify-content:flex-start;height:100%;width:100%"
-} : {
-  name: "1m0yxkj-optionButton",
-  styles: "padding-left:8px;justify-content:flex-start;height:100%;width:100%;label:optionButton;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const FocusState = color => /*#__PURE__*/(0, _react.css)("&:focus{text-decoration:none;div{border-color:", color, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:FocusState;"));
-exports.FocusState = FocusState;

package/esm/layout/Submenu/SubmenuLightThemeBg/index.js

@@ -1,52 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const SubmenuLightThemeBg = ({
-  bgColor
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-    viewBox: "0 0 1190 203",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
-        id: "submenutlightbg-path-1",
-        x: "0",
-        y: "0",
-        width: "1190",
-        height: "203"
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
-      stroke: "none",
-      strokeWidth: "1",
-      fill: "none",
-      fillRule: "evenodd",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("use", {
-            fill: bgColor,
-            xlinkHref: "#submenutlightbg-path-1"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("use", {
-            fillOpacity: "0.65",
-            fill: "#FFFFFF",
-            xlinkHref: "#submenutlightbg-path-1"
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-          d: "M0,-7.10542736e-15 L1190,-7.10542736e-15 L1190,88.8453479 C1120.50089,91.9625955 1033.23979,87.7081866 928.216686,76.0821213 C770.682033,58.6430234 508.737167,17.7258334 345,22.3521602 C246.122292,25.1459094 131.122292,33.1523167 0,46.371382 L0,-7.10542736e-15 Z",
-          fillOpacity: "0.2",
-          fill: "#FFFFFF"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-          d: "M0,-7.10542736e-15 L1190,-7.10542736e-15 L1190,88.8453479 C1120.50089,91.9625955 1033.23979,87.7081866 928.216686,76.0821213 C770.682033,58.6430234 508.737167,17.7258334 345,22.3521602 C246.122292,25.1459094 131.122292,33.1523167 0,46.371382 L0,-7.10542736e-15 Z",
-          fillOpacity: "0.2",
-          fill: "#FFFFFF",
-          transform: "translate(595.000000, 44.916995) scale(-1, 1) translate(-595.000000, -44.916995) "
-        })]
-      })
-    })]
-  });
-};
-var _default = exports.default = SubmenuLightThemeBg;