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

package/CHANGELOG.md

@@ -1,3 +1,252 @@
+## 6.0.0-beta.14 (2024-01-24)
+
+### Features
+
+- lagt til ikonsøk i ikonwall story ([26b0446](https://github.com/helsenorge/designsystem/commit/26b044688c29a530c5605c1d938d208c8adc9e0c)),
+  closes [#311212](https://github.com/helsenorge/designsystem/issues/311212)
+
+### Bug Fixes
+
+- datepicker styling feil og validering tweak
+  ([7bbdaa8](https://github.com/helsenorge/designsystem/commit/7bbdaa8e933d9ebbcc48d11647b3a8d6033502e9)), closes
+  [#316824](https://github.com/helsenorge/designsystem/issues/316824)
+- lange ord i dropdown havner på ny linje
+  ([a69ab16](https://github.com/helsenorge/designsystem/commit/a69ab167e99e2e408d6168ef710f9e8aa4f7615a)), closes
+  [#313017](https://github.com/helsenorge/designsystem/issues/313017)
+
+## 6.0.0-beta.13 (2024-01-08)
+
+## 6.0.0-beta.12 (2024-01-08)
+
+## 6.0.0-beta.11 (2024-01-08)
+
+## 6.0.0-beta.10 (2023-11-22)
+
+### Features
+
+- iconwall med alle ikoner og siste master merge
+  ([8007aec](https://github.com/helsenorge/designsystem/commit/8007aec989f53a4dc23d712852fcbc0e1adf0d7e)), closes
+  [#312799](https://github.com/helsenorge/designsystem/issues/312799)
+
+## 6.0.0-beta.9 (2023-11-13)
+
+## 6.0.0-beta.7 (2023-10-25)
+
+### Bug Fixes
+
+- ikon-import ([c3d3ae1](https://github.com/helsenorge/designsystem/commit/c3d3ae18b3792918953f6f447500888b019f3444))
+
+## 6.0.0-beta.6 (2023-10-24)
+
+### Features
+
+- typesikkerhet ved lazy loading av ikoner
+  ([0d3f3fb](https://github.com/helsenorge/designsystem/commit/0d3f3fb734e503bd26429a8e84477bd53480dd93)), closes
+  [#301359](https://github.com/helsenorge/designsystem/issues/301359)
+
+## 6.0.0-beta.5 (2023-10-24)
+
+### ⚠ BREAKING CHANGES
+
+- props endret fra variant til size. bigform er nå large. normal er nå medium.
+
+### Reverts
+
+- legg tilbake additionaliconinformation
+  ([0b46b2c](https://github.com/helsenorge/designsystem/commit/0b46b2cbb029e9d85d021d477ef49bf24788c0d8))
+
+### Code Refactoring
+
+- formvariant heter nå formsize ([a8ef22c](https://github.com/helsenorge/designsystem/commit/a8ef22c9b4efdf063d4a861946f6407b60a5a580)),
+  closes [#305247](https://github.com/helsenorge/designsystem/issues/305247)
+
+## 6.0.0-beta.4 (2023-10-23)
+
+### Features
+
+- komponenter støtter lazyicon ([0148ee6](https://github.com/helsenorge/designsystem/commit/0148ee6b3c72dedadbecb21105a729af1487a445)),
+  closes [#301359](https://github.com/helsenorge/designsystem/issues/301359)
+
+## 6.0.0-beta.3 (2023-10-20)
+
+### Bug Fixes
+
+- lazy icons fallback tar like mye plass som ikon
+  ([d5207c8](https://github.com/helsenorge/designsystem/commit/d5207c8f538cd8a111356af9e4913f29ed032f58)), closes
+  [#301359](https://github.com/helsenorge/designsystem/issues/301359)
+
+## 6.0.0-beta.2 (2023-10-18)
+
+## 6.0.0-beta.1 (2023-10-18)
+
+## 6.0.0-beta.0 (2023-10-18)
+
+### ⚠ BREAKING CHANGES
+
+- Ikon-komponent er flyttet fra components/Icons/Icon til components/Icon/Icon
+
+Ikonene ligger fortsatt i components/Icons, f.eks. components/Icons/Minus
+
+Dette er fordi vi skal kunne dynamisk importere alt som ligger i Icons, så da bør det bare være ikoner der.
+
+### Features
+
+- lazy loading av ikoner ([f688e78](https://github.com/helsenorge/designsystem/commit/f688e78a955bb43a2efa92b72b208c582dbfdd1d)), closes
+  [#301359](https://github.com/helsenorge/designsystem/issues/301359)
+
+## [5.13.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv5.12.0&targetVersion=GTv5.13.0) (2024-01-09)
+
+### Features
+
+- tile stotter react children ([161a49a](https://github.com/helsenorge/designsystem/commit/161a49ae1ec4ec165bcf565b870b1f608f8fe90c)),
+  closes [#310764](https://github.com/helsenorge/designsystem/issues/310764)
+
+## [5.12.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv5.11.0&targetVersion=GTv5.12.0) (2024-01-04)
+
+### Bug Fixes
+
+- datepicker eksporterer funksjoner riktig
+  ([46285e5](https://github.com/helsenorge/designsystem/commit/46285e5e4cacf0f1fa224fcaa42eb75b73ce24e1)), closes
+  [#315273](https://github.com/helsenorge/designsystem/issues/315273)
+- justert fontstørrelse på legend i form
+  ([afd858b](https://github.com/helsenorge/designsystem/commit/afd858b850330bb13d0dca6b11aae50f7e1cd17c)), closes
+  [#316149](https://github.com/helsenorge/designsystem/issues/316149)
+- sentrere tekst på notificationpanel
+  ([5188c22](https://github.com/helsenorge/designsystem/commit/5188c22bbdd920479655eab87dd19657b84ed27e)), closes
+  [#311338](https://github.com/helsenorge/designsystem/issues/311338)
+
+## [5.11.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv5.10.0&targetVersion=GTv5.11.0) (2023-12-18)
+
+### Bug Fixes
+
+- justeringer på button ([927e486](https://github.com/helsenorge/designsystem/commit/927e486876be4cbe2bb6c9b6d022e032439a2a11)), closes
+  [#308138](https://github.com/helsenorge/designsystem/issues/308138)
+- oppdatert metadata til ikoner ([3b3510b](https://github.com/helsenorge/designsystem/commit/3b3510bb19da59156adb077e15137eb855cb1722)),
+  closes [#316105](https://github.com/helsenorge/designsystem/issues/316105)
+
+## [5.10.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv5.9.2&targetVersion=GTv5.10.0) (2023-12-13)
+
+### Features
+
+- button onblur lagt til ([e30e815](https://github.com/helsenorge/designsystem/commit/e30e8152dcac4341af0879e6b5379b6c992701b2)), closes
+  [#315943](https://github.com/helsenorge/designsystem/issues/315943)
+
+### Bug Fixes
+
+- input og textarea har ikke defaultValue som default
+  ([2f0a39d](https://github.com/helsenorge/designsystem/commit/2f0a39da5a85558488fdb14280888ceb1a3f49ec)), closes
+  [#309847](https://github.com/helsenorge/designsystem/issues/309847)
+
+## [5.9.2](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv5.9.1&targetVersion=GTv5.9.2) (2023-12-12)
+
+### Bug Fixes
+
+- slider forenklet emojirendring ([9df0d90](https://github.com/helsenorge/designsystem/commit/9df0d90e58c16f0609ce2c0de6c770f10420e7eb)),
+  closes [#313810](https://github.com/helsenorge/designsystem/issues/313810)
+
+## [5.9.1](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv5.9.0&targetVersion=GTv5.9.1) (2023-12-11)
+
+### Bug Fixes
+
+- promopanel har position=relative ([360a762](https://github.com/helsenorge/designsystem/commit/360a762ec3ce63cfe870f6cd7300af9fb9b83a5e)),
+  closes [#315387](https://github.com/helsenorge/designsystem/issues/315387)
+
+## [5.9.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv5.8.0&targetVersion=GTv5.9.0) (2023-12-11)
+
+### Features
+
+- promopanel ([a190968](https://github.com/helsenorge/designsystem/commit/a190968285e95e09c20590cbdf14799165affb30)), closes
+  [#315387](https://github.com/helsenorge/designsystem/issues/315387)
+
+### Bug Fixes
+
+- label kan og sendes inn til emoji ([6d5d680](https://github.com/helsenorge/designsystem/commit/6d5d680d31b0c797230f3539305659bc073ddb3a)),
+  closes [#310765](https://github.com/helsenorge/designsystem/issues/310765)
+- tabellheader med sortering har ikke underline
+  ([f191991](https://github.com/helsenorge/designsystem/commit/f191991cb9e3f32bda2df281b703833d12dfb5db)), closes
+  [#315407](https://github.com/helsenorge/designsystem/issues/315407)
+
+## [5.8.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv5.7.0&targetVersion=GTv5.8.0) (2023-12-08)
+
+### Features
+
+- emptystate ([7e1d9a8](https://github.com/helsenorge/designsystem/commit/7e1d9a87a75009ebd7a5b313fbed946c905fdabc))
+
+### Bug Fixes
+
+- anchorlink har ikke hardkodet font-size/line-height
+  ([687bac1](https://github.com/helsenorge/designsystem/commit/687bac112e20f8e5c09c5b99623401baf01d5bd4))
+- slider aria fix for emoji og step labels
+  ([1ca0c1e](https://github.com/helsenorge/designsystem/commit/1ca0c1e8b979357ec2544248a2c4657ed25509fe)), closes
+  [#313810](https://github.com/helsenorge/designsystem/issues/313810) [#310765](https://github.com/helsenorge/designsystem/issues/310765)
+
+## [5.7.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv5.6.0&targetVersion=GTv5.7.0) (2023-12-08)
+
+### Features
+
+- tabell med horizontal scroll støtter aria-atributter
+  ([5f0fb2c](https://github.com/helsenorge/designsystem/commit/5f0fb2cd1c86c7ee6348f3ddd144b823a10fe6be)), closes
+  [#314191](https://github.com/helsenorge/designsystem/issues/314191)
+
+## [5.6.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv5.5.0&targetVersion=GTv5.6.0) (2023-12-07)
+
+### Features
+
+- legg til default tekst på sharingstatus
+  ([8c8385d](https://github.com/helsenorge/designsystem/commit/8c8385da218e2c0213b95cab7cf97075d0207393)), closes
+  [#315571](https://github.com/helsenorge/designsystem/issues/315571)
+
+### Bug Fixes
+
+- defaultValue i input og textarea oppdaterer antall tegn
+  ([5799a7d](https://github.com/helsenorge/designsystem/commit/5799a7d0ee39c789f0eb22b9569c962faa595ebb)), closes
+  [#309847](https://github.com/helsenorge/designsystem/issues/309847)
+- tom tabell-celle i head er td, ikke th
+  ([548f1bb](https://github.com/helsenorge/designsystem/commit/548f1bb5e28138fda3be750a2e3a00aab7ddba0a)), closes
+  [#313691](https://github.com/helsenorge/designsystem/issues/313691)
+
+## [5.5.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv5.4.1&targetVersion=GTv5.5.0) (2023-12-05)
+
+### Features
+
+- datetimepickerwrapper får legend prop
+  ([739df6c](https://github.com/helsenorge/designsystem/commit/739df6c35a31c2ad8cb2ee259cb0701540b68d7e))
+- opprett ny komponent sharingstatus
+  ([bd8fc70](https://github.com/helsenorge/designsystem/commit/bd8fc70397f2b58825f50f7bb391746faa5c59ee)), closes
+  [#312652](https://github.com/helsenorge/designsystem/issues/312652)
+- slider ny funksjonalitet ([2e7a269](https://github.com/helsenorge/designsystem/commit/2e7a269af5422a710224504a418720b40c534840)), closes
+  [#310765](https://github.com/helsenorge/designsystem/issues/310765)
+
+## [5.4.1](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv5.4.0&targetVersion=GTv5.4.1) (2023-11-24)
+
+### Bug Fixes
+
+- endret plassering på statusdot og at statusdot forblir rund
+  ([562726f](https://github.com/helsenorge/designsystem/commit/562726ff8b186753b0f0dd98735b335603a2fcd3)), closes
+  [#311236](https://github.com/helsenorge/designsystem/issues/311236)
+
+## [5.4.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv5.3.0&targetVersion=GTv5.4.0) (2023-11-21)
+
+### Features
+
+- lagt til nye ikoner ([924fc90](https://github.com/helsenorge/designsystem/commit/924fc903960165211519760412e1de3bb65b85de)), closes
+  [#312799](https://github.com/helsenorge/designsystem/issues/312799)
+
+## [5.3.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv5.2.0&targetVersion=GTv5.3.0) (2023-11-17)
+
+### Features
+
+- panel refaktorering og contentHeader prop
+  ([42b0a03](https://github.com/helsenorge/designsystem/commit/42b0a03fa1f7d28ca966f3105dcaded49bcd886d)), closes
+  [#304524](https://github.com/helsenorge/designsystem/issues/304524) [#304573](https://github.com/helsenorge/designsystem/issues/304573)
+  [#304575](https://github.com/helsenorge/designsystem/issues/304575) [#304590](https://github.com/helsenorge/designsystem/issues/304590)
+
+### Bug Fixes
+
+- popmenu knapp stopper event propagation
+  ([baa56a1](https://github.com/helsenorge/designsystem/commit/baa56a1780c027db01989ff0cd9b14fce6faab99)), closes
+  [#313765](https://github.com/helsenorge/designsystem/issues/313765)
+
 ## [5.2.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv5.1.4&targetVersion=GTv5.2.0) (2023-11-02)
 
 ### Bug Fixes

package/components/AnchorLink/AnchorLink.js

@@ -4,21 +4,21 @@ 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 _ 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(
+const C = e.forwardRef((i, f) => {
+  const { id: p, href: d, children: h, 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(
+  }, s = () => /* @__PURE__ */ e.createElement(e.Fragment, null, h, n && /* @__PURE__ */ e.createElement(
     N,
     {
       className: r.anchorlink__icon,
-      svgIcon: C,
+      svgIcon: _,
       color: m("blueberry", 600),
       hoverColor: m("blueberry", 700),
       size: A.XSmall,
@@ -28,7 +28,7 @@ const I = e.forwardRef((i, f) => {
   return /* @__PURE__ */ e.createElement(e.Fragment, null, t === "a" && /* @__PURE__ */ e.createElement(
     "a",
     {
-      href: h,
+      href: d,
       target: o,
       className: c,
       rel: n ? "noopener noreferrer" : void 0,
@@ -46,7 +46,7 @@ const I = e.forwardRef((i, f) => {
     },
     /* @__PURE__ */ e.createElement("span", { className: c }, s())
   ));
-}), H = I;
+}), H = C;
 export {
   H as default
 };

package/components/AnchorLink/AnchorLink.js.map

@@ -1 +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;"}
+{"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,MAEjBpB,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MAAAK,GACAM,KACCX,gBAAAA,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,SAAAb,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACGQ,MAAe,OACdR,gBAAAA,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,YACdR,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWiB,EAAiB,oBAAoB;AAAA,MAChD,KAAKL;AAAA,MACJ,GAAGM;AAAA,IAAA;AAAA,IAEHlB,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAWe,EAAA,GAAgBK,GAAgB;AAAA,EAAA,CAGvD;AAEJ,CAAC,GAEDK,IAAe1B;"}

package/components/AnchorLink/styles.module.scss

@@ -48,16 +48,6 @@ $focus-width: 0.15rem;
   }
 }
 
-@mixin anchorlink-font {
-  font-size: 1.125rem;
-  line-height: 1.875rem;
-  font-weight: 400;
-
-  @media (min-width: map.get($grid-breakpoints, md)) {
-    font-size: 1.25rem;
-  }
-}
-
 @mixin anchorlink-icon {
   &[target='_blank'] {
     &::after {
@@ -73,7 +63,6 @@ $focus-width: 0.15rem;
 
 .anchorlink {
   @include anchorlink;
-  @include anchorlink-font;
 }
 
 .anchorlink-wrapper {

package/components/Avatar/Avatar.js.map

@@ -1 +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;"}
+{"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,SAAAH,gBAAAA,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,IACCL,gBAAAA,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/Badge/Badge.js

@@ -1,9 +1,9 @@
-import r from "react";
+import t 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(
+const i = t.forwardRef(function(r, d) {
+  const { children: l, className: s = "", color: e = "black", testId: b } = r, c = n(
     a.badge,
     {
       [a["badge--black"]]: e === "black",
@@ -15,9 +15,9 @@ const i = r.forwardRef(function(t, d) {
       [a["badge--neutral"]]: e === "neutral",
       [a["badge--plum"]]: e === "plum"
     },
-    b
+    s
   );
-  return /* @__PURE__ */ r.createElement("span", { className: c, ref: d, "data-testid": l, "data-analyticsid": o.Badge }, s);
+  return /* @__PURE__ */ t.createElement("span", { className: c, ref: d, "data-testid": b, "data-analyticsid": o.Badge }, l);
 }), y = i;
 export {
   y as default

package/components/Badge/Badge.js.map

@@ -1 +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;"}
+{"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,SAAAJ,gBAAAA,EAAA,cAAC,QAAK,EAAA,WAAWO,GAAc,KAAAL,GAAU,eAAaI,GAAQ,oBAAkBI,EAAY,MAAA,GACzFP,CACH;AAEJ,CAAC,GAEDQ,IAAeZ;"}

package/components/Button/Button.d.ts

@@ -28,6 +28,8 @@ export interface ButtonProps extends HTMLButtonProps, HTMLAnchorProps, AriaAttri
     htmlMarkup?: ButtonTags;
     /** Changes the button colors for different backgrounds. */
     mode?: ButtonMode;
+    /** Function that is called when the Button loses focus */
+    onBlur?: () => void;
     /** Function that is called when clicked */
     onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent> | React.FormEvent<{}> | React.KeyboardEvent<HTMLUListElement> | null) => void;
     /** Changes the button colors for different backgrounds. (Large not available in borderless variant) */

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,2GA+JV,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,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,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

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