@helsenorge/designsystem-react 13.0.0-beta.2 → 13.0.0-beta.5

package/hooks/useResizeObserver.js

@@ -1,31 +0,0 @@
-import { useRef, useState, useEffect } from "react";
-const useResizeObserver = (ref) => {
-  const ticking = useRef(false);
-  const [size, setSize] = useState();
-  useEffect(() => {
-    const resizeObserver = new ResizeObserver((entries) => {
-      if (!ticking.current) {
-        window.requestAnimationFrame(() => {
-          setSize(entries[0].target.getBoundingClientRect());
-          ticking.current = false;
-        });
-      }
-      ticking.current = true;
-    });
-    if (ref == null ? void 0 : ref.current) {
-      resizeObserver.observe(ref == null ? void 0 : ref.current);
-    }
-    return () => {
-      if (ref == null ? void 0 : ref.current) {
-        resizeObserver.unobserve(ref.current);
-      } else {
-        resizeObserver.disconnect();
-      }
-    };
-  }, [ref]);
-  return size;
-};
-export {
-  useResizeObserver
-};
-//# sourceMappingURL=useResizeObserver.js.map

package/hooks/useResizeObserver.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useResizeObserver.js","sources":["../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\n/**\n * Lytt på endringer i størrelse på et element. Bruker ResizeObserver-APIet.\n *\n * @param ref Element som skal observeres.\n * @returns Object med høyde, bredde, x og y til elementet\n */\nexport const useResizeObserver = (ref?: React.RefObject<HTMLElement>): DOMRect | undefined => {\n  const ticking = useRef(false);\n  const [size, setSize] = useState<DOMRect>();\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver(entries => {\n      if (!ticking.current) {\n        window.requestAnimationFrame(() => {\n          setSize(entries[0].target.getBoundingClientRect());\n          ticking.current = false;\n        });\n      }\n      ticking.current = true;\n    });\n    if (ref?.current) {\n      resizeObserver.observe(ref?.current);\n    }\n\n    return (): void => {\n      if (ref?.current) {\n        resizeObserver.unobserve(ref.current);\n      } else {\n        resizeObserver.disconnect();\n      }\n    };\n  }, [ref]);\n\n  return size;\n};\n"],"names":[],"mappings":";AAQO,MAAM,oBAAoB,CAAC,QAA4D;AAC5F,QAAM,UAAU,OAAO,KAAK;AAC5B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAA;AACxB,YAAU,MAAM;AACd,UAAM,iBAAiB,IAAI,eAAe,CAAA,YAAW;AACnD,UAAI,CAAC,QAAQ,SAAS;AACpB,eAAO,sBAAsB,MAAM;AACjC,kBAAQ,QAAQ,CAAC,EAAE,OAAO,uBAAuB;AACjD,kBAAQ,UAAU;AAAA,QACpB,CAAC;AAAA,MACH;AACA,cAAQ,UAAU;AAAA,IACpB,CAAC;AACD,QAAI,2BAAK,SAAS;AAChB,qBAAe,QAAQ,2BAAK,OAAO;AAAA,IACrC;AAEA,WAAO,MAAY;AACjB,UAAI,2BAAK,SAAS;AAChB,uBAAe,UAAU,IAAI,OAAO;AAAA,MACtC,OAAO;AACL,uBAAe,WAAA;AAAA,MACjB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,SAAO;AACT;"}

package/hooks/useReturnFocusOnUnmount.js

@@ -1,21 +0,0 @@
-import { useRef, useEffect } from "react";
-import { deepContains } from "../utils/deepContains.js";
-import { getDocumentActiveElement } from "../utils/focus.js";
-const useReturnFocusOnUnmount = (ref) => {
-  const previouslyFocusedElementRef = useRef(null);
-  useEffect(() => {
-    const activeElement = ref.current ? getDocumentActiveElement(ref.current) : null;
-    if (activeElement instanceof HTMLElement) {
-      previouslyFocusedElementRef.current = activeElement;
-    }
-    return () => {
-      if (previouslyFocusedElementRef.current instanceof HTMLElement && deepContains(document, previouslyFocusedElementRef.current)) {
-        previouslyFocusedElementRef.current.focus();
-      }
-    };
-  }, []);
-};
-export {
-  useReturnFocusOnUnmount
-};
-//# sourceMappingURL=useReturnFocusOnUnmount.js.map

package/hooks/useReturnFocusOnUnmount.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useReturnFocusOnUnmount.js","sources":["../../src/hooks/useReturnFocusOnUnmount.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { deepContains } from '../utils/deepContains';\nimport { getDocumentActiveElement } from '../utils/focus';\n\n/**\n * A hook that stores the currently focused element when the component mounts,\n * and returns focus to it when the component unmounts.\n */\nexport const useReturnFocusOnUnmount = (ref: React.RefObject<HTMLElement>): void => {\n  const previouslyFocusedElementRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    // Captures which element was focused on mount\n    // const activeElement = document.activeElement;\n    const activeElement = ref.current ? getDocumentActiveElement(ref.current) : null;\n    if (activeElement instanceof HTMLElement) {\n      previouslyFocusedElementRef.current = activeElement;\n    }\n\n    // Restores focus to the stored element on unmount\n    return (): void => {\n      if (previouslyFocusedElementRef.current instanceof HTMLElement && deepContains(document, previouslyFocusedElementRef.current)) {\n        previouslyFocusedElementRef.current.focus();\n      }\n    };\n  }, []);\n};\n"],"names":[],"mappings":";;;AASO,MAAM,0BAA0B,CAAC,QAA4C;AAClF,QAAM,8BAA8B,OAA2B,IAAI;AAEnE,YAAU,MAAM;AAGd,UAAM,gBAAgB,IAAI,UAAU,yBAAyB,IAAI,OAAO,IAAI;AAC5E,QAAI,yBAAyB,aAAa;AACxC,kCAA4B,UAAU;AAAA,IACxC;AAGA,WAAO,MAAY;AACjB,UAAI,4BAA4B,mBAAmB,eAAe,aAAa,UAAU,4BAA4B,OAAO,GAAG;AAC7H,oCAA4B,QAAQ,MAAA;AAAA,MACtC;AAAA,IACF;AAAA,EACF,GAAG,CAAA,CAAE;AACP;"}

package/hooks/useRovingFocus.js

@@ -1,57 +0,0 @@
-import { useEffect } from "react";
-import { useKeyboardEvent } from "./useKeyboardEvent.js";
-import { KeyboardEventKey } from "../constants.js";
-const useRovingFocus = (handleNewIndex, inputRefList, containerRef, leftRightNavigation) => {
-  leftRightNavigation = leftRightNavigation ?? false;
-  useEffect(() => {
-    var _a, _b;
-    if (!inputRefList.current) {
-      return;
-    }
-    inputRefList.current.forEach((ref) => {
-      var _a2;
-      (_a2 = ref.current) == null ? void 0 : _a2.setAttribute("tabIndex", "-1");
-    });
-    (_b = (_a = inputRefList.current[0]) == null ? void 0 : _a.current) == null ? void 0 : _b.setAttribute("tabIndex", "0");
-  }, []);
-  const handleKeyboardNavigation = (event) => {
-    var _a, _b, _c, _d, _e, _f;
-    if (event.key === KeyboardEventKey.Tab) {
-      return;
-    }
-    event.preventDefault();
-    if (!inputRefList.current) {
-      return;
-    }
-    const index = inputRefList.current.findIndex((x) => x.current === event.target);
-    let nextIndex = index;
-    if (event.key === KeyboardEventKey.Home) {
-      nextIndex = 0;
-    } else if (event.key === KeyboardEventKey.End) {
-      nextIndex = inputRefList.current.length - 1;
-    } else if ((event.key === KeyboardEventKey.ArrowDown || event.key === KeyboardEventKey.ArrowRight) && index < inputRefList.current.length - 1) {
-      nextIndex = index + 1;
-    } else if ((event.key === KeyboardEventKey.ArrowUp || event.key === KeyboardEventKey.ArrowLeft) && index > 0) {
-      nextIndex = index - 1;
-    } else if (event.key === KeyboardEventKey.Enter || event.key === KeyboardEventKey.Space) {
-      nextIndex = index;
-    }
-    if (nextIndex !== -1) {
-      (_a = inputRefList.current) == null ? void 0 : _a.forEach((ref, i) => {
-        if (ref.current) {
-          ref.current.tabIndex = i === nextIndex ? 0 : -1;
-        }
-      });
-      (_c = (_b = inputRefList.current[nextIndex]) == null ? void 0 : _b.current) == null ? void 0 : _c.focus();
-      (_f = (_e = (_d = inputRefList.current[nextIndex]) == null ? void 0 : _d.current) == null ? void 0 : _e.click) == null ? void 0 : _f.call(_e);
-      handleNewIndex(nextIndex);
-    }
-  };
-  const commonKeys = [KeyboardEventKey.End, KeyboardEventKey.Enter, KeyboardEventKey.Escape, KeyboardEventKey.Home];
-  const arrowKeys = leftRightNavigation ? [KeyboardEventKey.ArrowRight, KeyboardEventKey.ArrowLeft] : [KeyboardEventKey.ArrowUp, KeyboardEventKey.ArrowDown];
-  useKeyboardEvent(containerRef, handleKeyboardNavigation, [...commonKeys, ...arrowKeys]);
-};
-export {
-  useRovingFocus
-};
-//# sourceMappingURL=useRovingFocus.js.map

package/hooks/useRovingFocus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useRovingFocus.js","sources":["../../src/hooks/useRovingFocus.tsx"],"sourcesContent":["// Inspiration from https://www.joshuawootonn.com/react-roving-tabindex\nimport { useEffect } from 'react';\n\nimport { useKeyboardEvent } from './useKeyboardEvent';\nimport { KeyboardEventKey } from '../constants';\n\nexport const useRovingFocus = (\n  /** Function to run when new index is set */\n  handleNewIndex: (index: number) => void,\n  /** List of elements that should have rocing focus */\n  inputRefList: React.MutableRefObject<React.RefObject<HTMLElement>[] | null | undefined>,\n  /** Ref of container that should have the keyboard event handler */\n  containerRef: React.RefObject<HTMLElement>,\n  /** Indicated wether right/left or up/down arrows should be used for navigation. Default is up/down. */\n  leftRightNavigation?: boolean\n): void => {\n  leftRightNavigation = leftRightNavigation ?? false;\n\n  // Initialize only first index to be tabbable\n  useEffect(() => {\n    if (!inputRefList.current) {\n      return;\n    }\n    inputRefList.current.forEach(ref => {\n      ref.current?.setAttribute('tabIndex', '-1');\n    });\n    inputRefList.current[0]?.current?.setAttribute('tabIndex', '0');\n  }, []);\n\n  const handleKeyboardNavigation = (event: KeyboardEvent): void => {\n    if (event.key === KeyboardEventKey.Tab) {\n      return;\n    }\n    event.preventDefault();\n\n    if (!inputRefList.current) {\n      return;\n    }\n    const index = inputRefList.current.findIndex(x => x.current === event.target);\n    let nextIndex = index;\n\n    if (event.key === KeyboardEventKey.Home) {\n      nextIndex = 0;\n    } else if (event.key === KeyboardEventKey.End) {\n      nextIndex = inputRefList.current.length - 1;\n    } else if (\n      (event.key === KeyboardEventKey.ArrowDown || event.key === KeyboardEventKey.ArrowRight) &&\n      index < inputRefList.current.length - 1\n    ) {\n      nextIndex = index + 1;\n    } else if ((event.key === KeyboardEventKey.ArrowUp || event.key === KeyboardEventKey.ArrowLeft) && index > 0) {\n      nextIndex = index - 1;\n    } else if (event.key === KeyboardEventKey.Enter || event.key === KeyboardEventKey.Space) {\n      nextIndex = index;\n    }\n\n    if (nextIndex !== -1) {\n      inputRefList.current?.forEach((ref, i) => {\n        if (ref.current) {\n          ref.current.tabIndex = i === nextIndex ? 0 : -1;\n        }\n      });\n      inputRefList.current[nextIndex]?.current?.focus();\n      inputRefList.current[nextIndex]?.current?.click?.();\n      handleNewIndex(nextIndex);\n    }\n  };\n\n  const commonKeys = [KeyboardEventKey.End, KeyboardEventKey.Enter, KeyboardEventKey.Escape, KeyboardEventKey.Home];\n\n  const arrowKeys = leftRightNavigation\n    ? [KeyboardEventKey.ArrowRight, KeyboardEventKey.ArrowLeft]\n    : [KeyboardEventKey.ArrowUp, KeyboardEventKey.ArrowDown];\n\n  useKeyboardEvent(containerRef, handleKeyboardNavigation, [...commonKeys, ...arrowKeys]);\n};\n"],"names":["_a"],"mappings":";;;AAMO,MAAM,iBAAiB,CAE5B,gBAEA,cAEA,cAEA,wBACS;AACT,wBAAsB,uBAAuB;AAG7C,YAAU,MAAM;;AACd,QAAI,CAAC,aAAa,SAAS;AACzB;AAAA,IACF;AACA,iBAAa,QAAQ,QAAQ,CAAA,QAAO;;AAClC,OAAAA,MAAA,IAAI,YAAJ,gBAAAA,IAAa,aAAa,YAAY;AAAA,IACxC,CAAC;AACD,6BAAa,QAAQ,CAAC,MAAtB,mBAAyB,YAAzB,mBAAkC,aAAa,YAAY;AAAA,EAC7D,GAAG,CAAA,CAAE;AAEL,QAAM,2BAA2B,CAAC,UAA+B;;AAC/D,QAAI,MAAM,QAAQ,iBAAiB,KAAK;AACtC;AAAA,IACF;AACA,UAAM,eAAA;AAEN,QAAI,CAAC,aAAa,SAAS;AACzB;AAAA,IACF;AACA,UAAM,QAAQ,aAAa,QAAQ,UAAU,OAAK,EAAE,YAAY,MAAM,MAAM;AAC5E,QAAI,YAAY;AAEhB,QAAI,MAAM,QAAQ,iBAAiB,MAAM;AACvC,kBAAY;AAAA,IACd,WAAW,MAAM,QAAQ,iBAAiB,KAAK;AAC7C,kBAAY,aAAa,QAAQ,SAAS;AAAA,IAC5C,YACG,MAAM,QAAQ,iBAAiB,aAAa,MAAM,QAAQ,iBAAiB,eAC5E,QAAQ,aAAa,QAAQ,SAAS,GACtC;AACA,kBAAY,QAAQ;AAAA,IACtB,YAAY,MAAM,QAAQ,iBAAiB,WAAW,MAAM,QAAQ,iBAAiB,cAAc,QAAQ,GAAG;AAC5G,kBAAY,QAAQ;AAAA,IACtB,WAAW,MAAM,QAAQ,iBAAiB,SAAS,MAAM,QAAQ,iBAAiB,OAAO;AACvF,kBAAY;AAAA,IACd;AAEA,QAAI,cAAc,IAAI;AACpB,yBAAa,YAAb,mBAAsB,QAAQ,CAAC,KAAK,MAAM;AACxC,YAAI,IAAI,SAAS;AACf,cAAI,QAAQ,WAAW,MAAM,YAAY,IAAI;AAAA,QAC/C;AAAA,MACF;AACA,+BAAa,QAAQ,SAAS,MAA9B,mBAAiC,YAAjC,mBAA0C;AAC1C,qCAAa,QAAQ,SAAS,MAA9B,mBAAiC,YAAjC,mBAA0C,UAA1C;AACA,qBAAe,SAAS;AAAA,IAC1B;AAAA,EACF;AAEA,QAAM,aAAa,CAAC,iBAAiB,KAAK,iBAAiB,OAAO,iBAAiB,QAAQ,iBAAiB,IAAI;AAEhH,QAAM,YAAY,sBACd,CAAC,iBAAiB,YAAY,iBAAiB,SAAS,IACxD,CAAC,iBAAiB,SAAS,iBAAiB,SAAS;AAEzD,mBAAiB,cAAc,0BAA0B,CAAC,GAAG,YAAY,GAAG,SAAS,CAAC;AACxF;"}

package/hooks/useSize.js

@@ -1,47 +0,0 @@
-import { useRef, useState, useEffect } from "react";
-import { debounce } from "../utils/debounce.js";
-const useSize = (ref) => {
-  const ticking = useRef(false);
-  const [size, setSize] = useState();
-  useEffect(() => {
-    if (typeof ResizeObserver !== "undefined") {
-      const resizeObserver = new ResizeObserver((entries) => {
-        if (!ticking.current) {
-          window.requestAnimationFrame(() => {
-            setSize(entries[0].target.getBoundingClientRect());
-            ticking.current = false;
-          });
-        }
-        ticking.current = true;
-      });
-      if (ref == null ? void 0 : ref.current) {
-        resizeObserver.observe(ref == null ? void 0 : ref.current);
-      }
-      return () => {
-        if (ref == null ? void 0 : ref.current) {
-          resizeObserver.unobserve(ref.current);
-        } else {
-          resizeObserver.disconnect();
-        }
-      };
-    } else if (typeof window === "object") {
-      const handleLayoutEvent = () => {
-        if (ref == null ? void 0 : ref.current) setSize(ref.current.getBoundingClientRect());
-      };
-      const events = ["layoutchange", "resize", "orientationchange"];
-      const debounceMs = 10;
-      const [debouncedCallback, teardown] = debounce(handleLayoutEvent, debounceMs);
-      events.forEach((eventName) => window.addEventListener(eventName, debouncedCallback));
-      debouncedCallback();
-      return () => {
-        teardown();
-        events.forEach((eventName) => window.removeEventListener(eventName, debouncedCallback));
-      };
-    }
-  }, [ref == null ? void 0 : ref.current]);
-  return size;
-};
-export {
-  useSize
-};
-//# sourceMappingURL=useSize.js.map

package/hooks/useSize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSize.js","sources":["../../src/hooks/useSize.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { debounce } from '../utils/debounce';\n\n/**\n * Lytt på endringer i størrelse på et element\n *\n * @param ref Element som skal observeres.\n * @returns Object med høyde, bredde, x og y til elementet. Merk at objektet bare oppdates når høyde eller bredde endres, ikke når\n * posisjonen (x og y) endres.\n */\nexport const useSize = (ref?: React.RefObject<HTMLElement>): DOMRect | undefined => {\n  const ticking = useRef(false);\n  const [size, setSize] = useState<DOMRect>();\n  useEffect(() => {\n    if (typeof ResizeObserver !== 'undefined') {\n      const resizeObserver = new ResizeObserver(entries => {\n        if (!ticking.current) {\n          window.requestAnimationFrame(() => {\n            setSize(entries[0].target.getBoundingClientRect());\n            ticking.current = false;\n          });\n        }\n        ticking.current = true;\n      });\n      if (ref?.current) {\n        resizeObserver.observe(ref?.current);\n      }\n      return (): void => {\n        if (ref?.current) {\n          resizeObserver.unobserve(ref.current);\n        } else {\n          resizeObserver.disconnect();\n        }\n      };\n    } else if (typeof window === 'object') {\n      // For nettlesere som ikke støtter ResizeObserver (iOS 13 og lavere)\n      const handleLayoutEvent = (): void => {\n        if (ref?.current) setSize(ref.current.getBoundingClientRect());\n      };\n\n      const events = ['layoutchange', 'resize', 'orientationchange'];\n      const debounceMs = 10;\n\n      const [debouncedCallback, teardown] = debounce(handleLayoutEvent, debounceMs);\n\n      events.forEach(eventName => window.addEventListener(eventName, debouncedCallback));\n\n      debouncedCallback();\n\n      return (): void => {\n        teardown();\n        events.forEach(eventName => window.removeEventListener(eventName, debouncedCallback));\n      };\n    }\n  }, [ref?.current]);\n\n  return size;\n};\n"],"names":[],"mappings":";;AAWO,MAAM,UAAU,CAAC,QAA4D;AAClF,QAAM,UAAU,OAAO,KAAK;AAC5B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAA;AACxB,YAAU,MAAM;AACd,QAAI,OAAO,mBAAmB,aAAa;AACzC,YAAM,iBAAiB,IAAI,eAAe,CAAA,YAAW;AACnD,YAAI,CAAC,QAAQ,SAAS;AACpB,iBAAO,sBAAsB,MAAM;AACjC,oBAAQ,QAAQ,CAAC,EAAE,OAAO,uBAAuB;AACjD,oBAAQ,UAAU;AAAA,UACpB,CAAC;AAAA,QACH;AACA,gBAAQ,UAAU;AAAA,MACpB,CAAC;AACD,UAAI,2BAAK,SAAS;AAChB,uBAAe,QAAQ,2BAAK,OAAO;AAAA,MACrC;AACA,aAAO,MAAY;AACjB,YAAI,2BAAK,SAAS;AAChB,yBAAe,UAAU,IAAI,OAAO;AAAA,QACtC,OAAO;AACL,yBAAe,WAAA;AAAA,QACjB;AAAA,MACF;AAAA,IACF,WAAW,OAAO,WAAW,UAAU;AAErC,YAAM,oBAAoB,MAAY;AACpC,YAAI,2BAAK,QAAS,SAAQ,IAAI,QAAQ,uBAAuB;AAAA,MAC/D;AAEA,YAAM,SAAS,CAAC,gBAAgB,UAAU,mBAAmB;AAC7D,YAAM,aAAa;AAEnB,YAAM,CAAC,mBAAmB,QAAQ,IAAI,SAAS,mBAAmB,UAAU;AAE5E,aAAO,QAAQ,CAAA,cAAa,OAAO,iBAAiB,WAAW,iBAAiB,CAAC;AAEjF,wBAAA;AAEA,aAAO,MAAY;AACjB,iBAAA;AACA,eAAO,QAAQ,CAAA,cAAa,OAAO,oBAAoB,WAAW,iBAAiB,CAAC;AAAA,MACtF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,2BAAK,OAAO,CAAC;AAEjB,SAAO;AACT;"}

package/hooks/useToggle.js

@@ -1,24 +0,0 @@
-import { useState, useEffect } from "react";
-import { usePrevious } from "./usePrevious.js";
-const useToggle = (initialValue, callback) => {
-  const [value, setValue] = useState(initialValue);
-  const previousValue = usePrevious(value);
-  const toggleValue = () => {
-    setValue(!value);
-  };
-  useEffect(() => {
-    if (initialValue !== value) {
-      setValue(initialValue);
-    }
-  }, [initialValue]);
-  useEffect(() => {
-    if (callback && value !== !!previousValue) {
-      callback(value);
-    }
-  }, [value, callback]);
-  return { value, toggleValue };
-};
-export {
-  useToggle
-};
-//# sourceMappingURL=useToggle.js.map

package/hooks/useToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useToggle.js","sources":["../../src/hooks/useToggle.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nimport { usePrevious } from './usePrevious';\n\n/**\n * Hook for å toggle en boolean og kjøre en callback når verdien endres\n *\n * @param initialValue Initiell verdi for boolean\n * @param callback Funksjon som kalles når value endrer verdi (optional)\n * @returns Objekt med nåværende verdi og funksjon som kan kalles for å toggle verdien\n */\nexport const useToggle = (initialValue: boolean, callback?: (value: boolean) => void): { value: boolean; toggleValue: () => void } => {\n  const [value, setValue] = useState(initialValue);\n  const previousValue = usePrevious(value);\n\n  const toggleValue = (): void => {\n    setValue(!value);\n  };\n\n  useEffect(() => {\n    if (initialValue !== value) {\n      setValue(initialValue);\n    }\n  }, [initialValue]);\n\n  useEffect(() => {\n    if (callback && value !== !!previousValue) {\n      callback(value);\n    }\n  }, [value, callback]);\n\n  return { value, toggleValue };\n};\n"],"names":[],"mappings":";;AAWO,MAAM,YAAY,CAAC,cAAuB,aAAqF;AACpI,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,YAAY;AAC/C,QAAM,gBAAgB,YAAY,KAAK;AAEvC,QAAM,cAAc,MAAY;AAC9B,aAAS,CAAC,KAAK;AAAA,EACjB;AAEA,YAAU,MAAM;AACd,QAAI,iBAAiB,OAAO;AAC1B,eAAS,YAAY;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,YAAU,MAAM;AACd,QAAI,YAAY,UAAU,CAAC,CAAC,eAAe;AACzC,eAAS,KAAK;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,OAAO,QAAQ,CAAC;AAEpB,SAAO,EAAE,OAAO,YAAA;AAClB;"}

package/hooks/usestopPropagation.js

@@ -1,18 +0,0 @@
-import { useEffect } from "react";
-const useStopPropagation = (ref, events) => {
-  const handleEvent = (e) => e.stopPropagation();
-  useEffect(() => {
-    events.forEach((name) => {
-      var _a;
-      return (_a = ref == null ? void 0 : ref.current) == null ? void 0 : _a.addEventListener(name, handleEvent);
-    });
-    return () => events.forEach((name) => {
-      var _a;
-      return (_a = ref.current) == null ? void 0 : _a.removeEventListener(name, handleEvent);
-    });
-  }, [ref]);
-};
-export {
-  useStopPropagation
-};
-//# sourceMappingURL=usestopPropagation.js.map

package/hooks/usestopPropagation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usestopPropagation.js","sources":["../../src/hooks/usestopPropagation.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * Stopp eventer fra å boble opp videre i DOMen\n * @param ref Element som skal overvåkes\n * @param events Navn på eventer som ikke skal boble opp\n */\nexport const useStopPropagation = (ref: React.RefObject<HTMLElement>, events: string[]): void => {\n  const handleEvent = (e: Event): void => e.stopPropagation();\n\n  useEffect(() => {\n    events.forEach(name => ref?.current?.addEventListener(name, handleEvent));\n\n    return (): void => events.forEach(name => ref.current?.removeEventListener(name, handleEvent));\n  }, [ref]);\n};\n"],"names":[],"mappings":";AAOO,MAAM,qBAAqB,CAAC,KAAmC,WAA2B;AAC/F,QAAM,cAAc,CAAC,MAAmB,EAAE,gBAAA;AAE1C,YAAU,MAAM;AACd,WAAO,QAAQ,CAAA,SAAA;;AAAQ,8CAAK,YAAL,mBAAc,iBAAiB,MAAM;AAAA,KAAY;AAExE,WAAO,MAAY,OAAO,QAAQ,CAAA,SAAA;;AAAQ,uBAAI,YAAJ,mBAAa,oBAAoB,MAAM;AAAA,KAAY;AAAA,EAC/F,GAAG,CAAC,GAAG,CAAC;AACV;"}

package/index.js

@@ -1,43 +0,0 @@
-import { theme } from "./theme/index.js";
-import { Breakpoint, useBreakpoint } from "./hooks/useBreakpoint.js";
-import { useFocusToggle } from "./hooks/useFocusToggle.js";
-import { useFocusTrap } from "./hooks/useFocusTrap.js";
-import { useIntersectionObserver } from "./hooks/useIntersectionObserver.js";
-import { useIsVisible } from "./hooks/useIsVisible.js";
-import { useLayoutEvent } from "./hooks/useLayoutEvent.js";
-import { usePrevious } from "./hooks/usePrevious.js";
-import { useSize } from "./hooks/useSize.js";
-import { useResizeObserver } from "./hooks/useResizeObserver.js";
-import { useToggle } from "./hooks/useToggle.js";
-import { useKeyboardEvent } from "./hooks/useKeyboardEvent.js";
-import { useOutsideEvent } from "./hooks/useOutsideEvent.js";
-import { isMobileUA } from "./utils/mobile.js";
-import { u } from "./uuid.js";
-import { AVERAGE_CHARACTER_WIDTH_PX, AnalyticsId, FormOnColor, FormSize, IconSize, KeyboardEventKey, LanguageLocales, ZIndex } from "./constants.js";
-export {
-  AVERAGE_CHARACTER_WIDTH_PX,
-  AnalyticsId,
-  Breakpoint,
-  FormOnColor,
-  FormSize,
-  IconSize,
-  KeyboardEventKey,
-  LanguageLocales,
-  ZIndex,
-  isMobileUA,
-  theme,
-  useBreakpoint,
-  useFocusToggle,
-  useFocusTrap,
-  useIntersectionObserver,
-  useIsVisible,
-  useKeyboardEvent,
-  useLayoutEvent,
-  useOutsideEvent,
-  usePrevious,
-  useResizeObserver,
-  useSize,
-  useToggle,
-  u as uuid
-};
-//# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/resources/HN.Designsystem.FormFieldTag.nb-NO.json.d.ts

@@ -1,8 +0,0 @@
-declare const _default: {
-  "allRequired": "Alle felt må fylles ut",
-  "requiredField": "Må fylles ut",
-  "optional": "Valgfritt"
-}
-;
-
-export default _default;

package/theme/currys/color.js

@@ -1,16 +0,0 @@
-import { theme } from "../index.js";
-const getColor = (name, depth) => {
-  if (name === "black" || name === "white") {
-    return theme.palette[name];
-  }
-  if (depth) {
-    return theme.palette[`${name}${depth}`];
-  }
-  return "";
-};
-const getHoverColor = (color) => `${getColor(color, 700)}0D`;
-export {
-  getColor,
-  getHoverColor
-};
-//# sourceMappingURL=color.js.map

package/theme/currys/color.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"color.js","sources":["../../../src/theme/currys/color.ts"],"sourcesContent":["import { theme } from '..';\nimport { PaletteNames, PaletteDepths } from '../palette';\n\nexport const getColor = (name: PaletteNames, depth?: PaletteDepths): string => {\n  if (name === 'black' || name === 'white') {\n    return theme.palette[name];\n  }\n  if (depth) {\n    return theme.palette[`${name}${depth}`];\n  }\n\n  return '';\n};\n\nexport const getHoverColor = (color: PaletteNames | 'white' | 'black') => `${getColor(color, 700)}0D`;\n"],"names":[],"mappings":";AAGO,MAAM,WAAW,CAAC,MAAoB,UAAkC;AAC7E,MAAI,SAAS,WAAW,SAAS,SAAS;AACxC,WAAO,MAAM,QAAQ,IAAI;AAAA,EAC3B;AACA,MAAI,OAAO;AACT,WAAO,MAAM,QAAQ,GAAG,IAAI,GAAG,KAAK,EAAE;AAAA,EACxC;AAEA,SAAO;AACT;AAEO,MAAM,gBAAgB,CAAC,UAA4C,GAAG,SAAS,OAAO,GAAG,CAAC;"}

package/theme/currys/index.js

@@ -1,9 +0,0 @@
-import { getColor, getHoverColor } from "./color.js";
-import { getSpacer, mapSpacerValue } from "./spacing.js";
-export {
-  getColor,
-  getHoverColor,
-  getSpacer,
-  mapSpacerValue
-};
-//# sourceMappingURL=index.js.map

package/theme/currys/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/theme/currys/spacing.js

@@ -1,42 +0,0 @@
-import { spacers } from "../spacers.js";
-const mapSpacerValue = (spacerSize) => {
-  switch (spacerSize) {
-    case "4xs":
-      return spacers[1];
-    case "3xs":
-      return spacers[2];
-    case "2xs":
-      return spacers[3];
-    case "xs":
-      return spacers[4];
-    case "s":
-      return spacers[5];
-    case "m":
-      return spacers[6];
-    case "l":
-      return spacers[7];
-    case "xl":
-      return spacers[8];
-    case "2xl":
-      return spacers[9];
-    case "3xl":
-      return spacers[10];
-    case "4xl":
-      return spacers[11];
-    case "5xl":
-      return spacers[12];
-    case "6xl":
-      return spacers[13];
-    default:
-      return spacers[5];
-  }
-};
-const getSpacer = (spacerSize) => {
-  const spacerValue = mapSpacerValue(spacerSize);
-  return `${spacerValue}rem`;
-};
-export {
-  getSpacer,
-  mapSpacerValue
-};
-//# sourceMappingURL=spacing.js.map

package/theme/currys/spacing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spacing.js","sources":["../../../src/theme/currys/spacing.ts"],"sourcesContent":["import { SpacerSizes, spacers } from './../spacers';\n\nexport const mapSpacerValue = (spacerSize: SpacerSizes): number => {\n  switch (spacerSize) {\n    case '4xs':\n      return spacers[1];\n    case '3xs':\n      return spacers[2];\n    case '2xs':\n      return spacers[3];\n    case 'xs':\n      return spacers[4];\n    case 's':\n      return spacers[5];\n    case 'm':\n      return spacers[6];\n    case 'l':\n      return spacers[7];\n    case 'xl':\n      return spacers[8];\n    case '2xl':\n      return spacers[9];\n    case '3xl':\n      return spacers[10];\n    case '4xl':\n      return spacers[11];\n    case '5xl':\n      return spacers[12];\n    case '6xl':\n      return spacers[13];\n    default:\n      return spacers[5];\n  }\n};\n\nexport const getSpacer = (spacerSize: SpacerSizes): string => {\n  const spacerValue = mapSpacerValue(spacerSize);\n  return `${spacerValue}rem`;\n};\n"],"names":[],"mappings":";AAEO,MAAM,iBAAiB,CAAC,eAAoC;AACjE,UAAQ,YAAA;AAAA,IACN,KAAK;AACH,aAAO,QAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAO,QAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAO,QAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAO,QAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAO,QAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAO,QAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAO,QAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAO,QAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAO,QAAQ,CAAC;AAAA,IAClB,KAAK;AACH,aAAO,QAAQ,EAAE;AAAA,IACnB,KAAK;AACH,aAAO,QAAQ,EAAE;AAAA,IACnB,KAAK;AACH,aAAO,QAAQ,EAAE;AAAA,IACnB,KAAK;AACH,aAAO,QAAQ,EAAE;AAAA,IACnB;AACE,aAAO,QAAQ,CAAC;AAAA,EAAA;AAEtB;AAEO,MAAM,YAAY,CAAC,eAAoC;AAC5D,QAAM,cAAc,eAAe,UAAU;AAC7C,SAAO,GAAG,WAAW;AACvB;"}

package/theme/grid.js

@@ -1,27 +0,0 @@
-const breakpoints = {
-  xxs: 0,
-  xs: 360,
-  sm: 564,
-  md: 768,
-  lg: 1088,
-  xl: 1450
-};
-const containerMaxWidths = {
-  sm: 528,
-  md: 612,
-  lg: 1056
-};
-const screen = {
-  xxs: `(min-width: ${breakpoints.xxs}px)`,
-  xs: `(min-width: ${breakpoints.xs}px)`,
-  sm: `(min-width: ${breakpoints.sm}px)`,
-  md: `(min-width: ${breakpoints.md}px)`,
-  lg: `(min-width: ${breakpoints.lg}px)`,
-  xl: `(min-width: ${breakpoints.xl}px)`
-};
-export {
-  breakpoints,
-  containerMaxWidths,
-  screen
-};
-//# sourceMappingURL=grid.js.map

package/theme/grid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid.js","sources":["../../src/theme/grid.ts"],"sourcesContent":["export const breakpoints = {\n  xxs: 0,\n  xs: 360,\n  sm: 564,\n  md: 768,\n  lg: 1088,\n  xl: 1450,\n};\n\nexport const containerMaxWidths = {\n  sm: 528,\n  md: 612,\n  lg: 1056,\n};\n\nexport const screen = {\n  xxs: `(min-width: ${breakpoints.xxs}px)`,\n  xs: `(min-width: ${breakpoints.xs}px)`,\n  sm: `(min-width: ${breakpoints.sm}px)`,\n  md: `(min-width: ${breakpoints.md}px)`,\n  lg: `(min-width: ${breakpoints.lg}px)`,\n  xl: `(min-width: ${breakpoints.xl}px)`,\n};\n"],"names":[],"mappings":"AAAO,MAAM,cAAc;AAAA,EACzB,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,MAAM,qBAAqB;AAAA,EAChC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,MAAM,SAAS;AAAA,EACpB,KAAK,eAAe,YAAY,GAAG;AAAA,EACnC,IAAI,eAAe,YAAY,EAAE;AAAA,EACjC,IAAI,eAAe,YAAY,EAAE;AAAA,EACjC,IAAI,eAAe,YAAY,EAAE;AAAA,EACjC,IAAI,eAAe,YAAY,EAAE;AAAA,EACjC,IAAI,eAAe,YAAY,EAAE;AACnC;"}

package/theme/index.js

@@ -1,14 +0,0 @@
-import { breakpoints, screen } from "./grid.js";
-import { palette } from "./palette.js";
-import { spacers, spacer } from "./spacers.js";
-const theme = {
-  spacer,
-  spacers,
-  palette,
-  screen,
-  breakpoints
-};
-export {
-  theme
-};
-//# sourceMappingURL=index.js.map

package/theme/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":["import { screen, breakpoints } from './grid';\nimport { palette } from './palette';\nimport { spacer, spacers } from './spacers';\n\nexport const theme = {\n  spacer,\n  spacers,\n  palette,\n  screen,\n  breakpoints,\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,QAAQ;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/theme/palette.js

@@ -1,86 +0,0 @@
-const banana = {
-  banana50: "#FDF8DF",
-  banana100: "#FCF2BF",
-  banana200: "#F9EA9F",
-  banana300: "#F5E080",
-  banana400: "#EBC840",
-  banana500: "#DDAB06",
-  banana600: "#C59302",
-  banana700: "#AB7C00",
-  banana800: "#916500",
-  banana900: "#764F00"
-};
-const blueberry = {
-  blueberry50: "#E4F7F9",
-  blueberry100: "#CAE7ED",
-  blueberry200: "#AFDAE3",
-  blueberry300: "#7ABECC",
-  blueberry400: "#58AABB",
-  blueberry500: "#188097",
-  blueberry600: "#126F87",
-  blueberry700: "#08667C",
-  blueberry800: "#06596C",
-  blueberry900: "#084350"
-};
-const cherry = {
-  cherry50: "#FFF2EA",
-  cherry100: "#F7E1D2",
-  cherry200: "#EEC0A5",
-  cherry300: "#E39376",
-  cherry400: "#D56147",
-  cherry500: "#C83521",
-  cherry600: "#B62E1C",
-  cherry700: "#A31F0E",
-  cherry800: "#912112",
-  cherry900: "#7E1C0E"
-};
-const kiwi = {
-  kiwi50: "#E6F8EE",
-  kiwi100: "#C2EDD6",
-  kiwi200: "#9DE2BF",
-  kiwi300: "#79D6AA",
-  kiwi400: "#56CA96",
-  kiwi500: "#33BE84",
-  kiwi600: "#10B172",
-  kiwi700: "#0CA161",
-  kiwi800: "#099150",
-  kiwi900: "#078141"
-};
-const neutral = {
-  neutral50: "#F5F3F3",
-  neutral100: "#EAE7E7",
-  neutral200: "#D6D4D3",
-  neutral300: "#BDBAB9",
-  neutral400: "#AAA8A6",
-  neutral500: "#989693",
-  neutral600: "#7D7C79",
-  neutral700: "#62625F",
-  neutral800: "#474745",
-  neutral900: "#2B2C2B"
-};
-const plum = {
-  plum50: "#EFE4FD",
-  plum100: "#D7BDF9",
-  plum200: "#BF98F3",
-  plum300: "#A875EB",
-  plum400: "#9153E2",
-  plum500: "#7A33D7",
-  plum600: "#6A2ABF",
-  plum700: "#5B22A6",
-  plum800: "#4C1B8C",
-  plum900: "#3C1471"
-};
-const palette = {
-  ...banana,
-  ...blueberry,
-  ...cherry,
-  ...kiwi,
-  ...neutral,
-  ...plum,
-  black: "#000000",
-  white: "#ffffff"
-};
-export {
-  palette
-};
-//# sourceMappingURL=palette.js.map

package/theme/palette.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"palette.js","sources":["../../src/theme/palette.ts"],"sourcesContent":["const banana = {\n  banana50: '#FDF8DF',\n  banana100: '#FCF2BF',\n  banana200: '#F9EA9F',\n  banana300: '#F5E080',\n  banana400: '#EBC840',\n  banana500: '#DDAB06',\n  banana600: '#C59302',\n  banana700: '#AB7C00',\n  banana800: '#916500',\n  banana900: '#764F00',\n};\n\nconst blueberry = {\n  blueberry50: '#E4F7F9',\n  blueberry100: '#CAE7ED',\n  blueberry200: '#AFDAE3',\n  blueberry300: '#7ABECC',\n  blueberry400: '#58AABB',\n  blueberry500: '#188097',\n  blueberry600: '#126F87',\n  blueberry700: '#08667C',\n  blueberry800: '#06596C',\n  blueberry900: '#084350',\n};\n\nconst cherry = {\n  cherry50: '#FFF2EA',\n  cherry100: '#F7E1D2',\n  cherry200: '#EEC0A5',\n  cherry300: '#E39376',\n  cherry400: '#D56147',\n  cherry500: '#C83521',\n  cherry600: '#B62E1C',\n  cherry700: '#A31F0E',\n  cherry800: '#912112',\n  cherry900: '#7E1C0E',\n};\n\nconst kiwi = {\n  kiwi50: '#E6F8EE',\n  kiwi100: '#C2EDD6',\n  kiwi200: '#9DE2BF',\n  kiwi300: '#79D6AA',\n  kiwi400: '#56CA96',\n  kiwi500: '#33BE84',\n  kiwi600: '#10B172',\n  kiwi700: '#0CA161',\n  kiwi800: '#099150',\n  kiwi900: '#078141',\n};\n\nconst neutral = {\n  neutral50: '#F5F3F3',\n  neutral100: '#EAE7E7',\n  neutral200: '#D6D4D3',\n  neutral300: '#BDBAB9',\n  neutral400: '#AAA8A6',\n  neutral500: '#989693',\n  neutral600: '#7D7C79',\n  neutral700: '#62625F',\n  neutral800: '#474745',\n  neutral900: '#2B2C2B',\n};\n\nconst plum = {\n  plum50: '#EFE4FD',\n  plum100: '#D7BDF9',\n  plum200: '#BF98F3',\n  plum300: '#A875EB',\n  plum400: '#9153E2',\n  plum500: '#7A33D7',\n  plum600: '#6A2ABF',\n  plum700: '#5B22A6',\n  plum800: '#4C1B8C',\n  plum900: '#3C1471',\n};\n\nexport const palette = {\n  ...banana,\n  ...blueberry,\n  ...cherry,\n  ...kiwi,\n  ...neutral,\n  ...plum,\n  black: '#000000',\n  white: '#ffffff',\n};\n\nexport type PaletteNames = 'banana' | 'blueberry' | 'cherry' | 'kiwi' | 'neutral' | 'plum' | 'black' | 'white';\n\nexport type PaletteDepths = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;\n\nexport type PaletteCodes =\n  | 'banana50'\n  | 'banana100'\n  | 'banana200'\n  | 'banana300'\n  | 'banana400'\n  | 'banana500'\n  | 'banana600'\n  | 'banana700'\n  | 'banana800'\n  | 'banana900'\n  | 'blueberry50'\n  | 'blueberry100'\n  | 'blueberry200'\n  | 'blueberry300'\n  | 'blueberry400'\n  | 'blueberry500'\n  | 'blueberry600'\n  | 'blueberry700'\n  | 'blueberry800'\n  | 'blueberry900'\n  | 'cherry50'\n  | 'cherry100'\n  | 'cherry200'\n  | 'cherry300'\n  | 'cherry400'\n  | 'cherry500'\n  | 'cherry600'\n  | 'cherry700'\n  | 'cherry800'\n  | 'cherry900'\n  | 'kiwi50'\n  | 'kiwi100'\n  | 'kiwi200'\n  | 'kiwi300'\n  | 'kiwi400'\n  | 'kiwi500'\n  | 'kiwi600'\n  | 'kiwi700'\n  | 'kiwi800'\n  | 'kiwi900'\n  | 'neutral50'\n  | 'neutral100'\n  | 'neutral200'\n  | 'neutral300'\n  | 'neutral400'\n  | 'neutral500'\n  | 'neutral600'\n  | 'neutral700'\n  | 'neutral800'\n  | 'neutral900'\n  | 'plum50'\n  | 'plum100'\n  | 'plum200'\n  | 'plum300'\n  | 'plum400'\n  | 'plum500'\n  | 'plum600'\n  | 'plum700'\n  | 'plum800'\n  | 'plum900'\n  | 'white'\n  | 'black';\n"],"names":[],"mappings":"AAAA,MAAM,SAAS;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb;AAEA,MAAM,YAAY;AAAA,EAChB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAChB;AAEA,MAAM,SAAS;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb;AAEA,MAAM,OAAO;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEA,MAAM,UAAU;AAAA,EACd,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AACd;AAEA,MAAM,OAAO;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEO,MAAM,UAAU;AAAA,EACrB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO;AAAA,EACP,OAAO;AACT;"}

package/theme/spacers.js

@@ -1,22 +0,0 @@
-const spacer = 1;
-const spacers = {
-  0: 0,
-  1: spacer / 8,
-  2: spacer / 4,
-  3: spacer / 2,
-  4: spacer * 0.75,
-  5: spacer * 1,
-  6: spacer * 1.5,
-  7: spacer * 2,
-  8: spacer * 3,
-  9: spacer * 4,
-  10: spacer * 5,
-  11: spacer * 6,
-  12: spacer * 7,
-  13: spacer * 8
-};
-export {
-  spacer,
-  spacers
-};
-//# sourceMappingURL=spacers.js.map

package/theme/spacers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spacers.js","sources":["../../src/theme/spacers.ts"],"sourcesContent":["export type SpacerSizes = '4xs' | '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';\n\nexport const spacer = 1;\n\nexport const spacers = {\n  0: 0,\n  1: spacer / 8,\n  2: spacer / 4,\n  3: spacer / 2,\n  4: spacer * 0.75,\n  5: spacer * 1,\n  6: spacer * 1.5,\n  7: spacer * 2,\n  8: spacer * 3,\n  9: spacer * 4,\n  10: spacer * 5,\n  11: spacer * 6,\n  12: spacer * 7,\n  13: spacer * 8,\n};\n"],"names":[],"mappings":"AAEO,MAAM,SAAS;AAEf,MAAM,UAAU;AAAA,EACrB,GAAG;AAAA,EACH,GAAG,SAAS;AAAA,EACZ,GAAG,SAAS;AAAA,EACZ,GAAG,SAAS;AAAA,EACZ,GAAG,SAAS;AAAA,EACZ,GAAG,SAAS;AAAA,EACZ,GAAG,SAAS;AAAA,EACZ,GAAG,SAAS;AAAA,EACZ,GAAG,SAAS;AAAA,EACZ,GAAG,SAAS;AAAA,EACZ,IAAI,SAAS;AAAA,EACb,IAAI,SAAS;AAAA,EACb,IAAI,SAAS;AAAA,EACb,IAAI,SAAS;AACf;"}

package/utils/accessibility.js

@@ -1,40 +0,0 @@
-const getAriaLabelAttributes = (config) => {
-  const { label, id, fallbackId, prefer = "id" } = config;
-  if (id && prefer === "id") {
-    return {
-      "aria-labelledby": id
-    };
-  }
-  if (label) {
-    return {
-      "aria-label": label
-    };
-  }
-  if (id) {
-    return {
-      "aria-labelledby": id
-    };
-  }
-  if (fallbackId) {
-    return {
-      "aria-labelledby": fallbackId
-    };
-  }
-};
-const getAriaDescribedBy = (props, errorTextUuid) => {
-  const ariaDescribedBy = props["aria-describedby"];
-  const hasErrorText = !!(props.errorText || props.error && props.errorTextId);
-  const errorTextId = hasErrorText ? errorTextUuid : void 0;
-  if (ariaDescribedBy && !errorTextId) {
-    return ariaDescribedBy;
-  } else if (!ariaDescribedBy && errorTextId) {
-    return errorTextId;
-  } else if (ariaDescribedBy && errorTextId) {
-    return ariaDescribedBy + " " + errorTextId;
-  }
-};
-export {
-  getAriaDescribedBy,
-  getAriaLabelAttributes
-};
-//# sourceMappingURL=accessibility.js.map

package/utils/accessibility.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"accessibility.js","sources":["../../src/utils/accessibility.ts"],"sourcesContent":["import { AriaAttributes } from 'react';\n\ninterface AriaLabelAttributesConfig {\n  label?: string;\n  id?: string;\n  fallbackId?: string;\n  prefer?: 'id' | 'label';\n}\n\nexport type AriaLabelAttributes = Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'>;\n\nexport const getAriaLabelAttributes = (config: AriaLabelAttributesConfig): AriaLabelAttributes | undefined => {\n  const { label, id, fallbackId, prefer = 'id' } = config;\n\n  if (id && prefer === 'id') {\n    return {\n      'aria-labelledby': id,\n    };\n  }\n\n  if (label) {\n    return {\n      'aria-label': label,\n    };\n  }\n\n  if (id) {\n    return {\n      'aria-labelledby': id,\n    };\n  }\n\n  if (fallbackId) {\n    return {\n      'aria-labelledby': fallbackId,\n    };\n  }\n};\n\nexport interface ErrorAriaProps {\n  error?: boolean;\n  'aria-describedby'?: string;\n  errorText?: string;\n  errorTextId?: string;\n}\n\n/**\n * Get IDs to be used with aria-describedby in form components like <Input />\n * @param props Props from form component\n * @param errorTextUuid Unique ID of the form component's error text\n * @returns Element IDs or undefined if there is no aria-description\n */\nexport const getAriaDescribedBy = (props: ErrorAriaProps, errorTextUuid: string): string | undefined => {\n  const ariaDescribedBy: string | undefined = props['aria-describedby'];\n  const hasErrorText: boolean = !!(props.errorText || (props.error && props.errorTextId));\n  const errorTextId: string | undefined = hasErrorText ? errorTextUuid : undefined;\n\n  if (ariaDescribedBy && !errorTextId) {\n    return ariaDescribedBy;\n  } else if (!ariaDescribedBy && errorTextId) {\n    return errorTextId;\n  } else if (ariaDescribedBy && errorTextId) {\n    return ariaDescribedBy + ' ' + errorTextId;\n  }\n};\n"],"names":[],"mappings":"AAWO,MAAM,yBAAyB,CAAC,WAAuE;AAC5G,QAAM,EAAE,OAAO,IAAI,YAAY,SAAS,SAAS;AAEjD,MAAI,MAAM,WAAW,MAAM;AACzB,WAAO;AAAA,MACL,mBAAmB;AAAA,IAAA;AAAA,EAEvB;AAEA,MAAI,OAAO;AACT,WAAO;AAAA,MACL,cAAc;AAAA,IAAA;AAAA,EAElB;AAEA,MAAI,IAAI;AACN,WAAO;AAAA,MACL,mBAAmB;AAAA,IAAA;AAAA,EAEvB;AAEA,MAAI,YAAY;AACd,WAAO;AAAA,MACL,mBAAmB;AAAA,IAAA;AAAA,EAEvB;AACF;AAeO,MAAM,qBAAqB,CAAC,OAAuB,kBAA8C;AACtG,QAAM,kBAAsC,MAAM,kBAAkB;AACpE,QAAM,eAAwB,CAAC,EAAE,MAAM,aAAc,MAAM,SAAS,MAAM;AAC1E,QAAM,cAAkC,eAAe,gBAAgB;AAEvE,MAAI,mBAAmB,CAAC,aAAa;AACnC,WAAO;AAAA,EACT,WAAW,CAAC,mBAAmB,aAAa;AAC1C,WAAO;AAAA,EACT,WAAW,mBAAmB,aAAa;AACzC,WAAO,kBAAkB,MAAM;AAAA,EACjC;AACF;"}

package/utils/component.js

@@ -1,16 +0,0 @@
-import React__default from "react";
-const isComponent = (element, type) => React__default.isValidElement(element) && element.type === type;
-const isComponentWithChildren = (element) => React__default.isValidElement(element);
-function isComponentWithDisplayName(element, displayName) {
-  if (!React__default.isValidElement(element) || typeof element.type === "string") {
-    return false;
-  }
-  const componentType = element.type;
-  return componentType.displayName === displayName;
-}
-export {
-  isComponent,
-  isComponentWithChildren,
-  isComponentWithDisplayName
-};
-//# sourceMappingURL=component.js.map

package/utils/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../src/utils/component.ts"],"sourcesContent":["import React, { PropsWithChildren } from 'react';\n\nexport const isComponent = <T>(\n  element: unknown,\n  type: React.ForwardRefExoticComponent<T> | React.FunctionComponent<T>\n): element is React.ReactElement<T> => React.isValidElement<T>(element) && (element as React.ReactElement).type === type;\n\nexport const isComponentWithChildren = <T>(element: unknown): element is React.ReactElement<PropsWithChildren<T>> =>\n  React.isValidElement<PropsWithChildren<T>>(element);\n\nexport function isComponentWithDisplayName<T>(element: React.ReactNode, displayName: string): element is React.ReactElement<T> {\n  if (!React.isValidElement(element) || typeof element.type === 'string') {\n    return false;\n  }\n\n  const componentType = element.type as React.ComponentType<T> & { displayName?: string };\n\n  return componentType.displayName === displayName;\n}\n"],"names":["React"],"mappings":";AAEO,MAAM,cAAc,CACzB,SACA,SACqCA,eAAM,eAAkB,OAAO,KAAM,QAA+B,SAAS;AAE7G,MAAM,0BAA0B,CAAI,YACzCA,eAAM,eAAqC,OAAO;AAE7C,SAAS,2BAA8B,SAA0B,aAAuD;AAC7H,MAAI,CAACA,eAAM,eAAe,OAAO,KAAK,OAAO,QAAQ,SAAS,UAAU;AACtE,WAAO;AAAA,EACT;AAEA,QAAM,gBAAgB,QAAQ;AAE9B,SAAO,cAAc,gBAAgB;AACvC;"}