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

package/dist/chunk-PLWK7HEC.js

@@ -1,75 +0,0 @@
-"use strict";
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-"use client";
-var _chunkQBXCCJ24js = require("./chunk-QBXCCJ24.js");
-// src/components/HashLinkTargetBS.tsx
-var _react = require("@chakra-ui/react");
-var _react3 = require("react");
-var _react4 = _interopRequireDefault(_react3);
-var focusOnRelativeParentStyle = {
-    _focusWithin: {
-        position: "static",
-        boxShadow: "none",
-        "&::after": _object_spread({
-            content: '""',
-            position: "absolute",
-            top: 0,
-            left: 0,
-            height: "100%",
-            width: "100%",
-            pointerEvents: "none",
-            borderRadius: "0.25rem"
-        }, _chunkQBXCCJ24js.focusStyle)
-    }
-};
-function HashLinkTargetBS(props) {
-    return /* @__PURE__ */ _react4.default.createElement(_react.Box, {
-        position: "relative",
-        css: props.focusOnParent ? focusOnRelativeParentStyle : void 0
-    }, /* @__PURE__ */ _react4.default.createElement(_react.Box, {
-        id: props.id,
-        tabIndex: props.focusOnParent ? -1 : void 0,
-        position: "absolute",
-        top: "-".concat(props.spaceAbove || "2.5rem"),
-        _focus: {
-            boxShadow: "none !important"
-        }
-    }));
-}
-exports.HashLinkTargetBS = HashLinkTargetBS;
-//# sourceMappingURL=chunk-PLWK7HEC.js.map

package/dist/chunk-PLWK7HEC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/chunk-PLWK7HEC.js","../src/components/HashLinkTargetBS.tsx"],"names":["Object","defineProperty","exports","value","_interopRequireDefault","obj","__esModule","default","_chunkQBXCCJ24js","require","_react","_react3","_react4","focusOnRelativeParentStyle","_focusWithin","position","boxShadow","content","top","left","height","width","pointerEvents","borderRadius","focusStyle","HashLinkTargetBS","props","createElement","Box","css","focusOnParent","id","tabIndex","spaceAbove","_focus"],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAAA,OAAAC,cAAA,CAAAC,SAAA,cAAA;IAAAC,OAAA;AAAA;AAAA,SAAAC,uBAAAC,GAAA;IAAA,OAAAA,OAAAA,IAAAC,UAAA,GAAAD,MAAA;QAAAE,SAAAF;IAAA;AAAA;AAAA;AAGA,IAAAG,mBAAAC,QAAA;AAEA,sCAAA;ACLA,IAAAC,SAAAD,QAAA;AACA,IAAAE,UAAAF,QAAA;AAAA,IAAAG,UAAAR,uBAAAO;AAeA,IAAME,6BAA6B;IACjCC,cAAc;QACZC,UAAU;QACVC,WAAW;QACX,YAAY;YACVC,SAAS;YACTF,UAAU;YACVG,KAAK;YACLC,MAAM;YACNC,QAAQ;YACRC,OAAO;YACPC,eAAe;YACfC,cAAc;WACXf,iBAAAgB,UAAA;IAEP;AACF;AAKO,SAASC,iBAAiBC,KAAA;IAC/B,OAAA,aAAA,GACEd,QAAAL,OAAA,CAAAoB,aAAA,CAACjB,OAAAkB,GAAA,EAAA;QAAIb,UAAS;QAAWc,KAAKH,MAAMI,aAAA,GAAgBjB,6BAA6B,KAAA;IAAA,GAAA,aAAA,GAC/ED,QAAAL,OAAA,CAAAoB,aAAA,CAACjB,OAAAkB,GAAA,EAAA;QACCG,IAAIL,MAAMK,EAAA;QACVC,UAAUN,MAAMI,aAAA,GAAgB,CAAA,IAAK,KAAA;QACrCf,UAAS;QACTG,KAAK,IAAgC,OAA5BQ,MAAMO,UAAA,IAAc;QACrBC,QAAA;YACKlB,WAAA;QACb;IAAA;AAIR;ADT4Cd,QAAAuB,gBAAA,GAAAA","sourcesContent":["\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\"use client\";\n\n\nvar _chunkQBXCCJ24js = require('./chunk-QBXCCJ24.js');\n\n// src/components/HashLinkTargetBS.tsx\nvar _react = require('@chakra-ui/react');\nvar _react3 = require('react'); var _react4 = _interopRequireDefault(_react3);\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      ..._chunkQBXCCJ24js.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\n\nexports.HashLinkTargetBS = HashLinkTargetBS;\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"]}

package/dist/chunk-PQLTQYZ3.mjs

@@ -1,41 +0,0 @@
-"use client";
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-import { biblioteksentralenChakraTheme } from "./chunk-5GJBW3WE.mjs";
-// src/components/BiblioteksentralenProvider.tsx
-import React from "react";
-import { ChakraProvider, createSystem, defaultConfig } from "@chakra-ui/react";
-import { ColorModeProvider } from "@chakra-ui/system";
-var BiblioteksentralenProvider = function(props) {
-    return /* @__PURE__ */ React.createElement(ChakraProvider, {
-        value: createSystem(defaultConfig, biblioteksentralenChakraTheme, props.customTheme || {})
-    }, /* @__PURE__ */ React.createElement(ColorModeProvider, _object_spread({}, props)));
-};
-export { BiblioteksentralenProvider };
-//# sourceMappingURL=chunk-PQLTQYZ3.mjs.map

package/dist/chunk-PQLTQYZ3.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/chunk-PQLTQYZ3.mjs","../src/components/BiblioteksentralenProvider.tsx"],"names":["biblioteksentralenChakraTheme","React","ChakraProvider","createSystem","defaultConfig","ColorModeProvider","BiblioteksentralenProvider","props","createElement","value","customTheme"],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SACEA,6BAA6B,QACxB,uBAAuB;AAE9B,gDAAgD;ACLhD,OAAOC,WAA0B,QAAA;AACjC,SAASC,cAAA,EAAgBC,YAAA,EAAcC,aAAA,QAAmC,mBAAA;AAE1E,SAASC,iBAAA,QAAyB,oBAAA;AAO3B,IAAMC,6BAA6B,SAACC;WACzC,aAAA,GAAAN,MAAAO,aAAA,CAACN,gBAAA;QAAeO,OAAON,aAAaC,eAAeJ,+BAA+BO,MAAMG,WAAA,IAAe,CAAC;IAAC,GACvG,aAAA,GAAAT,MAAAO,aAAA,CAACH,mBAAA,mBAAsBE;;ADD3B,SACED,0BAA0B,GAC1B","sourcesContent":["\"use client\";\nimport {\n  biblioteksentralenChakraTheme\n} from \"./chunk-5GJBW3WE.mjs\";\n\n// src/components/BiblioteksentralenProvider.tsx\nimport React from \"react\";\nimport { ChakraProvider, createSystem, defaultConfig } from \"@chakra-ui/react\";\nimport { ColorModeProvider } from \"@chakra-ui/system\";\nvar BiblioteksentralenProvider = (props) => /* @__PURE__ */ React.createElement(ChakraProvider, { value: createSystem(defaultConfig, biblioteksentralenChakraTheme, props.customTheme || {}) }, /* @__PURE__ */ React.createElement(ColorModeProvider, { ...props }));\n\nexport {\n  BiblioteksentralenProvider\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/chunk-QAW4IRLI.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-"use client";
-// ../utils/dist/index.mjs
-var _format = require("date-fns/format");
-var _nb = require("date-fns/locale/nb");
-var colors = {
-    black: "#000000",
-    grey90: "#181818",
-    grey80: "#333333",
-    grey60: "#585858",
-    grey45: "#8c8c8c",
-    grey30: "#b2b2b2",
-    grey15: "#d9d9d9",
-    grey10: "#e5e5e5",
-    grey05: "#f2f2f2",
-    white: "#ffffff",
-    bsRødDark: "#870010",
-    bsRødMedium: "#d53d40",
-    accentPurple: "#331433",
-    accentPeach: "#ffba99",
-    accentGreen: "#003b29",
-    accentBlueDark: "#001740",
-    accentBlueMedium: "#5996de",
-    accentYellow: "#ffc970",
-    lightBlue: "#dbe8ef",
-    lightGreen: "#dbe0db",
-    lightPeach: "#f4e7de",
-    lightPurple: "#ece8f3",
-    statusRed: "#ad313c",
-    statusYellow: "#bc5600",
-    statusGreen: "#24845b",
-    statusGreenLight: "#edf4f1",
-    statusRedLight: "#f8efef",
-    statusYellowLight: "#fff6e4",
-    neptune: {
-        "100": "#CFE6E8",
-        "200": "#9FCDD2",
-        "300": "#6FB5BB",
-        "400": "#3F9CA5",
-        "500": "#0F838E",
-        "600": "#0C6972",
-        "700": "#094F55",
-        "800": "#063439",
-        "900": "#031A1C"
-    }
-};
-function isDevelopment() {
-    return process.env.NODE_ENV === "development";
-}
-exports.colors = colors;
-exports.isDevelopment = isDevelopment;
-//# sourceMappingURL=chunk-QAW4IRLI.js.map

package/dist/chunk-QAW4IRLI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/chunk-QAW4IRLI.js","../../utils/src/date.ts","../../utils/src/colors.ts","../../utils/src/environment.ts"],"names":["Object","defineProperty","exports","value","_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"],"mappings":"AAAA;AAAAA,OAAAC,cAAA,CAAAC,SAAA,cAAA;IAAAC,OAAA;AAAA;AAAA;AAEA,0BAAA;ACFA,IAAAC,UAAAC,QAAA;AACA,IAAAC,MAAAD,QAAA;ACDO,IAAME,SAAS;IACpBC,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,QAAQ;IACRC,QAAQ;IACRC,QAAQ;IACRC,QAAQ;IACRC,QAAQ;IACRC,QAAQ;IACRC,OAAO;IACPC,WAAW;IACXC,aAAa;IACbC,cAAc;IACdC,aAAa;IACbC,aAAa;IACbC,gBAAgB;IAChBC,kBAAkB;IAClBC,cAAc;IACdC,WAAW;IACXC,YAAY;IACZC,YAAY;IACZC,aAAa;IACbC,WAAW;IACXC,cAAc;IACdC,aAAa;IACbC,kBAAkB;IAClBC,gBAAgB;IAChBC,mBAAmB;IACnBC,SAAS;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;IACT;AACF;ACxCO,SAASC;IACd,OAAOC,QAAQC,GAAA,CAAIC,QAAA,KAAa;AAClC;AHmDAtC,QAAAK,MAAA,GAAAA;AAAAL,QAAAmC,aAAA,GAAAA","sourcesContent":["\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true});\"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\n\n\nexports.colors = colors; exports.isDevelopment = isDevelopment;\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"]}

package/dist/chunk-QBXCCJ24.js

@@ -1,344 +0,0 @@
-"use strict";
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _non_iterable_spread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _optionalChain(ops) {
-    var lastAccessLHS = undefined;
-    var value = ops[0];
-    var i = 1;
-    while(i < ops.length){
-        var op = ops[i];
-        var 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") {
-            var _value;
-            value = fn(function() {
-                for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
-                    args[_key] = arguments[_key];
-                }
-                return (_value = value).call.apply(_value, [
-                    lastAccessLHS
-                ].concat(_to_consumable_array(args)));
-            });
-            lastAccessLHS = undefined;
-        }
-    }
-    return value;
-}
-"use client";
-var _chunkQAW4IRLIjs = require("./chunk-QAW4IRLI.js");
-// src/styles/chakraTheme/biblioteksentralenChakraTheme.ts
-var _react = require("@chakra-ui/react");
-// src/styles/chakraTheme/ButtonStyles.ts
-var variants = _object_spread({
-    primary: {
-        backgroundColor: _chunkQAW4IRLIjs.colors.black,
-        color: "white",
-        _hover: {
-            backgroundColor: "hsla(0deg, 0%, 70%, 1)",
-            color: "black"
-        }
-    },
-    secondary: {
-        borderColor: "currentColor",
-        color: "currentColor",
-        backgroundColor: "transparent",
-        _hover: {
-            backgroundColor: "currentColor/7"
-        }
-    },
-    tertiary: {
-        color: "currentColor",
-        backgroundColor: "transparent",
-        _hover: {
-            backgroundColor: "currentColor/7"
-        }
-    }
-}, _optionalChain([
-    _react.defaultConfig,
-    "access",
-    function(_) {
-        return _.theme;
-    },
-    "optionalAccess",
-    function(_2) {
-        return _2.recipes;
-    },
-    "optionalAccess",
-    function(_3) {
-        return _3.button;
-    },
-    "optionalAccess",
-    function(_4) {
-        return _4.variants;
-    },
-    "optionalAccess",
-    function(_5) {
-        return _5.variant;
-    }
-]));
-var ButtonStyles = _react.defineRecipe.call(void 0, {
-    base: {
-        borderColor: "transparent",
-        borderWidth: "0.1em",
-        fontWeight: 600,
-        _disabled: {
-            backgroundColor: "".concat(_chunkQAW4IRLIjs.colors.grey45),
-            color: "white",
-            opacity: 1
-        }
-    },
-    variants: {
-        variant: variants,
-        size: {
-            sm: {
-                h: "8",
-                px: "2",
-                textStyle: "md"
-            },
-            md: {
-                textStyle: "md"
-            },
-            lg: {
-                h: "12",
-                textStyle: "lg"
-            }
-        }
-    },
-    defaultVariants: {
-        variant: "primary",
-        size: "md"
-    }
-});
-// src/styles/chakraTheme/ContainerStyles.ts
-var ContainerStyles = _react.defineRecipe.call(void 0, {
-    base: {
-        px: ".75rem"
-    }
-});
-// src/styles/chakraTheme/HeadingStyles.ts
-var HeadingStyles = _react.defineRecipe.call(void 0, {
-    base: {
-        fontWeight: "600"
-    }
-});
-// src/styles/chakraTheme/InputStyles.ts
-var variants2 = {
-    subtle: {
-        backgroundColor: {
-            _light: "gray.200",
-            _dark: "whiteAlpha.100"
-        },
-        _hover: {
-            bg: {
-                _light: "gray.300",
-                _dark: "whiteAlpha.200"
-            }
-        }
-    },
-    outline: {
-        borderColor: {
-            _light: "gray.300",
-            _dark: "whiteAlpha.300"
-        },
-        _hover: {
-            borderColor: {
-                _light: "gray.400",
-                _dark: "whiteAlpha.400"
-            }
-        }
-    },
-    flushed: {
-        borderColor: {
-            _light: "gray.300",
-            _dark: "whiteAlpha.300"
-        },
-        _hover: {
-            borderColor: {
-                _light: "gray.400",
-                _dark: "whiteAlpha.400"
-            }
-        }
-    }
-};
-var InputStyles = _react.defineRecipe.call(void 0, {
-    base: {
-        _placeholder: {
-            color: {
-                _light: "gray.500",
-                _dark: "whiteAlpha.500"
-            }
-        }
-    },
-    variants: {
-        variant: variants2
-    },
-    defaultVariants: {
-        variant: "subtle"
-    }
-});
-// src/styles/chakraTheme/SpinnerStyles.ts
-var SpinnerStyles = _react.defineRecipe.call(void 0, {
-    base: {
-        animationDuration: ".8s",
-        color: _chunkQAW4IRLIjs.colors.accentBlueMedium,
-        // Todo: Legg til trackColor: https://chakra-ui.com/docs/components/spinner#track-color
-        borderWidth: ".175em"
-    }
-});
-// src/styles/chakraTheme/sizes.ts
-var container = {
-    sm: {
-        value: "40rem"
-    },
-    md: {
-        value: "48rem"
-    },
-    lg: {
-        value: "56rem"
-    },
-    // Forsøker 56rem som standardbredde etter testing med Katrine
-    xl: {
-        value: "80rem"
-    }
-};
-var sizes = {
-    container: container
-};
-// src/styles/chakraTheme/LinkStyles.ts
-var variants3 = {
-    plain: {
-        color: "currentColor",
-        textDecoration: "none",
-        textDecorationColor: "currentColor",
-        _hover: {
-            textDecorationColor: "currentColor",
-            textDecoration: "underline"
-        }
-    },
-    underline: {
-        color: "currentColor",
-        textDecoration: "underline",
-        textDecorationColor: "currentColor",
-        _hover: {
-            textDecoration: "none"
-        }
-    }
-};
-var LinkStyles = _react.defineRecipe.call(void 0, {
-    base: {
-        _focus: {
-            outline: "none"
-        }
-    },
-    variants: {
-        variant: variants3
-    },
-    defaultVariants: {
-        variant: "underline"
-    }
-});
-// src/styles/chakraTheme/biblioteksentralenChakraTheme.ts
-var tokens = _react.defineTokens.call(void 0, {
-    sizes: sizes
-});
-var globalHyphens = {
-    hyphens: "auto",
-    hyphenateLimitChars: "8 5 3"
-};
-var focusStyle = {
-    outline: "none !important",
-    boxShadow: "0 0 0 .05rem ".concat(_chunkQAW4IRLIjs.colors.white, ", 0 0 0 .25rem ").concat(_chunkQAW4IRLIjs.colors.accentBlueMedium, ", 0 0 0 .3rem ").concat(_chunkQAW4IRLIjs.colors.white, " !important"),
-    transition: "box-shadow 0.1s ease-out"
-};
-var biblioteksentralenChakraTheme = _react.defineConfig.call(void 0, {
-    theme: {
-        tokens: tokens,
-        recipes: {
-            heading: HeadingStyles,
-            button: ButtonStyles,
-            input: InputStyles,
-            link: LinkStyles,
-            container: ContainerStyles,
-            spinner: SpinnerStyles
-        }
-    },
-    globalCss: {
-        html: {
-            fontSize: {
-                base: "112.5%",
-                md: "120%"
-            },
-            // Sørger for smooth scrolling for interne lenker som scroller til annet sted på siden,
-            // men ikke hvis fokus er utenfor viduet, feks ved søk i tekst (ctrl + f)
-            "&:focus-within": {
-                scrollBehavior: "smooth !important"
-            }
-        },
-        body: _object_spread({}, globalHyphens),
-        // Felles fokus-styling for alle elementer for å sikre at de har en tydelig og uniform visuell indikasjon når de er i fokus
-        "*:focus-visible": focusStyle
-    }
-});
-exports.focusStyle = focusStyle;
-exports.biblioteksentralenChakraTheme = biblioteksentralenChakraTheme;
-//# sourceMappingURL=chunk-QBXCCJ24.js.map

package/dist/chunk-QBXCCJ24.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/chunk-QBXCCJ24.js","../src/styles/chakraTheme/biblioteksentralenChakraTheme.ts","../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"],"names":["Object","defineProperty","exports","value","_optionalChain","ops","lastAccessLHS","undefined","i","length","op","fn","args","call","_chunkQAW4IRLIjs","require","_react","variants","primary","backgroundColor","colors","black","color","_hover","secondary","borderColor","tertiary","defaultConfig","_","theme","_2","recipes","_3","button","_4","_5","variant","ButtonStyles","defineRecipe","base","borderWidth","fontWeight","_disabled","grey45","opacity","size","sm","h","px","textStyle","md","lg","defaultVariants","variants2","subtle","_light","_dark","bg","outline","flushed","_placeholder","animationDuration","accentBlueMedium","container","xl","sizes","variants3","plain","textDecoration","textDecorationColor","underline","_focus","tokens","defineTokens","globalHyphens","hyphens","hyphenateLimitChars","focusStyle","boxShadow","white","transition","biblioteksentralenChakraTheme","defineConfig","heading","HeadingStyles","input","InputStyles","link","LinkStyles","ContainerStyles","spinner","SpinnerStyles","globalCss","html","fontSize","scrollBehavior","body"],"mappings":"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","sourcesContent":["\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true}); 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\nvar _chunkQAW4IRLIjs = require('./chunk-QAW4IRLI.js');\n\n// src/styles/chakraTheme/biblioteksentralenChakraTheme.ts\nvar _react = require('@chakra-ui/react');\n\n// src/styles/chakraTheme/ButtonStyles.ts\n\nvar variants = {\n  primary: {\n    backgroundColor: _chunkQAW4IRLIjs.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', _ => _.theme, 'optionalAccess', _2 => _2.recipes, 'optionalAccess', _3 => _3.button, 'optionalAccess', _4 => _4.variants, 'optionalAccess', _5 => _5.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: `${_chunkQAW4IRLIjs.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: _chunkQAW4IRLIjs.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 ${_chunkQAW4IRLIjs.colors.white}, 0 0 0 .25rem ${_chunkQAW4IRLIjs.colors.accentBlueMedium}, 0 0 0 .3rem ${_chunkQAW4IRLIjs.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\n\n\nexports.focusStyle = focusStyle; exports.biblioteksentralenChakraTheme = biblioteksentralenChakraTheme;\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 { 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"]}