@helsenorge/designsystem-react 6.5.0 → 7.0.0-beta.2

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 7.0.0-beta.1 (2024-03-07)
+
+## 7.0.0-beta.0 (2024-03-07)
+
+### Features
+
+- ts5, oppdater alle pakker ([d93bf76](https://github.com/helsenorge/designsystem/commit/d93bf76212b41b47aef279478b2af76705be2713))
+
+## [6.5.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv6.4.0&targetVersion=GTv6.5.0) (2024-03-07)
+
+### Features
+
+- dropdown stotter eksterne refs for children
+  ([10cc1ba](https://github.com/helsenorge/designsystem/commit/10cc1bac51b6e499fd94b3eaa6e0d68e8ab4d605)), closes
+  [#309420](https://github.com/helsenorge/designsystem/issues/309420)
+
 ## [6.4.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv6.3.0&targetVersion=GTv6.4.0) (2024-02-29)
 
 ### Features

package/__mocks__/IntersectionObserver.d.ts

@@ -4,4 +4,3 @@ declare class IntersectionObserver {
     disconnect(): void;
 }
 export default IntersectionObserver;
-//# sourceMappingURL=IntersectionObserver.d.ts.map

package/__mocks__/MutationObserver.d.ts

@@ -3,4 +3,3 @@ declare class MutationObserver {
     disconnect(): void;
 }
 export default MutationObserver;
-//# sourceMappingURL=MutationObserver.d.ts.map

package/__mocks__/ResizeObserver.d.ts

@@ -4,4 +4,3 @@ declare class ResizeObserver {
     disconnect(): void;
 }
 export default ResizeObserver;
-//# sourceMappingURL=ResizeObserver.d.ts.map

package/__mocks__/matchMedia.d.ts

@@ -1,3 +1 @@
-/// <reference types="jest" />
-export declare const mockWindowMatchMedia: jest.Mock<any, any, any>;
-//# sourceMappingURL=matchMedia.d.ts.map
+export declare const mockWindowMatchMedia: import("vitest").Mock<any, any>;

package/__mocks__/matchMedia.js

@@ -1,13 +1,14 @@
-const e = jest.fn().mockImplementation((t) => ({
+import { vi as e } from "vitest";
+const t = e.fn().mockImplementation(() => ({
   matches: !0,
-  addEventListener: jest.fn(),
-  removeEventListener: jest.fn()
+  addEventListener: e.fn(),
+  removeEventListener: e.fn()
 }));
 Object.defineProperty(window, "matchMedia", {
   writable: !0,
-  value: e
+  value: t
 });
 export {
-  e as mockWindowMatchMedia
+  t 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,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;"}
+{"version":3,"file":"matchMedia.js","sources":["../../src/__mocks__/matchMedia.ts"],"sourcesContent":["import { vi as jest } from 'vitest';\n\nexport const mockWindowMatchMedia = jest.fn().mockImplementation(() => ({\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","jest"],"mappings":";AAEO,MAAMA,IAAuBC,EAAK,GAAG,EAAE,mBAAmB,OAAO;AAAA,EACtE,SAAS;AAAA,EACT,kBAAkBA,EAAK,GAAG;AAAA,EAC1B,qBAAqBA,EAAK,GAAG;AAC/B,EAAE;AAEF,OAAO,eAAe,QAAQ,cAAc;AAAA,EAC1C,UAAU;AAAA,EACV,OAAOD;AACT,CAAC;"}

package/__mocks__/useHover.d.ts

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=useHover.d.ts.map

package/__mocks__/useHover.js

@@ -1,4 +1,5 @@
-jest.mock("../hooks/useHover", () => ({
-  useHover: jest.fn().mockImplementation((e) => ({ hoverRef: e || { current: void 0 }, isHovered: !1 }))
+import { vi as e } from "vitest";
+e.mock("../hooks/useHover", () => ({
+  useHover: e.fn().mockImplementation((o) => ({ hoverRef: o || { 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,qBAAqB,OAAO;AAAA,EACpC,UAAU,KAAK,GAAG,EAAE,mBAAmB,CAAOA,OACrC,EAAE,UAAUA,KAAO,EAAE,SAAS,OAAU,GAAG,WAAW,KAC9D;AACH,EAAE;"}
+{"version":3,"file":"useHover.js","sources":["../../src/__mocks__/useHover.ts"],"sourcesContent":["import { vi as jest } from 'vitest';\n\njest.mock('../hooks/useHover', () => ({\n  useHover: jest.fn().mockImplementation(ref => {\n    return { hoverRef: ref || { current: undefined }, isHovered: false };\n  }),\n}));\n\nexport {};\n"],"names":["jest","ref"],"mappings":";AAEAA,EAAK,KAAK,qBAAqB,OAAO;AAAA,EACpC,UAAUA,EAAK,GAAG,EAAE,mBAAmB,CAAOC,OACrC,EAAE,UAAUA,KAAO,EAAE,SAAS,OAAU,GAAG,WAAW,KAC9D;AACH,EAAE;"}

package/__mocks__/useLayoutEvent.d.ts

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=useLayoutEvent.d.ts.map

package/__mocks__/useLayoutEvent.js

@@ -1,4 +1,5 @@
-jest.mock("../hooks/useLayoutEvent", () => ({
-  useLayoutEvent: jest.fn()
+import { vi as o } from "vitest";
+o.mock("../hooks/useLayoutEvent", () => ({
+  useLayoutEvent: o.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,2BAA2B,OAAO;AAAA,EAC1C,gBAAgB,KAAK,GAAG;AAC1B,EAAE;"}
+{"version":3,"file":"useLayoutEvent.js","sources":["../../src/__mocks__/useLayoutEvent.ts"],"sourcesContent":["import { vi as jest } from 'vitest';\n\njest.mock('../hooks/useLayoutEvent', () => ({\n  useLayoutEvent: jest.fn(),\n}));\n\nexport {};\n"],"names":["jest"],"mappings":";AAEAA,EAAK,KAAK,2BAA2B,OAAO;AAAA,EAC1C,gBAAgBA,EAAK,GAAG;AAC1B,EAAE;"}

package/__mocks__/useOutsideEvent.d.ts

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=useOutsideEvent.d.ts.map

package/__mocks__/useOutsideEvent.js

@@ -1,4 +1,5 @@
-jest.mock("../hooks/useOutsideEvent", () => ({
-  useOutsideEvent: jest.fn()
+import { vi as e } from "vitest";
+e.mock("../hooks/useOutsideEvent", () => ({
+  useOutsideEvent: e.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,4BAA4B,OAAO;AAAA,EAC3C,iBAAiB,KAAK,GAAG;AAC3B,EAAE;"}
+{"version":3,"file":"useOutsideEvent.js","sources":["../../src/__mocks__/useOutsideEvent.ts"],"sourcesContent":["import { vi as jest } from 'vitest';\n\njest.mock('../hooks/useOutsideEvent', () => ({\n  useOutsideEvent: jest.fn(),\n}));\n\nexport {};\n"],"names":["jest"],"mappings":";AAEAA,EAAK,KAAK,4BAA4B,OAAO;AAAA,EAC3C,iBAAiBA,EAAK,GAAG;AAC3B,EAAE;"}

package/__mocks__/useSize.d.ts

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=useSize.d.ts.map

package/__mocks__/useSize.js

@@ -1,4 +1,12 @@
-jest.mock("../hooks/useSize", () => ({
-  useSize: jest.fn().mockReturnValue(void 0)
+import { vi as o } from "vitest";
+o.mock("../hooks/useSize", () => ({
+  useSize: o.fn().mockReturnValue({
+    height: 100,
+    width: 100,
+    top: 0,
+    left: 0,
+    right: 100,
+    bottom: 100
+  })
 }));
 //# 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,oBAAoB,OAAO;AAAA,EACnC,SAAS,KAAK,GAAG,EAAE,gBAAgB,MAAS;AAC9C,EAAE;"}
+{"version":3,"file":"useSize.js","sources":["../../src/__mocks__/useSize.ts"],"sourcesContent":["import { vi as jest } from 'vitest';\n\njest.mock('../hooks/useSize', () => ({\n  useSize: jest.fn().mockReturnValue({\n    height: 100,\n    width: 100,\n    top: 0,\n    left: 0,\n    right: 100,\n    bottom: 100,\n  }),\n}));\n\nexport {};\n"],"names":["jest"],"mappings":";AAEAA,EAAK,KAAK,oBAAoB,OAAO;AAAA,EACnC,SAASA,EAAK,GAAG,EAAE,gBAAgB;AAAA,IACjC,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA,CACT;AACH,EAAE;"}

package/__mocks__/uuid.d.ts

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=uuid.d.ts.map

package/__mocks__/uuid.js

@@ -1,6 +1,7 @@
-import * as i from "../utils/uuid.js";
-const t = {
+import { vi as t } from "vitest";
+import * as d from "../utils/uuid.js";
+const i = {
   id: 0
 };
-jest.spyOn(i, "uuid").mockImplementation(() => (t.id++, `testid-${t.id}`));
+t.spyOn(d, "uuid").mockImplementation(() => (i.id++, `testid-${i.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":";AAEA,MAAMA,IAAS;AAAA,EACb,IAAI;AACN;AAKA,KAAK,MAAMC,GAAW,MAAM,EAAE,mBAAmB,OACxCD,EAAA,MACA,UAAUA,EAAO,EAAE,GAC3B;"}
+{"version":3,"file":"uuid.js","sources":["../../src/__mocks__/uuid.ts"],"sourcesContent":["import { vi as jest } from 'vitest';\n\nimport * 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","jest","uuidUtils"],"mappings":";;AAIA,MAAMA,IAAS;AAAA,EACb,IAAI;AACN;AAKAC,EAAK,MAAMC,GAAW,MAAM,EAAE,mBAAmB,OACxCF,EAAA,MACA,UAAUA,EAAO,EAAE,GAC3B;"}

package/components/AnchorLink/AnchorLink.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 export type AnchorLinkTargets = '_self' | '_blank' | '_parent';
 export type AnchorLinkTags = 'a' | 'button';
-interface AnchorLinkProps {
+export interface AnchorLinkProps {
     /** Sets the content of the <a> tag */
     children: React.ReactNode;
     /** URL to link to */
@@ -21,4 +21,3 @@ interface AnchorLinkProps {
 }
 declare const AnchorLink: React.ForwardRefExoticComponent<AnchorLinkProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 export default AnchorLink;
-//# sourceMappingURL=AnchorLink.d.ts.map

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,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;"}
+{"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\nexport interface 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/AnchorLink.stories.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./AnchorLink").AnchorLinkProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        children: string;
+        href: string;
+    };
+    argTypes: {
+        children: {
+            control: string;
+        };
+        href: {
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const External: Story;
+export declare const AsButton: Story;

package/components/AnchorLink/index.d.ts

@@ -1,4 +1,3 @@
 import AnchorLink from './AnchorLink';
 export * from './AnchorLink';
 export default AnchorLink;
-//# sourceMappingURL=index.d.ts.map

package/components/Avatar/Avatar.d.ts

@@ -20,4 +20,3 @@ export interface AvatarProps {
 export type AvatarType = React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLElement>>;
 declare const Avatar: AvatarType;
 export default Avatar;
-//# sourceMappingURL=Avatar.d.ts.map

package/components/Avatar/Avatar.stories.d.ts

@@ -0,0 +1,34 @@
+import { StoryObj } from '@storybook/react';
+import { AvatarSize } from './Avatar';
+declare const meta: {
+    title: string;
+    component: import("./Avatar").AvatarType;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        children: string;
+        selected: false;
+        size: AvatarSize.small;
+    };
+    argTypes: {
+        children: {
+            control: string;
+        };
+        selected: {
+            control: string;
+        };
+        size: {
+            control: string;
+            options: typeof AvatarSize;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Inverted: Story;

package/components/Avatar/index.d.ts

@@ -1,4 +1,3 @@
 import Avatar from './Avatar';
 export * from './Avatar';
 export default Avatar;
-//# sourceMappingURL=index.d.ts.map

package/components/Badge/Badge.d.ts

@@ -15,4 +15,3 @@ export interface BadgeProps {
 export type BadgeType = React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLElement>>;
 declare const Badge: BadgeType;
 export default Badge;
-//# sourceMappingURL=Badge.d.ts.map

package/components/Badge/Badge.js

@@ -1,12 +1,11 @@
 import t from "react";
-import n from "classnames";
-import { AnalyticsId as o } from "../../constants.js";
+import b from "classnames";
+import { AnalyticsId as c } from "../../constants.js";
 import a from "./styles.module.scss";
 const i = t.forwardRef(function(r, d) {
-  const { children: l, className: s = "", color: e = "black", testId: b } = r, c = n(
+  const { children: s, className: l = "", color: e = "black", testId: n } = r, o = b(
     a.badge,
     {
-      [a["badge--black"]]: e === "black",
       [a["badge--white"]]: e === "white",
       [a["badge--blueberry"]]: e === "blueberry",
       [a["badge--banana"]]: e === "banana",
@@ -15,9 +14,9 @@ const i = t.forwardRef(function(r, d) {
       [a["badge--neutral"]]: e === "neutral",
       [a["badge--plum"]]: e === "plum"
     },
-    s
+    l
   );
-  return /* @__PURE__ */ t.createElement("span", { className: c, ref: d, "data-testid": b, "data-analyticsid": o.Badge }, l);
+  return /* @__PURE__ */ t.createElement("span", { className: o, ref: d, "data-testid": n, "data-analyticsid": c.Badge }, s);
 }), 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,SAAAJ,gBAAAA,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--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,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/Badge/Badge.stories.d.ts

@@ -0,0 +1,28 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("./Badge").BadgeType;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        children: string;
+        color: "blueberry";
+    };
+    argTypes: {
+        children: {
+            control: string;
+        };
+        color: {
+            control: string;
+            options: import("./Badge").BadgeColors[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/components/Badge/index.d.ts

@@ -1,4 +1,3 @@
 import Badge from './Badge';
 export * from './Badge';
 export default Badge;
-//# sourceMappingURL=index.d.ts.map

package/components/Button/Button.d.ts

@@ -45,4 +45,3 @@ export interface ButtonProps extends HTMLButtonProps, HTMLAnchorProps, AriaAttri
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 export default Button;
-//# sourceMappingURL=Button.d.ts.map

package/components/Button/Button.stories.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        children: string;
+        ellipsis: false;
+        disabled: false;
+        fluid: false;
+        htmlMarkup: "button";
+        href: string;
+    };
+    argTypes: {
+        children: {
+            control: string;
+        };
+        ellipsis: {
+            control: string;
+        };
+        disabled: {
+            control: string;
+        };
+        fluid: {
+            control: string;
+        };
+        htmlMarkup: {
+            control: string;
+            options: string[];
+        };
+        href: {
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Concepts: Story;
+export declare const Icons: Story;
+export declare const LazyIcons: Story;
+export declare const Sizes: Story;
+export declare const Variants: Story;
+export declare const DarkMode: Story;
+export declare const Disabled: Story;
+export declare const Fluid: Story;
+export declare const Ellipsis: Story;

package/components/Button/index.d.ts

@@ -1,4 +1,3 @@
 import Button from './Button';
 export * from './Button';
 export default Button;
-//# sourceMappingURL=index.d.ts.map

package/components/Button/styles.module.scss

@@ -13,7 +13,8 @@ $with-icons: // icon-class, size-class, padding-left, padding-right, padding-lef
   'right-icon' 'large' getSpacer(m) getSpacer(xs) getSpacer(l) getSpacer(s) getSpacer(2xs) 0 getSpacer(xs) 0,
   'arrow' 'normal' getSpacer(s) getSpacer(xs) getSpacer(m) getSpacer(xs) getSpacer(m) 0 getSpacer(l) 0,
   'arrow' 'large' getSpacer(m) getSpacer(xs) getSpacer(l) getSpacer(xs) getSpacer(l) 0 getSpacer(xl) 0,
-  'arrow--both-icons' 'normal' 0 0 0 0 getSpacer(s) 0 getSpacer(m) 0, 'arrow--both-icons' 'large' 0 0 0 0 getSpacer(m) 0 getSpacer(l) 0,
+  'arrow--both-icons' 'normal' 0 0 0 0 getSpacer(s) 0 getSpacer(m) 0,
+  'arrow--both-icons' 'large' 0 0 0 0 getSpacer(m) 0 getSpacer(l) 0,
   'only-icon' 'normal' 0.062rem 0.062rem 0.375rem 0.375rem 0 0 0 0,
   'only-icon' 'large' 0.312rem 0.312rem getSpacer(3xs) getSpacer(3xs) 0 0 0 0,
   'both-icons' 'normal' getSpacer(xs) getSpacer(xs) getSpacer(xs) getSpacer(xs) 0 0 0 0,

package/components/ButtonWithModal/ButtonWithModal.d.ts

@@ -6,6 +6,5 @@ interface ModalWithButtonProps extends ModalProps {
     /** Sets the data-testid attribute. */
     testId?: string;
 }
-declare const ModalWithButton: React.ForwardRefExoticComponent<ModalWithButtonProps & React.RefAttributes<HTMLElement>>;
+declare const ModalWithButton: React.FC<ModalWithButtonProps>;
 export default ModalWithButton;
-//# sourceMappingURL=ButtonWithModal.d.ts.map

package/components/ButtonWithModal/ButtonWithModal.js

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

package/components/ButtonWithModal/ButtonWithModal.js.map

@@ -1 +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,SAAAL,gBAAAA,EAAA,cAAC,OAAI,EAAA,eAAaC,EAAM,OAAA,mCACrBK,GAAO,EAAA,SAAS,MAAMF,EAAa,EAAI,KAAIH,EAAM,UAAW,GAC5DE,KAAaH,gBAAAA,EAAA,cAACO,GAAO,EAAA,GAAGN,GAAO,SAAS,MAAMG,EAAa,EAAK,EAAA,CAAG,CACtE;AAEJ,CAAC,GAEDI,IAAeT;"}
+{"version":3,"file":"ButtonWithModal.js","sources":["../../../src/components/ButtonWithModal/ButtonWithModal.tsx"],"sourcesContent":["import 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.FC<ModalWithButtonProps> = props => {\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","props","showModal","setShowModal","useState","React","Button","Modal","ButtonWithModal"],"mappings":";;;AAYA,MAAMA,IAAkD,CAASC,MAAA;AAC/D,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK;AAG9C,SAAAC,gBAAAA,EAAA,cAAC,OAAI,EAAA,eAAaJ,EAAM,OAAA,mCACrBK,GAAO,EAAA,SAAS,MAAMH,EAAa,EAAI,KAAIF,EAAM,UAAW,GAC5DC,KAAaG,gBAAAA,EAAA,cAACE,GAAO,EAAA,GAAGN,GAAO,SAAS,MAAME,EAAa,EAAK,EAAA,CAAG,CACtE;AAEJ,GAEAK,IAAeR;"}

package/components/ButtonWithModal/index.d.ts

@@ -1,4 +1,3 @@
 import ButtonWithModal from './ButtonWithModal';
 export * from './ButtonWithModal';
 export default ButtonWithModal;
-//# sourceMappingURL=index.d.ts.map

package/components/Checkbox/Checkbox.d.ts

@@ -20,4 +20,3 @@ export interface CheckboxProps extends Pick<React.InputHTMLAttributes<HTMLInputE
 }
 export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
 export default Checkbox;
-//# sourceMappingURL=Checkbox.d.ts.map

package/components/Checkbox/Checkbox.js

@@ -13,7 +13,7 @@ const v = l.forwardRef((x, d) => {
   const {
     className: I,
     checked: k = !1,
-    disabled: r,
+    disabled: a,
     label: m,
     inputId: p = Y(),
     mode: n = b.onwhite,
@@ -26,11 +26,11 @@ const v = l.forwardRef((x, d) => {
     required: z,
     onChange: u,
     ...F
-  } = x, [o, w] = H(k), f = n === b.onwhite, C = n === b.ongrey, y = n === b.onblueberry, a = g || n === b.oninvalid, i = n === b.ondark, c = E === $.large, { refObject: L, isFocused: T } = Q(U(d) ? d : null), W = V([d, L]), j = t(e["checkbox-wrapper"], {
+  } = x, [o, w] = H(k), f = n === b.onwhite, C = n === b.ongrey, y = n === b.onblueberry, r = g || n === b.oninvalid, i = n === b.ondark, c = E === $.large, { refObject: L, isFocused: T } = Q(U(d) ? d : null), W = V([d, L]), j = t(e["checkbox-wrapper"], {
     [e["checkbox-wrapper--with-error"]]: s,
     [e["checkbox-wrapper--large"]]: c
   }), A = t(e["checkbox-label"], {
-    [e["checkbox-label--disabled"]]: r,
+    [e["checkbox-label--disabled"]]: a,
     [e["checkbox-label--on-dark"]]: i,
     [e["checkbox-label--large"]]: c,
     [e["checkbox-label__large--checked"]]: c && o,
@@ -38,33 +38,33 @@ const v = l.forwardRef((x, d) => {
     [e["checkbox-label__large--on-white"]]: c && f,
     [e["checkbox-label__large--on-grey"]]: c && C,
     [e["checkbox-label__large--on-blueberry"]]: c && y,
-    [e["checkbox-label__large--on-invalid"]]: c && a,
-    [e["checkbox-label__large--disabled"]]: c && r
+    [e["checkbox-label__large--on-invalid"]]: c && r,
+    [e["checkbox-label__large--disabled"]]: c && a
   }), M = t(e.checkbox, I), O = t(e["checkbox__icon-wrapper"], {
     [e["checkbox__icon-wrapper--on-white"]]: f,
     [e["checkbox__icon-wrapper--on-grey"]]: C,
-    [e["checkbox__icon-wrapper--on-invalid"]]: a,
-    [e["checkbox__icon-wrapper--disabled"]]: r,
+    [e["checkbox__icon-wrapper--on-invalid"]]: r,
+    [e["checkbox__icon-wrapper--disabled"]]: a,
     [e["checkbox__icon-wrapper__regular--checked"]]: !c && o,
-    [e["checkbox__icon-wrapper__regular--invalid"]]: !c && o && a,
+    [e["checkbox__icon-wrapper__regular--invalid"]]: !c && o && r,
     [e["checkbox__icon-wrapper__regular--on-dark"]]: !c && o && i,
     [e["checkbox__icon-wrapper__large--checked"]]: c && o,
-    [e["checkbox__icon-wrapper__large--invalid"]]: c && a,
+    [e["checkbox__icon-wrapper__large--invalid"]]: c && r,
     [e["checkbox__icon-wrapper--on-dark"]]: i,
     [e["checkbox__icon-wrapper--on-blueberry"]]: y,
-    [e["checkbox__icon-wrapper--invalid"]]: a,
-    [e["checkbox__icon-wrapper__large--invalid"]]: c && o && a,
-    [e["checkbox__icon-wrapper__large--disabled"]]: r && c && o,
-    [e["checkbox__icon-wrapper__large--checked--invalid"]]: c && o && a,
-    [e["checkbox__icon-wrapper__large--checked--disabled"]]: r && c && o
+    [e["checkbox__icon-wrapper--invalid"]]: r,
+    [e["checkbox__icon-wrapper__large--invalid"]]: c && o && r,
+    [e["checkbox__icon-wrapper__large--disabled"]]: a && c && o,
+    [e["checkbox__icon-wrapper__large--checked--invalid"]]: c && o && r,
+    [e["checkbox__icon-wrapper__large--checked--disabled"]]: a && c && o
   }), P = t(e["checkbox-label__text"], {
     [e["checkbox-label__text__large--checked"]]: c && o,
-    [e["checkbox-label__text__large--invalid"]]: c && o && a,
+    [e["checkbox-label__text__large--invalid"]]: c && o && r,
     [e["checkbox-label__text--on-dark"]]: i,
-    [e["checkbox-label__text--disabled"]]: r
+    [e["checkbox-label__text--disabled"]]: a
   }), q = t(e["checkbox-errors"]);
   let _ = h("white");
-  (i || c && o) && (_ = h("blueberry", 900)), a && c && o && (_ = h("white")), r && (_ = h("neutral", 400)), X(() => {
+  (i || c && o) && (_ = h("blueberry", 900)), r && c && o && (_ = h("white")), a && (_ = h("neutral", 400)), X(() => {
     w(k);
   }, [k]);
   const B = (G) => {
@@ -77,7 +77,7 @@ const v = l.forwardRef((x, d) => {
       className: M,
       type: "checkbox",
       checked: o,
-      disabled: r,
+      disabled: a,
       value: S,
       ref: W,
       "aria-describedby": x["aria-describedby"] ?? void 0,
@@ -92,7 +92,6 @@ const v = l.forwardRef((x, d) => {
     D(),
     p,
     n,
-    r,
     A,
     P,
     e["checkbox-sublabel-wrapper"],