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

package/dist/index.d.ts

@@ -119,4 +119,7 @@ declare const withErrorBoundary: <Props>(Component: React.ComponentType<Props>,
 
 declare const biblioteksentralenChakraTheme: _chakra_ui_react.SystemContext;
 
-export { Alert, BiblioteksentralenProvider, Button, ConditionalWrapper, ErrorBoundary, HashLinkTarget, HideWithCSS, Input, Link, VisuallyHidden, biblioteksentralenChakraTheme, withErrorBoundary };
+declare const toaster: any;
+declare const Toaster: () => React.JSX.Element;
+
+export { Alert, BiblioteksentralenProvider, Button, ConditionalWrapper, ErrorBoundary, HashLinkTarget, HideWithCSS, Input, Link, Toaster, VisuallyHidden, biblioteksentralenChakraTheme, toaster, withErrorBoundary };

package/dist/index.js

@@ -300,6 +300,9 @@ __export(src_exports, {
     Link: function() {
         return Link;
     },
+    Toaster: function() {
+        return Toaster;
+    },
     VisuallyHidden: function() {
         return VisuallyHidden;
     },
@@ -309,6 +312,9 @@ __export(src_exports, {
     colors: function() {
         return colors;
     },
+    toaster: function() {
+        return toaster;
+    },
     withErrorBoundary: function() {
         return withErrorBoundary;
     }
@@ -831,6 +837,34 @@ var withErrorBoundary = function(Component, boundaryName) {
         }, /* @__PURE__ */ import_react25.default.createElement(Component, _object_spread({}, props)));
     };
 };
+// src/components/ui/toaster.tsx
+var import_react26 = require("@chakra-ui/react");
+var import_react27 = __toESM(require("react"));
+var toaster = (0, import_react26.createToaster)({
+    placement: "bottom-end",
+    pauseOnPageIdle: true
+});
+var Toaster = function() {
+    return /* @__PURE__ */ import_react27.default.createElement(import_react26.Portal, null, /* @__PURE__ */ import_react27.default.createElement(import_react26.Toaster, {
+        toaster: toaster,
+        insetInline: {
+            mdDown: "4"
+        }
+    }, function(toast) {
+        return /* @__PURE__ */ import_react27.default.createElement(import_react26.Toast.Root, {
+            width: {
+                md: "sm"
+            }
+        }, toast.type === "loading" ? /* @__PURE__ */ import_react27.default.createElement(import_react26.Spinner, {
+            size: "sm",
+            color: "blue.solid"
+        }) : /* @__PURE__ */ import_react27.default.createElement(import_react26.Toast.Indicator, null), /* @__PURE__ */ import_react27.default.createElement(import_react26.Stack, {
+            gap: "1",
+            flex: "1",
+            maxWidth: "100%"
+        }, toast.title && /* @__PURE__ */ import_react27.default.createElement(import_react26.Toast.Title, null, toast.title), toast.description && /* @__PURE__ */ import_react27.default.createElement(import_react26.Toast.Description, null, toast.description)), toast.action && /* @__PURE__ */ import_react27.default.createElement(import_react26.Toast.ActionTrigger, null, toast.action.label), toast.closable && /* @__PURE__ */ import_react27.default.createElement(import_react26.Toast.CloseTrigger, null));
+    }));
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = _object_spread({
     Alert: Alert,
@@ -842,9 +876,11 @@ var withErrorBoundary = function(Component, boundaryName) {
     HideWithCSS: HideWithCSS,
     Input: Input,
     Link: Link,
+    Toaster: Toaster,
     VisuallyHidden: VisuallyHidden,
     biblioteksentralenChakraTheme: biblioteksentralenChakraTheme,
     colors: colors,
+    toaster: toaster,
     withErrorBoundary: withErrorBoundary
 }, require("@chakra-ui/react")));
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/index.mjs

@@ -408,6 +408,24 @@ import React9 from "react";
 var withErrorBoundary = (Component, boundaryName) => {
   return (props) => /* @__PURE__ */ React9.createElement(ErrorBoundary, { boundaryName }, /* @__PURE__ */ React9.createElement(Component, { ...props }));
 };
+
+// src/components/ui/toaster.tsx
+import {
+  Toaster as ChakraToaster,
+  Portal,
+  Spinner,
+  Stack,
+  Toast,
+  createToaster
+} from "@chakra-ui/react";
+import React10 from "react";
+var toaster = createToaster({
+  placement: "bottom-end",
+  pauseOnPageIdle: true
+});
+var Toaster = () => {
+  return /* @__PURE__ */ React10.createElement(Portal, null, /* @__PURE__ */ React10.createElement(ChakraToaster, { toaster, insetInline: { mdDown: "4" } }, (toast) => /* @__PURE__ */ React10.createElement(Toast.Root, { width: { md: "sm" } }, toast.type === "loading" ? /* @__PURE__ */ React10.createElement(Spinner, { size: "sm", color: "blue.solid" }) : /* @__PURE__ */ React10.createElement(Toast.Indicator, null), /* @__PURE__ */ React10.createElement(Stack, { gap: "1", flex: "1", maxWidth: "100%" }, toast.title && /* @__PURE__ */ React10.createElement(Toast.Title, null, toast.title), toast.description && /* @__PURE__ */ React10.createElement(Toast.Description, null, toast.description)), toast.action && /* @__PURE__ */ React10.createElement(Toast.ActionTrigger, null, toast.action.label), toast.closable && /* @__PURE__ */ React10.createElement(Toast.CloseTrigger, null))));
+};
 export {
   Alert,
   BiblioteksentralenProvider,
@@ -418,9 +436,11 @@ export {
   HideWithCSS,
   Input,
   Link,
+  Toaster,
   VisuallyHidden,
   biblioteksentralenChakraTheme,
   colors,
+  toaster,
   withErrorBoundary
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

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

package/package.json

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