@biblioteksentralen/react 3.0.0-beta.1 → 3.0.0-beta.10

package/dist/index.d.ts

@@ -1,9 +1,9 @@
-import * as _chakra_ui_react from '@chakra-ui/react';
-import { AlertRootProps, ButtonProps, BoxProps, InputProps, FieldLabelProps, LinkProps } from '@chakra-ui/react';
+import { AlertRootProps, ButtonProps as ButtonProps$1, IconButtonProps as IconButtonProps$1, BoxProps, InputProps, FieldLabelProps, LinkProps, SystemConfig, ToastRootProps } from '@chakra-ui/react';
 export * from '@chakra-ui/react';
+import { ComponentWithAs, ThemeTypings } from '@chakra-ui/system';
+export { ResponsiveObject, StyleProps } from '@chakra-ui/system';
 import { Modify } from '@biblioteksentralen/types';
 import React, { ReactNode, FunctionComponent, HTMLAttributes, ErrorInfo } from 'react';
-import { ComponentWithAs, ThemeTypings } from '@chakra-ui/system';
 export { colors } from '@biblioteksentralen/utils';
 
 type Status = "info" | "warning" | "success" | "error";
@@ -25,10 +25,21 @@ type CustomButtonVariants = "primary" | "secondary" | "tertiary";
  * Re-exporting chackras Button with a customised types
  * This causes both chakras native variants and our home-made variants to show up in auto-complete
  */
-type ButtonVariants = ButtonProps["variant"] | CustomButtonVariants;
-declare const Button: ComponentWithAs<"button", Modify<ButtonProps, {
+type ButtonVariants = ButtonProps$1["variant"] | CustomButtonVariants;
+type ButtonProps = Modify<ButtonProps$1, {
     variant?: ButtonVariants;
-}>>;
+}>;
+declare const Button: ComponentWithAs<"button", ButtonProps>;
+
+/**
+ * Re-exporting chackras IconButton with a customised types
+ * This causes both chakras native variants and our home-made variants to show up in auto-complete
+ */
+type IconButtonVariants = IconButtonProps$1["variant"] | CustomButtonVariants;
+type IconButtonProps = Modify<IconButtonProps$1, {
+    variant?: IconButtonVariants;
+}>;
+declare const IconButton: ComponentWithAs<"button", IconButtonProps>;
 
 type Props$6 = {
     children: ReactNode;
@@ -81,6 +92,7 @@ declare function VisuallyHidden({ children, ...rest }: Props$3): React.JSX.Eleme
 
 interface Props$2 {
     children: ReactNode;
+    customTheme?: SystemConfig;
 }
 declare const BiblioteksentralenProvider: (props: Props$2) => React.JSX.Element;
 
@@ -117,6 +129,7 @@ declare function HashLinkTarget(props: Props): React.JSX.Element;
 
 declare const withErrorBoundary: <Props>(Component: React.ComponentType<Props>, boundaryName: string) => (props: Props & React.JSX.IntrinsicAttributes) => React.JSX.Element;
 
-declare const biblioteksentralenChakraTheme: _chakra_ui_react.SystemContext;
+declare const toaster: ToastRootProps;
+declare const Toaster: () => React.JSX.Element;
 
-export { Alert, BiblioteksentralenProvider, Button, ConditionalWrapper, ErrorBoundary, HashLinkTarget, HideWithCSS, Input, Link, VisuallyHidden, biblioteksentralenChakraTheme, withErrorBoundary };
+export { Alert, BiblioteksentralenProvider, Button, type ButtonProps, ConditionalWrapper, ErrorBoundary, HashLinkTarget, HideWithCSS, IconButton, type IconButtonProps, Input, Link, Toaster, VisuallyHidden, toaster, withErrorBoundary };

package/dist/index.js

@@ -209,6 +209,7 @@ function _create_super(Derived) {
         return _possible_constructor_return(this, result);
     };
 }
+var _import_react13_defaultConfig_theme_recipes_button_variants, _import_react13_defaultConfig_theme_recipes_button, _import_react13_defaultConfig_theme_recipes, _import_react13_defaultConfig_theme;
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -294,21 +295,27 @@ __export(src_exports, {
     HideWithCSS: function() {
         return HideWithCSS;
     },
+    IconButton: function() {
+        return IconButton;
+    },
     Input: function() {
         return Input;
     },
     Link: function() {
         return Link;
     },
+    Toaster: function() {
+        return Toaster;
+    },
     VisuallyHidden: function() {
         return VisuallyHidden;
     },
-    biblioteksentralenChakraTheme: function() {
-        return biblioteksentralenChakraTheme;
-    },
     colors: function() {
         return colors;
     },
+    toaster: function() {
+        return toaster;
+    },
     withErrorBoundary: function() {
         return withErrorBoundary;
     }
@@ -423,25 +430,33 @@ function Alert(_param) {
     var colors2 = colorLookup[status];
     return /* @__PURE__ */ import_react2.default.createElement(import_react.Alert.Root, _object_spread({
         status: status,
+        fontSize: "md",
         border: "0.1rem solid",
         borderColor: colors2.color,
-        backgroundColor: colors2.bg
-    }, variant === "inline" ? variantStyles[variant] : {}, rest), /* @__PURE__ */ import_react2.default.createElement(import_react.Alert.Indicator, null, iconLookup[status]), /* @__PURE__ */ import_react2.default.createElement(import_react.Alert.Content, {
+        backgroundColor: colors2.bg,
+        display: "flex",
+        flexWrap: "wrap"
+    }, variant === "inline" ? variantStyles[variant] : {}, rest), /* @__PURE__ */ import_react2.default.createElement(import_react.Alert.Indicator, {
+        marginX: "auto"
+    }, iconLookup[status]), /* @__PURE__ */ import_react2.default.createElement(import_react.Alert.Content, {
         color: "black"
     }, header && /* @__PURE__ */ import_react2.default.createElement(import_react.Alert.Title, null, header), /* @__PURE__ */ import_react2.default.createElement(import_react.Alert.Description, null, children)));
 }
 // src/components/Button.tsx
 var import_react3 = require("@chakra-ui/react");
 var Button = import_react3.Button;
+// src/components/IconButton.tsx
+var import_react4 = require("@chakra-ui/react");
+var IconButton = import_react4.IconButton;
 // src/components/ConditionalWrapper.tsx
-var import_react4 = __toESM(require("react"));
+var import_react5 = __toESM(require("react"));
 var ConditionalWrapper = function(param) {
     var condition = param.condition, children = param.children, Wrapper = param.wrapper;
-    return condition ? /* @__PURE__ */ import_react4.default.createElement(Wrapper, null, children) : /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, children);
+    return condition ? /* @__PURE__ */ import_react5.default.createElement(Wrapper, null, children) : /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, children);
 };
 // src/components/HideWithCSS.tsx
-var import_react5 = require("@chakra-ui/react");
-var import_react6 = __toESM(require("react"));
+var import_react6 = require("@chakra-ui/react");
+var import_react7 = __toESM(require("react"));
 var HideWithCSS = function(_param) {
     var children = _param.children, above = _param.above, below = _param.below, chakraProps = _object_without_properties(_param, [
         "children",
@@ -451,22 +466,22 @@ var HideWithCSS = function(_param) {
     var display = _object_spread({}, !!below ? _define_property({
         base: "none"
     }, below, "block") : {}, !!above ? _define_property({}, above, "none") : {});
-    return /* @__PURE__ */ import_react6.default.createElement(import_react5.Box, _object_spread_props(_object_spread({}, chakraProps), {
+    return /* @__PURE__ */ import_react7.default.createElement(import_react6.Box, _object_spread_props(_object_spread({}, chakraProps), {
         display: display
     }), children);
 };
 // src/components/Input.tsx
-var import_react9 = require("@chakra-ui/react");
-var import_react10 = __toESM(require("react"));
+var import_react10 = require("@chakra-ui/react");
+var import_react11 = __toESM(require("react"));
 // src/components/VisuallyHidden.tsx
-var import_react7 = __toESM(require("react"));
-var import_react8 = require("@chakra-ui/react");
+var import_react8 = __toESM(require("react"));
+var import_react9 = require("@chakra-ui/react");
 function VisuallyHidden(_param) {
     var children = _param.children, rest = _object_without_properties(_param, [
         "children"
     ]);
-    var _import_react7_default_useState = _sliced_to_array(import_react7.default.useState(false), 2), forceShow = _import_react7_default_useState[0], setForceShow = _import_react7_default_useState[1];
-    (0, import_react7.useEffect)(function() {
+    var _import_react8_default_useState = _sliced_to_array(import_react8.default.useState(false), 2), forceShow = _import_react8_default_useState[0], setForceShow = _import_react8_default_useState[1];
+    (0, import_react8.useEffect)(function() {
         if (isDevelopment()) {
             var handleKeyDown = function(ev) {
                 if (ev.key === "Alt") {
@@ -486,7 +501,7 @@ function VisuallyHidden(_param) {
             };
         }
     }, []);
-    return forceShow ? /* @__PURE__ */ import_react7.default.createElement("span", null, children) : /* @__PURE__ */ import_react7.default.createElement(import_react8.VisuallyHidden, {
+    return forceShow ? /* @__PURE__ */ import_react8.default.createElement("span", null, children) : /* @__PURE__ */ import_react8.default.createElement(import_react9.VisuallyHidden, {
         position: "fixed"
     }, children);
 }
@@ -499,20 +514,22 @@ var Input = function(props) {
         "errorMessage",
         "hideLabel"
     ]);
-    var formLabel = /* @__PURE__ */ import_react10.default.createElement(import_react9.Field.Label, _object_spread({}, labelProps), label);
-    return /* @__PURE__ */ import_react10.default.createElement(import_react9.Field.Root, {
+    var formLabel = /* @__PURE__ */ import_react11.default.createElement(import_react10.Field.Label, _object_spread({}, labelProps), label);
+    return /* @__PURE__ */ import_react11.default.createElement(import_react10.Field.Root, {
         invalid: !!errorMessage
-    }, hideLabel ? /* @__PURE__ */ import_react10.default.createElement(VisuallyHidden, null, formLabel) : formLabel, helperText && /* @__PURE__ */ import_react10.default.createElement(import_react9.Field.HelperText, null, helperText), /* @__PURE__ */ import_react10.default.createElement(import_react9.Input, _object_spread({}, inputProps)), errorMessage && /* @__PURE__ */ import_react10.default.createElement(import_react9.Field.ErrorText, null, errorMessage));
+    }, hideLabel ? /* @__PURE__ */ import_react11.default.createElement(VisuallyHidden, null, formLabel) : formLabel, helperText && /* @__PURE__ */ import_react11.default.createElement(import_react10.Field.HelperText, null, helperText), /* @__PURE__ */ import_react11.default.createElement(import_react10.Input, _object_spread({}, inputProps)), errorMessage && /* @__PURE__ */ import_react11.default.createElement(import_react10.Field.ErrorText, null, errorMessage));
 };
 // src/components/Link.tsx
-var import_react11 = require("@chakra-ui/react");
-var Link = import_react11.Link;
+var import_react12 = require("@chakra-ui/react");
+var Link = import_react12.Link;
 // src/BiblioteksentralenProvider.tsx
-var import_react19 = __toESM(require("react"));
-var import_react20 = require("@chakra-ui/react");
+var import_react20 = __toESM(require("react"));
+var import_react21 = require("@chakra-ui/react");
+// src/styles/chakraTheme/biblioteksentralenChakraTheme.ts
+var import_react19 = require("@chakra-ui/react");
 // src/styles/chakraTheme/ButtonStyles.ts
-var import_react12 = require("@chakra-ui/react");
-var variants = {
+var import_react13 = require("@chakra-ui/react");
+var variants = _object_spread({
     primary: {
         backgroundColor: colors.black,
         color: "white",
@@ -522,62 +539,64 @@ var variants = {
         }
     },
     secondary: {
-        borderColor: "currentColor !important",
-        backgroundColor: "transparent",
-        color: "currentColor",
-        _hover: {
-            backgroundColor: "hsla(0deg, 0%, 50%, 0.15)"
-        }
+        borderColor: "currentColor"
     },
-    tertiary: {
-        backgroundColor: "transparent",
-        color: "currentColor",
-        _hover: {
-            backgroundColor: "hsla(0deg, 0%, 50%, 0.15)",
-            color: "currentColor"
-        }
-    }
-};
-var ButtonStyles = (0, import_react12.defineRecipe)({
+    tertiary: {}
+}, (_import_react13_defaultConfig_theme = import_react13.defaultConfig.theme) === null || _import_react13_defaultConfig_theme === void 0 ? void 0 : (_import_react13_defaultConfig_theme_recipes = _import_react13_defaultConfig_theme.recipes) === null || _import_react13_defaultConfig_theme_recipes === void 0 ? void 0 : (_import_react13_defaultConfig_theme_recipes_button = _import_react13_defaultConfig_theme_recipes.button) === null || _import_react13_defaultConfig_theme_recipes_button === void 0 ? void 0 : (_import_react13_defaultConfig_theme_recipes_button_variants = _import_react13_defaultConfig_theme_recipes_button.variants) === null || _import_react13_defaultConfig_theme_recipes_button_variants === void 0 ? void 0 : _import_react13_defaultConfig_theme_recipes_button_variants.variant);
+var ButtonStyles = (0, import_react13.defineRecipe)({
     base: {
-        border: "transparent 0.1em solid",
-        borderRadius: "0.35em",
+        borderColor: "transparent",
+        borderWidth: "0.1em",
         fontWeight: 600,
+        color: "currentColor",
+        backgroundColor: "transparent",
+        _hover: {
+            backgroundColor: "currentColor/7"
+        },
         _disabled: {
-            backgroundColor: "".concat(colors.grey45, " !important"),
-            color: "white !important",
+            backgroundColor: "".concat(colors.grey45),
+            color: "white",
             opacity: 1
         }
     },
     variants: {
-        variant: _object_spread({}, variants),
-        sizes: {
+        variant: variants,
+        size: {
             sm: {
-                padding: "0.2em 0.5em",
-                fontSize: "1rem"
+                h: "8",
+                px: "2",
+                textStyle: "md"
+            },
+            md: {
+                textStyle: "md"
+            },
+            lg: {
+                h: "12",
+                textStyle: "lg"
             }
         }
     },
     defaultVariants: {
-        variant: "primary"
+        variant: "primary",
+        size: "md"
     }
 });
 // src/styles/chakraTheme/ContainerStyles.ts
-var import_react13 = require("@chakra-ui/react");
-var ContainerStyles = (0, import_react13.defineRecipe)({
+var import_react14 = require("@chakra-ui/react");
+var ContainerStyles = (0, import_react14.defineRecipe)({
     base: {
         px: ".75rem"
     }
 });
 // src/styles/chakraTheme/HeadingStyles.ts
-var import_react14 = require("@chakra-ui/react");
-var HeadingStyles = (0, import_react14.defineRecipe)({
+var import_react15 = require("@chakra-ui/react");
+var HeadingStyles = (0, import_react15.defineRecipe)({
     base: {
         fontWeight: "600"
     }
 });
 // src/styles/chakraTheme/InputStyles.ts
-var import_react15 = require("@chakra-ui/react");
+var import_react16 = require("@chakra-ui/react");
 var variants2 = {
     subtle: {
         backgroundColor: {
@@ -616,7 +635,7 @@ var variants2 = {
         }
     }
 };
-var InputStyles = (0, import_react15.defineRecipe)({
+var InputStyles = (0, import_react16.defineRecipe)({
     base: {
         _placeholder: {
             color: {
@@ -626,39 +645,43 @@ var InputStyles = (0, import_react15.defineRecipe)({
         }
     },
     variants: {
-        variant: _object_spread({}, variants2)
+        variant: variants2
     },
     defaultVariants: {
         variant: "subtle"
     }
 });
 // src/styles/chakraTheme/LinkStyles.ts
-var import_react16 = require("@chakra-ui/react");
+var import_react17 = require("@chakra-ui/react");
 var variants3 = {
     plain: {
+        color: "currentColor",
         textDecoration: "none",
+        textDecorationColor: "currentColor/30",
         _hover: {
             textDecoration: "underline"
         }
     },
     underline: {
+        color: "currentColor",
         textDecoration: "underline",
+        textDecorationColor: "currentColor/30",
         _hover: {
             textDecoration: "none"
         }
     }
 };
-var LinkStyles = (0, import_react16.defineRecipe)({
+var LinkStyles = (0, import_react17.defineRecipe)({
     variants: {
-        variant: _object_spread({}, variants3)
+        variant: variants3
     },
     defaultVariants: {
         variant: "underline"
     }
 });
 // src/styles/chakraTheme/SpinnerStyles.ts
-var import_react17 = require("@chakra-ui/react");
-var SpinnerStyles = (0, import_react17.defineRecipe)({
+var import_react18 = require("@chakra-ui/react");
+var SpinnerStyles = (0, import_react18.defineRecipe)({
     base: {
         animationDuration: ".8s",
         color: colors.accentBlueMedium,
@@ -686,12 +709,21 @@ var sizes = {
     container: container
 };
 // src/styles/chakraTheme/biblioteksentralenChakraTheme.ts
-var import_react18 = require("@chakra-ui/react");
-var biblioteksentralenChakraTheme = (0, import_react18.createSystem)(import_react18.defaultConfig, {
+var tokens = (0, import_react19.defineTokens)({
+    sizes: sizes
+});
+var globalHyphens = {
+    hyphens: "auto",
+    hyphenateLimitChars: "8 5 3"
+};
+var focusStyle = {
+    outline: "none !important",
+    boxShadow: "0 0 0 .1rem white, 0 0 0 .2rem black, 0 0 0 .3rem white !important",
+    transition: "box-shadow 0.1s ease-out"
+};
+var biblioteksentralenChakraTheme = (0, import_react19.defineConfig)({
     theme: {
-        tokens: {
-            sizes: sizes
-        },
+        tokens: tokens,
         recipes: {
             heading: HeadingStyles,
             button: ButtonStyles,
@@ -712,21 +744,24 @@ var biblioteksentralenChakraTheme = (0, import_react18.createSystem)(import_reac
             "&:focus-within": {
                 scrollBehavior: "smooth !important"
             }
-        }
+        },
+        body: _object_spread({}, globalHyphens),
+        // Felles fokus-styling for alle elementer for å sikre at de har en tydelig og uniform visuell indikasjon når de er i fokus
+        "*:focus-visible": focusStyle
     }
 });
 // src/BiblioteksentralenProvider.tsx
 var import_system = require("@chakra-ui/system");
 var BiblioteksentralenProvider = function(props) {
-    return /* @__PURE__ */ import_react19.default.createElement(import_react20.ChakraProvider, {
-        value: biblioteksentralenChakraTheme
-    }, /* @__PURE__ */ import_react19.default.createElement(import_system.ColorModeProvider, _object_spread({}, props)));
+    return /* @__PURE__ */ import_react20.default.createElement(import_react21.ChakraProvider, {
+        value: (0, import_react21.createSystem)(import_react21.defaultConfig, biblioteksentralenChakraTheme, props.customTheme || {})
+    }, /* @__PURE__ */ import_react20.default.createElement(import_system.ColorModeProvider, _object_spread({}, props)));
 };
 // src/components/ErrorBoundary.tsx
-var import_react21 = require("@chakra-ui/react");
-var import_react22 = __toESM(require("react"));
+var import_react22 = require("@chakra-ui/react");
+var import_react23 = __toESM(require("react"));
 var StyledPre = function(props) {
-    return /* @__PURE__ */ import_react22.default.createElement(import_react21.Box, _object_spread({
+    return /* @__PURE__ */ import_react23.default.createElement(import_react22.Box, _object_spread({
         as: "pre",
         paddingTop: "0.5rem",
         wordBreak: "break-all",
@@ -734,8 +769,8 @@ var StyledPre = function(props) {
         fontSize: "0.8rem"
     }, props));
 };
-var ErrorBoundary = /*#__PURE__*/ function(_import_react22_default_Component) {
-    _inherits(ErrorBoundary, _import_react22_default_Component);
+var ErrorBoundary = /*#__PURE__*/ function(_import_react23_default_Component) {
+    _inherits(ErrorBoundary, _import_react23_default_Component);
     var _super = _create_super(ErrorBoundary);
     function ErrorBoundary(props) {
         _class_call_check(this, ErrorBoundary);
@@ -769,9 +804,9 @@ var ErrorBoundary = /*#__PURE__*/ function(_import_react22_default_Component) {
                     var stackTrace = (_this_state_errorInfo = this.state.errorInfo) === null || _this_state_errorInfo === void 0 ? void 0 : _this_state_errorInfo.componentStack;
                     var errormsg = (_this_state_error = this.state.error) === null || _this_state_error === void 0 ? void 0 : _this_state_error.message;
                     var info = this.props.boundaryName;
-                    return /* @__PURE__ */ import_react22.default.createElement("div", null, /* @__PURE__ */ import_react22.default.createElement(Alert, {
+                    return /* @__PURE__ */ import_react23.default.createElement("div", null, /* @__PURE__ */ import_react23.default.createElement(Alert, {
                         status: "error"
-                    }, /* @__PURE__ */ import_react22.default.createElement("p", null, "Beklager, det skjedde en teknisk feil."), isDevelopment() && (stackTrace || errormsg) && /* @__PURE__ */ import_react22.default.createElement("div", null, /* @__PURE__ */ import_react22.default.createElement(StyledPre, null, errormsg || ""), /* @__PURE__ */ import_react22.default.createElement(StyledPre, null, info || ""), /* @__PURE__ */ import_react22.default.createElement(StyledPre, null, stackTrace || ""))));
+                    }, /* @__PURE__ */ import_react23.default.createElement("p", null, "Beklager, det skjedde en teknisk feil."), isDevelopment() && (stackTrace || errormsg) && /* @__PURE__ */ import_react23.default.createElement("div", null, /* @__PURE__ */ import_react23.default.createElement(StyledPre, null, errormsg || ""), /* @__PURE__ */ import_react23.default.createElement(StyledPre, null, info || ""), /* @__PURE__ */ import_react23.default.createElement(StyledPre, null, stackTrace || ""))));
                 }
                 return this.props.children;
             }
@@ -787,15 +822,15 @@ var ErrorBoundary = /*#__PURE__*/ function(_import_react22_default_Component) {
         }
     ]);
     return ErrorBoundary;
-}(import_react22.default.Component);
+}(import_react23.default.Component);
 // src/components/HashLinkTarget.tsx
-var import_react23 = require("@chakra-ui/react");
-var import_react24 = __toESM(require("react"));
+var import_react24 = require("@chakra-ui/react");
+var import_react25 = __toESM(require("react"));
 var focusOnRelativeParentStyle = {
     _focusWithin: {
         position: "static",
         boxShadow: "none",
-        "&::after": {
+        "&::after": _object_spread({
             content: '""',
             position: "absolute",
             top: 0,
@@ -803,16 +838,15 @@ var focusOnRelativeParentStyle = {
             height: "100%",
             width: "100%",
             pointerEvents: "none",
-            borderRadius: "0.25rem",
-            boxShadow: "var(--chakra-shadows-outline)"
-        }
+            borderRadius: "0.25rem"
+        }, focusStyle)
     }
 };
 function HashLinkTarget(props) {
-    return /* @__PURE__ */ import_react24.default.createElement(import_react23.Box, {
+    return /* @__PURE__ */ import_react25.default.createElement(import_react24.Box, {
         position: "relative",
         css: props.focusOnParent ? focusOnRelativeParentStyle : void 0
-    }, /* @__PURE__ */ import_react24.default.createElement(import_react23.Box, {
+    }, /* @__PURE__ */ import_react25.default.createElement(import_react24.Box, {
         id: props.id,
         tabIndex: props.focusOnParent ? -1 : void 0,
         position: "absolute",
@@ -823,14 +857,50 @@ function HashLinkTarget(props) {
     }));
 }
 // src/components/withErrorBoundary.tsx
-var import_react25 = __toESM(require("react"));
+var import_react26 = __toESM(require("react"));
 var withErrorBoundary = function(Component, boundaryName) {
     return function(props) {
-        return /* @__PURE__ */ import_react25.default.createElement(ErrorBoundary, {
+        return /* @__PURE__ */ import_react26.default.createElement(ErrorBoundary, {
             boundaryName: boundaryName
-        }, /* @__PURE__ */ import_react25.default.createElement(Component, _object_spread({}, props)));
+        }, /* @__PURE__ */ import_react26.default.createElement(Component, _object_spread({}, props)));
     };
 };
+// src/components/ui/toaster.tsx
+var import_react27 = require("@chakra-ui/react");
+var import_react28 = __toESM(require("react"));
+var toaster = (0, import_react27.createToaster)({
+    pauseOnPageIdle: true,
+    offsets: {
+        left: "50%",
+        top: "50%",
+        right: "50%",
+        bottom: "50%"
+    }
+});
+var Toaster = function() {
+    return /* @__PURE__ */ import_react28.default.createElement(import_react27.Portal, null, /* @__PURE__ */ import_react28.default.createElement(import_react27.Toaster, {
+        toaster: toaster,
+        insetInline: {
+            mdDown: "4"
+        }
+    }, function(toast) {
+        if (typeof toast.render === "function") {
+            return /* @__PURE__ */ import_react28.default.createElement(import_react28.default.Fragment, null, toast.render());
+        }
+        return /* @__PURE__ */ import_react28.default.createElement(import_react27.Toast.Root, {
+            width: {
+                md: "sm"
+            }
+        }, toast.type === "loading" ? /* @__PURE__ */ import_react28.default.createElement(import_react27.Spinner, {
+            size: "sm",
+            color: "blue.solid"
+        }) : /* @__PURE__ */ import_react28.default.createElement(import_react27.Toast.Indicator, null), /* @__PURE__ */ import_react28.default.createElement(import_react27.Stack, {
+            gap: "1",
+            flex: "1",
+            maxWidth: "100%"
+        }, toast.title && /* @__PURE__ */ import_react28.default.createElement(import_react27.Toast.Title, null, toast.title), toast.description && /* @__PURE__ */ import_react28.default.createElement(import_react27.Toast.Description, null, toast.description)), toast.action && /* @__PURE__ */ import_react28.default.createElement(import_react27.Toast.ActionTrigger, null, toast.action.label), toast.closable && /* @__PURE__ */ import_react28.default.createElement(import_react27.Toast.CloseTrigger, null));
+    }));
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = _object_spread({
     Alert: Alert,
@@ -840,11 +910,13 @@ var withErrorBoundary = function(Component, boundaryName) {
     ErrorBoundary: ErrorBoundary,
     HashLinkTarget: HashLinkTarget,
     HideWithCSS: HideWithCSS,
+    IconButton: IconButton,
     Input: Input,
     Link: Link,
+    Toaster: Toaster,
     VisuallyHidden: VisuallyHidden,
-    biblioteksentralenChakraTheme: biblioteksentralenChakraTheme,
     colors: colors,
+    toaster: toaster,
     withErrorBoundary: withErrorBoundary
 }, require("@chakra-ui/react")));
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../../utils/src/date.ts","../../utils/src/colors.ts","../../utils/src/environment.ts","../src/components/Alert.tsx","../src/components/Button.tsx","../src/components/ConditionalWrapper.tsx","../src/components/HideWithCSS.tsx","../src/components/Input.tsx","../src/components/VisuallyHidden.tsx","../src/components/Link.tsx","../src/BiblioteksentralenProvider.tsx","../src/styles/chakraTheme/ButtonStyles.ts","../src/styles/chakraTheme/ContainerStyles.ts","../src/styles/chakraTheme/HeadingStyles.ts","../src/styles/chakraTheme/InputStyles.ts","../src/styles/chakraTheme/LinkStyles.ts","../src/styles/chakraTheme/SpinnerStyles.ts","../src/styles/chakraTheme/sizes.ts","../src/styles/chakraTheme/biblioteksentralenChakraTheme.ts","../src/components/ErrorBoundary.tsx","../src/components/HashLinkTarget.tsx","../src/components/withErrorBoundary.tsx"],"names":["import_react","React","colors","ChakraAlert","ChakraButton","ChakraVisuallyHidden","ChakraInput","ChakraLink","variants"],"mappings":"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","sourcesContent":["export * from \"@chakra-ui/react\"; // Exports Chakra components first to override some components later\nexport { Alert } from \"./components/Alert\"; // Overrides Chakras Alert\nexport { Button } from \"./components/Button\"; // Overrides Chakras Button\nexport { ConditionalWrapper } from \"./components/ConditionalWrapper\"; // Overrides Chakras Input\nexport { HideWithCSS } from \"./components/HideWithCSS\"; // Overrides Chakras HideWithCSS\nexport { Input } from \"./components/Input\"; // Overrides Chakras Input\nexport { Link } from \"./components/Link\"; // Overrides Chakras Link\nexport { VisuallyHidden } from \"./components/VisuallyHidden\"; // Overrides Chakras VisuallyHidden\n\nexport { BiblioteksentralenProvider } from \"./BiblioteksentralenProvider\";\nexport { ErrorBoundary } from \"./components/ErrorBoundary\";\nexport { HashLinkTarget } from \"./components/HashLinkTarget\";\nexport { withErrorBoundary } from \"./components/withErrorBoundary\";\n\nexport { colors } from \"@biblioteksentralen/utils\"; // Re-export colors for convenience\nexport { biblioteksentralenChakraTheme } from \"./styles/chakraTheme/biblioteksentralenChakraTheme\";\n","import { format } from \"date-fns/format\";\nimport { nb } from \"date-fns/locale/nb\";\n\nexport function formaterDato(dato?: string, dateFnsformat = \"Pp\") {\n  if (typeof dato !== \"string\") return \"Ukjent dato\";\n\n  try {\n    return format(new Date(dato), dateFnsformat, { locale: nb });\n  } catch (e) {\n    console.error(\"Kunne ikke formattere dato:\" + dato, e);\n    return dato;\n  }\n}\n","export const colors = {\n  black: \"#000000\",\n  grey90: \"#181818\",\n  grey80: \"#333333\",\n  grey60: \"#585858\",\n  grey45: \"#8c8c8c\",\n  grey30: \"#b2b2b2\",\n  grey15: \"#d9d9d9\",\n  grey10: \"#e5e5e5\",\n  grey05: \"#f2f2f2\",\n  white: \"#ffffff\",\n  bsRødDark: \"#870010\",\n  bsRødMedium: \"#d53d40\",\n  accentPurple: \"#331433\",\n  accentPeach: \"#ffba99\",\n  accentGreen: \"#003b29\",\n  accentBlueDark: \"#001740\",\n  accentBlueMedium: \"#5996de\",\n  accentYellow: \"#ffc970\",\n  lightBlue: \"#dbe8ef\",\n  lightGreen: \"#dbe0db\",\n  lightPeach: \"#f4e7de\",\n  lightPurple: \"#ece8f3\",\n  statusRed: \"#ad313c\",\n  statusYellow: \"#bc5600\",\n  statusGreen: \"#24845b\",\n  statusGreenLight: \"#edf4f1\",\n  statusRedLight: \"#f8efef\",\n  statusYellowLight: \"#fff6e4\",\n  neptune: {\n    \"100\": \"#CFE6E8\",\n    \"200\": \"#9FCDD2\",\n    \"300\": \"#6FB5BB\",\n    \"400\": \"#3F9CA5\",\n    \"500\": \"#0F838E\",\n    \"600\": \"#0C6972\",\n    \"700\": \"#094F55\",\n    \"800\": \"#063439\",\n    \"900\": \"#031A1C\",\n  },\n};\n","export function isDevelopment(): boolean {\n  return process.env.NODE_ENV === \"development\";\n}\n\nexport function isClient(): boolean {\n  return typeof window !== \"undefined\";\n}\n\nexport function isServer(): boolean {\n  return !isClient();\n}\n","import { Modify } from \"@biblioteksentralen/types\";\nimport { colors } from \"@biblioteksentralen/utils\";\nimport { AlertRootProps, Alert as ChakraAlert, SystemStyleObject } from \"@chakra-ui/react\";\nimport React, { ReactNode } from \"react\";\nimport { AlertCircle, CheckCircle, Info, XCircle } from \"react-feather\";\n\ntype Status = \"info\" | \"warning\" | \"success\" | \"error\";\ntype CustomVariants = \"inline\";\ntype Variants = AlertRootProps[\"variant\"] | CustomVariants;\n\nconst colorLookup: Record<Status, { bg: string; color: string }> = {\n  info: { bg: colors.lightBlue, color: colors.accentBlueMedium },\n  warning: { bg: colors.statusYellowLight, color: colors.statusYellow },\n  success: { bg: colors.statusGreenLight, color: colors.statusGreen },\n  error: { bg: colors.statusRedLight, color: colors.statusRed },\n};\n\nconst iconLookup: Record<Status, React.ReactElement> = {\n  info: <Info strokeWidth={1.75} role=\"img\" aria-label=\"Informasjon\" />,\n  warning: <AlertCircle strokeWidth={1.75} role=\"img\" aria-label=\"Advarsel\" />,\n  success: <CheckCircle strokeWidth={1.75} role=\"img\" aria-label=\"Suksess\" />,\n  error: <XCircle strokeWidth={1.75} role=\"img\" aria-label=\"Feil\" />,\n};\n\ninterface Props extends Modify<AlertRootProps, { variant?: Variants }> {\n  children: ReactNode;\n  header?: ReactNode;\n  status: Status;\n  variant?: Variants;\n}\n\nconst variantStyles: Record<CustomVariants, SystemStyleObject> = {\n  inline: {\n    borderColor: \"transparent\",\n    backgroundColor: \"transparent\",\n    padding: \"0\",\n  },\n};\n\nexport function Alert({ status, children, variant, header, ...rest }: Props) {\n  const colors = colorLookup[status];\n  return (\n    <ChakraAlert.Root\n      status={status}\n      border={`0.1rem solid`}\n      borderColor={colors.color}\n      backgroundColor={colors.bg}\n      {...(variant === \"inline\" ? variantStyles[variant] : {})}\n      {...rest}\n    >\n      <ChakraAlert.Indicator>{iconLookup[status]}</ChakraAlert.Indicator>\n      <ChakraAlert.Content color=\"black\">\n        {header && <ChakraAlert.Title>{header}</ChakraAlert.Title>}\n        <ChakraAlert.Description>{children}</ChakraAlert.Description>\n      </ChakraAlert.Content>\n    </ChakraAlert.Root>\n  );\n}\n","import React from \"react\";\nimport { Button as ChakraButton, ButtonProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\nimport { Modify } from \"@biblioteksentralen/types\";\nimport { CustomButtonVariants } from \"../styles/chakraTheme/ButtonStyles\";\n\n/**\n * Re-exporting chackras Button with a customised types\n * This causes both chakras native variants and our home-made variants to show up in auto-complete\n */\ntype ButtonVariants = ButtonProps[\"variant\"] | CustomButtonVariants;\nexport const Button = ChakraButton as ComponentWithAs<\"button\", Modify<ButtonProps, { variant?: ButtonVariants }>>;\n","import React, { FunctionComponent, ReactNode } from \"react\";\n\ntype Props = {\n  children: ReactNode;\n  wrapper: FunctionComponent<{ children: ReactNode }>;\n  condition: boolean;\n};\n\n/**\n * Conditionally wrapps children with a component. If conditions are not met children mounted without the wrapper.\n */\nexport const ConditionalWrapper: FunctionComponent<Props> = ({ condition, children, wrapper: Wrapper }) =>\n  condition ? <Wrapper>{children}</Wrapper> : <>{children}</>;\n","import { Box, BoxProps } from \"@chakra-ui/react\";\nimport { ThemeTypings } from \"@chakra-ui/system\";\nimport React, { FunctionComponent, ReactNode } from \"react\";\n\ntype Props = {\n  children: ReactNode;\n  above?: ThemeTypings[\"breakpoints\"];\n  below?: ThemeTypings[\"breakpoints\"];\n} & Omit<BoxProps, \"display\">;\n\n/** Chakras <Hide /> component uses client side javascript to hide components. Causes components to flash on mobile while loading */\nexport const HideWithCSS: FunctionComponent<Props> = ({ children, above, below, ...chakraProps }) => {\n  const display: BoxProps[\"display\"] = {\n    ...(!!below ? { base: \"none\", [below]: \"block\" } : {}),\n    ...(!!above ? { [above]: \"none\" } : {}),\n  };\n\n  return (\n    <Box {...chakraProps} display={display}>\n      {children}\n    </Box>\n  );\n};\n","import { Field, Input as ChakraInput, InputProps, FieldLabelProps } from \"@chakra-ui/react\";\nimport React from \"react\";\nimport { VisuallyHidden } from \"./VisuallyHidden\";\nimport { colors } from \"@biblioteksentralen/utils\";\n\ninterface Props extends InputProps {\n  label: string;\n  hideLabel?: boolean;\n  labelProps?: FieldLabelProps;\n  helperText?: string;\n  errorMessage?: string;\n}\n\n/**\n * Creating custom input-component to make sure label is always set (for accessibility)\n * Also handles some common needs (helper text and error message. For more advanced input-components we leave it to the consumers to compose custom input-components based on Chakra\n */\nexport const Input = (props: Props) => {\n  const { labelProps, label, helperText, errorMessage, hideLabel, ...inputProps } = props;\n\n  const formLabel = <Field.Label {...labelProps}>{label}</Field.Label>;\n\n  return (\n    <Field.Root invalid={!!errorMessage}>\n      {hideLabel ? <VisuallyHidden>{formLabel}</VisuallyHidden> : formLabel}\n      {helperText && <Field.HelperText>{helperText}</Field.HelperText>}\n      <ChakraInput {...inputProps} />\n      {errorMessage && <Field.ErrorText>{errorMessage}</Field.ErrorText>}\n    </Field.Root>\n  );\n};\n","import React, { HTMLAttributes, ReactNode, useEffect } from \"react\";\nimport { VisuallyHidden as ChakraVisuallyHidden } from \"@chakra-ui/react\";\nimport { isDevelopment } from \"@biblioteksentralen/utils\";\n\ninterface Props extends HTMLAttributes<HTMLSpanElement> {\n  children: ReactNode;\n}\n\n// https://www.joshwcomeau.com/snippets/react-components/visually-hidden/\nexport function VisuallyHidden({ children, ...rest }: Props) {\n  const [forceShow, setForceShow] = React.useState(false);\n\n  useEffect(() => {\n    if (isDevelopment()) {\n      const handleKeyDown = (ev: KeyboardEvent) => {\n        if (ev.key === \"Alt\") {\n          setForceShow(true);\n        }\n      };\n      const handleKeyUp = (ev: KeyboardEvent) => {\n        if (ev.key === \"Alt\") {\n          setForceShow(false);\n        }\n      };\n      window.addEventListener(\"keydown\", handleKeyDown);\n      window.addEventListener(\"keyup\", handleKeyUp);\n      return () => {\n        window.removeEventListener(\"keydown\", handleKeyDown);\n        window.removeEventListener(\"keyup\", handleKeyUp);\n      };\n    }\n  }, []);\n\n  // position=\"fixed\" løser bug der visually hidden ikke hindret tekst fra å ta plass i bredden\n  return forceShow ? <span>{children}</span> : <ChakraVisuallyHidden position=\"fixed\">{children}</ChakraVisuallyHidden>;\n}\n","import { Modify } from \"@biblioteksentralen/types\";\nimport { Link as ChakraLink, LinkProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\nimport { CustomLinkVariants } from \"../styles/chakraTheme/LinkStyles\";\n\n/**\n * Re-exporting chackras Link with a customised types\n * This causes both chakras native variants and our home-made variants to show up in auto-complete\n */\ntype LinkVariants = LinkProps[\"variant\"] | CustomLinkVariants;\nexport const Link = ChakraLink as ComponentWithAs<\"a\", Modify<LinkProps, { variant?: LinkVariants }>>;\n","import React, { ReactNode } from \"react\";\nimport { ChakraProvider } from \"@chakra-ui/react\";\nimport { biblioteksentralenChakraTheme } from \"./styles/chakraTheme/biblioteksentralenChakraTheme\";\nimport { ColorModeProvider } from \"@chakra-ui/system\";\n\ninterface Props {\n  children: ReactNode;\n}\n\nexport const BiblioteksentralenProvider = (props: Props) => (\n  <ChakraProvider value={biblioteksentralenChakraTheme}>\n    <ColorModeProvider {...props} />\n  </ChakraProvider>\n);\n","import { colors } from \"@biblioteksentralen/utils\";\nimport { defineRecipe, SystemStyleObject } from \"@chakra-ui/react\";\n\nexport type CustomButtonVariants = \"primary\" | \"secondary\" | \"tertiary\";\n\nconst variants: Record<CustomButtonVariants, SystemStyleObject> = {\n  primary: {\n    backgroundColor: colors.black,\n    color: \"white\",\n    _hover: {\n      backgroundColor: \"hsla(0deg, 0%, 70%, 1)\",\n      color: \"black\",\n    },\n  },\n  secondary: {\n    borderColor: \"currentColor !important\",\n    backgroundColor: \"transparent\",\n    color: \"currentColor\",\n    _hover: {\n      backgroundColor: \"hsla(0deg, 0%, 50%, 0.15)\",\n    },\n  },\n  tertiary: {\n    backgroundColor: \"transparent\",\n    color: \"currentColor\",\n    _hover: {\n      backgroundColor: \"hsla(0deg, 0%, 50%, 0.15)\",\n      color: \"currentColor\",\n    },\n  },\n};\n\nexport const ButtonStyles = defineRecipe({\n  base: {\n    border: \"transparent 0.1em solid\",\n    borderRadius: \"0.35em\",\n    fontWeight: 600,\n    _disabled: {\n      backgroundColor: `${colors.grey45} !important`,\n      color: \"white !important\",\n      opacity: 1,\n    },\n  },\n  variants: {\n    variant: {\n      ...variants,\n    },\n    sizes: {\n      sm: {\n        padding: \"0.2em 0.5em\",\n        fontSize: \"1rem\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"primary\",\n  },\n});\n","import { defineRecipe } from \"@chakra-ui/react\";\n\nexport const ContainerStyles = defineRecipe({\n  base: {\n    px: \".75rem\", // Padding left/right\n  },\n});\n","import { defineRecipe } from \"@chakra-ui/react\";\n\nexport const HeadingStyles = defineRecipe({\n  base: {\n    fontWeight: \"600\",\n  },\n});\n","import { defineRecipe, SystemStyleObject } from \"@chakra-ui/react\";\n\nconst variants: Record<string, SystemStyleObject> = {\n  subtle: {\n    backgroundColor: { _light: \"gray.200\", _dark: \"whiteAlpha.100\" },\n    _hover: {\n      bg: { _light: \"gray.300\", _dark: \"whiteAlpha.200\" },\n    },\n  },\n  outline: {\n    borderColor: { _light: \"gray.300\", _dark: \"whiteAlpha.300\" },\n    _hover: {\n      borderColor: { _light: \"gray.400\", _dark: \"whiteAlpha.400\" },\n    },\n  },\n  flushed: {\n    borderColor: { _light: \"gray.300\", _dark: \"whiteAlpha.300\" },\n    _hover: {\n      borderColor: { _light: \"gray.400\", _dark: \"whiteAlpha.400\" },\n    },\n  },\n};\n\nexport const InputStyles = defineRecipe({\n  base: {\n    _placeholder: {\n      color: { _light: \"gray.500\", _dark: \"whiteAlpha.500\" },\n    },\n  },\n  variants: {\n    variant: { ...variants },\n  },\n  defaultVariants: {\n    variant: \"subtle\",\n  },\n});\n","import { defineRecipe, SystemStyleObject } from \"@chakra-ui/react\";\n\nexport type CustomLinkVariants = \"plain\" | \"underline\";\n\nconst variants: Record<CustomLinkVariants, SystemStyleObject> = {\n  plain: {\n    textDecoration: \"none\",\n    _hover: {\n      textDecoration: \"underline\",\n    },\n  },\n  underline: {\n    textDecoration: \"underline\",\n    _hover: {\n      textDecoration: \"none\",\n    },\n  },\n};\n\nexport const LinkStyles = defineRecipe({\n  variants: {\n    variant: { ...variants },\n  },\n  defaultVariants: {\n    variant: \"underline\",\n  },\n});\n","import { colors } from \"@biblioteksentralen/utils\";\nimport { defineRecipe } from \"@chakra-ui/react\";\n\nexport const SpinnerStyles = defineRecipe({\n  base: {\n    animationDuration: \".8s\",\n    color: colors.accentBlueMedium,\n    // Todo: Legg til trackColor: https://chakra-ui.com/docs/components/spinner#track-color\n    borderWidth: \".175em\",\n  },\n});\n","const container = {\n  sm: { value: \"40rem\" },\n  md: { value: \"48rem\" },\n  lg: { value: \"56rem\" }, // Forsøker 56rem som standardbredde etter testing med Katrine\n  xl: { value: \"80rem\" },\n};\n\nexport const sizes = {\n  container,\n};\n","import { ButtonStyles } from \"./ButtonStyles\";\nimport { ContainerStyles } from \"./ContainerStyles\";\nimport { HeadingStyles } from \"./HeadingStyles\";\nimport { InputStyles } from \"./InputStyles\";\nimport { LinkStyles } from \"./LinkStyles\";\nimport { SpinnerStyles } from \"./SpinnerStyles\";\nimport { sizes } from \"./sizes\";\nimport { createSystem, defaultConfig } from \"@chakra-ui/react\";\n\nexport const biblioteksentralenChakraTheme = createSystem(defaultConfig, {\n  theme: {\n    tokens: {\n      sizes,\n    },\n    recipes: {\n      heading: HeadingStyles,\n      button: ButtonStyles,\n      input: InputStyles,\n      link: LinkStyles,\n      container: ContainerStyles,\n      spinner: SpinnerStyles,\n    },\n  },\n  globalCss: {\n    html: {\n      fontSize: { base: \"112.5%\", md: \"120%\" },\n      // Sørger for smooth scrolling for interne lenker som scroller til annet sted på siden,\n      // men ikke hvis fokus er utenfor viduet, feks ved søk i tekst (ctrl + f)\n      \"&:focus-within\": { scrollBehavior: \"smooth !important\" },\n    },\n  },\n});\n","import { isDevelopment } from \"@biblioteksentralen/utils\";\nimport { Box, BoxProps } from \"@chakra-ui/react\";\nimport React, { ErrorInfo, ReactNode } from \"react\";\nimport { Alert } from \"./Alert\";\n\ninterface Props {\n  boundaryName?: string;\n  children: ReactNode;\n}\n\ninterface State {\n  hasError: boolean;\n  error?: Error;\n  errorInfo?: ErrorInfo;\n}\n\nconst StyledPre = (props: BoxProps) => (\n  <Box as=\"pre\" paddingTop=\"0.5rem\" wordBreak=\"break-all\" whiteSpace=\"pre-wrap\" fontSize=\"0.8rem\" {...props} />\n);\n\nexport class ErrorBoundary extends React.Component<Props, State> {\n  constructor(props: any) {\n    super(props);\n    this.state = { hasError: false };\n  }\n\n  static getDerivedStateFromError(error: any) {\n    return { hasError: true };\n  }\n\n  componentDidCatch(error: any, errorInfo: any) {\n    this.setState({ hasError: true, error, errorInfo });\n    console.error(error, { errorInfo, boundaryName: this.props.boundaryName });\n  }\n\n  render() {\n    if (this.state.hasError) {\n      const stackTrace = this.state.errorInfo?.componentStack;\n      const errormsg = this.state.error?.message;\n      const info = this.props.boundaryName;\n\n      return (\n        <div>\n          <Alert status=\"error\">\n            <p>Beklager, det skjedde en teknisk feil.</p>\n            {isDevelopment() && (stackTrace || errormsg) && (\n              <div>\n                <StyledPre>{errormsg || \"\"}</StyledPre>\n                <StyledPre>{info || \"\"}</StyledPre>\n                <StyledPre>{stackTrace || \"\"}</StyledPre>\n              </div>\n            )}\n          </Alert>\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n","import { Box } from \"@chakra-ui/react\";\nimport React from \"react\";\n\ninterface Props {\n  id: string;\n  /**\n   * angir hvor mye luft til vil ha over HashLinkTarget ved bruk av hash-lenke, eks '4rem'\n   */\n  spaceAbove?: string;\n  /**\n   * angir om du vil ha fokusramme rundt komponenten som mounter HashLinkTarget. Da må komponenten du wrapper med ha position: relative | absolute el\n   */\n  focusOnParent?: boolean;\n}\n\nconst focusOnRelativeParentStyle = {\n  _focusWithin: {\n    position: \"static\",\n    boxShadow: \"none\",\n    \"&::after\": {\n      content: '\"\"',\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n      height: \"100%\",\n      width: \"100%\",\n      pointerEvents: \"none\",\n      borderRadius: \"0.25rem\",\n      boxShadow: \"var(--chakra-shadows-outline)\",\n    },\n  },\n};\n\n/*\n * Komponent som sørger for luft over anchors (elementer man kan lenke til med hash-lenker feks <a href=\"#min-overskrift\">Ta meg til overskrift</a>)\n */\nexport function HashLinkTarget(props: Props) {\n  return (\n    <Box position=\"relative\" css={props.focusOnParent ? focusOnRelativeParentStyle : undefined}>\n      <Box\n        id={props.id}\n        tabIndex={props.focusOnParent ? -1 : undefined}\n        position=\"absolute\"\n        top={`-${props.spaceAbove || \"2.5rem\"}`}\n        _focus={{\n          boxShadow: \"none !important\",\n        }}\n      />\n    </Box>\n  );\n}\n","import React from \"react\";\nimport { ErrorBoundary } from \"./ErrorBoundary\";\n\nexport const withErrorBoundary = <Props,>(Component: React.ComponentType<Props>, boundaryName: string) => {\n  return (props: Props & React.JSX.IntrinsicAttributes) => (\n    <ErrorBoundary boundaryName={boundaryName}>\n      <Component {...props} />\n    </ErrorBoundary>\n  );\n};\n"]}
+{"version":3,"sources":["../src/index.ts","../../utils/src/date.ts","../../utils/src/colors.ts","../../utils/src/environment.ts","../src/components/Alert.tsx","../src/components/Button.tsx","../src/components/IconButton.tsx","../src/components/ConditionalWrapper.tsx","../src/components/HideWithCSS.tsx","../src/components/Input.tsx","../src/components/VisuallyHidden.tsx","../src/components/Link.tsx","../src/BiblioteksentralenProvider.tsx","../src/styles/chakraTheme/biblioteksentralenChakraTheme.ts","../src/styles/chakraTheme/ButtonStyles.ts","../src/styles/chakraTheme/ContainerStyles.ts","../src/styles/chakraTheme/HeadingStyles.ts","../src/styles/chakraTheme/InputStyles.ts","../src/styles/chakraTheme/LinkStyles.ts","../src/styles/chakraTheme/SpinnerStyles.ts","../src/styles/chakraTheme/sizes.ts","../src/components/ErrorBoundary.tsx","../src/components/HashLinkTarget.tsx","../src/components/withErrorBoundary.tsx","../src/components/ui/toaster.tsx"],"names":["import_react","React","colors","ChakraAlert","ChakraButton","ChakraIconButton","ChakraVisuallyHidden","ChakraInput","ChakraLink","variants","ChakraToaster"],"mappings":"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","sourcesContent":["export * from \"@chakra-ui/react\"; // Exports Chakra components first to override some components later\nexport type { StyleProps, ResponsiveObject } from \"@chakra-ui/system\"; // Exports Chakra system types\nexport { Alert } from \"./components/Alert\"; // Overrides Chakras Alert\nexport { Button, type ButtonProps } from \"./components/Button\"; // Overrides Chakras Button\nexport { IconButton, type IconButtonProps } from \"./components/IconButton\"; // Overrides Chakras IconButton\nexport { ConditionalWrapper } from \"./components/ConditionalWrapper\"; // Overrides Chakras Input\nexport { HideWithCSS } from \"./components/HideWithCSS\"; // Overrides Chakras HideWithCSS\nexport { Input } from \"./components/Input\"; // Overrides Chakras Input\nexport { Link } from \"./components/Link\"; // Overrides Chakras Link\nexport { VisuallyHidden } from \"./components/VisuallyHidden\"; // Overrides Chakras VisuallyHidden\n\nexport { BiblioteksentralenProvider } from \"./BiblioteksentralenProvider\";\nexport { ErrorBoundary } from \"./components/ErrorBoundary\";\nexport { HashLinkTarget } from \"./components/HashLinkTarget\";\nexport { withErrorBoundary } from \"./components/withErrorBoundary\";\n\nexport { colors } from \"@biblioteksentralen/utils\"; // Re-export colors for convenience\n\n// Generated from cli: npmx @chakra-ui/cli snippet add\nexport { Toaster, toaster } from \"./components/ui/toaster\"; // Exports the Toaster component\n","import { format } from \"date-fns/format\";\nimport { nb } from \"date-fns/locale/nb\";\n\nexport function formaterDato(dato?: string, dateFnsformat = \"Pp\") {\n  if (typeof dato !== \"string\") return \"Ukjent dato\";\n\n  try {\n    return format(new Date(dato), dateFnsformat, { locale: nb });\n  } catch (e) {\n    console.error(\"Kunne ikke formattere dato:\" + dato, e);\n    return dato;\n  }\n}\n","export const colors = {\n  black: \"#000000\",\n  grey90: \"#181818\",\n  grey80: \"#333333\",\n  grey60: \"#585858\",\n  grey45: \"#8c8c8c\",\n  grey30: \"#b2b2b2\",\n  grey15: \"#d9d9d9\",\n  grey10: \"#e5e5e5\",\n  grey05: \"#f2f2f2\",\n  white: \"#ffffff\",\n  bsRødDark: \"#870010\",\n  bsRødMedium: \"#d53d40\",\n  accentPurple: \"#331433\",\n  accentPeach: \"#ffba99\",\n  accentGreen: \"#003b29\",\n  accentBlueDark: \"#001740\",\n  accentBlueMedium: \"#5996de\",\n  accentYellow: \"#ffc970\",\n  lightBlue: \"#dbe8ef\",\n  lightGreen: \"#dbe0db\",\n  lightPeach: \"#f4e7de\",\n  lightPurple: \"#ece8f3\",\n  statusRed: \"#ad313c\",\n  statusYellow: \"#bc5600\",\n  statusGreen: \"#24845b\",\n  statusGreenLight: \"#edf4f1\",\n  statusRedLight: \"#f8efef\",\n  statusYellowLight: \"#fff6e4\",\n  neptune: {\n    \"100\": \"#CFE6E8\",\n    \"200\": \"#9FCDD2\",\n    \"300\": \"#6FB5BB\",\n    \"400\": \"#3F9CA5\",\n    \"500\": \"#0F838E\",\n    \"600\": \"#0C6972\",\n    \"700\": \"#094F55\",\n    \"800\": \"#063439\",\n    \"900\": \"#031A1C\",\n  },\n};\n","export function isDevelopment(): boolean {\n  return process.env.NODE_ENV === \"development\";\n}\n\nexport function isClient(): boolean {\n  return typeof window !== \"undefined\";\n}\n\nexport function isServer(): boolean {\n  return !isClient();\n}\n","import { Modify } from \"@biblioteksentralen/types\";\nimport { colors } from \"@biblioteksentralen/utils\";\nimport { AlertRootProps, Alert as ChakraAlert, SystemStyleObject } from \"@chakra-ui/react\";\nimport React, { ReactNode } from \"react\";\nimport { AlertCircle, CheckCircle, Info, XCircle } from \"react-feather\";\n\ntype Status = \"info\" | \"warning\" | \"success\" | \"error\";\ntype CustomVariants = \"inline\";\ntype Variants = AlertRootProps[\"variant\"] | CustomVariants;\n\nconst colorLookup: Record<Status, { bg: string; color: string }> = {\n  info: { bg: colors.lightBlue, color: colors.accentBlueMedium },\n  warning: { bg: colors.statusYellowLight, color: colors.statusYellow },\n  success: { bg: colors.statusGreenLight, color: colors.statusGreen },\n  error: { bg: colors.statusRedLight, color: colors.statusRed },\n};\n\nconst iconLookup: Record<Status, React.ReactElement> = {\n  info: <Info strokeWidth={1.75} role=\"img\" aria-label=\"Informasjon\" />,\n  warning: <AlertCircle strokeWidth={1.75} role=\"img\" aria-label=\"Advarsel\" />,\n  success: <CheckCircle strokeWidth={1.75} role=\"img\" aria-label=\"Suksess\" />,\n  error: <XCircle strokeWidth={1.75} role=\"img\" aria-label=\"Feil\" />,\n};\n\ninterface Props extends Modify<AlertRootProps, { variant?: Variants }> {\n  children: ReactNode;\n  header?: ReactNode;\n  status: Status;\n  variant?: Variants;\n}\n\nconst variantStyles: Record<CustomVariants, SystemStyleObject> = {\n  inline: {\n    borderColor: \"transparent\",\n    backgroundColor: \"transparent\",\n    padding: \"0\",\n  },\n};\n\nexport function Alert({ status, children, variant, header, ...rest }: Props) {\n  const colors = colorLookup[status];\n  return (\n    <ChakraAlert.Root\n      status={status}\n      fontSize=\"md\"\n      border={`0.1rem solid`}\n      borderColor={colors.color}\n      backgroundColor={colors.bg}\n      display=\"flex\"\n      flexWrap=\"wrap\"\n      {...(variant === \"inline\" ? variantStyles[variant] : {})}\n      {...rest}\n    >\n      <ChakraAlert.Indicator marginX=\"auto\">{iconLookup[status]}</ChakraAlert.Indicator>\n      <ChakraAlert.Content color=\"black\">\n        {header && <ChakraAlert.Title>{header}</ChakraAlert.Title>}\n        <ChakraAlert.Description>{children}</ChakraAlert.Description>\n      </ChakraAlert.Content>\n    </ChakraAlert.Root>\n  );\n}\n","import { Modify } from \"@biblioteksentralen/types\";\nimport { Button as ChakraButton, ButtonProps as NativeButtonProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\nimport { CustomButtonVariants } from \"../styles/chakraTheme/ButtonStyles\";\n\n/**\n * Re-exporting chackras Button with a customised types\n * This causes both chakras native variants and our home-made variants to show up in auto-complete\n */\ntype ButtonVariants = NativeButtonProps[\"variant\"] | CustomButtonVariants;\nexport type ButtonProps = Modify<NativeButtonProps, { variant?: ButtonVariants }>;\nexport const Button = ChakraButton as ComponentWithAs<\"button\", ButtonProps>;\n","import { Modify } from \"@biblioteksentralen/types\";\nimport { IconButton as ChakraIconButton, IconButtonProps as ChakraIconButtonProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\nimport { CustomButtonVariants } from \"../styles/chakraTheme/ButtonStyles\";\n\n/**\n * Re-exporting chackras IconButton with a customised types\n * This causes both chakras native variants and our home-made variants to show up in auto-complete\n */\ntype IconButtonVariants = ChakraIconButtonProps[\"variant\"] | CustomButtonVariants;\nexport type IconButtonProps = Modify<ChakraIconButtonProps, { variant?: IconButtonVariants }>;\nexport const IconButton = ChakraIconButton as ComponentWithAs<\"button\", IconButtonProps>;\n","import React, { FunctionComponent, ReactNode } from \"react\";\n\ntype Props = {\n  children: ReactNode;\n  wrapper: FunctionComponent<{ children: ReactNode }>;\n  condition: boolean;\n};\n\n/**\n * Conditionally wrapps children with a component. If conditions are not met children mounted without the wrapper.\n */\nexport const ConditionalWrapper: FunctionComponent<Props> = ({ condition, children, wrapper: Wrapper }) =>\n  condition ? <Wrapper>{children}</Wrapper> : <>{children}</>;\n","import { Box, BoxProps } from \"@chakra-ui/react\";\nimport { ThemeTypings } from \"@chakra-ui/system\";\nimport React, { FunctionComponent, ReactNode } from \"react\";\n\ntype Props = {\n  children: ReactNode;\n  above?: ThemeTypings[\"breakpoints\"];\n  below?: ThemeTypings[\"breakpoints\"];\n} & Omit<BoxProps, \"display\">;\n\n/** Chakras <Hide /> component uses client side javascript to hide components. Causes components to flash on mobile while loading */\nexport const HideWithCSS: FunctionComponent<Props> = ({ children, above, below, ...chakraProps }) => {\n  const display: BoxProps[\"display\"] = {\n    ...(!!below ? { base: \"none\", [below]: \"block\" } : {}),\n    ...(!!above ? { [above]: \"none\" } : {}),\n  };\n\n  return (\n    <Box {...chakraProps} display={display}>\n      {children}\n    </Box>\n  );\n};\n","import { Field, Input as ChakraInput, InputProps, FieldLabelProps } from \"@chakra-ui/react\";\nimport React from \"react\";\nimport { VisuallyHidden } from \"./VisuallyHidden\";\nimport { colors } from \"@biblioteksentralen/utils\";\n\ninterface Props extends InputProps {\n  label: string;\n  hideLabel?: boolean;\n  labelProps?: FieldLabelProps;\n  helperText?: string;\n  errorMessage?: string;\n}\n\n/**\n * Creating custom input-component to make sure label is always set (for accessibility)\n * Also handles some common needs (helper text and error message. For more advanced input-components we leave it to the consumers to compose custom input-components based on Chakra\n */\nexport const Input = (props: Props) => {\n  const { labelProps, label, helperText, errorMessage, hideLabel, ...inputProps } = props;\n\n  const formLabel = <Field.Label {...labelProps}>{label}</Field.Label>;\n\n  return (\n    <Field.Root invalid={!!errorMessage}>\n      {hideLabel ? <VisuallyHidden>{formLabel}</VisuallyHidden> : formLabel}\n      {helperText && <Field.HelperText>{helperText}</Field.HelperText>}\n      <ChakraInput {...inputProps} />\n      {errorMessage && <Field.ErrorText>{errorMessage}</Field.ErrorText>}\n    </Field.Root>\n  );\n};\n","import React, { HTMLAttributes, ReactNode, useEffect } from \"react\";\nimport { VisuallyHidden as ChakraVisuallyHidden } from \"@chakra-ui/react\";\nimport { isDevelopment } from \"@biblioteksentralen/utils\";\n\ninterface Props extends HTMLAttributes<HTMLSpanElement> {\n  children: ReactNode;\n}\n\n// https://www.joshwcomeau.com/snippets/react-components/visually-hidden/\nexport function VisuallyHidden({ children, ...rest }: Props) {\n  const [forceShow, setForceShow] = React.useState(false);\n\n  useEffect(() => {\n    if (isDevelopment()) {\n      const handleKeyDown = (ev: KeyboardEvent) => {\n        if (ev.key === \"Alt\") {\n          setForceShow(true);\n        }\n      };\n      const handleKeyUp = (ev: KeyboardEvent) => {\n        if (ev.key === \"Alt\") {\n          setForceShow(false);\n        }\n      };\n      window.addEventListener(\"keydown\", handleKeyDown);\n      window.addEventListener(\"keyup\", handleKeyUp);\n      return () => {\n        window.removeEventListener(\"keydown\", handleKeyDown);\n        window.removeEventListener(\"keyup\", handleKeyUp);\n      };\n    }\n  }, []);\n\n  // position=\"fixed\" løser bug der visually hidden ikke hindret tekst fra å ta plass i bredden\n  return forceShow ? <span>{children}</span> : <ChakraVisuallyHidden position=\"fixed\">{children}</ChakraVisuallyHidden>;\n}\n","import { Modify } from \"@biblioteksentralen/types\";\nimport { Link as ChakraLink, LinkProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\nimport { CustomLinkVariants } from \"../styles/chakraTheme/LinkStyles\";\n\n/**\n * Re-exporting chackras Link with a customised types\n * This causes both chakras native variants and our home-made variants to show up in auto-complete\n */\ntype LinkVariants = LinkProps[\"variant\"] | CustomLinkVariants;\nexport const Link = ChakraLink as ComponentWithAs<\"a\", Modify<LinkProps, { variant?: LinkVariants }>>;\n","import React, { ReactNode } from \"react\";\nimport { ChakraProvider, createSystem, defaultConfig, SystemConfig } from \"@chakra-ui/react\";\nimport { biblioteksentralenChakraTheme } from \"./styles/chakraTheme/biblioteksentralenChakraTheme\";\nimport { ColorModeProvider } from \"@chakra-ui/system\";\n\ninterface Props {\n  children: ReactNode;\n  customTheme?: SystemConfig;\n}\n\nexport const BiblioteksentralenProvider = (props: Props) => (\n  <ChakraProvider value={createSystem(defaultConfig, biblioteksentralenChakraTheme, props.customTheme || {})}>\n    <ColorModeProvider {...props} />\n  </ChakraProvider>\n);\n","import { defineConfig, defineTokens } from \"@chakra-ui/react\";\nimport { ButtonStyles } from \"./ButtonStyles\";\nimport { ContainerStyles } from \"./ContainerStyles\";\nimport { HeadingStyles } from \"./HeadingStyles\";\nimport { InputStyles } from \"./InputStyles\";\nimport { LinkStyles } from \"./LinkStyles\";\nimport { SpinnerStyles } from \"./SpinnerStyles\";\nimport { sizes } from \"./sizes\";\n\nconst tokens = defineTokens({\n  sizes,\n});\n\n// https://blog.logrocket.com/guide-css-word-wrap-overflow-wrap-word-break/\n// https://medium.com/clear-left-thinking/all-you-need-to-know-about-hyphenation-in-css-2baee2d89179\n// Skrur på hyphens auto som default fordi vi har masse mikrotekster og små elementer der layout knekker uten dette, og vi lager stadig nye og glemmer å ta hensyn til dette.\n// Så kan man optionaly sette hyphens: none de stedene man ikke ønsker det, men har ikke sett noe som knekker/blir rart pga dette enda\nconst globalHyphens = {\n  hyphens: \"auto\",\n  hyphenateLimitChars: \"8 5 3\", // minimum word-length / min letters first line / min letters second line\n};\n\nexport const focusStyle = {\n  outline: \"none !important\",\n  boxShadow: `0 0 0 .1rem white, 0 0 0 .2rem black, 0 0 0 .3rem white !important`,\n  transition: \"box-shadow 0.1s ease-out\",\n};\n\nexport const biblioteksentralenChakraTheme = defineConfig({\n  theme: {\n    tokens,\n    recipes: {\n      heading: HeadingStyles,\n      button: ButtonStyles,\n      input: InputStyles,\n      link: LinkStyles,\n      container: ContainerStyles,\n      spinner: SpinnerStyles,\n    },\n  },\n  globalCss: {\n    html: {\n      fontSize: { base: \"112.5%\", md: \"120%\" },\n      // Sørger for smooth scrolling for interne lenker som scroller til annet sted på siden,\n      // men ikke hvis fokus er utenfor viduet, feks ved søk i tekst (ctrl + f)\n      \"&:focus-within\": { scrollBehavior: \"smooth !important\" },\n    },\n    body: {\n      ...globalHyphens,\n    },\n    // Felles fokus-styling for alle elementer for å sikre at de har en tydelig og uniform visuell indikasjon når de er i fokus\n    \"*:focus-visible\": focusStyle,\n  },\n});\n","import { colors } from \"@biblioteksentralen/utils\";\nimport { defaultConfig, defineRecipe, SystemStyleObject } from \"@chakra-ui/react\";\n\nexport type CustomButtonVariants = \"primary\" | \"secondary\" | \"tertiary\";\n\nconst variants: Record<CustomButtonVariants, SystemStyleObject> = {\n  primary: {\n    backgroundColor: colors.black,\n    color: \"white\",\n    _hover: {\n      backgroundColor: \"hsla(0deg, 0%, 70%, 1)\",\n      color: \"black\",\n    },\n  },\n  secondary: {\n    borderColor: \"currentColor\",\n  },\n  tertiary: {},\n  // Inherit variants from Chakra's default config. Seems like they are overridden by our custom variants by default.\n  ...defaultConfig.theme?.recipes?.button?.variants?.variant,\n};\n\nexport const ButtonStyles = defineRecipe({\n  base: {\n    borderColor: \"transparent\",\n    borderWidth: \"0.1em\",\n    fontWeight: 600,\n    color: \"currentColor\",\n    backgroundColor: \"transparent\",\n    _hover: {\n      backgroundColor: \"currentColor/7\",\n    },\n    _disabled: {\n      backgroundColor: `${colors.grey45}`,\n      color: \"white\",\n      opacity: 1,\n    },\n  },\n  variants: {\n    variant: variants,\n    size: {\n      sm: {\n        h: \"8\",\n        px: \"2\",\n        textStyle: \"md\",\n      },\n      md: {\n        textStyle: \"md\",\n      },\n      lg: {\n        h: \"12\",\n        textStyle: \"lg\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"primary\",\n    size: \"md\",\n  },\n});\n","import { defineRecipe } from \"@chakra-ui/react\";\n\nexport const ContainerStyles = defineRecipe({\n  base: {\n    px: \".75rem\", // Padding left/right\n  },\n});\n","import { defineRecipe } from \"@chakra-ui/react\";\n\nexport const HeadingStyles = defineRecipe({\n  base: {\n    fontWeight: \"600\",\n  },\n});\n","import { defineRecipe, SystemStyleObject } from \"@chakra-ui/react\";\n\nconst variants: Record<string, SystemStyleObject> = {\n  subtle: {\n    backgroundColor: { _light: \"gray.200\", _dark: \"whiteAlpha.100\" },\n    _hover: {\n      bg: { _light: \"gray.300\", _dark: \"whiteAlpha.200\" },\n    },\n  },\n  outline: {\n    borderColor: { _light: \"gray.300\", _dark: \"whiteAlpha.300\" },\n    _hover: {\n      borderColor: { _light: \"gray.400\", _dark: \"whiteAlpha.400\" },\n    },\n  },\n  flushed: {\n    borderColor: { _light: \"gray.300\", _dark: \"whiteAlpha.300\" },\n    _hover: {\n      borderColor: { _light: \"gray.400\", _dark: \"whiteAlpha.400\" },\n    },\n  },\n};\n\nexport const InputStyles = defineRecipe({\n  base: {\n    _placeholder: {\n      color: { _light: \"gray.500\", _dark: \"whiteAlpha.500\" },\n    },\n  },\n  variants: {\n    variant: variants,\n  },\n  defaultVariants: {\n    variant: \"subtle\",\n  },\n});\n","import { defineRecipe, SystemStyleObject } from \"@chakra-ui/react\";\n\nexport type CustomLinkVariants = \"plain\" | \"underline\";\n\nconst variants: Record<CustomLinkVariants, SystemStyleObject> = {\n  plain: {\n    color: \"currentColor\",\n    textDecoration: \"none\",\n    textDecorationColor: \"currentColor/30\",\n    _hover: {\n      textDecoration: \"underline\",\n    },\n  },\n  underline: {\n    color: \"currentColor\",\n    textDecoration: \"underline\",\n    textDecorationColor: \"currentColor/30\",\n    _hover: {\n      textDecoration: \"none\",\n    },\n  },\n};\n\nexport const LinkStyles = defineRecipe({\n  variants: {\n    variant: variants,\n  },\n  defaultVariants: {\n    variant: \"underline\",\n  },\n});\n","import { colors } from \"@biblioteksentralen/utils\";\nimport { defineRecipe } from \"@chakra-ui/react\";\n\nexport const SpinnerStyles = defineRecipe({\n  base: {\n    animationDuration: \".8s\",\n    color: colors.accentBlueMedium,\n    // Todo: Legg til trackColor: https://chakra-ui.com/docs/components/spinner#track-color\n    borderWidth: \".175em\",\n  },\n});\n","const container = {\n  sm: { value: \"40rem\" },\n  md: { value: \"48rem\" },\n  lg: { value: \"56rem\" }, // Forsøker 56rem som standardbredde etter testing med Katrine\n  xl: { value: \"80rem\" },\n};\n\nexport const sizes = {\n  container,\n};\n","import { isDevelopment } from \"@biblioteksentralen/utils\";\nimport { Box, BoxProps } from \"@chakra-ui/react\";\nimport React, { ErrorInfo, ReactNode } from \"react\";\nimport { Alert } from \"./Alert\";\n\ninterface Props {\n  boundaryName?: string;\n  children: ReactNode;\n}\n\ninterface State {\n  hasError: boolean;\n  error?: Error;\n  errorInfo?: ErrorInfo;\n}\n\nconst StyledPre = (props: BoxProps) => (\n  <Box as=\"pre\" paddingTop=\"0.5rem\" wordBreak=\"break-all\" whiteSpace=\"pre-wrap\" fontSize=\"0.8rem\" {...props} />\n);\n\nexport class ErrorBoundary extends React.Component<Props, State> {\n  constructor(props: any) {\n    super(props);\n    this.state = { hasError: false };\n  }\n\n  static getDerivedStateFromError(error: any) {\n    return { hasError: true };\n  }\n\n  componentDidCatch(error: any, errorInfo: any) {\n    this.setState({ hasError: true, error, errorInfo });\n    console.error(error, { errorInfo, boundaryName: this.props.boundaryName });\n  }\n\n  render() {\n    if (this.state.hasError) {\n      const stackTrace = this.state.errorInfo?.componentStack;\n      const errormsg = this.state.error?.message;\n      const info = this.props.boundaryName;\n\n      return (\n        <div>\n          <Alert status=\"error\">\n            <p>Beklager, det skjedde en teknisk feil.</p>\n            {isDevelopment() && (stackTrace || errormsg) && (\n              <div>\n                <StyledPre>{errormsg || \"\"}</StyledPre>\n                <StyledPre>{info || \"\"}</StyledPre>\n                <StyledPre>{stackTrace || \"\"}</StyledPre>\n              </div>\n            )}\n          </Alert>\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n","import { Box } from \"@chakra-ui/react\";\nimport React from \"react\";\nimport { focusStyle } from \"../styles/chakraTheme/biblioteksentralenChakraTheme\";\n\ninterface Props {\n  id: string;\n  /**\n   * angir hvor mye luft til vil ha over HashLinkTarget ved bruk av hash-lenke, eks '4rem'\n   */\n  spaceAbove?: string;\n  /**\n   * angir om du vil ha fokusramme rundt komponenten som mounter HashLinkTarget. Da må komponenten du wrapper med ha position: relative | absolute el\n   */\n  focusOnParent?: boolean;\n}\n\nconst focusOnRelativeParentStyle = {\n  _focusWithin: {\n    position: \"static\",\n    boxShadow: \"none\",\n    \"&::after\": {\n      content: '\"\"',\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n      height: \"100%\",\n      width: \"100%\",\n      pointerEvents: \"none\",\n      borderRadius: \"0.25rem\",\n      ...focusStyle,\n    },\n  },\n};\n\n/*\n * Komponent som sørger for luft over anchors (elementer man kan lenke til med hash-lenker feks <a href=\"#min-overskrift\">Ta meg til overskrift</a>)\n */\nexport function HashLinkTarget(props: Props) {\n  return (\n    <Box position=\"relative\" css={props.focusOnParent ? focusOnRelativeParentStyle : undefined}>\n      <Box\n        id={props.id}\n        tabIndex={props.focusOnParent ? -1 : undefined}\n        position=\"absolute\"\n        top={`-${props.spaceAbove || \"2.5rem\"}`}\n        _focus={{\n          boxShadow: \"none !important\",\n        }}\n      />\n    </Box>\n  );\n}\n","import React from \"react\";\nimport { ErrorBoundary } from \"./ErrorBoundary\";\n\nexport const withErrorBoundary = <Props,>(Component: React.ComponentType<Props>, boundaryName: string) => {\n  return (props: Props & React.JSX.IntrinsicAttributes) => (\n    <ErrorBoundary boundaryName={boundaryName}>\n      <Component {...props} />\n    </ErrorBoundary>\n  );\n};\n","\"use client\";\n\nimport {\n  Toaster as ChakraToaster,\n  Portal,\n  Spinner,\n  Stack,\n  Toast,\n  ToastRootProps,\n  createToaster,\n} from \"@chakra-ui/react\";\nimport React from \"react\";\n\nexport const toaster: ToastRootProps = createToaster({\n  pauseOnPageIdle: true,\n  offsets: { left: \"50%\", top: \"50%\", right: \"50%\", bottom: \"50%\" },\n});\n\nexport const Toaster = () => {\n  return (\n    <Portal>\n      <ChakraToaster toaster={toaster} insetInline={{ mdDown: \"4\" }}>\n        {(toast: ToastRootProps) => {\n          if (typeof toast.render === \"function\") {\n            return <>{toast.render()}</>;\n          }\n          return (\n            <Toast.Root width={{ md: \"sm\" }}>\n              {toast.type === \"loading\" ? <Spinner size=\"sm\" color=\"blue.solid\" /> : <Toast.Indicator />}\n              <Stack gap=\"1\" flex=\"1\" maxWidth=\"100%\">\n                {toast.title && <Toast.Title>{toast.title}</Toast.Title>}\n                {toast.description && <Toast.Description>{toast.description}</Toast.Description>}\n              </Stack>\n              {toast.action && <Toast.ActionTrigger>{toast.action.label}</Toast.ActionTrigger>}\n              {toast.closable && <Toast.CloseTrigger />}\n            </Toast.Root>\n          );\n        }}\n      </ChakraToaster>\n    </Portal>\n  );\n};\n"]}

package/dist/index.mjs

@@ -78,13 +78,16 @@ function Alert({ status, children, variant, header, ...rest }) {
     ChakraAlert.Root,
     {
       status,
+      fontSize: "md",
       border: `0.1rem solid`,
       borderColor: colors2.color,
       backgroundColor: colors2.bg,
+      display: "flex",
+      flexWrap: "wrap",
       ...variant === "inline" ? variantStyles[variant] : {},
       ...rest
     },
-    /* @__PURE__ */ React.createElement(ChakraAlert.Indicator, null, iconLookup[status]),
+    /* @__PURE__ */ React.createElement(ChakraAlert.Indicator, { marginX: "auto" }, iconLookup[status]),
     /* @__PURE__ */ React.createElement(ChakraAlert.Content, { color: "black" }, header && /* @__PURE__ */ React.createElement(ChakraAlert.Title, null, header), /* @__PURE__ */ React.createElement(ChakraAlert.Description, null, children))
   );
 }
@@ -93,6 +96,10 @@ function Alert({ status, children, variant, header, ...rest }) {
 import { Button as ChakraButton } from "@chakra-ui/react";
 var Button = ChakraButton;
 
+// src/components/IconButton.tsx
+import { IconButton as ChakraIconButton } from "@chakra-ui/react";
+var IconButton = ChakraIconButton;
+
 // src/components/ConditionalWrapper.tsx
 import React2 from "react";
 var ConditionalWrapper = ({ condition, children, wrapper: Wrapper }) => condition ? /* @__PURE__ */ React2.createElement(Wrapper, null, children) : /* @__PURE__ */ React2.createElement(React2.Fragment, null, children);
@@ -153,10 +160,13 @@ var Link = ChakraLink;
 
 // src/BiblioteksentralenProvider.tsx
 import React6 from "react";
-import { ChakraProvider } from "@chakra-ui/react";
+import { ChakraProvider, createSystem, defaultConfig as defaultConfig2 } from "@chakra-ui/react";
+
+// src/styles/chakraTheme/biblioteksentralenChakraTheme.ts
+import { defineConfig, defineTokens } from "@chakra-ui/react";
 
 // src/styles/chakraTheme/ButtonStyles.ts
-import { defineRecipe } from "@chakra-ui/react";
+import { defaultConfig, defineRecipe } from "@chakra-ui/react";
 var variants = {
   primary: {
     backgroundColor: colors.black,
@@ -167,46 +177,48 @@ var variants = {
     }
   },
   secondary: {
-    borderColor: "currentColor !important",
-    backgroundColor: "transparent",
-    color: "currentColor",
-    _hover: {
-      backgroundColor: "hsla(0deg, 0%, 50%, 0.15)"
-    }
+    borderColor: "currentColor"
   },
-  tertiary: {
-    backgroundColor: "transparent",
-    color: "currentColor",
-    _hover: {
-      backgroundColor: "hsla(0deg, 0%, 50%, 0.15)",
-      color: "currentColor"
-    }
-  }
+  tertiary: {},
+  // Inherit variants from Chakra's default config. Seems like they are overridden by our custom variants by default.
+  ...defaultConfig.theme?.recipes?.button?.variants?.variant
 };
 var ButtonStyles = defineRecipe({
   base: {
-    border: "transparent 0.1em solid",
-    borderRadius: "0.35em",
+    borderColor: "transparent",
+    borderWidth: "0.1em",
     fontWeight: 600,
+    color: "currentColor",
+    backgroundColor: "transparent",
+    _hover: {
+      backgroundColor: "currentColor/7"
+    },
     _disabled: {
-      backgroundColor: `${colors.grey45} !important`,
-      color: "white !important",
+      backgroundColor: `${colors.grey45}`,
+      color: "white",
       opacity: 1
     }
   },
   variants: {
-    variant: {
-      ...variants
-    },
-    sizes: {
+    variant: variants,
+    size: {
       sm: {
-        padding: "0.2em 0.5em",
-        fontSize: "1rem"
+        h: "8",
+        px: "2",
+        textStyle: "md"
+      },
+      md: {
+        textStyle: "md"
+      },
+      lg: {
+        h: "12",
+        textStyle: "lg"
       }
     }
   },
   defaultVariants: {
-    variant: "primary"
+    variant: "primary",
+    size: "md"
   }
 });
 
@@ -256,7 +268,7 @@ var InputStyles = defineRecipe4({
     }
   },
   variants: {
-    variant: { ...variants2 }
+    variant: variants2
   },
   defaultVariants: {
     variant: "subtle"
@@ -267,13 +279,17 @@ var InputStyles = defineRecipe4({
 import { defineRecipe as defineRecipe5 } from "@chakra-ui/react";
 var variants3 = {
   plain: {
+    color: "currentColor",
     textDecoration: "none",
+    textDecorationColor: "currentColor/30",
     _hover: {
       textDecoration: "underline"
     }
   },
   underline: {
+    color: "currentColor",
     textDecoration: "underline",
+    textDecorationColor: "currentColor/30",
     _hover: {
       textDecoration: "none"
     }
@@ -281,7 +297,7 @@ var variants3 = {
 };
 var LinkStyles = defineRecipe5({
   variants: {
-    variant: { ...variants3 }
+    variant: variants3
   },
   defaultVariants: {
     variant: "underline"
@@ -312,12 +328,22 @@ var sizes = {
 };
 
 // src/styles/chakraTheme/biblioteksentralenChakraTheme.ts
-import { createSystem, defaultConfig } from "@chakra-ui/react";
-var biblioteksentralenChakraTheme = createSystem(defaultConfig, {
+var tokens = defineTokens({
+  sizes
+});
+var globalHyphens = {
+  hyphens: "auto",
+  hyphenateLimitChars: "8 5 3"
+  // minimum word-length / min letters first line / min letters second line
+};
+var focusStyle = {
+  outline: "none !important",
+  boxShadow: `0 0 0 .1rem white, 0 0 0 .2rem black, 0 0 0 .3rem white !important`,
+  transition: "box-shadow 0.1s ease-out"
+};
+var biblioteksentralenChakraTheme = defineConfig({
   theme: {
-    tokens: {
-      sizes
-    },
+    tokens,
     recipes: {
       heading: HeadingStyles,
       button: ButtonStyles,
@@ -333,13 +359,18 @@ var biblioteksentralenChakraTheme = createSystem(defaultConfig, {
       // Sørger for smooth scrolling for interne lenker som scroller til annet sted på siden,
       // men ikke hvis fokus er utenfor viduet, feks ved søk i tekst (ctrl + f)
       "&:focus-within": { scrollBehavior: "smooth !important" }
-    }
+    },
+    body: {
+      ...globalHyphens
+    },
+    // Felles fokus-styling for alle elementer for å sikre at de har en tydelig og uniform visuell indikasjon når de er i fokus
+    "*:focus-visible": focusStyle
   }
 });
 
 // src/BiblioteksentralenProvider.tsx
 import { ColorModeProvider } from "@chakra-ui/system";
-var BiblioteksentralenProvider = (props) => /* @__PURE__ */ React6.createElement(ChakraProvider, { value: biblioteksentralenChakraTheme }, /* @__PURE__ */ React6.createElement(ColorModeProvider, { ...props }));
+var BiblioteksentralenProvider = (props) => /* @__PURE__ */ React6.createElement(ChakraProvider, { value: createSystem(defaultConfig2, biblioteksentralenChakraTheme, props.customTheme || {}) }, /* @__PURE__ */ React6.createElement(ColorModeProvider, { ...props }));
 
 // src/components/ErrorBoundary.tsx
 import { Box as Box2 } from "@chakra-ui/react";
@@ -384,7 +415,7 @@ var focusOnRelativeParentStyle = {
       width: "100%",
       pointerEvents: "none",
       borderRadius: "0.25rem",
-      boxShadow: "var(--chakra-shadows-outline)"
+      ...focusStyle
     }
   }
 };
@@ -408,6 +439,29 @@ import React9 from "react";
 var withErrorBoundary = (Component, boundaryName) => {
   return (props) => /* @__PURE__ */ React9.createElement(ErrorBoundary, { boundaryName }, /* @__PURE__ */ React9.createElement(Component, { ...props }));
 };
+
+// src/components/ui/toaster.tsx
+import {
+  Toaster as ChakraToaster,
+  Portal,
+  Spinner,
+  Stack,
+  Toast,
+  createToaster
+} from "@chakra-ui/react";
+import React10 from "react";
+var toaster = createToaster({
+  pauseOnPageIdle: true,
+  offsets: { left: "50%", top: "50%", right: "50%", bottom: "50%" }
+});
+var Toaster = () => {
+  return /* @__PURE__ */ React10.createElement(Portal, null, /* @__PURE__ */ React10.createElement(ChakraToaster, { toaster, insetInline: { mdDown: "4" } }, (toast) => {
+    if (typeof toast.render === "function") {
+      return /* @__PURE__ */ React10.createElement(React10.Fragment, null, toast.render());
+    }
+    return /* @__PURE__ */ React10.createElement(Toast.Root, { width: { md: "sm" } }, toast.type === "loading" ? /* @__PURE__ */ React10.createElement(Spinner, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ React10.createElement(Toast.Indicator, null), /* @__PURE__ */ React10.createElement(Stack, { gap: "1", flex: "1", maxWidth: "100%" }, toast.title && /* @__PURE__ */ React10.createElement(Toast.Title, null, toast.title), toast.description && /* @__PURE__ */ React10.createElement(Toast.Description, null, toast.description)), toast.action && /* @__PURE__ */ React10.createElement(Toast.ActionTrigger, null, toast.action.label), toast.closable && /* @__PURE__ */ React10.createElement(Toast.CloseTrigger, null));
+  }));
+};
 export {
   Alert,
   BiblioteksentralenProvider,
@@ -416,11 +470,13 @@ export {
   ErrorBoundary,
   HashLinkTarget,
   HideWithCSS,
+  IconButton,
   Input,
   Link,
+  Toaster,
   VisuallyHidden,
-  biblioteksentralenChakraTheme,
   colors,
+  toaster,
   withErrorBoundary
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../../utils/src/colors.ts","../../utils/src/date.ts","../../utils/src/environment.ts","../../utils/src/random.ts","../../utils/src/slugifyString.ts","../../utils/src/sort/common.ts","../../utils/src/sort/sortAlphabetical.ts","../../utils/src/sort/sortArrayInGroups.ts","../../utils/src/sort/sortByMultiple.ts","../src/components/Alert.tsx","../src/components/Button.tsx","../src/components/ConditionalWrapper.tsx","../src/components/HideWithCSS.tsx","../src/components/Input.tsx","../src/components/VisuallyHidden.tsx","../src/components/Link.tsx","../src/BiblioteksentralenProvider.tsx","../src/styles/chakraTheme/ButtonStyles.ts","../src/styles/chakraTheme/ContainerStyles.ts","../src/styles/chakraTheme/HeadingStyles.ts","../src/styles/chakraTheme/InputStyles.ts","../src/styles/chakraTheme/LinkStyles.ts","../src/styles/chakraTheme/SpinnerStyles.ts","../src/styles/chakraTheme/sizes.ts","../src/styles/chakraTheme/biblioteksentralenChakraTheme.ts","../src/components/ErrorBoundary.tsx","../src/components/HashLinkTarget.tsx","../src/components/withErrorBoundary.tsx"],"sourcesContent":["export * from \"@chakra-ui/react\"; // Exports Chakra components first to override some components later\nexport { Alert } from \"./components/Alert\"; // Overrides Chakras Alert\nexport { Button } from \"./components/Button\"; // Overrides Chakras Button\nexport { ConditionalWrapper } from \"./components/ConditionalWrapper\"; // Overrides Chakras Input\nexport { HideWithCSS } from \"./components/HideWithCSS\"; // Overrides Chakras HideWithCSS\nexport { Input } from \"./components/Input\"; // Overrides Chakras Input\nexport { Link } from \"./components/Link\"; // Overrides Chakras Link\nexport { VisuallyHidden } from \"./components/VisuallyHidden\"; // Overrides Chakras VisuallyHidden\n\nexport { BiblioteksentralenProvider } from \"./BiblioteksentralenProvider\";\nexport { ErrorBoundary } from \"./components/ErrorBoundary\";\nexport { HashLinkTarget } from \"./components/HashLinkTarget\";\nexport { withErrorBoundary } from \"./components/withErrorBoundary\";\n\nexport { colors } from \"@biblioteksentralen/utils\"; // Re-export colors for convenience\nexport { biblioteksentralenChakraTheme } from \"./styles/chakraTheme/biblioteksentralenChakraTheme\";\n","export const colors = {\n  black: \"#000000\",\n  grey90: \"#181818\",\n  grey80: \"#333333\",\n  grey60: \"#585858\",\n  grey45: \"#8c8c8c\",\n  grey30: \"#b2b2b2\",\n  grey15: \"#d9d9d9\",\n  grey10: \"#e5e5e5\",\n  grey05: \"#f2f2f2\",\n  white: \"#ffffff\",\n  bsRødDark: \"#870010\",\n  bsRødMedium: \"#d53d40\",\n  accentPurple: \"#331433\",\n  accentPeach: \"#ffba99\",\n  accentGreen: \"#003b29\",\n  accentBlueDark: \"#001740\",\n  accentBlueMedium: \"#5996de\",\n  accentYellow: \"#ffc970\",\n  lightBlue: \"#dbe8ef\",\n  lightGreen: \"#dbe0db\",\n  lightPeach: \"#f4e7de\",\n  lightPurple: \"#ece8f3\",\n  statusRed: \"#ad313c\",\n  statusYellow: \"#bc5600\",\n  statusGreen: \"#24845b\",\n  statusGreenLight: \"#edf4f1\",\n  statusRedLight: \"#f8efef\",\n  statusYellowLight: \"#fff6e4\",\n  neptune: {\n    \"100\": \"#CFE6E8\",\n    \"200\": \"#9FCDD2\",\n    \"300\": \"#6FB5BB\",\n    \"400\": \"#3F9CA5\",\n    \"500\": \"#0F838E\",\n    \"600\": \"#0C6972\",\n    \"700\": \"#094F55\",\n    \"800\": \"#063439\",\n    \"900\": \"#031A1C\",\n  },\n};\n","import { format } from \"date-fns/format\";\nimport { nb } from \"date-fns/locale/nb\";\n\nexport function formaterDato(dato?: string, dateFnsformat = \"Pp\") {\n  if (typeof dato !== \"string\") return \"Ukjent dato\";\n\n  try {\n    return format(new Date(dato), dateFnsformat, { locale: nb });\n  } catch (e) {\n    console.error(\"Kunne ikke formattere dato:\" + dato, e);\n    return dato;\n  }\n}\n","export function isDevelopment(): boolean {\n  return process.env.NODE_ENV === \"development\";\n}\n\nexport function isClient(): boolean {\n  return typeof window !== \"undefined\";\n}\n\nexport function isServer(): boolean {\n  return !isClient();\n}\n","export function randomFromArray<T>(array: T[]): T {\n  return array[Math.floor(Math.random() * array.length)];\n}\n\nexport function seededRandomFromArray<T>(array: T[], seed: string): T {\n  return array[Math.floor(seededRandom(seed) * array.length)];\n}\n\n// Returns a pseudo-random floating-point number in the range [0.0 -> 1.0] from a string seed\n// TODO, ser ikke ut til å gi helt jevn fordeling mellom 0 og 1, trenger kanskje litt kjærlighet\nexport function seededRandom(seed: string) {\n  // Oversetter ikke-numeriske tegn til tall så de kan brukes som seed\n  const numericSeed = Number(seed.replace(/\\D/g, (match) => `${match.charCodeAt(0)}`));\n  const x = Math.sin(numericSeed) * 3333;\n  return x - Math.floor(x);\n}\n","export const slugifyString = (value = \"\") =>\n  value\n    .trim()\n    .toLowerCase()\n    // Bytter ut typisk norske bokstaver æøå\n    .replace(/æ/g, \"ae\")\n    .replace(/å/g, \"a\")\n    .replace(/ø/g, \"o\")\n    // Bytter alle tegn som ikke er et regex-word med '-'\n    .replace(/\\W/g, \"-\")\n    // Bytter ut flere streker med enkelt strek \"----\" => \"-\"\n    .replace(/-+/g, \"-\")\n    .slice(0, 30);\n","export type GetSortIndex<T> = (element: T) => number | string;\n\nconst compareAlphabetically = (left: string, right: string) => left.localeCompare(right, [\"no-NO\"]);\n\nexport const compare = <T>(left: T, right: T, indexFunction?: GetSortIndex<T>) => {\n  const leftIndex = indexFunction ? indexFunction(left) : left;\n  const rightIndex = indexFunction ? indexFunction(right) : right;\n\n  if (typeof leftIndex == \"number\" && typeof rightIndex == \"number\") return leftIndex - rightIndex;\n\n  if (typeof leftIndex == \"string\" && typeof rightIndex == \"string\") {\n    return compareAlphabetically(leftIndex, rightIndex);\n  }\n\n  throw new Error(\"Sort index function gives inconsistent index types\");\n};\n","import { GetSortIndex, compare } from \"./common\";\n\n/**\n * Alphabetical sorting restricted to Norwegian locale, for consistent sorting on server and client\n * (radash's `alphabetical()` is inconsistent between these two)\n */\nexport const sortAlphabetical = <T>(array: T[], indexFunction?: GetSortIndex<T>): T[] =>\n  array.slice().sort((left, right) => compare(left, right, indexFunction));\n","export interface Group<T> {\n  label: string;\n  items: T[];\n}\n\nexport interface GroupedArray<T> extends Array<Group<T>> {}\n\n/* Tar et array og putter ting i grupper basert på gruppekategorier\n *\n * Feks\n *\n * const myArray = ['Apple', 'Aubergine', 'Lemon'];\n *\n * const inGroups = groupArray(myArray, item => item[0]);\n *\n * console.log(inGroups);\n *\n * // [{groupLabel: 'A', groupItems: ['Apple', 'Aubergine']}, {groupLabel: 'L', groupItems: ['Lemon']}]\n *\n *  */\nexport function sortArrayInGroups<T>(\n  items: T[],\n  getGroupLabel: (element: T) => string,\n  options?: { sortAlphabetically?: boolean }\n): GroupedArray<T> {\n  const groups = items.reduce((acc: GroupedArray<T>, arrayEntry) => {\n    const currentCategory = getGroupLabel(arrayEntry);\n    const categoryIndex = acc.findIndex((group) => group.label === currentCategory);\n    if (categoryIndex >= 0) {\n      acc[categoryIndex].items.push(arrayEntry);\n    } else {\n      acc.push({\n        label: currentCategory,\n        items: [arrayEntry],\n      });\n    }\n    return acc;\n  }, []);\n\n  return options?.sortAlphabetically ? groups.sort(sortByLabel) : groups;\n}\n\nfunction sortByLabel<T>(a: Group<T>, b: Group<T>) {\n  if (a.label.toLowerCase() > b.label.toLowerCase()) return 1;\n  if (a.label.toLowerCase() < b.label.toLowerCase()) return -1;\n  return 0;\n}\n","import { AtLeastOne } from \"@biblioteksentralen/types\";\nimport { GetSortIndex, compare } from \"./common\";\n\n/**\n * Corresponds to lodash's sortBy called with several comparison functions (no equivalent in radash)\n */\nexport const sortByMultiple = <T>(array: T[], ...indexFunctions: AtLeastOne<GetSortIndex<T>>): T[] =>\n  array.slice().sort((left, right) =>\n    indexFunctions.slice(1).reduce(\n      // If the previous comparison is 0, it means left and right are equal according to the previous\n      // comparison function. That's also the only way it'll be falsy, therefore we can\n      // use the or operator || to then apply the next comparison function.\n      (previous, indexFunction) => previous || compare(left, right, indexFunction),\n      compare(left, right, indexFunctions[0]) // Initial comparison\n    )\n  );\n","import { Modify } from \"@biblioteksentralen/types\";\nimport { colors } from \"@biblioteksentralen/utils\";\nimport { AlertRootProps, Alert as ChakraAlert, SystemStyleObject } from \"@chakra-ui/react\";\nimport React, { ReactNode } from \"react\";\nimport { AlertCircle, CheckCircle, Info, XCircle } from \"react-feather\";\n\ntype Status = \"info\" | \"warning\" | \"success\" | \"error\";\ntype CustomVariants = \"inline\";\ntype Variants = AlertRootProps[\"variant\"] | CustomVariants;\n\nconst colorLookup: Record<Status, { bg: string; color: string }> = {\n  info: { bg: colors.lightBlue, color: colors.accentBlueMedium },\n  warning: { bg: colors.statusYellowLight, color: colors.statusYellow },\n  success: { bg: colors.statusGreenLight, color: colors.statusGreen },\n  error: { bg: colors.statusRedLight, color: colors.statusRed },\n};\n\nconst iconLookup: Record<Status, React.ReactElement> = {\n  info: <Info strokeWidth={1.75} role=\"img\" aria-label=\"Informasjon\" />,\n  warning: <AlertCircle strokeWidth={1.75} role=\"img\" aria-label=\"Advarsel\" />,\n  success: <CheckCircle strokeWidth={1.75} role=\"img\" aria-label=\"Suksess\" />,\n  error: <XCircle strokeWidth={1.75} role=\"img\" aria-label=\"Feil\" />,\n};\n\ninterface Props extends Modify<AlertRootProps, { variant?: Variants }> {\n  children: ReactNode;\n  header?: ReactNode;\n  status: Status;\n  variant?: Variants;\n}\n\nconst variantStyles: Record<CustomVariants, SystemStyleObject> = {\n  inline: {\n    borderColor: \"transparent\",\n    backgroundColor: \"transparent\",\n    padding: \"0\",\n  },\n};\n\nexport function Alert({ status, children, variant, header, ...rest }: Props) {\n  const colors = colorLookup[status];\n  return (\n    <ChakraAlert.Root\n      status={status}\n      border={`0.1rem solid`}\n      borderColor={colors.color}\n      backgroundColor={colors.bg}\n      {...(variant === \"inline\" ? variantStyles[variant] : {})}\n      {...rest}\n    >\n      <ChakraAlert.Indicator>{iconLookup[status]}</ChakraAlert.Indicator>\n      <ChakraAlert.Content color=\"black\">\n        {header && <ChakraAlert.Title>{header}</ChakraAlert.Title>}\n        <ChakraAlert.Description>{children}</ChakraAlert.Description>\n      </ChakraAlert.Content>\n    </ChakraAlert.Root>\n  );\n}\n","import React from \"react\";\nimport { Button as ChakraButton, ButtonProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\nimport { Modify } from \"@biblioteksentralen/types\";\nimport { CustomButtonVariants } from \"../styles/chakraTheme/ButtonStyles\";\n\n/**\n * Re-exporting chackras Button with a customised types\n * This causes both chakras native variants and our home-made variants to show up in auto-complete\n */\ntype ButtonVariants = ButtonProps[\"variant\"] | CustomButtonVariants;\nexport const Button = ChakraButton as ComponentWithAs<\"button\", Modify<ButtonProps, { variant?: ButtonVariants }>>;\n","import React, { FunctionComponent, ReactNode } from \"react\";\n\ntype Props = {\n  children: ReactNode;\n  wrapper: FunctionComponent<{ children: ReactNode }>;\n  condition: boolean;\n};\n\n/**\n * Conditionally wrapps children with a component. If conditions are not met children mounted without the wrapper.\n */\nexport const ConditionalWrapper: FunctionComponent<Props> = ({ condition, children, wrapper: Wrapper }) =>\n  condition ? <Wrapper>{children}</Wrapper> : <>{children}</>;\n","import { Box, BoxProps } from \"@chakra-ui/react\";\nimport { ThemeTypings } from \"@chakra-ui/system\";\nimport React, { FunctionComponent, ReactNode } from \"react\";\n\ntype Props = {\n  children: ReactNode;\n  above?: ThemeTypings[\"breakpoints\"];\n  below?: ThemeTypings[\"breakpoints\"];\n} & Omit<BoxProps, \"display\">;\n\n/** Chakras <Hide /> component uses client side javascript to hide components. Causes components to flash on mobile while loading */\nexport const HideWithCSS: FunctionComponent<Props> = ({ children, above, below, ...chakraProps }) => {\n  const display: BoxProps[\"display\"] = {\n    ...(!!below ? { base: \"none\", [below]: \"block\" } : {}),\n    ...(!!above ? { [above]: \"none\" } : {}),\n  };\n\n  return (\n    <Box {...chakraProps} display={display}>\n      {children}\n    </Box>\n  );\n};\n","import { Field, Input as ChakraInput, InputProps, FieldLabelProps } from \"@chakra-ui/react\";\nimport React from \"react\";\nimport { VisuallyHidden } from \"./VisuallyHidden\";\nimport { colors } from \"@biblioteksentralen/utils\";\n\ninterface Props extends InputProps {\n  label: string;\n  hideLabel?: boolean;\n  labelProps?: FieldLabelProps;\n  helperText?: string;\n  errorMessage?: string;\n}\n\n/**\n * Creating custom input-component to make sure label is always set (for accessibility)\n * Also handles some common needs (helper text and error message. For more advanced input-components we leave it to the consumers to compose custom input-components based on Chakra\n */\nexport const Input = (props: Props) => {\n  const { labelProps, label, helperText, errorMessage, hideLabel, ...inputProps } = props;\n\n  const formLabel = <Field.Label {...labelProps}>{label}</Field.Label>;\n\n  return (\n    <Field.Root invalid={!!errorMessage}>\n      {hideLabel ? <VisuallyHidden>{formLabel}</VisuallyHidden> : formLabel}\n      {helperText && <Field.HelperText>{helperText}</Field.HelperText>}\n      <ChakraInput {...inputProps} />\n      {errorMessage && <Field.ErrorText>{errorMessage}</Field.ErrorText>}\n    </Field.Root>\n  );\n};\n","import React, { HTMLAttributes, ReactNode, useEffect } from \"react\";\nimport { VisuallyHidden as ChakraVisuallyHidden } from \"@chakra-ui/react\";\nimport { isDevelopment } from \"@biblioteksentralen/utils\";\n\ninterface Props extends HTMLAttributes<HTMLSpanElement> {\n  children: ReactNode;\n}\n\n// https://www.joshwcomeau.com/snippets/react-components/visually-hidden/\nexport function VisuallyHidden({ children, ...rest }: Props) {\n  const [forceShow, setForceShow] = React.useState(false);\n\n  useEffect(() => {\n    if (isDevelopment()) {\n      const handleKeyDown = (ev: KeyboardEvent) => {\n        if (ev.key === \"Alt\") {\n          setForceShow(true);\n        }\n      };\n      const handleKeyUp = (ev: KeyboardEvent) => {\n        if (ev.key === \"Alt\") {\n          setForceShow(false);\n        }\n      };\n      window.addEventListener(\"keydown\", handleKeyDown);\n      window.addEventListener(\"keyup\", handleKeyUp);\n      return () => {\n        window.removeEventListener(\"keydown\", handleKeyDown);\n        window.removeEventListener(\"keyup\", handleKeyUp);\n      };\n    }\n  }, []);\n\n  // position=\"fixed\" løser bug der visually hidden ikke hindret tekst fra å ta plass i bredden\n  return forceShow ? <span>{children}</span> : <ChakraVisuallyHidden position=\"fixed\">{children}</ChakraVisuallyHidden>;\n}\n","import { Modify } from \"@biblioteksentralen/types\";\nimport { Link as ChakraLink, LinkProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\nimport { CustomLinkVariants } from \"../styles/chakraTheme/LinkStyles\";\n\n/**\n * Re-exporting chackras Link with a customised types\n * This causes both chakras native variants and our home-made variants to show up in auto-complete\n */\ntype LinkVariants = LinkProps[\"variant\"] | CustomLinkVariants;\nexport const Link = ChakraLink as ComponentWithAs<\"a\", Modify<LinkProps, { variant?: LinkVariants }>>;\n","import React, { ReactNode } from \"react\";\nimport { ChakraProvider } from \"@chakra-ui/react\";\nimport { biblioteksentralenChakraTheme } from \"./styles/chakraTheme/biblioteksentralenChakraTheme\";\nimport { ColorModeProvider } from \"@chakra-ui/system\";\n\ninterface Props {\n  children: ReactNode;\n}\n\nexport const BiblioteksentralenProvider = (props: Props) => (\n  <ChakraProvider value={biblioteksentralenChakraTheme}>\n    <ColorModeProvider {...props} />\n  </ChakraProvider>\n);\n","import { colors } from \"@biblioteksentralen/utils\";\nimport { defineRecipe, SystemStyleObject } from \"@chakra-ui/react\";\n\nexport type CustomButtonVariants = \"primary\" | \"secondary\" | \"tertiary\";\n\nconst variants: Record<CustomButtonVariants, SystemStyleObject> = {\n  primary: {\n    backgroundColor: colors.black,\n    color: \"white\",\n    _hover: {\n      backgroundColor: \"hsla(0deg, 0%, 70%, 1)\",\n      color: \"black\",\n    },\n  },\n  secondary: {\n    borderColor: \"currentColor !important\",\n    backgroundColor: \"transparent\",\n    color: \"currentColor\",\n    _hover: {\n      backgroundColor: \"hsla(0deg, 0%, 50%, 0.15)\",\n    },\n  },\n  tertiary: {\n    backgroundColor: \"transparent\",\n    color: \"currentColor\",\n    _hover: {\n      backgroundColor: \"hsla(0deg, 0%, 50%, 0.15)\",\n      color: \"currentColor\",\n    },\n  },\n};\n\nexport const ButtonStyles = defineRecipe({\n  base: {\n    border: \"transparent 0.1em solid\",\n    borderRadius: \"0.35em\",\n    fontWeight: 600,\n    _disabled: {\n      backgroundColor: `${colors.grey45} !important`,\n      color: \"white !important\",\n      opacity: 1,\n    },\n  },\n  variants: {\n    variant: {\n      ...variants,\n    },\n    sizes: {\n      sm: {\n        padding: \"0.2em 0.5em\",\n        fontSize: \"1rem\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"primary\",\n  },\n});\n","import { defineRecipe } from \"@chakra-ui/react\";\n\nexport const ContainerStyles = defineRecipe({\n  base: {\n    px: \".75rem\", // Padding left/right\n  },\n});\n","import { defineRecipe } from \"@chakra-ui/react\";\n\nexport const HeadingStyles = defineRecipe({\n  base: {\n    fontWeight: \"600\",\n  },\n});\n","import { defineRecipe, SystemStyleObject } from \"@chakra-ui/react\";\n\nconst variants: Record<string, SystemStyleObject> = {\n  subtle: {\n    backgroundColor: { _light: \"gray.200\", _dark: \"whiteAlpha.100\" },\n    _hover: {\n      bg: { _light: \"gray.300\", _dark: \"whiteAlpha.200\" },\n    },\n  },\n  outline: {\n    borderColor: { _light: \"gray.300\", _dark: \"whiteAlpha.300\" },\n    _hover: {\n      borderColor: { _light: \"gray.400\", _dark: \"whiteAlpha.400\" },\n    },\n  },\n  flushed: {\n    borderColor: { _light: \"gray.300\", _dark: \"whiteAlpha.300\" },\n    _hover: {\n      borderColor: { _light: \"gray.400\", _dark: \"whiteAlpha.400\" },\n    },\n  },\n};\n\nexport const InputStyles = defineRecipe({\n  base: {\n    _placeholder: {\n      color: { _light: \"gray.500\", _dark: \"whiteAlpha.500\" },\n    },\n  },\n  variants: {\n    variant: { ...variants },\n  },\n  defaultVariants: {\n    variant: \"subtle\",\n  },\n});\n","import { defineRecipe, SystemStyleObject } from \"@chakra-ui/react\";\n\nexport type CustomLinkVariants = \"plain\" | \"underline\";\n\nconst variants: Record<CustomLinkVariants, SystemStyleObject> = {\n  plain: {\n    textDecoration: \"none\",\n    _hover: {\n      textDecoration: \"underline\",\n    },\n  },\n  underline: {\n    textDecoration: \"underline\",\n    _hover: {\n      textDecoration: \"none\",\n    },\n  },\n};\n\nexport const LinkStyles = defineRecipe({\n  variants: {\n    variant: { ...variants },\n  },\n  defaultVariants: {\n    variant: \"underline\",\n  },\n});\n","import { colors } from \"@biblioteksentralen/utils\";\nimport { defineRecipe } from \"@chakra-ui/react\";\n\nexport const SpinnerStyles = defineRecipe({\n  base: {\n    animationDuration: \".8s\",\n    color: colors.accentBlueMedium,\n    // Todo: Legg til trackColor: https://chakra-ui.com/docs/components/spinner#track-color\n    borderWidth: \".175em\",\n  },\n});\n","const container = {\n  sm: { value: \"40rem\" },\n  md: { value: \"48rem\" },\n  lg: { value: \"56rem\" }, // Forsøker 56rem som standardbredde etter testing med Katrine\n  xl: { value: \"80rem\" },\n};\n\nexport const sizes = {\n  container,\n};\n","import { ButtonStyles } from \"./ButtonStyles\";\nimport { ContainerStyles } from \"./ContainerStyles\";\nimport { HeadingStyles } from \"./HeadingStyles\";\nimport { InputStyles } from \"./InputStyles\";\nimport { LinkStyles } from \"./LinkStyles\";\nimport { SpinnerStyles } from \"./SpinnerStyles\";\nimport { sizes } from \"./sizes\";\nimport { createSystem, defaultConfig } from \"@chakra-ui/react\";\n\nexport const biblioteksentralenChakraTheme = createSystem(defaultConfig, {\n  theme: {\n    tokens: {\n      sizes,\n    },\n    recipes: {\n      heading: HeadingStyles,\n      button: ButtonStyles,\n      input: InputStyles,\n      link: LinkStyles,\n      container: ContainerStyles,\n      spinner: SpinnerStyles,\n    },\n  },\n  globalCss: {\n    html: {\n      fontSize: { base: \"112.5%\", md: \"120%\" },\n      // Sørger for smooth scrolling for interne lenker som scroller til annet sted på siden,\n      // men ikke hvis fokus er utenfor viduet, feks ved søk i tekst (ctrl + f)\n      \"&:focus-within\": { scrollBehavior: \"smooth !important\" },\n    },\n  },\n});\n","import { isDevelopment } from \"@biblioteksentralen/utils\";\nimport { Box, BoxProps } from \"@chakra-ui/react\";\nimport React, { ErrorInfo, ReactNode } from \"react\";\nimport { Alert } from \"./Alert\";\n\ninterface Props {\n  boundaryName?: string;\n  children: ReactNode;\n}\n\ninterface State {\n  hasError: boolean;\n  error?: Error;\n  errorInfo?: ErrorInfo;\n}\n\nconst StyledPre = (props: BoxProps) => (\n  <Box as=\"pre\" paddingTop=\"0.5rem\" wordBreak=\"break-all\" whiteSpace=\"pre-wrap\" fontSize=\"0.8rem\" {...props} />\n);\n\nexport class ErrorBoundary extends React.Component<Props, State> {\n  constructor(props: any) {\n    super(props);\n    this.state = { hasError: false };\n  }\n\n  static getDerivedStateFromError(error: any) {\n    return { hasError: true };\n  }\n\n  componentDidCatch(error: any, errorInfo: any) {\n    this.setState({ hasError: true, error, errorInfo });\n    console.error(error, { errorInfo, boundaryName: this.props.boundaryName });\n  }\n\n  render() {\n    if (this.state.hasError) {\n      const stackTrace = this.state.errorInfo?.componentStack;\n      const errormsg = this.state.error?.message;\n      const info = this.props.boundaryName;\n\n      return (\n        <div>\n          <Alert status=\"error\">\n            <p>Beklager, det skjedde en teknisk feil.</p>\n            {isDevelopment() && (stackTrace || errormsg) && (\n              <div>\n                <StyledPre>{errormsg || \"\"}</StyledPre>\n                <StyledPre>{info || \"\"}</StyledPre>\n                <StyledPre>{stackTrace || \"\"}</StyledPre>\n              </div>\n            )}\n          </Alert>\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n","import { Box } from \"@chakra-ui/react\";\nimport React from \"react\";\n\ninterface Props {\n  id: string;\n  /**\n   * angir hvor mye luft til vil ha over HashLinkTarget ved bruk av hash-lenke, eks '4rem'\n   */\n  spaceAbove?: string;\n  /**\n   * angir om du vil ha fokusramme rundt komponenten som mounter HashLinkTarget. Da må komponenten du wrapper med ha position: relative | absolute el\n   */\n  focusOnParent?: boolean;\n}\n\nconst focusOnRelativeParentStyle = {\n  _focusWithin: {\n    position: \"static\",\n    boxShadow: \"none\",\n    \"&::after\": {\n      content: '\"\"',\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n      height: \"100%\",\n      width: \"100%\",\n      pointerEvents: \"none\",\n      borderRadius: \"0.25rem\",\n      boxShadow: \"var(--chakra-shadows-outline)\",\n    },\n  },\n};\n\n/*\n * Komponent som sørger for luft over anchors (elementer man kan lenke til med hash-lenker feks <a href=\"#min-overskrift\">Ta meg til overskrift</a>)\n */\nexport function HashLinkTarget(props: Props) {\n  return (\n    <Box position=\"relative\" css={props.focusOnParent ? focusOnRelativeParentStyle : undefined}>\n      <Box\n        id={props.id}\n        tabIndex={props.focusOnParent ? -1 : undefined}\n        position=\"absolute\"\n        top={`-${props.spaceAbove || \"2.5rem\"}`}\n        _focus={{\n          boxShadow: \"none !important\",\n        }}\n      />\n    </Box>\n  );\n}\n","import React from \"react\";\nimport { ErrorBoundary } from \"./ErrorBoundary\";\n\nexport const withErrorBoundary = <Props,>(Component: React.ComponentType<Props>, boundaryName: string) => {\n  return (props: Props & React.JSX.IntrinsicAttributes) => (\n    <ErrorBoundary boundaryName={boundaryName}>\n      <Component {...props} />\n    </ErrorBoundary>\n  );\n};\n"],"mappings":"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","names":["colors","React","React","React","React","React","React","React","defineRecipe","defineRecipe","defineRecipe","variants","defineRecipe","variants","defineRecipe","React","Box","React","React","Box","Box","React","React","React"]}
+{"version":3,"sources":["../src/index.ts","../../utils/src/colors.ts","../../utils/src/date.ts","../../utils/src/environment.ts","../../utils/src/random.ts","../../utils/src/slugifyString.ts","../../utils/src/sort/common.ts","../../utils/src/sort/sortAlphabetical.ts","../../utils/src/sort/sortArrayInGroups.ts","../../utils/src/sort/sortByMultiple.ts","../src/components/Alert.tsx","../src/components/Button.tsx","../src/components/IconButton.tsx","../src/components/ConditionalWrapper.tsx","../src/components/HideWithCSS.tsx","../src/components/Input.tsx","../src/components/VisuallyHidden.tsx","../src/components/Link.tsx","../src/BiblioteksentralenProvider.tsx","../src/styles/chakraTheme/biblioteksentralenChakraTheme.ts","../src/styles/chakraTheme/ButtonStyles.ts","../src/styles/chakraTheme/ContainerStyles.ts","../src/styles/chakraTheme/HeadingStyles.ts","../src/styles/chakraTheme/InputStyles.ts","../src/styles/chakraTheme/LinkStyles.ts","../src/styles/chakraTheme/SpinnerStyles.ts","../src/styles/chakraTheme/sizes.ts","../src/components/ErrorBoundary.tsx","../src/components/HashLinkTarget.tsx","../src/components/withErrorBoundary.tsx","../src/components/ui/toaster.tsx"],"sourcesContent":["export * from \"@chakra-ui/react\"; // Exports Chakra components first to override some components later\nexport type { StyleProps, ResponsiveObject } from \"@chakra-ui/system\"; // Exports Chakra system types\nexport { Alert } from \"./components/Alert\"; // Overrides Chakras Alert\nexport { Button, type ButtonProps } from \"./components/Button\"; // Overrides Chakras Button\nexport { IconButton, type IconButtonProps } from \"./components/IconButton\"; // Overrides Chakras IconButton\nexport { ConditionalWrapper } from \"./components/ConditionalWrapper\"; // Overrides Chakras Input\nexport { HideWithCSS } from \"./components/HideWithCSS\"; // Overrides Chakras HideWithCSS\nexport { Input } from \"./components/Input\"; // Overrides Chakras Input\nexport { Link } from \"./components/Link\"; // Overrides Chakras Link\nexport { VisuallyHidden } from \"./components/VisuallyHidden\"; // Overrides Chakras VisuallyHidden\n\nexport { BiblioteksentralenProvider } from \"./BiblioteksentralenProvider\";\nexport { ErrorBoundary } from \"./components/ErrorBoundary\";\nexport { HashLinkTarget } from \"./components/HashLinkTarget\";\nexport { withErrorBoundary } from \"./components/withErrorBoundary\";\n\nexport { colors } from \"@biblioteksentralen/utils\"; // Re-export colors for convenience\n\n// Generated from cli: npmx @chakra-ui/cli snippet add\nexport { Toaster, toaster } from \"./components/ui/toaster\"; // Exports the Toaster component\n","export const colors = {\n  black: \"#000000\",\n  grey90: \"#181818\",\n  grey80: \"#333333\",\n  grey60: \"#585858\",\n  grey45: \"#8c8c8c\",\n  grey30: \"#b2b2b2\",\n  grey15: \"#d9d9d9\",\n  grey10: \"#e5e5e5\",\n  grey05: \"#f2f2f2\",\n  white: \"#ffffff\",\n  bsRødDark: \"#870010\",\n  bsRødMedium: \"#d53d40\",\n  accentPurple: \"#331433\",\n  accentPeach: \"#ffba99\",\n  accentGreen: \"#003b29\",\n  accentBlueDark: \"#001740\",\n  accentBlueMedium: \"#5996de\",\n  accentYellow: \"#ffc970\",\n  lightBlue: \"#dbe8ef\",\n  lightGreen: \"#dbe0db\",\n  lightPeach: \"#f4e7de\",\n  lightPurple: \"#ece8f3\",\n  statusRed: \"#ad313c\",\n  statusYellow: \"#bc5600\",\n  statusGreen: \"#24845b\",\n  statusGreenLight: \"#edf4f1\",\n  statusRedLight: \"#f8efef\",\n  statusYellowLight: \"#fff6e4\",\n  neptune: {\n    \"100\": \"#CFE6E8\",\n    \"200\": \"#9FCDD2\",\n    \"300\": \"#6FB5BB\",\n    \"400\": \"#3F9CA5\",\n    \"500\": \"#0F838E\",\n    \"600\": \"#0C6972\",\n    \"700\": \"#094F55\",\n    \"800\": \"#063439\",\n    \"900\": \"#031A1C\",\n  },\n};\n","import { format } from \"date-fns/format\";\nimport { nb } from \"date-fns/locale/nb\";\n\nexport function formaterDato(dato?: string, dateFnsformat = \"Pp\") {\n  if (typeof dato !== \"string\") return \"Ukjent dato\";\n\n  try {\n    return format(new Date(dato), dateFnsformat, { locale: nb });\n  } catch (e) {\n    console.error(\"Kunne ikke formattere dato:\" + dato, e);\n    return dato;\n  }\n}\n","export function isDevelopment(): boolean {\n  return process.env.NODE_ENV === \"development\";\n}\n\nexport function isClient(): boolean {\n  return typeof window !== \"undefined\";\n}\n\nexport function isServer(): boolean {\n  return !isClient();\n}\n","export function randomFromArray<T>(array: T[]): T {\n  return array[Math.floor(Math.random() * array.length)];\n}\n\nexport function seededRandomFromArray<T>(array: T[], seed: string): T {\n  return array[Math.floor(seededRandom(seed) * array.length)];\n}\n\n// Returns a pseudo-random floating-point number in the range [0.0 -> 1.0] from a string seed\n// TODO, ser ikke ut til å gi helt jevn fordeling mellom 0 og 1, trenger kanskje litt kjærlighet\nexport function seededRandom(seed: string) {\n  // Oversetter ikke-numeriske tegn til tall så de kan brukes som seed\n  const numericSeed = Number(seed.replace(/\\D/g, (match) => `${match.charCodeAt(0)}`));\n  const x = Math.sin(numericSeed) * 3333;\n  return x - Math.floor(x);\n}\n","export const slugifyString = (value = \"\") =>\n  value\n    .trim()\n    .toLowerCase()\n    // Bytter ut typisk norske bokstaver æøå\n    .replace(/æ/g, \"ae\")\n    .replace(/å/g, \"a\")\n    .replace(/ø/g, \"o\")\n    // Bytter alle tegn som ikke er et regex-word med '-'\n    .replace(/\\W/g, \"-\")\n    // Bytter ut flere streker med enkelt strek \"----\" => \"-\"\n    .replace(/-+/g, \"-\")\n    .slice(0, 30);\n","export type GetSortIndex<T> = (element: T) => number | string;\n\nconst compareAlphabetically = (left: string, right: string) => left.localeCompare(right, [\"no-NO\"]);\n\nexport const compare = <T>(left: T, right: T, indexFunction?: GetSortIndex<T>) => {\n  const leftIndex = indexFunction ? indexFunction(left) : left;\n  const rightIndex = indexFunction ? indexFunction(right) : right;\n\n  if (typeof leftIndex == \"number\" && typeof rightIndex == \"number\") return leftIndex - rightIndex;\n\n  if (typeof leftIndex == \"string\" && typeof rightIndex == \"string\") {\n    return compareAlphabetically(leftIndex, rightIndex);\n  }\n\n  throw new Error(\"Sort index function gives inconsistent index types\");\n};\n","import { GetSortIndex, compare } from \"./common\";\n\n/**\n * Alphabetical sorting restricted to Norwegian locale, for consistent sorting on server and client\n * (radash's `alphabetical()` is inconsistent between these two)\n */\nexport const sortAlphabetical = <T>(array: T[], indexFunction?: GetSortIndex<T>): T[] =>\n  array.slice().sort((left, right) => compare(left, right, indexFunction));\n","export interface Group<T> {\n  label: string;\n  items: T[];\n}\n\nexport interface GroupedArray<T> extends Array<Group<T>> {}\n\n/* Tar et array og putter ting i grupper basert på gruppekategorier\n *\n * Feks\n *\n * const myArray = ['Apple', 'Aubergine', 'Lemon'];\n *\n * const inGroups = groupArray(myArray, item => item[0]);\n *\n * console.log(inGroups);\n *\n * // [{groupLabel: 'A', groupItems: ['Apple', 'Aubergine']}, {groupLabel: 'L', groupItems: ['Lemon']}]\n *\n *  */\nexport function sortArrayInGroups<T>(\n  items: T[],\n  getGroupLabel: (element: T) => string,\n  options?: { sortAlphabetically?: boolean }\n): GroupedArray<T> {\n  const groups = items.reduce((acc: GroupedArray<T>, arrayEntry) => {\n    const currentCategory = getGroupLabel(arrayEntry);\n    const categoryIndex = acc.findIndex((group) => group.label === currentCategory);\n    if (categoryIndex >= 0) {\n      acc[categoryIndex].items.push(arrayEntry);\n    } else {\n      acc.push({\n        label: currentCategory,\n        items: [arrayEntry],\n      });\n    }\n    return acc;\n  }, []);\n\n  return options?.sortAlphabetically ? groups.sort(sortByLabel) : groups;\n}\n\nfunction sortByLabel<T>(a: Group<T>, b: Group<T>) {\n  if (a.label.toLowerCase() > b.label.toLowerCase()) return 1;\n  if (a.label.toLowerCase() < b.label.toLowerCase()) return -1;\n  return 0;\n}\n","import { AtLeastOne } from \"@biblioteksentralen/types\";\nimport { GetSortIndex, compare } from \"./common\";\n\n/**\n * Corresponds to lodash's sortBy called with several comparison functions (no equivalent in radash)\n */\nexport const sortByMultiple = <T>(array: T[], ...indexFunctions: AtLeastOne<GetSortIndex<T>>): T[] =>\n  array.slice().sort((left, right) =>\n    indexFunctions.slice(1).reduce(\n      // If the previous comparison is 0, it means left and right are equal according to the previous\n      // comparison function. That's also the only way it'll be falsy, therefore we can\n      // use the or operator || to then apply the next comparison function.\n      (previous, indexFunction) => previous || compare(left, right, indexFunction),\n      compare(left, right, indexFunctions[0]) // Initial comparison\n    )\n  );\n","import { Modify } from \"@biblioteksentralen/types\";\nimport { colors } from \"@biblioteksentralen/utils\";\nimport { AlertRootProps, Alert as ChakraAlert, SystemStyleObject } from \"@chakra-ui/react\";\nimport React, { ReactNode } from \"react\";\nimport { AlertCircle, CheckCircle, Info, XCircle } from \"react-feather\";\n\ntype Status = \"info\" | \"warning\" | \"success\" | \"error\";\ntype CustomVariants = \"inline\";\ntype Variants = AlertRootProps[\"variant\"] | CustomVariants;\n\nconst colorLookup: Record<Status, { bg: string; color: string }> = {\n  info: { bg: colors.lightBlue, color: colors.accentBlueMedium },\n  warning: { bg: colors.statusYellowLight, color: colors.statusYellow },\n  success: { bg: colors.statusGreenLight, color: colors.statusGreen },\n  error: { bg: colors.statusRedLight, color: colors.statusRed },\n};\n\nconst iconLookup: Record<Status, React.ReactElement> = {\n  info: <Info strokeWidth={1.75} role=\"img\" aria-label=\"Informasjon\" />,\n  warning: <AlertCircle strokeWidth={1.75} role=\"img\" aria-label=\"Advarsel\" />,\n  success: <CheckCircle strokeWidth={1.75} role=\"img\" aria-label=\"Suksess\" />,\n  error: <XCircle strokeWidth={1.75} role=\"img\" aria-label=\"Feil\" />,\n};\n\ninterface Props extends Modify<AlertRootProps, { variant?: Variants }> {\n  children: ReactNode;\n  header?: ReactNode;\n  status: Status;\n  variant?: Variants;\n}\n\nconst variantStyles: Record<CustomVariants, SystemStyleObject> = {\n  inline: {\n    borderColor: \"transparent\",\n    backgroundColor: \"transparent\",\n    padding: \"0\",\n  },\n};\n\nexport function Alert({ status, children, variant, header, ...rest }: Props) {\n  const colors = colorLookup[status];\n  return (\n    <ChakraAlert.Root\n      status={status}\n      fontSize=\"md\"\n      border={`0.1rem solid`}\n      borderColor={colors.color}\n      backgroundColor={colors.bg}\n      display=\"flex\"\n      flexWrap=\"wrap\"\n      {...(variant === \"inline\" ? variantStyles[variant] : {})}\n      {...rest}\n    >\n      <ChakraAlert.Indicator marginX=\"auto\">{iconLookup[status]}</ChakraAlert.Indicator>\n      <ChakraAlert.Content color=\"black\">\n        {header && <ChakraAlert.Title>{header}</ChakraAlert.Title>}\n        <ChakraAlert.Description>{children}</ChakraAlert.Description>\n      </ChakraAlert.Content>\n    </ChakraAlert.Root>\n  );\n}\n","import { Modify } from \"@biblioteksentralen/types\";\nimport { Button as ChakraButton, ButtonProps as NativeButtonProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\nimport { CustomButtonVariants } from \"../styles/chakraTheme/ButtonStyles\";\n\n/**\n * Re-exporting chackras Button with a customised types\n * This causes both chakras native variants and our home-made variants to show up in auto-complete\n */\ntype ButtonVariants = NativeButtonProps[\"variant\"] | CustomButtonVariants;\nexport type ButtonProps = Modify<NativeButtonProps, { variant?: ButtonVariants }>;\nexport const Button = ChakraButton as ComponentWithAs<\"button\", ButtonProps>;\n","import { Modify } from \"@biblioteksentralen/types\";\nimport { IconButton as ChakraIconButton, IconButtonProps as ChakraIconButtonProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\nimport { CustomButtonVariants } from \"../styles/chakraTheme/ButtonStyles\";\n\n/**\n * Re-exporting chackras IconButton with a customised types\n * This causes both chakras native variants and our home-made variants to show up in auto-complete\n */\ntype IconButtonVariants = ChakraIconButtonProps[\"variant\"] | CustomButtonVariants;\nexport type IconButtonProps = Modify<ChakraIconButtonProps, { variant?: IconButtonVariants }>;\nexport const IconButton = ChakraIconButton as ComponentWithAs<\"button\", IconButtonProps>;\n","import React, { FunctionComponent, ReactNode } from \"react\";\n\ntype Props = {\n  children: ReactNode;\n  wrapper: FunctionComponent<{ children: ReactNode }>;\n  condition: boolean;\n};\n\n/**\n * Conditionally wrapps children with a component. If conditions are not met children mounted without the wrapper.\n */\nexport const ConditionalWrapper: FunctionComponent<Props> = ({ condition, children, wrapper: Wrapper }) =>\n  condition ? <Wrapper>{children}</Wrapper> : <>{children}</>;\n","import { Box, BoxProps } from \"@chakra-ui/react\";\nimport { ThemeTypings } from \"@chakra-ui/system\";\nimport React, { FunctionComponent, ReactNode } from \"react\";\n\ntype Props = {\n  children: ReactNode;\n  above?: ThemeTypings[\"breakpoints\"];\n  below?: ThemeTypings[\"breakpoints\"];\n} & Omit<BoxProps, \"display\">;\n\n/** Chakras <Hide /> component uses client side javascript to hide components. Causes components to flash on mobile while loading */\nexport const HideWithCSS: FunctionComponent<Props> = ({ children, above, below, ...chakraProps }) => {\n  const display: BoxProps[\"display\"] = {\n    ...(!!below ? { base: \"none\", [below]: \"block\" } : {}),\n    ...(!!above ? { [above]: \"none\" } : {}),\n  };\n\n  return (\n    <Box {...chakraProps} display={display}>\n      {children}\n    </Box>\n  );\n};\n","import { Field, Input as ChakraInput, InputProps, FieldLabelProps } from \"@chakra-ui/react\";\nimport React from \"react\";\nimport { VisuallyHidden } from \"./VisuallyHidden\";\nimport { colors } from \"@biblioteksentralen/utils\";\n\ninterface Props extends InputProps {\n  label: string;\n  hideLabel?: boolean;\n  labelProps?: FieldLabelProps;\n  helperText?: string;\n  errorMessage?: string;\n}\n\n/**\n * Creating custom input-component to make sure label is always set (for accessibility)\n * Also handles some common needs (helper text and error message. For more advanced input-components we leave it to the consumers to compose custom input-components based on Chakra\n */\nexport const Input = (props: Props) => {\n  const { labelProps, label, helperText, errorMessage, hideLabel, ...inputProps } = props;\n\n  const formLabel = <Field.Label {...labelProps}>{label}</Field.Label>;\n\n  return (\n    <Field.Root invalid={!!errorMessage}>\n      {hideLabel ? <VisuallyHidden>{formLabel}</VisuallyHidden> : formLabel}\n      {helperText && <Field.HelperText>{helperText}</Field.HelperText>}\n      <ChakraInput {...inputProps} />\n      {errorMessage && <Field.ErrorText>{errorMessage}</Field.ErrorText>}\n    </Field.Root>\n  );\n};\n","import React, { HTMLAttributes, ReactNode, useEffect } from \"react\";\nimport { VisuallyHidden as ChakraVisuallyHidden } from \"@chakra-ui/react\";\nimport { isDevelopment } from \"@biblioteksentralen/utils\";\n\ninterface Props extends HTMLAttributes<HTMLSpanElement> {\n  children: ReactNode;\n}\n\n// https://www.joshwcomeau.com/snippets/react-components/visually-hidden/\nexport function VisuallyHidden({ children, ...rest }: Props) {\n  const [forceShow, setForceShow] = React.useState(false);\n\n  useEffect(() => {\n    if (isDevelopment()) {\n      const handleKeyDown = (ev: KeyboardEvent) => {\n        if (ev.key === \"Alt\") {\n          setForceShow(true);\n        }\n      };\n      const handleKeyUp = (ev: KeyboardEvent) => {\n        if (ev.key === \"Alt\") {\n          setForceShow(false);\n        }\n      };\n      window.addEventListener(\"keydown\", handleKeyDown);\n      window.addEventListener(\"keyup\", handleKeyUp);\n      return () => {\n        window.removeEventListener(\"keydown\", handleKeyDown);\n        window.removeEventListener(\"keyup\", handleKeyUp);\n      };\n    }\n  }, []);\n\n  // position=\"fixed\" løser bug der visually hidden ikke hindret tekst fra å ta plass i bredden\n  return forceShow ? <span>{children}</span> : <ChakraVisuallyHidden position=\"fixed\">{children}</ChakraVisuallyHidden>;\n}\n","import { Modify } from \"@biblioteksentralen/types\";\nimport { Link as ChakraLink, LinkProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\nimport { CustomLinkVariants } from \"../styles/chakraTheme/LinkStyles\";\n\n/**\n * Re-exporting chackras Link with a customised types\n * This causes both chakras native variants and our home-made variants to show up in auto-complete\n */\ntype LinkVariants = LinkProps[\"variant\"] | CustomLinkVariants;\nexport const Link = ChakraLink as ComponentWithAs<\"a\", Modify<LinkProps, { variant?: LinkVariants }>>;\n","import React, { ReactNode } from \"react\";\nimport { ChakraProvider, createSystem, defaultConfig, SystemConfig } from \"@chakra-ui/react\";\nimport { biblioteksentralenChakraTheme } from \"./styles/chakraTheme/biblioteksentralenChakraTheme\";\nimport { ColorModeProvider } from \"@chakra-ui/system\";\n\ninterface Props {\n  children: ReactNode;\n  customTheme?: SystemConfig;\n}\n\nexport const BiblioteksentralenProvider = (props: Props) => (\n  <ChakraProvider value={createSystem(defaultConfig, biblioteksentralenChakraTheme, props.customTheme || {})}>\n    <ColorModeProvider {...props} />\n  </ChakraProvider>\n);\n","import { defineConfig, defineTokens } from \"@chakra-ui/react\";\nimport { ButtonStyles } from \"./ButtonStyles\";\nimport { ContainerStyles } from \"./ContainerStyles\";\nimport { HeadingStyles } from \"./HeadingStyles\";\nimport { InputStyles } from \"./InputStyles\";\nimport { LinkStyles } from \"./LinkStyles\";\nimport { SpinnerStyles } from \"./SpinnerStyles\";\nimport { sizes } from \"./sizes\";\n\nconst tokens = defineTokens({\n  sizes,\n});\n\n// https://blog.logrocket.com/guide-css-word-wrap-overflow-wrap-word-break/\n// https://medium.com/clear-left-thinking/all-you-need-to-know-about-hyphenation-in-css-2baee2d89179\n// Skrur på hyphens auto som default fordi vi har masse mikrotekster og små elementer der layout knekker uten dette, og vi lager stadig nye og glemmer å ta hensyn til dette.\n// Så kan man optionaly sette hyphens: none de stedene man ikke ønsker det, men har ikke sett noe som knekker/blir rart pga dette enda\nconst globalHyphens = {\n  hyphens: \"auto\",\n  hyphenateLimitChars: \"8 5 3\", // minimum word-length / min letters first line / min letters second line\n};\n\nexport const focusStyle = {\n  outline: \"none !important\",\n  boxShadow: `0 0 0 .1rem white, 0 0 0 .2rem black, 0 0 0 .3rem white !important`,\n  transition: \"box-shadow 0.1s ease-out\",\n};\n\nexport const biblioteksentralenChakraTheme = defineConfig({\n  theme: {\n    tokens,\n    recipes: {\n      heading: HeadingStyles,\n      button: ButtonStyles,\n      input: InputStyles,\n      link: LinkStyles,\n      container: ContainerStyles,\n      spinner: SpinnerStyles,\n    },\n  },\n  globalCss: {\n    html: {\n      fontSize: { base: \"112.5%\", md: \"120%\" },\n      // Sørger for smooth scrolling for interne lenker som scroller til annet sted på siden,\n      // men ikke hvis fokus er utenfor viduet, feks ved søk i tekst (ctrl + f)\n      \"&:focus-within\": { scrollBehavior: \"smooth !important\" },\n    },\n    body: {\n      ...globalHyphens,\n    },\n    // Felles fokus-styling for alle elementer for å sikre at de har en tydelig og uniform visuell indikasjon når de er i fokus\n    \"*:focus-visible\": focusStyle,\n  },\n});\n","import { colors } from \"@biblioteksentralen/utils\";\nimport { defaultConfig, defineRecipe, SystemStyleObject } from \"@chakra-ui/react\";\n\nexport type CustomButtonVariants = \"primary\" | \"secondary\" | \"tertiary\";\n\nconst variants: Record<CustomButtonVariants, SystemStyleObject> = {\n  primary: {\n    backgroundColor: colors.black,\n    color: \"white\",\n    _hover: {\n      backgroundColor: \"hsla(0deg, 0%, 70%, 1)\",\n      color: \"black\",\n    },\n  },\n  secondary: {\n    borderColor: \"currentColor\",\n  },\n  tertiary: {},\n  // Inherit variants from Chakra's default config. Seems like they are overridden by our custom variants by default.\n  ...defaultConfig.theme?.recipes?.button?.variants?.variant,\n};\n\nexport const ButtonStyles = defineRecipe({\n  base: {\n    borderColor: \"transparent\",\n    borderWidth: \"0.1em\",\n    fontWeight: 600,\n    color: \"currentColor\",\n    backgroundColor: \"transparent\",\n    _hover: {\n      backgroundColor: \"currentColor/7\",\n    },\n    _disabled: {\n      backgroundColor: `${colors.grey45}`,\n      color: \"white\",\n      opacity: 1,\n    },\n  },\n  variants: {\n    variant: variants,\n    size: {\n      sm: {\n        h: \"8\",\n        px: \"2\",\n        textStyle: \"md\",\n      },\n      md: {\n        textStyle: \"md\",\n      },\n      lg: {\n        h: \"12\",\n        textStyle: \"lg\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"primary\",\n    size: \"md\",\n  },\n});\n","import { defineRecipe } from \"@chakra-ui/react\";\n\nexport const ContainerStyles = defineRecipe({\n  base: {\n    px: \".75rem\", // Padding left/right\n  },\n});\n","import { defineRecipe } from \"@chakra-ui/react\";\n\nexport const HeadingStyles = defineRecipe({\n  base: {\n    fontWeight: \"600\",\n  },\n});\n","import { defineRecipe, SystemStyleObject } from \"@chakra-ui/react\";\n\nconst variants: Record<string, SystemStyleObject> = {\n  subtle: {\n    backgroundColor: { _light: \"gray.200\", _dark: \"whiteAlpha.100\" },\n    _hover: {\n      bg: { _light: \"gray.300\", _dark: \"whiteAlpha.200\" },\n    },\n  },\n  outline: {\n    borderColor: { _light: \"gray.300\", _dark: \"whiteAlpha.300\" },\n    _hover: {\n      borderColor: { _light: \"gray.400\", _dark: \"whiteAlpha.400\" },\n    },\n  },\n  flushed: {\n    borderColor: { _light: \"gray.300\", _dark: \"whiteAlpha.300\" },\n    _hover: {\n      borderColor: { _light: \"gray.400\", _dark: \"whiteAlpha.400\" },\n    },\n  },\n};\n\nexport const InputStyles = defineRecipe({\n  base: {\n    _placeholder: {\n      color: { _light: \"gray.500\", _dark: \"whiteAlpha.500\" },\n    },\n  },\n  variants: {\n    variant: variants,\n  },\n  defaultVariants: {\n    variant: \"subtle\",\n  },\n});\n","import { defineRecipe, SystemStyleObject } from \"@chakra-ui/react\";\n\nexport type CustomLinkVariants = \"plain\" | \"underline\";\n\nconst variants: Record<CustomLinkVariants, SystemStyleObject> = {\n  plain: {\n    color: \"currentColor\",\n    textDecoration: \"none\",\n    textDecorationColor: \"currentColor/30\",\n    _hover: {\n      textDecoration: \"underline\",\n    },\n  },\n  underline: {\n    color: \"currentColor\",\n    textDecoration: \"underline\",\n    textDecorationColor: \"currentColor/30\",\n    _hover: {\n      textDecoration: \"none\",\n    },\n  },\n};\n\nexport const LinkStyles = defineRecipe({\n  variants: {\n    variant: variants,\n  },\n  defaultVariants: {\n    variant: \"underline\",\n  },\n});\n","import { colors } from \"@biblioteksentralen/utils\";\nimport { defineRecipe } from \"@chakra-ui/react\";\n\nexport const SpinnerStyles = defineRecipe({\n  base: {\n    animationDuration: \".8s\",\n    color: colors.accentBlueMedium,\n    // Todo: Legg til trackColor: https://chakra-ui.com/docs/components/spinner#track-color\n    borderWidth: \".175em\",\n  },\n});\n","const container = {\n  sm: { value: \"40rem\" },\n  md: { value: \"48rem\" },\n  lg: { value: \"56rem\" }, // Forsøker 56rem som standardbredde etter testing med Katrine\n  xl: { value: \"80rem\" },\n};\n\nexport const sizes = {\n  container,\n};\n","import { isDevelopment } from \"@biblioteksentralen/utils\";\nimport { Box, BoxProps } from \"@chakra-ui/react\";\nimport React, { ErrorInfo, ReactNode } from \"react\";\nimport { Alert } from \"./Alert\";\n\ninterface Props {\n  boundaryName?: string;\n  children: ReactNode;\n}\n\ninterface State {\n  hasError: boolean;\n  error?: Error;\n  errorInfo?: ErrorInfo;\n}\n\nconst StyledPre = (props: BoxProps) => (\n  <Box as=\"pre\" paddingTop=\"0.5rem\" wordBreak=\"break-all\" whiteSpace=\"pre-wrap\" fontSize=\"0.8rem\" {...props} />\n);\n\nexport class ErrorBoundary extends React.Component<Props, State> {\n  constructor(props: any) {\n    super(props);\n    this.state = { hasError: false };\n  }\n\n  static getDerivedStateFromError(error: any) {\n    return { hasError: true };\n  }\n\n  componentDidCatch(error: any, errorInfo: any) {\n    this.setState({ hasError: true, error, errorInfo });\n    console.error(error, { errorInfo, boundaryName: this.props.boundaryName });\n  }\n\n  render() {\n    if (this.state.hasError) {\n      const stackTrace = this.state.errorInfo?.componentStack;\n      const errormsg = this.state.error?.message;\n      const info = this.props.boundaryName;\n\n      return (\n        <div>\n          <Alert status=\"error\">\n            <p>Beklager, det skjedde en teknisk feil.</p>\n            {isDevelopment() && (stackTrace || errormsg) && (\n              <div>\n                <StyledPre>{errormsg || \"\"}</StyledPre>\n                <StyledPre>{info || \"\"}</StyledPre>\n                <StyledPre>{stackTrace || \"\"}</StyledPre>\n              </div>\n            )}\n          </Alert>\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n","import { Box } from \"@chakra-ui/react\";\nimport React from \"react\";\nimport { focusStyle } from \"../styles/chakraTheme/biblioteksentralenChakraTheme\";\n\ninterface Props {\n  id: string;\n  /**\n   * angir hvor mye luft til vil ha over HashLinkTarget ved bruk av hash-lenke, eks '4rem'\n   */\n  spaceAbove?: string;\n  /**\n   * angir om du vil ha fokusramme rundt komponenten som mounter HashLinkTarget. Da må komponenten du wrapper med ha position: relative | absolute el\n   */\n  focusOnParent?: boolean;\n}\n\nconst focusOnRelativeParentStyle = {\n  _focusWithin: {\n    position: \"static\",\n    boxShadow: \"none\",\n    \"&::after\": {\n      content: '\"\"',\n      position: \"absolute\",\n      top: 0,\n      left: 0,\n      height: \"100%\",\n      width: \"100%\",\n      pointerEvents: \"none\",\n      borderRadius: \"0.25rem\",\n      ...focusStyle,\n    },\n  },\n};\n\n/*\n * Komponent som sørger for luft over anchors (elementer man kan lenke til med hash-lenker feks <a href=\"#min-overskrift\">Ta meg til overskrift</a>)\n */\nexport function HashLinkTarget(props: Props) {\n  return (\n    <Box position=\"relative\" css={props.focusOnParent ? focusOnRelativeParentStyle : undefined}>\n      <Box\n        id={props.id}\n        tabIndex={props.focusOnParent ? -1 : undefined}\n        position=\"absolute\"\n        top={`-${props.spaceAbove || \"2.5rem\"}`}\n        _focus={{\n          boxShadow: \"none !important\",\n        }}\n      />\n    </Box>\n  );\n}\n","import React from \"react\";\nimport { ErrorBoundary } from \"./ErrorBoundary\";\n\nexport const withErrorBoundary = <Props,>(Component: React.ComponentType<Props>, boundaryName: string) => {\n  return (props: Props & React.JSX.IntrinsicAttributes) => (\n    <ErrorBoundary boundaryName={boundaryName}>\n      <Component {...props} />\n    </ErrorBoundary>\n  );\n};\n","\"use client\";\n\nimport {\n  Toaster as ChakraToaster,\n  Portal,\n  Spinner,\n  Stack,\n  Toast,\n  ToastRootProps,\n  createToaster,\n} from \"@chakra-ui/react\";\nimport React from \"react\";\n\nexport const toaster: ToastRootProps = createToaster({\n  pauseOnPageIdle: true,\n  offsets: { left: \"50%\", top: \"50%\", right: \"50%\", bottom: \"50%\" },\n});\n\nexport const Toaster = () => {\n  return (\n    <Portal>\n      <ChakraToaster toaster={toaster} insetInline={{ mdDown: \"4\" }}>\n        {(toast: ToastRootProps) => {\n          if (typeof toast.render === \"function\") {\n            return <>{toast.render()}</>;\n          }\n          return (\n            <Toast.Root width={{ md: \"sm\" }}>\n              {toast.type === \"loading\" ? <Spinner size=\"sm\" color=\"blue.solid\" /> : <Toast.Indicator />}\n              <Stack gap=\"1\" flex=\"1\" maxWidth=\"100%\">\n                {toast.title && <Toast.Title>{toast.title}</Toast.Title>}\n                {toast.description && <Toast.Description>{toast.description}</Toast.Description>}\n              </Stack>\n              {toast.action && <Toast.ActionTrigger>{toast.action.label}</Toast.ActionTrigger>}\n              {toast.closable && <Toast.CloseTrigger />}\n            </Toast.Root>\n          );\n        }}\n      </ChakraToaster>\n    </Portal>\n  );\n};\n"],"mappings":"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","names":["colors","React","React","React","React","React","React","React","defaultConfig","defineRecipe","defineRecipe","defineRecipe","variants","defineRecipe","variants","defineRecipe","React","defaultConfig","Box","React","React","Box","Box","React","React","Box","React","React","React"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@biblioteksentralen/react",
-  "version": "3.0.0-beta.1",
+  "version": "3.0.0-beta.10",
   "description": "React library for reusable code in Biblioteksentralens js-apps",
   "keywords": [],
   "author": "Biblioteksentralen",