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

package/components/Slider/Slider.stories.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<import("./Slider").SliderProps>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        title: string;
+        disabled: false;
+    };
+    argTypes: {
+        title: {
+            control: string;
+        };
+        labelLeft: {
+            control: string;
+        };
+        labelRight: {
+            control: string;
+        };
+        ariaLabel: {
+            control: string;
+        };
+        disabled: {
+            control: string;
+        };
+        selected: {
+            control: string;
+        };
+        step: {
+            control: string;
+        };
+        value: {
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NotSelected: Story;
+export declare const Steps: Story;
+export declare const StepLabel: Story;
+export declare const StepEmoji: Story;
+export declare const CombinedData: Story;

package/components/Slider/index.d.ts

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

package/components/Spacer/Spacer.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SpacerSizes } from './../../theme/spacers';
-interface SpacerProps {
+export interface SpacerProps {
     /** Sets the size of the spacer. */
     size?: SpacerSizes;
     /** Adds custom classes to the element. */
@@ -10,4 +10,3 @@ interface SpacerProps {
 }
 declare const Spacer: React.ForwardRefExoticComponent<SpacerProps & React.RefAttributes<HTMLElement>>;
 export default Spacer;
-//# sourceMappingURL=Spacer.d.ts.map

package/components/Spacer/Spacer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spacer.js","sources":["../../../src/components/Spacer/Spacer.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { SpacerSizes } from './../../theme/spacers';\nimport { AnalyticsId } from '../../constants';\n\nimport spacerStyles from './styles.module.scss';\n\ninterface SpacerProps {\n  /** Sets the size of the spacer. */\n  size?: SpacerSizes;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst Spacer = React.forwardRef(function SpacerForwardedRef(props: SpacerProps, ref: React.ForwardedRef<HTMLElement>) {\n  const { size = 's', className, testId } = props;\n  const spacerClasses = classNames(\n    spacerStyles.spacer,\n    {\n      [spacerStyles['spacer--4xs']]: size === '4xs',\n      [spacerStyles['spacer--3xs']]: size === '3xs',\n      [spacerStyles['spacer--2xs']]: size === '2xs',\n      [spacerStyles['spacer--xs']]: size === 'xs',\n      [spacerStyles['spacer--s']]: size === 's',\n      [spacerStyles['spacer--m']]: size === 'm',\n      [spacerStyles['spacer--l']]: size === 'l',\n      [spacerStyles['spacer--xl']]: size === 'xl',\n      [spacerStyles['spacer--2xl']]: size === '2xl',\n      [spacerStyles['spacer--3xl']]: size === '3xl',\n      [spacerStyles['spacer--4xl']]: size === '4xl',\n      [spacerStyles['spacer--5xl']]: size === '5xl',\n      [spacerStyles['spacer--6xl']]: size === '6xl',\n    },\n    className\n  );\n\n  return <span className={spacerClasses} ref={ref} data-testid={testId} data-analyticsid={AnalyticsId.Spacer}></span>;\n});\n\nexport default Spacer;\n"],"names":["Spacer","React","props","ref","size","className","testId","spacerClasses","classNames","spacerStyles","AnalyticsId","Spacer$1"],"mappings":";;;;AAkBA,MAAMA,IAASC,EAAM,WAAW,SAA4BC,GAAoBC,GAAsC;AACpH,QAAM,EAAE,MAAAC,IAAO,KAAK,WAAAC,GAAW,QAAAC,MAAWJ,GACpCK,IAAgBC;AAAA,IACpBC,EAAa;AAAA,IACb;AAAA,MACE,CAACA,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,YAAY,CAAC,GAAGL,MAAS;AAAA,MACvC,CAACK,EAAa,WAAW,CAAC,GAAGL,MAAS;AAAA,MACtC,CAACK,EAAa,WAAW,CAAC,GAAGL,MAAS;AAAA,MACtC,CAACK,EAAa,WAAW,CAAC,GAAGL,MAAS;AAAA,MACtC,CAACK,EAAa,YAAY,CAAC,GAAGL,MAAS;AAAA,MACvC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,IAC1C;AAAA,IACAC;AAAA,EAAA;AAGK,SAAAJ,gBAAAA,EAAA,cAAC,UAAK,WAAWM,GAAe,KAAAJ,GAAU,eAAaG,GAAQ,oBAAkBI,EAAY,OAAQ,CAAA;AAC9G,CAAC,GAEDC,IAAeX;"}
+{"version":3,"file":"Spacer.js","sources":["../../../src/components/Spacer/Spacer.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { SpacerSizes } from './../../theme/spacers';\nimport { AnalyticsId } from '../../constants';\n\nimport spacerStyles from './styles.module.scss';\n\nexport interface SpacerProps {\n  /** Sets the size of the spacer. */\n  size?: SpacerSizes;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst Spacer = React.forwardRef(function SpacerForwardedRef(props: SpacerProps, ref: React.ForwardedRef<HTMLElement>) {\n  const { size = 's', className, testId } = props;\n  const spacerClasses = classNames(\n    spacerStyles.spacer,\n    {\n      [spacerStyles['spacer--4xs']]: size === '4xs',\n      [spacerStyles['spacer--3xs']]: size === '3xs',\n      [spacerStyles['spacer--2xs']]: size === '2xs',\n      [spacerStyles['spacer--xs']]: size === 'xs',\n      [spacerStyles['spacer--s']]: size === 's',\n      [spacerStyles['spacer--m']]: size === 'm',\n      [spacerStyles['spacer--l']]: size === 'l',\n      [spacerStyles['spacer--xl']]: size === 'xl',\n      [spacerStyles['spacer--2xl']]: size === '2xl',\n      [spacerStyles['spacer--3xl']]: size === '3xl',\n      [spacerStyles['spacer--4xl']]: size === '4xl',\n      [spacerStyles['spacer--5xl']]: size === '5xl',\n      [spacerStyles['spacer--6xl']]: size === '6xl',\n    },\n    className\n  );\n\n  return <span className={spacerClasses} ref={ref} data-testid={testId} data-analyticsid={AnalyticsId.Spacer}></span>;\n});\n\nexport default Spacer;\n"],"names":["Spacer","React","props","ref","size","className","testId","spacerClasses","classNames","spacerStyles","AnalyticsId","Spacer$1"],"mappings":";;;;AAkBA,MAAMA,IAASC,EAAM,WAAW,SAA4BC,GAAoBC,GAAsC;AACpH,QAAM,EAAE,MAAAC,IAAO,KAAK,WAAAC,GAAW,QAAAC,MAAWJ,GACpCK,IAAgBC;AAAA,IACpBC,EAAa;AAAA,IACb;AAAA,MACE,CAACA,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,YAAY,CAAC,GAAGL,MAAS;AAAA,MACvC,CAACK,EAAa,WAAW,CAAC,GAAGL,MAAS;AAAA,MACtC,CAACK,EAAa,WAAW,CAAC,GAAGL,MAAS;AAAA,MACtC,CAACK,EAAa,WAAW,CAAC,GAAGL,MAAS;AAAA,MACtC,CAACK,EAAa,YAAY,CAAC,GAAGL,MAAS;AAAA,MACvC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,MACxC,CAACK,EAAa,aAAa,CAAC,GAAGL,MAAS;AAAA,IAC1C;AAAA,IACAC;AAAA,EAAA;AAGK,SAAAJ,gBAAAA,EAAA,cAAC,UAAK,WAAWM,GAAe,KAAAJ,GAAU,eAAaG,GAAQ,oBAAkBI,EAAY,OAAQ,CAAA;AAC9G,CAAC,GAEDC,IAAeX;"}

package/components/Spacer/Spacer.stories.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./Spacer").SpacerProps & React.RefAttributes<HTMLElement>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/components/Spacer/index.d.ts

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

package/components/StatusDot/StatusDot.d.ts

@@ -35,4 +35,3 @@ export interface StatusDotProps {
 }
 declare const StatusDot: React.FC<StatusDotProps>;
 export default StatusDot;
-//# sourceMappingURL=StatusDot.d.ts.map

package/components/StatusDot/StatusDot.js

@@ -1,4 +1,4 @@
-import s from "react";
+import t from "react";
 import n from "classnames";
 import "../../theme/grid.js";
 import "../../hooks/useBreakpoint.js";
@@ -9,16 +9,15 @@ import E from "../Icons/Attachment.js";
 import X from "../Icons/Group.js";
 import v from "../Icons/NoAccess.js";
 import N from "../Icons/Undo.js";
-import t from "./styles.module.scss";
+import s from "./styles.module.scss";
 var w = /* @__PURE__ */ ((e) => (e.onwhite = "onwhite", e.ondark = "ondark", e))(w || {}), z = /* @__PURE__ */ ((e) => (e.info = "info", e.warning = "warning", e.alert = "alert", e.cancelled = "cancelled", e.active = "active", e.transparent = "transparent", e.recurring = "recurring", e.group = "group", e.noaccess = "noaccess", e.attachment = "attachment", e))(z || {});
-const C = ({ variant: e }) => e === "recurring" ? /* @__PURE__ */ s.createElement(c, { size: r.XXSmall, svgIcon: N }) : e === "group" ? /* @__PURE__ */ s.createElement(c, { size: r.XXSmall, svgIcon: X }) : e === "noaccess" ? /* @__PURE__ */ s.createElement(c, { size: r.XXSmall, svgIcon: v, color: I("cherry", 600) }) : e === "attachment" ? /* @__PURE__ */ s.createElement(c, { size: r.XXSmall, svgIcon: E }) : null, b = (e) => {
-  const { id: l, mode: m = "onwhite", variant: o = "info", text: i, className: d, testId: p } = e, a = o === "recurring" || o === "group" || o === "noaccess" || o === "attachment", u = o === "cancelled", f = n(t.statusdot, u && t["statusdot--cancelled"], d), g = n(t.statusdot__dot, a ? t["statusdot__dot--icon"] : t[`statusdot__dot--${o}`]), _ = n(
-    t.statusdot__label,
-    a && t["statusdot__label--icon"],
-    m === "ondark" && t["statusdot__label--on-dark"]
+const C = ({ variant: e }) => e === "recurring" ? /* @__PURE__ */ t.createElement(c, { size: r.XXSmall, svgIcon: N }) : e === "group" ? /* @__PURE__ */ t.createElement(c, { size: r.XXSmall, svgIcon: X }) : e === "noaccess" ? /* @__PURE__ */ t.createElement(c, { size: r.XXSmall, svgIcon: v, color: I("cherry", 600) }) : e === "attachment" ? /* @__PURE__ */ t.createElement(c, { size: r.XXSmall, svgIcon: E }) : null, k = (e) => {
+  const { id: l, mode: m = "onwhite", variant: o = "info", text: i, className: d, testId: p } = e, a = o === "recurring" || o === "group" || o === "noaccess" || o === "attachment", u = o === "cancelled", f = n(s.statusdot, u && s["statusdot--cancelled"], d), g = n(s.statusdot__dot, a ? s["statusdot__dot--icon"] : s[`statusdot__dot--${o}`]), _ = n(
+    a && s["statusdot__label--icon"],
+    m === "ondark" && s["statusdot__label--on-dark"]
   );
-  return /* @__PURE__ */ s.createElement("span", { id: l, className: f, "data-testid": p, "data-analyticsid": h.StatusDot }, /* @__PURE__ */ s.createElement("span", { className: g }, /* @__PURE__ */ s.createElement(C, { variant: o })), /* @__PURE__ */ s.createElement("span", { className: _ }, i));
-}, H = b;
+  return /* @__PURE__ */ t.createElement("span", { id: l, className: f, "data-testid": p, "data-analyticsid": h.StatusDot }, /* @__PURE__ */ t.createElement("span", { className: g }, /* @__PURE__ */ t.createElement(C, { variant: o })), /* @__PURE__ */ t.createElement("span", { className: _ }, i));
+}, H = k;
 export {
   w as StatusDotModes,
   z as StatusDotVariant,

package/components/StatusDot/StatusDot.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusDot.js","sources":["../../../src/components/StatusDot/StatusDot.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { IconSize } from '../..';\nimport { AnalyticsId } from '../../constants';\nimport { getColor } from '../../theme/currys';\nimport { Icon } from '../Icon';\nimport Attachment from '../Icons/Attachment';\nimport Group from '../Icons/Group';\nimport NoAccess from '../Icons/NoAccess';\nimport Undo from '../Icons/Undo';\n\nimport styles from './styles.module.scss';\n\nexport enum StatusDotModes {\n  onwhite = 'onwhite',\n  ondark = 'ondark',\n}\n\nexport enum StatusDotVariant {\n  info = 'info',\n  warning = 'warning',\n  alert = 'alert',\n  cancelled = 'cancelled',\n  active = 'active',\n  transparent = 'transparent',\n  recurring = 'recurring',\n  group = 'group',\n  noaccess = 'noaccess',\n  attachment = 'attachment',\n}\n\nexport interface StatusDotIconProps {\n  /** The variant defines style formatting and what icon to use */\n  variant?: keyof typeof StatusDotVariant;\n}\n\nconst StatusDotIcon: React.FC<StatusDotIconProps> = ({ variant }) => {\n  if (variant === StatusDotVariant.recurring) {\n    return <Icon size={IconSize.XXSmall} svgIcon={Undo} />;\n  } else if (variant === StatusDotVariant.group) {\n    return <Icon size={IconSize.XXSmall} svgIcon={Group} />;\n  } else if (variant === StatusDotVariant.noaccess) {\n    return <Icon size={IconSize.XXSmall} svgIcon={NoAccess} color={getColor('cherry', 600)} />;\n  } else if (variant === StatusDotVariant.attachment) {\n    return <Icon size={IconSize.XXSmall} svgIcon={Attachment} />;\n  }\n\n  return null;\n};\n\nexport interface StatusDotProps {\n  /** id that is placed on the wrapper */\n  id?: string;\n  /** Defines the color mode, onwhite, ondark etc. */\n  mode?: keyof typeof StatusDotModes;\n  /** Visual variants for the statusdot */\n  variant?: keyof typeof StatusDotVariant;\n  /** Text placed to the right of the statusdot */\n  text: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst StatusDot: React.FC<StatusDotProps> = props => {\n  const { id, mode = StatusDotModes.onwhite, variant = StatusDotVariant.info, text, className, testId } = props;\n\n  const hasIcon =\n    variant === StatusDotVariant.recurring ||\n    variant === StatusDotVariant.group ||\n    variant === StatusDotVariant.noaccess ||\n    variant === StatusDotVariant.attachment;\n\n  const isCancelled = variant === StatusDotVariant.cancelled;\n\n  const statusDotClasses = classNames(styles['statusdot'], isCancelled && styles['statusdot--cancelled'], className);\n  const dotClasses = classNames(styles['statusdot__dot'], hasIcon ? styles[`statusdot__dot--icon`] : styles[`statusdot__dot--${variant}`]);\n  const labelClasses = classNames(\n    styles['statusdot__label'],\n    hasIcon && styles['statusdot__label--icon'],\n    mode === StatusDotModes.ondark && styles['statusdot__label--on-dark']\n  );\n\n  return (\n    <span id={id} className={statusDotClasses} data-testid={testId} data-analyticsid={AnalyticsId.StatusDot}>\n      <span className={dotClasses}>\n        <StatusDotIcon variant={variant} />\n      </span>\n      <span className={labelClasses}>{text}</span>\n    </span>\n  );\n};\n\nexport default StatusDot;\n"],"names":["StatusDotModes","StatusDotVariant","StatusDotIcon","variant","Icon","IconSize","Undo","Group","React","NoAccess","getColor","Attachment","StatusDot","props","id","mode","text","className","testId","hasIcon","isCancelled","statusDotClasses","classNames","styles","dotClasses","labelClasses","AnalyticsId","StatusDot$1"],"mappings":";;;;;;;;;;;;AAeY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UAFCA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,YAAY,aACZA,EAAA,SAAS,UACTA,EAAA,cAAc,eACdA,EAAA,YAAY,aACZA,EAAA,QAAQ,SACRA,EAAA,WAAW,YACXA,EAAA,aAAa,cAVHA,IAAAA,KAAA,CAAA,CAAA;AAkBZ,MAAMC,IAA8C,CAAC,EAAE,SAAAC,QACjDA,MAAY,8CACNC,GAAK,EAAA,MAAMC,EAAS,SAAS,SAASC,EAAM,CAAA,IAC3CH,MAAY,0CACbC,GAAK,EAAA,MAAMC,EAAS,SAAS,SAASE,EAAO,CAAA,IAC5CJ,MAAY,aACdK,gBAAAA,EAAA,cAACJ,GAAK,EAAA,MAAMC,EAAS,SAAS,SAASI,GAAU,OAAOC,EAAS,UAAU,GAAG,EAAG,CAAA,IAC/EP,MAAY,+CACbC,GAAK,EAAA,MAAMC,EAAS,SAAS,SAASM,EAAY,CAAA,IAGrD,MAkBHC,IAAsC,CAASC,MAAA;AAC7C,QAAA,EAAE,IAAAC,GAAI,MAAAC,IAAO,WAAwB,SAAAZ,IAAU,QAAuB,MAAAa,GAAM,WAAAC,GAAW,QAAAC,EAAW,IAAAL,GAElGM,IACJhB,MAAY,eACZA,MAAY,WACZA,MAAY,cACZA,MAAY,cAERiB,IAAcjB,MAAY,aAE1BkB,IAAmBC,EAAWC,EAAO,WAAcH,KAAeG,EAAO,sBAAsB,GAAGN,CAAS,GAC3GO,IAAaF,EAAWC,EAAO,gBAAmBJ,IAAUI,EAAO,sBAAsB,IAAIA,EAAO,mBAAmBpB,CAAO,EAAE,CAAC,GACjIsB,IAAeH;AAAA,IACnBC,EAAO;AAAA,IACPJ,KAAWI,EAAO,wBAAwB;AAAA,IAC1CR,MAAS,YAAyBQ,EAAO,2BAA2B;AAAA,EAAA;AAIpE,SAAAf,gBAAAA,EAAA,cAAC,QAAK,EAAA,IAAAM,GAAQ,WAAWO,GAAkB,eAAaH,GAAQ,oBAAkBQ,EAAY,UAAA,GAC3FlB,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAWgB,EACf,GAAAhB,gBAAAA,EAAA,cAACN,GAAc,EAAA,SAAAC,EAAA,CAAkB,CACnC,mCACC,QAAK,EAAA,WAAWsB,EAAe,GAAAT,CAAK,CACvC;AAEJ,GAEAW,IAAef;"}
+{"version":3,"file":"StatusDot.js","sources":["../../../src/components/StatusDot/StatusDot.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { IconSize } from '../..';\nimport { AnalyticsId } from '../../constants';\nimport { getColor } from '../../theme/currys';\nimport { Icon } from '../Icon';\nimport Attachment from '../Icons/Attachment';\nimport Group from '../Icons/Group';\nimport NoAccess from '../Icons/NoAccess';\nimport Undo from '../Icons/Undo';\n\nimport styles from './styles.module.scss';\n\nexport enum StatusDotModes {\n  onwhite = 'onwhite',\n  ondark = 'ondark',\n}\n\nexport enum StatusDotVariant {\n  info = 'info',\n  warning = 'warning',\n  alert = 'alert',\n  cancelled = 'cancelled',\n  active = 'active',\n  transparent = 'transparent',\n  recurring = 'recurring',\n  group = 'group',\n  noaccess = 'noaccess',\n  attachment = 'attachment',\n}\n\nexport interface StatusDotIconProps {\n  /** The variant defines style formatting and what icon to use */\n  variant?: keyof typeof StatusDotVariant;\n}\n\nconst StatusDotIcon: React.FC<StatusDotIconProps> = ({ variant }) => {\n  if (variant === StatusDotVariant.recurring) {\n    return <Icon size={IconSize.XXSmall} svgIcon={Undo} />;\n  } else if (variant === StatusDotVariant.group) {\n    return <Icon size={IconSize.XXSmall} svgIcon={Group} />;\n  } else if (variant === StatusDotVariant.noaccess) {\n    return <Icon size={IconSize.XXSmall} svgIcon={NoAccess} color={getColor('cherry', 600)} />;\n  } else if (variant === StatusDotVariant.attachment) {\n    return <Icon size={IconSize.XXSmall} svgIcon={Attachment} />;\n  }\n\n  return null;\n};\n\nexport interface StatusDotProps {\n  /** id that is placed on the wrapper */\n  id?: string;\n  /** Defines the color mode, onwhite, ondark etc. */\n  mode?: keyof typeof StatusDotModes;\n  /** Visual variants for the statusdot */\n  variant?: keyof typeof StatusDotVariant;\n  /** Text placed to the right of the statusdot */\n  text: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst StatusDot: React.FC<StatusDotProps> = props => {\n  const { id, mode = StatusDotModes.onwhite, variant = StatusDotVariant.info, text, className, testId } = props;\n\n  const hasIcon =\n    variant === StatusDotVariant.recurring ||\n    variant === StatusDotVariant.group ||\n    variant === StatusDotVariant.noaccess ||\n    variant === StatusDotVariant.attachment;\n\n  const isCancelled = variant === StatusDotVariant.cancelled;\n\n  const statusDotClasses = classNames(styles['statusdot'], isCancelled && styles['statusdot--cancelled'], className);\n  const dotClasses = classNames(styles['statusdot__dot'], hasIcon ? styles[`statusdot__dot--icon`] : styles[`statusdot__dot--${variant}`]);\n  const labelClasses = classNames(\n    hasIcon && styles['statusdot__label--icon'],\n    mode === StatusDotModes.ondark && styles['statusdot__label--on-dark']\n  );\n\n  return (\n    <span id={id} className={statusDotClasses} data-testid={testId} data-analyticsid={AnalyticsId.StatusDot}>\n      <span className={dotClasses}>\n        <StatusDotIcon variant={variant} />\n      </span>\n      <span className={labelClasses}>{text}</span>\n    </span>\n  );\n};\n\nexport default StatusDot;\n"],"names":["StatusDotModes","StatusDotVariant","StatusDotIcon","variant","Icon","IconSize","Undo","Group","React","NoAccess","getColor","Attachment","StatusDot","props","id","mode","text","className","testId","hasIcon","isCancelled","statusDotClasses","classNames","styles","dotClasses","labelClasses","AnalyticsId","StatusDot$1"],"mappings":";;;;;;;;;;;;AAeY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UAFCA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,YAAY,aACZA,EAAA,SAAS,UACTA,EAAA,cAAc,eACdA,EAAA,YAAY,aACZA,EAAA,QAAQ,SACRA,EAAA,WAAW,YACXA,EAAA,aAAa,cAVHA,IAAAA,KAAA,CAAA,CAAA;AAkBZ,MAAMC,IAA8C,CAAC,EAAE,SAAAC,QACjDA,MAAY,8CACNC,GAAK,EAAA,MAAMC,EAAS,SAAS,SAASC,EAAM,CAAA,IAC3CH,MAAY,0CACbC,GAAK,EAAA,MAAMC,EAAS,SAAS,SAASE,EAAO,CAAA,IAC5CJ,MAAY,aACdK,gBAAAA,EAAA,cAACJ,GAAK,EAAA,MAAMC,EAAS,SAAS,SAASI,GAAU,OAAOC,EAAS,UAAU,GAAG,EAAG,CAAA,IAC/EP,MAAY,+CACbC,GAAK,EAAA,MAAMC,EAAS,SAAS,SAASM,EAAY,CAAA,IAGrD,MAkBHC,IAAsC,CAASC,MAAA;AAC7C,QAAA,EAAE,IAAAC,GAAI,MAAAC,IAAO,WAAwB,SAAAZ,IAAU,QAAuB,MAAAa,GAAM,WAAAC,GAAW,QAAAC,EAAW,IAAAL,GAElGM,IACJhB,MAAY,eACZA,MAAY,WACZA,MAAY,cACZA,MAAY,cAERiB,IAAcjB,MAAY,aAE1BkB,IAAmBC,EAAWC,EAAO,WAAcH,KAAeG,EAAO,sBAAsB,GAAGN,CAAS,GAC3GO,IAAaF,EAAWC,EAAO,gBAAmBJ,IAAUI,EAAO,sBAAsB,IAAIA,EAAO,mBAAmBpB,CAAO,EAAE,CAAC,GACjIsB,IAAeH;AAAA,IACnBH,KAAWI,EAAO,wBAAwB;AAAA,IAC1CR,MAAS,YAAyBQ,EAAO,2BAA2B;AAAA,EAAA;AAIpE,SAAAf,gBAAAA,EAAA,cAAC,QAAK,EAAA,IAAAM,GAAQ,WAAWO,GAAkB,eAAaH,GAAQ,oBAAkBQ,EAAY,UAAA,GAC3FlB,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAWgB,EACf,GAAAhB,gBAAAA,EAAA,cAACN,GAAc,EAAA,SAAAC,EAAA,CAAkB,CACnC,mCACC,QAAK,EAAA,WAAWsB,EAAe,GAAAT,CAAK,CACvC;AAEJ,GAEAW,IAAef;"}

package/components/StatusDot/StatusDot.stories.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+import { StatusDotVariant } from './StatusDot';
+declare const meta: {
+    title: string;
+    component: React.FC<import("./StatusDot").StatusDotProps>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        variant: StatusDotVariant.info;
+        text: string;
+    };
+    argTypes: {
+        variant: {
+            control: string;
+            options: typeof StatusDotVariant;
+        };
+        text: {
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/components/StatusDot/index.d.ts

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

package/components/Step/Step.d.ts

@@ -21,4 +21,3 @@ export interface StepProps {
 }
 declare const Step: React.FC<StepProps>;
 export default Step;
-//# sourceMappingURL=Step.d.ts.map

package/components/Step/Step.js.map

@@ -1 +1 @@
-{"version":3,"file":"Step.js","sources":["../../../src/components/Step/Step.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { ButtonProps } from '../Button';\nimport StepButtons from '../StepButtons';\nimport { StepperProps } from '../Stepper';\n\nimport styles from './styles.module.scss';\n\nexport interface StepProps {\n  /** Stepper viser fremdriften */\n  stepper?: React.ReactElement<StepperProps>;\n  /** Innhold i steget */\n  children: React.ReactNode;\n  /** Knapp for å gå tilbake. Vises med \"outline\" variant. */\n  backButton?: React.ReactElement<ButtonProps>;\n  /** Knapp for å gå videre. Vises med \"fill\" variant. */\n  forwardButton?: React.ReactElement<ButtonProps>;\n  /** Ekstra knapper. Valgfritt utseende. */\n  additionalButtons?: React.ReactElement<ButtonProps>[];\n  /** Knapp for å avbryte eller fortsette senere. Vises med \"borderless\" variant. */\n  cancelButton?: React.ReactElement<ButtonProps>;\n  /** Knappene vil vises sticky nederst på skjermen dersom innholdet i Step tar mer plass enn vinduet. Default: false  */\n  stickyButtons?: boolean;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst Step: React.FC<StepProps> = ({\n  stepper,\n  children,\n  backButton,\n  forwardButton,\n  additionalButtons,\n  cancelButton,\n  stickyButtons = false,\n  testId,\n}) => {\n  const hasNavigation = backButton || forwardButton || additionalButtons || cancelButton;\n\n  return (\n    <div data-testid={testId} data-analyticsid={AnalyticsId.Step}>\n      {stepper && <div className={styles.step__stepper}>{stepper}</div>}\n      <div className={styles.step__content}>{children}</div>\n      {hasNavigation && (\n        <StepButtons\n          backButton={backButton}\n          forwardButton={forwardButton}\n          additionalButtons={additionalButtons}\n          cancelButton={cancelButton}\n          sticky={stickyButtons}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default Step;\n"],"names":["Step","stepper","children","backButton","forwardButton","additionalButtons","cancelButton","stickyButtons","testId","hasNavigation","React","AnalyticsId","styles","StepButtons","Step$1"],"mappings":";;;;AA8BA,MAAMA,IAA4B,CAAC;AAAA,EACjC,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,QAAAC;AACF,MAAM;AACE,QAAAC,IAAgBN,KAAcC,KAAiBC,KAAqBC;AAGxE,SAAAI,gBAAAA,EAAA,cAAC,SAAI,eAAaF,GAAQ,oBAAkBG,EAAY,KAAA,GACrDV,KAAWS,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAWE,EAAO,cAAgB,GAAAX,CAAQ,GAC1DS,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWE,EAAO,cAAA,GAAgBV,CAAS,GAC/CO,KACCC,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,YAAAV;AAAA,MACA,eAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,QAAQC;AAAA,IAAA;AAAA,EAAA,CAGd;AAEJ,GAEAO,IAAed;"}
+{"version":3,"file":"Step.js","sources":["../../../src/components/Step/Step.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AnalyticsId } from '../../constants';\nimport { ButtonProps } from '../Button';\nimport StepButtons from '../StepButtons';\nimport { StepperProps } from '../Stepper';\n\nimport styles from './styles.module.scss';\n\nexport interface StepProps {\n  /** Stepper viser fremdriften */\n  stepper?: React.ReactElement<StepperProps>;\n  /** Innhold i steget */\n  children: React.ReactNode;\n  /** Knapp for å gå tilbake. Vises med \"outline\" variant. */\n  backButton?: React.ReactElement<ButtonProps>;\n  /** Knapp for å gå videre. Vises med \"fill\" variant. */\n  forwardButton?: React.ReactElement<ButtonProps>;\n  /** Ekstra knapper. Valgfritt utseende. */\n  additionalButtons?: React.ReactElement<ButtonProps>[];\n  /** Knapp for å avbryte eller fortsette senere. Vises med \"borderless\" variant. */\n  cancelButton?: React.ReactElement<ButtonProps>;\n  /** Knappene vil vises sticky nederst på skjermen dersom innholdet i Step tar mer plass enn vinduet. Default: false  */\n  stickyButtons?: boolean;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst Step: React.FC<StepProps> = ({\n  stepper,\n  children,\n  backButton,\n  forwardButton,\n  additionalButtons,\n  cancelButton,\n  stickyButtons = false,\n  testId,\n}) => {\n  const hasNavigation = backButton || forwardButton || additionalButtons || cancelButton;\n\n  return (\n    <div data-testid={testId} data-analyticsid={AnalyticsId.Step}>\n      {stepper && <div className={styles.step__stepper}>{stepper}</div>}\n      <div className={styles.step__content}>{children}</div>\n      {hasNavigation && (\n        <StepButtons\n          backButton={backButton}\n          forwardButton={forwardButton}\n          additionalButtons={additionalButtons}\n          cancelButton={cancelButton}\n          sticky={stickyButtons}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default Step;\n"],"names":["Step","stepper","children","backButton","forwardButton","additionalButtons","cancelButton","stickyButtons","testId","hasNavigation","React","AnalyticsId","styles","StepButtons","Step$1"],"mappings":";;;;AA4BA,MAAMA,IAA4B,CAAC;AAAA,EACjC,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,QAAAC;AACF,MAAM;AACE,QAAAC,IAAgBN,KAAcC,KAAiBC,KAAqBC;AAGxE,SAAAI,gBAAAA,EAAA,cAAC,SAAI,eAAaF,GAAQ,oBAAkBG,EAAY,KAAA,GACrDV,KAAWS,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAWE,EAAO,cAAgB,GAAAX,CAAQ,GAC1DS,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWE,EAAO,cAAA,GAAgBV,CAAS,GAC/CO,KACCC,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,YAAAV;AAAA,MACA,eAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,QAAQC;AAAA,IAAA;AAAA,EAAA,CAGd;AAEJ,GAEAO,IAAed;"}

package/components/Step/Step.stories.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<import("./Step").StepProps>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        children: string;
+        stickyButtons: false;
+    };
+    argTypes: {
+        stickyButtons: {
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const StickyButtons: Story;
+export declare const StickyButtonsNoSiblings: Story;
+export declare const NoNavigation: Story;
+export declare const WithStepButtons: Story;
+export declare const AdditionalButtons: Story;
+export declare const Locked: Story;

package/components/Step/index.d.ts

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

package/components/StepButtons/StepButtons.d.ts

@@ -16,4 +16,3 @@ export interface StepButtonsProps {
 }
 export declare const StepButtons: React.FC<StepButtonsProps>;
 export default StepButtons;
-//# sourceMappingURL=StepButtons.d.ts.map

package/components/StepButtons/StepButtons.js

@@ -1,16 +1,16 @@
-import s from "react";
-import e from "classnames";
+import e from "react";
+import n from "classnames";
 import { AnalyticsId as m } from "../../constants.js";
 import t from "./styles.module.scss";
 const p = (r) => {
-  const { backButton: n, forwardButton: a, additionalButtons: o, cancelButton: l, sticky: u = !1, testId: i } = r, c = e(t.stepbuttons, u && t["stepbuttons--has-sticky-buttons"]);
-  return n || a || o || l ? /* @__PURE__ */ s.createElement("div", { className: c, "data-testid": i, "data-analyticsid": m.StepButtons }, (n || a) && /* @__PURE__ */ s.createElement("div", { className: e(t.stepbuttons__buttons, t["stepbuttons__buttons--navigation"]) }, n && s.cloneElement(n, {
+  const { backButton: s, forwardButton: a, additionalButtons: o, cancelButton: l, sticky: u = !1, testId: i } = r, c = n(t.stepbuttons, u && t["stepbuttons--has-sticky-buttons"]);
+  return s || a || o || l ? /* @__PURE__ */ e.createElement("div", { className: c, "data-testid": i, "data-analyticsid": m.StepButtons }, (s || a) && /* @__PURE__ */ e.createElement("div", { className: t.stepbuttons__buttons }, s && e.cloneElement(s, {
     variant: "outline",
-    wrapperClassName: e(t["stepbuttons__button--back"])
-  }), a && s.cloneElement(a, {
+    wrapperClassName: n(t["stepbuttons__button--back"])
+  }), a && e.cloneElement(a, {
     variant: "fill",
-    wrapperClassName: e(t["stepbuttons__button--forward"])
-  })), o && /* @__PURE__ */ s.createElement("div", { className: e(t.stepbuttons__buttons, t["stepbuttons__buttons--additional"]) }, o), l && /* @__PURE__ */ s.createElement("div", { className: t.stepbuttons__buttons }, s.cloneElement(l, {
+    wrapperClassName: n(t["stepbuttons__button--forward"])
+  })), o && /* @__PURE__ */ e.createElement("div", { className: n(t.stepbuttons__buttons, t["stepbuttons__buttons--additional"]) }, o), l && /* @__PURE__ */ e.createElement("div", { className: t.stepbuttons__buttons }, e.cloneElement(l, {
     variant: "borderless"
   }))) : null;
 }, v = p;

package/components/StepButtons/StepButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepButtons.js","sources":["../../../src/components/StepButtons/StepButtons.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { ButtonProps } from '../Button';\n\nimport styles from './styles.module.scss';\n\nexport interface StepButtonsProps {\n  /** Knapp for å gå tilbake. Vises med \"outline\" variant. */\n  backButton?: React.ReactElement<ButtonProps>;\n  /** Knapp for å gå videre. Vises med \"fill\" variant. */\n  forwardButton?: React.ReactElement<ButtonProps>;\n  /** Ekstra knapper. Valgfritt utseende. */\n  additionalButtons?: React.ReactElement<ButtonProps>[];\n  /** Knapp for å avbryte eller fortsette senere. Vises med \"borderless\" variant. */\n  cancelButton?: React.ReactElement<ButtonProps>;\n  /** Knappene vil vises sticky nederst på skjermen. Default: false  */\n  sticky?: boolean;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport const StepButtons: React.FC<StepButtonsProps> = props => {\n  const { backButton, forwardButton, additionalButtons, cancelButton, sticky = false, testId } = props;\n\n  const navigationClasses = classNames(styles.stepbuttons, sticky && styles['stepbuttons--has-sticky-buttons']);\n\n  if (backButton || forwardButton || additionalButtons || cancelButton) {\n    return (\n      <div className={navigationClasses} data-testid={testId} data-analyticsid={AnalyticsId.StepButtons}>\n        {(backButton || forwardButton) && (\n          <div className={classNames(styles.stepbuttons__buttons, styles['stepbuttons__buttons--navigation'])}>\n            {backButton &&\n              React.cloneElement(backButton, {\n                variant: 'outline',\n                wrapperClassName: classNames(styles['stepbuttons__button--back']),\n              })}\n            {forwardButton &&\n              React.cloneElement(forwardButton, {\n                variant: 'fill',\n                wrapperClassName: classNames(styles['stepbuttons__button--forward']),\n              })}\n          </div>\n        )}\n        {additionalButtons && (\n          <div className={classNames(styles.stepbuttons__buttons, styles['stepbuttons__buttons--additional'])}>{additionalButtons}</div>\n        )}\n        {cancelButton && (\n          <div className={styles.stepbuttons__buttons}>\n            {React.cloneElement(cancelButton, {\n              variant: 'borderless',\n            })}\n          </div>\n        )}\n      </div>\n    );\n  }\n  return null;\n};\n\nexport default StepButtons;\n"],"names":["StepButtons","props","backButton","forwardButton","additionalButtons","cancelButton","sticky","testId","navigationClasses","classNames","styles","React","AnalyticsId","StepButtons$1"],"mappings":";;;;AAwBO,MAAMA,IAA0C,CAASC,MAAA;AACxD,QAAA,EAAE,YAAAC,GAAY,eAAAC,GAAe,mBAAAC,GAAmB,cAAAC,GAAc,QAAAC,IAAS,IAAO,QAAAC,EAAW,IAAAN,GAEzFO,IAAoBC,EAAWC,EAAO,aAAaJ,KAAUI,EAAO,iCAAiC,CAAC;AAExG,SAAAR,KAAcC,KAAiBC,KAAqBC,IAEpDM,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAWH,GAAmB,eAAaD,GAAQ,oBAAkBK,EAAY,YAClF,IAAAV,KAAcC,MACdQ,gBAAAA,EAAA,cAAC,SAAI,WAAWF,EAAWC,EAAO,sBAAsBA,EAAO,kCAAkC,CAAC,EAC/F,GAAAR,KACCS,EAAM,aAAaT,GAAY;AAAA,IAC7B,SAAS;AAAA,IACT,kBAAkBO,EAAWC,EAAO,2BAA2B,CAAC;AAAA,EACjE,CAAA,GACFP,KACCQ,EAAM,aAAaR,GAAe;AAAA,IAChC,SAAS;AAAA,IACT,kBAAkBM,EAAWC,EAAO,8BAA8B,CAAC;AAAA,EACpE,CAAA,CACL,GAEDN,KACCO,gBAAAA,EAAA,cAAC,SAAI,WAAWF,EAAWC,EAAO,sBAAsBA,EAAO,kCAAkC,CAAC,KAAIN,CAAkB,GAEzHC,KACEM,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWD,EAAO,qBAAA,GACpBC,EAAM,aAAaN,GAAc;AAAA,IAChC,SAAS;AAAA,EACV,CAAA,CACH,CAEJ,IAGG;AACT,GAEAQ,IAAeb;"}
+{"version":3,"file":"StepButtons.js","sources":["../../../src/components/StepButtons/StepButtons.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { ButtonProps } from '../Button';\n\nimport styles from './styles.module.scss';\n\nexport interface StepButtonsProps {\n  /** Knapp for å gå tilbake. Vises med \"outline\" variant. */\n  backButton?: React.ReactElement<ButtonProps>;\n  /** Knapp for å gå videre. Vises med \"fill\" variant. */\n  forwardButton?: React.ReactElement<ButtonProps>;\n  /** Ekstra knapper. Valgfritt utseende. */\n  additionalButtons?: React.ReactElement<ButtonProps>[];\n  /** Knapp for å avbryte eller fortsette senere. Vises med \"borderless\" variant. */\n  cancelButton?: React.ReactElement<ButtonProps>;\n  /** Knappene vil vises sticky nederst på skjermen. Default: false  */\n  sticky?: boolean;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport const StepButtons: React.FC<StepButtonsProps> = props => {\n  const { backButton, forwardButton, additionalButtons, cancelButton, sticky = false, testId } = props;\n\n  const navigationClasses = classNames(styles.stepbuttons, sticky && styles['stepbuttons--has-sticky-buttons']);\n\n  if (backButton || forwardButton || additionalButtons || cancelButton) {\n    return (\n      <div className={navigationClasses} data-testid={testId} data-analyticsid={AnalyticsId.StepButtons}>\n        {(backButton || forwardButton) && (\n          <div className={styles.stepbuttons__buttons}>\n            {backButton &&\n              React.cloneElement(backButton, {\n                variant: 'outline',\n                wrapperClassName: classNames(styles['stepbuttons__button--back']),\n              })}\n            {forwardButton &&\n              React.cloneElement(forwardButton, {\n                variant: 'fill',\n                wrapperClassName: classNames(styles['stepbuttons__button--forward']),\n              })}\n          </div>\n        )}\n        {additionalButtons && (\n          <div className={classNames(styles.stepbuttons__buttons, styles['stepbuttons__buttons--additional'])}>{additionalButtons}</div>\n        )}\n        {cancelButton && (\n          <div className={styles.stepbuttons__buttons}>\n            {React.cloneElement(cancelButton, {\n              variant: 'borderless',\n            })}\n          </div>\n        )}\n      </div>\n    );\n  }\n  return null;\n};\n\nexport default StepButtons;\n"],"names":["StepButtons","props","backButton","forwardButton","additionalButtons","cancelButton","sticky","testId","navigationClasses","classNames","styles","AnalyticsId","React","StepButtons$1"],"mappings":";;;;AAwBO,MAAMA,IAA0C,CAASC,MAAA;AACxD,QAAA,EAAE,YAAAC,GAAY,eAAAC,GAAe,mBAAAC,GAAmB,cAAAC,GAAc,QAAAC,IAAS,IAAO,QAAAC,EAAW,IAAAN,GAEzFO,IAAoBC,EAAWC,EAAO,aAAaJ,KAAUI,EAAO,iCAAiC,CAAC;AAExG,SAAAR,KAAcC,KAAiBC,KAAqBC,oCAEnD,OAAI,EAAA,WAAWG,GAAmB,eAAaD,GAAQ,oBAAkBI,EAAY,YAAA,IAClFT,KAAcC,MACdS,gBAAAA,EAAA,cAAC,SAAI,WAAWF,EAAO,wBACpBR,KACCU,EAAM,aAAaV,GAAY;AAAA,IAC7B,SAAS;AAAA,IACT,kBAAkBO,EAAWC,EAAO,2BAA2B,CAAC;AAAA,EACjE,CAAA,GACFP,KACCS,EAAM,aAAaT,GAAe;AAAA,IAChC,SAAS;AAAA,IACT,kBAAkBM,EAAWC,EAAO,8BAA8B,CAAC;AAAA,EACpE,CAAA,CACL,GAEDN,KACCQ,gBAAAA,EAAA,cAAC,SAAI,WAAWH,EAAWC,EAAO,sBAAsBA,EAAO,kCAAkC,CAAC,KAAIN,CAAkB,GAEzHC,KACEO,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWF,EAAO,qBAAA,GACpBE,EAAM,aAAaP,GAAc;AAAA,IAChC,SAAS;AAAA,EACV,CAAA,CACH,CAEJ,IAGG;AACT,GAEAQ,IAAeb;"}

package/components/StepButtons/StepButtons.stories.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<import("./StepButtons").StepButtonsProps>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const AdditionalButtons: Story;

package/components/StepButtons/index.d.ts

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

package/components/Stepper/Dot.d.ts

@@ -7,4 +7,3 @@ interface DotProps {
 }
 declare const Dot: React.FC<DotProps>;
 export default Dot;
-//# sourceMappingURL=Dot.d.ts.map

package/components/Stepper/DotList.d.ts

@@ -6,4 +6,3 @@ interface DotListProps {
 }
 declare const Dots: React.FC<DotListProps>;
 export default Dots;
-//# sourceMappingURL=DotList.d.ts.map

package/components/Stepper/Stepper.d.ts

@@ -25,4 +25,3 @@ export interface StepperProps {
 }
 declare const Stepper: React.FC<StepperProps>;
 export default Stepper;
-//# sourceMappingURL=Stepper.d.ts.map

package/components/Stepper/Stepper.js

@@ -1,13 +1,13 @@
 import e, { useRef as d } from "react";
 import u from "./Dot.js";
 import V from "./DotList.js";
-import { getValidatedProps as $, getAllowedValues as k, getMaximumDots as M, getDistanceBetweenDots as N, getMarkerPosition as P } from "./utils.js";
+import { getAllowedValues as $, getMaximumDots as k, getDistanceBetweenDots as M, getValidatedProps as N, getMarkerPosition as P } from "./utils.js";
 import { AnalyticsId as S } from "../../constants.js";
 import { useSize as f } from "../../hooks/useSize.js";
 import { getAriaLabelAttributes as L } from "../../utils/accessibility.js";
 import s from "./styles.module.scss";
 const R = ({ ariaLabelledById: g, ariaLabel: w, value: x, min: b = 0, max: h = 2, testId: D }) => {
-  const n = d(null), i = d(null), { width: E = 0 } = f(n) || {}, { width: p = 0 } = f(i) || {}, { validatedValue: t, validatedMin: o, validatedMax: a } = $(x, b, h), r = k(o, a), v = r.indexOf(t), A = M(E), m = N(p, r.length), c = P(m, v), l = r.length <= A, _ = t === a, y = L({ label: w, id: g });
+  const n = d(null), i = d(null), { width: E = 0 } = f(n) || {}, { width: p = 0 } = f(i) || {}, { validatedValue: t, validatedMin: o, validatedMax: a } = N(x, b, h), r = $(o, a), v = r.indexOf(t), A = k(E), m = M(p, r.length), c = P(m, v), l = r.length <= A, _ = t === a, y = L({ label: w, id: g });
   return /* @__PURE__ */ e.createElement("div", { className: s["stepper-wrapper"], ref: n }, /* @__PURE__ */ e.createElement(
     "span",
     {

package/components/Stepper/Stepper.stories.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<import("./Stepper").StepperProps>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        ariaLabel: string;
+    };
+    argTypes: {
+        ariaLabel: {
+            control: string;
+        };
+        ariaLabelledById: {
+            control: string;
+        };
+        value: {
+            control: string;
+        };
+        min: {
+            control: string;
+        };
+        max: {
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Dots: Story;
+export declare const Smooth: Story;

package/components/Stepper/index.d.ts

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

package/components/Stepper/utils.d.ts

@@ -63,4 +63,3 @@ export declare const getValidatedProps: (value: number | undefined, min: number,
     validatedMin: number;
     validatedMax: number;
 };
-//# sourceMappingURL=utils.d.ts.map

package/components/Table/Table.d.ts

@@ -44,4 +44,3 @@ export declare const defaultConfig: BreakpointConfig[];
 export declare const simpleConfig: BreakpointConfig[];
 export declare const Table: React.FC<Props>;
 export default Table;
-//# sourceMappingURL=Table.d.ts.map

package/components/Table/Table.stories.d.ts

@@ -0,0 +1,89 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+import { ResponsiveTableVariant, Table, HeaderCategory, ModeType } from './';
+type TableWithAndCustomArgs = React.ComponentProps<typeof Table> & {
+    breakpoint: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    variant: ResponsiveTableVariant;
+    fallbackVariant: ResponsiveTableVariant;
+    headerCategory: HeaderCategory;
+};
+declare const meta: {
+    title: string;
+    component: React.FC<import("./Table").Props>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        breakpoint: "xl";
+        variant: ResponsiveTableVariant.none;
+        fallbackVariant: ResponsiveTableVariant.none;
+        headerCategory: HeaderCategory.normal;
+        mode: ModeType.normal;
+        scrollAriaLabel: string;
+    };
+    argTypes: {
+        breakpoint: {
+            control: string;
+            options: string[];
+        };
+        variant: {
+            control: string;
+            options: typeof ResponsiveTableVariant;
+        };
+        fallbackVariant: {
+            control: string;
+            options: typeof ResponsiveTableVariant;
+        };
+        headerCategory: {
+            control: string;
+            options: typeof HeaderCategory;
+        };
+        mode: {
+            control: string;
+            options: typeof ModeType;
+        };
+        scrollAriaLabel: {
+            control: string;
+        };
+        scrollAriaLabelledById: {
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<TableWithAndCustomArgs>;
+export declare const Default: Story;
+export declare const Compact: Story;
+export declare const DefaultResponsiveConfig: Story;
+export declare const SimpleResponsiveConfig: Story;
+export declare const SortableAndExpandable: Story;
+export declare const NestedExpandableBlockTables: Story;
+export declare const ExtraData: Story;
+export declare const Irregular: Story;
+export interface Legekontor {
+    Navn: string | JSX.Element;
+    Adresse: string;
+}
+export interface FastlegeAvtale {
+    AntallPlasser: number;
+    LedigePlasser: number;
+    Fastlege: Fastlege;
+    Legekontor: Legekontor;
+    Avtaledato: string;
+    Valgbar: boolean;
+    Fellesliste: boolean;
+    VentelisteTilgjengelig: boolean;
+    AntallPaVenteliste: number;
+}
+export interface Fastlege {
+    Stillingsprosent: string | null;
+    Autorisert: string | null;
+    Fornavn: string;
+    Etternavn: string;
+    Alder: string;
+    Kjonn: string;
+}

package/components/Table/TableBody/TableBody.d.ts

@@ -10,4 +10,3 @@ export interface Props extends Omit<React.ComponentPropsWithoutRef<'tbody'>, 'st
 }
 export declare const TableBody: React.FC<Props>;
 export default TableBody;
-//# sourceMappingURL=TableBody.d.ts.map

package/components/Table/TableBody/index.d.ts

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

package/components/Table/TableCell/TableCell.d.ts

@@ -23,4 +23,3 @@ export interface Props extends Omit<React.ComponentPropsWithoutRef<'td'>, 'style
 }
 export declare const TableCell: React.FC<Props>;
 export default TableCell;
-//# sourceMappingURL=TableCell.d.ts.map

package/components/Table/TableCell/index.d.ts

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

package/components/Table/TableExpandedRow/TableExpandedRow.d.ts

@@ -20,4 +20,3 @@ export interface Props {
 }
 export declare const TableExpandedRow: ({ numberOfColumns, expanded, hideDetailsText, toggleClick, children, className, mode, id, }: Props) => React.JSX.Element;
 export default TableExpandedRow;
-//# sourceMappingURL=TableExpandedRow.d.ts.map

package/components/Table/TableExpandedRow/TableExpandedRow.js

@@ -2,32 +2,30 @@ import e from "react";
 import o from "classnames";
 import E from "../../Button/Button.js";
 import { Icon as x } from "../../Icon/Icon.js";
-import w from "../../Icons/ChevronUp.js";
+import C from "../../Icons/ChevronUp.js";
 import t from "../styles.module.scss";
 import { ModeType as n } from "../Table.js";
-const C = ({
+const w = ({
   numberOfColumns: m,
   expanded: a,
   hideDetailsText: c,
   toggleClick: s,
-  children: d,
+  children: p,
   className: l,
-  mode: p = n.normal,
+  mode: d = n.normal,
   id: i
 }) => {
-  const _ = o(
+  const b = o(
     t["table__expanded-row"],
     { [t["table__expanded-row--expanded"]]: a },
     l
-  ), b = o(t.table__cell, l, {
-    [t["table__cell--compact"]]: p === n.compact
-  }), f = o(t["table__expanded-row-container"], {
-    [t["table__expanded-row-container--expanded"]]: a
-  });
-  return /* @__PURE__ */ e.createElement("tr", { className: _, id: i }, /* @__PURE__ */ e.createElement("td", { colSpan: m, className: b }, /* @__PURE__ */ e.createElement("div", { className: f }, e.Children.map(d, (r) => e.isValidElement(r) && e.cloneElement(r)), /* @__PURE__ */ e.createElement(E, { variant: "borderless", onClick: s, "aria-expanded": a, tabIndex: a ? 0 : -1 }, c, /* @__PURE__ */ e.createElement(x, { svgIcon: w })))));
-}, S = C;
+  ), _ = o(t.table__cell, l, {
+    [t["table__cell--compact"]]: d === n.compact
+  }), f = o(t["table__expanded-row-container"]);
+  return /* @__PURE__ */ e.createElement("tr", { className: b, id: i }, /* @__PURE__ */ e.createElement("td", { colSpan: m, className: _ }, /* @__PURE__ */ e.createElement("div", { className: f }, e.Children.map(p, (r) => e.isValidElement(r) && e.cloneElement(r)), /* @__PURE__ */ e.createElement(E, { variant: "borderless", onClick: s, "aria-expanded": a, tabIndex: a ? 0 : -1 }, c, /* @__PURE__ */ e.createElement(x, { svgIcon: C })))));
+}, S = w;
 export {
-  C as TableExpandedRow,
+  w as TableExpandedRow,
   S as default
 };
 //# sourceMappingURL=TableExpandedRow.js.map