@stenajs-webui/panels 13.2.0 → 14.0.1

package/dist/components/sidebar-menu/SidebarMenu.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
 import { BoxProps } from "@stenajs-webui/core";
+import * as React from "react";
 import { SidebarMenuCloseButtonProps } from "./SidebarMenuCloseButton";
 export interface SidebarMenuProps extends BoxProps {
     onCloseClick?: SidebarMenuCloseButtonProps["onClick"];

package/dist/components/sidebar-menu/SidebarMenuSeparator.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
 import { SeparatorLineProps } from "@stenajs-webui/core";
+import * as React from "react";
 export interface SidebarMenuSeparatorProps extends SeparatorLineProps {
 }
 export declare const SidebarMenuSeparator: React.FC<SidebarMenuSeparatorProps>;

package/dist/index.d.ts

@@ -9,7 +9,6 @@ export * from "./components/nav-bar/NavBarPopoverButton";
 export * from "./components/nav-bar/NavBarSearchField";
 export * from "./components/notifications/Notification";
 export * from "./components/notifications/NotificationTheme";
-export * from "./components/drawer/Drawer";
 export * from "./components/collapsible/Collapsible";
 export * from "./components/collapsible/CollapsibleWithCheckbox";
 export * from "./components/collapsible/CollapsibleContent";

package/dist/index.es.js

@@ -8,8 +8,6 @@ import { Checkbox, TextInput } from '@stenajs-webui/forms';
 import cx from 'classnames';
 import { cssColor } from '@stenajs-webui/theme';
 import { formatDistance } from 'date-fns';
-import styled from '@emotion/styled';
-import { createPortal } from 'react-dom';
 import { faChevronUp } from '@fortawesome/free-solid-svg-icons/faChevronUp';
 import { CSSTransition } from 'react-transition-group';
 import { faInbox } from '@fortawesome/free-solid-svg-icons/faInbox';
@@ -50,11 +48,6 @@ function __rest(s, e) {
                 t[p[i]] = s[p[i]];
         }
     return t;
-}
-
-function __makeTemplateObject(cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
 }
 
 var ActionMenuButton = function (_a) {
@@ -283,43 +276,15 @@ var Notification = function (_a) {
                     createElement(Text, { size: "small", color: cssColor("--swui-text-disabled-color") }, agoLabel))))));
 };
 
-var DrawerWrapper = styled("div")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  position: fixed;\n  transform: translateX(\n    ", "\n  );\n  right: ", ";\n  left: ", ";\n  height: 100%;\n  ", "\n  ", "\n  transition: 0.2s transform;\n  box-shadow: ", ";\n  z-index: ", ";\n  top: 0;\n"], ["\n  display: flex;\n  flex-direction: column;\n  position: fixed;\n  transform: translateX(\n    ",
-    "\n  );\n  right: ", ";\n  left: ", ";\n  height: 100%;\n  ", "\n  ", "\n  transition: 0.2s transform;\n  box-shadow: ",
-    ";\n  z-index: ", ";\n  top: 0;\n"])), function (_a) {
-    var isOpen = _a.isOpen, slideFrom = _a.slideFrom, width = _a.width;
-    return isOpen ? 0 : slideFrom === "right" ? "" + width : "-" + width;
-}, function (props) { return (props.slideFrom === "right" ? 0 : "auto"); }, function (props) { return (props.slideFrom === "left" ? 0 : "auto"); }, function (_a) {
-    var width = _a.width;
-    return "width: " + width + ";";
-}, function (_a) {
-    var background = _a.background;
-    return "background: " + background + ";";
-}, function (_a) {
-    var isOpen = _a.isOpen;
-    return isOpen ? "2px 2px 20px 0 rgba(0, 0, 0, 0.15)" : "none";
-}, function (_a) {
-    var zIndex = _a.zIndex;
-    return zIndex;
-});
-var Drawer = forwardRef(function Drawer(_a, ref) {
-    var children = _a.children, isOpen = _a.isOpen, background = _a.background, portalTarget = _a.portalTarget, _b = _a.slideFrom, slideFrom = _b === void 0 ? "left" : _b, _c = _a.width, width = _c === void 0 ? "400px" : _c, _d = _a.zIndex, zIndex = _d === void 0 ? 1000 : _d, divProps = __rest(_a, ["children", "isOpen", "background", "portalTarget", "slideFrom", "width", "zIndex"]);
-    var drawer = (createElement(DrawerWrapper, __assign({ ref: ref, isOpen: isOpen, slideFrom: slideFrom, width: width, zIndex: zIndex, background: background }, divProps), children));
-    if (portalTarget) {
-        return createPortal(drawer, portalTarget);
-    }
-    return drawer;
-});
-var templateObject_1;
-
-var css_248z$4 = ".Collapsible-module_collapsible__2Nn8K {\n  --swui-collapsible-animation-time: var(--swui-animation-time-fast);\n\n  --swui-collapsible-expanded-line-background-color: var(\n    --swui-primary-action-color\n  );\n\n  /*\n   * Header\n   */\n  --swui-collapsible-header-text-color: var(--lhds-color-ui-900);\n  --swui-collapsible-header-background-color: var(--swui-white);\n  --swui-collapsible-header-background-color-hover: var(--lhds-color-blue-100);\n  --swui-collapsible-header-background-color-active: var(--lhds-color-blue-100);\n  --swui-collapsible-header-border-color: var(--lhds-color-ui-300);\n  --swui-collapsible-header-border-color-focus: var(\n    --swui-primary-action-color\n  );\n  --swui-collapsible-header-focus-shadow: var(--swui-field-focus-shadow);\n  --swui-collapsible-header-content-margin: calc(\n    var(--swui-metrics-indent) * 2\n  );\n  --swui-collapsible-header-font-weight: var(--swui-font-weight-text-bold);\n  --swui-collapsible-header-indicator-color: var(--swui-primary-action-color);\n  --swui-collapsible-header-indicator-color-collapsed: var(--lhds-color-ui-500);\n  --swui-collapsible-header-indicator-color-hover: var(\n    --swui-primary-action-color\n  );\n  --swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0;\n\n  /*\n   * Content\n   */\n  --swui-collapsible-content-background-color: var(--lhds-color-ui-100);\n  --swui-collapsible-content-border-color: var(--lhds-color-ui-300);\n  --swui-collapsible-content-padding: var(--swui-metrics-indent)\n    calc(var(--swui-metrics-indent) * 2);\n\n  --swui-collapsible-groupheading-font-size: var(--swui-font-size-smaller);\n  --swui-collapsible-groupheading-text-color: var(--lhds-color-ui-600);\n\n  --swui-collapsible-min-height: 40px;\n}\n\n  /* Header */\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y {\n    background-color: var(--swui-collapsible-header-background-color);\n    width: 100%;\n    font-size: inherit;\n    font-family: var(--swui-font-primary);\n    font-weight: var(--swui-collapsible-header-font-weight);\n\n    min-height: var(--swui-collapsible-min-height);\n    box-sizing: border-box;\n    display: -webkit-flex;\n    display: flex;\n    -webkit-justify-content: space-between;\n            justify-content: space-between;\n    -webkit-align-items: center;\n            align-items: center;\n    border-bottom: 1px solid var(--swui-collapsible-header-border-color);\n    padding: var(--swui-collapsible-header-padding);\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y .Collapsible-module_indicator__3YBhK {\n      transition: all var(--swui-collapsible-animation-time) ease-in-out;\n      margin-left: var(--swui-collapsible-header-content-margin);\n      color: var(--swui-collapsible-header-indicator-color);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y:not(:disabled):hover:not(:active) {\n        background-color: var(--swui-collapsible-header-background-color-hover);\n      }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y:not(:disabled):hover:not(:active) .Collapsible-module_indicator__3YBhK {\n          color: var(--swui-collapsible-header-indicator-color-hover);\n        }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y:focus-visible {\n      outline: 1px solid var(--swui-collapsible-header-border-color-focus);\n      outline-offset: -1px;\n      box-shadow: var(--swui-collapsible-header-focus-shadow);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y:active {\n      background: var(--swui-collapsible-header-background-color-active);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y:disabled {\n      cursor: not-allowed;\n    }\n\n  .Collapsible-module_collapsible__2Nn8K {\n\n  position: relative;\n}\n\n  .Collapsible-module_collapsible__2Nn8K::before {\n    content: \"\";\n    position: absolute;\n    width: 2px;\n    background: var(--swui-collapsible-expanded-line-background-color);\n    top: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K[aria-expanded=\"false\"] {\n    --swui-collapsible-expanded-line-background-color: transparent;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K[aria-expanded=\"false\"] .Collapsible-module_indicator__3YBhK {\n      color: var(--swui-collapsible-header-indicator-color-collapsed);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_label__Hpp-R {\n    margin-right: auto;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_label__Hpp-R span {\n      font-weight: var(--swui-collapsible-header-font-weight);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentLeft__2gPpu,\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentRight__bTr59 {\n    display: -webkit-flex;\n    display: flex;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentLeft__2gPpu button, .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentRight__bTr59 button {\n      cursor: pointer;\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentLeft__2gPpu {\n    margin-right: var(--swui-collapsible-header-content-margin);\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentRight__bTr59 {\n    margin-left: auto;\n  }\n\n  /* Content */\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8 {\n    display: -webkit-flex;\n    display: flex;\n    -webkit-align-items: center;\n            align-items: center;\n    -webkit-justify-content: stretch;\n            justify-content: stretch;\n    background: var(--swui-collapsible-content-background-color);\n    padding: var(--swui-collapsible-content-padding);\n    min-height: var(--swui-collapsible-min-height);\n    box-sizing: border-box;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8:last-child {\n      border-bottom: 1px solid var(--swui-collapsible-content-border-color);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8.Collapsible-module_groupHeading__3BK-5 {\n      border: none;\n      font-size: var(--swui-collapsible-groupheading-font-size);\n      font-family: var(--swui-font-primary);\n      color: var(--swui-collapsible-groupheading-text-color);\n      text-transform: uppercase;\n      font-weight: 600;\n      letter-spacing: 1px;\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8 [data-hidden=\"true\"] {\n      display: none;\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8:hover [data-hidden=\"true\"] {\n        display: inherit;\n      }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8:hover [data-hover=\"true\"] {\n        color: var(--swui-collapsible-header-indicator-color-hover);\n      }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentEnter__GWHoW {\n    opacity: 0;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentEnterActive__1YdNi {\n    opacity: 1;\n    transition: opacity var(--swui-collapsible-animation-time) ease-in-out;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentExitDone__35Iht {\n    display: none;\n  }\n\n  /** Clickable content */\n\n  .Collapsible-module_collapsible__2Nn8K button.Collapsible-module_content__1e1C8 {\n    font-family: var(--swui-font-primary);\n    font-size: inherit;\n    width: 100%;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K button.Collapsible-module_content__1e1C8:focus-visible {\n      outline: 1px solid var(--swui-collapsible-header-border-color-focus);\n      outline-offset: -1px;\n      box-shadow: var(--swui-collapsible-header-focus-shadow);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K button.Collapsible-module_content__1e1C8:not(:disabled):hover {\n      background-color: var(--swui-collapsible-header-background-color-hover);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K button.Collapsible-module_content__1e1C8:disabled {\n      cursor: not-allowed;\n    }\n\n  .Collapsible-module_collapsible__2Nn8K button.Collapsible-module_content__1e1C8:focus-within [data-hidden=\"true\"] {\n        display: inherit;\n      }\n\n  /* Remove header background color if not at the highest level */\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K {\n    --swui-collapsible-header-background-color: var(\n      --swui-collapsible-content-background-color\n    );\n    --swui-collapsible-header-font-weight: normal;\n  }\n\n  /* Increase padding with depth */\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K {\n    --swui-collapsible-content-padding: var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 4);\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K {\n    --swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0\n      calc(var(--swui-metrics-indent) * 4);\n    --swui-collapsible-content-padding: var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 6);\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K {\n    --swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0\n      calc(var(--swui-metrics-indent) * 6);\n    --swui-collapsible-content-padding: var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 8);\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K {\n    --swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0\n      calc(var(--swui-metrics-indent) * 8);\n    --swui-collapsible-content-padding: var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 10);\n  }\n";
+var css_248z$4 = ".Collapsible-module_collapsible__2Nn8K {\n  --swui-collapsible-animation-time: var(--swui-animation-time-fast);\n\n  --swui-collapsible-expanded-line-background-color: var(\n    --swui-primary-action-color\n  );\n\n  /*\n   * Header\n   */\n  --swui-collapsible-header-text-color: var(--lhds-color-ui-900);\n  --swui-collapsible-header-background-color: var(--swui-white);\n  --swui-collapsible-header-background-color-hover: var(--lhds-color-blue-100);\n  --swui-collapsible-header-background-color-active: var(--lhds-color-blue-100);\n  --swui-collapsible-header-border-color: var(--lhds-color-ui-300);\n  --swui-collapsible-header-border-color-focus: var(\n    --swui-primary-action-color\n  );\n  --swui-collapsible-header-focus-shadow: var(--swui-field-focus-shadow);\n  --swui-collapsible-header-content-margin: calc(\n    var(--swui-metrics-indent) * 2\n  );\n  --swui-collapsible-header-font-weight: var(--swui-font-weight-text-bold);\n  --swui-collapsible-header-indicator-color: var(--swui-primary-action-color);\n  --swui-collapsible-header-indicator-color-collapsed: var(--lhds-color-ui-500);\n  --swui-collapsible-header-indicator-color-hover: var(\n    --swui-primary-action-color\n  );\n  --swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0;\n\n  /*\n   * Content\n   */\n  --swui-collapsible-content-background-color: var(--lhds-color-ui-100);\n  --swui-collapsible-content-border-color: var(--lhds-color-ui-300);\n  --swui-collapsible-content-padding: var(--swui-metrics-indent)\n    calc(var(--swui-metrics-indent) * 2);\n\n  --swui-collapsible-groupheading-font-size: var(--swui-font-size-smaller);\n  --swui-collapsible-groupheading-text-color: var(--lhds-color-ui-600);\n\n  --swui-collapsible-min-height: 40px;\n}\n\n  /* Header */\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y {\n    background-color: var(--swui-collapsible-header-background-color);\n    width: 100%;\n    font-size: inherit;\n    font-family: var(--swui-font-primary);\n    font-weight: var(--swui-collapsible-header-font-weight);\n    text-align: left;\n\n    min-height: var(--swui-collapsible-min-height);\n    box-sizing: border-box;\n    display: -webkit-flex;\n    display: flex;\n    -webkit-justify-content: space-between;\n            justify-content: space-between;\n    -webkit-align-items: center;\n            align-items: center;\n    border-bottom: 1px solid var(--swui-collapsible-header-border-color);\n    padding: var(--swui-collapsible-header-padding);\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y .Collapsible-module_indicator__3YBhK {\n      transition: all var(--swui-collapsible-animation-time) ease-in-out;\n      margin-left: var(--swui-collapsible-header-content-margin);\n      color: var(--swui-collapsible-header-indicator-color);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y:not(:disabled):hover:not(:active) {\n        background-color: var(--swui-collapsible-header-background-color-hover);\n      }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y:not(:disabled):hover:not(:active) .Collapsible-module_indicator__3YBhK {\n          color: var(--swui-collapsible-header-indicator-color-hover);\n        }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y:focus-visible {\n      outline: 1px solid var(--swui-collapsible-header-border-color-focus);\n      outline-offset: -1px;\n      box-shadow: var(--swui-collapsible-header-focus-shadow);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y:active {\n      background: var(--swui-collapsible-header-background-color-active);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y:disabled {\n      cursor: not-allowed;\n    }\n\n  .Collapsible-module_collapsible__2Nn8K {\n\n  position: relative;\n}\n\n  .Collapsible-module_collapsible__2Nn8K::before {\n    content: \"\";\n    position: absolute;\n    width: 2px;\n    background: var(--swui-collapsible-expanded-line-background-color);\n    top: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K[aria-expanded=\"false\"] {\n    --swui-collapsible-expanded-line-background-color: transparent;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K[aria-expanded=\"false\"] .Collapsible-module_indicator__3YBhK {\n      color: var(--swui-collapsible-header-indicator-color-collapsed);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_label__Hpp-R {\n    margin-right: auto;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_label__Hpp-R span {\n      --current-line-height: 1;\n      font-weight: var(--swui-collapsible-header-font-weight);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentLeft__2gPpu,\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentRight__bTr59 {\n    display: -webkit-flex;\n    display: flex;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentLeft__2gPpu button, .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentRight__bTr59 button {\n      cursor: pointer;\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentLeft__2gPpu {\n    margin-right: var(--swui-collapsible-header-content-margin);\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentRight__bTr59 {\n    margin-left: auto;\n  }\n\n  /* Content */\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8 {\n    display: -webkit-flex;\n    display: flex;\n    -webkit-align-items: center;\n            align-items: center;\n    -webkit-justify-content: stretch;\n            justify-content: stretch;\n    background: var(--swui-collapsible-content-background-color);\n    padding: var(--swui-collapsible-content-padding);\n    min-height: var(--swui-collapsible-min-height);\n    box-sizing: border-box;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8:last-child {\n      border-bottom: 1px solid var(--swui-collapsible-content-border-color);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8.Collapsible-module_groupHeading__3BK-5 {\n      border: none;\n      font-size: var(--swui-collapsible-groupheading-font-size);\n      font-family: var(--swui-font-primary);\n      color: var(--swui-collapsible-groupheading-text-color);\n      text-transform: uppercase;\n      font-weight: 600;\n      letter-spacing: 1px;\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8 [data-hidden=\"true\"] {\n      display: none;\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8:hover [data-hidden=\"true\"] {\n        display: inherit;\n      }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8:hover [data-hover=\"true\"] {\n        color: var(--swui-collapsible-header-indicator-color-hover);\n      }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentEnter__GWHoW {\n    opacity: 0;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentEnterActive__1YdNi {\n    opacity: 1;\n    transition: opacity var(--swui-collapsible-animation-time) ease-in-out;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentExitDone__35Iht {\n    display: none;\n  }\n\n  /** Clickable content */\n\n  .Collapsible-module_collapsible__2Nn8K button.Collapsible-module_content__1e1C8 {\n    font-family: var(--swui-font-primary);\n    font-size: inherit;\n    width: 100%;\n    text-align: left;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K button.Collapsible-module_content__1e1C8:focus-visible {\n      outline: 1px solid var(--swui-collapsible-header-border-color-focus);\n      outline-offset: -1px;\n      box-shadow: var(--swui-collapsible-header-focus-shadow);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K button.Collapsible-module_content__1e1C8:not(:disabled):hover {\n      background-color: var(--swui-collapsible-header-background-color-hover);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K button.Collapsible-module_content__1e1C8:disabled {\n      cursor: not-allowed;\n    }\n\n  .Collapsible-module_collapsible__2Nn8K button.Collapsible-module_content__1e1C8:focus-within [data-hidden=\"true\"] {\n        display: inherit;\n      }\n\n  /* Remove header background color if not at the highest level */\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K {\n    --swui-collapsible-header-background-color: var(\n      --swui-collapsible-content-background-color\n    );\n    --swui-collapsible-header-font-weight: normal;\n  }\n\n  /* Increase padding with depth */\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K {\n    --swui-collapsible-content-padding: var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 4);\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K {\n    --swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0\n      calc(var(--swui-metrics-indent) * 4);\n    --swui-collapsible-content-padding: var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 6);\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K {\n    --swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0\n      calc(var(--swui-metrics-indent) * 6);\n    --swui-collapsible-content-padding: var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 8);\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K {\n    --swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0\n      calc(var(--swui-metrics-indent) * 8);\n    --swui-collapsible-content-padding: var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 10);\n  }\n";
 var styles$4 = {"collapsible":"Collapsible-module_collapsible__2Nn8K","header":"Collapsible-module_header__IZx0y","indicator":"Collapsible-module_indicator__3YBhK","label":"Collapsible-module_label__Hpp-R","contentLeft":"Collapsible-module_contentLeft__2gPpu","contentRight":"Collapsible-module_contentRight__bTr59","content":"Collapsible-module_content__1e1C8","groupHeading":"Collapsible-module_groupHeading__3BK-5","contentEnter":"Collapsible-module_contentEnter__GWHoW","contentEnterActive":"Collapsible-module_contentEnterActive__1YdNi","contentExitDone":"Collapsible-module_contentExitDone__35Iht"};
 styleInject(css_248z$4);
 
 var CollapsibleEmptyContent = function () {
     return (createElement(Column, { indent: true, spacing: true, flex: 1, alignItems: "center" },
-        createElement(Icon, { icon: faInbox, color: "var(--lhds-color-ui-500)" }),
+        createElement(Icon, { icon: faInbox, color: cssColor("--lhds-color-ui-500") }),
         createElement(Space, null),
-        createElement(Text, { size: "small", color: "var(--lhds-color-ui-500)" }, "No content")));
+        createElement(Text, { size: "small", color: cssColor("--lhds-color-ui-500") }, "No content")));
 };
 
 var CollapsibleContent = function (_a) {
@@ -447,7 +412,7 @@ var SidebarMenu = function (_a) {
     return (createElement(Box, __assign({ className: cx(styles$5.sidebarMenu, className) }, boxProps),
         createElement(Box, { alignItems: "flex-start", justifyContent: "center" },
             createElement(SidebarMenuCloseButton, { onClick: onCloseClick, variant: "dark" })),
-        createElement(SeparatorLine, { color: "var(--lhds-color-blue-700)" }),
+        createElement(SeparatorLine, { color: cssColor("--lhds-color-blue-700") }),
         createElement(Space, null),
         createElement(Box, { className: styles$5.sidebarMenuContent, background: "var(--swui-sidebar-menu-background-color)" },
             createElement(Column, { flexGrow: 1 }, children))));
@@ -494,8 +459,8 @@ var SidebarMenuCollapsible = function (_a) {
 
 var SidebarMenuSeparator = function (separatorLineProps) {
     return (createElement(Spacing, null,
-        createElement(SeparatorLine, __assign({ color: "var(--lhds-color-blue-700)" }, separatorLineProps))));
+        createElement(SeparatorLine, __assign({ color: cssColor("--lhds-color-blue-700") }, separatorLineProps))));
 };
 
-export { ActionMenuFlatButton, ActionMenuPrimaryButton, ActionMenuSecondaryButton, CheckboxMenu, Collapsible, CollapsibleClickableContent, CollapsibleContent, CollapsibleEmptyContent, CollapsibleGroupHeading, CollapsibleWithCheckbox, Drawer, ErrorPanel, ErrorScreen, LoadingPanel, LoadingScreen, NavBar, NavBarButton, NavBarHeading, NavBarPopoverButton, NavBarSearchField, Notification, SidebarMenu, SidebarMenuCollapsible, SidebarMenuHeading, SidebarMenuLink, SidebarMenuSeparator, defaultNotificationTheme, mapCSSTime };
+export { ActionMenuFlatButton, ActionMenuPrimaryButton, ActionMenuSecondaryButton, CheckboxMenu, Collapsible, CollapsibleClickableContent, CollapsibleContent, CollapsibleEmptyContent, CollapsibleGroupHeading, CollapsibleWithCheckbox, ErrorPanel, ErrorScreen, LoadingPanel, LoadingScreen, NavBar, NavBarButton, NavBarHeading, NavBarPopoverButton, NavBarSearchField, Notification, SidebarMenu, SidebarMenuCollapsible, SidebarMenuHeading, SidebarMenuLink, SidebarMenuSeparator, defaultNotificationTheme, mapCSSTime };
 //# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/components/action-menu-button/ActionMenuButton.tsx","../src/components/action-menu-button/ActionMenuPrimaryButton.tsx","../src/components/action-menu-button/ActionMenuSecondaryButton.tsx","../src/components/action-menu-button/ActionMenuFlatButton.tsx","../src/components/checkbox-menu/CheckboxMenu.tsx","../../../node_modules/style-inject/dist/style-inject.es.js","../src/components/nav-bar/NavBarSideMenuButton.tsx","../src/components/nav-bar/NavBarVariantContext.ts","../src/components/nav-bar/NavBar.tsx","../src/components/nav-bar/NavBarButton.tsx","../src/components/nav-bar/NavBarHeading.tsx","../src/components/nav-bar/NavBarPopoverButton.tsx","../src/components/nav-bar/NavBarSearchField.tsx","../src/components/notifications/NotificationTheme.ts","../src/components/notifications/Notification.tsx","../src/components/drawer/Drawer.tsx","../src/components/collapsible/CollapsibleEmptyContent.tsx","../src/components/collapsible/CollapsibleContent.tsx","../src/components/collapsible/Collapsible.tsx","../src/components/collapsible/CollapsibleWithCheckbox.tsx","../src/components/collapsible/CollapsibleClickableContent.tsx","../src/components/collapsible/CollapsibleGroupHeading.tsx","../src/components/error-panel/ErrorPanel.tsx","../src/components/error-panel/ErrorScreen.tsx","../src/components/loading-panel/LoadingPanel.tsx","../src/components/loading-panel/LoadingScreen.tsx","../src/components/sidebar-menu/SidebarMenuCloseButton.tsx","../src/components/sidebar-menu/SidebarMenu.tsx","../src/components/sidebar-menu/SidebarMenuHeading.tsx","../src/components/sidebar-menu/SidebarMenuLink.tsx","../src/components/sidebar-menu/SidebarMenuCollapsible.tsx","../src/components/sidebar-menu/SidebarMenuSeparator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactNode, useMemo, useRef } from \"react\";\nimport {\n  ActionMenu,\n  ActionMenuContext,\n  ActionMenuProps,\n  FlatButton,\n  PrimaryButton,\n  PrimaryButtonProps,\n  SecondaryButton,\n} from \"@stenajs-webui/elements\";\nimport { useBoolean } from \"@stenajs-webui/core\";\nimport { Popover, PopoverProps } from \"@stenajs-webui/tooltip\";\nimport { faAngleDown } from \"@fortawesome/free-solid-svg-icons\";\nimport { Plugin as TippyPlugin, Props as TippyProps } from \"tippy.js\";\n\nexport interface ActionMenuButtonProps\n  extends Omit<\n    PrimaryButtonProps,\n    \"variant\" | \"loading\" | \"loadingLabel\" | \"success\" | \"successLabel\"\n  > {\n  /** The content of the Action Menu. */\n  renderItems: (close: () => void) => ReactNode;\n  /** The placement of the Action Menu. */\n  placement?: PopoverProps[\"placement\"];\n  /**  Z-index of the Action Menu */\n  zIndex?: number;\n  /** Portal target, HTML element. If not set, portal is not used. */\n  portalTarget?: PopoverProps[\"appendTo\"];\n  menuWidth?: ActionMenuProps[\"width\"];\n  menuTop?: ActionMenuProps[\"top\"];\n  buttonComponent:\n    | typeof PrimaryButton\n    | typeof SecondaryButton\n    | typeof FlatButton;\n}\n\nexport const ActionMenuButton: React.FC<ActionMenuButtonProps> = ({\n  renderItems,\n  placement = \"bottom\",\n  buttonComponent: Button,\n  rightIcon = faAngleDown,\n  portalTarget = \"parent\",\n  zIndex,\n  menuWidth,\n  menuTop,\n  onClick,\n  ...buttonProps\n}) => {\n  const [isOpen, open, close, toggle] = useBoolean(false);\n\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const focusManager: TippyPlugin<TippyProps> = {\n    name: \"focusManager\",\n    defaultValue: true,\n    fn({ popper }) {\n      let restoreFocus = false;\n\n      const closeOnEscape = (event: KeyboardEvent) => {\n        if (event.key === \"Escape\") {\n          restoreFocus = true;\n          close();\n        }\n        if (event.key === \"Enter\" || event.key === \" \") {\n          restoreFocus = true;\n        }\n      };\n\n      return {\n        onCreate() {\n          popper.addEventListener(\"keydown\", closeOnEscape);\n        },\n        onDestroy() {\n          popper.removeEventListener(\"keydown\", closeOnEscape);\n        },\n        onMount() {\n          restoreFocus = false;\n          popper\n            .querySelector<HTMLElement>(\"button:not([disabled]), a[href]\")\n            ?.focus();\n        },\n        onHide() {\n          if (buttonRef.current && restoreFocus) {\n            buttonRef.current.focus();\n          }\n        },\n      };\n    },\n  };\n\n  const contextValue = useMemo(() => ({ open, close }), [open, close]);\n\n  const handleClick = (\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ) => {\n    onClick?.(event);\n    toggle();\n  };\n\n  return (\n    <Popover\n      disablePadding\n      visible={isOpen}\n      onClickOutside={close}\n      placement={placement}\n      content={\n        isOpen && (\n          <ActionMenu\n            variant={\"outlined\"}\n            width={menuWidth}\n            top={menuTop}\n            trapFocus\n          >\n            <ActionMenuContext.Provider value={contextValue}>\n              {renderItems(close)}\n            </ActionMenuContext.Provider>\n          </ActionMenu>\n        )\n      }\n      arrow={false}\n      appendTo={portalTarget}\n      zIndex={zIndex}\n      plugins={[focusManager]}\n      lazy\n    >\n      <Button\n        rightIcon={rightIcon}\n        {...buttonProps}\n        ref={buttonRef}\n        onClick={handleClick}\n      />\n    </Popover>\n  );\n};\n","import * as React from \"react\";\nimport { PrimaryButton, PrimaryButtonProps } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuPrimaryButtonProps\n  extends Omit<ActionMenuButtonProps, \"buttonComponent\">,\n    Pick<PrimaryButtonProps, \"variant\"> {}\n\nexport const ActionMenuPrimaryButton: React.FC<ActionMenuPrimaryButtonProps> = (\n  props\n) => {\n  return <ActionMenuButton buttonComponent={PrimaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { SecondaryButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuSecondaryButtonProps\n  extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuSecondaryButton: React.FC<ActionMenuSecondaryButtonProps> = (\n  props\n) => {\n  return <ActionMenuButton buttonComponent={SecondaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuFlatButtonProps\n  extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuFlatButton: React.FC<ActionMenuFlatButtonProps> = (\n  props\n) => {\n  return <ActionMenuButton buttonComponent={FlatButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Box, Column, Indent, Row, useBoolean } from \"@stenajs-webui/core\";\nimport { ActionMenu, FlatButton } from \"@stenajs-webui/elements\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { faAngleDown } from \"@fortawesome/free-solid-svg-icons/faAngleDown\";\nimport { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\n\nexport interface CheckboxMenuProps extends CheckboxProps {\n  renderMenu: (close: () => void) => ReactNode;\n}\n\nconst border = `1px solid var(--lhds-color-ui-300)`;\n\nexport const CheckboxMenu: React.FC<CheckboxMenuProps> = ({\n  renderMenu,\n  ...checkboxProps\n}) => {\n  const [isOpen, open, close] = useBoolean(false);\n  return (\n    <Popover\n      onClickOutside={close}\n      arrow={false}\n      visible={isOpen}\n      disablePadding\n      content={\n        renderMenu ? (\n          <Column>\n            <ActionMenu>{renderMenu(close)}</ActionMenu>\n          </Column>\n        ) : undefined\n      }\n      placement={\"bottom-start\"}\n      variant={\"outlined\"}\n    >\n      <Box display={\"inline-block\"}>\n        <Row\n          spacing={0.5}\n          indent\n          alignItems={\"center\"}\n          border={border}\n          borderRadius={\"4px\"}\n        >\n          <Checkbox {...checkboxProps} />\n          <Indent num={0.5} />\n          <FlatButton size={\"small\"} onClick={open} leftIcon={faAngleDown} />\n        </Row>\n      </Box>\n    </Popover>\n  );\n};\n","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import * as React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarSideMenuButton.module.css\";\nimport { DivProps } from \"@stenajs-webui/core\";\nimport { NavBarVariant } from \"./NavBar\";\nimport { ReactComponent as HamburgerBarsSvg } from \"./svg/bars.svg\";\n\nexport interface SidebarMenuButtonProps extends Pick<DivProps, \"className\"> {\n  variant?: NavBarVariant;\n  onClick?: (ev: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const NavBarSideMenuButton: React.FC<SidebarMenuButtonProps> = ({\n  variant = \"light\",\n  className,\n  onClick,\n}) => {\n  return (\n    <button\n      onClick={onClick}\n      className={cx(styles.sidebarMenuButton, styles[variant], className)}\n    >\n      <HamburgerBarsSvg className={styles.icon} />\n    </button>\n  );\n};\n","import { createContext, useContext } from \"react\";\nimport { NavBarVariant } from \"./NavBar\";\n\nexport const NavBarVariantContext = createContext<NavBarVariant>(\"light\");\n\nexport const useNavBarVariant = () => useContext(NavBarVariantContext);\n","import { Indent, Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBar.module.css\";\nimport {\n  NavBarSideMenuButton,\n  SidebarMenuButtonProps,\n} from \"./NavBarSideMenuButton\";\nimport { NavBarVariantContext } from \"./NavBarVariantContext\";\n\nexport interface NavBarProps {\n  variant?: NavBarVariant;\n  className?: string;\n  showMenuButton?: boolean;\n  onClickMenuButton?: SidebarMenuButtonProps[\"onClick\"];\n  right?: ReactNode;\n  center?: ReactNode;\n  left?: ReactNode;\n  height?: number | string;\n}\n\nexport type NavBarVariant = \"light\" | \"dark\";\n\nexport const NavBar: React.FC<NavBarProps> = ({\n  variant = \"light\",\n  left,\n  className,\n  showMenuButton = false,\n  children,\n  right,\n  center,\n  height = \"64px\",\n  onClickMenuButton,\n}) => {\n  const currentFlex = center ? 1 : undefined;\n  return (\n    <NavBarVariantContext.Provider value={variant}>\n      <Row\n        height={height}\n        minHeight={height}\n        justifyContent={\"space-between\"}\n        className={cx(styles.navBar, styles[variant], className)}\n      >\n        <Row\n          flex={currentFlex}\n          justifyContent={\"flex-start\"}\n          alignItems={\"center\"}\n        >\n          {showMenuButton ? (\n            <>\n              <NavBarSideMenuButton\n                variant={variant}\n                onClick={onClickMenuButton}\n              />\n              <Indent />\n            </>\n          ) : (\n            <Indent num={2} />\n          )}\n          {left ? (\n            <>\n              {left}\n              <Indent num={2} />\n            </>\n          ) : (\n            <Indent num={2} />\n          )}\n          {children && (\n            <>\n              <Row justifyContent={\"center\"} alignItems={\"center\"}>\n                {React.Children.map(children, (child, index) => (\n                  <>\n                    {index > 0 && <Indent />}\n                    {child}\n                  </>\n                ))}\n              </Row>\n            </>\n          )}\n        </Row>\n        {center && (\n          <Row justifyContent={\"center\"} alignItems={\"center\"}>\n            {center}\n          </Row>\n        )}\n        <Row\n          justifyContent={\"flex-end\"}\n          alignItems={\"center\"}\n          flex={currentFlex}\n        >\n          {right}\n          <Indent num={2} />\n        </Row>\n      </Row>\n    </NavBarVariantContext.Provider>\n  );\n};\n","import { FlatButton, FlatButtonProps } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarButton.module.css\";\nimport { useNavBarVariant } from \"./NavBarVariantContext\";\n\nexport interface NavBarButtonProps extends FlatButtonProps {\n  selected?: boolean;\n}\n\nexport const NavBarButton: React.FC<NavBarButtonProps> = ({\n  selected,\n  className,\n  ...buttonProps\n}) => {\n  const variant = useNavBarVariant();\n  return (\n    <FlatButton\n      {...buttonProps}\n      className={cx(\n        styles.navBarButton,\n        styles[variant],\n        selected && styles.selected,\n        className\n      )}\n    />\n  );\n};\n","import * as React from \"react\";\nimport { Heading, HeadingProps } from \"@stenajs-webui/core\";\n\ninterface NavBarHeadingProps extends HeadingProps {}\n\nexport const NavBarHeading: React.FC<NavBarHeadingProps> = (headingProps) => {\n  return <Heading whiteSpace={\"nowrap\"} color={\"#fff\"} {...headingProps} />;\n};\n","import { useBoolean } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { NavBarButton, NavBarButtonProps } from \"./NavBarButton\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\n\ntype RenderProp = (args: RenderPropArgs) => ReactNode;\n\ninterface RenderPropArgs {\n  close: () => void;\n}\n\nexport interface NavBarPopoverButtonProps\n  extends Omit<NavBarButtonProps, \"onClick\"> {\n  content?: RenderProp;\n}\n\nexport const NavBarPopoverButton: React.FC<NavBarPopoverButtonProps> = ({\n  content,\n  children,\n  ...navBarButtonProps\n}) => {\n  const [isOpen, open, close] = useBoolean(false);\n\n  return (\n    <Popover\n      onClickOutside={close}\n      triggerTarget={document.body}\n      visible={isOpen}\n      content={\n        <>\n          {content && content({ close })}\n          {children}\n        </>\n      }\n    >\n      <NavBarButton {...navBarButtonProps} onClick={open} />\n    </Popover>\n  );\n};\n","import * as React from \"react\";\nimport { TextInput, TextInputProps } from \"@stenajs-webui/forms\";\nimport { Clickable } from \"@stenajs-webui/core\";\nimport { Icon, stenaSearch } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarSearchField.module.css\";\nimport { useNavBarVariant } from \"./NavBarVariantContext\";\n\ninterface NavBarSearchFieldProps extends TextInputProps {}\n\nexport const NavBarSearchField: React.FC<NavBarSearchFieldProps> = ({\n  placeholder = \"Search...\",\n  className,\n  wrapperClassName,\n  ...textInputProps\n}) => {\n  const variant = useNavBarVariant();\n  return (\n    <TextInput\n      wrapperClassName={cx(\n        styles.navBarSearchField,\n        styles[variant],\n        wrapperClassName\n      )}\n      className={cx(styles.navBarSearchFieldInput, className)}\n      placeholder={placeholder}\n      contentRight={\n        <Clickable>\n          <Icon icon={stenaSearch} />\n        </Clickable>\n      }\n      {...textInputProps}\n    />\n  );\n};\n","export interface NotificationTheme {\n  notificationBg: string;\n  notificationHoverBg: string;\n  notificationDismissedBg: string;\n  notificationDismissedHoverBg: string;\n}\n\nexport const defaultNotificationTheme: NotificationTheme = {\n  notificationBg: \"#eaeaea\",\n  notificationHoverBg: \"#eeeeee\",\n  notificationDismissedBg: \"#ffffff\",\n  notificationDismissedHoverBg: \"#f4f4f4\",\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { Box, Clickable, Column, Row, Space, Text } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport { formatDistance } from \"date-fns\";\nimport * as React from \"react\";\nimport { ReactNode, useMemo } from \"react\";\nimport {\n  defaultNotificationTheme,\n  NotificationTheme,\n} from \"./NotificationTheme\";\n\nexport interface NotificationProps {\n  title?: string;\n  text?: string;\n  content?: ReactNode;\n  dismissed?: boolean;\n  date?: Date;\n  icon?: IconDefinition;\n  iconColor?: string;\n  onClick?: () => void;\n  theme?: NotificationTheme;\n}\n\nexport const Notification: React.FC<NotificationProps> = ({\n  onClick,\n  icon,\n  iconColor,\n  title,\n  text,\n  content,\n  date,\n  dismissed,\n  theme = defaultNotificationTheme,\n}) => {\n  const agoLabel = useMemo(() => {\n    if (date) {\n      return `${formatDistance(date, new Date())} ago`;\n    }\n    return undefined;\n  }, [date]);\n\n  return (\n    <Clickable onClick={onClick} style={{ textAlign: \"left\" }}>\n      <Box\n        background={\n          dismissed ? theme.notificationDismissedBg : theme.notificationBg\n        }\n        hoverBackground={\n          dismissed\n            ? theme.notificationDismissedHoverBg\n            : theme.notificationHoverBg\n        }\n        spacing\n        indent\n      >\n        <Row width={\"250px\"}>\n          {icon && (\n            <Row width={\"34px\"} alignItems={\"center\"}>\n              <Icon icon={icon} color={iconColor} />\n            </Row>\n          )}\n          <Column flex={1}>\n            {title && (\n              <>\n                <Text>{title}</Text>\n                <Space half />\n              </>\n            )}\n            {text && (\n              <>\n                <Text size={\"small\"}>{text}</Text>\n                <Space half />\n              </>\n            )}\n            {content && (\n              <>\n                {content}\n                <Space half />\n              </>\n            )}\n            <Text size={\"small\"} color={cssColor(\"--swui-text-disabled-color\")}>\n              {agoLabel}\n            </Text>\n          </Column>\n        </Row>\n      </Box>\n    </Clickable>\n  );\n};\n","import styled from \"@emotion/styled\";\nimport { DivProps } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport * as ReactDOM from \"react-dom\";\n\nexport type SlideFrom = \"left\" | \"right\";\n\nexport interface DrawerProps extends DivProps {\n  /**\n   * Background of the drawer\n   */\n  background?: string;\n\n  /**\n   * Portal target, HTML element. If not set, portal is not used.\n   */\n  portalTarget?: HTMLElement | null;\n\n  /**\n   * Whether the drawer is open or not.\n   */\n  isOpen: boolean;\n  /**\n   * Which direction the drawer will appear from.\n   * @default left\n   * @param {String('left'|'right')}\n   */\n  slideFrom?: SlideFrom;\n  /**\n   * The width of the drawer.\n   * @default 400px\n   */\n  width?: string;\n  /**\n   * The zIndex for the drawer.\n   * @default 1000\n   */\n  zIndex?: number;\n}\n\ntype DrawerWrapperProps = Pick<\n  DrawerProps,\n  \"isOpen\" | \"slideFrom\" | \"width\" | \"zIndex\" | \"background\"\n>;\n\nconst DrawerWrapper = styled(\"div\")<DrawerWrapperProps>`\n  display: flex;\n  flex-direction: column;\n  position: fixed;\n  transform: translateX(\n    ${({ isOpen, slideFrom, width }) =>\n      isOpen ? 0 : slideFrom === \"right\" ? `${width}` : `-${width}`}\n  );\n  right: ${(props) => (props.slideFrom === \"right\" ? 0 : \"auto\")};\n  left: ${(props) => (props.slideFrom === \"left\" ? 0 : \"auto\")};\n  height: 100%;\n  ${({ width }) => `width: ${width};`}\n  ${({ background }) => `background: ${background};`}\n  transition: 0.2s transform;\n  box-shadow: ${({ isOpen }) =>\n    isOpen ? \"2px 2px 20px 0 rgba(0, 0, 0, 0.15)\" : \"none\"};\n  z-index: ${({ zIndex }) => zIndex};\n  top: 0;\n`;\n\nexport const Drawer = forwardRef<HTMLDivElement, DrawerProps>(function Drawer(\n  {\n    children,\n    isOpen,\n    background,\n    portalTarget,\n    slideFrom = \"left\",\n    width = \"400px\",\n    zIndex = 1000,\n    ...divProps\n  },\n  ref\n) {\n  const drawer = (\n    <DrawerWrapper\n      ref={ref}\n      isOpen={isOpen}\n      slideFrom={slideFrom}\n      width={width}\n      zIndex={zIndex}\n      background={background}\n      {...divProps}\n    >\n      {children}\n    </DrawerWrapper>\n  );\n  if (portalTarget) {\n    return ReactDOM.createPortal(drawer, portalTarget);\n  }\n  return drawer;\n});\n","import { faInbox } from \"@fortawesome/free-solid-svg-icons/faInbox\";\nimport { Column, Text, Space } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\n\ninterface Props {}\n\nexport const CollapsibleEmptyContent: React.FC<Props> = () => {\n  return (\n    <Column indent spacing flex={1} alignItems={\"center\"}>\n      <Icon icon={faInbox} color={\"var(--lhds-color-ui-500)\"} />\n      <Space />\n      <Text size={\"small\"} color={\"var(--lhds-color-ui-500)\"}>\n        No content\n      </Text>\n    </Column>\n  );\n};\n","import cx from \"classnames\";\nimport * as React from \"react\";\nimport { HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./Collapsible.module.css\";\nimport { CollapsibleEmptyContent } from \"./CollapsibleEmptyContent\";\n\nexport interface CollapsibleSimpleContentProps {\n  contentLeft?: ReactNode;\n  contentRight?: ReactNode;\n}\n\nexport const CollapsibleContent: React.FC<\n  CollapsibleSimpleContentProps & HTMLAttributes<HTMLDivElement>\n> = ({ contentLeft, contentRight, className, children, ...props }) => {\n  return (\n    <div className={cx(styles.content, className)} {...props}>\n      {contentLeft && <div className={styles.contentLeft}>{contentLeft}</div>}\n      {children ?? <CollapsibleEmptyContent />}\n      {contentRight && (\n        <div className={styles.contentRight}>{contentRight}</div>\n      )}\n    </div>\n  );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { faChevronDown } from \"@fortawesome/free-solid-svg-icons\";\nimport { faChevronUp } from \"@fortawesome/free-solid-svg-icons/faChevronUp\";\nimport { Clickable, ClickableProps, DivProps, Text } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport styles from \"./Collapsible.module.css\";\nimport { CollapsibleContent } from \"./CollapsibleContent\";\nimport { CollapsibleEmptyContent } from \"./CollapsibleEmptyContent\";\n\nexport interface CollapsibleProps\n  extends Omit<DivProps, \"onClick\">,\n    Pick<ClickableProps, \"onClick\"> {\n  label: string;\n  contentLeft?: React.ReactNode;\n  contentRight?: React.ReactNode;\n  collapsed?: boolean;\n  disabled?: boolean;\n  unmountOnCollapse?: boolean;\n  mountOnEnter?: boolean;\n  icon?: IconDefinition;\n  iconCollapsed?: IconDefinition;\n  iconSize?: number;\n  autoFocus?: boolean;\n}\n\nexport const mapCSSTime = (value: string): number => {\n  const num = parseFloat(value);\n  const match = value.match(/m?s/);\n\n  switch (match?.[0]) {\n    case \"s\":\n      return num * 1000;\n    case \"ms\":\n      return num;\n    default:\n      return 0;\n  }\n};\n\nexport const Collapsible = forwardRef<HTMLButtonElement, CollapsibleProps>(\n  function Collapsible(\n    {\n      label,\n      contentLeft,\n      contentRight,\n      collapsed = false,\n      onClick,\n      className,\n      disabled = false,\n      unmountOnCollapse = false,\n      mountOnEnter = true,\n      icon = faChevronUp,\n      iconCollapsed = faChevronDown,\n      iconSize = 8,\n      children,\n      autoFocus = false,\n      ...divProps\n    },\n    ref\n  ) {\n    const divRef = React.useRef<HTMLDivElement>(null);\n\n    const timeout = divRef.current\n      ? mapCSSTime(\n          getComputedStyle(divRef.current).getPropertyValue(\n            \"--swui-collapsible-animation-time\"\n          )\n        )\n      : undefined;\n\n    return (\n      <div\n        className={cx(styles.collapsible, className)}\n        aria-expanded={!collapsed}\n        ref={divRef}\n        {...divProps}\n      >\n        <Clickable\n          disableFocusHighlight\n          disableOpacityOnClick\n          className={styles.header}\n          onClick={onClick}\n          disabled={disabled}\n          autoFocus={autoFocus}\n          ref={ref}\n        >\n          {contentLeft && (\n            <div className={styles.contentLeft}>{contentLeft}</div>\n          )}\n          <div className={styles.label}>\n            <Text color={\"var(--swui-collapsible-header-text-color)\"}>\n              {label}\n            </Text>\n          </div>\n          {contentRight && (\n            <div className={styles.contentRight}>{contentRight}</div>\n          )}\n          <Icon\n            icon={collapsed ? iconCollapsed : icon}\n            className={styles.indicator}\n            size={iconSize}\n            fixedWidth\n          />\n        </Clickable>\n        <CSSTransition\n          in={!collapsed}\n          timeout={{\n            enter: timeout,\n          }}\n          classNames={{\n            enter: styles.contentEnter,\n            enterActive: styles.contentEnterActive,\n            exit: styles.contentExit,\n            exitActive: styles.contentExitActive,\n            exitDone: styles.contentExitDone,\n          }}\n          mountOnEnter={mountOnEnter}\n          unmountOnExit={unmountOnCollapse}\n        >\n          <div role={\"region\"}>\n            {children ?? (\n              <CollapsibleContent>\n                <CollapsibleEmptyContent />\n              </CollapsibleContent>\n            )}\n          </div>\n        </CSSTransition>\n      </div>\n    );\n  }\n);\n","import { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { Collapsible, CollapsibleProps } from \"./Collapsible\";\n\nexport interface CollapsibleWithCheckboxProps\n  extends Omit<CollapsibleProps, \"contentLeft\" | \"onChange\">,\n    Pick<\n      CheckboxProps,\n      \"value\" | \"onValueChange\" | \"onChange\" | \"indeterminate\"\n    > {}\n\nexport const CollapsibleWithCheckbox: React.FC<CollapsibleWithCheckboxProps> = ({\n  value,\n  onValueChange,\n  onChange,\n  indeterminate,\n  ...collapsibleProps\n}) => {\n  return (\n    <Collapsible\n      contentLeft={\n        <Checkbox\n          value={value}\n          indeterminate={indeterminate}\n          onValueChange={onValueChange}\n          onChange={onChange}\n          onClick={(ev) => ev.stopPropagation()}\n        />\n      }\n      {...collapsibleProps}\n    />\n  );\n};\n","import { ButtonElementProps, Clickable } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport styles from \"./Collapsible.module.css\";\nimport { CollapsibleSimpleContentProps } from \"./CollapsibleContent\";\nimport { CollapsibleEmptyContent } from \"./CollapsibleEmptyContent\";\n\nexport interface CollapsibleClickableContentProps\n  extends CollapsibleSimpleContentProps,\n    ButtonElementProps {}\n\nexport const CollapsibleClickableContent: React.FC<CollapsibleClickableContentProps> = ({\n  contentLeft,\n  contentRight,\n  className,\n  onClick,\n  children,\n  ...props\n}) => {\n  return (\n    <Clickable\n      disableFocusHighlight\n      disableOpacityOnClick\n      className={cx(styles.content, className)}\n      onClick={onClick}\n      {...props}\n    >\n      {contentLeft && <div className={styles.contentLeft}>{contentLeft}</div>}\n      {children ?? <CollapsibleEmptyContent />}\n      {contentRight && (\n        <div className={styles.contentRight}>{contentRight}</div>\n      )}\n    </Clickable>\n  );\n};\n","import { DivProps } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport styles from \"./Collapsible.module.css\";\nimport {\n  CollapsibleContent,\n  CollapsibleSimpleContentProps,\n} from \"./CollapsibleContent\";\n\nexport interface CollapsibleGroupHeadingProps\n  extends CollapsibleSimpleContentProps,\n    DivProps {}\n\nexport const CollapsibleGroupHeading: React.FC<CollapsibleGroupHeadingProps> = ({\n  className,\n  ...props\n}) => (\n  <CollapsibleContent\n    className={cx(styles.groupHeading, className)}\n    {...props}\n  />\n);\n","import { Box } from \"@stenajs-webui/core\";\nimport { Banner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\n\nexport interface ErrorPanelProps {\n  text?: string;\n}\n\nexport const ErrorPanel: React.FC<ErrorPanelProps> = ({\n  text = \"Something unexpected happened.\",\n}) => {\n  return (\n    <Box justifyContent={\"center\"} alignItems={\"center\"}>\n      <Banner variant={\"error\"} headerText={text} />\n    </Box>\n  );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ErrorPanel, ErrorPanelProps } from \"./ErrorPanel\";\n\nexport const ErrorScreen: React.FC<ErrorPanelProps> = (props) => {\n  return (\n    <Box\n      width={\"100%\"}\n      height={\"100%\"}\n      justifyContent={\"center\"}\n      alignItems={\"center\"}\n    >\n      <ErrorPanel {...props} />\n    </Box>\n  );\n};\n","import { Box, Heading, Space } from \"@stenajs-webui/core\";\nimport { Spinner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\n\nexport interface LoadingPanelProps {\n  text?: string;\n}\n\nexport const LoadingPanel: React.FC<LoadingPanelProps> = ({\n  text = \"Loading...\",\n}) => {\n  return (\n    <Box alignItems={\"center\"}>\n      <Spinner size={\"small\"} />\n      <Space num={4} />\n      <Heading variant={\"h4\"}>{text}</Heading>\n    </Box>\n  );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { LoadingPanel, LoadingPanelProps } from \"./LoadingPanel\";\n\nexport const LoadingScreen: React.FC<LoadingPanelProps> = (props) => {\n  return (\n    <Box\n      width={\"100%\"}\n      height={\"100%\"}\n      justifyContent={\"center\"}\n      alignItems={\"center\"}\n    >\n      <LoadingPanel {...props} />\n    </Box>\n  );\n};\n","import * as React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./SidebarMenuCloseButton.module.css\";\nimport { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { ReactComponent as HamburgerCloseSvg } from \"./svg/close.svg\";\n\nexport interface SidebarMenuCloseButtonProps extends ButtonElementProps {\n  variant?: SidebarMenuCloseButtonVariant;\n}\n\nexport type SidebarMenuCloseButtonVariant = \"light\" | \"dark\";\n\nexport const SidebarMenuCloseButton: React.FC<SidebarMenuCloseButtonProps> = ({\n  className,\n  onClick,\n  variant = \"light\",\n}) => {\n  return (\n    <button\n      onClick={onClick}\n      className={cx(styles.sidebarMenuCloseButton, className, styles[variant])}\n    >\n      <HamburgerCloseSvg className={styles.icon} />\n    </button>\n  );\n};\n","import * as React from \"react\";\nimport {\n  Box,\n  BoxProps,\n  Column,\n  SeparatorLine,\n  Space,\n} from \"@stenajs-webui/core\";\nimport styles from \"./SidebarMenu.module.css\";\nimport cx from \"classnames\";\nimport {\n  SidebarMenuCloseButton,\n  SidebarMenuCloseButtonProps,\n} from \"./SidebarMenuCloseButton\";\n\nexport interface SidebarMenuProps extends BoxProps {\n  onCloseClick?: SidebarMenuCloseButtonProps[\"onClick\"];\n}\n\n// TODO Add variant\n\nexport const SidebarMenu: React.FC<SidebarMenuProps> = ({\n  className,\n  children,\n  onCloseClick,\n  ...boxProps\n}) => {\n  return (\n    <Box className={cx(styles.sidebarMenu, className)} {...boxProps}>\n      <Box alignItems={\"flex-start\"} justifyContent={\"center\"}>\n        <SidebarMenuCloseButton onClick={onCloseClick} variant={\"dark\"} />\n      </Box>\n      <SeparatorLine color={\"var(--lhds-color-blue-700)\"} />\n      <Space />\n      <Box\n        className={styles.sidebarMenuContent}\n        background={\"var(--swui-sidebar-menu-background-color)\"}\n      >\n        <Column flexGrow={1}>{children}</Column>\n      </Box>\n    </Box>\n  );\n};\n","import { Box, Text, TextProps } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport styles from \"./SidebarMenuHeading.module.css\";\nimport {\n  CollapsibleContent,\n  CollapsibleSimpleContentProps,\n} from \"../collapsible/CollapsibleContent\";\n\nexport interface SidebarMenuHeadingProps\n  extends Pick<CollapsibleSimpleContentProps, \"contentLeft\" | \"contentRight\">,\n    TextProps {\n  label?: string;\n}\n\nexport const SidebarMenuHeading: React.FC<SidebarMenuHeadingProps> = ({\n  className,\n  label,\n  contentLeft,\n  contentRight,\n  ...textProps\n}) => {\n  return (\n    <Box spacing={2} indent={2}>\n      <CollapsibleContent\n        className={styles.sidebarMenuHeading}\n        contentLeft={contentLeft}\n        contentRight={contentRight}\n      >\n        <Text\n          variant={\"overline\"}\n          color={\"var(--swui-sidebar-menu-heading-text-color)\"}\n          {...textProps}\n        >\n          {label}\n        </Text>\n      </CollapsibleContent>\n    </Box>\n  );\n};\n","import { Clickable, ClickableProps, Indent, Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ButtonContent, ButtonContentProps } from \"@stenajs-webui/elements\";\nimport contentStyles from \"./SidebarMenuContent.module.css\";\n\nexport interface SidebarMenuLinkProps\n  extends ClickableProps,\n    Pick<\n      ButtonContentProps,\n      | \"label\"\n      | \"loading\"\n      | \"left\"\n      | \"leftIcon\"\n      | \"right\"\n      | \"rightIcon\"\n      | \"success\"\n    > {\n  selected?: boolean;\n  indent?: boolean;\n}\n\nconst selectedBorder = \"4px solid var(--swui-sidebar-menu-item-selected)\";\n\nexport const SidebarMenuLink: React.FC<SidebarMenuLinkProps> = ({\n  className,\n  children,\n  selected,\n  indent,\n  label,\n  loading,\n  left,\n  leftIcon,\n  right,\n  rightIcon,\n  success,\n  ...clickableProps\n}) => {\n  const hasContentLeft = left || leftIcon || loading || success;\n  return (\n    <Clickable\n      background={\"var(--swui-sidebar-menu-background-color)\"}\n      hoverBackground={\"var(--swui-sidebar-menu-background-color-hover)\"}\n      style={{ borderRight: selected ? selectedBorder : undefined }}\n      {...clickableProps}\n    >\n      <Row spacing={1} flex={1} alignItems={\"center\"} height={\"40px\"}>\n        {!hasContentLeft && <Indent />}\n        {indent && <Indent num={3.5} />}\n        <ButtonContent\n          label={label}\n          loading={loading}\n          left={left}\n          leftIcon={leftIcon}\n          right={right}\n          rightIcon={rightIcon}\n          success={success}\n          labelClassName={contentStyles.label}\n          spinnerClassName={contentStyles.spinner}\n          iconClassName={contentStyles.icon}\n          leftWrapperClassName={contentStyles.leftWrapper}\n        />\n      </Row>\n    </Clickable>\n  );\n};\n","import * as React from \"react\";\nimport { useState } from \"react\";\nimport { Collapsible } from \"../collapsible/Collapsible\";\nimport { Box, Column, Indent } from \"@stenajs-webui/core\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport styles from \"./SidebarMenuCollapsible.module.css\";\nimport { Icon } from \"@stenajs-webui/elements\";\n\nexport interface SidebarMenuCollapsibleProps {\n  label: string;\n  collapsed?: boolean;\n  leftIcon?: IconDefinition;\n}\n\nexport const SidebarMenuCollapsible: React.FC<SidebarMenuCollapsibleProps> = ({\n  children,\n  label,\n  leftIcon,\n}) => {\n  const [collapsed, setCollapsed] = useState<boolean>(false);\n\n  return (\n    <Box background={\"var(--swui-sidebar-menu-background-color)\"}>\n      <Collapsible\n        className={styles.sidebarMenuCollapsible}\n        label={label}\n        collapsed={collapsed}\n        onClick={() => setCollapsed(!collapsed)}\n        contentLeft={\n          leftIcon ? (\n            <Box width={\"56px\"} alignItems={\"center\"} justifyContent={\"center\"}>\n              <Icon\n                icon={leftIcon}\n                size={18}\n                color={\"var(--swui-sidebar-menu-text-color)\"}\n                data-hover={true}\n              />\n            </Box>\n          ) : (\n            <Indent num={1} />\n          )\n        }\n      >\n        <Column flex={1}>{children}</Column>\n      </Collapsible>\n    </Box>\n  );\n};\n","import * as React from \"react\";\nimport {\n  SeparatorLine,\n  SeparatorLineProps,\n  Spacing,\n} from \"@stenajs-webui/core\";\n\nexport interface SidebarMenuSeparatorProps extends SeparatorLineProps {}\n\nexport const SidebarMenuSeparator: React.FC<SidebarMenuSeparatorProps> = (\n  separatorLineProps\n) => {\n  return (\n    <Spacing>\n      <SeparatorLine\n        color={\"var(--lhds-color-blue-700)\"}\n        {...separatorLineProps}\n      />\n    </Spacing>\n  );\n};\n"],"names":["React.createElement","faAngleDown","styles","HamburgerBarsSvg","React.Children","ReactDOM.createPortal","React.useRef","HamburgerCloseSvg"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../src/components/action-menu-button/ActionMenuButton.tsx","../src/components/action-menu-button/ActionMenuPrimaryButton.tsx","../src/components/action-menu-button/ActionMenuSecondaryButton.tsx","../src/components/action-menu-button/ActionMenuFlatButton.tsx","../src/components/checkbox-menu/CheckboxMenu.tsx","../../../node_modules/style-inject/dist/style-inject.es.js","../src/components/nav-bar/NavBarSideMenuButton.tsx","../src/components/nav-bar/NavBarVariantContext.ts","../src/components/nav-bar/NavBar.tsx","../src/components/nav-bar/NavBarButton.tsx","../src/components/nav-bar/NavBarHeading.tsx","../src/components/nav-bar/NavBarPopoverButton.tsx","../src/components/nav-bar/NavBarSearchField.tsx","../src/components/notifications/NotificationTheme.ts","../src/components/notifications/Notification.tsx","../src/components/collapsible/CollapsibleEmptyContent.tsx","../src/components/collapsible/CollapsibleContent.tsx","../src/components/collapsible/Collapsible.tsx","../src/components/collapsible/CollapsibleWithCheckbox.tsx","../src/components/collapsible/CollapsibleClickableContent.tsx","../src/components/collapsible/CollapsibleGroupHeading.tsx","../src/components/error-panel/ErrorPanel.tsx","../src/components/error-panel/ErrorScreen.tsx","../src/components/loading-panel/LoadingPanel.tsx","../src/components/loading-panel/LoadingScreen.tsx","../src/components/sidebar-menu/SidebarMenuCloseButton.tsx","../src/components/sidebar-menu/SidebarMenu.tsx","../src/components/sidebar-menu/SidebarMenuHeading.tsx","../src/components/sidebar-menu/SidebarMenuLink.tsx","../src/components/sidebar-menu/SidebarMenuCollapsible.tsx","../src/components/sidebar-menu/SidebarMenuSeparator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactNode, useMemo, useRef } from \"react\";\nimport {\n  ActionMenu,\n  ActionMenuContext,\n  ActionMenuProps,\n  FlatButton,\n  PrimaryButton,\n  PrimaryButtonProps,\n  SecondaryButton,\n} from \"@stenajs-webui/elements\";\nimport { useBoolean } from \"@stenajs-webui/core\";\nimport { Popover, PopoverProps } from \"@stenajs-webui/tooltip\";\nimport { faAngleDown } from \"@fortawesome/free-solid-svg-icons\";\nimport { Plugin as TippyPlugin, Props as TippyProps } from \"tippy.js\";\n\nexport interface ActionMenuButtonProps\n  extends Omit<\n    PrimaryButtonProps,\n    \"variant\" | \"loading\" | \"loadingLabel\" | \"success\" | \"successLabel\"\n  > {\n  /** The content of the Action Menu. */\n  renderItems: (close: () => void) => ReactNode;\n  /** The placement of the Action Menu. */\n  placement?: PopoverProps[\"placement\"];\n  /**  Z-index of the Action Menu */\n  zIndex?: number;\n  /** Portal target, HTML element. If not set, portal is not used. */\n  portalTarget?: PopoverProps[\"appendTo\"];\n  menuWidth?: ActionMenuProps[\"width\"];\n  menuTop?: ActionMenuProps[\"top\"];\n  buttonComponent:\n    | typeof PrimaryButton\n    | typeof SecondaryButton\n    | typeof FlatButton;\n}\n\nexport const ActionMenuButton: React.FC<ActionMenuButtonProps> = ({\n  renderItems,\n  placement = \"bottom\",\n  buttonComponent: Button,\n  rightIcon = faAngleDown,\n  portalTarget = \"parent\",\n  zIndex,\n  menuWidth,\n  menuTop,\n  onClick,\n  ...buttonProps\n}) => {\n  const [isOpen, open, close, toggle] = useBoolean(false);\n\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const focusManager: TippyPlugin<TippyProps> = {\n    name: \"focusManager\",\n    defaultValue: true,\n    fn({ popper }) {\n      let restoreFocus = false;\n\n      const closeOnEscape = (event: KeyboardEvent) => {\n        if (event.key === \"Escape\") {\n          restoreFocus = true;\n          close();\n        }\n        if (event.key === \"Enter\" || event.key === \" \") {\n          restoreFocus = true;\n        }\n      };\n\n      return {\n        onCreate() {\n          popper.addEventListener(\"keydown\", closeOnEscape);\n        },\n        onDestroy() {\n          popper.removeEventListener(\"keydown\", closeOnEscape);\n        },\n        onMount() {\n          restoreFocus = false;\n          popper\n            .querySelector<HTMLElement>(\"button:not([disabled]), a[href]\")\n            ?.focus();\n        },\n        onHide() {\n          if (buttonRef.current && restoreFocus) {\n            buttonRef.current.focus();\n          }\n        },\n      };\n    },\n  };\n\n  const contextValue = useMemo(() => ({ open, close }), [open, close]);\n\n  const handleClick = (\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ) => {\n    onClick?.(event);\n    toggle();\n  };\n\n  return (\n    <Popover\n      disablePadding\n      visible={isOpen}\n      onClickOutside={close}\n      placement={placement}\n      content={\n        isOpen && (\n          <ActionMenu\n            variant={\"outlined\"}\n            width={menuWidth}\n            top={menuTop}\n            trapFocus\n          >\n            <ActionMenuContext.Provider value={contextValue}>\n              {renderItems(close)}\n            </ActionMenuContext.Provider>\n          </ActionMenu>\n        )\n      }\n      arrow={false}\n      appendTo={portalTarget}\n      zIndex={zIndex}\n      plugins={[focusManager]}\n      lazy\n    >\n      <Button\n        rightIcon={rightIcon}\n        {...buttonProps}\n        ref={buttonRef}\n        onClick={handleClick}\n      />\n    </Popover>\n  );\n};\n","import * as React from \"react\";\nimport { PrimaryButton, PrimaryButtonProps } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuPrimaryButtonProps\n  extends Omit<ActionMenuButtonProps, \"buttonComponent\">,\n    Pick<PrimaryButtonProps, \"variant\"> {}\n\nexport const ActionMenuPrimaryButton: React.FC<ActionMenuPrimaryButtonProps> = (\n  props\n) => {\n  return <ActionMenuButton buttonComponent={PrimaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { SecondaryButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuSecondaryButtonProps\n  extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuSecondaryButton: React.FC<ActionMenuSecondaryButtonProps> = (\n  props\n) => {\n  return <ActionMenuButton buttonComponent={SecondaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuFlatButtonProps\n  extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuFlatButton: React.FC<ActionMenuFlatButtonProps> = (\n  props\n) => {\n  return <ActionMenuButton buttonComponent={FlatButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Box, Column, Indent, Row, useBoolean } from \"@stenajs-webui/core\";\nimport { ActionMenu, FlatButton } from \"@stenajs-webui/elements\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { faAngleDown } from \"@fortawesome/free-solid-svg-icons/faAngleDown\";\nimport { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\n\nexport interface CheckboxMenuProps extends CheckboxProps {\n  renderMenu: (close: () => void) => ReactNode;\n}\n\nconst border = `1px solid var(--lhds-color-ui-300)`;\n\nexport const CheckboxMenu: React.FC<CheckboxMenuProps> = ({\n  renderMenu,\n  ...checkboxProps\n}) => {\n  const [isOpen, open, close] = useBoolean(false);\n  return (\n    <Popover\n      onClickOutside={close}\n      arrow={false}\n      visible={isOpen}\n      disablePadding\n      content={\n        renderMenu ? (\n          <Column>\n            <ActionMenu>{renderMenu(close)}</ActionMenu>\n          </Column>\n        ) : undefined\n      }\n      placement={\"bottom-start\"}\n      variant={\"outlined\"}\n    >\n      <Box display={\"inline-block\"}>\n        <Row\n          spacing={0.5}\n          indent\n          alignItems={\"center\"}\n          border={border}\n          borderRadius={\"4px\"}\n        >\n          <Checkbox {...checkboxProps} />\n          <Indent num={0.5} />\n          <FlatButton size={\"small\"} onClick={open} leftIcon={faAngleDown} />\n        </Row>\n      </Box>\n    </Popover>\n  );\n};\n","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import * as React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarSideMenuButton.module.css\";\nimport { DivProps } from \"@stenajs-webui/core\";\nimport { NavBarVariant } from \"./NavBar\";\nimport { ReactComponent as HamburgerBarsSvg } from \"./svg/bars.svg\";\n\nexport interface SidebarMenuButtonProps extends Pick<DivProps, \"className\"> {\n  variant?: NavBarVariant;\n  onClick?: (ev: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const NavBarSideMenuButton: React.FC<SidebarMenuButtonProps> = ({\n  variant = \"light\",\n  className,\n  onClick,\n}) => {\n  return (\n    <button\n      onClick={onClick}\n      className={cx(styles.sidebarMenuButton, styles[variant], className)}\n    >\n      <HamburgerBarsSvg className={styles.icon} />\n    </button>\n  );\n};\n","import { createContext, useContext } from \"react\";\nimport { NavBarVariant } from \"./NavBar\";\n\nexport const NavBarVariantContext = createContext<NavBarVariant>(\"light\");\n\nexport const useNavBarVariant = () => useContext(NavBarVariantContext);\n","import { Indent, Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBar.module.css\";\nimport {\n  NavBarSideMenuButton,\n  SidebarMenuButtonProps,\n} from \"./NavBarSideMenuButton\";\nimport { NavBarVariantContext } from \"./NavBarVariantContext\";\n\nexport interface NavBarProps {\n  variant?: NavBarVariant;\n  className?: string;\n  showMenuButton?: boolean;\n  onClickMenuButton?: SidebarMenuButtonProps[\"onClick\"];\n  right?: ReactNode;\n  center?: ReactNode;\n  left?: ReactNode;\n  height?: number | string;\n}\n\nexport type NavBarVariant = \"light\" | \"dark\";\n\nexport const NavBar: React.FC<NavBarProps> = ({\n  variant = \"light\",\n  left,\n  className,\n  showMenuButton = false,\n  children,\n  right,\n  center,\n  height = \"64px\",\n  onClickMenuButton,\n}) => {\n  const currentFlex = center ? 1 : undefined;\n  return (\n    <NavBarVariantContext.Provider value={variant}>\n      <Row\n        height={height}\n        minHeight={height}\n        justifyContent={\"space-between\"}\n        className={cx(styles.navBar, styles[variant], className)}\n      >\n        <Row\n          flex={currentFlex}\n          justifyContent={\"flex-start\"}\n          alignItems={\"center\"}\n        >\n          {showMenuButton ? (\n            <>\n              <NavBarSideMenuButton\n                variant={variant}\n                onClick={onClickMenuButton}\n              />\n              <Indent />\n            </>\n          ) : (\n            <Indent num={2} />\n          )}\n          {left ? (\n            <>\n              {left}\n              <Indent num={2} />\n            </>\n          ) : (\n            <Indent num={2} />\n          )}\n          {children && (\n            <>\n              <Row justifyContent={\"center\"} alignItems={\"center\"}>\n                {React.Children.map(children, (child, index) => (\n                  <>\n                    {index > 0 && <Indent />}\n                    {child}\n                  </>\n                ))}\n              </Row>\n            </>\n          )}\n        </Row>\n        {center && (\n          <Row justifyContent={\"center\"} alignItems={\"center\"}>\n            {center}\n          </Row>\n        )}\n        <Row\n          justifyContent={\"flex-end\"}\n          alignItems={\"center\"}\n          flex={currentFlex}\n        >\n          {right}\n          <Indent num={2} />\n        </Row>\n      </Row>\n    </NavBarVariantContext.Provider>\n  );\n};\n","import { FlatButton, FlatButtonProps } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarButton.module.css\";\nimport { useNavBarVariant } from \"./NavBarVariantContext\";\n\nexport interface NavBarButtonProps extends FlatButtonProps {\n  selected?: boolean;\n}\n\nexport const NavBarButton: React.FC<NavBarButtonProps> = ({\n  selected,\n  className,\n  ...buttonProps\n}) => {\n  const variant = useNavBarVariant();\n  return (\n    <FlatButton\n      {...buttonProps}\n      className={cx(\n        styles.navBarButton,\n        styles[variant],\n        selected && styles.selected,\n        className\n      )}\n    />\n  );\n};\n","import * as React from \"react\";\nimport { Heading, HeadingProps } from \"@stenajs-webui/core\";\n\ninterface NavBarHeadingProps extends HeadingProps {}\n\nexport const NavBarHeading: React.FC<NavBarHeadingProps> = (headingProps) => {\n  return <Heading whiteSpace={\"nowrap\"} color={\"#fff\"} {...headingProps} />;\n};\n","import { useBoolean } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { NavBarButton, NavBarButtonProps } from \"./NavBarButton\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\n\ntype RenderProp = (args: RenderPropArgs) => ReactNode;\n\ninterface RenderPropArgs {\n  close: () => void;\n}\n\nexport interface NavBarPopoverButtonProps\n  extends Omit<NavBarButtonProps, \"onClick\"> {\n  content?: RenderProp;\n}\n\nexport const NavBarPopoverButton: React.FC<NavBarPopoverButtonProps> = ({\n  content,\n  children,\n  ...navBarButtonProps\n}) => {\n  const [isOpen, open, close] = useBoolean(false);\n\n  return (\n    <Popover\n      onClickOutside={close}\n      triggerTarget={document.body}\n      visible={isOpen}\n      content={\n        <>\n          {content && content({ close })}\n          {children}\n        </>\n      }\n    >\n      <NavBarButton {...navBarButtonProps} onClick={open} />\n    </Popover>\n  );\n};\n","import * as React from \"react\";\nimport { TextInput, TextInputProps } from \"@stenajs-webui/forms\";\nimport { Clickable } from \"@stenajs-webui/core\";\nimport { Icon, stenaSearch } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarSearchField.module.css\";\nimport { useNavBarVariant } from \"./NavBarVariantContext\";\n\ninterface NavBarSearchFieldProps extends TextInputProps {}\n\nexport const NavBarSearchField: React.FC<NavBarSearchFieldProps> = ({\n  placeholder = \"Search...\",\n  className,\n  wrapperClassName,\n  ...textInputProps\n}) => {\n  const variant = useNavBarVariant();\n  return (\n    <TextInput\n      wrapperClassName={cx(\n        styles.navBarSearchField,\n        styles[variant],\n        wrapperClassName\n      )}\n      className={cx(styles.navBarSearchFieldInput, className)}\n      placeholder={placeholder}\n      contentRight={\n        <Clickable>\n          <Icon icon={stenaSearch} />\n        </Clickable>\n      }\n      {...textInputProps}\n    />\n  );\n};\n","export interface NotificationTheme {\n  notificationBg: string;\n  notificationHoverBg: string;\n  notificationDismissedBg: string;\n  notificationDismissedHoverBg: string;\n}\n\nexport const defaultNotificationTheme: NotificationTheme = {\n  notificationBg: \"#eaeaea\",\n  notificationHoverBg: \"#eeeeee\",\n  notificationDismissedBg: \"#ffffff\",\n  notificationDismissedHoverBg: \"#f4f4f4\",\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { Box, Clickable, Column, Row, Space, Text } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport { formatDistance } from \"date-fns\";\nimport * as React from \"react\";\nimport { ReactNode, useMemo } from \"react\";\nimport {\n  defaultNotificationTheme,\n  NotificationTheme,\n} from \"./NotificationTheme\";\n\nexport interface NotificationProps {\n  title?: string;\n  text?: string;\n  content?: ReactNode;\n  dismissed?: boolean;\n  date?: Date;\n  icon?: IconDefinition;\n  iconColor?: string;\n  onClick?: () => void;\n  theme?: NotificationTheme;\n}\n\nexport const Notification: React.FC<NotificationProps> = ({\n  onClick,\n  icon,\n  iconColor,\n  title,\n  text,\n  content,\n  date,\n  dismissed,\n  theme = defaultNotificationTheme,\n}) => {\n  const agoLabel = useMemo(() => {\n    if (date) {\n      return `${formatDistance(date, new Date())} ago`;\n    }\n    return undefined;\n  }, [date]);\n\n  return (\n    <Clickable onClick={onClick} style={{ textAlign: \"left\" }}>\n      <Box\n        background={\n          dismissed ? theme.notificationDismissedBg : theme.notificationBg\n        }\n        hoverBackground={\n          dismissed\n            ? theme.notificationDismissedHoverBg\n            : theme.notificationHoverBg\n        }\n        spacing\n        indent\n      >\n        <Row width={\"250px\"}>\n          {icon && (\n            <Row width={\"34px\"} alignItems={\"center\"}>\n              <Icon icon={icon} color={iconColor} />\n            </Row>\n          )}\n          <Column flex={1}>\n            {title && (\n              <>\n                <Text>{title}</Text>\n                <Space half />\n              </>\n            )}\n            {text && (\n              <>\n                <Text size={\"small\"}>{text}</Text>\n                <Space half />\n              </>\n            )}\n            {content && (\n              <>\n                {content}\n                <Space half />\n              </>\n            )}\n            <Text size={\"small\"} color={cssColor(\"--swui-text-disabled-color\")}>\n              {agoLabel}\n            </Text>\n          </Column>\n        </Row>\n      </Box>\n    </Clickable>\n  );\n};\n","import { faInbox } from \"@fortawesome/free-solid-svg-icons/faInbox\";\nimport { Column, Space, Text } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\ninterface Props {}\n\nexport const CollapsibleEmptyContent: React.FC<Props> = () => {\n  return (\n    <Column indent spacing flex={1} alignItems={\"center\"}>\n      <Icon icon={faInbox} color={cssColor(\"--lhds-color-ui-500\")} />\n      <Space />\n      <Text size={\"small\"} color={cssColor(\"--lhds-color-ui-500\")}>\n        No content\n      </Text>\n    </Column>\n  );\n};\n","import cx from \"classnames\";\nimport * as React from \"react\";\nimport { HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./Collapsible.module.css\";\nimport { CollapsibleEmptyContent } from \"./CollapsibleEmptyContent\";\n\nexport interface CollapsibleSimpleContentProps {\n  contentLeft?: ReactNode;\n  contentRight?: ReactNode;\n}\n\nexport const CollapsibleContent: React.FC<\n  CollapsibleSimpleContentProps & HTMLAttributes<HTMLDivElement>\n> = ({ contentLeft, contentRight, className, children, ...props }) => {\n  return (\n    <div className={cx(styles.content, className)} {...props}>\n      {contentLeft && <div className={styles.contentLeft}>{contentLeft}</div>}\n      {children ?? <CollapsibleEmptyContent />}\n      {contentRight && (\n        <div className={styles.contentRight}>{contentRight}</div>\n      )}\n    </div>\n  );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { faChevronDown } from \"@fortawesome/free-solid-svg-icons\";\nimport { faChevronUp } from \"@fortawesome/free-solid-svg-icons/faChevronUp\";\nimport { Clickable, ClickableProps, DivProps, Text } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport styles from \"./Collapsible.module.css\";\nimport { CollapsibleContent } from \"./CollapsibleContent\";\nimport { CollapsibleEmptyContent } from \"./CollapsibleEmptyContent\";\n\nexport interface CollapsibleProps\n  extends Omit<DivProps, \"onClick\">,\n    Pick<ClickableProps, \"onClick\"> {\n  label: string;\n  contentLeft?: React.ReactNode;\n  contentRight?: React.ReactNode;\n  collapsed?: boolean;\n  disabled?: boolean;\n  unmountOnCollapse?: boolean;\n  mountOnEnter?: boolean;\n  icon?: IconDefinition;\n  iconCollapsed?: IconDefinition;\n  iconSize?: number;\n  autoFocus?: boolean;\n}\n\nexport const mapCSSTime = (value: string): number => {\n  const num = parseFloat(value);\n  const match = value.match(/m?s/);\n\n  switch (match?.[0]) {\n    case \"s\":\n      return num * 1000;\n    case \"ms\":\n      return num;\n    default:\n      return 0;\n  }\n};\n\nexport const Collapsible = forwardRef<HTMLButtonElement, CollapsibleProps>(\n  function Collapsible(\n    {\n      label,\n      contentLeft,\n      contentRight,\n      collapsed = false,\n      onClick,\n      className,\n      disabled = false,\n      unmountOnCollapse = false,\n      mountOnEnter = true,\n      icon = faChevronUp,\n      iconCollapsed = faChevronDown,\n      iconSize = 8,\n      children,\n      autoFocus = false,\n      ...divProps\n    },\n    ref\n  ) {\n    const divRef = React.useRef<HTMLDivElement>(null);\n\n    const timeout = divRef.current\n      ? mapCSSTime(\n          getComputedStyle(divRef.current).getPropertyValue(\n            \"--swui-collapsible-animation-time\"\n          )\n        )\n      : undefined;\n\n    return (\n      <div\n        className={cx(styles.collapsible, className)}\n        aria-expanded={!collapsed}\n        ref={divRef}\n        {...divProps}\n      >\n        <Clickable\n          disableFocusHighlight\n          disableOpacityOnClick\n          className={styles.header}\n          onClick={onClick}\n          disabled={disabled}\n          autoFocus={autoFocus}\n          ref={ref}\n        >\n          {contentLeft && (\n            <div className={styles.contentLeft}>{contentLeft}</div>\n          )}\n          <div className={styles.label}>\n            <Text color={\"var(--swui-collapsible-header-text-color)\"}>\n              {label}\n            </Text>\n          </div>\n          {contentRight && (\n            <div className={styles.contentRight}>{contentRight}</div>\n          )}\n          <Icon\n            icon={collapsed ? iconCollapsed : icon}\n            className={styles.indicator}\n            size={iconSize}\n            fixedWidth\n          />\n        </Clickable>\n        <CSSTransition\n          in={!collapsed}\n          timeout={{\n            enter: timeout,\n          }}\n          classNames={{\n            enter: styles.contentEnter,\n            enterActive: styles.contentEnterActive,\n            exit: styles.contentExit,\n            exitActive: styles.contentExitActive,\n            exitDone: styles.contentExitDone,\n          }}\n          mountOnEnter={mountOnEnter}\n          unmountOnExit={unmountOnCollapse}\n        >\n          <div role={\"region\"}>\n            {children ?? (\n              <CollapsibleContent>\n                <CollapsibleEmptyContent />\n              </CollapsibleContent>\n            )}\n          </div>\n        </CSSTransition>\n      </div>\n    );\n  }\n);\n","import { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { Collapsible, CollapsibleProps } from \"./Collapsible\";\n\nexport interface CollapsibleWithCheckboxProps\n  extends Omit<CollapsibleProps, \"contentLeft\" | \"onChange\">,\n    Pick<\n      CheckboxProps,\n      \"value\" | \"onValueChange\" | \"onChange\" | \"indeterminate\"\n    > {}\n\nexport const CollapsibleWithCheckbox: React.FC<CollapsibleWithCheckboxProps> = ({\n  value,\n  onValueChange,\n  onChange,\n  indeterminate,\n  ...collapsibleProps\n}) => {\n  return (\n    <Collapsible\n      contentLeft={\n        <Checkbox\n          value={value}\n          indeterminate={indeterminate}\n          onValueChange={onValueChange}\n          onChange={onChange}\n          onClick={(ev) => ev.stopPropagation()}\n        />\n      }\n      {...collapsibleProps}\n    />\n  );\n};\n","import { ButtonElementProps, Clickable } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport styles from \"./Collapsible.module.css\";\nimport { CollapsibleSimpleContentProps } from \"./CollapsibleContent\";\nimport { CollapsibleEmptyContent } from \"./CollapsibleEmptyContent\";\n\nexport interface CollapsibleClickableContentProps\n  extends CollapsibleSimpleContentProps,\n    ButtonElementProps {}\n\nexport const CollapsibleClickableContent: React.FC<CollapsibleClickableContentProps> = ({\n  contentLeft,\n  contentRight,\n  className,\n  onClick,\n  children,\n  ...props\n}) => {\n  return (\n    <Clickable\n      disableFocusHighlight\n      disableOpacityOnClick\n      className={cx(styles.content, className)}\n      onClick={onClick}\n      {...props}\n    >\n      {contentLeft && <div className={styles.contentLeft}>{contentLeft}</div>}\n      {children ?? <CollapsibleEmptyContent />}\n      {contentRight && (\n        <div className={styles.contentRight}>{contentRight}</div>\n      )}\n    </Clickable>\n  );\n};\n","import { DivProps } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport styles from \"./Collapsible.module.css\";\nimport {\n  CollapsibleContent,\n  CollapsibleSimpleContentProps,\n} from \"./CollapsibleContent\";\n\nexport interface CollapsibleGroupHeadingProps\n  extends CollapsibleSimpleContentProps,\n    DivProps {}\n\nexport const CollapsibleGroupHeading: React.FC<CollapsibleGroupHeadingProps> = ({\n  className,\n  ...props\n}) => (\n  <CollapsibleContent\n    className={cx(styles.groupHeading, className)}\n    {...props}\n  />\n);\n","import { Box } from \"@stenajs-webui/core\";\nimport { Banner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\n\nexport interface ErrorPanelProps {\n  text?: string;\n}\n\nexport const ErrorPanel: React.FC<ErrorPanelProps> = ({\n  text = \"Something unexpected happened.\",\n}) => {\n  return (\n    <Box justifyContent={\"center\"} alignItems={\"center\"}>\n      <Banner variant={\"error\"} headerText={text} />\n    </Box>\n  );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ErrorPanel, ErrorPanelProps } from \"./ErrorPanel\";\n\nexport const ErrorScreen: React.FC<ErrorPanelProps> = (props) => {\n  return (\n    <Box\n      width={\"100%\"}\n      height={\"100%\"}\n      justifyContent={\"center\"}\n      alignItems={\"center\"}\n    >\n      <ErrorPanel {...props} />\n    </Box>\n  );\n};\n","import { Box, Heading, Space } from \"@stenajs-webui/core\";\nimport { Spinner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\n\nexport interface LoadingPanelProps {\n  text?: string;\n}\n\nexport const LoadingPanel: React.FC<LoadingPanelProps> = ({\n  text = \"Loading...\",\n}) => {\n  return (\n    <Box alignItems={\"center\"}>\n      <Spinner size={\"small\"} />\n      <Space num={4} />\n      <Heading variant={\"h4\"}>{text}</Heading>\n    </Box>\n  );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { LoadingPanel, LoadingPanelProps } from \"./LoadingPanel\";\n\nexport const LoadingScreen: React.FC<LoadingPanelProps> = (props) => {\n  return (\n    <Box\n      width={\"100%\"}\n      height={\"100%\"}\n      justifyContent={\"center\"}\n      alignItems={\"center\"}\n    >\n      <LoadingPanel {...props} />\n    </Box>\n  );\n};\n","import * as React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./SidebarMenuCloseButton.module.css\";\nimport { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { ReactComponent as HamburgerCloseSvg } from \"./svg/close.svg\";\n\nexport interface SidebarMenuCloseButtonProps extends ButtonElementProps {\n  variant?: SidebarMenuCloseButtonVariant;\n}\n\nexport type SidebarMenuCloseButtonVariant = \"light\" | \"dark\";\n\nexport const SidebarMenuCloseButton: React.FC<SidebarMenuCloseButtonProps> = ({\n  className,\n  onClick,\n  variant = \"light\",\n}) => {\n  return (\n    <button\n      onClick={onClick}\n      className={cx(styles.sidebarMenuCloseButton, className, styles[variant])}\n    >\n      <HamburgerCloseSvg className={styles.icon} />\n    </button>\n  );\n};\n","import {\n  Box,\n  BoxProps,\n  Column,\n  SeparatorLine,\n  Space,\n} from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport styles from \"./SidebarMenu.module.css\";\nimport {\n  SidebarMenuCloseButton,\n  SidebarMenuCloseButtonProps,\n} from \"./SidebarMenuCloseButton\";\n\nexport interface SidebarMenuProps extends BoxProps {\n  onCloseClick?: SidebarMenuCloseButtonProps[\"onClick\"];\n}\n\n// TODO Add variant\n\nexport const SidebarMenu: React.FC<SidebarMenuProps> = ({\n  className,\n  children,\n  onCloseClick,\n  ...boxProps\n}) => {\n  return (\n    <Box className={cx(styles.sidebarMenu, className)} {...boxProps}>\n      <Box alignItems={\"flex-start\"} justifyContent={\"center\"}>\n        <SidebarMenuCloseButton onClick={onCloseClick} variant={\"dark\"} />\n      </Box>\n      <SeparatorLine color={cssColor(\"--lhds-color-blue-700\")} />\n      <Space />\n      <Box\n        className={styles.sidebarMenuContent}\n        background={\"var(--swui-sidebar-menu-background-color)\"}\n      >\n        <Column flexGrow={1}>{children}</Column>\n      </Box>\n    </Box>\n  );\n};\n","import { Box, Text, TextProps } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport styles from \"./SidebarMenuHeading.module.css\";\nimport {\n  CollapsibleContent,\n  CollapsibleSimpleContentProps,\n} from \"../collapsible/CollapsibleContent\";\n\nexport interface SidebarMenuHeadingProps\n  extends Pick<CollapsibleSimpleContentProps, \"contentLeft\" | \"contentRight\">,\n    TextProps {\n  label?: string;\n}\n\nexport const SidebarMenuHeading: React.FC<SidebarMenuHeadingProps> = ({\n  className,\n  label,\n  contentLeft,\n  contentRight,\n  ...textProps\n}) => {\n  return (\n    <Box spacing={2} indent={2}>\n      <CollapsibleContent\n        className={styles.sidebarMenuHeading}\n        contentLeft={contentLeft}\n        contentRight={contentRight}\n      >\n        <Text\n          variant={\"overline\"}\n          color={\"var(--swui-sidebar-menu-heading-text-color)\"}\n          {...textProps}\n        >\n          {label}\n        </Text>\n      </CollapsibleContent>\n    </Box>\n  );\n};\n","import { Clickable, ClickableProps, Indent, Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ButtonContent, ButtonContentProps } from \"@stenajs-webui/elements\";\nimport contentStyles from \"./SidebarMenuContent.module.css\";\n\nexport interface SidebarMenuLinkProps\n  extends ClickableProps,\n    Pick<\n      ButtonContentProps,\n      | \"label\"\n      | \"loading\"\n      | \"left\"\n      | \"leftIcon\"\n      | \"right\"\n      | \"rightIcon\"\n      | \"success\"\n    > {\n  selected?: boolean;\n  indent?: boolean;\n}\n\nconst selectedBorder = \"4px solid var(--swui-sidebar-menu-item-selected)\";\n\nexport const SidebarMenuLink: React.FC<SidebarMenuLinkProps> = ({\n  className,\n  children,\n  selected,\n  indent,\n  label,\n  loading,\n  left,\n  leftIcon,\n  right,\n  rightIcon,\n  success,\n  ...clickableProps\n}) => {\n  const hasContentLeft = left || leftIcon || loading || success;\n  return (\n    <Clickable\n      background={\"var(--swui-sidebar-menu-background-color)\"}\n      hoverBackground={\"var(--swui-sidebar-menu-background-color-hover)\"}\n      style={{ borderRight: selected ? selectedBorder : undefined }}\n      {...clickableProps}\n    >\n      <Row spacing={1} flex={1} alignItems={\"center\"} height={\"40px\"}>\n        {!hasContentLeft && <Indent />}\n        {indent && <Indent num={3.5} />}\n        <ButtonContent\n          label={label}\n          loading={loading}\n          left={left}\n          leftIcon={leftIcon}\n          right={right}\n          rightIcon={rightIcon}\n          success={success}\n          labelClassName={contentStyles.label}\n          spinnerClassName={contentStyles.spinner}\n          iconClassName={contentStyles.icon}\n          leftWrapperClassName={contentStyles.leftWrapper}\n        />\n      </Row>\n    </Clickable>\n  );\n};\n","import * as React from \"react\";\nimport { useState } from \"react\";\nimport { Collapsible } from \"../collapsible/Collapsible\";\nimport { Box, Column, Indent } from \"@stenajs-webui/core\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport styles from \"./SidebarMenuCollapsible.module.css\";\nimport { Icon } from \"@stenajs-webui/elements\";\n\nexport interface SidebarMenuCollapsibleProps {\n  label: string;\n  collapsed?: boolean;\n  leftIcon?: IconDefinition;\n}\n\nexport const SidebarMenuCollapsible: React.FC<SidebarMenuCollapsibleProps> = ({\n  children,\n  label,\n  leftIcon,\n}) => {\n  const [collapsed, setCollapsed] = useState<boolean>(false);\n\n  return (\n    <Box background={\"var(--swui-sidebar-menu-background-color)\"}>\n      <Collapsible\n        className={styles.sidebarMenuCollapsible}\n        label={label}\n        collapsed={collapsed}\n        onClick={() => setCollapsed(!collapsed)}\n        contentLeft={\n          leftIcon ? (\n            <Box width={\"56px\"} alignItems={\"center\"} justifyContent={\"center\"}>\n              <Icon\n                icon={leftIcon}\n                size={18}\n                color={\"var(--swui-sidebar-menu-text-color)\"}\n                data-hover={true}\n              />\n            </Box>\n          ) : (\n            <Indent num={1} />\n          )\n        }\n      >\n        <Column flex={1}>{children}</Column>\n      </Collapsible>\n    </Box>\n  );\n};\n","import {\n  SeparatorLine,\n  SeparatorLineProps,\n  Spacing,\n} from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\nexport interface SidebarMenuSeparatorProps extends SeparatorLineProps {}\n\nexport const SidebarMenuSeparator: React.FC<SidebarMenuSeparatorProps> = (\n  separatorLineProps\n) => {\n  return (\n    <Spacing>\n      <SeparatorLine\n        color={cssColor(\"--lhds-color-blue-700\")}\n        {...separatorLineProps}\n      />\n    </Spacing>\n  );\n};\n"],"names":["React.createElement","faAngleDown","styles","HamburgerBarsSvg","React.Children","React.useRef","HamburgerCloseSvg"],"mappings":"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"}

package/dist/index.js

@@ -12,8 +12,6 @@ var forms = require('@stenajs-webui/forms');
 var cx = require('classnames');
 var theme = require('@stenajs-webui/theme');
 var dateFns = require('date-fns');
-var styled = require('@emotion/styled');
-var ReactDOM = require('react-dom');
 var faChevronUp = require('@fortawesome/free-solid-svg-icons/faChevronUp');
 var reactTransitionGroup = require('react-transition-group');
 var faInbox = require('@fortawesome/free-solid-svg-icons/faInbox');
@@ -21,7 +19,6 @@ var faInbox = require('@fortawesome/free-solid-svg-icons/faInbox');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -59,11 +56,6 @@ function __rest(s, e) {
                 t[p[i]] = s[p[i]];
         }
     return t;
-}
-
-function __makeTemplateObject(cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
 }
 
 var ActionMenuButton = function (_a) {
@@ -292,43 +284,15 @@ var Notification = function (_a) {
                     React.createElement(core.Text, { size: "small", color: theme.cssColor("--swui-text-disabled-color") }, agoLabel))))));
 };
 
-var DrawerWrapper = styled__default['default']("div")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  position: fixed;\n  transform: translateX(\n    ", "\n  );\n  right: ", ";\n  left: ", ";\n  height: 100%;\n  ", "\n  ", "\n  transition: 0.2s transform;\n  box-shadow: ", ";\n  z-index: ", ";\n  top: 0;\n"], ["\n  display: flex;\n  flex-direction: column;\n  position: fixed;\n  transform: translateX(\n    ",
-    "\n  );\n  right: ", ";\n  left: ", ";\n  height: 100%;\n  ", "\n  ", "\n  transition: 0.2s transform;\n  box-shadow: ",
-    ";\n  z-index: ", ";\n  top: 0;\n"])), function (_a) {
-    var isOpen = _a.isOpen, slideFrom = _a.slideFrom, width = _a.width;
-    return isOpen ? 0 : slideFrom === "right" ? "" + width : "-" + width;
-}, function (props) { return (props.slideFrom === "right" ? 0 : "auto"); }, function (props) { return (props.slideFrom === "left" ? 0 : "auto"); }, function (_a) {
-    var width = _a.width;
-    return "width: " + width + ";";
-}, function (_a) {
-    var background = _a.background;
-    return "background: " + background + ";";
-}, function (_a) {
-    var isOpen = _a.isOpen;
-    return isOpen ? "2px 2px 20px 0 rgba(0, 0, 0, 0.15)" : "none";
-}, function (_a) {
-    var zIndex = _a.zIndex;
-    return zIndex;
-});
-var Drawer = React.forwardRef(function Drawer(_a, ref) {
-    var children = _a.children, isOpen = _a.isOpen, background = _a.background, portalTarget = _a.portalTarget, _b = _a.slideFrom, slideFrom = _b === void 0 ? "left" : _b, _c = _a.width, width = _c === void 0 ? "400px" : _c, _d = _a.zIndex, zIndex = _d === void 0 ? 1000 : _d, divProps = __rest(_a, ["children", "isOpen", "background", "portalTarget", "slideFrom", "width", "zIndex"]);
-    var drawer = (React.createElement(DrawerWrapper, __assign({ ref: ref, isOpen: isOpen, slideFrom: slideFrom, width: width, zIndex: zIndex, background: background }, divProps), children));
-    if (portalTarget) {
-        return ReactDOM.createPortal(drawer, portalTarget);
-    }
-    return drawer;
-});
-var templateObject_1;
-
-var css_248z$4 = ".Collapsible-module_collapsible__2Nn8K {\n  --swui-collapsible-animation-time: var(--swui-animation-time-fast);\n\n  --swui-collapsible-expanded-line-background-color: var(\n    --swui-primary-action-color\n  );\n\n  /*\n   * Header\n   */\n  --swui-collapsible-header-text-color: var(--lhds-color-ui-900);\n  --swui-collapsible-header-background-color: var(--swui-white);\n  --swui-collapsible-header-background-color-hover: var(--lhds-color-blue-100);\n  --swui-collapsible-header-background-color-active: var(--lhds-color-blue-100);\n  --swui-collapsible-header-border-color: var(--lhds-color-ui-300);\n  --swui-collapsible-header-border-color-focus: var(\n    --swui-primary-action-color\n  );\n  --swui-collapsible-header-focus-shadow: var(--swui-field-focus-shadow);\n  --swui-collapsible-header-content-margin: calc(\n    var(--swui-metrics-indent) * 2\n  );\n  --swui-collapsible-header-font-weight: var(--swui-font-weight-text-bold);\n  --swui-collapsible-header-indicator-color: var(--swui-primary-action-color);\n  --swui-collapsible-header-indicator-color-collapsed: var(--lhds-color-ui-500);\n  --swui-collapsible-header-indicator-color-hover: var(\n    --swui-primary-action-color\n  );\n  --swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0;\n\n  /*\n   * Content\n   */\n  --swui-collapsible-content-background-color: var(--lhds-color-ui-100);\n  --swui-collapsible-content-border-color: var(--lhds-color-ui-300);\n  --swui-collapsible-content-padding: var(--swui-metrics-indent)\n    calc(var(--swui-metrics-indent) * 2);\n\n  --swui-collapsible-groupheading-font-size: var(--swui-font-size-smaller);\n  --swui-collapsible-groupheading-text-color: var(--lhds-color-ui-600);\n\n  --swui-collapsible-min-height: 40px;\n}\n\n  /* Header */\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y {\n    background-color: var(--swui-collapsible-header-background-color);\n    width: 100%;\n    font-size: inherit;\n    font-family: var(--swui-font-primary);\n    font-weight: var(--swui-collapsible-header-font-weight);\n\n    min-height: var(--swui-collapsible-min-height);\n    box-sizing: border-box;\n    display: -webkit-flex;\n    display: flex;\n    -webkit-justify-content: space-between;\n            justify-content: space-between;\n    -webkit-align-items: center;\n            align-items: center;\n    border-bottom: 1px solid var(--swui-collapsible-header-border-color);\n    padding: var(--swui-collapsible-header-padding);\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y .Collapsible-module_indicator__3YBhK {\n      transition: all var(--swui-collapsible-animation-time) ease-in-out;\n      margin-left: var(--swui-collapsible-header-content-margin);\n      color: var(--swui-collapsible-header-indicator-color);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y:not(:disabled):hover:not(:active) {\n        background-color: var(--swui-collapsible-header-background-color-hover);\n      }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y:not(:disabled):hover:not(:active) .Collapsible-module_indicator__3YBhK {\n          color: var(--swui-collapsible-header-indicator-color-hover);\n        }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y:focus-visible {\n      outline: 1px solid var(--swui-collapsible-header-border-color-focus);\n      outline-offset: -1px;\n      box-shadow: var(--swui-collapsible-header-focus-shadow);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y:active {\n      background: var(--swui-collapsible-header-background-color-active);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y:disabled {\n      cursor: not-allowed;\n    }\n\n  .Collapsible-module_collapsible__2Nn8K {\n\n  position: relative;\n}\n\n  .Collapsible-module_collapsible__2Nn8K::before {\n    content: \"\";\n    position: absolute;\n    width: 2px;\n    background: var(--swui-collapsible-expanded-line-background-color);\n    top: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K[aria-expanded=\"false\"] {\n    --swui-collapsible-expanded-line-background-color: transparent;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K[aria-expanded=\"false\"] .Collapsible-module_indicator__3YBhK {\n      color: var(--swui-collapsible-header-indicator-color-collapsed);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_label__Hpp-R {\n    margin-right: auto;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_label__Hpp-R span {\n      font-weight: var(--swui-collapsible-header-font-weight);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentLeft__2gPpu,\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentRight__bTr59 {\n    display: -webkit-flex;\n    display: flex;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentLeft__2gPpu button, .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentRight__bTr59 button {\n      cursor: pointer;\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentLeft__2gPpu {\n    margin-right: var(--swui-collapsible-header-content-margin);\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentRight__bTr59 {\n    margin-left: auto;\n  }\n\n  /* Content */\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8 {\n    display: -webkit-flex;\n    display: flex;\n    -webkit-align-items: center;\n            align-items: center;\n    -webkit-justify-content: stretch;\n            justify-content: stretch;\n    background: var(--swui-collapsible-content-background-color);\n    padding: var(--swui-collapsible-content-padding);\n    min-height: var(--swui-collapsible-min-height);\n    box-sizing: border-box;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8:last-child {\n      border-bottom: 1px solid var(--swui-collapsible-content-border-color);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8.Collapsible-module_groupHeading__3BK-5 {\n      border: none;\n      font-size: var(--swui-collapsible-groupheading-font-size);\n      font-family: var(--swui-font-primary);\n      color: var(--swui-collapsible-groupheading-text-color);\n      text-transform: uppercase;\n      font-weight: 600;\n      letter-spacing: 1px;\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8 [data-hidden=\"true\"] {\n      display: none;\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8:hover [data-hidden=\"true\"] {\n        display: inherit;\n      }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8:hover [data-hover=\"true\"] {\n        color: var(--swui-collapsible-header-indicator-color-hover);\n      }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentEnter__GWHoW {\n    opacity: 0;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentEnterActive__1YdNi {\n    opacity: 1;\n    transition: opacity var(--swui-collapsible-animation-time) ease-in-out;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentExitDone__35Iht {\n    display: none;\n  }\n\n  /** Clickable content */\n\n  .Collapsible-module_collapsible__2Nn8K button.Collapsible-module_content__1e1C8 {\n    font-family: var(--swui-font-primary);\n    font-size: inherit;\n    width: 100%;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K button.Collapsible-module_content__1e1C8:focus-visible {\n      outline: 1px solid var(--swui-collapsible-header-border-color-focus);\n      outline-offset: -1px;\n      box-shadow: var(--swui-collapsible-header-focus-shadow);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K button.Collapsible-module_content__1e1C8:not(:disabled):hover {\n      background-color: var(--swui-collapsible-header-background-color-hover);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K button.Collapsible-module_content__1e1C8:disabled {\n      cursor: not-allowed;\n    }\n\n  .Collapsible-module_collapsible__2Nn8K button.Collapsible-module_content__1e1C8:focus-within [data-hidden=\"true\"] {\n        display: inherit;\n      }\n\n  /* Remove header background color if not at the highest level */\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K {\n    --swui-collapsible-header-background-color: var(\n      --swui-collapsible-content-background-color\n    );\n    --swui-collapsible-header-font-weight: normal;\n  }\n\n  /* Increase padding with depth */\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K {\n    --swui-collapsible-content-padding: var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 4);\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K {\n    --swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0\n      calc(var(--swui-metrics-indent) * 4);\n    --swui-collapsible-content-padding: var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 6);\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K {\n    --swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0\n      calc(var(--swui-metrics-indent) * 6);\n    --swui-collapsible-content-padding: var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 8);\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K {\n    --swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0\n      calc(var(--swui-metrics-indent) * 8);\n    --swui-collapsible-content-padding: var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 10);\n  }\n";
+var css_248z$4 = ".Collapsible-module_collapsible__2Nn8K {\n  --swui-collapsible-animation-time: var(--swui-animation-time-fast);\n\n  --swui-collapsible-expanded-line-background-color: var(\n    --swui-primary-action-color\n  );\n\n  /*\n   * Header\n   */\n  --swui-collapsible-header-text-color: var(--lhds-color-ui-900);\n  --swui-collapsible-header-background-color: var(--swui-white);\n  --swui-collapsible-header-background-color-hover: var(--lhds-color-blue-100);\n  --swui-collapsible-header-background-color-active: var(--lhds-color-blue-100);\n  --swui-collapsible-header-border-color: var(--lhds-color-ui-300);\n  --swui-collapsible-header-border-color-focus: var(\n    --swui-primary-action-color\n  );\n  --swui-collapsible-header-focus-shadow: var(--swui-field-focus-shadow);\n  --swui-collapsible-header-content-margin: calc(\n    var(--swui-metrics-indent) * 2\n  );\n  --swui-collapsible-header-font-weight: var(--swui-font-weight-text-bold);\n  --swui-collapsible-header-indicator-color: var(--swui-primary-action-color);\n  --swui-collapsible-header-indicator-color-collapsed: var(--lhds-color-ui-500);\n  --swui-collapsible-header-indicator-color-hover: var(\n    --swui-primary-action-color\n  );\n  --swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0;\n\n  /*\n   * Content\n   */\n  --swui-collapsible-content-background-color: var(--lhds-color-ui-100);\n  --swui-collapsible-content-border-color: var(--lhds-color-ui-300);\n  --swui-collapsible-content-padding: var(--swui-metrics-indent)\n    calc(var(--swui-metrics-indent) * 2);\n\n  --swui-collapsible-groupheading-font-size: var(--swui-font-size-smaller);\n  --swui-collapsible-groupheading-text-color: var(--lhds-color-ui-600);\n\n  --swui-collapsible-min-height: 40px;\n}\n\n  /* Header */\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y {\n    background-color: var(--swui-collapsible-header-background-color);\n    width: 100%;\n    font-size: inherit;\n    font-family: var(--swui-font-primary);\n    font-weight: var(--swui-collapsible-header-font-weight);\n    text-align: left;\n\n    min-height: var(--swui-collapsible-min-height);\n    box-sizing: border-box;\n    display: -webkit-flex;\n    display: flex;\n    -webkit-justify-content: space-between;\n            justify-content: space-between;\n    -webkit-align-items: center;\n            align-items: center;\n    border-bottom: 1px solid var(--swui-collapsible-header-border-color);\n    padding: var(--swui-collapsible-header-padding);\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y .Collapsible-module_indicator__3YBhK {\n      transition: all var(--swui-collapsible-animation-time) ease-in-out;\n      margin-left: var(--swui-collapsible-header-content-margin);\n      color: var(--swui-collapsible-header-indicator-color);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y:not(:disabled):hover:not(:active) {\n        background-color: var(--swui-collapsible-header-background-color-hover);\n      }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y:not(:disabled):hover:not(:active) .Collapsible-module_indicator__3YBhK {\n          color: var(--swui-collapsible-header-indicator-color-hover);\n        }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y:focus-visible {\n      outline: 1px solid var(--swui-collapsible-header-border-color-focus);\n      outline-offset: -1px;\n      box-shadow: var(--swui-collapsible-header-focus-shadow);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y:active {\n      background: var(--swui-collapsible-header-background-color-active);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_header__IZx0y:disabled {\n      cursor: not-allowed;\n    }\n\n  .Collapsible-module_collapsible__2Nn8K {\n\n  position: relative;\n}\n\n  .Collapsible-module_collapsible__2Nn8K::before {\n    content: \"\";\n    position: absolute;\n    width: 2px;\n    background: var(--swui-collapsible-expanded-line-background-color);\n    top: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K[aria-expanded=\"false\"] {\n    --swui-collapsible-expanded-line-background-color: transparent;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K[aria-expanded=\"false\"] .Collapsible-module_indicator__3YBhK {\n      color: var(--swui-collapsible-header-indicator-color-collapsed);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_label__Hpp-R {\n    margin-right: auto;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_label__Hpp-R span {\n      --current-line-height: 1;\n      font-weight: var(--swui-collapsible-header-font-weight);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentLeft__2gPpu,\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentRight__bTr59 {\n    display: -webkit-flex;\n    display: flex;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentLeft__2gPpu button, .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentRight__bTr59 button {\n      cursor: pointer;\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentLeft__2gPpu {\n    margin-right: var(--swui-collapsible-header-content-margin);\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentRight__bTr59 {\n    margin-left: auto;\n  }\n\n  /* Content */\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8 {\n    display: -webkit-flex;\n    display: flex;\n    -webkit-align-items: center;\n            align-items: center;\n    -webkit-justify-content: stretch;\n            justify-content: stretch;\n    background: var(--swui-collapsible-content-background-color);\n    padding: var(--swui-collapsible-content-padding);\n    min-height: var(--swui-collapsible-min-height);\n    box-sizing: border-box;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8:last-child {\n      border-bottom: 1px solid var(--swui-collapsible-content-border-color);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8.Collapsible-module_groupHeading__3BK-5 {\n      border: none;\n      font-size: var(--swui-collapsible-groupheading-font-size);\n      font-family: var(--swui-font-primary);\n      color: var(--swui-collapsible-groupheading-text-color);\n      text-transform: uppercase;\n      font-weight: 600;\n      letter-spacing: 1px;\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8 [data-hidden=\"true\"] {\n      display: none;\n    }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8:hover [data-hidden=\"true\"] {\n        display: inherit;\n      }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_content__1e1C8:hover [data-hover=\"true\"] {\n        color: var(--swui-collapsible-header-indicator-color-hover);\n      }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentEnter__GWHoW {\n    opacity: 0;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentEnterActive__1YdNi {\n    opacity: 1;\n    transition: opacity var(--swui-collapsible-animation-time) ease-in-out;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_contentExitDone__35Iht {\n    display: none;\n  }\n\n  /** Clickable content */\n\n  .Collapsible-module_collapsible__2Nn8K button.Collapsible-module_content__1e1C8 {\n    font-family: var(--swui-font-primary);\n    font-size: inherit;\n    width: 100%;\n    text-align: left;\n  }\n\n  .Collapsible-module_collapsible__2Nn8K button.Collapsible-module_content__1e1C8:focus-visible {\n      outline: 1px solid var(--swui-collapsible-header-border-color-focus);\n      outline-offset: -1px;\n      box-shadow: var(--swui-collapsible-header-focus-shadow);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K button.Collapsible-module_content__1e1C8:not(:disabled):hover {\n      background-color: var(--swui-collapsible-header-background-color-hover);\n    }\n\n  .Collapsible-module_collapsible__2Nn8K button.Collapsible-module_content__1e1C8:disabled {\n      cursor: not-allowed;\n    }\n\n  .Collapsible-module_collapsible__2Nn8K button.Collapsible-module_content__1e1C8:focus-within [data-hidden=\"true\"] {\n        display: inherit;\n      }\n\n  /* Remove header background color if not at the highest level */\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K {\n    --swui-collapsible-header-background-color: var(\n      --swui-collapsible-content-background-color\n    );\n    --swui-collapsible-header-font-weight: normal;\n  }\n\n  /* Increase padding with depth */\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K {\n    --swui-collapsible-content-padding: var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 4);\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K {\n    --swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0\n      calc(var(--swui-metrics-indent) * 4);\n    --swui-collapsible-content-padding: var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 6);\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K {\n    --swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0\n      calc(var(--swui-metrics-indent) * 6);\n    --swui-collapsible-content-padding: var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 8);\n  }\n\n  .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K .Collapsible-module_collapsible__2Nn8K {\n    --swui-collapsible-header-padding: 0 calc(var(--swui-metrics-indent) * 2) 0\n      calc(var(--swui-metrics-indent) * 8);\n    --swui-collapsible-content-padding: var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 2) var(--swui-metrics-indent)\n      calc(var(--swui-metrics-indent) * 10);\n  }\n";
 var styles$4 = {"collapsible":"Collapsible-module_collapsible__2Nn8K","header":"Collapsible-module_header__IZx0y","indicator":"Collapsible-module_indicator__3YBhK","label":"Collapsible-module_label__Hpp-R","contentLeft":"Collapsible-module_contentLeft__2gPpu","contentRight":"Collapsible-module_contentRight__bTr59","content":"Collapsible-module_content__1e1C8","groupHeading":"Collapsible-module_groupHeading__3BK-5","contentEnter":"Collapsible-module_contentEnter__GWHoW","contentEnterActive":"Collapsible-module_contentEnterActive__1YdNi","contentExitDone":"Collapsible-module_contentExitDone__35Iht"};
 styleInject(css_248z$4);
 
 var CollapsibleEmptyContent = function () {
     return (React.createElement(core.Column, { indent: true, spacing: true, flex: 1, alignItems: "center" },
-        React.createElement(elements.Icon, { icon: faInbox.faInbox, color: "var(--lhds-color-ui-500)" }),
+        React.createElement(elements.Icon, { icon: faInbox.faInbox, color: theme.cssColor("--lhds-color-ui-500") }),
         React.createElement(core.Space, null),
-        React.createElement(core.Text, { size: "small", color: "var(--lhds-color-ui-500)" }, "No content")));
+        React.createElement(core.Text, { size: "small", color: theme.cssColor("--lhds-color-ui-500") }, "No content")));
 };
 
 var CollapsibleContent = function (_a) {
@@ -456,7 +420,7 @@ var SidebarMenu = function (_a) {
     return (React.createElement(core.Box, __assign({ className: cx__default['default'](styles$5.sidebarMenu, className) }, boxProps),
         React.createElement(core.Box, { alignItems: "flex-start", justifyContent: "center" },
             React.createElement(SidebarMenuCloseButton, { onClick: onCloseClick, variant: "dark" })),
-        React.createElement(core.SeparatorLine, { color: "var(--lhds-color-blue-700)" }),
+        React.createElement(core.SeparatorLine, { color: theme.cssColor("--lhds-color-blue-700") }),
         React.createElement(core.Space, null),
         React.createElement(core.Box, { className: styles$5.sidebarMenuContent, background: "var(--swui-sidebar-menu-background-color)" },
             React.createElement(core.Column, { flexGrow: 1 }, children))));
@@ -503,7 +467,7 @@ var SidebarMenuCollapsible = function (_a) {
 
 var SidebarMenuSeparator = function (separatorLineProps) {
     return (React.createElement(core.Spacing, null,
-        React.createElement(core.SeparatorLine, __assign({ color: "var(--lhds-color-blue-700)" }, separatorLineProps))));
+        React.createElement(core.SeparatorLine, __assign({ color: theme.cssColor("--lhds-color-blue-700") }, separatorLineProps))));
 };
 
 exports.ActionMenuFlatButton = ActionMenuFlatButton;
@@ -516,7 +480,6 @@ exports.CollapsibleContent = CollapsibleContent;
 exports.CollapsibleEmptyContent = CollapsibleEmptyContent;
 exports.CollapsibleGroupHeading = CollapsibleGroupHeading;
 exports.CollapsibleWithCheckbox = CollapsibleWithCheckbox;
-exports.Drawer = Drawer;
 exports.ErrorPanel = ErrorPanel;
 exports.ErrorScreen = ErrorScreen;
 exports.LoadingPanel = LoadingPanel;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/components/action-menu-button/ActionMenuButton.tsx","../src/components/action-menu-button/ActionMenuPrimaryButton.tsx","../src/components/action-menu-button/ActionMenuSecondaryButton.tsx","../src/components/action-menu-button/ActionMenuFlatButton.tsx","../src/components/checkbox-menu/CheckboxMenu.tsx","../../../node_modules/style-inject/dist/style-inject.es.js","../src/components/nav-bar/NavBarSideMenuButton.tsx","../src/components/nav-bar/NavBarVariantContext.ts","../src/components/nav-bar/NavBar.tsx","../src/components/nav-bar/NavBarButton.tsx","../src/components/nav-bar/NavBarHeading.tsx","../src/components/nav-bar/NavBarPopoverButton.tsx","../src/components/nav-bar/NavBarSearchField.tsx","../src/components/notifications/NotificationTheme.ts","../src/components/notifications/Notification.tsx","../src/components/drawer/Drawer.tsx","../src/components/collapsible/CollapsibleEmptyContent.tsx","../src/components/collapsible/CollapsibleContent.tsx","../src/components/collapsible/Collapsible.tsx","../src/components/collapsible/CollapsibleWithCheckbox.tsx","../src/components/collapsible/CollapsibleClickableContent.tsx","../src/components/collapsible/CollapsibleGroupHeading.tsx","../src/components/error-panel/ErrorPanel.tsx","../src/components/error-panel/ErrorScreen.tsx","../src/components/loading-panel/LoadingPanel.tsx","../src/components/loading-panel/LoadingScreen.tsx","../src/components/sidebar-menu/SidebarMenuCloseButton.tsx","../src/components/sidebar-menu/SidebarMenu.tsx","../src/components/sidebar-menu/SidebarMenuHeading.tsx","../src/components/sidebar-menu/SidebarMenuLink.tsx","../src/components/sidebar-menu/SidebarMenuCollapsible.tsx","../src/components/sidebar-menu/SidebarMenuSeparator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactNode, useMemo, useRef } from \"react\";\nimport {\n  ActionMenu,\n  ActionMenuContext,\n  ActionMenuProps,\n  FlatButton,\n  PrimaryButton,\n  PrimaryButtonProps,\n  SecondaryButton,\n} from \"@stenajs-webui/elements\";\nimport { useBoolean } from \"@stenajs-webui/core\";\nimport { Popover, PopoverProps } from \"@stenajs-webui/tooltip\";\nimport { faAngleDown } from \"@fortawesome/free-solid-svg-icons\";\nimport { Plugin as TippyPlugin, Props as TippyProps } from \"tippy.js\";\n\nexport interface ActionMenuButtonProps\n  extends Omit<\n    PrimaryButtonProps,\n    \"variant\" | \"loading\" | \"loadingLabel\" | \"success\" | \"successLabel\"\n  > {\n  /** The content of the Action Menu. */\n  renderItems: (close: () => void) => ReactNode;\n  /** The placement of the Action Menu. */\n  placement?: PopoverProps[\"placement\"];\n  /**  Z-index of the Action Menu */\n  zIndex?: number;\n  /** Portal target, HTML element. If not set, portal is not used. */\n  portalTarget?: PopoverProps[\"appendTo\"];\n  menuWidth?: ActionMenuProps[\"width\"];\n  menuTop?: ActionMenuProps[\"top\"];\n  buttonComponent:\n    | typeof PrimaryButton\n    | typeof SecondaryButton\n    | typeof FlatButton;\n}\n\nexport const ActionMenuButton: React.FC<ActionMenuButtonProps> = ({\n  renderItems,\n  placement = \"bottom\",\n  buttonComponent: Button,\n  rightIcon = faAngleDown,\n  portalTarget = \"parent\",\n  zIndex,\n  menuWidth,\n  menuTop,\n  onClick,\n  ...buttonProps\n}) => {\n  const [isOpen, open, close, toggle] = useBoolean(false);\n\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const focusManager: TippyPlugin<TippyProps> = {\n    name: \"focusManager\",\n    defaultValue: true,\n    fn({ popper }) {\n      let restoreFocus = false;\n\n      const closeOnEscape = (event: KeyboardEvent) => {\n        if (event.key === \"Escape\") {\n          restoreFocus = true;\n          close();\n        }\n        if (event.key === \"Enter\" || event.key === \" \") {\n          restoreFocus = true;\n        }\n      };\n\n      return {\n        onCreate() {\n          popper.addEventListener(\"keydown\", closeOnEscape);\n        },\n        onDestroy() {\n          popper.removeEventListener(\"keydown\", closeOnEscape);\n        },\n        onMount() {\n          restoreFocus = false;\n          popper\n            .querySelector<HTMLElement>(\"button:not([disabled]), a[href]\")\n            ?.focus();\n        },\n        onHide() {\n          if (buttonRef.current && restoreFocus) {\n            buttonRef.current.focus();\n          }\n        },\n      };\n    },\n  };\n\n  const contextValue = useMemo(() => ({ open, close }), [open, close]);\n\n  const handleClick = (\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ) => {\n    onClick?.(event);\n    toggle();\n  };\n\n  return (\n    <Popover\n      disablePadding\n      visible={isOpen}\n      onClickOutside={close}\n      placement={placement}\n      content={\n        isOpen && (\n          <ActionMenu\n            variant={\"outlined\"}\n            width={menuWidth}\n            top={menuTop}\n            trapFocus\n          >\n            <ActionMenuContext.Provider value={contextValue}>\n              {renderItems(close)}\n            </ActionMenuContext.Provider>\n          </ActionMenu>\n        )\n      }\n      arrow={false}\n      appendTo={portalTarget}\n      zIndex={zIndex}\n      plugins={[focusManager]}\n      lazy\n    >\n      <Button\n        rightIcon={rightIcon}\n        {...buttonProps}\n        ref={buttonRef}\n        onClick={handleClick}\n      />\n    </Popover>\n  );\n};\n","import * as React from \"react\";\nimport { PrimaryButton, PrimaryButtonProps } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuPrimaryButtonProps\n  extends Omit<ActionMenuButtonProps, \"buttonComponent\">,\n    Pick<PrimaryButtonProps, \"variant\"> {}\n\nexport const ActionMenuPrimaryButton: React.FC<ActionMenuPrimaryButtonProps> = (\n  props\n) => {\n  return <ActionMenuButton buttonComponent={PrimaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { SecondaryButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuSecondaryButtonProps\n  extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuSecondaryButton: React.FC<ActionMenuSecondaryButtonProps> = (\n  props\n) => {\n  return <ActionMenuButton buttonComponent={SecondaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuFlatButtonProps\n  extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuFlatButton: React.FC<ActionMenuFlatButtonProps> = (\n  props\n) => {\n  return <ActionMenuButton buttonComponent={FlatButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Box, Column, Indent, Row, useBoolean } from \"@stenajs-webui/core\";\nimport { ActionMenu, FlatButton } from \"@stenajs-webui/elements\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { faAngleDown } from \"@fortawesome/free-solid-svg-icons/faAngleDown\";\nimport { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\n\nexport interface CheckboxMenuProps extends CheckboxProps {\n  renderMenu: (close: () => void) => ReactNode;\n}\n\nconst border = `1px solid var(--lhds-color-ui-300)`;\n\nexport const CheckboxMenu: React.FC<CheckboxMenuProps> = ({\n  renderMenu,\n  ...checkboxProps\n}) => {\n  const [isOpen, open, close] = useBoolean(false);\n  return (\n    <Popover\n      onClickOutside={close}\n      arrow={false}\n      visible={isOpen}\n      disablePadding\n      content={\n        renderMenu ? (\n          <Column>\n            <ActionMenu>{renderMenu(close)}</ActionMenu>\n          </Column>\n        ) : undefined\n      }\n      placement={\"bottom-start\"}\n      variant={\"outlined\"}\n    >\n      <Box display={\"inline-block\"}>\n        <Row\n          spacing={0.5}\n          indent\n          alignItems={\"center\"}\n          border={border}\n          borderRadius={\"4px\"}\n        >\n          <Checkbox {...checkboxProps} />\n          <Indent num={0.5} />\n          <FlatButton size={\"small\"} onClick={open} leftIcon={faAngleDown} />\n        </Row>\n      </Box>\n    </Popover>\n  );\n};\n","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import * as React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarSideMenuButton.module.css\";\nimport { DivProps } from \"@stenajs-webui/core\";\nimport { NavBarVariant } from \"./NavBar\";\nimport { ReactComponent as HamburgerBarsSvg } from \"./svg/bars.svg\";\n\nexport interface SidebarMenuButtonProps extends Pick<DivProps, \"className\"> {\n  variant?: NavBarVariant;\n  onClick?: (ev: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const NavBarSideMenuButton: React.FC<SidebarMenuButtonProps> = ({\n  variant = \"light\",\n  className,\n  onClick,\n}) => {\n  return (\n    <button\n      onClick={onClick}\n      className={cx(styles.sidebarMenuButton, styles[variant], className)}\n    >\n      <HamburgerBarsSvg className={styles.icon} />\n    </button>\n  );\n};\n","import { createContext, useContext } from \"react\";\nimport { NavBarVariant } from \"./NavBar\";\n\nexport const NavBarVariantContext = createContext<NavBarVariant>(\"light\");\n\nexport const useNavBarVariant = () => useContext(NavBarVariantContext);\n","import { Indent, Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBar.module.css\";\nimport {\n  NavBarSideMenuButton,\n  SidebarMenuButtonProps,\n} from \"./NavBarSideMenuButton\";\nimport { NavBarVariantContext } from \"./NavBarVariantContext\";\n\nexport interface NavBarProps {\n  variant?: NavBarVariant;\n  className?: string;\n  showMenuButton?: boolean;\n  onClickMenuButton?: SidebarMenuButtonProps[\"onClick\"];\n  right?: ReactNode;\n  center?: ReactNode;\n  left?: ReactNode;\n  height?: number | string;\n}\n\nexport type NavBarVariant = \"light\" | \"dark\";\n\nexport const NavBar: React.FC<NavBarProps> = ({\n  variant = \"light\",\n  left,\n  className,\n  showMenuButton = false,\n  children,\n  right,\n  center,\n  height = \"64px\",\n  onClickMenuButton,\n}) => {\n  const currentFlex = center ? 1 : undefined;\n  return (\n    <NavBarVariantContext.Provider value={variant}>\n      <Row\n        height={height}\n        minHeight={height}\n        justifyContent={\"space-between\"}\n        className={cx(styles.navBar, styles[variant], className)}\n      >\n        <Row\n          flex={currentFlex}\n          justifyContent={\"flex-start\"}\n          alignItems={\"center\"}\n        >\n          {showMenuButton ? (\n            <>\n              <NavBarSideMenuButton\n                variant={variant}\n                onClick={onClickMenuButton}\n              />\n              <Indent />\n            </>\n          ) : (\n            <Indent num={2} />\n          )}\n          {left ? (\n            <>\n              {left}\n              <Indent num={2} />\n            </>\n          ) : (\n            <Indent num={2} />\n          )}\n          {children && (\n            <>\n              <Row justifyContent={\"center\"} alignItems={\"center\"}>\n                {React.Children.map(children, (child, index) => (\n                  <>\n                    {index > 0 && <Indent />}\n                    {child}\n                  </>\n                ))}\n              </Row>\n            </>\n          )}\n        </Row>\n        {center && (\n          <Row justifyContent={\"center\"} alignItems={\"center\"}>\n            {center}\n          </Row>\n        )}\n        <Row\n          justifyContent={\"flex-end\"}\n          alignItems={\"center\"}\n          flex={currentFlex}\n        >\n          {right}\n          <Indent num={2} />\n        </Row>\n      </Row>\n    </NavBarVariantContext.Provider>\n  );\n};\n","import { FlatButton, FlatButtonProps } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarButton.module.css\";\nimport { useNavBarVariant } from \"./NavBarVariantContext\";\n\nexport interface NavBarButtonProps extends FlatButtonProps {\n  selected?: boolean;\n}\n\nexport const NavBarButton: React.FC<NavBarButtonProps> = ({\n  selected,\n  className,\n  ...buttonProps\n}) => {\n  const variant = useNavBarVariant();\n  return (\n    <FlatButton\n      {...buttonProps}\n      className={cx(\n        styles.navBarButton,\n        styles[variant],\n        selected && styles.selected,\n        className\n      )}\n    />\n  );\n};\n","import * as React from \"react\";\nimport { Heading, HeadingProps } from \"@stenajs-webui/core\";\n\ninterface NavBarHeadingProps extends HeadingProps {}\n\nexport const NavBarHeading: React.FC<NavBarHeadingProps> = (headingProps) => {\n  return <Heading whiteSpace={\"nowrap\"} color={\"#fff\"} {...headingProps} />;\n};\n","import { useBoolean } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { NavBarButton, NavBarButtonProps } from \"./NavBarButton\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\n\ntype RenderProp = (args: RenderPropArgs) => ReactNode;\n\ninterface RenderPropArgs {\n  close: () => void;\n}\n\nexport interface NavBarPopoverButtonProps\n  extends Omit<NavBarButtonProps, \"onClick\"> {\n  content?: RenderProp;\n}\n\nexport const NavBarPopoverButton: React.FC<NavBarPopoverButtonProps> = ({\n  content,\n  children,\n  ...navBarButtonProps\n}) => {\n  const [isOpen, open, close] = useBoolean(false);\n\n  return (\n    <Popover\n      onClickOutside={close}\n      triggerTarget={document.body}\n      visible={isOpen}\n      content={\n        <>\n          {content && content({ close })}\n          {children}\n        </>\n      }\n    >\n      <NavBarButton {...navBarButtonProps} onClick={open} />\n    </Popover>\n  );\n};\n","import * as React from \"react\";\nimport { TextInput, TextInputProps } from \"@stenajs-webui/forms\";\nimport { Clickable } from \"@stenajs-webui/core\";\nimport { Icon, stenaSearch } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarSearchField.module.css\";\nimport { useNavBarVariant } from \"./NavBarVariantContext\";\n\ninterface NavBarSearchFieldProps extends TextInputProps {}\n\nexport const NavBarSearchField: React.FC<NavBarSearchFieldProps> = ({\n  placeholder = \"Search...\",\n  className,\n  wrapperClassName,\n  ...textInputProps\n}) => {\n  const variant = useNavBarVariant();\n  return (\n    <TextInput\n      wrapperClassName={cx(\n        styles.navBarSearchField,\n        styles[variant],\n        wrapperClassName\n      )}\n      className={cx(styles.navBarSearchFieldInput, className)}\n      placeholder={placeholder}\n      contentRight={\n        <Clickable>\n          <Icon icon={stenaSearch} />\n        </Clickable>\n      }\n      {...textInputProps}\n    />\n  );\n};\n","export interface NotificationTheme {\n  notificationBg: string;\n  notificationHoverBg: string;\n  notificationDismissedBg: string;\n  notificationDismissedHoverBg: string;\n}\n\nexport const defaultNotificationTheme: NotificationTheme = {\n  notificationBg: \"#eaeaea\",\n  notificationHoverBg: \"#eeeeee\",\n  notificationDismissedBg: \"#ffffff\",\n  notificationDismissedHoverBg: \"#f4f4f4\",\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { Box, Clickable, Column, Row, Space, Text } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport { formatDistance } from \"date-fns\";\nimport * as React from \"react\";\nimport { ReactNode, useMemo } from \"react\";\nimport {\n  defaultNotificationTheme,\n  NotificationTheme,\n} from \"./NotificationTheme\";\n\nexport interface NotificationProps {\n  title?: string;\n  text?: string;\n  content?: ReactNode;\n  dismissed?: boolean;\n  date?: Date;\n  icon?: IconDefinition;\n  iconColor?: string;\n  onClick?: () => void;\n  theme?: NotificationTheme;\n}\n\nexport const Notification: React.FC<NotificationProps> = ({\n  onClick,\n  icon,\n  iconColor,\n  title,\n  text,\n  content,\n  date,\n  dismissed,\n  theme = defaultNotificationTheme,\n}) => {\n  const agoLabel = useMemo(() => {\n    if (date) {\n      return `${formatDistance(date, new Date())} ago`;\n    }\n    return undefined;\n  }, [date]);\n\n  return (\n    <Clickable onClick={onClick} style={{ textAlign: \"left\" }}>\n      <Box\n        background={\n          dismissed ? theme.notificationDismissedBg : theme.notificationBg\n        }\n        hoverBackground={\n          dismissed\n            ? theme.notificationDismissedHoverBg\n            : theme.notificationHoverBg\n        }\n        spacing\n        indent\n      >\n        <Row width={\"250px\"}>\n          {icon && (\n            <Row width={\"34px\"} alignItems={\"center\"}>\n              <Icon icon={icon} color={iconColor} />\n            </Row>\n          )}\n          <Column flex={1}>\n            {title && (\n              <>\n                <Text>{title}</Text>\n                <Space half />\n              </>\n            )}\n            {text && (\n              <>\n                <Text size={\"small\"}>{text}</Text>\n                <Space half />\n              </>\n            )}\n            {content && (\n              <>\n                {content}\n                <Space half />\n              </>\n            )}\n            <Text size={\"small\"} color={cssColor(\"--swui-text-disabled-color\")}>\n              {agoLabel}\n            </Text>\n          </Column>\n        </Row>\n      </Box>\n    </Clickable>\n  );\n};\n","import styled from \"@emotion/styled\";\nimport { DivProps } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport * as ReactDOM from \"react-dom\";\n\nexport type SlideFrom = \"left\" | \"right\";\n\nexport interface DrawerProps extends DivProps {\n  /**\n   * Background of the drawer\n   */\n  background?: string;\n\n  /**\n   * Portal target, HTML element. If not set, portal is not used.\n   */\n  portalTarget?: HTMLElement | null;\n\n  /**\n   * Whether the drawer is open or not.\n   */\n  isOpen: boolean;\n  /**\n   * Which direction the drawer will appear from.\n   * @default left\n   * @param {String('left'|'right')}\n   */\n  slideFrom?: SlideFrom;\n  /**\n   * The width of the drawer.\n   * @default 400px\n   */\n  width?: string;\n  /**\n   * The zIndex for the drawer.\n   * @default 1000\n   */\n  zIndex?: number;\n}\n\ntype DrawerWrapperProps = Pick<\n  DrawerProps,\n  \"isOpen\" | \"slideFrom\" | \"width\" | \"zIndex\" | \"background\"\n>;\n\nconst DrawerWrapper = styled(\"div\")<DrawerWrapperProps>`\n  display: flex;\n  flex-direction: column;\n  position: fixed;\n  transform: translateX(\n    ${({ isOpen, slideFrom, width }) =>\n      isOpen ? 0 : slideFrom === \"right\" ? `${width}` : `-${width}`}\n  );\n  right: ${(props) => (props.slideFrom === \"right\" ? 0 : \"auto\")};\n  left: ${(props) => (props.slideFrom === \"left\" ? 0 : \"auto\")};\n  height: 100%;\n  ${({ width }) => `width: ${width};`}\n  ${({ background }) => `background: ${background};`}\n  transition: 0.2s transform;\n  box-shadow: ${({ isOpen }) =>\n    isOpen ? \"2px 2px 20px 0 rgba(0, 0, 0, 0.15)\" : \"none\"};\n  z-index: ${({ zIndex }) => zIndex};\n  top: 0;\n`;\n\nexport const Drawer = forwardRef<HTMLDivElement, DrawerProps>(function Drawer(\n  {\n    children,\n    isOpen,\n    background,\n    portalTarget,\n    slideFrom = \"left\",\n    width = \"400px\",\n    zIndex = 1000,\n    ...divProps\n  },\n  ref\n) {\n  const drawer = (\n    <DrawerWrapper\n      ref={ref}\n      isOpen={isOpen}\n      slideFrom={slideFrom}\n      width={width}\n      zIndex={zIndex}\n      background={background}\n      {...divProps}\n    >\n      {children}\n    </DrawerWrapper>\n  );\n  if (portalTarget) {\n    return ReactDOM.createPortal(drawer, portalTarget);\n  }\n  return drawer;\n});\n","import { faInbox } from \"@fortawesome/free-solid-svg-icons/faInbox\";\nimport { Column, Text, Space } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\n\ninterface Props {}\n\nexport const CollapsibleEmptyContent: React.FC<Props> = () => {\n  return (\n    <Column indent spacing flex={1} alignItems={\"center\"}>\n      <Icon icon={faInbox} color={\"var(--lhds-color-ui-500)\"} />\n      <Space />\n      <Text size={\"small\"} color={\"var(--lhds-color-ui-500)\"}>\n        No content\n      </Text>\n    </Column>\n  );\n};\n","import cx from \"classnames\";\nimport * as React from \"react\";\nimport { HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./Collapsible.module.css\";\nimport { CollapsibleEmptyContent } from \"./CollapsibleEmptyContent\";\n\nexport interface CollapsibleSimpleContentProps {\n  contentLeft?: ReactNode;\n  contentRight?: ReactNode;\n}\n\nexport const CollapsibleContent: React.FC<\n  CollapsibleSimpleContentProps & HTMLAttributes<HTMLDivElement>\n> = ({ contentLeft, contentRight, className, children, ...props }) => {\n  return (\n    <div className={cx(styles.content, className)} {...props}>\n      {contentLeft && <div className={styles.contentLeft}>{contentLeft}</div>}\n      {children ?? <CollapsibleEmptyContent />}\n      {contentRight && (\n        <div className={styles.contentRight}>{contentRight}</div>\n      )}\n    </div>\n  );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { faChevronDown } from \"@fortawesome/free-solid-svg-icons\";\nimport { faChevronUp } from \"@fortawesome/free-solid-svg-icons/faChevronUp\";\nimport { Clickable, ClickableProps, DivProps, Text } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport styles from \"./Collapsible.module.css\";\nimport { CollapsibleContent } from \"./CollapsibleContent\";\nimport { CollapsibleEmptyContent } from \"./CollapsibleEmptyContent\";\n\nexport interface CollapsibleProps\n  extends Omit<DivProps, \"onClick\">,\n    Pick<ClickableProps, \"onClick\"> {\n  label: string;\n  contentLeft?: React.ReactNode;\n  contentRight?: React.ReactNode;\n  collapsed?: boolean;\n  disabled?: boolean;\n  unmountOnCollapse?: boolean;\n  mountOnEnter?: boolean;\n  icon?: IconDefinition;\n  iconCollapsed?: IconDefinition;\n  iconSize?: number;\n  autoFocus?: boolean;\n}\n\nexport const mapCSSTime = (value: string): number => {\n  const num = parseFloat(value);\n  const match = value.match(/m?s/);\n\n  switch (match?.[0]) {\n    case \"s\":\n      return num * 1000;\n    case \"ms\":\n      return num;\n    default:\n      return 0;\n  }\n};\n\nexport const Collapsible = forwardRef<HTMLButtonElement, CollapsibleProps>(\n  function Collapsible(\n    {\n      label,\n      contentLeft,\n      contentRight,\n      collapsed = false,\n      onClick,\n      className,\n      disabled = false,\n      unmountOnCollapse = false,\n      mountOnEnter = true,\n      icon = faChevronUp,\n      iconCollapsed = faChevronDown,\n      iconSize = 8,\n      children,\n      autoFocus = false,\n      ...divProps\n    },\n    ref\n  ) {\n    const divRef = React.useRef<HTMLDivElement>(null);\n\n    const timeout = divRef.current\n      ? mapCSSTime(\n          getComputedStyle(divRef.current).getPropertyValue(\n            \"--swui-collapsible-animation-time\"\n          )\n        )\n      : undefined;\n\n    return (\n      <div\n        className={cx(styles.collapsible, className)}\n        aria-expanded={!collapsed}\n        ref={divRef}\n        {...divProps}\n      >\n        <Clickable\n          disableFocusHighlight\n          disableOpacityOnClick\n          className={styles.header}\n          onClick={onClick}\n          disabled={disabled}\n          autoFocus={autoFocus}\n          ref={ref}\n        >\n          {contentLeft && (\n            <div className={styles.contentLeft}>{contentLeft}</div>\n          )}\n          <div className={styles.label}>\n            <Text color={\"var(--swui-collapsible-header-text-color)\"}>\n              {label}\n            </Text>\n          </div>\n          {contentRight && (\n            <div className={styles.contentRight}>{contentRight}</div>\n          )}\n          <Icon\n            icon={collapsed ? iconCollapsed : icon}\n            className={styles.indicator}\n            size={iconSize}\n            fixedWidth\n          />\n        </Clickable>\n        <CSSTransition\n          in={!collapsed}\n          timeout={{\n            enter: timeout,\n          }}\n          classNames={{\n            enter: styles.contentEnter,\n            enterActive: styles.contentEnterActive,\n            exit: styles.contentExit,\n            exitActive: styles.contentExitActive,\n            exitDone: styles.contentExitDone,\n          }}\n          mountOnEnter={mountOnEnter}\n          unmountOnExit={unmountOnCollapse}\n        >\n          <div role={\"region\"}>\n            {children ?? (\n              <CollapsibleContent>\n                <CollapsibleEmptyContent />\n              </CollapsibleContent>\n            )}\n          </div>\n        </CSSTransition>\n      </div>\n    );\n  }\n);\n","import { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { Collapsible, CollapsibleProps } from \"./Collapsible\";\n\nexport interface CollapsibleWithCheckboxProps\n  extends Omit<CollapsibleProps, \"contentLeft\" | \"onChange\">,\n    Pick<\n      CheckboxProps,\n      \"value\" | \"onValueChange\" | \"onChange\" | \"indeterminate\"\n    > {}\n\nexport const CollapsibleWithCheckbox: React.FC<CollapsibleWithCheckboxProps> = ({\n  value,\n  onValueChange,\n  onChange,\n  indeterminate,\n  ...collapsibleProps\n}) => {\n  return (\n    <Collapsible\n      contentLeft={\n        <Checkbox\n          value={value}\n          indeterminate={indeterminate}\n          onValueChange={onValueChange}\n          onChange={onChange}\n          onClick={(ev) => ev.stopPropagation()}\n        />\n      }\n      {...collapsibleProps}\n    />\n  );\n};\n","import { ButtonElementProps, Clickable } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport styles from \"./Collapsible.module.css\";\nimport { CollapsibleSimpleContentProps } from \"./CollapsibleContent\";\nimport { CollapsibleEmptyContent } from \"./CollapsibleEmptyContent\";\n\nexport interface CollapsibleClickableContentProps\n  extends CollapsibleSimpleContentProps,\n    ButtonElementProps {}\n\nexport const CollapsibleClickableContent: React.FC<CollapsibleClickableContentProps> = ({\n  contentLeft,\n  contentRight,\n  className,\n  onClick,\n  children,\n  ...props\n}) => {\n  return (\n    <Clickable\n      disableFocusHighlight\n      disableOpacityOnClick\n      className={cx(styles.content, className)}\n      onClick={onClick}\n      {...props}\n    >\n      {contentLeft && <div className={styles.contentLeft}>{contentLeft}</div>}\n      {children ?? <CollapsibleEmptyContent />}\n      {contentRight && (\n        <div className={styles.contentRight}>{contentRight}</div>\n      )}\n    </Clickable>\n  );\n};\n","import { DivProps } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport styles from \"./Collapsible.module.css\";\nimport {\n  CollapsibleContent,\n  CollapsibleSimpleContentProps,\n} from \"./CollapsibleContent\";\n\nexport interface CollapsibleGroupHeadingProps\n  extends CollapsibleSimpleContentProps,\n    DivProps {}\n\nexport const CollapsibleGroupHeading: React.FC<CollapsibleGroupHeadingProps> = ({\n  className,\n  ...props\n}) => (\n  <CollapsibleContent\n    className={cx(styles.groupHeading, className)}\n    {...props}\n  />\n);\n","import { Box } from \"@stenajs-webui/core\";\nimport { Banner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\n\nexport interface ErrorPanelProps {\n  text?: string;\n}\n\nexport const ErrorPanel: React.FC<ErrorPanelProps> = ({\n  text = \"Something unexpected happened.\",\n}) => {\n  return (\n    <Box justifyContent={\"center\"} alignItems={\"center\"}>\n      <Banner variant={\"error\"} headerText={text} />\n    </Box>\n  );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ErrorPanel, ErrorPanelProps } from \"./ErrorPanel\";\n\nexport const ErrorScreen: React.FC<ErrorPanelProps> = (props) => {\n  return (\n    <Box\n      width={\"100%\"}\n      height={\"100%\"}\n      justifyContent={\"center\"}\n      alignItems={\"center\"}\n    >\n      <ErrorPanel {...props} />\n    </Box>\n  );\n};\n","import { Box, Heading, Space } from \"@stenajs-webui/core\";\nimport { Spinner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\n\nexport interface LoadingPanelProps {\n  text?: string;\n}\n\nexport const LoadingPanel: React.FC<LoadingPanelProps> = ({\n  text = \"Loading...\",\n}) => {\n  return (\n    <Box alignItems={\"center\"}>\n      <Spinner size={\"small\"} />\n      <Space num={4} />\n      <Heading variant={\"h4\"}>{text}</Heading>\n    </Box>\n  );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { LoadingPanel, LoadingPanelProps } from \"./LoadingPanel\";\n\nexport const LoadingScreen: React.FC<LoadingPanelProps> = (props) => {\n  return (\n    <Box\n      width={\"100%\"}\n      height={\"100%\"}\n      justifyContent={\"center\"}\n      alignItems={\"center\"}\n    >\n      <LoadingPanel {...props} />\n    </Box>\n  );\n};\n","import * as React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./SidebarMenuCloseButton.module.css\";\nimport { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { ReactComponent as HamburgerCloseSvg } from \"./svg/close.svg\";\n\nexport interface SidebarMenuCloseButtonProps extends ButtonElementProps {\n  variant?: SidebarMenuCloseButtonVariant;\n}\n\nexport type SidebarMenuCloseButtonVariant = \"light\" | \"dark\";\n\nexport const SidebarMenuCloseButton: React.FC<SidebarMenuCloseButtonProps> = ({\n  className,\n  onClick,\n  variant = \"light\",\n}) => {\n  return (\n    <button\n      onClick={onClick}\n      className={cx(styles.sidebarMenuCloseButton, className, styles[variant])}\n    >\n      <HamburgerCloseSvg className={styles.icon} />\n    </button>\n  );\n};\n","import * as React from \"react\";\nimport {\n  Box,\n  BoxProps,\n  Column,\n  SeparatorLine,\n  Space,\n} from \"@stenajs-webui/core\";\nimport styles from \"./SidebarMenu.module.css\";\nimport cx from \"classnames\";\nimport {\n  SidebarMenuCloseButton,\n  SidebarMenuCloseButtonProps,\n} from \"./SidebarMenuCloseButton\";\n\nexport interface SidebarMenuProps extends BoxProps {\n  onCloseClick?: SidebarMenuCloseButtonProps[\"onClick\"];\n}\n\n// TODO Add variant\n\nexport const SidebarMenu: React.FC<SidebarMenuProps> = ({\n  className,\n  children,\n  onCloseClick,\n  ...boxProps\n}) => {\n  return (\n    <Box className={cx(styles.sidebarMenu, className)} {...boxProps}>\n      <Box alignItems={\"flex-start\"} justifyContent={\"center\"}>\n        <SidebarMenuCloseButton onClick={onCloseClick} variant={\"dark\"} />\n      </Box>\n      <SeparatorLine color={\"var(--lhds-color-blue-700)\"} />\n      <Space />\n      <Box\n        className={styles.sidebarMenuContent}\n        background={\"var(--swui-sidebar-menu-background-color)\"}\n      >\n        <Column flexGrow={1}>{children}</Column>\n      </Box>\n    </Box>\n  );\n};\n","import { Box, Text, TextProps } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport styles from \"./SidebarMenuHeading.module.css\";\nimport {\n  CollapsibleContent,\n  CollapsibleSimpleContentProps,\n} from \"../collapsible/CollapsibleContent\";\n\nexport interface SidebarMenuHeadingProps\n  extends Pick<CollapsibleSimpleContentProps, \"contentLeft\" | \"contentRight\">,\n    TextProps {\n  label?: string;\n}\n\nexport const SidebarMenuHeading: React.FC<SidebarMenuHeadingProps> = ({\n  className,\n  label,\n  contentLeft,\n  contentRight,\n  ...textProps\n}) => {\n  return (\n    <Box spacing={2} indent={2}>\n      <CollapsibleContent\n        className={styles.sidebarMenuHeading}\n        contentLeft={contentLeft}\n        contentRight={contentRight}\n      >\n        <Text\n          variant={\"overline\"}\n          color={\"var(--swui-sidebar-menu-heading-text-color)\"}\n          {...textProps}\n        >\n          {label}\n        </Text>\n      </CollapsibleContent>\n    </Box>\n  );\n};\n","import { Clickable, ClickableProps, Indent, Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ButtonContent, ButtonContentProps } from \"@stenajs-webui/elements\";\nimport contentStyles from \"./SidebarMenuContent.module.css\";\n\nexport interface SidebarMenuLinkProps\n  extends ClickableProps,\n    Pick<\n      ButtonContentProps,\n      | \"label\"\n      | \"loading\"\n      | \"left\"\n      | \"leftIcon\"\n      | \"right\"\n      | \"rightIcon\"\n      | \"success\"\n    > {\n  selected?: boolean;\n  indent?: boolean;\n}\n\nconst selectedBorder = \"4px solid var(--swui-sidebar-menu-item-selected)\";\n\nexport const SidebarMenuLink: React.FC<SidebarMenuLinkProps> = ({\n  className,\n  children,\n  selected,\n  indent,\n  label,\n  loading,\n  left,\n  leftIcon,\n  right,\n  rightIcon,\n  success,\n  ...clickableProps\n}) => {\n  const hasContentLeft = left || leftIcon || loading || success;\n  return (\n    <Clickable\n      background={\"var(--swui-sidebar-menu-background-color)\"}\n      hoverBackground={\"var(--swui-sidebar-menu-background-color-hover)\"}\n      style={{ borderRight: selected ? selectedBorder : undefined }}\n      {...clickableProps}\n    >\n      <Row spacing={1} flex={1} alignItems={\"center\"} height={\"40px\"}>\n        {!hasContentLeft && <Indent />}\n        {indent && <Indent num={3.5} />}\n        <ButtonContent\n          label={label}\n          loading={loading}\n          left={left}\n          leftIcon={leftIcon}\n          right={right}\n          rightIcon={rightIcon}\n          success={success}\n          labelClassName={contentStyles.label}\n          spinnerClassName={contentStyles.spinner}\n          iconClassName={contentStyles.icon}\n          leftWrapperClassName={contentStyles.leftWrapper}\n        />\n      </Row>\n    </Clickable>\n  );\n};\n","import * as React from \"react\";\nimport { useState } from \"react\";\nimport { Collapsible } from \"../collapsible/Collapsible\";\nimport { Box, Column, Indent } from \"@stenajs-webui/core\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport styles from \"./SidebarMenuCollapsible.module.css\";\nimport { Icon } from \"@stenajs-webui/elements\";\n\nexport interface SidebarMenuCollapsibleProps {\n  label: string;\n  collapsed?: boolean;\n  leftIcon?: IconDefinition;\n}\n\nexport const SidebarMenuCollapsible: React.FC<SidebarMenuCollapsibleProps> = ({\n  children,\n  label,\n  leftIcon,\n}) => {\n  const [collapsed, setCollapsed] = useState<boolean>(false);\n\n  return (\n    <Box background={\"var(--swui-sidebar-menu-background-color)\"}>\n      <Collapsible\n        className={styles.sidebarMenuCollapsible}\n        label={label}\n        collapsed={collapsed}\n        onClick={() => setCollapsed(!collapsed)}\n        contentLeft={\n          leftIcon ? (\n            <Box width={\"56px\"} alignItems={\"center\"} justifyContent={\"center\"}>\n              <Icon\n                icon={leftIcon}\n                size={18}\n                color={\"var(--swui-sidebar-menu-text-color)\"}\n                data-hover={true}\n              />\n            </Box>\n          ) : (\n            <Indent num={1} />\n          )\n        }\n      >\n        <Column flex={1}>{children}</Column>\n      </Collapsible>\n    </Box>\n  );\n};\n","import * as React from \"react\";\nimport {\n  SeparatorLine,\n  SeparatorLineProps,\n  Spacing,\n} from \"@stenajs-webui/core\";\n\nexport interface SidebarMenuSeparatorProps extends SeparatorLineProps {}\n\nexport const SidebarMenuSeparator: React.FC<SidebarMenuSeparatorProps> = (\n  separatorLineProps\n) => {\n  return (\n    <Spacing>\n      <SeparatorLine\n        color={\"var(--lhds-color-blue-700)\"}\n        {...separatorLineProps}\n      />\n    </Spacing>\n  );\n};\n"],"names":["faAngleDown","useBoolean","useRef","useMemo","React.createElement","Popover","ActionMenu","ActionMenuContext","PrimaryButton","SecondaryButton","FlatButton","Column","Box","Row","Checkbox","Indent","cx","styles","HamburgerBarsSvg","createContext","useContext","React.Children","Heading","TextInput","Clickable","Icon","stenaSearch","theme","formatDistance","Text","Space","cssColor","styled","forwardRef","ReactDOM.createPortal","faInbox","faChevronUp","faChevronDown","React.useRef","CSSTransition","Banner","Spinner","HamburgerCloseSvg","SeparatorLine","ButtonContent","useState","Spacing"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/components/action-menu-button/ActionMenuButton.tsx","../src/components/action-menu-button/ActionMenuPrimaryButton.tsx","../src/components/action-menu-button/ActionMenuSecondaryButton.tsx","../src/components/action-menu-button/ActionMenuFlatButton.tsx","../src/components/checkbox-menu/CheckboxMenu.tsx","../../../node_modules/style-inject/dist/style-inject.es.js","../src/components/nav-bar/NavBarSideMenuButton.tsx","../src/components/nav-bar/NavBarVariantContext.ts","../src/components/nav-bar/NavBar.tsx","../src/components/nav-bar/NavBarButton.tsx","../src/components/nav-bar/NavBarHeading.tsx","../src/components/nav-bar/NavBarPopoverButton.tsx","../src/components/nav-bar/NavBarSearchField.tsx","../src/components/notifications/NotificationTheme.ts","../src/components/notifications/Notification.tsx","../src/components/collapsible/CollapsibleEmptyContent.tsx","../src/components/collapsible/CollapsibleContent.tsx","../src/components/collapsible/Collapsible.tsx","../src/components/collapsible/CollapsibleWithCheckbox.tsx","../src/components/collapsible/CollapsibleClickableContent.tsx","../src/components/collapsible/CollapsibleGroupHeading.tsx","../src/components/error-panel/ErrorPanel.tsx","../src/components/error-panel/ErrorScreen.tsx","../src/components/loading-panel/LoadingPanel.tsx","../src/components/loading-panel/LoadingScreen.tsx","../src/components/sidebar-menu/SidebarMenuCloseButton.tsx","../src/components/sidebar-menu/SidebarMenu.tsx","../src/components/sidebar-menu/SidebarMenuHeading.tsx","../src/components/sidebar-menu/SidebarMenuLink.tsx","../src/components/sidebar-menu/SidebarMenuCollapsible.tsx","../src/components/sidebar-menu/SidebarMenuSeparator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactNode, useMemo, useRef } from \"react\";\nimport {\n  ActionMenu,\n  ActionMenuContext,\n  ActionMenuProps,\n  FlatButton,\n  PrimaryButton,\n  PrimaryButtonProps,\n  SecondaryButton,\n} from \"@stenajs-webui/elements\";\nimport { useBoolean } from \"@stenajs-webui/core\";\nimport { Popover, PopoverProps } from \"@stenajs-webui/tooltip\";\nimport { faAngleDown } from \"@fortawesome/free-solid-svg-icons\";\nimport { Plugin as TippyPlugin, Props as TippyProps } from \"tippy.js\";\n\nexport interface ActionMenuButtonProps\n  extends Omit<\n    PrimaryButtonProps,\n    \"variant\" | \"loading\" | \"loadingLabel\" | \"success\" | \"successLabel\"\n  > {\n  /** The content of the Action Menu. */\n  renderItems: (close: () => void) => ReactNode;\n  /** The placement of the Action Menu. */\n  placement?: PopoverProps[\"placement\"];\n  /**  Z-index of the Action Menu */\n  zIndex?: number;\n  /** Portal target, HTML element. If not set, portal is not used. */\n  portalTarget?: PopoverProps[\"appendTo\"];\n  menuWidth?: ActionMenuProps[\"width\"];\n  menuTop?: ActionMenuProps[\"top\"];\n  buttonComponent:\n    | typeof PrimaryButton\n    | typeof SecondaryButton\n    | typeof FlatButton;\n}\n\nexport const ActionMenuButton: React.FC<ActionMenuButtonProps> = ({\n  renderItems,\n  placement = \"bottom\",\n  buttonComponent: Button,\n  rightIcon = faAngleDown,\n  portalTarget = \"parent\",\n  zIndex,\n  menuWidth,\n  menuTop,\n  onClick,\n  ...buttonProps\n}) => {\n  const [isOpen, open, close, toggle] = useBoolean(false);\n\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  const focusManager: TippyPlugin<TippyProps> = {\n    name: \"focusManager\",\n    defaultValue: true,\n    fn({ popper }) {\n      let restoreFocus = false;\n\n      const closeOnEscape = (event: KeyboardEvent) => {\n        if (event.key === \"Escape\") {\n          restoreFocus = true;\n          close();\n        }\n        if (event.key === \"Enter\" || event.key === \" \") {\n          restoreFocus = true;\n        }\n      };\n\n      return {\n        onCreate() {\n          popper.addEventListener(\"keydown\", closeOnEscape);\n        },\n        onDestroy() {\n          popper.removeEventListener(\"keydown\", closeOnEscape);\n        },\n        onMount() {\n          restoreFocus = false;\n          popper\n            .querySelector<HTMLElement>(\"button:not([disabled]), a[href]\")\n            ?.focus();\n        },\n        onHide() {\n          if (buttonRef.current && restoreFocus) {\n            buttonRef.current.focus();\n          }\n        },\n      };\n    },\n  };\n\n  const contextValue = useMemo(() => ({ open, close }), [open, close]);\n\n  const handleClick = (\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ) => {\n    onClick?.(event);\n    toggle();\n  };\n\n  return (\n    <Popover\n      disablePadding\n      visible={isOpen}\n      onClickOutside={close}\n      placement={placement}\n      content={\n        isOpen && (\n          <ActionMenu\n            variant={\"outlined\"}\n            width={menuWidth}\n            top={menuTop}\n            trapFocus\n          >\n            <ActionMenuContext.Provider value={contextValue}>\n              {renderItems(close)}\n            </ActionMenuContext.Provider>\n          </ActionMenu>\n        )\n      }\n      arrow={false}\n      appendTo={portalTarget}\n      zIndex={zIndex}\n      plugins={[focusManager]}\n      lazy\n    >\n      <Button\n        rightIcon={rightIcon}\n        {...buttonProps}\n        ref={buttonRef}\n        onClick={handleClick}\n      />\n    </Popover>\n  );\n};\n","import * as React from \"react\";\nimport { PrimaryButton, PrimaryButtonProps } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuPrimaryButtonProps\n  extends Omit<ActionMenuButtonProps, \"buttonComponent\">,\n    Pick<PrimaryButtonProps, \"variant\"> {}\n\nexport const ActionMenuPrimaryButton: React.FC<ActionMenuPrimaryButtonProps> = (\n  props\n) => {\n  return <ActionMenuButton buttonComponent={PrimaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { SecondaryButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuSecondaryButtonProps\n  extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuSecondaryButton: React.FC<ActionMenuSecondaryButtonProps> = (\n  props\n) => {\n  return <ActionMenuButton buttonComponent={SecondaryButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\nimport { ActionMenuButton, ActionMenuButtonProps } from \"./ActionMenuButton\";\n\nexport interface ActionMenuFlatButtonProps\n  extends Omit<ActionMenuButtonProps, \"buttonComponent\"> {}\n\nexport const ActionMenuFlatButton: React.FC<ActionMenuFlatButtonProps> = (\n  props\n) => {\n  return <ActionMenuButton buttonComponent={FlatButton} {...props} />;\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Box, Column, Indent, Row, useBoolean } from \"@stenajs-webui/core\";\nimport { ActionMenu, FlatButton } from \"@stenajs-webui/elements\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\nimport { faAngleDown } from \"@fortawesome/free-solid-svg-icons/faAngleDown\";\nimport { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\n\nexport interface CheckboxMenuProps extends CheckboxProps {\n  renderMenu: (close: () => void) => ReactNode;\n}\n\nconst border = `1px solid var(--lhds-color-ui-300)`;\n\nexport const CheckboxMenu: React.FC<CheckboxMenuProps> = ({\n  renderMenu,\n  ...checkboxProps\n}) => {\n  const [isOpen, open, close] = useBoolean(false);\n  return (\n    <Popover\n      onClickOutside={close}\n      arrow={false}\n      visible={isOpen}\n      disablePadding\n      content={\n        renderMenu ? (\n          <Column>\n            <ActionMenu>{renderMenu(close)}</ActionMenu>\n          </Column>\n        ) : undefined\n      }\n      placement={\"bottom-start\"}\n      variant={\"outlined\"}\n    >\n      <Box display={\"inline-block\"}>\n        <Row\n          spacing={0.5}\n          indent\n          alignItems={\"center\"}\n          border={border}\n          borderRadius={\"4px\"}\n        >\n          <Checkbox {...checkboxProps} />\n          <Indent num={0.5} />\n          <FlatButton size={\"small\"} onClick={open} leftIcon={faAngleDown} />\n        </Row>\n      </Box>\n    </Popover>\n  );\n};\n","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import * as React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarSideMenuButton.module.css\";\nimport { DivProps } from \"@stenajs-webui/core\";\nimport { NavBarVariant } from \"./NavBar\";\nimport { ReactComponent as HamburgerBarsSvg } from \"./svg/bars.svg\";\n\nexport interface SidebarMenuButtonProps extends Pick<DivProps, \"className\"> {\n  variant?: NavBarVariant;\n  onClick?: (ev: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const NavBarSideMenuButton: React.FC<SidebarMenuButtonProps> = ({\n  variant = \"light\",\n  className,\n  onClick,\n}) => {\n  return (\n    <button\n      onClick={onClick}\n      className={cx(styles.sidebarMenuButton, styles[variant], className)}\n    >\n      <HamburgerBarsSvg className={styles.icon} />\n    </button>\n  );\n};\n","import { createContext, useContext } from \"react\";\nimport { NavBarVariant } from \"./NavBar\";\n\nexport const NavBarVariantContext = createContext<NavBarVariant>(\"light\");\n\nexport const useNavBarVariant = () => useContext(NavBarVariantContext);\n","import { Indent, Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBar.module.css\";\nimport {\n  NavBarSideMenuButton,\n  SidebarMenuButtonProps,\n} from \"./NavBarSideMenuButton\";\nimport { NavBarVariantContext } from \"./NavBarVariantContext\";\n\nexport interface NavBarProps {\n  variant?: NavBarVariant;\n  className?: string;\n  showMenuButton?: boolean;\n  onClickMenuButton?: SidebarMenuButtonProps[\"onClick\"];\n  right?: ReactNode;\n  center?: ReactNode;\n  left?: ReactNode;\n  height?: number | string;\n}\n\nexport type NavBarVariant = \"light\" | \"dark\";\n\nexport const NavBar: React.FC<NavBarProps> = ({\n  variant = \"light\",\n  left,\n  className,\n  showMenuButton = false,\n  children,\n  right,\n  center,\n  height = \"64px\",\n  onClickMenuButton,\n}) => {\n  const currentFlex = center ? 1 : undefined;\n  return (\n    <NavBarVariantContext.Provider value={variant}>\n      <Row\n        height={height}\n        minHeight={height}\n        justifyContent={\"space-between\"}\n        className={cx(styles.navBar, styles[variant], className)}\n      >\n        <Row\n          flex={currentFlex}\n          justifyContent={\"flex-start\"}\n          alignItems={\"center\"}\n        >\n          {showMenuButton ? (\n            <>\n              <NavBarSideMenuButton\n                variant={variant}\n                onClick={onClickMenuButton}\n              />\n              <Indent />\n            </>\n          ) : (\n            <Indent num={2} />\n          )}\n          {left ? (\n            <>\n              {left}\n              <Indent num={2} />\n            </>\n          ) : (\n            <Indent num={2} />\n          )}\n          {children && (\n            <>\n              <Row justifyContent={\"center\"} alignItems={\"center\"}>\n                {React.Children.map(children, (child, index) => (\n                  <>\n                    {index > 0 && <Indent />}\n                    {child}\n                  </>\n                ))}\n              </Row>\n            </>\n          )}\n        </Row>\n        {center && (\n          <Row justifyContent={\"center\"} alignItems={\"center\"}>\n            {center}\n          </Row>\n        )}\n        <Row\n          justifyContent={\"flex-end\"}\n          alignItems={\"center\"}\n          flex={currentFlex}\n        >\n          {right}\n          <Indent num={2} />\n        </Row>\n      </Row>\n    </NavBarVariantContext.Provider>\n  );\n};\n","import { FlatButton, FlatButtonProps } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarButton.module.css\";\nimport { useNavBarVariant } from \"./NavBarVariantContext\";\n\nexport interface NavBarButtonProps extends FlatButtonProps {\n  selected?: boolean;\n}\n\nexport const NavBarButton: React.FC<NavBarButtonProps> = ({\n  selected,\n  className,\n  ...buttonProps\n}) => {\n  const variant = useNavBarVariant();\n  return (\n    <FlatButton\n      {...buttonProps}\n      className={cx(\n        styles.navBarButton,\n        styles[variant],\n        selected && styles.selected,\n        className\n      )}\n    />\n  );\n};\n","import * as React from \"react\";\nimport { Heading, HeadingProps } from \"@stenajs-webui/core\";\n\ninterface NavBarHeadingProps extends HeadingProps {}\n\nexport const NavBarHeading: React.FC<NavBarHeadingProps> = (headingProps) => {\n  return <Heading whiteSpace={\"nowrap\"} color={\"#fff\"} {...headingProps} />;\n};\n","import { useBoolean } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { NavBarButton, NavBarButtonProps } from \"./NavBarButton\";\nimport { Popover } from \"@stenajs-webui/tooltip\";\n\ntype RenderProp = (args: RenderPropArgs) => ReactNode;\n\ninterface RenderPropArgs {\n  close: () => void;\n}\n\nexport interface NavBarPopoverButtonProps\n  extends Omit<NavBarButtonProps, \"onClick\"> {\n  content?: RenderProp;\n}\n\nexport const NavBarPopoverButton: React.FC<NavBarPopoverButtonProps> = ({\n  content,\n  children,\n  ...navBarButtonProps\n}) => {\n  const [isOpen, open, close] = useBoolean(false);\n\n  return (\n    <Popover\n      onClickOutside={close}\n      triggerTarget={document.body}\n      visible={isOpen}\n      content={\n        <>\n          {content && content({ close })}\n          {children}\n        </>\n      }\n    >\n      <NavBarButton {...navBarButtonProps} onClick={open} />\n    </Popover>\n  );\n};\n","import * as React from \"react\";\nimport { TextInput, TextInputProps } from \"@stenajs-webui/forms\";\nimport { Clickable } from \"@stenajs-webui/core\";\nimport { Icon, stenaSearch } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport styles from \"./NavBarSearchField.module.css\";\nimport { useNavBarVariant } from \"./NavBarVariantContext\";\n\ninterface NavBarSearchFieldProps extends TextInputProps {}\n\nexport const NavBarSearchField: React.FC<NavBarSearchFieldProps> = ({\n  placeholder = \"Search...\",\n  className,\n  wrapperClassName,\n  ...textInputProps\n}) => {\n  const variant = useNavBarVariant();\n  return (\n    <TextInput\n      wrapperClassName={cx(\n        styles.navBarSearchField,\n        styles[variant],\n        wrapperClassName\n      )}\n      className={cx(styles.navBarSearchFieldInput, className)}\n      placeholder={placeholder}\n      contentRight={\n        <Clickable>\n          <Icon icon={stenaSearch} />\n        </Clickable>\n      }\n      {...textInputProps}\n    />\n  );\n};\n","export interface NotificationTheme {\n  notificationBg: string;\n  notificationHoverBg: string;\n  notificationDismissedBg: string;\n  notificationDismissedHoverBg: string;\n}\n\nexport const defaultNotificationTheme: NotificationTheme = {\n  notificationBg: \"#eaeaea\",\n  notificationHoverBg: \"#eeeeee\",\n  notificationDismissedBg: \"#ffffff\",\n  notificationDismissedHoverBg: \"#f4f4f4\",\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { Box, Clickable, Column, Row, Space, Text } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport { formatDistance } from \"date-fns\";\nimport * as React from \"react\";\nimport { ReactNode, useMemo } from \"react\";\nimport {\n  defaultNotificationTheme,\n  NotificationTheme,\n} from \"./NotificationTheme\";\n\nexport interface NotificationProps {\n  title?: string;\n  text?: string;\n  content?: ReactNode;\n  dismissed?: boolean;\n  date?: Date;\n  icon?: IconDefinition;\n  iconColor?: string;\n  onClick?: () => void;\n  theme?: NotificationTheme;\n}\n\nexport const Notification: React.FC<NotificationProps> = ({\n  onClick,\n  icon,\n  iconColor,\n  title,\n  text,\n  content,\n  date,\n  dismissed,\n  theme = defaultNotificationTheme,\n}) => {\n  const agoLabel = useMemo(() => {\n    if (date) {\n      return `${formatDistance(date, new Date())} ago`;\n    }\n    return undefined;\n  }, [date]);\n\n  return (\n    <Clickable onClick={onClick} style={{ textAlign: \"left\" }}>\n      <Box\n        background={\n          dismissed ? theme.notificationDismissedBg : theme.notificationBg\n        }\n        hoverBackground={\n          dismissed\n            ? theme.notificationDismissedHoverBg\n            : theme.notificationHoverBg\n        }\n        spacing\n        indent\n      >\n        <Row width={\"250px\"}>\n          {icon && (\n            <Row width={\"34px\"} alignItems={\"center\"}>\n              <Icon icon={icon} color={iconColor} />\n            </Row>\n          )}\n          <Column flex={1}>\n            {title && (\n              <>\n                <Text>{title}</Text>\n                <Space half />\n              </>\n            )}\n            {text && (\n              <>\n                <Text size={\"small\"}>{text}</Text>\n                <Space half />\n              </>\n            )}\n            {content && (\n              <>\n                {content}\n                <Space half />\n              </>\n            )}\n            <Text size={\"small\"} color={cssColor(\"--swui-text-disabled-color\")}>\n              {agoLabel}\n            </Text>\n          </Column>\n        </Row>\n      </Box>\n    </Clickable>\n  );\n};\n","import { faInbox } from \"@fortawesome/free-solid-svg-icons/faInbox\";\nimport { Column, Space, Text } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\ninterface Props {}\n\nexport const CollapsibleEmptyContent: React.FC<Props> = () => {\n  return (\n    <Column indent spacing flex={1} alignItems={\"center\"}>\n      <Icon icon={faInbox} color={cssColor(\"--lhds-color-ui-500\")} />\n      <Space />\n      <Text size={\"small\"} color={cssColor(\"--lhds-color-ui-500\")}>\n        No content\n      </Text>\n    </Column>\n  );\n};\n","import cx from \"classnames\";\nimport * as React from \"react\";\nimport { HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./Collapsible.module.css\";\nimport { CollapsibleEmptyContent } from \"./CollapsibleEmptyContent\";\n\nexport interface CollapsibleSimpleContentProps {\n  contentLeft?: ReactNode;\n  contentRight?: ReactNode;\n}\n\nexport const CollapsibleContent: React.FC<\n  CollapsibleSimpleContentProps & HTMLAttributes<HTMLDivElement>\n> = ({ contentLeft, contentRight, className, children, ...props }) => {\n  return (\n    <div className={cx(styles.content, className)} {...props}>\n      {contentLeft && <div className={styles.contentLeft}>{contentLeft}</div>}\n      {children ?? <CollapsibleEmptyContent />}\n      {contentRight && (\n        <div className={styles.contentRight}>{contentRight}</div>\n      )}\n    </div>\n  );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { faChevronDown } from \"@fortawesome/free-solid-svg-icons\";\nimport { faChevronUp } from \"@fortawesome/free-solid-svg-icons/faChevronUp\";\nimport { Clickable, ClickableProps, DivProps, Text } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport { forwardRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport styles from \"./Collapsible.module.css\";\nimport { CollapsibleContent } from \"./CollapsibleContent\";\nimport { CollapsibleEmptyContent } from \"./CollapsibleEmptyContent\";\n\nexport interface CollapsibleProps\n  extends Omit<DivProps, \"onClick\">,\n    Pick<ClickableProps, \"onClick\"> {\n  label: string;\n  contentLeft?: React.ReactNode;\n  contentRight?: React.ReactNode;\n  collapsed?: boolean;\n  disabled?: boolean;\n  unmountOnCollapse?: boolean;\n  mountOnEnter?: boolean;\n  icon?: IconDefinition;\n  iconCollapsed?: IconDefinition;\n  iconSize?: number;\n  autoFocus?: boolean;\n}\n\nexport const mapCSSTime = (value: string): number => {\n  const num = parseFloat(value);\n  const match = value.match(/m?s/);\n\n  switch (match?.[0]) {\n    case \"s\":\n      return num * 1000;\n    case \"ms\":\n      return num;\n    default:\n      return 0;\n  }\n};\n\nexport const Collapsible = forwardRef<HTMLButtonElement, CollapsibleProps>(\n  function Collapsible(\n    {\n      label,\n      contentLeft,\n      contentRight,\n      collapsed = false,\n      onClick,\n      className,\n      disabled = false,\n      unmountOnCollapse = false,\n      mountOnEnter = true,\n      icon = faChevronUp,\n      iconCollapsed = faChevronDown,\n      iconSize = 8,\n      children,\n      autoFocus = false,\n      ...divProps\n    },\n    ref\n  ) {\n    const divRef = React.useRef<HTMLDivElement>(null);\n\n    const timeout = divRef.current\n      ? mapCSSTime(\n          getComputedStyle(divRef.current).getPropertyValue(\n            \"--swui-collapsible-animation-time\"\n          )\n        )\n      : undefined;\n\n    return (\n      <div\n        className={cx(styles.collapsible, className)}\n        aria-expanded={!collapsed}\n        ref={divRef}\n        {...divProps}\n      >\n        <Clickable\n          disableFocusHighlight\n          disableOpacityOnClick\n          className={styles.header}\n          onClick={onClick}\n          disabled={disabled}\n          autoFocus={autoFocus}\n          ref={ref}\n        >\n          {contentLeft && (\n            <div className={styles.contentLeft}>{contentLeft}</div>\n          )}\n          <div className={styles.label}>\n            <Text color={\"var(--swui-collapsible-header-text-color)\"}>\n              {label}\n            </Text>\n          </div>\n          {contentRight && (\n            <div className={styles.contentRight}>{contentRight}</div>\n          )}\n          <Icon\n            icon={collapsed ? iconCollapsed : icon}\n            className={styles.indicator}\n            size={iconSize}\n            fixedWidth\n          />\n        </Clickable>\n        <CSSTransition\n          in={!collapsed}\n          timeout={{\n            enter: timeout,\n          }}\n          classNames={{\n            enter: styles.contentEnter,\n            enterActive: styles.contentEnterActive,\n            exit: styles.contentExit,\n            exitActive: styles.contentExitActive,\n            exitDone: styles.contentExitDone,\n          }}\n          mountOnEnter={mountOnEnter}\n          unmountOnExit={unmountOnCollapse}\n        >\n          <div role={\"region\"}>\n            {children ?? (\n              <CollapsibleContent>\n                <CollapsibleEmptyContent />\n              </CollapsibleContent>\n            )}\n          </div>\n        </CSSTransition>\n      </div>\n    );\n  }\n);\n","import { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { Collapsible, CollapsibleProps } from \"./Collapsible\";\n\nexport interface CollapsibleWithCheckboxProps\n  extends Omit<CollapsibleProps, \"contentLeft\" | \"onChange\">,\n    Pick<\n      CheckboxProps,\n      \"value\" | \"onValueChange\" | \"onChange\" | \"indeterminate\"\n    > {}\n\nexport const CollapsibleWithCheckbox: React.FC<CollapsibleWithCheckboxProps> = ({\n  value,\n  onValueChange,\n  onChange,\n  indeterminate,\n  ...collapsibleProps\n}) => {\n  return (\n    <Collapsible\n      contentLeft={\n        <Checkbox\n          value={value}\n          indeterminate={indeterminate}\n          onValueChange={onValueChange}\n          onChange={onChange}\n          onClick={(ev) => ev.stopPropagation()}\n        />\n      }\n      {...collapsibleProps}\n    />\n  );\n};\n","import { ButtonElementProps, Clickable } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport styles from \"./Collapsible.module.css\";\nimport { CollapsibleSimpleContentProps } from \"./CollapsibleContent\";\nimport { CollapsibleEmptyContent } from \"./CollapsibleEmptyContent\";\n\nexport interface CollapsibleClickableContentProps\n  extends CollapsibleSimpleContentProps,\n    ButtonElementProps {}\n\nexport const CollapsibleClickableContent: React.FC<CollapsibleClickableContentProps> = ({\n  contentLeft,\n  contentRight,\n  className,\n  onClick,\n  children,\n  ...props\n}) => {\n  return (\n    <Clickable\n      disableFocusHighlight\n      disableOpacityOnClick\n      className={cx(styles.content, className)}\n      onClick={onClick}\n      {...props}\n    >\n      {contentLeft && <div className={styles.contentLeft}>{contentLeft}</div>}\n      {children ?? <CollapsibleEmptyContent />}\n      {contentRight && (\n        <div className={styles.contentRight}>{contentRight}</div>\n      )}\n    </Clickable>\n  );\n};\n","import { DivProps } from \"@stenajs-webui/core\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport styles from \"./Collapsible.module.css\";\nimport {\n  CollapsibleContent,\n  CollapsibleSimpleContentProps,\n} from \"./CollapsibleContent\";\n\nexport interface CollapsibleGroupHeadingProps\n  extends CollapsibleSimpleContentProps,\n    DivProps {}\n\nexport const CollapsibleGroupHeading: React.FC<CollapsibleGroupHeadingProps> = ({\n  className,\n  ...props\n}) => (\n  <CollapsibleContent\n    className={cx(styles.groupHeading, className)}\n    {...props}\n  />\n);\n","import { Box } from \"@stenajs-webui/core\";\nimport { Banner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\n\nexport interface ErrorPanelProps {\n  text?: string;\n}\n\nexport const ErrorPanel: React.FC<ErrorPanelProps> = ({\n  text = \"Something unexpected happened.\",\n}) => {\n  return (\n    <Box justifyContent={\"center\"} alignItems={\"center\"}>\n      <Banner variant={\"error\"} headerText={text} />\n    </Box>\n  );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ErrorPanel, ErrorPanelProps } from \"./ErrorPanel\";\n\nexport const ErrorScreen: React.FC<ErrorPanelProps> = (props) => {\n  return (\n    <Box\n      width={\"100%\"}\n      height={\"100%\"}\n      justifyContent={\"center\"}\n      alignItems={\"center\"}\n    >\n      <ErrorPanel {...props} />\n    </Box>\n  );\n};\n","import { Box, Heading, Space } from \"@stenajs-webui/core\";\nimport { Spinner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\n\nexport interface LoadingPanelProps {\n  text?: string;\n}\n\nexport const LoadingPanel: React.FC<LoadingPanelProps> = ({\n  text = \"Loading...\",\n}) => {\n  return (\n    <Box alignItems={\"center\"}>\n      <Spinner size={\"small\"} />\n      <Space num={4} />\n      <Heading variant={\"h4\"}>{text}</Heading>\n    </Box>\n  );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { LoadingPanel, LoadingPanelProps } from \"./LoadingPanel\";\n\nexport const LoadingScreen: React.FC<LoadingPanelProps> = (props) => {\n  return (\n    <Box\n      width={\"100%\"}\n      height={\"100%\"}\n      justifyContent={\"center\"}\n      alignItems={\"center\"}\n    >\n      <LoadingPanel {...props} />\n    </Box>\n  );\n};\n","import * as React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./SidebarMenuCloseButton.module.css\";\nimport { ButtonElementProps } from \"@stenajs-webui/core\";\nimport { ReactComponent as HamburgerCloseSvg } from \"./svg/close.svg\";\n\nexport interface SidebarMenuCloseButtonProps extends ButtonElementProps {\n  variant?: SidebarMenuCloseButtonVariant;\n}\n\nexport type SidebarMenuCloseButtonVariant = \"light\" | \"dark\";\n\nexport const SidebarMenuCloseButton: React.FC<SidebarMenuCloseButtonProps> = ({\n  className,\n  onClick,\n  variant = \"light\",\n}) => {\n  return (\n    <button\n      onClick={onClick}\n      className={cx(styles.sidebarMenuCloseButton, className, styles[variant])}\n    >\n      <HamburgerCloseSvg className={styles.icon} />\n    </button>\n  );\n};\n","import {\n  Box,\n  BoxProps,\n  Column,\n  SeparatorLine,\n  Space,\n} from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport cx from \"classnames\";\nimport * as React from \"react\";\nimport styles from \"./SidebarMenu.module.css\";\nimport {\n  SidebarMenuCloseButton,\n  SidebarMenuCloseButtonProps,\n} from \"./SidebarMenuCloseButton\";\n\nexport interface SidebarMenuProps extends BoxProps {\n  onCloseClick?: SidebarMenuCloseButtonProps[\"onClick\"];\n}\n\n// TODO Add variant\n\nexport const SidebarMenu: React.FC<SidebarMenuProps> = ({\n  className,\n  children,\n  onCloseClick,\n  ...boxProps\n}) => {\n  return (\n    <Box className={cx(styles.sidebarMenu, className)} {...boxProps}>\n      <Box alignItems={\"flex-start\"} justifyContent={\"center\"}>\n        <SidebarMenuCloseButton onClick={onCloseClick} variant={\"dark\"} />\n      </Box>\n      <SeparatorLine color={cssColor(\"--lhds-color-blue-700\")} />\n      <Space />\n      <Box\n        className={styles.sidebarMenuContent}\n        background={\"var(--swui-sidebar-menu-background-color)\"}\n      >\n        <Column flexGrow={1}>{children}</Column>\n      </Box>\n    </Box>\n  );\n};\n","import { Box, Text, TextProps } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport styles from \"./SidebarMenuHeading.module.css\";\nimport {\n  CollapsibleContent,\n  CollapsibleSimpleContentProps,\n} from \"../collapsible/CollapsibleContent\";\n\nexport interface SidebarMenuHeadingProps\n  extends Pick<CollapsibleSimpleContentProps, \"contentLeft\" | \"contentRight\">,\n    TextProps {\n  label?: string;\n}\n\nexport const SidebarMenuHeading: React.FC<SidebarMenuHeadingProps> = ({\n  className,\n  label,\n  contentLeft,\n  contentRight,\n  ...textProps\n}) => {\n  return (\n    <Box spacing={2} indent={2}>\n      <CollapsibleContent\n        className={styles.sidebarMenuHeading}\n        contentLeft={contentLeft}\n        contentRight={contentRight}\n      >\n        <Text\n          variant={\"overline\"}\n          color={\"var(--swui-sidebar-menu-heading-text-color)\"}\n          {...textProps}\n        >\n          {label}\n        </Text>\n      </CollapsibleContent>\n    </Box>\n  );\n};\n","import { Clickable, ClickableProps, Indent, Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ButtonContent, ButtonContentProps } from \"@stenajs-webui/elements\";\nimport contentStyles from \"./SidebarMenuContent.module.css\";\n\nexport interface SidebarMenuLinkProps\n  extends ClickableProps,\n    Pick<\n      ButtonContentProps,\n      | \"label\"\n      | \"loading\"\n      | \"left\"\n      | \"leftIcon\"\n      | \"right\"\n      | \"rightIcon\"\n      | \"success\"\n    > {\n  selected?: boolean;\n  indent?: boolean;\n}\n\nconst selectedBorder = \"4px solid var(--swui-sidebar-menu-item-selected)\";\n\nexport const SidebarMenuLink: React.FC<SidebarMenuLinkProps> = ({\n  className,\n  children,\n  selected,\n  indent,\n  label,\n  loading,\n  left,\n  leftIcon,\n  right,\n  rightIcon,\n  success,\n  ...clickableProps\n}) => {\n  const hasContentLeft = left || leftIcon || loading || success;\n  return (\n    <Clickable\n      background={\"var(--swui-sidebar-menu-background-color)\"}\n      hoverBackground={\"var(--swui-sidebar-menu-background-color-hover)\"}\n      style={{ borderRight: selected ? selectedBorder : undefined }}\n      {...clickableProps}\n    >\n      <Row spacing={1} flex={1} alignItems={\"center\"} height={\"40px\"}>\n        {!hasContentLeft && <Indent />}\n        {indent && <Indent num={3.5} />}\n        <ButtonContent\n          label={label}\n          loading={loading}\n          left={left}\n          leftIcon={leftIcon}\n          right={right}\n          rightIcon={rightIcon}\n          success={success}\n          labelClassName={contentStyles.label}\n          spinnerClassName={contentStyles.spinner}\n          iconClassName={contentStyles.icon}\n          leftWrapperClassName={contentStyles.leftWrapper}\n        />\n      </Row>\n    </Clickable>\n  );\n};\n","import * as React from \"react\";\nimport { useState } from \"react\";\nimport { Collapsible } from \"../collapsible/Collapsible\";\nimport { Box, Column, Indent } from \"@stenajs-webui/core\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport styles from \"./SidebarMenuCollapsible.module.css\";\nimport { Icon } from \"@stenajs-webui/elements\";\n\nexport interface SidebarMenuCollapsibleProps {\n  label: string;\n  collapsed?: boolean;\n  leftIcon?: IconDefinition;\n}\n\nexport const SidebarMenuCollapsible: React.FC<SidebarMenuCollapsibleProps> = ({\n  children,\n  label,\n  leftIcon,\n}) => {\n  const [collapsed, setCollapsed] = useState<boolean>(false);\n\n  return (\n    <Box background={\"var(--swui-sidebar-menu-background-color)\"}>\n      <Collapsible\n        className={styles.sidebarMenuCollapsible}\n        label={label}\n        collapsed={collapsed}\n        onClick={() => setCollapsed(!collapsed)}\n        contentLeft={\n          leftIcon ? (\n            <Box width={\"56px\"} alignItems={\"center\"} justifyContent={\"center\"}>\n              <Icon\n                icon={leftIcon}\n                size={18}\n                color={\"var(--swui-sidebar-menu-text-color)\"}\n                data-hover={true}\n              />\n            </Box>\n          ) : (\n            <Indent num={1} />\n          )\n        }\n      >\n        <Column flex={1}>{children}</Column>\n      </Collapsible>\n    </Box>\n  );\n};\n","import {\n  SeparatorLine,\n  SeparatorLineProps,\n  Spacing,\n} from \"@stenajs-webui/core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport * as React from \"react\";\n\nexport interface SidebarMenuSeparatorProps extends SeparatorLineProps {}\n\nexport const SidebarMenuSeparator: React.FC<SidebarMenuSeparatorProps> = (\n  separatorLineProps\n) => {\n  return (\n    <Spacing>\n      <SeparatorLine\n        color={cssColor(\"--lhds-color-blue-700\")}\n        {...separatorLineProps}\n      />\n    </Spacing>\n  );\n};\n"],"names":["faAngleDown","useBoolean","useRef","useMemo","React.createElement","Popover","ActionMenu","ActionMenuContext","PrimaryButton","SecondaryButton","FlatButton","Column","Box","Row","Checkbox","Indent","cx","styles","HamburgerBarsSvg","createContext","useContext","React.Children","Heading","TextInput","Clickable","Icon","stenaSearch","theme","formatDistance","Text","Space","cssColor","faInbox","forwardRef","faChevronUp","faChevronDown","React.useRef","CSSTransition","Banner","Spinner","HamburgerCloseSvg","SeparatorLine","ButtonContent","useState","Spacing"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stenajs-webui/panels",
-  "version": "13.2.0",
+  "version": "14.0.1",
   "description": "",
   "author": "mattias800",
   "license": "MIT",
@@ -28,11 +28,11 @@
     "deploy": "gh-pages -d example/build"
   },
   "dependencies": {
-    "@stenajs-webui/core": "13.2.0",
-    "@stenajs-webui/elements": "13.2.0",
-    "@stenajs-webui/forms": "13.2.0",
-    "@stenajs-webui/theme": "13.2.0",
-    "@stenajs-webui/tooltip": "13.2.0",
+    "@stenajs-webui/core": "14.0.1",
+    "@stenajs-webui/elements": "14.0.1",
+    "@stenajs-webui/forms": "14.0.1",
+    "@stenajs-webui/theme": "14.0.1",
+    "@stenajs-webui/tooltip": "14.0.1",
     "classnames": "^2.2.6",
     "date-fns": "2.16.1",
     "react-transition-group": "^4.3.0",
@@ -67,5 +67,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "2de66e1106ecbfab2ff1f6ea967878bb3f65045c"
+  "gitHead": "615a8cd05131b66e5195ac8398c4ee21aa83aa5f"
 }

package/dist/components/drawer/Drawer.d.ts

@@ -1,34 +0,0 @@
-import { DivProps } from "@stenajs-webui/core";
-import * as React from "react";
-export declare type SlideFrom = "left" | "right";
-export interface DrawerProps extends DivProps {
-    /**
-     * Background of the drawer
-     */
-    background?: string;
-    /**
-     * Portal target, HTML element. If not set, portal is not used.
-     */
-    portalTarget?: HTMLElement | null;
-    /**
-     * Whether the drawer is open or not.
-     */
-    isOpen: boolean;
-    /**
-     * Which direction the drawer will appear from.
-     * @default left
-     * @param {String('left'|'right')}
-     */
-    slideFrom?: SlideFrom;
-    /**
-     * The width of the drawer.
-     * @default 400px
-     */
-    width?: string;
-    /**
-     * The zIndex for the drawer.
-     * @default 1000
-     */
-    zIndex?: number;
-}
-export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/drawer/Drawer.stories.d.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("./Drawer").DrawerProps & React.RefAttributes<HTMLDivElement>>;
-};
-export default _default;
-export declare const Standard: () => JSX.Element;
-export declare const FromRight: () => JSX.Element;
-export declare const UsingPortal: () => JSX.Element;