@biblioteksentralen/react 1.0.0-beta.3 → 1.0.0-beta.5

package/.turbo/turbo-build.log

@@ -1,4 +1,8 @@
 
-> @biblioteksentralen/react@1.0.0-beta.3 build /Users/jorgenfulsebakke/repos/js-utils/packages/react
-> rm -rf dist && tsc
+> @biblioteksentralen/react@1.0.0-beta.4 build /Users/jorgenfulsebakke/repos/js-utils/packages/react
+> pnpm run clean && tsc
+
+
+> @biblioteksentralen/react@1.0.0-beta.4 clean /Users/jorgenfulsebakke/repos/js-utils/packages/react
+> rm -rf dist
 

package/.turbo/turbo-test.log

@@ -1,5 +1,5 @@
 
-> @biblioteksentralen/react@1.0.0-beta.3 test /Users/jorgenfulsebakke/repos/js-utils/packages/react
+> @biblioteksentralen/react@1.0.0-beta.4 test /Users/jorgenfulsebakke/repos/js-utils/packages/react
 > vitest --watch=false
 
 The CJS build of Vite's Node API is deprecated. See https://vitejs.dev/guide/troubleshooting.html#vite-cjs-node-api-deprecated for more details.

package/dist/BiblioteksentralenProvider.js

@@ -1,8 +1,15 @@
-import { ChakraProvider, extendTheme } from "@chakra-ui/react";
-import React from "react";
-import { biblioteksentralenChakraTheme } from "./styles/chakraTheme/biblioteksentralenChakraTheme";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BiblioteksentralenProvider = void 0;
+var react_1 = require("@chakra-ui/react");
+var react_2 = __importDefault(require("react"));
+var biblioteksentralenChakraTheme_1 = require("./styles/chakraTheme/biblioteksentralenChakraTheme");
 var emptyTheme = {};
-export var BiblioteksentralenProvider = function (props) {
+var BiblioteksentralenProvider = function (props) {
     var _a;
-    return (React.createElement(ChakraProvider, { theme: extendTheme(biblioteksentralenChakraTheme, (_a = props.customTheme) !== null && _a !== void 0 ? _a : emptyTheme) }, props.children));
+    return (react_2.default.createElement(react_1.ChakraProvider, { theme: (0, react_1.extendTheme)(biblioteksentralenChakraTheme_1.biblioteksentralenChakraTheme, (_a = props.customTheme) !== null && _a !== void 0 ? _a : emptyTheme) }, props.children));
 };
+exports.BiblioteksentralenProvider = BiblioteksentralenProvider;

package/dist/components/Alert.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -20,21 +21,26 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { BsCheckCircle, BsExclamationCircle, BsXCircle, InformationIcon } from "@biblioteksentralen/icons";
-import { colors } from "@biblioteksentralen/utils";
-import { Box, Flex } from "@chakra-ui/react";
-import React from "react";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = void 0;
+var icons_1 = require("@biblioteksentralen/icons");
+var utils_1 = require("@biblioteksentralen/utils");
+var react_1 = require("@chakra-ui/react");
+var react_2 = __importDefault(require("react"));
 var colorLookup = {
-    info: { bg: colors.lightBlue, color: colors.accentBlueMedium },
-    warning: { bg: colors.alertYellow, color: colors.statusYellow },
+    info: { bg: utils_1.colors.lightBlue, color: utils_1.colors.accentBlueMedium },
+    warning: { bg: utils_1.colors.alertYellow, color: utils_1.colors.statusYellow },
     success: { bg: "green.100", color: "green.600" },
-    error: { bg: colors.alertRed, color: colors.statusRed },
+    error: { bg: utils_1.colors.alertRed, color: utils_1.colors.statusRed },
 };
 var iconLookup = {
-    info: React.createElement(InformationIcon, { role: "img", "aria-label": "Informasjon" }),
-    warning: React.createElement(BsExclamationCircle, { role: "img", "aria-label": "Advarsel" }),
-    success: React.createElement(BsCheckCircle, { role: "img", "aria-label": "Suksess" }),
-    error: React.createElement(BsXCircle, { role: "img", "aria-label": "Feil" }),
+    info: react_2.default.createElement(icons_1.InformationIcon, { role: "img", "aria-label": "Informasjon" }),
+    warning: react_2.default.createElement(icons_1.BsExclamationCircle, { role: "img", "aria-label": "Advarsel" }),
+    success: react_2.default.createElement(icons_1.BsCheckCircle, { role: "img", "aria-label": "Suksess" }),
+    error: react_2.default.createElement(icons_1.BsXCircle, { role: "img", "aria-label": "Feil" }),
 };
 var variantStyles = {
     inline: {
@@ -43,10 +49,11 @@ var variantStyles = {
         padding: "0",
     },
 };
-export function Alert(_a) {
+function Alert(_a) {
     var status = _a.status, children = _a.children, variant = _a.variant, rest = __rest(_a, ["status", "children", "variant"]);
     var colors = colorLookup[status];
-    return (React.createElement(Flex, __assign({ role: "alert", flexWrap: "wrap", alignItems: "center", gridGap: "0.5rem 1rem", background: "white", border: "0.1rem solid", borderColor: colors.color, backgroundColor: colors.bg, padding: "0.75rem", borderRadius: "0.3rem" }, (variant ? variantStyles[variant] : {}), rest),
-        React.createElement(Box, { color: colors.color, flex: "0 0", marginLeft: "auto", marginRight: "auto", lineHeight: "1", fontSize: "1.5em" }, iconLookup[status]),
-        React.createElement(Box, { flex: "1" }, children)));
+    return (react_2.default.createElement(react_1.Flex, __assign({ role: "alert", flexWrap: "wrap", alignItems: "center", gridGap: "0.5rem 1rem", background: "white", border: "0.1rem solid", borderColor: colors.color, backgroundColor: colors.bg, padding: "0.75rem", borderRadius: "0.3rem" }, (variant ? variantStyles[variant] : {}), rest),
+        react_2.default.createElement(react_1.Box, { color: colors.color, flex: "0 0", marginLeft: "auto", marginRight: "auto", lineHeight: "1", fontSize: "1.5em" }, iconLookup[status]),
+        react_2.default.createElement(react_1.Box, { flex: "1" }, children)));
 }
+exports.Alert = Alert;

package/dist/components/Button.js

@@ -1,2 +1,5 @@
-import { Button as ChakraButton } from "@chakra-ui/react";
-export var Button = ChakraButton;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+var react_1 = require("@chakra-ui/react");
+exports.Button = react_1.Button;

package/dist/components/ConditionalWrapper.js

@@ -1,8 +1,15 @@
-import React from "react";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConditionalWrapper = void 0;
+var react_1 = __importDefault(require("react"));
 /**
  * Conditionally wrapps children with a component. If conditions are not met children mounted without the wrapper.
  */
-export var ConditionalWrapper = function (_a) {
+var ConditionalWrapper = function (_a) {
     var condition = _a.condition, children = _a.children, Wrapper = _a.wrapper;
-    return condition ? React.createElement(Wrapper, null, children) : React.createElement(React.Fragment, null, children);
+    return condition ? react_1.default.createElement(Wrapper, null, children) : react_1.default.createElement(react_1.default.Fragment, null, children);
 };
+exports.ConditionalWrapper = ConditionalWrapper;

package/dist/components/ErrorBoundary.js

@@ -1,3 +1,4 @@
+"use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -24,11 +25,16 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { isDevelopment } from "@biblioteksentralen/utils";
-import { Box } from "@chakra-ui/react";
-import React from "react";
-import { Alert } from "./Alert";
-var StyledPre = function (props) { return (React.createElement(Box, __assign({ as: "pre", paddingTop: "0.5rem", wordBreak: "break-all", whiteSpace: "pre-wrap", fontSize: "0.8rem" }, props))); };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorBoundary = void 0;
+var utils_1 = require("@biblioteksentralen/utils");
+var react_1 = require("@chakra-ui/react");
+var react_2 = __importDefault(require("react"));
+var Alert_1 = require("./Alert");
+var StyledPre = function (props) { return (react_2.default.createElement(react_1.Box, __assign({ as: "pre", paddingTop: "0.5rem", wordBreak: "break-all", whiteSpace: "pre-wrap", fontSize: "0.8rem" }, props))); };
 var ErrorBoundary = /** @class */ (function (_super) {
     __extends(ErrorBoundary, _super);
     function ErrorBoundary(props) {
@@ -49,16 +55,16 @@ var ErrorBoundary = /** @class */ (function (_super) {
             var stackTrace = (_a = this.state.errorInfo) === null || _a === void 0 ? void 0 : _a.componentStack;
             var errormsg = (_b = this.state.error) === null || _b === void 0 ? void 0 : _b.message;
             var info = this.props.boundaryName;
-            return (React.createElement("div", null,
-                React.createElement(Alert, { status: "error" },
-                    React.createElement("p", null, "Beklager, det skjedde en teknisk feil."),
-                    isDevelopment() && (stackTrace || errormsg) && (React.createElement("div", null,
-                        React.createElement(StyledPre, null, errormsg || ""),
-                        React.createElement(StyledPre, null, info || ""),
-                        React.createElement(StyledPre, null, stackTrace || ""))))));
+            return (react_2.default.createElement("div", null,
+                react_2.default.createElement(Alert_1.Alert, { status: "error" },
+                    react_2.default.createElement("p", null, "Beklager, det skjedde en teknisk feil."),
+                    (0, utils_1.isDevelopment)() && (stackTrace || errormsg) && (react_2.default.createElement("div", null,
+                        react_2.default.createElement(StyledPre, null, errormsg || ""),
+                        react_2.default.createElement(StyledPre, null, info || ""),
+                        react_2.default.createElement(StyledPre, null, stackTrace || ""))))));
         }
         return this.props.children;
     };
     return ErrorBoundary;
-}(React.Component));
-export { ErrorBoundary };
+}(react_2.default.Component));
+exports.ErrorBoundary = ErrorBoundary;

package/dist/components/HashLinkTarget.js

@@ -1,5 +1,11 @@
-import { Box } from "@chakra-ui/react";
-import React from "react";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HashLinkTarget = void 0;
+var react_1 = require("@chakra-ui/react");
+var react_2 = __importDefault(require("react"));
 var focusOnRelativeParentStyle = {
     "&:focus-within": {
         position: "static",
@@ -20,9 +26,10 @@ var focusOnRelativeParentStyle = {
 /*
  * 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>)
  */
-export function HashLinkTarget(props) {
-    return (React.createElement(Box, { position: "relative", sx: props.focusOnParent ? focusOnRelativeParentStyle : undefined },
-        React.createElement(Box, { id: props.id, tabIndex: props.focusOnParent ? -1 : undefined, position: "absolute", top: "-".concat(props.spaceAbove || "2.5rem"), _focus: {
+function HashLinkTarget(props) {
+    return (react_2.default.createElement(react_1.Box, { position: "relative", sx: props.focusOnParent ? focusOnRelativeParentStyle : undefined },
+        react_2.default.createElement(react_1.Box, { id: props.id, tabIndex: props.focusOnParent ? -1 : undefined, position: "absolute", top: "-".concat(props.spaceAbove || "2.5rem"), _focus: {
                 boxShadow: "none !important",
             } })));
 }
+exports.HashLinkTarget = HashLinkTarget;

package/dist/components/HideWithCSS.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -20,12 +21,18 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { Box } from "@chakra-ui/react";
-import React from "react";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HideWithCSS = void 0;
+var react_1 = require("@chakra-ui/react");
+var react_2 = __importDefault(require("react"));
 /** Chakras <Hide /> component uses client side javascript to hide components. Causes components to flash on mobile while loading */
-export var HideWithCSS = function (_a) {
+var HideWithCSS = function (_a) {
     var _b, _c;
     var children = _a.children, above = _a.above, below = _a.below, chakraProps = __rest(_a, ["children", "above", "below"]);
     var display = __assign(__assign({}, (!!below ? (_b = { base: "none" }, _b[below] = "block", _b) : {})), (!!above ? (_c = {}, _c[above] = "none", _c) : {}));
-    return (React.createElement(Box, __assign({}, chakraProps, { display: display }), children));
+    return (react_2.default.createElement(react_1.Box, __assign({}, chakraProps, { display: display }), children));
 };
+exports.HideWithCSS = HideWithCSS;

package/dist/components/Input.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -20,18 +44,20 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { FormControl, FormErrorMessage, FormHelperText, FormLabel, Input as ChakraInput, } from "@chakra-ui/react";
-import React, { forwardRef } from "react";
-import { VisuallyHidden } from "./VisuallyHidden";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = void 0;
+var react_1 = require("@chakra-ui/react");
+var react_2 = __importStar(require("react"));
+var VisuallyHidden_1 = require("./VisuallyHidden");
 /**
  * Creating custom input-component to make sure label is always set (for accessibility)
  * 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
  */
-export var Input = forwardRef(function (props, ref) {
+exports.Input = (0, react_2.forwardRef)(function (props, ref) {
     var labelProps = props.labelProps, label = props.label, helperText = props.helperText, errorMessage = props.errorMessage, hideLabel = props.hideLabel, inputProps = __rest(props, ["labelProps", "label", "helperText", "errorMessage", "hideLabel"]);
-    return (React.createElement(FormControl, { isInvalid: !!errorMessage },
-        React.createElement(FormLabel, __assign({ marginBottom: ".25em" }, labelProps), hideLabel ? React.createElement(VisuallyHidden, null, label) : label),
-        React.createElement(ChakraInput, __assign({ ref: ref }, inputProps)),
-        errorMessage && React.createElement(FormErrorMessage, null, errorMessage),
-        helperText && React.createElement(FormHelperText, null, helperText)));
+    return (react_2.default.createElement(react_1.FormControl, { isInvalid: !!errorMessage },
+        react_2.default.createElement(react_1.FormLabel, __assign({ marginBottom: ".25em" }, labelProps), hideLabel ? react_2.default.createElement(VisuallyHidden_1.VisuallyHidden, null, label) : label),
+        react_2.default.createElement(react_1.Input, __assign({ ref: ref }, inputProps)),
+        errorMessage && react_2.default.createElement(react_1.FormErrorMessage, null, errorMessage),
+        helperText && react_2.default.createElement(react_1.FormHelperText, null, helperText)));
 });

package/dist/components/Link.js

@@ -1,2 +1,5 @@
-import { Link as ChakraLink } from "@chakra-ui/react";
-export var Link = ChakraLink;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Link = void 0;
+var react_1 = require("@chakra-ui/react");
+exports.Link = react_1.Link;

package/dist/components/VisuallyHidden.js

@@ -1,3 +1,27 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -9,15 +33,17 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useEffect } from "react";
-import { VisuallyHidden as ChakraVisuallyHidden } from "@chakra-ui/react";
-import { isDevelopment } from "@biblioteksentralen/utils";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VisuallyHidden = void 0;
+var react_1 = __importStar(require("react"));
+var react_2 = require("@chakra-ui/react");
+var utils_1 = require("@biblioteksentralen/utils");
 // https://www.joshwcomeau.com/snippets/react-components/visually-hidden/
-export function VisuallyHidden(_a) {
+function VisuallyHidden(_a) {
     var children = _a.children, rest = __rest(_a, ["children"]);
-    var _b = React.useState(false), forceShow = _b[0], setForceShow = _b[1];
-    useEffect(function () {
-        if (isDevelopment()) {
+    var _b = react_1.default.useState(false), forceShow = _b[0], setForceShow = _b[1];
+    (0, react_1.useEffect)(function () {
+        if ((0, utils_1.isDevelopment)()) {
             var handleKeyDown_1 = function (ev) {
                 if (ev.key === "Alt") {
                     setForceShow(true);
@@ -37,5 +63,6 @@ export function VisuallyHidden(_a) {
         }
     }, []);
     // position="fixed" løser bug der visually hidden ikke hindret tekst fra å ta plass i bredden
-    return forceShow ? React.createElement("span", null, children) : React.createElement(ChakraVisuallyHidden, { position: "fixed" }, children);
+    return forceShow ? react_1.default.createElement("span", null, children) : react_1.default.createElement(react_2.VisuallyHidden, { position: "fixed" }, children);
 }
+exports.VisuallyHidden = VisuallyHidden;

package/dist/components/withErrorBoundary.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,9 +10,15 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React from "react";
-import { ErrorBoundary } from "./ErrorBoundary";
-export var withErrorBoundary = function (Component, boundaryName) {
-    return React.forwardRef(function (props, ref) { return (React.createElement(ErrorBoundary, { boundaryName: boundaryName },
-        React.createElement(Component, __assign({}, props, { ref: ref })))); });
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withErrorBoundary = void 0;
+var react_1 = __importDefault(require("react"));
+var ErrorBoundary_1 = require("./ErrorBoundary");
+var withErrorBoundary = function (Component, boundaryName) {
+    return react_1.default.forwardRef(function (props, ref) { return (react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, { boundaryName: boundaryName },
+        react_1.default.createElement(Component, __assign({}, props, { ref: ref })))); });
+};
+exports.withErrorBoundary = withErrorBoundary;

package/dist/index.d.ts

@@ -6,8 +6,9 @@ export { HideWithCSS } from "./components/HideWithCSS";
 export { Input } from "./components/Input";
 export { Link } from "./components/Link";
 export { VisuallyHidden } from "./components/VisuallyHidden";
+export { BiblioteksentralenProvider } from "./BiblioteksentralenProvider";
 export { ErrorBoundary } from "./components/ErrorBoundary";
 export { HashLinkTarget } from "./components/HashLinkTarget";
 export { withErrorBoundary } from "./components/withErrorBoundary";
-export { biblioteksentralenChakraTheme } from "./styles/chakraTheme/biblioteksentralenChakraTheme";
 export { colors } from "@biblioteksentralen/utils";
+export { biblioteksentralenChakraTheme } from "./styles/chakraTheme/biblioteksentralenChakraTheme";

package/dist/index.js

@@ -1,13 +1,44 @@
-export * from "@chakra-ui/react"; // Exports Chakra components first to override some components later
-export { Alert } from "./components/Alert"; // Overrides Chakras Alert
-export { Button } from "./components/Button"; // Overrides Chakras Button
-export { ConditionalWrapper } from "./components/ConditionalWrapper"; // Overrides Chakras Input
-export { HideWithCSS } from "./components/HideWithCSS"; // Overrides Chakras HideWithCSS
-export { Input } from "./components/Input"; // Overrides Chakras Input
-export { Link } from "./components/Link"; // Overrides Chakras Link
-export { VisuallyHidden } from "./components/VisuallyHidden"; // Overrides Chakras VisuallyHidden
-export { ErrorBoundary } from "./components/ErrorBoundary";
-export { HashLinkTarget } from "./components/HashLinkTarget";
-export { withErrorBoundary } from "./components/withErrorBoundary";
-export { biblioteksentralenChakraTheme } from "./styles/chakraTheme/biblioteksentralenChakraTheme";
-export { colors } from "@biblioteksentralen/utils"; // Re-export colors for convenience
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.biblioteksentralenChakraTheme = exports.colors = exports.withErrorBoundary = exports.HashLinkTarget = exports.ErrorBoundary = exports.BiblioteksentralenProvider = exports.VisuallyHidden = exports.Link = exports.Input = exports.HideWithCSS = exports.ConditionalWrapper = exports.Button = exports.Alert = void 0;
+__exportStar(require("@chakra-ui/react"), exports); // Exports Chakra components first to override some components later
+var Alert_1 = require("./components/Alert"); // Overrides Chakras Alert
+Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return Alert_1.Alert; } });
+var Button_1 = require("./components/Button"); // Overrides Chakras Button
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
+var ConditionalWrapper_1 = require("./components/ConditionalWrapper"); // Overrides Chakras Input
+Object.defineProperty(exports, "ConditionalWrapper", { enumerable: true, get: function () { return ConditionalWrapper_1.ConditionalWrapper; } });
+var HideWithCSS_1 = require("./components/HideWithCSS"); // Overrides Chakras HideWithCSS
+Object.defineProperty(exports, "HideWithCSS", { enumerable: true, get: function () { return HideWithCSS_1.HideWithCSS; } });
+var Input_1 = require("./components/Input"); // Overrides Chakras Input
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
+var Link_1 = require("./components/Link"); // Overrides Chakras Link
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Link_1.Link; } });
+var VisuallyHidden_1 = require("./components/VisuallyHidden"); // Overrides Chakras VisuallyHidden
+Object.defineProperty(exports, "VisuallyHidden", { enumerable: true, get: function () { return VisuallyHidden_1.VisuallyHidden; } });
+var BiblioteksentralenProvider_1 = require("./BiblioteksentralenProvider");
+Object.defineProperty(exports, "BiblioteksentralenProvider", { enumerable: true, get: function () { return BiblioteksentralenProvider_1.BiblioteksentralenProvider; } });
+var ErrorBoundary_1 = require("./components/ErrorBoundary");
+Object.defineProperty(exports, "ErrorBoundary", { enumerable: true, get: function () { return ErrorBoundary_1.ErrorBoundary; } });
+var HashLinkTarget_1 = require("./components/HashLinkTarget");
+Object.defineProperty(exports, "HashLinkTarget", { enumerable: true, get: function () { return HashLinkTarget_1.HashLinkTarget; } });
+var withErrorBoundary_1 = require("./components/withErrorBoundary");
+Object.defineProperty(exports, "withErrorBoundary", { enumerable: true, get: function () { return withErrorBoundary_1.withErrorBoundary; } });
+var utils_1 = require("@biblioteksentralen/utils"); // Re-export colors for convenience
+Object.defineProperty(exports, "colors", { enumerable: true, get: function () { return utils_1.colors; } });
+var biblioteksentralenChakraTheme_1 = require("./styles/chakraTheme/biblioteksentralenChakraTheme");
+Object.defineProperty(exports, "biblioteksentralenChakraTheme", { enumerable: true, get: function () { return biblioteksentralenChakraTheme_1.biblioteksentralenChakraTheme; } });

package/dist/styles/chakraTheme/ButtonStyles.js

@@ -1,7 +1,10 @@
-import { colors } from "@biblioteksentralen/utils";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonStyles = void 0;
+var utils_1 = require("@biblioteksentralen/utils");
 var variants = {
     primary: {
-        backgroundColor: colors.black,
+        backgroundColor: utils_1.colors.black,
         color: "white",
         _hover: {
             backgroundColor: "hsla(0deg, 0%, 70%, 1)",
@@ -25,13 +28,13 @@ var variants = {
         },
     },
 };
-export var ButtonStyles = {
+exports.ButtonStyles = {
     baseStyle: {
         border: "transparent 0.1em solid",
         borderRadius: "0.35em",
         fontWeight: 600,
         _disabled: {
-            backgroundColor: "".concat(colors.grey45, " !important"),
+            backgroundColor: "".concat(utils_1.colors.grey45, " !important"),
             color: "white !important",
             opacity: 1,
         },

package/dist/styles/chakraTheme/CheckboxStyles.js

@@ -1,6 +1,9 @@
-import { createMultiStyleConfigHelpers } from "@chakra-ui/react";
-import { checkboxAnatomy } from "@chakra-ui/anatomy";
-var _a = createMultiStyleConfigHelpers(checkboxAnatomy.keys), definePartsStyle = _a.definePartsStyle, defineMultiStyleConfigWithTypeIssue = _a.defineMultiStyleConfig;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxStyles = void 0;
+var react_1 = require("@chakra-ui/react");
+var anatomy_1 = require("@chakra-ui/anatomy");
+var _a = (0, react_1.createMultiStyleConfigHelpers)(anatomy_1.checkboxAnatomy.keys), definePartsStyle = _a.definePartsStyle, defineMultiStyleConfigWithTypeIssue = _a.defineMultiStyleConfig;
 // https://github.com/pnpm/pnpm/issues/6089#issuecomment-1433207437
 var defineMultiStyleConfig = defineMultiStyleConfigWithTypeIssue;
 var baseStyle = definePartsStyle({
@@ -9,4 +12,4 @@ var baseStyle = definePartsStyle({
     },
 });
 // https://github.com/pnpm/pnpm/issues/6089#issuecomment-1433207437
-export var CheckboxStyles = defineMultiStyleConfig({ baseStyle: baseStyle });
+exports.CheckboxStyles = defineMultiStyleConfig({ baseStyle: baseStyle });

package/dist/styles/chakraTheme/ContainerStyles.js

@@ -1,4 +1,7 @@
-export var ContainerStyles = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContainerStyles = void 0;
+exports.ContainerStyles = {
     baseStyle: {
         px: ".75rem", // Padding left/right
     },

package/dist/styles/chakraTheme/HeadingStyles.js

@@ -1,4 +1,7 @@
-export var HeadingStyles = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeadingStyles = void 0;
+exports.HeadingStyles = {
     baseStyle: {
         fontWeight: "600",
     },

package/dist/styles/chakraTheme/InputStyles.js

@@ -1,34 +1,37 @@
-import { mode } from "@chakra-ui/theme-tools";
-export var InputStyles = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputStyles = void 0;
+var theme_tools_1 = require("@chakra-ui/theme-tools");
+exports.InputStyles = {
     baseStyle: function (props) { return ({
         field: {
             _placeholder: {
-                color: mode("gray.500", "whiteAlpha.500")(props),
+                color: (0, theme_tools_1.mode)("gray.500", "whiteAlpha.500")(props),
             },
         },
     }); },
     variants: {
         filled: function (props) { return ({
             field: {
-                bg: mode("gray.200", "whiteAlpha.100")(props),
+                bg: (0, theme_tools_1.mode)("gray.200", "whiteAlpha.100")(props),
                 _hover: {
-                    bg: mode("gray.300", "whiteAlpha.200")(props),
+                    bg: (0, theme_tools_1.mode)("gray.300", "whiteAlpha.200")(props),
                 },
             },
         }); },
         outline: function (props) { return ({
             field: {
-                borderColor: mode("gray.300", "whiteAlpha.300")(props),
+                borderColor: (0, theme_tools_1.mode)("gray.300", "whiteAlpha.300")(props),
                 _hover: {
-                    borderColor: mode("gray.400", "whiteAlpha.400")(props),
+                    borderColor: (0, theme_tools_1.mode)("gray.400", "whiteAlpha.400")(props),
                 },
             },
         }); },
         flushed: function (props) { return ({
             field: {
-                borderColor: mode("gray.300", "whiteAlpha.300")(props),
+                borderColor: (0, theme_tools_1.mode)("gray.300", "whiteAlpha.300")(props),
                 _hover: {
-                    borderColor: mode("gray.400", "whiteAlpha.400")(props),
+                    borderColor: (0, theme_tools_1.mode)("gray.400", "whiteAlpha.400")(props),
                 },
             },
         }); },

package/dist/styles/chakraTheme/LinkStyles.js

@@ -1,3 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkStyles = void 0;
 var variants = {
     plain: {
         textDecoration: "none",
@@ -6,7 +9,7 @@ var variants = {
         },
     },
 };
-export var LinkStyles = {
+exports.LinkStyles = {
     baseStyle: {
         textDecoration: "underline",
         _hover: {

package/dist/styles/chakraTheme/ModalStyles.js

@@ -1,4 +1,7 @@
-export var ModalStyles = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalStyles = void 0;
+exports.ModalStyles = {
     baseStyle: {
         // Fix for modal height on Safari iOS:
         // https://github.com/chakra-ui/chakra-ui/issues/4680#issuecomment-1301640929

package/dist/styles/chakraTheme/SpinnerStyles.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,7 +10,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { colors } from "@biblioteksentralen/utils";
-import { Spinner } from "@chakra-ui/react";
-export var SpinnerStyles = {};
-Spinner.defaultProps = __assign(__assign({}, Spinner.defaultProps), { speed: ".8s", color: colors.accentBlueMedium, emptyColor: "rgba(0,0,0,.2)", thickness: ".175em" });
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SpinnerStyles = void 0;
+var utils_1 = require("@biblioteksentralen/utils");
+var react_1 = require("@chakra-ui/react");
+exports.SpinnerStyles = {};
+react_1.Spinner.defaultProps = __assign(__assign({}, react_1.Spinner.defaultProps), { speed: ".8s", color: utils_1.colors.accentBlueMedium, emptyColor: "rgba(0,0,0,.2)", thickness: ".175em" });

package/dist/styles/chakraTheme/biblioteksentralenChakraTheme.js

@@ -1,13 +1,16 @@
-import { ButtonStyles } from "./ButtonStyles";
-import { CheckboxStyles } from "./CheckboxStyles";
-import { ContainerStyles } from "./ContainerStyles";
-import { HeadingStyles } from "./HeadingStyles";
-import { InputStyles } from "./InputStyles";
-import { LinkStyles } from "./LinkStyles";
-import { ModalStyles } from "./ModalStyles";
-import { SpinnerStyles } from "./SpinnerStyles";
-import { sizes } from "./sizes";
-export var biblioteksentralenChakraTheme = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.biblioteksentralenChakraTheme = void 0;
+var ButtonStyles_1 = require("./ButtonStyles");
+var CheckboxStyles_1 = require("./CheckboxStyles");
+var ContainerStyles_1 = require("./ContainerStyles");
+var HeadingStyles_1 = require("./HeadingStyles");
+var InputStyles_1 = require("./InputStyles");
+var LinkStyles_1 = require("./LinkStyles");
+var ModalStyles_1 = require("./ModalStyles");
+var SpinnerStyles_1 = require("./SpinnerStyles");
+var sizes_1 = require("./sizes");
+exports.biblioteksentralenChakraTheme = {
     styles: {
         global: {
             html: {
@@ -19,14 +22,14 @@ export var biblioteksentralenChakraTheme = {
         },
     },
     components: {
-        Heading: HeadingStyles,
-        Spinner: SpinnerStyles,
-        Link: LinkStyles,
-        Button: ButtonStyles,
-        Input: InputStyles,
-        Container: ContainerStyles,
-        Modal: ModalStyles,
-        Checkbox: CheckboxStyles,
+        Heading: HeadingStyles_1.HeadingStyles,
+        Spinner: SpinnerStyles_1.SpinnerStyles,
+        Link: LinkStyles_1.LinkStyles,
+        Button: ButtonStyles_1.ButtonStyles,
+        Input: InputStyles_1.InputStyles,
+        Container: ContainerStyles_1.ContainerStyles,
+        Modal: ModalStyles_1.ModalStyles,
+        Checkbox: CheckboxStyles_1.CheckboxStyles,
     },
-    sizes: sizes,
+    sizes: sizes_1.sizes,
 };

package/dist/styles/chakraTheme/sizes.js

@@ -1,9 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sizes = void 0;
 var container = {
     sm: "40rem",
     md: "48rem",
     lg: "56rem", // Forsøker 56rem som standardbredde etter testing med Katrine
     xl: "80rem",
 };
-export var sizes = {
+exports.sizes = {
     container: container,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@biblioteksentralen/react",
-  "version": "1.0.0-beta.3",
+  "version": "1.0.0-beta.5",
   "description": "React library for reusable code in Biblioteksentralens js-apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -25,9 +25,9 @@
     "@types/react": "^18.2.45",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "@biblioteksentralen/icons": "1.0.0-beta.5",
-    "@biblioteksentralen/utils": "1.0.0-beta.6",
-    "@biblioteksentralen/types": "1.0.0-beta.2"
+    "@biblioteksentralen/icons": "1.0.0-beta.7",
+    "@biblioteksentralen/types": "1.0.0-beta.5",
+    "@biblioteksentralen/utils": "1.0.0-beta.7"
   },
   "peerDependencies": {
     "react": "^18.2.0",
@@ -36,7 +36,8 @@
   "scripts": {
     "test": "vitest --watch=false",
     "type-check": "tsc --noEmit",
-    "clean": "rm -rf node_modules",
-    "build": "rm -rf dist && tsc"
+    "clean": "rm -rf dist",
+    "build": "pnpm run clean && tsc",
+    "build:deploy": "pnpm run build --module commonjs"
   }
 }

package/src/index.ts

@@ -7,9 +7,10 @@ export { Input } from "./components/Input"; // Overrides Chakras Input
 export { Link } from "./components/Link"; // Overrides Chakras Link
 export { VisuallyHidden } from "./components/VisuallyHidden"; // Overrides Chakras VisuallyHidden
 
+export { BiblioteksentralenProvider } from "./BiblioteksentralenProvider";
 export { ErrorBoundary } from "./components/ErrorBoundary";
 export { HashLinkTarget } from "./components/HashLinkTarget";
 export { withErrorBoundary } from "./components/withErrorBoundary";
 
-export { biblioteksentralenChakraTheme } from "./styles/chakraTheme/biblioteksentralenChakraTheme";
 export { colors } from "@biblioteksentralen/utils"; // Re-export colors for convenience
+export { biblioteksentralenChakraTheme } from "./styles/chakraTheme/biblioteksentralenChakraTheme";