@biblioteksentralen/react 4.0.0-beta.0 → 4.0.0-beta.2

package/dist/index.js

@@ -1,46 +1,748 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _createStarExport(obj) {
-    Object.keys(obj).filter(function(key) {
-        return key !== "default" && key !== "__esModule";
-    }).forEach(function(key) {
-        if (exports.hasOwnProperty(key)) {
-            return;
-        }
-        Object.defineProperty(exports, key, {
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _assert_this_initialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
             enumerable: true,
             configurable: true,
-            get: function() {
-                return obj[key];
-            }
+            writable: true
         });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
     });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _is_native_reflect_construct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+        Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+        return true;
+    } catch (e) {
+        return false;
+    }
+}
+function _create_super(Derived) {
+    var hasNativeReflectConstruct = _is_native_reflect_construct();
+    return function _createSuperInternal() {
+        var Super = _get_prototype_of(Derived), result;
+        if (hasNativeReflectConstruct) {
+            var NewTarget = _get_prototype_of(this).constructor;
+            result = Reflect.construct(Super, arguments, NewTarget);
+        } else {
+            result = Super.apply(this, arguments);
+        }
+        return _possible_constructor_return(this, result);
+    };
+}
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _optionalChain(ops) {
+    var lastAccessLHS = undefined;
+    var value = ops[0];
+    var i = 1;
+    while(i < ops.length){
+        var op = ops[i];
+        var fn = ops[i + 1];
+        i += 2;
+        if ((op === "optionalAccess" || op === "optionalCall") && value == null) {
+            return undefined;
+        }
+        if (op === "access" || op === "optionalAccess") {
+            lastAccessLHS = value;
+            value = fn(value);
+        } else if (op === "call" || op === "optionalCall") {
+            var _value;
+            value = fn(function() {
+                for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
+                    args[_key] = arguments[_key];
+                }
+                return (_value = value).call.apply(_value, [
+                    lastAccessLHS
+                ].concat(_to_consumable_array(args)));
+            });
+            lastAccessLHS = undefined;
+        }
+    }
+    return value;
 }
 "use client";
-var _chunkNSYSPEHRjs = require("./chunk-NSYSPEHR.js");
-var _chunkVSICUYFBjs = require("./chunk-VSICUYFB.js");
-var _chunkNYKSRUWFjs = require("./chunk-NYKSRUWF.js");
-var _chunkBRFRPPOWjs = require("./chunk-BRFRPPOW.js");
-var _chunkO4EXBCNDjs = require("./chunk-O4EXBCND.js");
-var _chunkUFIMO32Fjs = require("./chunk-UFIMO32F.js");
-var _chunkBCT5QU5Wjs = require("./chunk-BCT5QU5W.js");
-var _chunkPLWK7HECjs = require("./chunk-PLWK7HEC.js");
-require("./chunk-QBXCCJ24.js");
-var _chunkQAW4IRLIjs = require("./chunk-QAW4IRLI.js");
-var _chunkJ5IF7WUNjs = require("./chunk-J5IF7WUN.js");
-// src/index.ts
+// ../utils/dist/index.mjs
+var _format = require("date-fns/format");
+var _nb = require("date-fns/locale/nb");
+var colors = {
+    black: "#000000",
+    grey90: "#181818",
+    grey80: "#333333",
+    grey60: "#585858",
+    grey45: "#8c8c8c",
+    grey30: "#b2b2b2",
+    grey15: "#d9d9d9",
+    grey10: "#e5e5e5",
+    grey05: "#f2f2f2",
+    white: "#ffffff",
+    bsRødDark: "#870010",
+    bsRødMedium: "#d53d40",
+    accentPurple: "#331433",
+    accentPeach: "#ffba99",
+    accentGreen: "#003b29",
+    accentBlueDark: "#001740",
+    accentBlueMedium: "#5996de",
+    accentYellow: "#ffc970",
+    lightBlue: "#dbe8ef",
+    lightGreen: "#dbe0db",
+    lightPeach: "#f4e7de",
+    lightPurple: "#ece8f3",
+    statusRed: "#ad313c",
+    statusYellow: "#bc5600",
+    statusGreen: "#24845b",
+    statusGreenLight: "#edf4f1",
+    statusRedLight: "#f8efef",
+    statusYellowLight: "#fff6e4",
+    neptune: {
+        "100": "#CFE6E8",
+        "200": "#9FCDD2",
+        "300": "#6FB5BB",
+        "400": "#3F9CA5",
+        "500": "#0F838E",
+        "600": "#0C6972",
+        "700": "#094F55",
+        "800": "#063439",
+        "900": "#031A1C"
+    }
+};
+function isDevelopment() {
+    return process.env.NODE_ENV === "development";
+}
+// src/components/AlertBS.tsx
 var _react = require("@chakra-ui/react");
-_createStarExport(_react);
-exports.AlertBS = _chunkBCT5QU5Wjs.AlertBS;
-exports.BiblioteksentralenProvider = _chunkNYKSRUWFjs.BiblioteksentralenProvider;
-exports.ButtonBS = _chunkBRFRPPOWjs.ButtonBS;
-exports.ConditionalWrapperBS = _chunkO4EXBCNDjs.ConditionalWrapperBS;
-exports.ErrorBoundaryBS = _chunkUFIMO32Fjs.ErrorBoundaryBS;
-exports.HashLinkTargetBS = _chunkPLWK7HECjs.HashLinkTargetBS;
-exports.IconButtonBS = _chunkJ5IF7WUNjs.IconButtonBS;
-exports.InputBS = _chunkNSYSPEHRjs.InputBS;
-exports.colors = _chunkQAW4IRLIjs.colors;
-exports.withErrorBoundaryBS = _chunkVSICUYFBjs.withErrorBoundaryBS;
+var _react3 = require("react");
+var _react4 = _interopRequireDefault(_react3);
+var _reactfeather = require("react-feather");
+var colorLookup = {
+    info: {
+        bg: colors.lightBlue,
+        color: colors.accentBlueMedium
+    },
+    warning: {
+        bg: colors.statusYellowLight,
+        color: colors.statusYellow
+    },
+    success: {
+        bg: colors.statusGreenLight,
+        color: colors.statusGreen
+    },
+    error: {
+        bg: colors.statusRedLight,
+        color: colors.statusRed
+    }
+};
+var iconLookup = {
+    info: /* @__PURE__ */ _react4.default.createElement(_reactfeather.Info, {
+        strokeWidth: 1.75,
+        role: "img",
+        "aria-label": "Informasjon"
+    }),
+    warning: /* @__PURE__ */ _react4.default.createElement(_reactfeather.AlertCircle, {
+        strokeWidth: 1.75,
+        role: "img",
+        "aria-label": "Advarsel"
+    }),
+    success: /* @__PURE__ */ _react4.default.createElement(_reactfeather.CheckCircle, {
+        strokeWidth: 1.75,
+        role: "img",
+        "aria-label": "Suksess"
+    }),
+    error: /* @__PURE__ */ _react4.default.createElement(_reactfeather.XCircle, {
+        strokeWidth: 1.75,
+        role: "img",
+        "aria-label": "Feil"
+    })
+};
+var variantStyles = {
+    inline: {
+        borderColor: "transparent",
+        backgroundColor: "transparent",
+        padding: "0"
+    }
+};
+function AlertBS(_param) {
+    var status = _param.status, children = _param.children, variant = _param.variant, header = _param.header, rest = _object_without_properties(_param, [
+        "status",
+        "children",
+        "variant",
+        "header"
+    ]);
+    var colors2 = colorLookup[status];
+    return /* @__PURE__ */ _react4.default.createElement(_react.Alert.Root, _object_spread({
+        status: status,
+        fontSize: "md",
+        border: "0.1rem solid",
+        borderColor: colors2.color,
+        backgroundColor: colors2.bg,
+        display: "flex",
+        flexWrap: "wrap"
+    }, variant === "inline" ? variantStyles[variant] : {}, rest), /* @__PURE__ */ _react4.default.createElement(_react.Alert.Indicator, {
+        marginX: "auto"
+    }, iconLookup[status]), /* @__PURE__ */ _react4.default.createElement(_react.Alert.Content, {
+        color: "black"
+    }, header && /* @__PURE__ */ _react4.default.createElement(_react.Alert.Title, null, header), /* @__PURE__ */ _react4.default.createElement(_react.Alert.Description, null, children)));
+}
+// src/components/ButtonBS.tsx
+var ButtonBS = _react.Button;
+// src/components/IconButtonBS.tsx
+var IconButtonBS = _react.IconButton;
+// src/components/InputBS.tsx
+var InputBS = function(props) {
+    var labelProps = props.labelProps, label = props.label, helperText = props.helperText, errorMessage = props.errorMessage, hideLabel = props.hideLabel, inputProps = _object_without_properties(props, [
+        "labelProps",
+        "label",
+        "helperText",
+        "errorMessage",
+        "hideLabel"
+    ]);
+    var formLabel = /* @__PURE__ */ _react4.default.createElement(_react.Field.Label, _object_spread({}, labelProps), label);
+    return /* @__PURE__ */ _react4.default.createElement(_react.Field.Root, {
+        invalid: !!errorMessage
+    }, hideLabel ? /* @__PURE__ */ _react4.default.createElement(_react.VisuallyHidden, null, formLabel) : formLabel, helperText && /* @__PURE__ */ _react4.default.createElement(FieldHelperText, null, helperText), /* @__PURE__ */ _react4.default.createElement(_react.Input, _object_spread({}, inputProps)), errorMessage && /* @__PURE__ */ _react4.default.createElement(FieldErrorText, null, errorMessage));
+};
+// src/components/ConditionalWrapperBS.tsx
+var ConditionalWrapperBS = function(param) {
+    var condition = param.condition, children = param.children, Wrapper = param.wrapper;
+    return condition ? /* @__PURE__ */ _react4.default.createElement(Wrapper, null, children) : /* @__PURE__ */ _react4.default.createElement(_react4.default.Fragment, null, children);
+};
+// src/components/ErrorBoundaryBS.tsx
+var StyledPre = function(props) {
+    return /* @__PURE__ */ _react4.default.createElement(_react.Box, _object_spread({
+        as: "pre",
+        paddingTop: "0.5rem",
+        wordBreak: "break-all",
+        whiteSpace: "pre-wrap",
+        fontSize: "0.8rem"
+    }, props));
+};
+var ErrorBoundaryBS = /*#__PURE__*/ function(_react4_default_Component) {
+    _inherits(ErrorBoundaryBS, _react4_default_Component);
+    var _super = _create_super(ErrorBoundaryBS);
+    function ErrorBoundaryBS(props) {
+        _class_call_check(this, ErrorBoundaryBS);
+        var _this;
+        _this = _super.call(this, props);
+        _this.state = {
+            hasError: false
+        };
+        return _this;
+    }
+    _create_class(ErrorBoundaryBS, [
+        {
+            key: "componentDidCatch",
+            value: function componentDidCatch(error, errorInfo) {
+                this.setState({
+                    hasError: true,
+                    error: error,
+                    errorInfo: errorInfo
+                });
+                console.error(error, {
+                    errorInfo: errorInfo,
+                    boundaryName: this.props.boundaryName
+                });
+            }
+        },
+        {
+            key: "render",
+            value: function render() {
+                if (this.state.hasError) {
+                    var stackTrace = _optionalChain([
+                        this,
+                        "access",
+                        function(_) {
+                            return _.state;
+                        },
+                        "access",
+                        function(_2) {
+                            return _2.errorInfo;
+                        },
+                        "optionalAccess",
+                        function(_3) {
+                            return _3.componentStack;
+                        }
+                    ]);
+                    var errormsg = _optionalChain([
+                        this,
+                        "access",
+                        function(_4) {
+                            return _4.state;
+                        },
+                        "access",
+                        function(_5) {
+                            return _5.error;
+                        },
+                        "optionalAccess",
+                        function(_6) {
+                            return _6.message;
+                        }
+                    ]);
+                    var info = this.props.boundaryName;
+                    return /* @__PURE__ */ _react4.default.createElement("div", null, /* @__PURE__ */ _react4.default.createElement(AlertBS, {
+                        status: "error"
+                    }, /* @__PURE__ */ _react4.default.createElement("p", null, "Beklager, det skjedde en teknisk feil."), isDevelopment() && (stackTrace || errormsg) && /* @__PURE__ */ _react4.default.createElement("div", null, /* @__PURE__ */ _react4.default.createElement(StyledPre, null, errormsg || ""), /* @__PURE__ */ _react4.default.createElement(StyledPre, null, info || ""), /* @__PURE__ */ _react4.default.createElement(StyledPre, null, stackTrace || ""))));
+                }
+                return this.props.children;
+            }
+        }
+    ], [
+        {
+            key: "getDerivedStateFromError",
+            value: function getDerivedStateFromError(error) {
+                return {
+                    hasError: true
+                };
+            }
+        }
+    ]);
+    return ErrorBoundaryBS;
+}(_react4.default.Component);
+// src/components/HashLinkTargetBS.tsx
+// src/styles/chakraTheme/biblioteksentralenChakraTheme.ts
+// src/styles/chakraTheme/ButtonStyles.ts
+var variants = _object_spread({
+    primary: {
+        backgroundColor: colors.black,
+        color: "white",
+        _hover: {
+            backgroundColor: "hsla(0deg, 0%, 70%, 1)",
+            color: "black"
+        }
+    },
+    secondary: {
+        borderColor: "currentColor",
+        color: "currentColor",
+        backgroundColor: "transparent",
+        _hover: {
+            backgroundColor: "currentColor/7"
+        }
+    },
+    tertiary: {
+        color: "currentColor",
+        backgroundColor: "transparent",
+        _hover: {
+            backgroundColor: "currentColor/7"
+        }
+    }
+}, _optionalChain([
+    _react.defaultConfig,
+    "access",
+    function(_7) {
+        return _7.theme;
+    },
+    "optionalAccess",
+    function(_8) {
+        return _8.recipes;
+    },
+    "optionalAccess",
+    function(_9) {
+        return _9.button;
+    },
+    "optionalAccess",
+    function(_10) {
+        return _10.variants;
+    },
+    "optionalAccess",
+    function(_11) {
+        return _11.variant;
+    }
+]));
+var ButtonStyles = _react.defineRecipe.call(void 0, {
+    base: {
+        borderColor: "transparent",
+        borderWidth: "0.1em",
+        fontWeight: 600,
+        _disabled: {
+            backgroundColor: "".concat(colors.grey45),
+            color: "white",
+            opacity: 1
+        }
+    },
+    variants: {
+        variant: variants,
+        size: {
+            sm: {
+                h: "8",
+                px: "2",
+                textStyle: "md"
+            },
+            md: {
+                textStyle: "md"
+            },
+            lg: {
+                h: "12",
+                textStyle: "lg"
+            }
+        }
+    },
+    defaultVariants: {
+        variant: "primary",
+        size: "md"
+    }
+});
+// src/styles/chakraTheme/ContainerStyles.ts
+var ContainerStyles = _react.defineRecipe.call(void 0, {
+    base: {
+        px: ".75rem"
+    }
+});
+// src/styles/chakraTheme/HeadingStyles.ts
+var HeadingStyles = _react.defineRecipe.call(void 0, {
+    base: {
+        fontWeight: "600"
+    }
+});
+// src/styles/chakraTheme/InputStyles.ts
+var variants2 = {
+    subtle: {
+        backgroundColor: {
+            _light: "gray.200",
+            _dark: "whiteAlpha.100"
+        },
+        _hover: {
+            bg: {
+                _light: "gray.300",
+                _dark: "whiteAlpha.200"
+            }
+        }
+    },
+    outline: {
+        borderColor: {
+            _light: "gray.300",
+            _dark: "whiteAlpha.300"
+        },
+        _hover: {
+            borderColor: {
+                _light: "gray.400",
+                _dark: "whiteAlpha.400"
+            }
+        }
+    },
+    flushed: {
+        borderColor: {
+            _light: "gray.300",
+            _dark: "whiteAlpha.300"
+        },
+        _hover: {
+            borderColor: {
+                _light: "gray.400",
+                _dark: "whiteAlpha.400"
+            }
+        }
+    }
+};
+var InputStyles = _react.defineRecipe.call(void 0, {
+    base: {
+        _placeholder: {
+            color: {
+                _light: "gray.500",
+                _dark: "whiteAlpha.500"
+            }
+        }
+    },
+    variants: {
+        variant: variants2
+    },
+    defaultVariants: {
+        variant: "subtle"
+    }
+});
+// src/styles/chakraTheme/SpinnerStyles.ts
+var SpinnerStyles = _react.defineRecipe.call(void 0, {
+    base: {
+        animationDuration: ".8s",
+        color: colors.accentBlueMedium,
+        // Todo: Legg til trackColor: https://chakra-ui.com/docs/components/spinner#track-color
+        borderWidth: ".175em"
+    }
+});
+// src/styles/chakraTheme/sizes.ts
+var container = {
+    sm: {
+        value: "40rem"
+    },
+    md: {
+        value: "48rem"
+    },
+    lg: {
+        value: "56rem"
+    },
+    // Forsøker 56rem som standardbredde etter testing med Katrine
+    xl: {
+        value: "80rem"
+    }
+};
+var sizes = {
+    container: container
+};
+// src/styles/chakraTheme/LinkStyles.ts
+var variants3 = {
+    plain: {
+        color: "currentColor",
+        textDecoration: "none",
+        textDecorationColor: "currentColor",
+        _hover: {
+            textDecorationColor: "currentColor",
+            textDecoration: "underline"
+        }
+    },
+    underline: {
+        color: "currentColor",
+        textDecoration: "underline",
+        textDecorationColor: "currentColor",
+        _hover: {
+            textDecoration: "none"
+        }
+    }
+};
+var LinkStyles = _react.defineRecipe.call(void 0, {
+    base: {
+        _focus: {
+            outline: "none"
+        }
+    },
+    variants: {
+        variant: variants3
+    },
+    defaultVariants: {
+        variant: "underline"
+    }
+});
+// src/styles/chakraTheme/biblioteksentralenChakraTheme.ts
+var tokens = _react.defineTokens.call(void 0, {
+    sizes: sizes
+});
+var globalHyphens = {
+    hyphens: "auto",
+    hyphenateLimitChars: "8 5 3"
+};
+var focusStyle = {
+    outline: "none !important",
+    boxShadow: "0 0 0 .05rem ".concat(colors.white, ", 0 0 0 .25rem ").concat(colors.accentBlueMedium, ", 0 0 0 .3rem ").concat(colors.white, " !important"),
+    transition: "box-shadow 0.1s ease-out"
+};
+var biblioteksentralenChakraTheme = _react.defineConfig.call(void 0, {
+    theme: {
+        tokens: tokens,
+        recipes: {
+            heading: HeadingStyles,
+            button: ButtonStyles,
+            input: InputStyles,
+            link: LinkStyles,
+            container: ContainerStyles,
+            spinner: SpinnerStyles
+        }
+    },
+    globalCss: {
+        html: {
+            fontSize: {
+                base: "112.5%",
+                md: "120%"
+            },
+            // 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: _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/components/HashLinkTargetBS.tsx
+var focusOnRelativeParentStyle = {
+    _focusWithin: {
+        position: "static",
+        boxShadow: "none",
+        "&::after": _object_spread({
+            content: '""',
+            position: "absolute",
+            top: 0,
+            left: 0,
+            height: "100%",
+            width: "100%",
+            pointerEvents: "none",
+            borderRadius: "0.25rem"
+        }, focusStyle)
+    }
+};
+function HashLinkTargetBS(props) {
+    return /* @__PURE__ */ _react4.default.createElement(_react.Box, {
+        position: "relative",
+        css: props.focusOnParent ? focusOnRelativeParentStyle : void 0
+    }, /* @__PURE__ */ _react4.default.createElement(_react.Box, {
+        id: props.id,
+        tabIndex: props.focusOnParent ? -1 : void 0,
+        position: "absolute",
+        top: "-".concat(props.spaceAbove || "2.5rem"),
+        _focus: {
+            boxShadow: "none !important"
+        }
+    }));
+}
+// src/components/withErrorBoundaryBS.tsx
+var withErrorBoundaryBS = function(Component, boundaryName) {
+    return function(props) {
+        return /* @__PURE__ */ _react4.default.createElement(ErrorBoundaryBS, {
+            boundaryName: boundaryName
+        }, /* @__PURE__ */ _react4.default.createElement(Component, _object_spread({}, props)));
+    };
+};
+// src/components/BiblioteksentralenProvider.tsx
+var _system = require("@chakra-ui/system");
+var BiblioteksentralenProvider = function(props) {
+    return /* @__PURE__ */ _react4.default.createElement(_react.ChakraProvider, {
+        value: _react.createSystem.call(void 0, _react.defaultConfig, biblioteksentralenChakraTheme, props.customTheme || {})
+    }, /* @__PURE__ */ _react4.default.createElement(_system.ColorModeProvider, _object_spread({}, props)));
+};
+exports.AlertBS = AlertBS;
+exports.BiblioteksentralenProvider = BiblioteksentralenProvider;
+exports.ButtonBS = ButtonBS;
+exports.ConditionalWrapperBS = ConditionalWrapperBS;
+exports.ErrorBoundaryBS = ErrorBoundaryBS;
+exports.HashLinkTargetBS = HashLinkTargetBS;
+exports.IconButtonBS = IconButtonBS;
+exports.InputBS = InputBS;
+exports.withErrorBoundaryBS = withErrorBoundaryBS;
 //# sourceMappingURL=index.js.map