npm - @biblioteksentralen/react - Versions diffs - 4.0.0-beta.3 → 4.0.0-beta.4 - Mend

@biblioteksentralen/react 4.0.0-beta.3 → 4.0.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.js CHANGED Viewed

@@ -339,7 +339,7 @@ var InputBS = function(props) {
     var formLabel = /* @__PURE__ */ _react4.default.createElement(_react.Field.Label, _object_spread({}, labelProps), label);
     return /* @__PURE__ */ _react4.default.createElement(_react.Field.Root, {
         invalid: !!errorMessage
-    }, hideLabel ? /* @__PURE__ */ _react4.default.createElement(_react.VisuallyHidden, null, formLabel) : formLabel, helperText && /* @__PURE__ */ _react4.default.createElement(FieldHelperText, null, helperText), /* @__PURE__ */ _react4.default.createElement(_react.Input, _object_spread({}, inputProps)), errorMessage && /* @__PURE__ */ _react4.default.createElement(FieldErrorText, null, errorMessage));
+    }, hideLabel ? /* @__PURE__ */ _react4.default.createElement(_react.VisuallyHidden, null, formLabel) : formLabel, helperText && /* @__PURE__ */ _react4.default.createElement(_react.Field.HelperText, null, helperText), /* @__PURE__ */ _react4.default.createElement(_react.Input, _object_spread({}, inputProps)), errorMessage && /* @__PURE__ */ _react4.default.createElement(_react.Field.ErrorText, null, errorMessage));
 };
 // src/components/ConditionalWrapperBS.tsx
 var ConditionalWrapperBS = function(param) {

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/index.js","../../utils/src/date.ts","../../utils/src/colors.ts","../../utils/src/environment.ts","../src/components/AlertBS.tsx","../src/components/ButtonBS.tsx","../src/components/IconButtonBS.tsx","../src/components/InputBS.tsx","../src/components/ConditionalWrapperBS.tsx","../src/components/ErrorBoundaryBS.tsx","../src/styles/chakraTheme/ButtonStyles.ts","../src/styles/chakraTheme/ContainerStyles.ts","../src/styles/chakraTheme/HeadingStyles.ts","../src/styles/chakraTheme/InputStyles.ts","../src/styles/chakraTheme/SpinnerStyles.ts","../src/styles/chakraTheme/sizes.ts","../src/styles/chakraTheme/LinkStyles.ts","../src/styles/chakraTheme/biblioteksentralenChakraTheme.ts","../src/components/HashLinkTargetBS.tsx","../src/components/withErrorBoundaryBS.tsx","../src/components/BiblioteksentralenProvider.tsx"],"names":["Object","defineProperty","exports","value","_interopRequireDefault","obj","__esModule","default","_optionalChain","ops","lastAccessLHS","undefined","i","length","op","fn","args","call","_format","require","_nb","colors","black","grey90","grey80","grey60","grey45","grey30","grey15","grey10","grey05","white","bsRødDark","bsRødMedium","accentPurple","accentPeach","accentGreen","accentBlueDark","accentBlueMedium","accentYellow","lightBlue","lightGreen","lightPeach","lightPurple","statusRed","statusYellow","statusGreen","statusGreenLight","statusRedLight","statusYellowLight","neptune","isDevelopment","process","env","NODE_ENV","_react","_react3","_react4","_reactfeather","colorLookup","info","bg","color","warning","success","error","iconLookup","createElement","Info","strokeWidth","role","AlertCircle","CheckCircle","XCircle","variantStyles","inline","borderColor","backgroundColor","padding","AlertBS","status","children","variant","header","rest","Alert","Root","fontSize","border","display","flexWrap","Indicator","marginX","Content","Title","Description","ButtonBS","Button","IconButtonBS","IconButton","InputBS","props","labelProps","label","helperText","errorMessage","hideLabel","inputProps","formLabel","React","Field","Label","invalid","VisuallyHidden","FieldHelperText","Input","FieldErrorText","ConditionalWrapperBS","condition","wrapper","Wrapper","Fragment","StyledPre","Box","as","paddingTop","wordBreak","whiteSpace","ErrorBoundaryBS","state","hasError","componentDidCatch","errorInfo","setState","console","boundaryName","render","stackTrace","_","_2","_3","componentStack","errormsg","_4","_5","_6","message","getDerivedStateFromError","Component","variants","primary","_hover","secondary","tertiary","defaultConfig","_7","theme","_8","recipes","_9","button","_10","_11","ButtonStyles","defineRecipe","base","borderWidth","fontWeight","_disabled","opacity","size","sm","h","px","textStyle","md","lg","defaultVariants","variants2","subtle","_light","_dark","outline","flushed","_placeholder","animationDuration","container","xl","sizes","variants3","plain","textDecoration","textDecorationColor","underline","_focus","tokens","defineTokens","globalHyphens","hyphens","hyphenateLimitChars","focusStyle","boxShadow","transition","biblioteksentralenChakraTheme","defineConfig","heading","HeadingStyles","input","InputStyles","link","LinkStyles","ContainerStyles","spinner","SpinnerStyles","globalCss","html","scrollBehavior","body","focusOnRelativeParentStyle","_focusWithin","position","content","top","left","height","width","pointerEvents","borderRadius","HashLinkTargetBS","css","focusOnParent","id","tabIndex","spaceAbove","withErrorBoundaryBS","_system","BiblioteksentralenProvider","ChakraProvider","createSystem","customTheme","ColorModeProvider"],"mappings":"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","sourcesContent":["\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' \|\| op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' \|\| op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' \|\| op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }\"use client\";\n\n// ../utils/dist/index.mjs\nvar _format = require('date-fns/format');\nvar _nb = require('date-fns/locale/nb');\nvar 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\\u00F8dDark: \"#870010\",\n bsR\\u00F8dMedium: \"#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};\nfunction isDevelopment() {\n return process.env.NODE_ENV === \"development\";\n}\n\n// src/components/AlertBS.tsx\nvar _react = require('@chakra-ui/react');\nvar _react3 = require('react'); var _react4 = _interopRequireDefault(_react3);\nvar _reactfeather = require('react-feather');\nvar colorLookup = {\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};\nvar iconLookup = {\n info: /* @__PURE__ / _react4.default.createElement(_reactfeather.Info, { strokeWidth: 1.75, role: \"img\", \"aria-label\": \"Informasjon\" }),\n warning: / @__PURE__ / _react4.default.createElement(_reactfeather.AlertCircle, { strokeWidth: 1.75, role: \"img\", \"aria-label\": \"Advarsel\" }),\n success: / @__PURE__ / _react4.default.createElement(_reactfeather.CheckCircle, { strokeWidth: 1.75, role: \"img\", \"aria-label\": \"Suksess\" }),\n error: / @__PURE__ / _react4.default.createElement(_reactfeather.XCircle, { strokeWidth: 1.75, role: \"img\", \"aria-label\": \"Feil\" })\n};\nvar variantStyles = {\n inline: {\n borderColor: \"transparent\",\n backgroundColor: \"transparent\",\n padding: \"0\"\n }\n};\nfunction AlertBS({ status, children, variant, header, ...rest }) {\n const colors2 = colorLookup[status];\n return / @__PURE__ / _react4.default.createElement(\n _react.Alert.Root,\n {\n status,\n fontSize: \"md\",\n border: `0.1rem solid`,\n borderColor: colors2.color,\n backgroundColor: colors2.bg,\n display: \"flex\",\n flexWrap: \"wrap\",\n ...variant === \"inline\" ? variantStyles[variant] : {},\n ...rest\n },\n / @__PURE__ / _react4.default.createElement(_react.Alert.Indicator, { marginX: \"auto\" }, iconLookup[status]),\n / @__PURE__ / _react4.default.createElement(_react.Alert.Content, { color: \"black\" }, header && / @__PURE__ / _react4.default.createElement(_react.Alert.Title, null, header), / @__PURE__ / _react4.default.createElement(_react.Alert.Description, null, children))\n );\n}\n\n// src/components/ButtonBS.tsx\n\nvar ButtonBS = _react.Button;\n\n// src/components/IconButtonBS.tsx\n\nvar IconButtonBS = _react.IconButton;\n\n// src/components/InputBS.tsx\n\n\nvar InputBS = (props) => {\n const { labelProps, label, helperText, errorMessage, hideLabel, ...inputProps } = props;\n const formLabel = / @__PURE__ / _react4.default.createElement(_react.Field.Label, { ...labelProps }, label);\n return / @__PURE__ / _react4.default.createElement(_react.Field.Root, { invalid: !!errorMessage }, hideLabel ? / @__PURE__ / _react4.default.createElement(_react.VisuallyHidden, null, formLabel) : formLabel, helperText && / @__PURE__ / _react4.default.createElement(FieldHelperText, null, helperText), / @__PURE__ / _react4.default.createElement(_react.Input, { ...inputProps }), errorMessage && / @__PURE__ / _react4.default.createElement(FieldErrorText, null, errorMessage));\n};\n\n// src/components/ConditionalWrapperBS.tsx\n\nvar ConditionalWrapperBS = ({ condition, children, wrapper: Wrapper }) => condition ? / @__PURE__ / _react4.default.createElement(Wrapper, null, children) : / @__PURE__ / _react4.default.createElement(_react4.default.Fragment, null, children);\n\n// src/components/ErrorBoundaryBS.tsx\n\n\nvar StyledPre = (props) => / @__PURE__ / _react4.default.createElement(_react.Box, { as: \"pre\", paddingTop: \"0.5rem\", wordBreak: \"break-all\", whiteSpace: \"pre-wrap\", fontSize: \"0.8rem\", ...props });\nvar ErrorBoundaryBS = class extends _react4.default.Component {\n constructor(props) {\n super(props);\n this.state = { hasError: false };\n }\n static getDerivedStateFromError(error) {\n return { hasError: true };\n }\n componentDidCatch(error, errorInfo) {\n this.setState({ hasError: true, error, errorInfo });\n console.error(error, { errorInfo, boundaryName: this.props.boundaryName });\n }\n render() {\n if (this.state.hasError) {\n const stackTrace = _optionalChain([this, 'access', _ => _.state, 'access', _2 => _2.errorInfo, 'optionalAccess', _3 => _3.componentStack]);\n const errormsg = _optionalChain([this, 'access', _4 => _4.state, 'access', _5 => _5.error, 'optionalAccess', _6 => _6.message]);\n const info = this.props.boundaryName;\n return / @__PURE__ / _react4.default.createElement(\"div\", null, / @__PURE__ / _react4.default.createElement(AlertBS, { status: \"error\" }, / @__PURE__ / _react4.default.createElement(\"p\", null, \"Beklager, det skjedde en teknisk feil.\"), isDevelopment() && (stackTrace \|\| errormsg) && / @__PURE__ / _react4.default.createElement(\"div\", null, / @__PURE__ / _react4.default.createElement(StyledPre, null, errormsg \|\| \"\"), / @__PURE__ / _react4.default.createElement(StyledPre, null, info \|\| \"\"), / @__PURE__ / _react4.default.createElement(StyledPre, null, stackTrace \|\| \"\"))));\n }\n return this.props.children;\n }\n};\n\n// src/components/HashLinkTargetBS.tsx\n\n\n\n// src/styles/chakraTheme/biblioteksentralenChakraTheme.ts\n\n\n// src/styles/chakraTheme/ButtonStyles.ts\n\nvar variants = {\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\",\n color: \"currentColor\",\n backgroundColor: \"transparent\",\n _hover: {\n backgroundColor: \"currentColor/7\"\n }\n },\n tertiary: {\n color: \"currentColor\",\n backgroundColor: \"transparent\",\n _hover: {\n backgroundColor: \"currentColor/7\"\n }\n },\n // Inherit variants from Chakra's default config. Seems like they are overridden by our custom variants by default.\n ..._optionalChain([_react.defaultConfig, 'access', _7 => _7.theme, 'optionalAccess', _8 => _8.recipes, 'optionalAccess', _9 => _9.button, 'optionalAccess', _10 => _10.variants, 'optionalAccess', _11 => _11.variant])\n};\nvar ButtonStyles = _react.defineRecipe.call(void 0, {\n base: {\n borderColor: \"transparent\",\n borderWidth: \"0.1em\",\n fontWeight: 600,\n _disabled: {\n backgroundColor: `${colors.grey45}`,\n color: \"white\",\n opacity: 1\n }\n },\n variants: {\n variant: variants,\n size: {\n sm: {\n h: \"8\",\n px: \"2\",\n textStyle: \"md\"\n },\n md: {\n textStyle: \"md\"\n },\n lg: {\n h: \"12\",\n textStyle: \"lg\"\n }\n }\n },\n defaultVariants: {\n variant: \"primary\",\n size: \"md\"\n }\n});\n\n// src/styles/chakraTheme/ContainerStyles.ts\n\nvar ContainerStyles = _react.defineRecipe.call(void 0, {\n base: {\n px: \".75rem\"\n // Padding left/right\n }\n});\n\n// src/styles/chakraTheme/HeadingStyles.ts\n\nvar HeadingStyles = _react.defineRecipe.call(void 0, {\n base: {\n fontWeight: \"600\"\n }\n});\n\n// src/styles/chakraTheme/InputStyles.ts\n\nvar variants2 = {\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};\nvar InputStyles = _react.defineRecipe.call(void 0, {\n base: {\n _placeholder: {\n color: { _light: \"gray.500\", _dark: \"whiteAlpha.500\" }\n }\n },\n variants: {\n variant: variants2\n },\n defaultVariants: {\n variant: \"subtle\"\n }\n});\n\n// src/styles/chakraTheme/SpinnerStyles.ts\n\nvar SpinnerStyles = _react.defineRecipe.call(void 0, {\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\n// src/styles/chakraTheme/sizes.ts\nvar container = {\n sm: { value: \"40rem\" },\n md: { value: \"48rem\" },\n lg: { value: \"56rem\" },\n // Forsøker 56rem som standardbredde etter testing med Katrine\n xl: { value: \"80rem\" }\n};\nvar sizes = {\n container\n};\n\n// src/styles/chakraTheme/LinkStyles.ts\n\nvar variants3 = {\n plain: {\n color: \"currentColor\",\n textDecoration: \"none\",\n textDecorationColor: \"currentColor\",\n _hover: {\n textDecorationColor: \"currentColor\",\n textDecoration: \"underline\"\n }\n },\n underline: {\n color: \"currentColor\",\n textDecoration: \"underline\",\n textDecorationColor: \"currentColor\",\n _hover: {\n textDecoration: \"none\"\n }\n }\n};\nvar LinkStyles = _react.defineRecipe.call(void 0, {\n base: {\n _focus: {\n outline: \"none\"\n }\n },\n variants: {\n variant: variants3\n },\n defaultVariants: {\n variant: \"underline\"\n }\n});\n\n// src/styles/chakraTheme/biblioteksentralenChakraTheme.ts\nvar tokens = _react.defineTokens.call(void 0, {\n sizes\n});\nvar globalHyphens = {\n hyphens: \"auto\",\n hyphenateLimitChars: \"8 5 3\"\n // minimum word-length / min letters first line / min letters second line\n};\nvar focusStyle = {\n outline: \"none !important\",\n boxShadow: `0 0 0 .05rem ${colors.white}, 0 0 0 .25rem ${colors.accentBlueMedium}, 0 0 0 .3rem ${colors.white} !important`,\n transition: \"box-shadow 0.1s ease-out\"\n // Transition makes the newly focused element \"pop in\" and easier to spot\n};\nvar biblioteksentralenChakraTheme = _react.defineConfig.call(void 0, {\n theme: {\n tokens,\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 body: {\n ...globalHyphens\n },\n // Felles fokus-styling for alle elementer for å sikre at de har en tydelig og uniform visuell indikasjon når de er i fokus\n \":focus-visible\": focusStyle\n }\n});\n\n// src/components/HashLinkTargetBS.tsx\nvar 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 ...focusStyle\n }\n }\n};\nfunction HashLinkTargetBS(props) {\n return /* @__PURE__ / _react4.default.createElement(_react.Box, { position: \"relative\", css: props.focusOnParent ? focusOnRelativeParentStyle : void 0 }, / @__PURE__ / _react4.default.createElement(\n _react.Box,\n {\n id: props.id,\n tabIndex: props.focusOnParent ? -1 : void 0,\n position: \"absolute\",\n top: `-${props.spaceAbove \|\| \"2.5rem\"}`,\n _focus: {\n boxShadow: \"none !important\"\n }\n }\n ));\n}\n\n// src/components/withErrorBoundaryBS.tsx\n\nvar withErrorBoundaryBS = (Component, boundaryName) => {\n return (props) => / @__PURE__ / _react4.default.createElement(ErrorBoundaryBS, { boundaryName }, / @__PURE__ / _react4.default.createElement(Component, { ...props }));\n};\n\n// src/components/BiblioteksentralenProvider.tsx\n\n\nvar _system = require('@chakra-ui/system');\nvar BiblioteksentralenProvider = (props) => / @__PURE__ / _react4.default.createElement(_react.ChakraProvider, { value: _react.createSystem.call(void 0, _react.defaultConfig, biblioteksentralenChakraTheme, props.customTheme \|\| {}) }, / @__PURE__ / _react4.default.createElement(_system.ColorModeProvider, { ...props }));\n\n\n\n\n\n\n\n\n\n\nexports.AlertBS = AlertBS; exports.BiblioteksentralenProvider = BiblioteksentralenProvider; exports.ButtonBS = ButtonBS; exports.ConditionalWrapperBS = ConditionalWrapperBS; exports.ErrorBoundaryBS = ErrorBoundaryBS; exports.HashLinkTargetBS = HashLinkTargetBS; exports.IconButtonBS = IconButtonBS; exports.InputBS = InputBS; exports.withErrorBoundaryBS = withErrorBoundaryBS;\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 AlertBS({ status, children, variant, header, ...rest }: Props) {\n const colors = colorLookup[status];\n return (\n <ChakraAlert.Root\n status={status}\n fontSize=\"md\"\n border={`0.1rem solid`}\n borderColor={colors.color}\n backgroundColor={colors.bg}\n display=\"flex\"\n flexWrap=\"wrap\"\n {...(variant === \"inline\" ? variantStyles[variant] : {})}\n {...rest}\n >\n <ChakraAlert.Indicator marginX=\"auto\">{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 { Modify } from \"@biblioteksentralen/types\";\nimport { Button as ChakraButton, ButtonProps as NativeButtonProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\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 = NativeButtonProps[\"variant\"] \| CustomButtonVariants;\nexport type ButtonBSProps = Modify<NativeButtonProps, { variant?: ButtonVariants }>;\nexport const ButtonBS = ChakraButton as ComponentWithAs<\"button\", ButtonBSProps>;\n","import { Modify } from \"@biblioteksentralen/types\";\nimport { IconButton as ChakraIconButton, IconButtonProps as ChakraIconButtonProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\nimport { CustomButtonVariants } from \"../styles/chakraTheme/ButtonStyles\";\n\n/\n Re-exporting chackras IconButton with a customised types\n * This causes both chakras native variants and our home-made variants to show up in auto-complete\n /\ntype IconButtonVariants = ChakraIconButtonProps[\"variant\"] \| CustomButtonVariants;\nexport type IconButtonBSProps = Modify<ChakraIconButtonProps, { variant?: IconButtonVariants }>;\nexport const IconButtonBS = ChakraIconButton as ComponentWithAs<\"button\", IconButtonBSProps>;\n","import { Input as ChakraInput, Field, FieldLabelProps, InputProps, VisuallyHidden } from \"@chakra-ui/react\";\nimport React, { RefObject } from \"react\";\n\ninterface Props extends InputProps {\n label: string;\n hideLabel?: boolean;\n labelProps?: FieldLabelProps;\n helperText?: string;\n errorMessage?: string;\n ref?: RefObject<HTMLInputElement \| null>;\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 InputBS = (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 {/ @ts-expect-error Chakra v3 Field.HelperText and Field.ErrorText don't include children in their types /}\n {helperText && <FieldHelperText>{helperText}</FieldHelperText>}\n <ChakraInput {...inputProps} />\n {/ @ts-expect-error Chakra v3 Field.HelperText and Field.ErrorText don't include children in their types /}\n {errorMessage && <FieldErrorText>{errorMessage}</FieldErrorText>}\n </Field.Root>\n );\n};\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 ConditionalWrapperBS: FunctionComponent<Props> = ({ condition, children, wrapper: Wrapper }) =>\n condition ? <Wrapper>{children}</Wrapper> : <>{children}</>;\n","import { isDevelopment } from \"@biblioteksentralen/utils\";\nimport { Box, BoxProps } from \"@chakra-ui/react\";\nimport React, { ErrorInfo, ReactNode } from \"react\";\nimport { AlertBS } from \"./AlertBS\";\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 ErrorBoundaryBS 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 <AlertBS 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 </AlertBS>\n </div>\n );\n }\n\n return this.props.children;\n }\n}\n","import { colors } from \"@biblioteksentralen/utils\";\nimport { defaultConfig, 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\",\n color: \"currentColor\",\n backgroundColor: \"transparent\",\n _hover: {\n backgroundColor: \"currentColor/7\",\n },\n },\n tertiary: {\n color: \"currentColor\",\n backgroundColor: \"transparent\",\n _hover: {\n backgroundColor: \"currentColor/7\",\n },\n },\n // Inherit variants from Chakra's default config. Seems like they are overridden by our custom variants by default.\n ...defaultConfig.theme?.recipes?.button?.variants?.variant,\n};\n\nexport const ButtonStyles = defineRecipe({\n base: {\n borderColor: \"transparent\",\n borderWidth: \"0.1em\",\n fontWeight: 600,\n _disabled: {\n backgroundColor: `${colors.grey45}`,\n color: \"white\",\n opacity: 1,\n },\n },\n variants: {\n variant: variants,\n size: {\n sm: {\n h: \"8\",\n px: \"2\",\n textStyle: \"md\",\n },\n md: {\n textStyle: \"md\",\n },\n lg: {\n h: \"12\",\n textStyle: \"lg\",\n },\n },\n },\n defaultVariants: {\n variant: \"primary\",\n size: \"md\",\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 { 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 { defineRecipe, SystemStyleObject } from \"@chakra-ui/react\";\n\nexport type CustomLinkVariants = \"plain\" \| \"underline\";\n\nconst variants: Record<CustomLinkVariants, SystemStyleObject> = {\n plain: {\n color: \"currentColor\",\n textDecoration: \"none\",\n textDecorationColor: \"currentColor\",\n _hover: {\n textDecorationColor: \"currentColor\",\n textDecoration: \"underline\",\n },\n },\n underline: {\n color: \"currentColor\",\n textDecoration: \"underline\",\n textDecorationColor: \"currentColor\",\n _hover: {\n textDecoration: \"none\",\n },\n },\n};\n\nexport const LinkStyles = defineRecipe({\n base: {\n _focus: {\n outline: \"none\",\n },\n },\n variants: {\n variant: variants,\n },\n defaultVariants: {\n variant: \"underline\",\n },\n});\n","import { defineConfig, defineTokens } from \"@chakra-ui/react\";\nimport { ButtonStyles } from \"./ButtonStyles\";\nimport { ContainerStyles } from \"./ContainerStyles\";\nimport { HeadingStyles } from \"./HeadingStyles\";\nimport { InputStyles } from \"./InputStyles\";\nimport { SpinnerStyles } from \"./SpinnerStyles\";\nimport { sizes } from \"./sizes\";\nimport { LinkStyles } from \"./LinkStyles\";\nimport { colors } from \"@biblioteksentralen/utils\";\n\nconst tokens = defineTokens({\n sizes,\n});\n\n// https://blog.logrocket.com/guide-css-word-wrap-overflow-wrap-word-break/\n// https://medium.com/clear-left-thinking/all-you-need-to-know-about-hyphenation-in-css-2baee2d89179\n// Skrur på hyphens auto som default fordi vi har masse mikrotekster og små elementer der layout knekker uten dette, og vi lager stadig nye og glemmer å ta hensyn til dette.\n// Så kan man optionaly sette hyphens: none de stedene man ikke ønsker det, men har ikke sett noe som knekker/blir rart pga dette enda\nconst globalHyphens = {\n hyphens: \"auto\",\n hyphenateLimitChars: \"8 5 3\", // minimum word-length / min letters first line / min letters second line\n};\n\nexport const focusStyle = {\n outline: \"none !important\",\n boxShadow: `0 0 0 .05rem ${colors.white}, 0 0 0 .25rem ${colors.accentBlueMedium}, 0 0 0 .3rem ${colors.white} !important`,\n transition: \"box-shadow 0.1s ease-out\", // Transition makes the newly focused element \"pop in\" and easier to spot\n};\n\nexport const biblioteksentralenChakraTheme = defineConfig({\n theme: {\n tokens,\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 body: {\n ...globalHyphens,\n },\n // Felles fokus-styling for alle elementer for å sikre at de har en tydelig og uniform visuell indikasjon når de er i fokus\n \":focus-visible\": focusStyle,\n },\n});\n","import { Box } from \"@chakra-ui/react\";\nimport React from \"react\";\nimport { focusStyle } from \"../styles/chakraTheme/biblioteksentralenChakraTheme\";\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 ...focusStyle,\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 HashLinkTargetBS(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 { ErrorBoundaryBS } from \"./ErrorBoundaryBS\";\n\nexport const withErrorBoundaryBS = <Props,>(Component: React.ComponentType<Props>, boundaryName: string) => {\n return (props: Props & React.JSX.IntrinsicAttributes) => (\n <ErrorBoundaryBS boundaryName={boundaryName}>\n <Component {...props} />\n </ErrorBoundaryBS>\n );\n};\n","import React, { ReactNode } from \"react\";\nimport { ChakraProvider, createSystem, defaultConfig, SystemConfig } from \"@chakra-ui/react\";\nimport { biblioteksentralenChakraTheme } from \"../styles/chakraTheme/biblioteksentralenChakraTheme\";\nimport { ColorModeProvider } from \"@chakra-ui/system\";\n\ninterface Props {\n children: ReactNode;\n customTheme?: SystemConfig;\n}\n\nexport const BiblioteksentralenProvider = (props: Props) => (\n <ChakraProvider value={createSystem(defaultConfig, biblioteksentralenChakraTheme, props.customTheme \|\| {})}>\n <ColorModeProvider {...props} />\n </ChakraProvider>\n);\n"]}
1	+ {"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/index.js","../../utils/src/date.ts","../../utils/src/colors.ts","../../utils/src/environment.ts","../src/components/AlertBS.tsx","../src/components/ButtonBS.tsx","../src/components/IconButtonBS.tsx","../src/components/InputBS.tsx","../src/components/ConditionalWrapperBS.tsx","../src/components/ErrorBoundaryBS.tsx","../src/styles/chakraTheme/ButtonStyles.ts","../src/styles/chakraTheme/ContainerStyles.ts","../src/styles/chakraTheme/HeadingStyles.ts","../src/styles/chakraTheme/InputStyles.ts","../src/styles/chakraTheme/SpinnerStyles.ts","../src/styles/chakraTheme/sizes.ts","../src/styles/chakraTheme/LinkStyles.ts","../src/styles/chakraTheme/biblioteksentralenChakraTheme.ts","../src/components/HashLinkTargetBS.tsx","../src/components/withErrorBoundaryBS.tsx","../src/components/BiblioteksentralenProvider.tsx"],"names":["Object","defineProperty","exports","value","_interopRequireDefault","obj","__esModule","default","_optionalChain","ops","lastAccessLHS","undefined","i","length","op","fn","args","call","_format","require","_nb","colors","black","grey90","grey80","grey60","grey45","grey30","grey15","grey10","grey05","white","bsRødDark","bsRødMedium","accentPurple","accentPeach","accentGreen","accentBlueDark","accentBlueMedium","accentYellow","lightBlue","lightGreen","lightPeach","lightPurple","statusRed","statusYellow","statusGreen","statusGreenLight","statusRedLight","statusYellowLight","neptune","isDevelopment","process","env","NODE_ENV","_react","_react3","_react4","_reactfeather","colorLookup","info","bg","color","warning","success","error","iconLookup","createElement","Info","strokeWidth","role","AlertCircle","CheckCircle","XCircle","variantStyles","inline","borderColor","backgroundColor","padding","AlertBS","status","children","variant","header","rest","Alert","Root","fontSize","border","display","flexWrap","Indicator","marginX","Content","Title","Description","ButtonBS","Button","IconButtonBS","IconButton","InputBS","props","labelProps","label","helperText","errorMessage","hideLabel","inputProps","formLabel","React","Field","Label","invalid","VisuallyHidden","HelperText","Input","ErrorText","ConditionalWrapperBS","condition","wrapper","Wrapper","Fragment","StyledPre","Box","as","paddingTop","wordBreak","whiteSpace","ErrorBoundaryBS","state","hasError","componentDidCatch","errorInfo","setState","console","boundaryName","render","stackTrace","_","_2","_3","componentStack","errormsg","_4","_5","_6","message","getDerivedStateFromError","Component","variants","primary","_hover","secondary","tertiary","defaultConfig","_7","theme","_8","recipes","_9","button","_10","_11","ButtonStyles","defineRecipe","base","borderWidth","fontWeight","_disabled","opacity","size","sm","h","px","textStyle","md","lg","defaultVariants","variants2","subtle","_light","_dark","outline","flushed","_placeholder","animationDuration","container","xl","sizes","variants3","plain","textDecoration","textDecorationColor","underline","_focus","tokens","defineTokens","globalHyphens","hyphens","hyphenateLimitChars","focusStyle","boxShadow","transition","biblioteksentralenChakraTheme","defineConfig","heading","HeadingStyles","input","InputStyles","link","LinkStyles","ContainerStyles","spinner","SpinnerStyles","globalCss","html","scrollBehavior","body","focusOnRelativeParentStyle","_focusWithin","position","content","top","left","height","width","pointerEvents","borderRadius","HashLinkTargetBS","css","focusOnParent","id","tabIndex","spaceAbove","withErrorBoundaryBS","_system","BiblioteksentralenProvider","ChakraProvider","createSystem","customTheme","ColorModeProvider"],"mappings":"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","sourcesContent":["\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' \|\| op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' \|\| op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' \|\| op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }\"use client\";\n\n// ../utils/dist/index.mjs\nvar _format = require('date-fns/format');\nvar _nb = require('date-fns/locale/nb');\nvar 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\\u00F8dDark: \"#870010\",\n bsR\\u00F8dMedium: \"#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};\nfunction isDevelopment() {\n return process.env.NODE_ENV === \"development\";\n}\n\n// src/components/AlertBS.tsx\nvar _react = require('@chakra-ui/react');\nvar _react3 = require('react'); var _react4 = _interopRequireDefault(_react3);\nvar _reactfeather = require('react-feather');\nvar colorLookup = {\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};\nvar iconLookup = {\n info: /* @__PURE__ / _react4.default.createElement(_reactfeather.Info, { strokeWidth: 1.75, role: \"img\", \"aria-label\": \"Informasjon\" }),\n warning: / @__PURE__ / _react4.default.createElement(_reactfeather.AlertCircle, { strokeWidth: 1.75, role: \"img\", \"aria-label\": \"Advarsel\" }),\n success: / @__PURE__ / _react4.default.createElement(_reactfeather.CheckCircle, { strokeWidth: 1.75, role: \"img\", \"aria-label\": \"Suksess\" }),\n error: / @__PURE__ / _react4.default.createElement(_reactfeather.XCircle, { strokeWidth: 1.75, role: \"img\", \"aria-label\": \"Feil\" })\n};\nvar variantStyles = {\n inline: {\n borderColor: \"transparent\",\n backgroundColor: \"transparent\",\n padding: \"0\"\n }\n};\nfunction AlertBS({ status, children, variant, header, ...rest }) {\n const colors2 = colorLookup[status];\n return / @__PURE__ / _react4.default.createElement(\n _react.Alert.Root,\n {\n status,\n fontSize: \"md\",\n border: `0.1rem solid`,\n borderColor: colors2.color,\n backgroundColor: colors2.bg,\n display: \"flex\",\n flexWrap: \"wrap\",\n ...variant === \"inline\" ? variantStyles[variant] : {},\n ...rest\n },\n / @__PURE__ / _react4.default.createElement(_react.Alert.Indicator, { marginX: \"auto\" }, iconLookup[status]),\n / @__PURE__ / _react4.default.createElement(_react.Alert.Content, { color: \"black\" }, header && / @__PURE__ / _react4.default.createElement(_react.Alert.Title, null, header), / @__PURE__ / _react4.default.createElement(_react.Alert.Description, null, children))\n );\n}\n\n// src/components/ButtonBS.tsx\n\nvar ButtonBS = _react.Button;\n\n// src/components/IconButtonBS.tsx\n\nvar IconButtonBS = _react.IconButton;\n\n// src/components/InputBS.tsx\n\n\nvar InputBS = (props) => {\n const { labelProps, label, helperText, errorMessage, hideLabel, ...inputProps } = props;\n const formLabel = / @__PURE__ / _react4.default.createElement(_react.Field.Label, { ...labelProps }, label);\n return / @__PURE__ / _react4.default.createElement(_react.Field.Root, { invalid: !!errorMessage }, hideLabel ? / @__PURE__ / _react4.default.createElement(_react.VisuallyHidden, null, formLabel) : formLabel, helperText && / @__PURE__ / _react4.default.createElement(_react.Field.HelperText, null, helperText), / @__PURE__ / _react4.default.createElement(_react.Input, { ...inputProps }), errorMessage && / @__PURE__ / _react4.default.createElement(_react.Field.ErrorText, null, errorMessage));\n};\n\n// src/components/ConditionalWrapperBS.tsx\n\nvar ConditionalWrapperBS = ({ condition, children, wrapper: Wrapper }) => condition ? / @__PURE__ / _react4.default.createElement(Wrapper, null, children) : / @__PURE__ / _react4.default.createElement(_react4.default.Fragment, null, children);\n\n// src/components/ErrorBoundaryBS.tsx\n\n\nvar StyledPre = (props) => / @__PURE__ / _react4.default.createElement(_react.Box, { as: \"pre\", paddingTop: \"0.5rem\", wordBreak: \"break-all\", whiteSpace: \"pre-wrap\", fontSize: \"0.8rem\", ...props });\nvar ErrorBoundaryBS = class extends _react4.default.Component {\n constructor(props) {\n super(props);\n this.state = { hasError: false };\n }\n static getDerivedStateFromError(error) {\n return { hasError: true };\n }\n componentDidCatch(error, errorInfo) {\n this.setState({ hasError: true, error, errorInfo });\n console.error(error, { errorInfo, boundaryName: this.props.boundaryName });\n }\n render() {\n if (this.state.hasError) {\n const stackTrace = _optionalChain([this, 'access', _ => _.state, 'access', _2 => _2.errorInfo, 'optionalAccess', _3 => _3.componentStack]);\n const errormsg = _optionalChain([this, 'access', _4 => _4.state, 'access', _5 => _5.error, 'optionalAccess', _6 => _6.message]);\n const info = this.props.boundaryName;\n return / @__PURE__ / _react4.default.createElement(\"div\", null, / @__PURE__ / _react4.default.createElement(AlertBS, { status: \"error\" }, / @__PURE__ / _react4.default.createElement(\"p\", null, \"Beklager, det skjedde en teknisk feil.\"), isDevelopment() && (stackTrace \|\| errormsg) && / @__PURE__ / _react4.default.createElement(\"div\", null, / @__PURE__ / _react4.default.createElement(StyledPre, null, errormsg \|\| \"\"), / @__PURE__ / _react4.default.createElement(StyledPre, null, info \|\| \"\"), / @__PURE__ / _react4.default.createElement(StyledPre, null, stackTrace \|\| \"\"))));\n }\n return this.props.children;\n }\n};\n\n// src/components/HashLinkTargetBS.tsx\n\n\n\n// src/styles/chakraTheme/biblioteksentralenChakraTheme.ts\n\n\n// src/styles/chakraTheme/ButtonStyles.ts\n\nvar variants = {\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\",\n color: \"currentColor\",\n backgroundColor: \"transparent\",\n _hover: {\n backgroundColor: \"currentColor/7\"\n }\n },\n tertiary: {\n color: \"currentColor\",\n backgroundColor: \"transparent\",\n _hover: {\n backgroundColor: \"currentColor/7\"\n }\n },\n // Inherit variants from Chakra's default config. Seems like they are overridden by our custom variants by default.\n ..._optionalChain([_react.defaultConfig, 'access', _7 => _7.theme, 'optionalAccess', _8 => _8.recipes, 'optionalAccess', _9 => _9.button, 'optionalAccess', _10 => _10.variants, 'optionalAccess', _11 => _11.variant])\n};\nvar ButtonStyles = _react.defineRecipe.call(void 0, {\n base: {\n borderColor: \"transparent\",\n borderWidth: \"0.1em\",\n fontWeight: 600,\n _disabled: {\n backgroundColor: `${colors.grey45}`,\n color: \"white\",\n opacity: 1\n }\n },\n variants: {\n variant: variants,\n size: {\n sm: {\n h: \"8\",\n px: \"2\",\n textStyle: \"md\"\n },\n md: {\n textStyle: \"md\"\n },\n lg: {\n h: \"12\",\n textStyle: \"lg\"\n }\n }\n },\n defaultVariants: {\n variant: \"primary\",\n size: \"md\"\n }\n});\n\n// src/styles/chakraTheme/ContainerStyles.ts\n\nvar ContainerStyles = _react.defineRecipe.call(void 0, {\n base: {\n px: \".75rem\"\n // Padding left/right\n }\n});\n\n// src/styles/chakraTheme/HeadingStyles.ts\n\nvar HeadingStyles = _react.defineRecipe.call(void 0, {\n base: {\n fontWeight: \"600\"\n }\n});\n\n// src/styles/chakraTheme/InputStyles.ts\n\nvar variants2 = {\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};\nvar InputStyles = _react.defineRecipe.call(void 0, {\n base: {\n _placeholder: {\n color: { _light: \"gray.500\", _dark: \"whiteAlpha.500\" }\n }\n },\n variants: {\n variant: variants2\n },\n defaultVariants: {\n variant: \"subtle\"\n }\n});\n\n// src/styles/chakraTheme/SpinnerStyles.ts\n\nvar SpinnerStyles = _react.defineRecipe.call(void 0, {\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\n// src/styles/chakraTheme/sizes.ts\nvar container = {\n sm: { value: \"40rem\" },\n md: { value: \"48rem\" },\n lg: { value: \"56rem\" },\n // Forsøker 56rem som standardbredde etter testing med Katrine\n xl: { value: \"80rem\" }\n};\nvar sizes = {\n container\n};\n\n// src/styles/chakraTheme/LinkStyles.ts\n\nvar variants3 = {\n plain: {\n color: \"currentColor\",\n textDecoration: \"none\",\n textDecorationColor: \"currentColor\",\n _hover: {\n textDecorationColor: \"currentColor\",\n textDecoration: \"underline\"\n }\n },\n underline: {\n color: \"currentColor\",\n textDecoration: \"underline\",\n textDecorationColor: \"currentColor\",\n _hover: {\n textDecoration: \"none\"\n }\n }\n};\nvar LinkStyles = _react.defineRecipe.call(void 0, {\n base: {\n _focus: {\n outline: \"none\"\n }\n },\n variants: {\n variant: variants3\n },\n defaultVariants: {\n variant: \"underline\"\n }\n});\n\n// src/styles/chakraTheme/biblioteksentralenChakraTheme.ts\nvar tokens = _react.defineTokens.call(void 0, {\n sizes\n});\nvar globalHyphens = {\n hyphens: \"auto\",\n hyphenateLimitChars: \"8 5 3\"\n // minimum word-length / min letters first line / min letters second line\n};\nvar focusStyle = {\n outline: \"none !important\",\n boxShadow: `0 0 0 .05rem ${colors.white}, 0 0 0 .25rem ${colors.accentBlueMedium}, 0 0 0 .3rem ${colors.white} !important`,\n transition: \"box-shadow 0.1s ease-out\"\n // Transition makes the newly focused element \"pop in\" and easier to spot\n};\nvar biblioteksentralenChakraTheme = _react.defineConfig.call(void 0, {\n theme: {\n tokens,\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 body: {\n ...globalHyphens\n },\n // Felles fokus-styling for alle elementer for å sikre at de har en tydelig og uniform visuell indikasjon når de er i fokus\n \":focus-visible\": focusStyle\n }\n});\n\n// src/components/HashLinkTargetBS.tsx\nvar 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 ...focusStyle\n }\n }\n};\nfunction HashLinkTargetBS(props) {\n return /* @__PURE__ / _react4.default.createElement(_react.Box, { position: \"relative\", css: props.focusOnParent ? focusOnRelativeParentStyle : void 0 }, / @__PURE__ / _react4.default.createElement(\n _react.Box,\n {\n id: props.id,\n tabIndex: props.focusOnParent ? -1 : void 0,\n position: \"absolute\",\n top: `-${props.spaceAbove \|\| \"2.5rem\"}`,\n _focus: {\n boxShadow: \"none !important\"\n }\n }\n ));\n}\n\n// src/components/withErrorBoundaryBS.tsx\n\nvar withErrorBoundaryBS = (Component, boundaryName) => {\n return (props) => / @__PURE__ / _react4.default.createElement(ErrorBoundaryBS, { boundaryName }, / @__PURE__ / _react4.default.createElement(Component, { ...props }));\n};\n\n// src/components/BiblioteksentralenProvider.tsx\n\n\nvar _system = require('@chakra-ui/system');\nvar BiblioteksentralenProvider = (props) => / @__PURE__ / _react4.default.createElement(_react.ChakraProvider, { value: _react.createSystem.call(void 0, _react.defaultConfig, biblioteksentralenChakraTheme, props.customTheme \|\| {}) }, / @__PURE__ / _react4.default.createElement(_system.ColorModeProvider, { ...props }));\n\n\n\n\n\n\n\n\n\n\nexports.AlertBS = AlertBS; exports.BiblioteksentralenProvider = BiblioteksentralenProvider; exports.ButtonBS = ButtonBS; exports.ConditionalWrapperBS = ConditionalWrapperBS; exports.ErrorBoundaryBS = ErrorBoundaryBS; exports.HashLinkTargetBS = HashLinkTargetBS; exports.IconButtonBS = IconButtonBS; exports.InputBS = InputBS; exports.withErrorBoundaryBS = withErrorBoundaryBS;\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 AlertBS({ status, children, variant, header, ...rest }: Props) {\n const colors = colorLookup[status];\n return (\n <ChakraAlert.Root\n status={status}\n fontSize=\"md\"\n border={`0.1rem solid`}\n borderColor={colors.color}\n backgroundColor={colors.bg}\n display=\"flex\"\n flexWrap=\"wrap\"\n {...(variant === \"inline\" ? variantStyles[variant] : {})}\n {...rest}\n >\n <ChakraAlert.Indicator marginX=\"auto\">{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 { Modify } from \"@biblioteksentralen/types\";\nimport { Button as ChakraButton, ButtonProps as NativeButtonProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\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 = NativeButtonProps[\"variant\"] \| CustomButtonVariants;\nexport type ButtonBSProps = Modify<NativeButtonProps, { variant?: ButtonVariants }>;\nexport const ButtonBS = ChakraButton as ComponentWithAs<\"button\", ButtonBSProps>;\n","import { Modify } from \"@biblioteksentralen/types\";\nimport { IconButton as ChakraIconButton, IconButtonProps as ChakraIconButtonProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\nimport { CustomButtonVariants } from \"../styles/chakraTheme/ButtonStyles\";\n\n/\n Re-exporting chackras IconButton with a customised types\n * This causes both chakras native variants and our home-made variants to show up in auto-complete\n /\ntype IconButtonVariants = ChakraIconButtonProps[\"variant\"] \| CustomButtonVariants;\nexport type IconButtonBSProps = Modify<ChakraIconButtonProps, { variant?: IconButtonVariants }>;\nexport const IconButtonBS = ChakraIconButton as ComponentWithAs<\"button\", IconButtonBSProps>;\n","import { Input as ChakraInput, Field, FieldLabelProps, InputProps, VisuallyHidden } from \"@chakra-ui/react\";\nimport React, { RefObject } from \"react\";\n\ninterface Props extends InputProps {\n label: string;\n hideLabel?: boolean;\n labelProps?: FieldLabelProps;\n helperText?: string;\n errorMessage?: string;\n ref?: RefObject<HTMLInputElement \| null>;\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 InputBS = (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 {/ @ts-expect-error Chakra v3 Field.HelperText and Field.ErrorText don't include children in their types /}\n {helperText && <Field.HelperText>{helperText}</Field.HelperText>}\n <ChakraInput {...inputProps} />\n {/ @ts-expect-error Chakra v3 Field.HelperText and Field.ErrorText don't include children in their types /}\n {errorMessage && <Field.ErrorText>{errorMessage}</Field.ErrorText>}\n </Field.Root>\n );\n};\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 ConditionalWrapperBS: FunctionComponent<Props> = ({ condition, children, wrapper: Wrapper }) =>\n condition ? <Wrapper>{children}</Wrapper> : <>{children}</>;\n","import { isDevelopment } from \"@biblioteksentralen/utils\";\nimport { Box, BoxProps } from \"@chakra-ui/react\";\nimport React, { ErrorInfo, ReactNode } from \"react\";\nimport { AlertBS } from \"./AlertBS\";\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 ErrorBoundaryBS 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 <AlertBS 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 </AlertBS>\n </div>\n );\n }\n\n return this.props.children;\n }\n}\n","import { colors } from \"@biblioteksentralen/utils\";\nimport { defaultConfig, 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\",\n color: \"currentColor\",\n backgroundColor: \"transparent\",\n _hover: {\n backgroundColor: \"currentColor/7\",\n },\n },\n tertiary: {\n color: \"currentColor\",\n backgroundColor: \"transparent\",\n _hover: {\n backgroundColor: \"currentColor/7\",\n },\n },\n // Inherit variants from Chakra's default config. Seems like they are overridden by our custom variants by default.\n ...defaultConfig.theme?.recipes?.button?.variants?.variant,\n};\n\nexport const ButtonStyles = defineRecipe({\n base: {\n borderColor: \"transparent\",\n borderWidth: \"0.1em\",\n fontWeight: 600,\n _disabled: {\n backgroundColor: `${colors.grey45}`,\n color: \"white\",\n opacity: 1,\n },\n },\n variants: {\n variant: variants,\n size: {\n sm: {\n h: \"8\",\n px: \"2\",\n textStyle: \"md\",\n },\n md: {\n textStyle: \"md\",\n },\n lg: {\n h: \"12\",\n textStyle: \"lg\",\n },\n },\n },\n defaultVariants: {\n variant: \"primary\",\n size: \"md\",\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 { 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 { defineRecipe, SystemStyleObject } from \"@chakra-ui/react\";\n\nexport type CustomLinkVariants = \"plain\" \| \"underline\";\n\nconst variants: Record<CustomLinkVariants, SystemStyleObject> = {\n plain: {\n color: \"currentColor\",\n textDecoration: \"none\",\n textDecorationColor: \"currentColor\",\n _hover: {\n textDecorationColor: \"currentColor\",\n textDecoration: \"underline\",\n },\n },\n underline: {\n color: \"currentColor\",\n textDecoration: \"underline\",\n textDecorationColor: \"currentColor\",\n _hover: {\n textDecoration: \"none\",\n },\n },\n};\n\nexport const LinkStyles = defineRecipe({\n base: {\n _focus: {\n outline: \"none\",\n },\n },\n variants: {\n variant: variants,\n },\n defaultVariants: {\n variant: \"underline\",\n },\n});\n","import { defineConfig, defineTokens } from \"@chakra-ui/react\";\nimport { ButtonStyles } from \"./ButtonStyles\";\nimport { ContainerStyles } from \"./ContainerStyles\";\nimport { HeadingStyles } from \"./HeadingStyles\";\nimport { InputStyles } from \"./InputStyles\";\nimport { SpinnerStyles } from \"./SpinnerStyles\";\nimport { sizes } from \"./sizes\";\nimport { LinkStyles } from \"./LinkStyles\";\nimport { colors } from \"@biblioteksentralen/utils\";\n\nconst tokens = defineTokens({\n sizes,\n});\n\n// https://blog.logrocket.com/guide-css-word-wrap-overflow-wrap-word-break/\n// https://medium.com/clear-left-thinking/all-you-need-to-know-about-hyphenation-in-css-2baee2d89179\n// Skrur på hyphens auto som default fordi vi har masse mikrotekster og små elementer der layout knekker uten dette, og vi lager stadig nye og glemmer å ta hensyn til dette.\n// Så kan man optionaly sette hyphens: none de stedene man ikke ønsker det, men har ikke sett noe som knekker/blir rart pga dette enda\nconst globalHyphens = {\n hyphens: \"auto\",\n hyphenateLimitChars: \"8 5 3\", // minimum word-length / min letters first line / min letters second line\n};\n\nexport const focusStyle = {\n outline: \"none !important\",\n boxShadow: `0 0 0 .05rem ${colors.white}, 0 0 0 .25rem ${colors.accentBlueMedium}, 0 0 0 .3rem ${colors.white} !important`,\n transition: \"box-shadow 0.1s ease-out\", // Transition makes the newly focused element \"pop in\" and easier to spot\n};\n\nexport const biblioteksentralenChakraTheme = defineConfig({\n theme: {\n tokens,\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 body: {\n ...globalHyphens,\n },\n // Felles fokus-styling for alle elementer for å sikre at de har en tydelig og uniform visuell indikasjon når de er i fokus\n \":focus-visible\": focusStyle,\n },\n});\n","import { Box } from \"@chakra-ui/react\";\nimport React from \"react\";\nimport { focusStyle } from \"../styles/chakraTheme/biblioteksentralenChakraTheme\";\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 ...focusStyle,\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 HashLinkTargetBS(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 { ErrorBoundaryBS } from \"./ErrorBoundaryBS\";\n\nexport const withErrorBoundaryBS = <Props,>(Component: React.ComponentType<Props>, boundaryName: string) => {\n return (props: Props & React.JSX.IntrinsicAttributes) => (\n <ErrorBoundaryBS boundaryName={boundaryName}>\n <Component {...props} />\n </ErrorBoundaryBS>\n );\n};\n","import React, { ReactNode } from \"react\";\nimport { ChakraProvider, createSystem, defaultConfig, SystemConfig } from \"@chakra-ui/react\";\nimport { biblioteksentralenChakraTheme } from \"../styles/chakraTheme/biblioteksentralenChakraTheme\";\nimport { ColorModeProvider } from \"@chakra-ui/system\";\n\ninterface Props {\n children: ReactNode;\n customTheme?: SystemConfig;\n}\n\nexport const BiblioteksentralenProvider = (props: Props) => (\n <ChakraProvider value={createSystem(defaultConfig, biblioteksentralenChakraTheme, props.customTheme \|\| {})}>\n <ColorModeProvider {...props} />\n </ChakraProvider>\n);\n"]}

package/dist/index.mjs CHANGED Viewed

@@ -280,7 +280,7 @@ var InputBS = function(props) {
     var formLabel = /* @__PURE__ */ React2.createElement(Field.Label, _object_spread({}, labelProps), label);
     return /* @__PURE__ */ React2.createElement(Field.Root, {
         invalid: !!errorMessage
-    }, hideLabel ? /* @__PURE__ */ React2.createElement(VisuallyHidden, null, formLabel) : formLabel, helperText && /* @__PURE__ */ React2.createElement(FieldHelperText, null, helperText), /* @__PURE__ */ React2.createElement(ChakraInput, _object_spread({}, inputProps)), errorMessage && /* @__PURE__ */ React2.createElement(FieldErrorText, null, errorMessage));
+    }, hideLabel ? /* @__PURE__ */ React2.createElement(VisuallyHidden, null, formLabel) : formLabel, helperText && /* @__PURE__ */ React2.createElement(Field.HelperText, null, helperText), /* @__PURE__ */ React2.createElement(ChakraInput, _object_spread({}, inputProps)), errorMessage && /* @__PURE__ */ React2.createElement(Field.ErrorText, null, errorMessage));
 };
 // src/components/ConditionalWrapperBS.tsx
 import React3 from "react";

package/dist/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/index.mjs","../src/styles/chakraTheme/ButtonStyles.ts","../../utils/src/date.ts","../../utils/src/colors.ts","../../utils/src/environment.ts","../src/components/AlertBS.tsx","../src/components/ButtonBS.tsx","../src/components/IconButtonBS.tsx","../src/components/InputBS.tsx","../src/components/ConditionalWrapperBS.tsx","../src/components/ErrorBoundaryBS.tsx","../src/components/HashLinkTargetBS.tsx","../src/styles/chakraTheme/biblioteksentralenChakraTheme.ts","../src/styles/chakraTheme/ContainerStyles.ts","../src/styles/chakraTheme/HeadingStyles.ts","../src/styles/chakraTheme/InputStyles.ts","../src/styles/chakraTheme/SpinnerStyles.ts","../src/styles/chakraTheme/sizes.ts","../src/styles/chakraTheme/LinkStyles.ts","../src/components/withErrorBoundaryBS.tsx","../src/components/BiblioteksentralenProvider.tsx"],"names":["defaultConfig","format","nb","colors","black","grey90","grey80","grey60","grey45","grey30","grey15","grey10","grey05","white","bsRødDark","bsRødMedium","accentPurple","accentPeach","accentGreen","accentBlueDark","accentBlueMedium","accentYellow","lightBlue","lightGreen","lightPeach","lightPurple","statusRed","statusYellow","statusGreen","statusGreenLight","statusRedLight","statusYellowLight","neptune","isDevelopment","process","env","NODE_ENV","Alert","ChakraAlert","React","AlertCircle","CheckCircle","Info","XCircle","colorLookup","info","bg","color","warning","success","error","iconLookup","createElement","strokeWidth","role","variantStyles","inline","borderColor","backgroundColor","padding","AlertBS","status","children","variant","header","rest","Root","fontSize","border","display","flexWrap","Indicator","marginX","Content","Title","Description","Button","ChakraButton","ButtonBS","IconButton","ChakraIconButton","IconButtonBS","Input","ChakraInput","Field","VisuallyHidden","InputBS","props","labelProps","label","helperText","errorMessage","hideLabel","inputProps","formLabel","Label","invalid","FieldHelperText","FieldErrorText","ConditionalWrapperBS","condition","wrapper","Wrapper","Fragment","Box","StyledPre","as","paddingTop","wordBreak","whiteSpace","ErrorBoundaryBS","state","hasError","componentDidCatch","errorInfo","setState","console","boundaryName","render","stackTrace","componentStack","errormsg","message","getDerivedStateFromError","Component","defineConfig","defineTokens","defineRecipe","variants","primary","_hover","secondary","tertiary","theme","recipes","button","ButtonStyles","base","borderWidth","fontWeight","_disabled","opacity","size","sm","h","px","textStyle","md","lg","defaultVariants","ContainerStyles","HeadingStyles","subtle","_light","_dark","outline","flushed","InputStyles","_placeholder","SpinnerStyles","animationDuration","container","value","xl","sizes","plain","textDecoration","textDecorationColor","underline","LinkStyles","_focus","tokens","globalHyphens","hyphens","hyphenateLimitChars","focusStyle","boxShadow","transition","biblioteksentralenChakraTheme","heading","input","link","spinner","globalCss","html","scrollBehavior","body","focusOnRelativeParentStyle","_focusWithin","position","content","top","left","height","width","pointerEvents","borderRadius","HashLinkTargetBS","css","focusOnParent","id","tabIndex","spaceAbove","withErrorBoundaryBS","ChakraProvider","createSystem","ColorModeProvider","BiblioteksentralenProvider","customTheme"],"mappings":"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","sourcesContent":["\"use client\";\n\n// ../utils/dist/index.mjs\nimport { format } from \"date-fns/format\";\nimport { nb } from \"date-fns/locale/nb\";\nvar 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\\u00F8dDark: \"#870010\",\n bsR\\u00F8dMedium: \"#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};\nfunction isDevelopment() {\n return process.env.NODE_ENV === \"development\";\n}\n\n// src/components/AlertBS.tsx\nimport { Alert as ChakraAlert } from \"@chakra-ui/react\";\nimport React from \"react\";\nimport { AlertCircle, CheckCircle, Info, XCircle } from \"react-feather\";\nvar colorLookup = {\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};\nvar iconLookup = {\n info: /* @__PURE__ / React.createElement(Info, { strokeWidth: 1.75, role: \"img\", \"aria-label\": \"Informasjon\" }),\n warning: / @__PURE__ / React.createElement(AlertCircle, { strokeWidth: 1.75, role: \"img\", \"aria-label\": \"Advarsel\" }),\n success: / @__PURE__ / React.createElement(CheckCircle, { strokeWidth: 1.75, role: \"img\", \"aria-label\": \"Suksess\" }),\n error: / @__PURE__ / React.createElement(XCircle, { strokeWidth: 1.75, role: \"img\", \"aria-label\": \"Feil\" })\n};\nvar variantStyles = {\n inline: {\n borderColor: \"transparent\",\n backgroundColor: \"transparent\",\n padding: \"0\"\n }\n};\nfunction AlertBS({ status, children, variant, header, ...rest }) {\n const colors2 = colorLookup[status];\n return / @__PURE__ / React.createElement(\n ChakraAlert.Root,\n {\n status,\n fontSize: \"md\",\n border: `0.1rem solid`,\n borderColor: colors2.color,\n backgroundColor: colors2.bg,\n display: \"flex\",\n flexWrap: \"wrap\",\n ...variant === \"inline\" ? variantStyles[variant] : {},\n ...rest\n },\n / @__PURE__ / React.createElement(ChakraAlert.Indicator, { marginX: \"auto\" }, iconLookup[status]),\n / @__PURE__ / React.createElement(ChakraAlert.Content, { color: \"black\" }, header && / @__PURE__ / React.createElement(ChakraAlert.Title, null, header), / @__PURE__ / React.createElement(ChakraAlert.Description, null, children))\n );\n}\n\n// src/components/ButtonBS.tsx\nimport { Button as ChakraButton } from \"@chakra-ui/react\";\nvar ButtonBS = ChakraButton;\n\n// src/components/IconButtonBS.tsx\nimport { IconButton as ChakraIconButton } from \"@chakra-ui/react\";\nvar IconButtonBS = ChakraIconButton;\n\n// src/components/InputBS.tsx\nimport { Input as ChakraInput, Field, VisuallyHidden } from \"@chakra-ui/react\";\nimport React2 from \"react\";\nvar InputBS = (props) => {\n const { labelProps, label, helperText, errorMessage, hideLabel, ...inputProps } = props;\n const formLabel = / @__PURE__ / React2.createElement(Field.Label, { ...labelProps }, label);\n return / @__PURE__ / React2.createElement(Field.Root, { invalid: !!errorMessage }, hideLabel ? / @__PURE__ / React2.createElement(VisuallyHidden, null, formLabel) : formLabel, helperText && / @__PURE__ / React2.createElement(FieldHelperText, null, helperText), / @__PURE__ / React2.createElement(ChakraInput, { ...inputProps }), errorMessage && / @__PURE__ / React2.createElement(FieldErrorText, null, errorMessage));\n};\n\n// src/components/ConditionalWrapperBS.tsx\nimport React3 from \"react\";\nvar ConditionalWrapperBS = ({ condition, children, wrapper: Wrapper }) => condition ? / @__PURE__ / React3.createElement(Wrapper, null, children) : / @__PURE__ / React3.createElement(React3.Fragment, null, children);\n\n// src/components/ErrorBoundaryBS.tsx\nimport { Box } from \"@chakra-ui/react\";\nimport React4 from \"react\";\nvar StyledPre = (props) => / @__PURE__ / React4.createElement(Box, { as: \"pre\", paddingTop: \"0.5rem\", wordBreak: \"break-all\", whiteSpace: \"pre-wrap\", fontSize: \"0.8rem\", ...props });\nvar ErrorBoundaryBS = class extends React4.Component {\n constructor(props) {\n super(props);\n this.state = { hasError: false };\n }\n static getDerivedStateFromError(error) {\n return { hasError: true };\n }\n componentDidCatch(error, errorInfo) {\n this.setState({ hasError: true, error, errorInfo });\n console.error(error, { errorInfo, boundaryName: this.props.boundaryName });\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 return / @__PURE__ / React4.createElement(\"div\", null, / @__PURE__ / React4.createElement(AlertBS, { status: \"error\" }, / @__PURE__ / React4.createElement(\"p\", null, \"Beklager, det skjedde en teknisk feil.\"), isDevelopment() && (stackTrace \|\| errormsg) && / @__PURE__ / React4.createElement(\"div\", null, / @__PURE__ / React4.createElement(StyledPre, null, errormsg \|\| \"\"), / @__PURE__ / React4.createElement(StyledPre, null, info \|\| \"\"), / @__PURE__ / React4.createElement(StyledPre, null, stackTrace \|\| \"\"))));\n }\n return this.props.children;\n }\n};\n\n// src/components/HashLinkTargetBS.tsx\nimport { Box as Box2 } from \"@chakra-ui/react\";\nimport React5 from \"react\";\n\n// src/styles/chakraTheme/biblioteksentralenChakraTheme.ts\nimport { defineConfig, defineTokens } from \"@chakra-ui/react\";\n\n// src/styles/chakraTheme/ButtonStyles.ts\nimport { defaultConfig, defineRecipe } from \"@chakra-ui/react\";\nvar variants = {\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\",\n color: \"currentColor\",\n backgroundColor: \"transparent\",\n _hover: {\n backgroundColor: \"currentColor/7\"\n }\n },\n tertiary: {\n color: \"currentColor\",\n backgroundColor: \"transparent\",\n _hover: {\n backgroundColor: \"currentColor/7\"\n }\n },\n // Inherit variants from Chakra's default config. Seems like they are overridden by our custom variants by default.\n ...defaultConfig.theme?.recipes?.button?.variants?.variant\n};\nvar ButtonStyles = defineRecipe({\n base: {\n borderColor: \"transparent\",\n borderWidth: \"0.1em\",\n fontWeight: 600,\n _disabled: {\n backgroundColor: `${colors.grey45}`,\n color: \"white\",\n opacity: 1\n }\n },\n variants: {\n variant: variants,\n size: {\n sm: {\n h: \"8\",\n px: \"2\",\n textStyle: \"md\"\n },\n md: {\n textStyle: \"md\"\n },\n lg: {\n h: \"12\",\n textStyle: \"lg\"\n }\n }\n },\n defaultVariants: {\n variant: \"primary\",\n size: \"md\"\n }\n});\n\n// src/styles/chakraTheme/ContainerStyles.ts\nimport { defineRecipe as defineRecipe2 } from \"@chakra-ui/react\";\nvar ContainerStyles = defineRecipe2({\n base: {\n px: \".75rem\"\n // Padding left/right\n }\n});\n\n// src/styles/chakraTheme/HeadingStyles.ts\nimport { defineRecipe as defineRecipe3 } from \"@chakra-ui/react\";\nvar HeadingStyles = defineRecipe3({\n base: {\n fontWeight: \"600\"\n }\n});\n\n// src/styles/chakraTheme/InputStyles.ts\nimport { defineRecipe as defineRecipe4 } from \"@chakra-ui/react\";\nvar variants2 = {\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};\nvar InputStyles = defineRecipe4({\n base: {\n _placeholder: {\n color: { _light: \"gray.500\", _dark: \"whiteAlpha.500\" }\n }\n },\n variants: {\n variant: variants2\n },\n defaultVariants: {\n variant: \"subtle\"\n }\n});\n\n// src/styles/chakraTheme/SpinnerStyles.ts\nimport { defineRecipe as defineRecipe5 } from \"@chakra-ui/react\";\nvar SpinnerStyles = defineRecipe5({\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\n// src/styles/chakraTheme/sizes.ts\nvar container = {\n sm: { value: \"40rem\" },\n md: { value: \"48rem\" },\n lg: { value: \"56rem\" },\n // Forsøker 56rem som standardbredde etter testing med Katrine\n xl: { value: \"80rem\" }\n};\nvar sizes = {\n container\n};\n\n// src/styles/chakraTheme/LinkStyles.ts\nimport { defineRecipe as defineRecipe6 } from \"@chakra-ui/react\";\nvar variants3 = {\n plain: {\n color: \"currentColor\",\n textDecoration: \"none\",\n textDecorationColor: \"currentColor\",\n _hover: {\n textDecorationColor: \"currentColor\",\n textDecoration: \"underline\"\n }\n },\n underline: {\n color: \"currentColor\",\n textDecoration: \"underline\",\n textDecorationColor: \"currentColor\",\n _hover: {\n textDecoration: \"none\"\n }\n }\n};\nvar LinkStyles = defineRecipe6({\n base: {\n _focus: {\n outline: \"none\"\n }\n },\n variants: {\n variant: variants3\n },\n defaultVariants: {\n variant: \"underline\"\n }\n});\n\n// src/styles/chakraTheme/biblioteksentralenChakraTheme.ts\nvar tokens = defineTokens({\n sizes\n});\nvar globalHyphens = {\n hyphens: \"auto\",\n hyphenateLimitChars: \"8 5 3\"\n // minimum word-length / min letters first line / min letters second line\n};\nvar focusStyle = {\n outline: \"none !important\",\n boxShadow: `0 0 0 .05rem ${colors.white}, 0 0 0 .25rem ${colors.accentBlueMedium}, 0 0 0 .3rem ${colors.white} !important`,\n transition: \"box-shadow 0.1s ease-out\"\n // Transition makes the newly focused element \"pop in\" and easier to spot\n};\nvar biblioteksentralenChakraTheme = defineConfig({\n theme: {\n tokens,\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 body: {\n ...globalHyphens\n },\n // Felles fokus-styling for alle elementer for å sikre at de har en tydelig og uniform visuell indikasjon når de er i fokus\n \":focus-visible\": focusStyle\n }\n});\n\n// src/components/HashLinkTargetBS.tsx\nvar 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 ...focusStyle\n }\n }\n};\nfunction HashLinkTargetBS(props) {\n return /* @__PURE__ / React5.createElement(Box2, { position: \"relative\", css: props.focusOnParent ? focusOnRelativeParentStyle : void 0 }, / @__PURE__ / React5.createElement(\n Box2,\n {\n id: props.id,\n tabIndex: props.focusOnParent ? -1 : void 0,\n position: \"absolute\",\n top: `-${props.spaceAbove \|\| \"2.5rem\"}`,\n _focus: {\n boxShadow: \"none !important\"\n }\n }\n ));\n}\n\n// src/components/withErrorBoundaryBS.tsx\nimport React6 from \"react\";\nvar withErrorBoundaryBS = (Component, boundaryName) => {\n return (props) => / @__PURE__ / React6.createElement(ErrorBoundaryBS, { boundaryName }, / @__PURE__ / React6.createElement(Component, { ...props }));\n};\n\n// src/components/BiblioteksentralenProvider.tsx\nimport React7 from \"react\";\nimport { ChakraProvider, createSystem, defaultConfig as defaultConfig2 } from \"@chakra-ui/react\";\nimport { ColorModeProvider } from \"@chakra-ui/system\";\nvar BiblioteksentralenProvider = (props) => / @__PURE__ / React7.createElement(ChakraProvider, { value: createSystem(defaultConfig2, biblioteksentralenChakraTheme, props.customTheme \|\| {}) }, / @__PURE__ / React7.createElement(ColorModeProvider, { ...props }));\nexport {\n AlertBS,\n BiblioteksentralenProvider,\n ButtonBS,\n ConditionalWrapperBS,\n ErrorBoundaryBS,\n HashLinkTargetBS,\n IconButtonBS,\n InputBS,\n withErrorBoundaryBS\n};\n","import { colors } from \"@biblioteksentralen/utils\";\nimport { defaultConfig, 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\",\n color: \"currentColor\",\n backgroundColor: \"transparent\",\n _hover: {\n backgroundColor: \"currentColor/7\",\n },\n },\n tertiary: {\n color: \"currentColor\",\n backgroundColor: \"transparent\",\n _hover: {\n backgroundColor: \"currentColor/7\",\n },\n },\n // Inherit variants from Chakra's default config. Seems like they are overridden by our custom variants by default.\n ...defaultConfig.theme?.recipes?.button?.variants?.variant,\n};\n\nexport const ButtonStyles = defineRecipe({\n base: {\n borderColor: \"transparent\",\n borderWidth: \"0.1em\",\n fontWeight: 600,\n _disabled: {\n backgroundColor: `${colors.grey45}`,\n color: \"white\",\n opacity: 1,\n },\n },\n variants: {\n variant: variants,\n size: {\n sm: {\n h: \"8\",\n px: \"2\",\n textStyle: \"md\",\n },\n md: {\n textStyle: \"md\",\n },\n lg: {\n h: \"12\",\n textStyle: \"lg\",\n },\n },\n },\n defaultVariants: {\n variant: \"primary\",\n size: \"md\",\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 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 AlertBS({ status, children, variant, header, ...rest }: Props) {\n const colors = colorLookup[status];\n return (\n <ChakraAlert.Root\n status={status}\n fontSize=\"md\"\n border={`0.1rem solid`}\n borderColor={colors.color}\n backgroundColor={colors.bg}\n display=\"flex\"\n flexWrap=\"wrap\"\n {...(variant === \"inline\" ? variantStyles[variant] : {})}\n {...rest}\n >\n <ChakraAlert.Indicator marginX=\"auto\">{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 { Modify } from \"@biblioteksentralen/types\";\nimport { Button as ChakraButton, ButtonProps as NativeButtonProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\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 = NativeButtonProps[\"variant\"] \| CustomButtonVariants;\nexport type ButtonBSProps = Modify<NativeButtonProps, { variant?: ButtonVariants }>;\nexport const ButtonBS = ChakraButton as ComponentWithAs<\"button\", ButtonBSProps>;\n","import { Modify } from \"@biblioteksentralen/types\";\nimport { IconButton as ChakraIconButton, IconButtonProps as ChakraIconButtonProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\nimport { CustomButtonVariants } from \"../styles/chakraTheme/ButtonStyles\";\n\n/\n Re-exporting chackras IconButton with a customised types\n * This causes both chakras native variants and our home-made variants to show up in auto-complete\n /\ntype IconButtonVariants = ChakraIconButtonProps[\"variant\"] \| CustomButtonVariants;\nexport type IconButtonBSProps = Modify<ChakraIconButtonProps, { variant?: IconButtonVariants }>;\nexport const IconButtonBS = ChakraIconButton as ComponentWithAs<\"button\", IconButtonBSProps>;\n","import { Input as ChakraInput, Field, FieldLabelProps, InputProps, VisuallyHidden } from \"@chakra-ui/react\";\nimport React, { RefObject } from \"react\";\n\ninterface Props extends InputProps {\n label: string;\n hideLabel?: boolean;\n labelProps?: FieldLabelProps;\n helperText?: string;\n errorMessage?: string;\n ref?: RefObject<HTMLInputElement \| null>;\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 InputBS = (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 {/ @ts-expect-error Chakra v3 Field.HelperText and Field.ErrorText don't include children in their types /}\n {helperText && <FieldHelperText>{helperText}</FieldHelperText>}\n <ChakraInput {...inputProps} />\n {/ @ts-expect-error Chakra v3 Field.HelperText and Field.ErrorText don't include children in their types /}\n {errorMessage && <FieldErrorText>{errorMessage}</FieldErrorText>}\n </Field.Root>\n );\n};\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 ConditionalWrapperBS: FunctionComponent<Props> = ({ condition, children, wrapper: Wrapper }) =>\n condition ? <Wrapper>{children}</Wrapper> : <>{children}</>;\n","import { isDevelopment } from \"@biblioteksentralen/utils\";\nimport { Box, BoxProps } from \"@chakra-ui/react\";\nimport React, { ErrorInfo, ReactNode } from \"react\";\nimport { AlertBS } from \"./AlertBS\";\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 ErrorBoundaryBS 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 <AlertBS 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 </AlertBS>\n </div>\n );\n }\n\n return this.props.children;\n }\n}\n","import { Box } from \"@chakra-ui/react\";\nimport React from \"react\";\nimport { focusStyle } from \"../styles/chakraTheme/biblioteksentralenChakraTheme\";\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 ...focusStyle,\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 HashLinkTargetBS(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 { defineConfig, defineTokens } from \"@chakra-ui/react\";\nimport { ButtonStyles } from \"./ButtonStyles\";\nimport { ContainerStyles } from \"./ContainerStyles\";\nimport { HeadingStyles } from \"./HeadingStyles\";\nimport { InputStyles } from \"./InputStyles\";\nimport { SpinnerStyles } from \"./SpinnerStyles\";\nimport { sizes } from \"./sizes\";\nimport { LinkStyles } from \"./LinkStyles\";\nimport { colors } from \"@biblioteksentralen/utils\";\n\nconst tokens = defineTokens({\n sizes,\n});\n\n// https://blog.logrocket.com/guide-css-word-wrap-overflow-wrap-word-break/\n// https://medium.com/clear-left-thinking/all-you-need-to-know-about-hyphenation-in-css-2baee2d89179\n// Skrur på hyphens auto som default fordi vi har masse mikrotekster og små elementer der layout knekker uten dette, og vi lager stadig nye og glemmer å ta hensyn til dette.\n// Så kan man optionaly sette hyphens: none de stedene man ikke ønsker det, men har ikke sett noe som knekker/blir rart pga dette enda\nconst globalHyphens = {\n hyphens: \"auto\",\n hyphenateLimitChars: \"8 5 3\", // minimum word-length / min letters first line / min letters second line\n};\n\nexport const focusStyle = {\n outline: \"none !important\",\n boxShadow: `0 0 0 .05rem ${colors.white}, 0 0 0 .25rem ${colors.accentBlueMedium}, 0 0 0 .3rem ${colors.white} !important`,\n transition: \"box-shadow 0.1s ease-out\", // Transition makes the newly focused element \"pop in\" and easier to spot\n};\n\nexport const biblioteksentralenChakraTheme = defineConfig({\n theme: {\n tokens,\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 body: {\n ...globalHyphens,\n },\n // Felles fokus-styling for alle elementer for å sikre at de har en tydelig og uniform visuell indikasjon når de er i fokus\n \":focus-visible\": focusStyle,\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 { 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 { defineRecipe, SystemStyleObject } from \"@chakra-ui/react\";\n\nexport type CustomLinkVariants = \"plain\" \| \"underline\";\n\nconst variants: Record<CustomLinkVariants, SystemStyleObject> = {\n plain: {\n color: \"currentColor\",\n textDecoration: \"none\",\n textDecorationColor: \"currentColor\",\n _hover: {\n textDecorationColor: \"currentColor\",\n textDecoration: \"underline\",\n },\n },\n underline: {\n color: \"currentColor\",\n textDecoration: \"underline\",\n textDecorationColor: \"currentColor\",\n _hover: {\n textDecoration: \"none\",\n },\n },\n};\n\nexport const LinkStyles = defineRecipe({\n base: {\n _focus: {\n outline: \"none\",\n },\n },\n variants: {\n variant: variants,\n },\n defaultVariants: {\n variant: \"underline\",\n },\n});\n","import React from \"react\";\nimport { ErrorBoundaryBS } from \"./ErrorBoundaryBS\";\n\nexport const withErrorBoundaryBS = <Props,>(Component: React.ComponentType<Props>, boundaryName: string) => {\n return (props: Props & React.JSX.IntrinsicAttributes) => (\n <ErrorBoundaryBS boundaryName={boundaryName}>\n <Component {...props} />\n </ErrorBoundaryBS>\n );\n};\n","import React, { ReactNode } from \"react\";\nimport { ChakraProvider, createSystem, defaultConfig, SystemConfig } from \"@chakra-ui/react\";\nimport { biblioteksentralenChakraTheme } from \"../styles/chakraTheme/biblioteksentralenChakraTheme\";\nimport { ColorModeProvider } from \"@chakra-ui/system\";\n\ninterface Props {\n children: ReactNode;\n customTheme?: SystemConfig;\n}\n\nexport const BiblioteksentralenProvider = (props: Props) => (\n <ChakraProvider value={createSystem(defaultConfig, biblioteksentralenChakraTheme, props.customTheme \|\| {})}>\n <ColorModeProvider {...props} />\n </ChakraProvider>\n);\n"]}
1	+ {"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/index.mjs","../src/styles/chakraTheme/ButtonStyles.ts","../../utils/src/date.ts","../../utils/src/colors.ts","../../utils/src/environment.ts","../src/components/AlertBS.tsx","../src/components/ButtonBS.tsx","../src/components/IconButtonBS.tsx","../src/components/InputBS.tsx","../src/components/ConditionalWrapperBS.tsx","../src/components/ErrorBoundaryBS.tsx","../src/components/HashLinkTargetBS.tsx","../src/styles/chakraTheme/biblioteksentralenChakraTheme.ts","../src/styles/chakraTheme/ContainerStyles.ts","../src/styles/chakraTheme/HeadingStyles.ts","../src/styles/chakraTheme/InputStyles.ts","../src/styles/chakraTheme/SpinnerStyles.ts","../src/styles/chakraTheme/sizes.ts","../src/styles/chakraTheme/LinkStyles.ts","../src/components/withErrorBoundaryBS.tsx","../src/components/BiblioteksentralenProvider.tsx"],"names":["defaultConfig","format","nb","colors","black","grey90","grey80","grey60","grey45","grey30","grey15","grey10","grey05","white","bsRødDark","bsRødMedium","accentPurple","accentPeach","accentGreen","accentBlueDark","accentBlueMedium","accentYellow","lightBlue","lightGreen","lightPeach","lightPurple","statusRed","statusYellow","statusGreen","statusGreenLight","statusRedLight","statusYellowLight","neptune","isDevelopment","process","env","NODE_ENV","Alert","ChakraAlert","React","AlertCircle","CheckCircle","Info","XCircle","colorLookup","info","bg","color","warning","success","error","iconLookup","createElement","strokeWidth","role","variantStyles","inline","borderColor","backgroundColor","padding","AlertBS","status","children","variant","header","rest","Root","fontSize","border","display","flexWrap","Indicator","marginX","Content","Title","Description","Button","ChakraButton","ButtonBS","IconButton","ChakraIconButton","IconButtonBS","Input","ChakraInput","Field","VisuallyHidden","InputBS","props","labelProps","label","helperText","errorMessage","hideLabel","inputProps","formLabel","Label","invalid","HelperText","ErrorText","ConditionalWrapperBS","condition","wrapper","Wrapper","Fragment","Box","StyledPre","as","paddingTop","wordBreak","whiteSpace","ErrorBoundaryBS","state","hasError","componentDidCatch","errorInfo","setState","console","boundaryName","render","stackTrace","componentStack","errormsg","message","getDerivedStateFromError","Component","defineConfig","defineTokens","defineRecipe","variants","primary","_hover","secondary","tertiary","theme","recipes","button","ButtonStyles","base","borderWidth","fontWeight","_disabled","opacity","size","sm","h","px","textStyle","md","lg","defaultVariants","ContainerStyles","HeadingStyles","subtle","_light","_dark","outline","flushed","InputStyles","_placeholder","SpinnerStyles","animationDuration","container","value","xl","sizes","plain","textDecoration","textDecorationColor","underline","LinkStyles","_focus","tokens","globalHyphens","hyphens","hyphenateLimitChars","focusStyle","boxShadow","transition","biblioteksentralenChakraTheme","heading","input","link","spinner","globalCss","html","scrollBehavior","body","focusOnRelativeParentStyle","_focusWithin","position","content","top","left","height","width","pointerEvents","borderRadius","HashLinkTargetBS","css","focusOnParent","id","tabIndex","spaceAbove","withErrorBoundaryBS","ChakraProvider","createSystem","ColorModeProvider","BiblioteksentralenProvider","customTheme"],"mappings":"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","sourcesContent":["\"use client\";\n\n// ../utils/dist/index.mjs\nimport { format } from \"date-fns/format\";\nimport { nb } from \"date-fns/locale/nb\";\nvar 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\\u00F8dDark: \"#870010\",\n bsR\\u00F8dMedium: \"#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};\nfunction isDevelopment() {\n return process.env.NODE_ENV === \"development\";\n}\n\n// src/components/AlertBS.tsx\nimport { Alert as ChakraAlert } from \"@chakra-ui/react\";\nimport React from \"react\";\nimport { AlertCircle, CheckCircle, Info, XCircle } from \"react-feather\";\nvar colorLookup = {\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};\nvar iconLookup = {\n info: /* @__PURE__ / React.createElement(Info, { strokeWidth: 1.75, role: \"img\", \"aria-label\": \"Informasjon\" }),\n warning: / @__PURE__ / React.createElement(AlertCircle, { strokeWidth: 1.75, role: \"img\", \"aria-label\": \"Advarsel\" }),\n success: / @__PURE__ / React.createElement(CheckCircle, { strokeWidth: 1.75, role: \"img\", \"aria-label\": \"Suksess\" }),\n error: / @__PURE__ / React.createElement(XCircle, { strokeWidth: 1.75, role: \"img\", \"aria-label\": \"Feil\" })\n};\nvar variantStyles = {\n inline: {\n borderColor: \"transparent\",\n backgroundColor: \"transparent\",\n padding: \"0\"\n }\n};\nfunction AlertBS({ status, children, variant, header, ...rest }) {\n const colors2 = colorLookup[status];\n return / @__PURE__ / React.createElement(\n ChakraAlert.Root,\n {\n status,\n fontSize: \"md\",\n border: `0.1rem solid`,\n borderColor: colors2.color,\n backgroundColor: colors2.bg,\n display: \"flex\",\n flexWrap: \"wrap\",\n ...variant === \"inline\" ? variantStyles[variant] : {},\n ...rest\n },\n / @__PURE__ / React.createElement(ChakraAlert.Indicator, { marginX: \"auto\" }, iconLookup[status]),\n / @__PURE__ / React.createElement(ChakraAlert.Content, { color: \"black\" }, header && / @__PURE__ / React.createElement(ChakraAlert.Title, null, header), / @__PURE__ / React.createElement(ChakraAlert.Description, null, children))\n );\n}\n\n// src/components/ButtonBS.tsx\nimport { Button as ChakraButton } from \"@chakra-ui/react\";\nvar ButtonBS = ChakraButton;\n\n// src/components/IconButtonBS.tsx\nimport { IconButton as ChakraIconButton } from \"@chakra-ui/react\";\nvar IconButtonBS = ChakraIconButton;\n\n// src/components/InputBS.tsx\nimport { Input as ChakraInput, Field, VisuallyHidden } from \"@chakra-ui/react\";\nimport React2 from \"react\";\nvar InputBS = (props) => {\n const { labelProps, label, helperText, errorMessage, hideLabel, ...inputProps } = props;\n const formLabel = / @__PURE__ / React2.createElement(Field.Label, { ...labelProps }, label);\n return / @__PURE__ / React2.createElement(Field.Root, { invalid: !!errorMessage }, hideLabel ? / @__PURE__ / React2.createElement(VisuallyHidden, null, formLabel) : formLabel, helperText && / @__PURE__ / React2.createElement(Field.HelperText, null, helperText), / @__PURE__ / React2.createElement(ChakraInput, { ...inputProps }), errorMessage && / @__PURE__ / React2.createElement(Field.ErrorText, null, errorMessage));\n};\n\n// src/components/ConditionalWrapperBS.tsx\nimport React3 from \"react\";\nvar ConditionalWrapperBS = ({ condition, children, wrapper: Wrapper }) => condition ? / @__PURE__ / React3.createElement(Wrapper, null, children) : / @__PURE__ / React3.createElement(React3.Fragment, null, children);\n\n// src/components/ErrorBoundaryBS.tsx\nimport { Box } from \"@chakra-ui/react\";\nimport React4 from \"react\";\nvar StyledPre = (props) => / @__PURE__ / React4.createElement(Box, { as: \"pre\", paddingTop: \"0.5rem\", wordBreak: \"break-all\", whiteSpace: \"pre-wrap\", fontSize: \"0.8rem\", ...props });\nvar ErrorBoundaryBS = class extends React4.Component {\n constructor(props) {\n super(props);\n this.state = { hasError: false };\n }\n static getDerivedStateFromError(error) {\n return { hasError: true };\n }\n componentDidCatch(error, errorInfo) {\n this.setState({ hasError: true, error, errorInfo });\n console.error(error, { errorInfo, boundaryName: this.props.boundaryName });\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 return / @__PURE__ / React4.createElement(\"div\", null, / @__PURE__ / React4.createElement(AlertBS, { status: \"error\" }, / @__PURE__ / React4.createElement(\"p\", null, \"Beklager, det skjedde en teknisk feil.\"), isDevelopment() && (stackTrace \|\| errormsg) && / @__PURE__ / React4.createElement(\"div\", null, / @__PURE__ / React4.createElement(StyledPre, null, errormsg \|\| \"\"), / @__PURE__ / React4.createElement(StyledPre, null, info \|\| \"\"), / @__PURE__ / React4.createElement(StyledPre, null, stackTrace \|\| \"\"))));\n }\n return this.props.children;\n }\n};\n\n// src/components/HashLinkTargetBS.tsx\nimport { Box as Box2 } from \"@chakra-ui/react\";\nimport React5 from \"react\";\n\n// src/styles/chakraTheme/biblioteksentralenChakraTheme.ts\nimport { defineConfig, defineTokens } from \"@chakra-ui/react\";\n\n// src/styles/chakraTheme/ButtonStyles.ts\nimport { defaultConfig, defineRecipe } from \"@chakra-ui/react\";\nvar variants = {\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\",\n color: \"currentColor\",\n backgroundColor: \"transparent\",\n _hover: {\n backgroundColor: \"currentColor/7\"\n }\n },\n tertiary: {\n color: \"currentColor\",\n backgroundColor: \"transparent\",\n _hover: {\n backgroundColor: \"currentColor/7\"\n }\n },\n // Inherit variants from Chakra's default config. Seems like they are overridden by our custom variants by default.\n ...defaultConfig.theme?.recipes?.button?.variants?.variant\n};\nvar ButtonStyles = defineRecipe({\n base: {\n borderColor: \"transparent\",\n borderWidth: \"0.1em\",\n fontWeight: 600,\n _disabled: {\n backgroundColor: `${colors.grey45}`,\n color: \"white\",\n opacity: 1\n }\n },\n variants: {\n variant: variants,\n size: {\n sm: {\n h: \"8\",\n px: \"2\",\n textStyle: \"md\"\n },\n md: {\n textStyle: \"md\"\n },\n lg: {\n h: \"12\",\n textStyle: \"lg\"\n }\n }\n },\n defaultVariants: {\n variant: \"primary\",\n size: \"md\"\n }\n});\n\n// src/styles/chakraTheme/ContainerStyles.ts\nimport { defineRecipe as defineRecipe2 } from \"@chakra-ui/react\";\nvar ContainerStyles = defineRecipe2({\n base: {\n px: \".75rem\"\n // Padding left/right\n }\n});\n\n// src/styles/chakraTheme/HeadingStyles.ts\nimport { defineRecipe as defineRecipe3 } from \"@chakra-ui/react\";\nvar HeadingStyles = defineRecipe3({\n base: {\n fontWeight: \"600\"\n }\n});\n\n// src/styles/chakraTheme/InputStyles.ts\nimport { defineRecipe as defineRecipe4 } from \"@chakra-ui/react\";\nvar variants2 = {\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};\nvar InputStyles = defineRecipe4({\n base: {\n _placeholder: {\n color: { _light: \"gray.500\", _dark: \"whiteAlpha.500\" }\n }\n },\n variants: {\n variant: variants2\n },\n defaultVariants: {\n variant: \"subtle\"\n }\n});\n\n// src/styles/chakraTheme/SpinnerStyles.ts\nimport { defineRecipe as defineRecipe5 } from \"@chakra-ui/react\";\nvar SpinnerStyles = defineRecipe5({\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\n// src/styles/chakraTheme/sizes.ts\nvar container = {\n sm: { value: \"40rem\" },\n md: { value: \"48rem\" },\n lg: { value: \"56rem\" },\n // Forsøker 56rem som standardbredde etter testing med Katrine\n xl: { value: \"80rem\" }\n};\nvar sizes = {\n container\n};\n\n// src/styles/chakraTheme/LinkStyles.ts\nimport { defineRecipe as defineRecipe6 } from \"@chakra-ui/react\";\nvar variants3 = {\n plain: {\n color: \"currentColor\",\n textDecoration: \"none\",\n textDecorationColor: \"currentColor\",\n _hover: {\n textDecorationColor: \"currentColor\",\n textDecoration: \"underline\"\n }\n },\n underline: {\n color: \"currentColor\",\n textDecoration: \"underline\",\n textDecorationColor: \"currentColor\",\n _hover: {\n textDecoration: \"none\"\n }\n }\n};\nvar LinkStyles = defineRecipe6({\n base: {\n _focus: {\n outline: \"none\"\n }\n },\n variants: {\n variant: variants3\n },\n defaultVariants: {\n variant: \"underline\"\n }\n});\n\n// src/styles/chakraTheme/biblioteksentralenChakraTheme.ts\nvar tokens = defineTokens({\n sizes\n});\nvar globalHyphens = {\n hyphens: \"auto\",\n hyphenateLimitChars: \"8 5 3\"\n // minimum word-length / min letters first line / min letters second line\n};\nvar focusStyle = {\n outline: \"none !important\",\n boxShadow: `0 0 0 .05rem ${colors.white}, 0 0 0 .25rem ${colors.accentBlueMedium}, 0 0 0 .3rem ${colors.white} !important`,\n transition: \"box-shadow 0.1s ease-out\"\n // Transition makes the newly focused element \"pop in\" and easier to spot\n};\nvar biblioteksentralenChakraTheme = defineConfig({\n theme: {\n tokens,\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 body: {\n ...globalHyphens\n },\n // Felles fokus-styling for alle elementer for å sikre at de har en tydelig og uniform visuell indikasjon når de er i fokus\n \":focus-visible\": focusStyle\n }\n});\n\n// src/components/HashLinkTargetBS.tsx\nvar 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 ...focusStyle\n }\n }\n};\nfunction HashLinkTargetBS(props) {\n return /* @__PURE__ / React5.createElement(Box2, { position: \"relative\", css: props.focusOnParent ? focusOnRelativeParentStyle : void 0 }, / @__PURE__ / React5.createElement(\n Box2,\n {\n id: props.id,\n tabIndex: props.focusOnParent ? -1 : void 0,\n position: \"absolute\",\n top: `-${props.spaceAbove \|\| \"2.5rem\"}`,\n _focus: {\n boxShadow: \"none !important\"\n }\n }\n ));\n}\n\n// src/components/withErrorBoundaryBS.tsx\nimport React6 from \"react\";\nvar withErrorBoundaryBS = (Component, boundaryName) => {\n return (props) => / @__PURE__ / React6.createElement(ErrorBoundaryBS, { boundaryName }, / @__PURE__ / React6.createElement(Component, { ...props }));\n};\n\n// src/components/BiblioteksentralenProvider.tsx\nimport React7 from \"react\";\nimport { ChakraProvider, createSystem, defaultConfig as defaultConfig2 } from \"@chakra-ui/react\";\nimport { ColorModeProvider } from \"@chakra-ui/system\";\nvar BiblioteksentralenProvider = (props) => / @__PURE__ / React7.createElement(ChakraProvider, { value: createSystem(defaultConfig2, biblioteksentralenChakraTheme, props.customTheme \|\| {}) }, / @__PURE__ / React7.createElement(ColorModeProvider, { ...props }));\nexport {\n AlertBS,\n BiblioteksentralenProvider,\n ButtonBS,\n ConditionalWrapperBS,\n ErrorBoundaryBS,\n HashLinkTargetBS,\n IconButtonBS,\n InputBS,\n withErrorBoundaryBS\n};\n","import { colors } from \"@biblioteksentralen/utils\";\nimport { defaultConfig, 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\",\n color: \"currentColor\",\n backgroundColor: \"transparent\",\n _hover: {\n backgroundColor: \"currentColor/7\",\n },\n },\n tertiary: {\n color: \"currentColor\",\n backgroundColor: \"transparent\",\n _hover: {\n backgroundColor: \"currentColor/7\",\n },\n },\n // Inherit variants from Chakra's default config. Seems like they are overridden by our custom variants by default.\n ...defaultConfig.theme?.recipes?.button?.variants?.variant,\n};\n\nexport const ButtonStyles = defineRecipe({\n base: {\n borderColor: \"transparent\",\n borderWidth: \"0.1em\",\n fontWeight: 600,\n _disabled: {\n backgroundColor: `${colors.grey45}`,\n color: \"white\",\n opacity: 1,\n },\n },\n variants: {\n variant: variants,\n size: {\n sm: {\n h: \"8\",\n px: \"2\",\n textStyle: \"md\",\n },\n md: {\n textStyle: \"md\",\n },\n lg: {\n h: \"12\",\n textStyle: \"lg\",\n },\n },\n },\n defaultVariants: {\n variant: \"primary\",\n size: \"md\",\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 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 AlertBS({ status, children, variant, header, ...rest }: Props) {\n const colors = colorLookup[status];\n return (\n <ChakraAlert.Root\n status={status}\n fontSize=\"md\"\n border={`0.1rem solid`}\n borderColor={colors.color}\n backgroundColor={colors.bg}\n display=\"flex\"\n flexWrap=\"wrap\"\n {...(variant === \"inline\" ? variantStyles[variant] : {})}\n {...rest}\n >\n <ChakraAlert.Indicator marginX=\"auto\">{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 { Modify } from \"@biblioteksentralen/types\";\nimport { Button as ChakraButton, ButtonProps as NativeButtonProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\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 = NativeButtonProps[\"variant\"] \| CustomButtonVariants;\nexport type ButtonBSProps = Modify<NativeButtonProps, { variant?: ButtonVariants }>;\nexport const ButtonBS = ChakraButton as ComponentWithAs<\"button\", ButtonBSProps>;\n","import { Modify } from \"@biblioteksentralen/types\";\nimport { IconButton as ChakraIconButton, IconButtonProps as ChakraIconButtonProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\nimport { CustomButtonVariants } from \"../styles/chakraTheme/ButtonStyles\";\n\n/\n Re-exporting chackras IconButton with a customised types\n * This causes both chakras native variants and our home-made variants to show up in auto-complete\n /\ntype IconButtonVariants = ChakraIconButtonProps[\"variant\"] \| CustomButtonVariants;\nexport type IconButtonBSProps = Modify<ChakraIconButtonProps, { variant?: IconButtonVariants }>;\nexport const IconButtonBS = ChakraIconButton as ComponentWithAs<\"button\", IconButtonBSProps>;\n","import { Input as ChakraInput, Field, FieldLabelProps, InputProps, VisuallyHidden } from \"@chakra-ui/react\";\nimport React, { RefObject } from \"react\";\n\ninterface Props extends InputProps {\n label: string;\n hideLabel?: boolean;\n labelProps?: FieldLabelProps;\n helperText?: string;\n errorMessage?: string;\n ref?: RefObject<HTMLInputElement \| null>;\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 InputBS = (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 {/ @ts-expect-error Chakra v3 Field.HelperText and Field.ErrorText don't include children in their types /}\n {helperText && <Field.HelperText>{helperText}</Field.HelperText>}\n <ChakraInput {...inputProps} />\n {/ @ts-expect-error Chakra v3 Field.HelperText and Field.ErrorText don't include children in their types /}\n {errorMessage && <Field.ErrorText>{errorMessage}</Field.ErrorText>}\n </Field.Root>\n );\n};\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 ConditionalWrapperBS: FunctionComponent<Props> = ({ condition, children, wrapper: Wrapper }) =>\n condition ? <Wrapper>{children}</Wrapper> : <>{children}</>;\n","import { isDevelopment } from \"@biblioteksentralen/utils\";\nimport { Box, BoxProps } from \"@chakra-ui/react\";\nimport React, { ErrorInfo, ReactNode } from \"react\";\nimport { AlertBS } from \"./AlertBS\";\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 ErrorBoundaryBS 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 <AlertBS 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 </AlertBS>\n </div>\n );\n }\n\n return this.props.children;\n }\n}\n","import { Box } from \"@chakra-ui/react\";\nimport React from \"react\";\nimport { focusStyle } from \"../styles/chakraTheme/biblioteksentralenChakraTheme\";\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 ...focusStyle,\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 HashLinkTargetBS(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 { defineConfig, defineTokens } from \"@chakra-ui/react\";\nimport { ButtonStyles } from \"./ButtonStyles\";\nimport { ContainerStyles } from \"./ContainerStyles\";\nimport { HeadingStyles } from \"./HeadingStyles\";\nimport { InputStyles } from \"./InputStyles\";\nimport { SpinnerStyles } from \"./SpinnerStyles\";\nimport { sizes } from \"./sizes\";\nimport { LinkStyles } from \"./LinkStyles\";\nimport { colors } from \"@biblioteksentralen/utils\";\n\nconst tokens = defineTokens({\n sizes,\n});\n\n// https://blog.logrocket.com/guide-css-word-wrap-overflow-wrap-word-break/\n// https://medium.com/clear-left-thinking/all-you-need-to-know-about-hyphenation-in-css-2baee2d89179\n// Skrur på hyphens auto som default fordi vi har masse mikrotekster og små elementer der layout knekker uten dette, og vi lager stadig nye og glemmer å ta hensyn til dette.\n// Så kan man optionaly sette hyphens: none de stedene man ikke ønsker det, men har ikke sett noe som knekker/blir rart pga dette enda\nconst globalHyphens = {\n hyphens: \"auto\",\n hyphenateLimitChars: \"8 5 3\", // minimum word-length / min letters first line / min letters second line\n};\n\nexport const focusStyle = {\n outline: \"none !important\",\n boxShadow: `0 0 0 .05rem ${colors.white}, 0 0 0 .25rem ${colors.accentBlueMedium}, 0 0 0 .3rem ${colors.white} !important`,\n transition: \"box-shadow 0.1s ease-out\", // Transition makes the newly focused element \"pop in\" and easier to spot\n};\n\nexport const biblioteksentralenChakraTheme = defineConfig({\n theme: {\n tokens,\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 body: {\n ...globalHyphens,\n },\n // Felles fokus-styling for alle elementer for å sikre at de har en tydelig og uniform visuell indikasjon når de er i fokus\n \":focus-visible\": focusStyle,\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 { 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 { defineRecipe, SystemStyleObject } from \"@chakra-ui/react\";\n\nexport type CustomLinkVariants = \"plain\" \| \"underline\";\n\nconst variants: Record<CustomLinkVariants, SystemStyleObject> = {\n plain: {\n color: \"currentColor\",\n textDecoration: \"none\",\n textDecorationColor: \"currentColor\",\n _hover: {\n textDecorationColor: \"currentColor\",\n textDecoration: \"underline\",\n },\n },\n underline: {\n color: \"currentColor\",\n textDecoration: \"underline\",\n textDecorationColor: \"currentColor\",\n _hover: {\n textDecoration: \"none\",\n },\n },\n};\n\nexport const LinkStyles = defineRecipe({\n base: {\n _focus: {\n outline: \"none\",\n },\n },\n variants: {\n variant: variants,\n },\n defaultVariants: {\n variant: \"underline\",\n },\n});\n","import React from \"react\";\nimport { ErrorBoundaryBS } from \"./ErrorBoundaryBS\";\n\nexport const withErrorBoundaryBS = <Props,>(Component: React.ComponentType<Props>, boundaryName: string) => {\n return (props: Props & React.JSX.IntrinsicAttributes) => (\n <ErrorBoundaryBS boundaryName={boundaryName}>\n <Component {...props} />\n </ErrorBoundaryBS>\n );\n};\n","import React, { ReactNode } from \"react\";\nimport { ChakraProvider, createSystem, defaultConfig, SystemConfig } from \"@chakra-ui/react\";\nimport { biblioteksentralenChakraTheme } from \"../styles/chakraTheme/biblioteksentralenChakraTheme\";\nimport { ColorModeProvider } from \"@chakra-ui/system\";\n\ninterface Props {\n children: ReactNode;\n customTheme?: SystemConfig;\n}\n\nexport const BiblioteksentralenProvider = (props: Props) => (\n <ChakraProvider value={createSystem(defaultConfig, biblioteksentralenChakraTheme, props.customTheme \|\| {})}>\n <ColorModeProvider {...props} />\n </ChakraProvider>\n);\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@biblioteksentralen/react",
-  "version": "4.0.0-beta.3",
+  "version": "4.0.0-beta.4",
   "description": "React library for reusable code in Biblioteksentralens js-apps",
   "keywords": [],
   "author": "Biblioteksentralen",
@@ -41,12 +41,11 @@
     "@types/react": "^19.1.8",
     "@chakra-ui/react": "^3.34.0",
     "@chakra-ui/system": "^2.6.2",
-    "@chakra-ui/theme": "^3.4.6",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "tsup": "^8.5.1",
-    "@biblioteksentralen/types": "1.0.0",
     "@biblioteksentralen/utils": "2.0.0",
+    "@biblioteksentralen/types": "1.0.0",
     "@biblioteksentralen/icons": "2.1.1"
   },
   "peerDependencies": {