@helsenorge/designsystem-react 5.2.0-beta.0 → 6.0.0-beta.9

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [5.2.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv5.1.4&targetVersion=GTv5.2.0) (2023-11-02)
+
+### Bug Fixes
+
+- eksporter StepProps ([eb90925](https://github.com/helsenorge/designsystem/commit/eb90925e0eeb25da6bab1bed83765399b9a0c540)), closes
+  [#310680](https://github.com/helsenorge/designsystem/issues/310680)
+
 ## [5.1.4](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv5.1.3&targetVersion=GTv5.1.4) (2023-11-01)
 
 ### Bug Fixes

package/__mocks__/IntersectionObserver.js

@@ -1,2 +1,15 @@
-class e{observe(){}unobserve(){}disconnect(){}}Object.defineProperty(window,"IntersectionObserver",{value:e});export{e as default};
+class e {
+  observe() {
+  }
+  unobserve() {
+  }
+  disconnect() {
+  }
+}
+Object.defineProperty(window, "IntersectionObserver", {
+  value: e
+});
+export {
+  e as default
+};
 //# sourceMappingURL=IntersectionObserver.js.map

package/__mocks__/IntersectionObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntersectionObserver.js","sources":["../../src/__mocks__/IntersectionObserver.ts"],"sourcesContent":["class IntersectionObserver {\n  observe(): void {\n    // do nothing\n  }\n  unobserve(): void {\n    // do nothing\n  }\n  disconnect(): void {\n    // do nothing\n  }\n}\n\nObject.defineProperty(window, 'IntersectionObserver', {\n  value: IntersectionObserver,\n});\n\nexport default IntersectionObserver;\n"],"names":["IntersectionObserver"],"mappings":"AAAA,MAAMA,CAAqB,CACzB,SAAgB,CAEhB,CACA,WAAkB,CAElB,CACA,YAAmB,CAEnB,CACF,CAEA,OAAO,eAAe,OAAQ,uBAAwB,CACpD,MAAOA,CACT,CAAC"}
+{"version":3,"file":"IntersectionObserver.js","sources":["../../src/__mocks__/IntersectionObserver.ts"],"sourcesContent":["class IntersectionObserver {\n  observe(): void {\n    // do nothing\n  }\n  unobserve(): void {\n    // do nothing\n  }\n  disconnect(): void {\n    // do nothing\n  }\n}\n\nObject.defineProperty(window, 'IntersectionObserver', {\n  value: IntersectionObserver,\n});\n\nexport default IntersectionObserver;\n"],"names":["IntersectionObserver"],"mappings":"AAAA,MAAMA,EAAqB;AAAA,EACzB,UAAgB;AAAA,EAEhB;AAAA,EACA,YAAkB;AAAA,EAElB;AAAA,EACA,aAAmB;AAAA,EAEnB;AACF;AAEA,OAAO,eAAe,QAAQ,wBAAwB;AAAA,EACpD,OAAOA;AACT,CAAC;"}

package/__mocks__/MutationObserver.js

@@ -1,2 +1,13 @@
-class e{observe(){}disconnect(){}}Object.defineProperty(window,"MutationObserver",{value:e});export{e as default};
+class e {
+  observe() {
+  }
+  disconnect() {
+  }
+}
+Object.defineProperty(window, "MutationObserver", {
+  value: e
+});
+export {
+  e as default
+};
 //# sourceMappingURL=MutationObserver.js.map

package/__mocks__/MutationObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"MutationObserver.js","sources":["../../src/__mocks__/MutationObserver.ts"],"sourcesContent":["class MutationObserver {\n  observe(): void {\n    // do nothing\n  }\n  disconnect(): void {\n    // do nothing\n  }\n}\n\nObject.defineProperty(window, 'MutationObserver', {\n  value: MutationObserver,\n});\n\nexport default MutationObserver;\n"],"names":["MutationObserver"],"mappings":"AAAA,MAAMA,CAAiB,CACrB,SAAgB,CAEhB,CACA,YAAmB,CAEnB,CACF,CAEA,OAAO,eAAe,OAAQ,mBAAoB,CAChD,MAAOA,CACT,CAAC"}
+{"version":3,"file":"MutationObserver.js","sources":["../../src/__mocks__/MutationObserver.ts"],"sourcesContent":["class MutationObserver {\n  observe(): void {\n    // do nothing\n  }\n  disconnect(): void {\n    // do nothing\n  }\n}\n\nObject.defineProperty(window, 'MutationObserver', {\n  value: MutationObserver,\n});\n\nexport default MutationObserver;\n"],"names":["MutationObserver"],"mappings":"AAAA,MAAMA,EAAiB;AAAA,EACrB,UAAgB;AAAA,EAEhB;AAAA,EACA,aAAmB;AAAA,EAEnB;AACF;AAEA,OAAO,eAAe,QAAQ,oBAAoB;AAAA,EAChD,OAAOA;AACT,CAAC;"}

package/__mocks__/ResizeObserver.js

@@ -1,2 +1,15 @@
-class e{observe(){}unobserve(){}disconnect(){}}Object.defineProperty(window,"ResizeObserver",{value:e});export{e as default};
+class e {
+  observe() {
+  }
+  unobserve() {
+  }
+  disconnect() {
+  }
+}
+Object.defineProperty(window, "ResizeObserver", {
+  value: e
+});
+export {
+  e as default
+};
 //# sourceMappingURL=ResizeObserver.js.map

package/__mocks__/ResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeObserver.js","sources":["../../src/__mocks__/ResizeObserver.ts"],"sourcesContent":["class ResizeObserver {\n  observe() {\n    // do nothing\n  }\n  unobserve() {\n    // do nothing\n  }\n  disconnect() {\n    // do nothing\n  }\n}\n\nObject.defineProperty(window, 'ResizeObserver', {\n  value: ResizeObserver,\n});\n\nexport default ResizeObserver;\n"],"names":["ResizeObserver"],"mappings":"AAAA,MAAMA,CAAe,CACnB,SAAU,CAEV,CACA,WAAY,CAEZ,CACA,YAAa,CAEb,CACF,CAEA,OAAO,eAAe,OAAQ,iBAAkB,CAC9C,MAAOA,CACT,CAAC"}
+{"version":3,"file":"ResizeObserver.js","sources":["../../src/__mocks__/ResizeObserver.ts"],"sourcesContent":["class ResizeObserver {\n  observe() {\n    // do nothing\n  }\n  unobserve() {\n    // do nothing\n  }\n  disconnect() {\n    // do nothing\n  }\n}\n\nObject.defineProperty(window, 'ResizeObserver', {\n  value: ResizeObserver,\n});\n\nexport default ResizeObserver;\n"],"names":["ResizeObserver"],"mappings":"AAAA,MAAMA,EAAe;AAAA,EACnB,UAAU;AAAA,EAEV;AAAA,EACA,YAAY;AAAA,EAEZ;AAAA,EACA,aAAa;AAAA,EAEb;AACF;AAEA,OAAO,eAAe,QAAQ,kBAAkB;AAAA,EAC9C,OAAOA;AACT,CAAC;"}

package/__mocks__/matchMedia.js

@@ -1,2 +1,13 @@
-const e=jest.fn().mockImplementation(t=>({matches:!0,addEventListener:jest.fn(),removeEventListener:jest.fn()}));Object.defineProperty(window,"matchMedia",{writable:!0,value:e});export{e as mockWindowMatchMedia};
+const e = jest.fn().mockImplementation((t) => ({
+  matches: !0,
+  addEventListener: jest.fn(),
+  removeEventListener: jest.fn()
+}));
+Object.defineProperty(window, "matchMedia", {
+  writable: !0,
+  value: e
+});
+export {
+  e as mockWindowMatchMedia
+};
 //# sourceMappingURL=matchMedia.js.map

package/__mocks__/matchMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"matchMedia.js","sources":["../../src/__mocks__/matchMedia.ts"],"sourcesContent":["export const mockWindowMatchMedia = jest.fn().mockImplementation((_query: string) => ({\n  matches: true,\n  addEventListener: jest.fn(),\n  removeEventListener: jest.fn(),\n}));\n\nObject.defineProperty(window, 'matchMedia', {\n  writable: true,\n  value: mockWindowMatchMedia,\n});\n"],"names":["mockWindowMatchMedia","_query"],"mappings":"AAAO,MAAMA,EAAuB,KAAK,GAAK,EAAA,mBAAoBC,IAAoB,CACpF,QAAS,GACT,iBAAkB,KAAK,GAAG,EAC1B,oBAAqB,KAAK,GAAG,CAC/B,EAAE,EAEF,OAAO,eAAe,OAAQ,aAAc,CAC1C,SAAU,GACV,MAAOD,CACT,CAAC"}
+{"version":3,"file":"matchMedia.js","sources":["../../src/__mocks__/matchMedia.ts"],"sourcesContent":["export const mockWindowMatchMedia = jest.fn().mockImplementation((_query: string) => ({\n  matches: true,\n  addEventListener: jest.fn(),\n  removeEventListener: jest.fn(),\n}));\n\nObject.defineProperty(window, 'matchMedia', {\n  writable: true,\n  value: mockWindowMatchMedia,\n});\n"],"names":["mockWindowMatchMedia","_query"],"mappings":"AAAO,MAAMA,IAAuB,KAAK,GAAK,EAAA,mBAAmB,CAACC,OAAoB;AAAA,EACpF,SAAS;AAAA,EACT,kBAAkB,KAAK,GAAG;AAAA,EAC1B,qBAAqB,KAAK,GAAG;AAC/B,EAAE;AAEF,OAAO,eAAe,QAAQ,cAAc;AAAA,EAC1C,UAAU;AAAA,EACV,OAAOD;AACT,CAAC;"}

package/__mocks__/useHover.js

@@ -1,2 +1,4 @@
-jest.mock("../hooks/useHover",()=>({useHover:jest.fn().mockImplementation(e=>({hoverRef:e||{current:void 0},isHovered:!1}))}));
+jest.mock("../hooks/useHover", () => ({
+  useHover: jest.fn().mockImplementation((e) => ({ hoverRef: e || { current: void 0 }, isHovered: !1 }))
+}));
 //# sourceMappingURL=useHover.js.map

package/__mocks__/useHover.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHover.js","sources":["../../src/__mocks__/useHover.ts"],"sourcesContent":["jest.mock('../hooks/useHover', () => ({\n  useHover: jest.fn().mockImplementation(ref => {\n    return { hoverRef: ref || { current: undefined }, isHovered: false };\n  }),\n}));\n\nexport {};\n"],"names":["ref"],"mappings":"AAAA,KAAK,KAAK,oBAAqB,KAAO,CACpC,SAAU,KAAK,GAAG,EAAE,mBAA0BA,IACrC,CAAE,SAAUA,GAAO,CAAE,QAAS,MAAU,EAAG,UAAW,IAC9D,CACH,EAAE"}
+{"version":3,"file":"useHover.js","sources":["../../src/__mocks__/useHover.ts"],"sourcesContent":["jest.mock('../hooks/useHover', () => ({\n  useHover: jest.fn().mockImplementation(ref => {\n    return { hoverRef: ref || { current: undefined }, isHovered: false };\n  }),\n}));\n\nexport {};\n"],"names":["ref"],"mappings":"AAAA,KAAK,KAAK,qBAAqB,OAAO;AAAA,EACpC,UAAU,KAAK,GAAG,EAAE,mBAAmB,CAAOA,OACrC,EAAE,UAAUA,KAAO,EAAE,SAAS,OAAU,GAAG,WAAW,KAC9D;AACH,EAAE;"}

package/__mocks__/useLayoutEvent.js

@@ -1,2 +1,4 @@
-jest.mock("../hooks/useLayoutEvent",()=>({useLayoutEvent:jest.fn()}));
+jest.mock("../hooks/useLayoutEvent", () => ({
+  useLayoutEvent: jest.fn()
+}));
 //# sourceMappingURL=useLayoutEvent.js.map

package/__mocks__/useLayoutEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLayoutEvent.js","sources":["../../src/__mocks__/useLayoutEvent.ts"],"sourcesContent":["jest.mock('../hooks/useLayoutEvent', () => ({\n  useLayoutEvent: jest.fn(),\n}));\n\nexport {};\n"],"names":[],"mappings":"AAAA,KAAK,KAAK,0BAA2B,KAAO,CAC1C,eAAgB,KAAK,GAAG,CAC1B,EAAE"}
+{"version":3,"file":"useLayoutEvent.js","sources":["../../src/__mocks__/useLayoutEvent.ts"],"sourcesContent":["jest.mock('../hooks/useLayoutEvent', () => ({\n  useLayoutEvent: jest.fn(),\n}));\n\nexport {};\n"],"names":[],"mappings":"AAAA,KAAK,KAAK,2BAA2B,OAAO;AAAA,EAC1C,gBAAgB,KAAK,GAAG;AAC1B,EAAE;"}

package/__mocks__/useOutsideEvent.js

@@ -1,2 +1,4 @@
-jest.mock("../hooks/useOutsideEvent",()=>({useOutsideEvent:jest.fn()}));
+jest.mock("../hooks/useOutsideEvent", () => ({
+  useOutsideEvent: jest.fn()
+}));
 //# sourceMappingURL=useOutsideEvent.js.map

package/__mocks__/useOutsideEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOutsideEvent.js","sources":["../../src/__mocks__/useOutsideEvent.ts"],"sourcesContent":["jest.mock('../hooks/useOutsideEvent', () => ({\n  useOutsideEvent: jest.fn(),\n}));\n\nexport {};\n"],"names":[],"mappings":"AAAA,KAAK,KAAK,2BAA4B,KAAO,CAC3C,gBAAiB,KAAK,GAAG,CAC3B,EAAE"}
+{"version":3,"file":"useOutsideEvent.js","sources":["../../src/__mocks__/useOutsideEvent.ts"],"sourcesContent":["jest.mock('../hooks/useOutsideEvent', () => ({\n  useOutsideEvent: jest.fn(),\n}));\n\nexport {};\n"],"names":[],"mappings":"AAAA,KAAK,KAAK,4BAA4B,OAAO;AAAA,EAC3C,iBAAiB,KAAK,GAAG;AAC3B,EAAE;"}

package/__mocks__/useSize.js

@@ -1,2 +1,4 @@
-jest.mock("../hooks/useSize",()=>({useSize:jest.fn().mockReturnValue(void 0)}));
+jest.mock("../hooks/useSize", () => ({
+  useSize: jest.fn().mockReturnValue(void 0)
+}));
 //# sourceMappingURL=useSize.js.map

package/__mocks__/useSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSize.js","sources":["../../src/__mocks__/useSize.ts"],"sourcesContent":["jest.mock('../hooks/useSize', () => ({\n  useSize: jest.fn().mockReturnValue(undefined),\n}));\n\nexport {};\n"],"names":[],"mappings":"AAAA,KAAK,KAAK,mBAAoB,KAAO,CACnC,QAAS,KAAK,GAAG,EAAE,gBAAgB,MAAS,CAC9C,EAAE"}
+{"version":3,"file":"useSize.js","sources":["../../src/__mocks__/useSize.ts"],"sourcesContent":["jest.mock('../hooks/useSize', () => ({\n  useSize: jest.fn().mockReturnValue(undefined),\n}));\n\nexport {};\n"],"names":[],"mappings":"AAAA,KAAK,KAAK,oBAAoB,OAAO;AAAA,EACnC,SAAS,KAAK,GAAG,EAAE,gBAAgB,MAAS;AAC9C,EAAE;"}

package/__mocks__/uuid.js

@@ -1,2 +1,6 @@
-import{a as i}from"../uuid.js";import"../utils/environment.js";const t={id:0};jest.spyOn(i,"uuid").mockImplementation(()=>(t.id++,`testid-${t.id}`));
+import * as i from "../utils/uuid.js";
+const t = {
+  id: 0
+};
+jest.spyOn(i, "uuid").mockImplementation(() => (t.id++, `testid-${t.id}`));
 //# sourceMappingURL=uuid.js.map

package/__mocks__/uuid.js.map

@@ -1 +1 @@
-{"version":3,"file":"uuid.js","sources":["../../src/__mocks__/uuid.ts"],"sourcesContent":["import * as uuidUtils from '../utils/uuid';\n\nconst testId = {\n  id: 0,\n};\n\n/**\n * Returnerer en unik, forutsigbar id hver gang uuid() kalles\n */\njest.spyOn(uuidUtils, 'uuid').mockImplementation(() => {\n  testId.id++;\n  return `testid-${testId.id}`;\n});\n"],"names":["testId","uuidUtils"],"mappings":"+DAEA,MAAMA,EAAS,CACb,GAAI,CACN,EAKA,KAAK,MAAMC,EAAW,MAAM,EAAE,mBAAmB,KACxCD,EAAA,KACA,UAAUA,EAAO,EAAE,GAC3B"}
+{"version":3,"file":"uuid.js","sources":["../../src/__mocks__/uuid.ts"],"sourcesContent":["import * as uuidUtils from '../utils/uuid';\n\nconst testId = {\n  id: 0,\n};\n\n/**\n * Returnerer en unik, forutsigbar id hver gang uuid() kalles\n */\njest.spyOn(uuidUtils, 'uuid').mockImplementation(() => {\n  testId.id++;\n  return `testid-${testId.id}`;\n});\n"],"names":["testId","uuidUtils"],"mappings":";AAEA,MAAMA,IAAS;AAAA,EACb,IAAI;AACN;AAKA,KAAK,MAAMC,GAAW,MAAM,EAAE,mBAAmB,OACxCD,EAAA,MACA,UAAUA,EAAO,EAAE,GAC3B;"}

package/_virtual/dynamic-import-helper.js

@@ -0,0 +1,10 @@
+const i = (r, n) => {
+  const e = r[n];
+  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((t, o) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(o.bind(null, new Error("Unknown variable dynamic import: " + n)));
+  });
+};
+export {
+  i as default
+};
+//# sourceMappingURL=dynamic-import-helper.js.map

package/_virtual/dynamic-import-helper.js.map

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

package/components/AnchorLink/AnchorLink.js

@@ -0,0 +1,53 @@
+import e from "react";
+import v from "classnames";
+import { AnalyticsId as y, IconSize as A } from "../../constants.js";
+import { useHover as E } from "../../hooks/useHover.js";
+import { getColor as m } from "../../theme/currys/color.js";
+import { Icon as N } from "../Icon/Icon.js";
+import C from "../Icons/ArrowUpRight.js";
+import r from "./styles.module.scss";
+const I = e.forwardRef((i, f) => {
+  const { id: p, href: h, children: d, className: u, target: o = "_self", htmlMarkup: t = "a", onClick: k, testId: b } = i, n = o === "_blank", { hoverRef: a, isHovered: g } = E(
+    f
+  ), c = v(r.anchorlink, u), l = {
+    id: p,
+    "data-testid": b,
+    "data-analyticsid": y.AnchorLink,
+    onClick: k
+  }, s = () => /* @__PURE__ */ e.createElement(e.Fragment, null, d, n && /* @__PURE__ */ e.createElement(
+    N,
+    {
+      className: r.anchorlink__icon,
+      svgIcon: C,
+      color: m("blueberry", 600),
+      hoverColor: m("blueberry", 700),
+      size: A.XSmall,
+      isHovered: g
+    }
+  ));
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, t === "a" && /* @__PURE__ */ e.createElement(
+    "a",
+    {
+      href: h,
+      target: o,
+      className: c,
+      rel: n ? "noopener noreferrer" : void 0,
+      ref: a,
+      ...l
+    },
+    s()
+  ), t === "button" && /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      type: "button",
+      className: r["anchorlink-wrapper"],
+      ref: a,
+      ...l
+    },
+    /* @__PURE__ */ e.createElement("span", { className: c }, s())
+  ));
+}), H = I;
+export {
+  H as default
+};
+//# sourceMappingURL=AnchorLink.js.map

package/components/AnchorLink/AnchorLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnchorLink.js","sources":["../../../src/components/AnchorLink/AnchorLink.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { useHover } from '../../hooks/useHover';\nimport { getColor } from '../../theme/currys';\nimport Icon, { IconSize } from '../Icon';\nimport ArrowUpRight from '../Icons/ArrowUpRight';\n\nimport AnchorLinkStyles from './styles.module.scss';\n\nexport type AnchorLinkTargets = '_self' | '_blank' | '_parent';\n\nexport type AnchorLinkTags = 'a' | 'button';\n\ninterface AnchorLinkProps {\n  /** Sets the content of the <a> tag */\n  children: React.ReactNode;\n  /** URL to link to */\n  href?: string;\n  /** Gives a unique id to the anchor-link :) */\n  id?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the target type of the <a> tag. _blank adds an arrow icon at the end of the link */\n  target?: AnchorLinkTargets;\n  /** HTML markup for anchor link. Default: a */\n  htmlMarkup?: AnchorLinkTags;\n  /** Function that is called when clicked */\n  onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent> | React.FormEvent<{}> | React.KeyboardEvent<HTMLUListElement> | null) => void;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst AnchorLink = React.forwardRef<HTMLAnchorElement | HTMLButtonElement, AnchorLinkProps>((props, ref) => {\n  const { id, href, children, className, target = '_self', htmlMarkup = 'a', onClick, testId } = props;\n  const external = target === '_blank';\n  const { hoverRef, isHovered } = useHover<HTMLButtonElement | HTMLAnchorElement>(\n    ref as React.RefObject<HTMLButtonElement | HTMLAnchorElement>\n  );\n  const anchorClasses = classNames(AnchorLinkStyles.anchorlink, className);\n\n  const commonProps = {\n    id,\n    ['data-testid']: testId,\n    ['data-analyticsid']: AnalyticsId.AnchorLink,\n    onClick,\n  };\n\n  const renderContent = () => (\n    <>\n      {children}\n      {external && (\n        <Icon\n          className={AnchorLinkStyles.anchorlink__icon}\n          svgIcon={ArrowUpRight}\n          color={getColor('blueberry', 600)}\n          hoverColor={getColor('blueberry', 700)}\n          size={IconSize.XSmall}\n          isHovered={isHovered}\n        />\n      )}\n    </>\n  );\n\n  return (\n    <>\n      {htmlMarkup === 'a' && (\n        <a\n          href={href}\n          target={target}\n          className={anchorClasses}\n          rel={external ? 'noopener noreferrer' : undefined}\n          ref={hoverRef as React.RefObject<HTMLAnchorElement>}\n          {...commonProps}\n        >\n          {renderContent()}\n        </a>\n      )}\n      {htmlMarkup === 'button' && (\n        <button\n          type=\"button\"\n          className={AnchorLinkStyles['anchorlink-wrapper']}\n          ref={hoverRef as React.RefObject<HTMLButtonElement>}\n          {...commonProps}\n        >\n          <span className={anchorClasses}>{renderContent()}</span>\n        </button>\n      )}\n    </>\n  );\n});\n\nexport default AnchorLink;\n"],"names":["AnchorLink","React","props","ref","id","href","children","className","target","htmlMarkup","onClick","testId","external","hoverRef","isHovered","useHover","anchorClasses","classNames","AnchorLinkStyles","commonProps","AnalyticsId","renderContent","Icon","ArrowUpRight","getColor","IconSize","AnchorLink$1"],"mappings":";;;;;;;;AAmCA,MAAMA,IAAaC,EAAM,WAAmE,CAACC,GAAOC,MAAQ;AACpG,QAAA,EAAE,IAAAC,GAAI,MAAAC,GAAM,UAAAC,GAAU,WAAAC,GAAW,QAAAC,IAAS,SAAS,YAAAC,IAAa,KAAK,SAAAC,GAAS,QAAAC,EAAA,IAAWT,GACzFU,IAAWJ,MAAW,UACtB,EAAE,UAAAK,GAAU,WAAAC,EAAA,IAAcC;AAAA,IAC9BZ;AAAA,EAAA,GAEIa,IAAgBC,EAAWC,EAAiB,YAAYX,CAAS,GAEjEY,IAAc;AAAA,IAClB,IAAAf;AAAA,IACC,eAAgBO;AAAA,IAChB,oBAAqBS,EAAY;AAAA,IAClC,SAAAV;AAAA,EAAA,GAGIW,IAAgB,MAEjB,gBAAApB,EAAA,cAAAA,EAAA,UAAA,MAAAK,GACAM,KACC,gBAAAX,EAAA;AAAA,IAACqB;AAAA,IAAA;AAAA,MACC,WAAWJ,EAAiB;AAAA,MAC5B,SAASK;AAAA,MACT,OAAOC,EAAS,aAAa,GAAG;AAAA,MAChC,YAAYA,EAAS,aAAa,GAAG;AAAA,MACrC,MAAMC,EAAS;AAAA,MACf,WAAAX;AAAA,IAAA;AAAA,EAAA,CAGN;AAIA,SAAA,gBAAAb,EAAA,cAAAA,EAAA,UAAA,MACGQ,MAAe,OACd,gBAAAR,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAI;AAAA,MACA,QAAAG;AAAA,MACA,WAAWQ;AAAA,MACX,KAAKJ,IAAW,wBAAwB;AAAA,MACxC,KAAKC;AAAA,MACJ,GAAGM;AAAA,IAAA;AAAA,IAEHE,EAAc;AAAA,EAAA,GAGlBZ,MAAe,YACd,gBAAAR,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWiB,EAAiB,oBAAoB;AAAA,MAChD,KAAKL;AAAA,MACJ,GAAGM;AAAA,IAAA;AAAA,IAEH,gBAAAlB,EAAA,cAAA,QAAA,EAAK,WAAWe,EAAA,GAAgBK,GAAgB;AAAA,EAAA,CAGvD;AAEJ,CAAC,GAEDK,IAAe1B;"}

package/components/AnchorLink/index.js

@@ -1,2 +1,5 @@
-import{A as r}from"../../AnchorLink.js";import"react";import"classnames";import"../../constants.js";import"../../hooks/useHover.js";import"../../hooks/usePseudoClasses.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/grid.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../Icons/Icon.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../Icons/ArrowUpRight.js";import"./styles.module.scss";export{r as default};
+import r from "./AnchorLink.js";
+export {
+  r as default
+};
 //# sourceMappingURL=index.js.map

package/components/AnchorLink/index.js.map

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

package/components/Avatar/Avatar.js

@@ -0,0 +1,33 @@
+import r from "react";
+import p from "classnames";
+import { AnalyticsId as v, IconSize as u } from "../../constants.js";
+import { palette as o } from "../../theme/palette.js";
+import { Icon as b } from "../Icon/Icon.js";
+import x from "../Icons/Check.js";
+import a from "./styles.module.scss";
+var A = /* @__PURE__ */ ((t) => (t.xsmall = "xsmall", t.small = "small", t))(A || {});
+const I = r.forwardRef(function(c, n) {
+  const { children: e, className: i = "", selected: l = !1, variant: s = "normal", size: m = "small", testId: d } = c, f = e.charAt(0).toLocaleUpperCase() + e.substring(1, 2);
+  return /* @__PURE__ */ r.createElement(
+    "span",
+    {
+      className: p(
+        a.avatar,
+        l && a["avatar--selected"],
+        s === "black" && a["avatar--black"],
+        m === "xsmall" && a["avatar--xsmall"],
+        m === "small" && a["avatar--small"],
+        i
+      ),
+      ref: n,
+      "data-testid": d,
+      "data-analyticsid": v.Avatar
+    },
+    l ? /* @__PURE__ */ r.createElement(b, { svgIcon: x, size: u.Small, color: s === "black" ? o.neutral900 : o.blueberry600 }) : f
+  );
+}), z = I;
+export {
+  A as AvatarSize,
+  z as default
+};
+//# sourceMappingURL=Avatar.js.map

package/components/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { palette } from '../../theme/palette';\nimport Icon, { IconSize } from '../Icon';\nimport Check from '../Icons/Check';\n\nimport styles from './styles.module.scss';\n\nexport enum AvatarSize {\n  xsmall = 'xsmall',\n  small = 'small',\n}\n\nexport interface AvatarProps {\n  /** Name to display in the avatar. Will be truncated to the first two characters. */\n  children: string;\n  /** Displays a check icon to indicated the selected state. */\n  selected?: boolean;\n  /** background and color will be determined on variant. */\n  variant?: 'normal' | 'black';\n  /** Avatar size. Default: small */\n  size?: keyof typeof AvatarSize;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\nexport type AvatarType = React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLElement>>;\nconst Avatar: AvatarType = React.forwardRef(function AvatarForwardedRef(props: AvatarProps, ref: React.ForwardedRef<HTMLElement>) {\n  const { children, className = '', selected = false, variant = 'normal', size = AvatarSize.small, testId } = props;\n  const truncatedName = children.charAt(0).toLocaleUpperCase() + children.substring(1, 2);\n  return (\n    <span\n      className={cn(\n        styles.avatar,\n        selected && styles['avatar--selected'],\n        variant === 'black' && styles['avatar--black'],\n        size === AvatarSize.xsmall && styles['avatar--xsmall'],\n        size === AvatarSize.small && styles['avatar--small'],\n        className\n      )}\n      ref={ref}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.Avatar}\n    >\n      {selected ? (\n        <Icon svgIcon={Check} size={IconSize.Small} color={variant === 'black' ? palette.neutral900 : palette.blueberry600} />\n      ) : (\n        truncatedName\n      )}\n    </span>\n  );\n});\n\nexport default Avatar;\n"],"names":["AvatarSize","Avatar","React","props","ref","children","className","selected","variant","size","testId","truncatedName","cn","styles","AnalyticsId","Icon","Check","IconSize","palette","Avatar$1"],"mappings":";;;;;;;AAWY,IAAAA,sBAAAA,OACVA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAFEA,IAAAA,KAAA,CAAA,CAAA;AAoBZ,MAAMC,IAAqBC,EAAM,WAAW,SAA4BC,GAAoBC,GAAsC;AAC1H,QAAA,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,UAAAC,IAAW,IAAO,SAAAC,IAAU,UAAU,MAAAC,IAAO,SAAkB,QAAAC,EAAA,IAAWP,GACtGQ,IAAgBN,EAAS,OAAO,CAAC,EAAE,kBAAsB,IAAAA,EAAS,UAAU,GAAG,CAAC;AAEpF,SAAA,gBAAAH,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWU;AAAAA,QACTC,EAAO;AAAA,QACPN,KAAYM,EAAO,kBAAkB;AAAA,QACrCL,MAAY,WAAWK,EAAO,eAAe;AAAA,QAC7CJ,MAAS,YAAqBI,EAAO,gBAAgB;AAAA,QACrDJ,MAAS,WAAoBI,EAAO,eAAe;AAAA,QACnDP;AAAA,MACF;AAAA,MACA,KAAAF;AAAA,MACA,eAAaM;AAAA,MACb,oBAAkBI,EAAY;AAAA,IAAA;AAAA,IAE7BP,IACC,gBAAAL,EAAA,cAACa,GAAK,EAAA,SAASC,GAAO,MAAMC,EAAS,OAAO,OAAOT,MAAY,UAAUU,EAAQ,aAAaA,EAAQ,aAAc,CAAA,IAEpHP;AAAA,EAAA;AAIR,CAAC,GAEDQ,IAAelB;"}

package/components/Avatar/index.js

@@ -1,2 +1,7 @@
-import{A as t}from"../../Avatar.js";import{a as l}from"../../Avatar.js";import"react";import"classnames";import"../../constants.js";import"../../theme/palette.js";import"../Icons/Icon.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../Icons/Check.js";import"./styles.module.scss";export{l as AvatarSize,t as default};
+import a from "./Avatar.js";
+import { AvatarSize as e } from "./Avatar.js";
+export {
+  e as AvatarSize,
+  a as default
+};
 //# sourceMappingURL=index.js.map

package/components/Avatar/index.js.map

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

package/components/Badge/Badge.js

@@ -0,0 +1,25 @@
+import r from "react";
+import n from "classnames";
+import { AnalyticsId as o } from "../../constants.js";
+import a from "./styles.module.scss";
+const i = r.forwardRef(function(t, d) {
+  const { children: s, className: b = "", color: e = "black", testId: l } = t, c = n(
+    a.badge,
+    {
+      [a["badge--black"]]: e === "black",
+      [a["badge--white"]]: e === "white",
+      [a["badge--blueberry"]]: e === "blueberry",
+      [a["badge--banana"]]: e === "banana",
+      [a["badge--cherry"]]: e === "cherry",
+      [a["badge--kiwi"]]: e === "kiwi",
+      [a["badge--neutral"]]: e === "neutral",
+      [a["badge--plum"]]: e === "plum"
+    },
+    b
+  );
+  return /* @__PURE__ */ r.createElement("span", { className: c, ref: d, "data-testid": l, "data-analyticsid": o.Badge }, s);
+}), y = i;
+export {
+  y as default
+};
+//# sourceMappingURL=Badge.js.map

package/components/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { PaletteNames } from '../../theme/palette';\n\nimport badgeStyles from './styles.module.scss';\n\nexport type BadgeColors = PaletteNames;\nexport type BadgeChildren = string | number;\n\nexport interface BadgeProps {\n  /** Sets the content of the badge. */\n  children: BadgeChildren;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Changes the badge background color. */\n  color?: BadgeColors;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\nexport type BadgeType = React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLElement>>;\nconst Badge: BadgeType = React.forwardRef(function BadgeForwardedRef(props: BadgeProps, ref: React.ForwardedRef<HTMLElement>) {\n  const { children, className = '', color = 'black', testId } = props;\n  const badgeClasses = classNames(\n    badgeStyles.badge,\n    {\n      [badgeStyles['badge--black']]: color === 'black',\n      [badgeStyles['badge--white']]: color === 'white',\n      [badgeStyles['badge--blueberry']]: color === 'blueberry',\n      [badgeStyles['badge--banana']]: color === 'banana',\n      [badgeStyles['badge--cherry']]: color === 'cherry',\n      [badgeStyles['badge--kiwi']]: color === 'kiwi',\n      [badgeStyles['badge--neutral']]: color === 'neutral',\n      [badgeStyles['badge--plum']]: color === 'plum',\n    },\n    className\n  );\n\n  return (\n    <span className={badgeClasses} ref={ref} data-testid={testId} data-analyticsid={AnalyticsId.Badge}>\n      {children}\n    </span>\n  );\n});\n\nexport default Badge;\n"],"names":["Badge","React","props","ref","children","className","color","testId","badgeClasses","classNames","badgeStyles","AnalyticsId","Badge$1"],"mappings":";;;;AAuBA,MAAMA,IAAmBC,EAAM,WAAW,SAA2BC,GAAmBC,GAAsC;AAC5H,QAAM,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,OAAAC,IAAQ,SAAS,QAAAC,EAAW,IAAAL,GACxDM,IAAeC;AAAA,IACnBC,EAAY;AAAA,IACZ;AAAA,MACE,CAACA,EAAY,cAAc,CAAC,GAAGJ,MAAU;AAAA,MACzC,CAACI,EAAY,cAAc,CAAC,GAAGJ,MAAU;AAAA,MACzC,CAACI,EAAY,kBAAkB,CAAC,GAAGJ,MAAU;AAAA,MAC7C,CAACI,EAAY,eAAe,CAAC,GAAGJ,MAAU;AAAA,MAC1C,CAACI,EAAY,eAAe,CAAC,GAAGJ,MAAU;AAAA,MAC1C,CAACI,EAAY,aAAa,CAAC,GAAGJ,MAAU;AAAA,MACxC,CAACI,EAAY,gBAAgB,CAAC,GAAGJ,MAAU;AAAA,MAC3C,CAACI,EAAY,aAAa,CAAC,GAAGJ,MAAU;AAAA,IAC1C;AAAA,IACAD;AAAA,EAAA;AAIA,SAAA,gBAAAJ,EAAA,cAAC,QAAK,EAAA,WAAWO,GAAc,KAAAL,GAAU,eAAaI,GAAQ,oBAAkBI,EAAY,MAAA,GACzFP,CACH;AAEJ,CAAC,GAEDQ,IAAeZ;"}

package/components/Badge/index.js

@@ -1,2 +1,5 @@
-import{B as r}from"../../Badge.js";import"react";import"classnames";import"../../constants.js";import"./styles.module.scss";export{r as default};
+import e from "./Badge.js";
+export {
+  e as default
+};
 //# sourceMappingURL=index.js.map

package/components/Badge/index.js.map

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

package/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAKjE,OAAO,EAAE,eAAe,EAAE,eAAe,EAAe,MAAM,iBAAiB,CAAC;AAYhF,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,aAAa,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,CAAC;AAC9D,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC5C,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC9C,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,GAAG,CAAC;AAExC,MAAM,WAAW,WAAY,SAAQ,eAAe,EAAE,eAAe,EAAE,cAAc;IACnF,mFAAmF;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iGAAiG;IACjG,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oDAAoD;IACpD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACvI,uGAAuG;IACvG,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uDAAuD;IACvD,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,IAAI,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;CAC9D;AAkCD,QAAA,MAAM,MAAM,2GAkKV,CAAC;AAEH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAKjE,OAAO,EAAE,eAAe,EAAE,eAAe,EAAe,MAAM,iBAAiB,CAAC;AAYhF,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,aAAa,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,CAAC;AAC9D,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC5C,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC9C,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,GAAG,CAAC;AAExC,MAAM,WAAW,WAAY,SAAQ,eAAe,EAAE,eAAe,EAAE,cAAc;IACnF,mFAAmF;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iGAAiG;IACjG,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oDAAoD;IACpD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACvI,uGAAuG;IACvG,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uDAAuD;IACvD,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,IAAI,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;CAC9D;AAkCD,QAAA,MAAM,MAAM,2GA+JV,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/components/Button/Button.js

@@ -0,0 +1,113 @@
+import o, { useRef as st, useEffect as lt } from "react";
+import w from "classnames";
+import { Icon as it } from "../Icon/Icon.js";
+import { AnalyticsId as U, IconSize as v } from "../../constants.js";
+import { useBreakpoint as ct } from "../../hooks/useBreakpoint.js";
+import { useHover as V } from "../../hooks/useHover.js";
+import { useIcons as ut } from "../../hooks/useIcons.js";
+import { useSize as mt } from "../../hooks/useSize.js";
+import { getColor as i } from "../../theme/currys/color.js";
+import { breakpoints as dt } from "../../theme/grid.js";
+import { isTest as pt, isProd as bt } from "../../utils/environment.js";
+import ft from "../Icons/ArrowRight.js";
+import t from "./styles.module.scss";
+const ht = (e, r, a, d, s, C) => C && a ? !s || e ? i("neutral", r ? 500 : 700) : i("white") : a ? !s || e ? i("neutral", 500) : `${i("white")}b3` : e && !s || !e && s ? "white" : d === "normal" ? i("blueberry", 600) : i("cherry", 500), N = (e, r) => r && e ? v.Small : e ? v.Medium : v.XSmall, gt = (e, r, a) => {
+  if (a && e && (r === void 0 || r === ""))
+    throw new Error("Fyll inn ariaLabel prop på Button uten tekst for å opprettholde UU krav");
+}, wt = o.forwardRef(function(r, a) {
+  const {
+    ariaLabel: d,
+    id: s,
+    children: C,
+    wrapperClassName: q,
+    className: D,
+    arrow: B = !1,
+    concept: R = "normal",
+    disabled: p = !1,
+    ellipsis: S = !1,
+    fluid: O = !1,
+    htmlMarkup: I = "button",
+    mode: X = "onlight",
+    onClick: z,
+    size: j = "medium",
+    variant: y = "fill",
+    href: G,
+    tabIndex: M,
+    testId: x,
+    target: A,
+    type: J = "button",
+    ...E
+  } = r, [b, f, F] = ut(o.Children.toArray(C)), { hoverRef: W, isHovered: K } = I === "button" ? V(a) : V(a), $ = st(null), c = mt($), l = !!(b || f) && !F, Q = b && (f || B) && !l, _ = X === "ondark", h = ct() < dt.md, H = R === "destructive" && !p, Y = y === "outline", u = y === "borderless", Z = ht(y === "fill", u, p, R, _, h), L = B && !u, m = j === "large" && !H && !u, tt = { ...E }, P = w(
+    t["button-wrapper"],
+    { [t["button-wrapper--fluid"]]: O || S },
+    q
+  ), ot = w(
+    t.button,
+    {
+      [t["button--destructive"]]: H,
+      [t["button--normal"]]: !m,
+      [t["button--large"]]: m,
+      [t["button--outline"]]: Y,
+      [t["button--borderless"]]: u,
+      [t["button--left-icon"]]: b && !l,
+      [t["button--right-icon"]]: f && !l,
+      [t["button--both-icons"]]: Q,
+      [t["button--only-icon"]]: l,
+      [t["button--arrow"]]: L,
+      [t["button--on-dark"]]: _
+    },
+    D
+  ), et = w(t.button__text, {
+    [t["button__text--ellipsis"]]: S
+  }), rt = w(t.diagonal, {
+    [t["diagonal--on-dark"]]: _
+  });
+  lt(() => {
+    gt(l, d, !pt() && !bt());
+  }, []);
+  const k = (n, g, at) => n ? o.cloneElement(n, {
+    size: g,
+    color: n != null && n.props.color ? n.props.color : Z,
+    isHovered: K,
+    className: at
+  }) : null, nt = () => {
+    let n, g;
+    return c && (n = Math.atan2(c.height, c.width), g = Math.sqrt(Math.pow(c.width, 2) + Math.pow(c.height, 2))), /* @__PURE__ */ o.createElement("span", { className: et, ref: $ }, p && u && /* @__PURE__ */ o.createElement("span", { className: rt }, /* @__PURE__ */ o.createElement("span", { style: { transform: `rotate(${n}rad)`, width: g }, className: t.diagonal__line })), /* @__PURE__ */ o.createElement("span", null, l ? d : F));
+  }, T = () => /* @__PURE__ */ o.createElement("span", { className: ot }, k(b, N(m, h), l ? void 0 : t["button__left-icon"]), nt(), L ? k(/* @__PURE__ */ o.createElement(it, { svgIcon: ft }), N(m, h), t.button__arrow) : k(f, N(m, h), t["button__right-icon"]));
+  return /* @__PURE__ */ o.createElement(o.Fragment, null, I === "button" && /* @__PURE__ */ o.createElement(
+    "button",
+    {
+      id: s,
+      onClick: z,
+      disabled: p,
+      "data-testid": x,
+      "data-analyticsid": U.Button,
+      className: P,
+      ref: W,
+      tabIndex: M,
+      type: J,
+      ...tt
+    },
+    T()
+  ), I === "a" && /* @__PURE__ */ o.createElement(
+    "a",
+    {
+      id: s,
+      onClick: z,
+      "data-testid": x,
+      "data-analyticsid": U.Button,
+      className: P,
+      href: G,
+      target: A,
+      rel: A === "_blank" ? "noopener noreferrer" : r.rel,
+      ref: W,
+      tabIndex: M,
+      ...E
+    },
+    T()
+  ));
+}), Et = wt;
+export {
+  Et as default
+};
+//# sourceMappingURL=Button.js.map

package/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { AriaAttributes, useEffect, useRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport Icon, { IconSize } from './../Icon';\nimport { HTMLButtonProps, HTMLAnchorProps, AnalyticsId } from '../../constants';\nimport { useBreakpoint } from '../../hooks/useBreakpoint';\nimport { useHover } from '../../hooks/useHover';\nimport { BaseIconElement, useIcons } from '../../hooks/useIcons';\nimport { useSize } from '../../hooks/useSize';\nimport { getColor } from '../../theme/currys/color';\nimport { breakpoints } from '../../theme/grid';\nimport { isTest, isProd } from '../../utils/environment';\nimport ArrowRight from '../Icons/ArrowRight';\n\nimport buttonStyles from './styles.module.scss';\n\nexport type ButtonConcept = 'normal' | 'destructive';\nexport type ButtonVariant = 'fill' | 'outline' | 'borderless';\nexport type ButtonSize = 'medium' | 'large';\nexport type ButtonMode = 'onlight' | 'ondark';\nexport type ButtonTags = 'button' | 'a';\n\nexport interface ButtonProps extends HTMLButtonProps, HTMLAnchorProps, AriaAttributes {\n  /** Sets the aria-label of the button, use when the button only includes an icon */\n  ariaLabel?: string;\n  /** Gives a unique id to the button */\n  id?: string;\n  /** Sets the content of the button. */\n  children: React.ReactNode;\n  /** Adds custom classes to the wrapper element. */\n  wrapperClassName?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Enables an arrow icon to the right inside the button (Not available in borderless variant) */\n  arrow?: boolean;\n  /** Changes the intent of the button. Mostly changes the color profile. */\n  concept?: ButtonConcept;\n  /** Disables text wrapping and enables ellipsis. */\n  ellipsis?: boolean;\n  /** Makes the button scale to full width of its parent element. */\n  fluid?: boolean;\n  /** Changes the underlying element of the button. */\n  htmlMarkup?: ButtonTags;\n  /** Changes the button colors for different backgrounds. */\n  mode?: ButtonMode;\n  /** Function that is called when clicked */\n  onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent> | React.FormEvent<{}> | React.KeyboardEvent<HTMLUListElement> | null) => void;\n  /** Changes the button colors for different backgrounds. (Large not available in borderless variant) */\n  size?: ButtonSize;\n  /** Changes the visual representation of the button. */\n  variant?: ButtonVariant;\n  /** Specifies the focus order relative to the other buttons or controls on the page  */\n  tabIndex?: number;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Button type. Default: button */\n  type?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];\n}\n\nconst getIconColor = (\n  fill: boolean,\n  borderless: boolean,\n  disabled: boolean,\n  concept: ButtonConcept,\n  ondark: boolean,\n  mobile: boolean\n): string => {\n  if (mobile && disabled) {\n    return !ondark || fill ? getColor('neutral', !borderless ? 700 : 500) : getColor('white');\n  }\n  if (disabled) {\n    return !ondark || fill ? getColor('neutral', 500) : `${getColor('white')}b3`;\n  }\n  if ((fill && !ondark) || (!fill && ondark)) {\n    return 'white';\n  }\n\n  return concept === 'normal' ? getColor('blueberry', 600) : getColor('cherry', 500);\n};\nconst getLargeIconSize = (large: boolean, mobile: boolean): IconSize => {\n  if (mobile && large) return IconSize.Small;\n  if (large) return IconSize.Medium;\n  return IconSize.XSmall;\n};\n\nconst checkOnlyIconAria = (onlyIcon: boolean, ariaLabel: string | undefined, devEnv: boolean) => {\n  if (devEnv && onlyIcon && (ariaLabel === undefined || ariaLabel === '')) {\n    throw new Error('Fyll inn ariaLabel prop på Button uten tekst for å opprettholde UU krav');\n  }\n};\n\nconst Button = React.forwardRef(function ButtonForwardedRef(\n  props: ButtonProps,\n  ref: React.ForwardedRef<HTMLButtonElement | HTMLAnchorElement>\n) {\n  const {\n    ariaLabel,\n    id,\n    children,\n    wrapperClassName,\n    className,\n    arrow = false,\n    concept = 'normal',\n    disabled = false,\n    ellipsis = false,\n    fluid = false,\n    htmlMarkup = 'button',\n    mode = 'onlight',\n    onClick,\n    size = 'medium',\n    variant = 'fill',\n    href,\n    tabIndex,\n    testId,\n    target,\n    type = 'button',\n    ...restProps\n  } = props;\n\n  const [leftIcon, rightIcon, restChildren] = useIcons(React.Children.toArray(children));\n  const { hoverRef, isHovered } =\n    htmlMarkup === 'button'\n      ? useHover<HTMLButtonElement>(ref as React.RefObject<HTMLButtonElement>)\n      : useHover<HTMLAnchorElement>(ref as React.RefObject<HTMLAnchorElement>);\n  const buttonContentRef = useRef<HTMLDivElement>(null);\n  const buttonContentSize = useSize(buttonContentRef);\n  const onlyIcon = !!(leftIcon || rightIcon) && !restChildren;\n  const bothIcons = leftIcon && (rightIcon || arrow) && !onlyIcon;\n  const onDark = mode === 'ondark';\n  const breakpoint = useBreakpoint();\n  const mobile = breakpoint < breakpoints.md;\n  const destructive = concept === 'destructive' && !disabled;\n  const outlineVariant = variant === 'outline';\n  const borderlessVariant = variant === 'borderless';\n  const iconColor = getIconColor(variant === 'fill', borderlessVariant, disabled, concept, onDark, mobile);\n  const hasArrow = arrow && !borderlessVariant;\n  const large = size === 'large' && !destructive && !borderlessVariant;\n  const rest = { ...restProps };\n\n  const buttonWrapperClasses = classNames(\n    buttonStyles['button-wrapper'],\n    { [buttonStyles['button-wrapper--fluid']]: fluid || ellipsis },\n    wrapperClassName\n  );\n  const buttonClasses = classNames(\n    buttonStyles.button,\n    {\n      [buttonStyles['button--destructive']]: destructive,\n      [buttonStyles['button--normal']]: !large,\n      [buttonStyles['button--large']]: large,\n      [buttonStyles['button--outline']]: outlineVariant,\n      [buttonStyles['button--borderless']]: borderlessVariant,\n      [buttonStyles['button--left-icon']]: leftIcon && !onlyIcon,\n      [buttonStyles['button--right-icon']]: rightIcon && !onlyIcon,\n      [buttonStyles['button--both-icons']]: bothIcons,\n      [buttonStyles['button--only-icon']]: onlyIcon,\n      [buttonStyles['button--arrow']]: hasArrow,\n      [buttonStyles['button--on-dark']]: onDark,\n    },\n    className\n  );\n  const buttonTextClasses = classNames(buttonStyles['button__text'], {\n    [buttonStyles['button__text--ellipsis']]: ellipsis,\n  });\n  const diagonalClasses = classNames(buttonStyles['diagonal'], {\n    [buttonStyles['diagonal--on-dark']]: onDark,\n  });\n\n  useEffect(() => {\n    checkOnlyIconAria(onlyIcon, ariaLabel, !isTest() && !isProd());\n  }, []);\n\n  const renderIcon = (iconElement: BaseIconElement | null, iconSize: number, iconClassName?: string): BaseIconElement | null => {\n    return iconElement\n      ? React.cloneElement(iconElement, {\n          size: iconSize,\n          color: iconElement?.props.color ? iconElement.props.color : iconColor,\n          isHovered,\n          className: iconClassName,\n        })\n      : null;\n  };\n\n  const renderButtonContent = (): JSX.Element => {\n    let angle;\n    let diagonalWidth;\n    if (buttonContentSize) {\n      angle = Math.atan2(buttonContentSize.height, buttonContentSize.width);\n      diagonalWidth = Math.sqrt(Math.pow(buttonContentSize.width, 2) + Math.pow(buttonContentSize.height, 2));\n    }\n\n    return (\n      <span className={buttonTextClasses} ref={buttonContentRef}>\n        {disabled && borderlessVariant && (\n          <span className={diagonalClasses}>\n            <span style={{ transform: `rotate(${angle}rad)`, width: diagonalWidth }} className={buttonStyles['diagonal__line']} />\n          </span>\n        )}\n        <span>{onlyIcon ? ariaLabel : restChildren}</span>\n      </span>\n    );\n  };\n\n  const renderbuttonContentWrapper = (): JSX.Element => (\n    <span className={buttonClasses}>\n      {renderIcon(leftIcon, getLargeIconSize(large, mobile), !onlyIcon ? buttonStyles['button__left-icon'] : undefined)}\n      {renderButtonContent()}\n      {hasArrow\n        ? renderIcon(<Icon svgIcon={ArrowRight} />, getLargeIconSize(large, mobile), buttonStyles['button__arrow'])\n        : renderIcon(rightIcon, getLargeIconSize(large, mobile), buttonStyles['button__right-icon'])}\n    </span>\n  );\n\n  return (\n    <>\n      {htmlMarkup === 'button' && (\n        <button\n          id={id}\n          onClick={onClick}\n          disabled={disabled}\n          data-testid={testId}\n          data-analyticsid={AnalyticsId.Button}\n          className={buttonWrapperClasses}\n          ref={hoverRef as React.ForwardedRef<HTMLButtonElement>}\n          tabIndex={tabIndex}\n          type={type}\n          {...rest}\n        >\n          {renderbuttonContentWrapper()}\n        </button>\n      )}\n      {htmlMarkup === 'a' && (\n        <a\n          id={id}\n          onClick={onClick}\n          data-testid={testId}\n          data-analyticsid={AnalyticsId.Button}\n          className={buttonWrapperClasses}\n          href={href}\n          target={target}\n          rel={target === '_blank' ? 'noopener noreferrer' : props.rel}\n          ref={hoverRef as React.ForwardedRef<HTMLAnchorElement>}\n          tabIndex={tabIndex}\n          {...restProps}\n        >\n          {renderbuttonContentWrapper()}\n        </a>\n      )}\n    </>\n  );\n});\n\nexport default Button;\n"],"names":["getIconColor","fill","borderless","disabled","concept","ondark","mobile","getColor","getLargeIconSize","large","IconSize","checkOnlyIconAria","onlyIcon","ariaLabel","devEnv","Button","React","props","ref","id","children","wrapperClassName","className","arrow","ellipsis","fluid","htmlMarkup","mode","onClick","size","variant","href","tabIndex","testId","target","type","restProps","leftIcon","rightIcon","restChildren","useIcons","hoverRef","isHovered","useHover","buttonContentRef","useRef","buttonContentSize","useSize","bothIcons","onDark","useBreakpoint","breakpoints","destructive","outlineVariant","borderlessVariant","iconColor","hasArrow","rest","buttonWrapperClasses","classNames","buttonStyles","buttonClasses","buttonTextClasses","diagonalClasses","useEffect","isTest","isProd","renderIcon","iconElement","iconSize","iconClassName","renderButtonContent","angle","diagonalWidth","renderbuttonContentWrapper","Icon","ArrowRight","AnalyticsId","Button$1"],"mappings":";;;;;;;;;;;;;AA4DA,MAAMA,KAAe,CACnBC,GACAC,GACAC,GACAC,GACAC,GACAC,MAEIA,KAAUH,IACL,CAACE,KAAUJ,IAAOM,EAAS,WAAYL,IAAmB,MAAN,GAAS,IAAIK,EAAS,OAAO,IAEtFJ,IACK,CAACE,KAAUJ,IAAOM,EAAS,WAAW,GAAG,IAAI,GAAGA,EAAS,OAAO,CAAC,OAErEN,KAAQ,CAACI,KAAY,CAACJ,KAAQI,IAC1B,UAGFD,MAAY,WAAWG,EAAS,aAAa,GAAG,IAAIA,EAAS,UAAU,GAAG,GAE7EC,IAAmB,CAACC,GAAgBH,MACpCA,KAAUG,IAAcC,EAAS,QACjCD,IAAcC,EAAS,SACpBA,EAAS,QAGZC,KAAoB,CAACC,GAAmBC,GAA+BC,MAAoB;AAC/F,MAAIA,KAAUF,MAAaC,MAAc,UAAaA,MAAc;AAC5D,UAAA,IAAI,MAAM,yEAAyE;AAE7F,GAEME,KAASC,EAAM,WAAW,SAC9BC,GACAC,GACA;AACM,QAAA;AAAA,IACJ,WAAAL;AAAA,IACA,IAAAM;AAAA,IACA,UAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,SAAAnB,IAAU;AAAA,IACV,UAAAD,IAAW;AAAA,IACX,UAAAqB,IAAW;AAAA,IACX,OAAAC,IAAQ;AAAA,IACR,YAAAC,IAAa;AAAA,IACb,MAAAC,IAAO;AAAA,IACP,SAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,SAAAC,IAAU;AAAA,IACV,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EACD,IAAAnB,GAEE,CAACoB,GAAUC,GAAWC,CAAY,IAAIC,GAASxB,EAAM,SAAS,QAAQI,CAAQ,CAAC,GAC/E,EAAE,UAAAqB,GAAU,WAAAC,EAChB,IAAAhB,MAAe,WACXiB,EAA4BzB,CAAyC,IACrEyB,EAA4BzB,CAAyC,GACrE0B,IAAmBC,GAAuB,IAAI,GAC9CC,IAAoBC,GAAQH,CAAgB,GAC5ChC,IAAW,CAAC,EAAEyB,KAAYC,MAAc,CAACC,GACzCS,IAAYX,MAAaC,KAAaf,MAAU,CAACX,GACjDqC,IAAStB,MAAS,UAElBrB,IADa4C,OACSC,GAAY,IAClCC,IAAchD,MAAY,iBAAiB,CAACD,GAC5CkD,IAAiBvB,MAAY,WAC7BwB,IAAoBxB,MAAY,cAChCyB,IAAYvD,GAAa8B,MAAY,QAAQwB,GAAmBnD,GAAUC,GAAS6C,GAAQ3C,CAAM,GACjGkD,IAAWjC,KAAS,CAAC+B,GACrB7C,IAAQoB,MAAS,WAAW,CAACuB,KAAe,CAACE,GAC7CG,KAAO,EAAE,GAAGrB,KAEZsB,IAAuBC;AAAA,IAC3BC,EAAa,gBAAgB;AAAA,IAC7B,EAAE,CAACA,EAAa,uBAAuB,CAAC,GAAGnC,KAASD,EAAS;AAAA,IAC7DH;AAAA,EAAA,GAEIwC,KAAgBF;AAAA,IACpBC,EAAa;AAAA,IACb;AAAA,MACE,CAACA,EAAa,qBAAqB,CAAC,GAAGR;AAAA,MACvC,CAACQ,EAAa,gBAAgB,CAAC,GAAG,CAACnD;AAAA,MACnC,CAACmD,EAAa,eAAe,CAAC,GAAGnD;AAAA,MACjC,CAACmD,EAAa,iBAAiB,CAAC,GAAGP;AAAA,MACnC,CAACO,EAAa,oBAAoB,CAAC,GAAGN;AAAA,MACtC,CAACM,EAAa,mBAAmB,CAAC,GAAGvB,KAAY,CAACzB;AAAA,MAClD,CAACgD,EAAa,oBAAoB,CAAC,GAAGtB,KAAa,CAAC1B;AAAA,MACpD,CAACgD,EAAa,oBAAoB,CAAC,GAAGZ;AAAA,MACtC,CAACY,EAAa,mBAAmB,CAAC,GAAGhD;AAAA,MACrC,CAACgD,EAAa,eAAe,CAAC,GAAGJ;AAAA,MACjC,CAACI,EAAa,iBAAiB,CAAC,GAAGX;AAAA,IACrC;AAAA,IACA3B;AAAA,EAAA,GAEIwC,KAAoBH,EAAWC,EAAa,cAAiB;AAAA,IACjE,CAACA,EAAa,wBAAwB,CAAC,GAAGpC;AAAA,EAAA,CAC3C,GACKuC,KAAkBJ,EAAWC,EAAa,UAAa;AAAA,IAC3D,CAACA,EAAa,mBAAmB,CAAC,GAAGX;AAAA,EAAA,CACtC;AAED,EAAAe,GAAU,MAAM;AACd,IAAArD,GAAkBC,GAAUC,GAAW,CAACoD,QAAY,CAACC,IAAQ;AAAA,EAC/D,GAAG,CAAE,CAAA;AAEL,QAAMC,IAAa,CAACC,GAAqCC,GAAkBC,OAClEF,IACHpD,EAAM,aAAaoD,GAAa;AAAA,IAC9B,MAAMC;AAAA,IACN,OAAOD,KAAA,QAAAA,EAAa,MAAM,QAAQA,EAAY,MAAM,QAAQb;AAAA,IAC5D,WAAAb;AAAA,IACA,WAAW4B;AAAA,EACZ,CAAA,IACD,MAGAC,KAAsB,MAAmB;AACzC,QAAAC,GACAC;AACJ,WAAI3B,MACF0B,IAAQ,KAAK,MAAM1B,EAAkB,QAAQA,EAAkB,KAAK,GACpE2B,IAAgB,KAAK,KAAK,KAAK,IAAI3B,EAAkB,OAAO,CAAC,IAAI,KAAK,IAAIA,EAAkB,QAAQ,CAAC,CAAC,IAIrG,gBAAA9B,EAAA,cAAA,QAAA,EAAK,WAAW8C,IAAmB,KAAKlB,EACtC,GAAAzC,KAAYmD,KACX,gBAAAtC,EAAA,cAAC,UAAK,WAAW+C,GAAA,GACd,gBAAA/C,EAAA,cAAA,QAAA,EAAK,OAAO,EAAE,WAAW,UAAUwD,CAAK,QAAQ,OAAOC,EAAc,GAAG,WAAWb,EAAa,eAAmB,CAAA,CACtH,GAED,gBAAA5C,EAAA,cAAA,QAAA,MAAMJ,IAAWC,IAAY0B,CAAa,CAC7C;AAAA,EAAA,GAIEmC,IAA6B,MAChC,gBAAA1D,EAAA,cAAA,QAAA,EAAK,WAAW6C,GACd,GAAAM,EAAW9B,GAAU7B,EAAiBC,GAAOH,CAAM,GAAIM,IAA+C,SAApCgD,EAAa,mBAAmB,CAAa,GAC/GW,MACAf,IACGW,EAAY,gBAAAnD,EAAA,cAAA2D,IAAA,EAAK,SAASC,GAAY,CAAA,GAAIpE,EAAiBC,GAAOH,CAAM,GAAGsD,EAAa,aAAgB,IACxGO,EAAW7B,GAAW9B,EAAiBC,GAAOH,CAAM,GAAGsD,EAAa,oBAAoB,CAAC,CAC/F;AAIA,SAAA,gBAAA5C,EAAA,cAAAA,EAAA,UAAA,MACGU,MAAe,YACd,gBAAAV,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAAG;AAAA,MACA,SAAAS;AAAA,MACA,UAAAzB;AAAA,MACA,eAAa8B;AAAA,MACb,oBAAkB4C,EAAY;AAAA,MAC9B,WAAWnB;AAAA,MACX,KAAKjB;AAAA,MACL,UAAAT;AAAA,MACA,MAAAG;AAAA,MACC,GAAGsB;AAAA,IAAA;AAAA,IAEHiB,EAA2B;AAAA,EAAA,GAG/BhD,MAAe,OACd,gBAAAV,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAAG;AAAA,MACA,SAAAS;AAAA,MACA,eAAaK;AAAA,MACb,oBAAkB4C,EAAY;AAAA,MAC9B,WAAWnB;AAAA,MACX,MAAA3B;AAAA,MACA,QAAAG;AAAA,MACA,KAAKA,MAAW,WAAW,wBAAwBjB,EAAM;AAAA,MACzD,KAAKwB;AAAA,MACL,UAAAT;AAAA,MACC,GAAGI;AAAA,IAAA;AAAA,IAEHsC,EAA2B;AAAA,EAAA,CAGlC;AAEJ,CAAC,GAEDI,KAAe/D;"}

package/components/Button/index.js

@@ -1,2 +1,5 @@
-import{B as o}from"../../Button.js";import"react";import"classnames";import"../Icons/Icon.js";import"../../constants.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../../hooks/useBreakpoint.js";import"../../theme/grid.js";import"../../hooks/useHover.js";import"../../hooks/usePseudoClasses.js";import"../../hooks/useIcons.js";import"../../hooks/useSize.js";import"../../utils/debounce.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../Icons/ArrowRight.js";import"./styles.module.scss";export{o as default};
+import o from "./Button.js";
+export {
+  o as default
+};
 //# sourceMappingURL=index.js.map

package/components/Button/index.js.map

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

package/components/ButtonWithModal/ButtonWithModal.js

@@ -0,0 +1,11 @@
+import t, { useState as r } from "react";
+import n from "../Button/Button.js";
+import d from "../Modal/Modal.js";
+const l = t.forwardRef(function(e, s) {
+  const [a, o] = r(!1);
+  return /* @__PURE__ */ t.createElement("div", { "data-testid": e.testId }, /* @__PURE__ */ t.createElement(n, { onClick: () => o(!0) }, e.buttonText), a && /* @__PURE__ */ t.createElement(d, { ...e, onClose: () => o(!1) }));
+}), u = l;
+export {
+  u as default
+};
+//# sourceMappingURL=ButtonWithModal.js.map

package/components/ButtonWithModal/ButtonWithModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonWithModal.js","sources":["../../../src/components/ButtonWithModal/ButtonWithModal.tsx"],"sourcesContent":["/* istanbul ignore file */\nimport React, { useState } from 'react';\n\nimport Button from '../Button';\nimport Modal, { ModalProps } from '../Modal/Modal';\n\ninterface ModalWithButtonProps extends ModalProps {\n  /** Text of the button */\n  buttonText: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst ModalWithButton = React.forwardRef(function ModalForwardedRef(props: ModalWithButtonProps, ref: React.ForwardedRef<HTMLElement>) {\n  const [showModal, setShowModal] = useState(false);\n\n  return (\n    <div data-testid={props.testId}>\n      <Button onClick={() => setShowModal(true)}>{props.buttonText}</Button>\n      {showModal && <Modal {...props} onClose={() => setShowModal(false)} />}\n    </div>\n  );\n});\n\nexport default ModalWithButton;\n"],"names":["ModalWithButton","React","props","ref","showModal","setShowModal","useState","Button","Modal","ButtonWithModal"],"mappings":";;;AAaA,MAAMA,IAAkBC,EAAM,WAAW,SAA2BC,GAA6BC,GAAsC;AACrI,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK;AAG9C,SAAA,gBAAAL,EAAA,cAAC,OAAI,EAAA,eAAaC,EAAM,OAAA,mCACrBK,GAAO,EAAA,SAAS,MAAMF,EAAa,EAAI,KAAIH,EAAM,UAAW,GAC5DE,KAAa,gBAAAH,EAAA,cAACO,GAAO,EAAA,GAAGN,GAAO,SAAS,MAAMG,EAAa,EAAK,EAAA,CAAG,CACtE;AAEJ,CAAC,GAEDI,IAAeT;"}

package/components/ButtonWithModal/index.js

@@ -1,2 +1,5 @@
-import t,{useState as m}from"react";import{B as p}from"../../Button.js";import{M as e}from"../../Modal.js";import"classnames";import"../Icons/Icon.js";import"../../constants.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../../hooks/useBreakpoint.js";import"../../theme/grid.js";import"../../hooks/useHover.js";import"../../hooks/usePseudoClasses.js";import"../../hooks/useIcons.js";import"../../hooks/useSize.js";import"../../utils/debounce.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../Icons/ArrowRight.js";import"../Button/styles.module.scss";import"../../hooks/useFocusTrap.js";import"../../hooks/useFocusableElements.js";import"../../hooks/useElementList.js";import"../../utils/focus.js";import"../../hooks/useIsVisible.js";import"../../hooks/useIntersectionObserver.js";import"../../Close.js";import"../../utils/refs.js";import"../Icons/X.js";import"../Close/styles.module.scss";import"../Icons/AlertSignFill.js";import"../Icons/AlertSignStroke.js";import"../Icons/CheckOutline.js";import"../Portal/index.js";import"react-dom";import"../../Title.js";import"../Title/styles.module.scss";import"../Modal/styles.module.scss";const a=t.forwardRef(function(o,d){const[i,r]=m(!1);return t.createElement("div",{"data-testid":o.testId},t.createElement(p,{onClick:()=>r(!0)},o.buttonText),i&&t.createElement(e,{...o,onClose:()=>r(!1)}))}),Y=a;export{Y as default};
+import o from "./ButtonWithModal.js";
+export {
+  o as default
+};
 //# sourceMappingURL=index.js.map

package/components/ButtonWithModal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/ButtonWithModal/ButtonWithModal.tsx"],"sourcesContent":["/* istanbul ignore file */\nimport React, { useState } from 'react';\n\nimport Button from '../Button';\nimport Modal, { ModalProps } from '../Modal/Modal';\n\ninterface ModalWithButtonProps extends ModalProps {\n  /** Text of the button */\n  buttonText: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst ModalWithButton = React.forwardRef(function ModalForwardedRef(props: ModalWithButtonProps, ref: React.ForwardedRef<HTMLElement>) {\n  const [showModal, setShowModal] = useState(false);\n\n  return (\n    <div data-testid={props.testId}>\n      <Button onClick={() => setShowModal(true)}>{props.buttonText}</Button>\n      {showModal && <Modal {...props} onClose={() => setShowModal(false)} />}\n    </div>\n  );\n});\n\nexport default ModalWithButton;\n"],"names":["ModalWithButton","React","props","ref","showModal","setShowModal","useState","Button","Modal","ButtonWithModal"],"mappings":"2vCAaA,MAAMA,EAAkBC,EAAM,WAAW,SAA2BC,EAA6BC,EAAsC,CACrI,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAS,EAAK,EAG9C,OAAAL,EAAA,cAAC,MAAI,CAAA,cAAaC,EAAM,MAAA,kBACrBK,EAAO,CAAA,QAAS,IAAMF,EAAa,EAAI,GAAIH,EAAM,UAAW,EAC5DE,GAAaH,EAAA,cAACO,EAAO,CAAA,GAAGN,EAAO,QAAS,IAAMG,EAAa,EAAK,CAAA,CAAG,CACtE,CAEJ,CAAC,EAEDI,EAAeT"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}