@biblioteksentralen/react 1.0.0-beta.1

package/.turbo/turbo-build.log

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

package/.turbo/turbo-test.log

@@ -0,0 +1,13 @@
+
+> @biblioteksentralen/react@1.0.0-beta.1 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.
+
+ RUN  v1.1.0 /Users/jorgenfulsebakke/repos/js-utils/packages/react
+
+include: **/*.{test,spec}.?(c|m)[jt]s?(x)
+exclude:  **/node_modules/**, **/dist/**, **/cypress/**, **/.{idea,git,cache,output,temp}/**, **/{karma,rollup,webpack,vite,vitest,jest,ava,babel,nyc,cypress,tsup,build,eslint,prettier}.config.*
+watch exclude:  **/node_modules/**, **/dist/**
+No test files found, exiting with code 0
+

package/.turbo/turbo-type-check.log

@@ -0,0 +1,4 @@
+
+> @biblioteksentralen/react@1.0.0-beta.1 type-check /Users/jorgenfulsebakke/repos/js-utils/packages/react
+> tsc --noEmit
+

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Biblioteksentralen
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/BiblioteksentralenProvider.d.ts

@@ -0,0 +1,8 @@
+import { ChakraTheme } from "@chakra-ui/react";
+import React, { ReactNode } from "react";
+interface Props {
+    children: ReactNode;
+    customTheme?: Partial<ChakraTheme>;
+}
+export declare const BiblioteksentralenProvider: (props: Props) => React.JSX.Element;
+export {};

package/dist/BiblioteksentralenProvider.js

@@ -0,0 +1,8 @@
+import { ChakraProvider, extendTheme } from "@chakra-ui/react";
+import React from "react";
+import { biblioteksentralenChakraTheme } from "./styles/chakraTheme/biblioteksentralenChakraTheme";
+var emptyTheme = {};
+export var BiblioteksentralenProvider = function (props) {
+    var _a;
+    return (React.createElement(ChakraProvider, { theme: extendTheme(biblioteksentralenChakraTheme, (_a = props.customTheme) !== null && _a !== void 0 ? _a : emptyTheme) }, props.children));
+};

package/dist/components/Alert.d.ts

@@ -0,0 +1,11 @@
+import { AlertProps, FlexProps } from "@chakra-ui/react";
+import React, { ReactNode } from "react";
+type Status = Exclude<AlertProps["status"], undefined | "loading">;
+type Variants = "inline";
+interface Props extends FlexProps {
+    children: ReactNode;
+    status: Status;
+    variant?: Variants;
+}
+export declare function Alert({ status, children, variant, ...rest }: Props): React.JSX.Element;
+export {};

package/dist/components/Alert.js

@@ -0,0 +1,52 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    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 colorLookup = {
+    info: { bg: colors.lightBlue, color: colors.accentBlueMedium },
+    warning: { bg: colors.alertYellow, color: colors.statusYellow },
+    success: { bg: "green.100", color: "green.600" },
+    error: { bg: colors.alertRed, color: 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" }),
+};
+var variantStyles = {
+    inline: {
+        borderColor: "transparent",
+        backgroundColor: "transparent",
+        padding: "0",
+    },
+};
+export 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)));
+}

package/dist/components/Button.d.ts

@@ -0,0 +1,12 @@
+import { ButtonProps, ComponentWithAs } from "@chakra-ui/react";
+import { Modify } from "@biblioteksentralen/types";
+import { CustomButtonVariants } from "../styles/chakraTheme/ButtonStyles";
+/**
+ * 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;
+export declare const Button: ComponentWithAs<"button", Modify<ButtonProps, {
+    variant?: ButtonVariants;
+}>>;
+export {};

package/dist/components/Button.js

@@ -0,0 +1,2 @@
+import { Button as ChakraButton } from "@chakra-ui/react";
+export var Button = ChakraButton;

package/dist/components/ConditionalWrapper.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent, ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    wrapper: FunctionComponent<{
+        children: ReactNode;
+    }>;
+    condition: boolean;
+};
+/**
+ * Conditionally wrapps children with a component. If conditions are not met children mounted without the wrapper.
+ */
+export declare const ConditionalWrapper: FunctionComponent<Props>;
+export {};

package/dist/components/ConditionalWrapper.js

@@ -0,0 +1,8 @@
+import React from "react";
+/**
+ * Conditionally wrapps children with a component. If conditions are not met children mounted without the wrapper.
+ */
+export 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);
+};

package/dist/components/ErrorBoundary.d.ts

@@ -0,0 +1,19 @@
+import React, { ErrorInfo, ReactNode } from "react";
+interface Props {
+    boundaryName?: string;
+    children: ReactNode;
+}
+interface State {
+    hasError: boolean;
+    error?: Error;
+    errorInfo?: ErrorInfo;
+}
+export declare class ErrorBoundary extends React.Component<Props, State> {
+    constructor(props: any);
+    static getDerivedStateFromError(error: any): {
+        hasError: boolean;
+    };
+    componentDidCatch(error: any, errorInfo: any): void;
+    render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+}
+export {};

package/dist/components/ErrorBoundary.js

@@ -0,0 +1,64 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    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 ErrorBoundary = /** @class */ (function (_super) {
+    __extends(ErrorBoundary, _super);
+    function ErrorBoundary(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = { hasError: false };
+        return _this;
+    }
+    ErrorBoundary.getDerivedStateFromError = function (error) {
+        return { hasError: true };
+    };
+    ErrorBoundary.prototype.componentDidCatch = function (error, errorInfo) {
+        this.setState({ hasError: true, error: error, errorInfo: errorInfo });
+        console.error(error, { errorInfo: errorInfo, boundaryName: this.props.boundaryName });
+    };
+    ErrorBoundary.prototype.render = function () {
+        var _a, _b;
+        if (this.state.hasError) {
+            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 this.props.children;
+    };
+    return ErrorBoundary;
+}(React.Component));
+export { ErrorBoundary };

package/dist/components/HashLinkTarget.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface Props {
+    id: string;
+    /**
+     * angir hvor mye luft til vil ha over HashLinkTarget ved bruk av hash-lenke, eks '4rem'
+     */
+    spaceAbove?: string;
+    /**
+     * angir om du vil ha fokusramme rundt komponenten som mounter HashLinkTarget. Da må komponenten du wrapper med ha position: relative | absolute el
+     */
+    focusOnParent?: boolean;
+}
+export declare function HashLinkTarget(props: Props): React.JSX.Element;
+export {};

package/dist/components/HashLinkTarget.js

@@ -0,0 +1,28 @@
+import { Box } from "@chakra-ui/react";
+import React from "react";
+var focusOnRelativeParentStyle = {
+    "&:focus-within": {
+        position: "static",
+        boxShadow: "none",
+        "&::after": {
+            content: '""',
+            position: "absolute",
+            top: 0,
+            left: 0,
+            height: "100%",
+            width: "100%",
+            pointerEvents: "none",
+            borderRadius: "0.25rem",
+            boxShadow: "var(--chakra-shadows-outline)",
+        },
+    },
+};
+/*
+ * 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: {
+                boxShadow: "none !important",
+            } })));
+}

package/dist/components/HideWithCSS.d.ts

@@ -0,0 +1,10 @@
+import { BoxProps, ThemeTypings } from "@chakra-ui/react";
+import { FunctionComponent, ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    above?: ThemeTypings["breakpoints"];
+    below?: ThemeTypings["breakpoints"];
+} & Omit<BoxProps, "display">;
+/** Chakras <Hide /> component uses client side javascript to hide components. Causes components to flash on mobile while loading */
+export declare const HideWithCSS: FunctionComponent<Props>;
+export {};

package/dist/components/HideWithCSS.js

@@ -0,0 +1,31 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Box } from "@chakra-ui/react";
+import React from "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 _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));
+};

package/dist/components/Input.d.ts

@@ -0,0 +1,15 @@
+import { FormLabelProps, InputProps } from "@chakra-ui/react";
+import React from "react";
+interface Props extends InputProps {
+    label: string;
+    hideLabel?: boolean;
+    labelProps?: FormLabelProps;
+    helperText?: string;
+    errorMessage?: string;
+}
+/**
+ * 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 declare const Input: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
+export {};

package/dist/components/Input.js

@@ -0,0 +1,37 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { FormControl, FormErrorMessage, FormHelperText, FormLabel, Input as ChakraInput, } from "@chakra-ui/react";
+import React, { forwardRef } from "react";
+import { VisuallyHidden } from "./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) {
+    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)));
+});

package/dist/components/Link.d.ts

@@ -0,0 +1,12 @@
+import { Modify } from "@biblioteksentralen/types";
+import { ComponentWithAs, LinkProps } from "@chakra-ui/react";
+import { CustomLinkVariants } from "../styles/chakraTheme/LinkStyles";
+/**
+ * Re-exporting chackras Link with a customised types
+ * This causes both chakras native variants and our home-made variants to show up in auto-complete
+ */
+type LinkVariants = LinkProps["variant"] | CustomLinkVariants;
+export declare const Link: ComponentWithAs<"a", Modify<LinkProps, {
+    variant?: LinkVariants;
+}>>;
+export {};

package/dist/components/Link.js

@@ -0,0 +1,2 @@
+import { Link as ChakraLink } from "@chakra-ui/react";
+export var Link = ChakraLink;

package/dist/components/VisuallyHidden.d.ts

@@ -0,0 +1,6 @@
+import React, { HTMLAttributes, ReactNode } from "react";
+interface Props extends HTMLAttributes<HTMLSpanElement> {
+    children: ReactNode;
+}
+export declare function VisuallyHidden({ children, ...rest }: Props): React.JSX.Element;
+export {};

package/dist/components/VisuallyHidden.js

@@ -0,0 +1,41 @@
+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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useEffect } from "react";
+import { VisuallyHidden as ChakraVisuallyHidden } from "@chakra-ui/react";
+import { isDevelopment } from "@biblioteksentralen/utils";
+// https://www.joshwcomeau.com/snippets/react-components/visually-hidden/
+export 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 handleKeyDown_1 = function (ev) {
+                if (ev.key === "Alt") {
+                    setForceShow(true);
+                }
+            };
+            var handleKeyUp_1 = function (ev) {
+                if (ev.key === "Alt") {
+                    setForceShow(false);
+                }
+            };
+            window.addEventListener("keydown", handleKeyDown_1);
+            window.addEventListener("keyup", handleKeyUp_1);
+            return function () {
+                window.removeEventListener("keydown", handleKeyDown_1);
+                window.removeEventListener("keyup", handleKeyUp_1);
+            };
+        }
+    }, []);
+    // 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);
+}

package/dist/components/withErrorBoundary.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const withErrorBoundary: <Props>(Component: React.ComponentType<Props>, boundaryName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Props> & React.RefAttributes<unknown>>;

package/dist/components/withErrorBoundary.js

@@ -0,0 +1,17 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    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 })))); });
+};

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+export * from "@chakra-ui/react";
+export { Alert } from "./components/Alert";
+export { Button } from "./components/Button";
+export { ConditionalWrapper } from "./components/ConditionalWrapper";
+export { HideWithCSS } from "./components/HideWithCSS";
+export { Input } from "./components/Input";
+export { Link } from "./components/Link";
+export { VisuallyHidden } from "./components/VisuallyHidden";
+export { ErrorBoundary } from "./components/ErrorBoundary";
+export { HashLinkTarget } from "./components/HashLinkTarget";
+export { withErrorBoundary } from "./components/withErrorBoundary";
+export { biblioteksentralenChakraTheme } from "./styles/chakraTheme/biblioteksentralenChakraTheme";

package/dist/index.js

@@ -0,0 +1,12 @@
+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";

package/dist/styles/chakraTheme/ButtonStyles.d.ts

@@ -0,0 +1,3 @@
+import { ComponentStyleConfig } from "@chakra-ui/theme";
+export type CustomButtonVariants = "primary" | "secondary" | "tertiary";
+export declare const ButtonStyles: ComponentStyleConfig;

package/dist/styles/chakraTheme/ButtonStyles.js

@@ -0,0 +1,49 @@
+import { colors } from "@biblioteksentralen/utils";
+var variants = {
+    primary: {
+        backgroundColor: colors.black,
+        color: "white",
+        _hover: {
+            backgroundColor: "hsla(0deg, 0%, 70%, 1)",
+            color: "black",
+        },
+    },
+    secondary: {
+        borderColor: "currentColor",
+        backgroundColor: "transparent",
+        color: "currentColor",
+        _hover: {
+            backgroundColor: "hsla(0deg, 0%, 50%, 0.15)",
+        },
+    },
+    tertiary: {
+        backgroundColor: "transparent",
+        color: "currentColor",
+        _hover: {
+            backgroundColor: "hsla(0deg, 0%, 50%, 0.15)",
+            color: "currentColor",
+        },
+    },
+};
+export var ButtonStyles = {
+    baseStyle: {
+        border: "transparent 0.1em solid",
+        borderRadius: "0.35em",
+        fontWeight: 600,
+        _disabled: {
+            backgroundColor: "".concat(colors.grey45, " !important"),
+            color: "white !important",
+            opacity: 1,
+        },
+    },
+    sizes: {
+        sm: {
+            padding: "0.2em 0.5em",
+            fontSize: "1rem",
+        },
+    },
+    variants: variants,
+    defaultProps: {
+        variant: "primary",
+    },
+};

package/dist/styles/chakraTheme/CheckboxStyles.d.ts

@@ -0,0 +1,4 @@
+import { createMultiStyleConfigHelpers } from "@chakra-ui/react";
+declare const defineMultiStyleConfig: ReturnType<typeof createMultiStyleConfigHelpers>["defineMultiStyleConfig"];
+export declare const CheckboxStyles: ReturnType<typeof defineMultiStyleConfig>;
+export {};

package/dist/styles/chakraTheme/CheckboxStyles.js

@@ -0,0 +1,12 @@
+import { createMultiStyleConfigHelpers } from "@chakra-ui/react";
+import { checkboxAnatomy } from "@chakra-ui/anatomy";
+var _a = createMultiStyleConfigHelpers(checkboxAnatomy.keys), definePartsStyle = _a.definePartsStyle, defineMultiStyleConfigWithTypeIssue = _a.defineMultiStyleConfig;
+// https://github.com/pnpm/pnpm/issues/6089#issuecomment-1433207437
+var defineMultiStyleConfig = defineMultiStyleConfigWithTypeIssue;
+var baseStyle = definePartsStyle({
+    control: {
+        background: "white",
+    },
+});
+// https://github.com/pnpm/pnpm/issues/6089#issuecomment-1433207437
+export var CheckboxStyles = defineMultiStyleConfig({ baseStyle: baseStyle });

package/dist/styles/chakraTheme/ContainerStyles.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from "@chakra-ui/theme";
+export declare const ContainerStyles: ComponentStyleConfig;

package/dist/styles/chakraTheme/ContainerStyles.js

@@ -0,0 +1,5 @@
+export var ContainerStyles = {
+    baseStyle: {
+        px: ".75rem", // Padding left/right
+    },
+};

package/dist/styles/chakraTheme/HeadingStyles.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from "@chakra-ui/theme";
+export declare const HeadingStyles: ComponentStyleConfig;

package/dist/styles/chakraTheme/HeadingStyles.js

@@ -0,0 +1,5 @@
+export var HeadingStyles = {
+    baseStyle: {
+        fontWeight: "600",
+    },
+};

package/dist/styles/chakraTheme/InputStyles.d.ts

@@ -0,0 +1,2 @@
+import { ComponentStyleConfig } from "@chakra-ui/theme";
+export declare const InputStyles: ComponentStyleConfig;