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

package/package.json

@@ -1,13 +1,25 @@
 {
   "name": "@biblioteksentralen/react",
-  "version": "1.0.0-beta.5",
+  "version": "1.0.0-beta.7",
   "description": "React library for reusable code in Biblioteksentralens js-apps",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
   "keywords": [],
   "author": "Biblioteksentralen",
   "license": "MIT",
   "private": false,
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "./dist/*.{js,mjs,d.ts,map}",
+    "*.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
   "prettier": {
     "printWidth": 120
   },
@@ -22,12 +34,14 @@
     "date-fns": "^3.0.6"
   },
   "devDependencies": {
+    "@swc/core": "^1.3.102",
     "@types/react": "^18.2.45",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "@biblioteksentralen/icons": "1.0.0-beta.7",
-    "@biblioteksentralen/types": "1.0.0-beta.5",
-    "@biblioteksentralen/utils": "1.0.0-beta.7"
+    "tsup": "^8.0.1",
+    "@biblioteksentralen/icons": "1.0.0-beta.9",
+    "@biblioteksentralen/utils": "1.0.0-beta.9",
+    "@biblioteksentralen/types": "1.0.0-beta.7"
   },
   "peerDependencies": {
     "react": "^18.2.0",
@@ -37,7 +51,7 @@
     "test": "vitest --watch=false",
     "type-check": "tsc --noEmit",
     "clean": "rm -rf dist",
-    "build": "pnpm run clean && tsc",
-    "build:deploy": "pnpm run build --module commonjs"
+    "build": "pnpm run clean && tsc && tsup src/index.ts && cp ../../LICENSE dist",
+    "clean:node_modules": "rm -rf node_modules"
   }
 }

package/.turbo/turbo-build.log

@@ -1,8 +0,0 @@
-
-> @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,13 +0,0 @@
-
-> @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.
-
- 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

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

package/dist/BiblioteksentralenProvider.d.ts

@@ -1,8 +0,0 @@
-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

@@ -1,15 +0,0 @@
-"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 = {};
-var BiblioteksentralenProvider = function (props) {
-    var _a;
-    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.d.ts

@@ -1,11 +0,0 @@
-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

@@ -1,59 +0,0 @@
-"use strict";
-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;
-};
-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: 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: utils_1.colors.alertRed, color: utils_1.colors.statusRed },
-};
-var iconLookup = {
-    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: {
-        borderColor: "transparent",
-        backgroundColor: "transparent",
-        padding: "0",
-    },
-};
-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_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.d.ts

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

@@ -1,5 +0,0 @@
-"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.d.ts

@@ -1,13 +0,0 @@
-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

@@ -1,15 +0,0 @@
-"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.
- */
-var ConditionalWrapper = function (_a) {
-    var condition = _a.condition, children = _a.children, Wrapper = _a.wrapper;
-    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.d.ts

@@ -1,19 +0,0 @@
-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

@@ -1,70 +0,0 @@
-"use strict";
-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);
-};
-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) {
-        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_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_2.default.Component));
-exports.ErrorBoundary = ErrorBoundary;

package/dist/components/HashLinkTarget.d.ts

@@ -1,14 +0,0 @@
-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

@@ -1,35 +0,0 @@
-"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",
-        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>)
- */
-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.d.ts

@@ -1,10 +0,0 @@
-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

@@ -1,38 +0,0 @@
-"use strict";
-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;
-};
-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 */
-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_2.default.createElement(react_1.Box, __assign({}, chakraProps, { display: display }), children));
-};
-exports.HideWithCSS = HideWithCSS;

package/dist/components/Input.d.ts

@@ -1,15 +0,0 @@
-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

@@ -1,63 +0,0 @@
-"use strict";
-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 __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)
-        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;
-};
-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
- */
-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_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.d.ts

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

@@ -1,5 +0,0 @@
-"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.d.ts

@@ -1,6 +0,0 @@
-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

@@ -1,68 +0,0 @@
-"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)
-        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;
-};
-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/
-function VisuallyHidden(_a) {
-    var children = _a.children, rest = __rest(_a, ["children"]);
-    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);
-                }
-            };
-            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_1.default.createElement("span", null, children) : react_1.default.createElement(react_2.VisuallyHidden, { position: "fixed" }, children);
-}
-exports.VisuallyHidden = VisuallyHidden;

package/dist/components/withErrorBoundary.d.ts

@@ -1,2 +0,0 @@
-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

@@ -1,24 +0,0 @@
-"use strict";
-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 __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/styles/chakraTheme/ButtonStyles.d.ts

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