@helsenorge/designsystem-react 5.4.0 → 6.0.0-beta.10

package/components/FormGroup/FormGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup.js","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, FormMode, FormSize } from '../../constants';\nimport { isComponent } from '../../utils/component';\nimport uuid from '../../utils/uuid';\nimport Checkbox, { CheckboxProps } from '../Checkbox/Checkbox';\nimport ErrorWrapper from '../ErrorWrapper';\nimport FormLayout, { FormLayoutProps } from '../FormLayout';\nimport Input, { InputProps } from '../Input/Input';\nimport RadioButton, { RadioButtonProps, getRadioLabelClasses } from '../RadioButton/RadioButton';\nimport Select, { SelectProps } from '../Select';\nimport Title from '../Title';\n\nimport formGroupStyles from './styles.module.scss';\n\nexport type FormGroupTags = 'fieldset' | 'div';\n\nexport interface FormGroupProps {\n  /** title for the the fieldset */\n  title?: string;\n  /** text placed in the legend tag of the fieldset */\n  legend?: string;\n  /** Items in the FormGroup component */\n  children?: React.ReactNode;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Adds custom classes to the errorWrapper. */\n  errorWrapperClassName?: string;\n  /** Adds custom classes to the fieldset element. */\n  fieldsetClassName?: string;\n  /** Changes the visuals of the formgroup */\n  mode?: keyof typeof FormMode;\n  /** Changes the visuals of the formgroup */\n  size?: keyof typeof FormSize;\n  /** Error message */\n  error?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Sets the data-testid attribute for the error-wrapper. */\n  errorWrapperTestId?: string;\n  /** Unique name for the child input element */\n  name?: string;\n  /** Unique name for the fieldset */\n  fieldsetName?: string;\n  /** Sets div instead of fieldset tag */\n  htmlMarkup?: FormGroupTags;\n  /** Renders the error component (Default: true) */\n  renderError?: boolean;\n}\n\nexport const FormGroup = React.forwardRef((props: FormGroupProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n  const {\n    className,\n    fieldsetClassName,\n    mode = FormMode.onwhite,\n    size = FormSize.medium,\n    error,\n    name,\n    htmlMarkup = 'fieldset',\n    renderError = true,\n    errorWrapperClassName,\n    errorWrapperTestId,\n  } = props;\n  const [checkedRadioId, setCheckedRadioId] = useState<string>();\n  const [radioGroupId] = useState<string>(uuid());\n  const onDark = mode === FormMode.ondark;\n  const isLarge = size === FormSize.large;\n  const formGroupWrapperClasses = classNames(\n    formGroupStyles['form-group-wrapper'],\n    {\n      [formGroupStyles['form-group-wrapper--on-dark']]: onDark,\n      [formGroupStyles['form-group-wrapper--invalid']]: error,\n    },\n    className\n  );\n  const titleClasses = classNames(formGroupStyles['form-group-wrapper__title'], {\n    [formGroupStyles['form-group-wrapper__title--on-dark']]: onDark && !error,\n    [formGroupStyles['form-group-wrapper__title--large']]: isLarge,\n  });\n  const formGroupClasses = classNames(formGroupStyles['form-group']);\n\n  const legendClasses = classNames(formGroupStyles['field-set__legend'], {\n    [formGroupStyles['field-set__legend--on-dark']]: onDark && !error,\n    [formGroupStyles['field-set__legend--large']]: isLarge,\n  });\n\n  const fieldsetClasses = classNames(formGroupStyles['field-set'], fieldsetClassName);\n\n  const mapFormComponent = (child: React.ReactNode, index: number): React.ReactNode => {\n    if (isComponent<FormGroupProps>(child, FormLayout)) {\n      return React.cloneElement(child as React.ReactElement<FormLayoutProps>, {\n        size,\n        mapHelper: mapFormComponent,\n      });\n    } else if (isComponent<FormGroupProps>(child, FormGroup)) {\n      return React.cloneElement(child, {\n        mode,\n        size,\n        error,\n        renderError: false,\n      });\n    } else if (isComponent<CheckboxProps>(child, Checkbox)) {\n      return React.cloneElement(child as React.ReactElement<CheckboxProps>, {\n        name: name ?? child.props.name,\n        mode,\n        size,\n        error: !!error,\n      });\n    } else if (isComponent<RadioButtonProps>(child, RadioButton)) {\n      const radioId = typeof child.props.inputId === 'undefined' ? radioGroupId + index : child.props.inputId;\n      return React.cloneElement(child as React.ReactElement<RadioButtonProps>, {\n        inputId: radioId,\n        name: name ?? child.props.name,\n        mode,\n        size,\n        onChange: (event: React.ChangeEvent<HTMLInputElement>) => {\n          setCheckedRadioId(event.target.id);\n          child.props.onChange && child.props.onChange(event);\n        },\n        error: !!error,\n        labelClassNames: getRadioLabelClasses(radioId, mode as FormMode, isLarge, checkedRadioId),\n      });\n    } else if (isComponent<InputProps>(child, Input)) {\n      return React.cloneElement(child as React.ReactElement<InputProps>, {\n        name: name ?? child.props.name,\n        mode,\n        size,\n        error: !!error,\n      });\n    } else if (isComponent<SelectProps>(child, Select)) {\n      return React.cloneElement(child as React.ReactElement<SelectProps>, {\n        name: name ?? child.props.name,\n        mode,\n        error: !!error,\n      });\n    }\n    return child;\n  };\n\n  const formGroupContent = (): React.ReactNode => {\n    return (\n      <div className={formGroupClasses}>\n        {htmlMarkup === 'div' && (\n          <div className={fieldsetClasses}>\n            {props.legend && <h5 className={legendClasses}>{props.legend}</h5>}\n            {React.Children.map(props.children, mapFormComponent)}\n          </div>\n        )}\n        {htmlMarkup === 'fieldset' && (\n          <fieldset name={props.fieldsetName} className={fieldsetClasses}>\n            {props.legend && <legend className={legendClasses}>{props.legend}</legend>}\n            {React.Children.map(props.children, mapFormComponent)}\n          </fieldset>\n        )}\n      </div>\n    );\n  };\n\n  return (\n    <div data-testid={props.testId} data-analyticsid={AnalyticsId.FormGroup} className={formGroupWrapperClasses} ref={ref} tabIndex={-1}>\n      {props.title && (\n        <Title className={titleClasses} htmlMarkup={'h4'} appearance={'title4'} margin={{ marginTop: 0, marginBottom: error ? 1 : 2 }}>\n          {props.title}\n        </Title>\n      )}\n      {renderError ? (\n        <ErrorWrapper className={errorWrapperClassName} errorText={error} testId={errorWrapperTestId}>\n          {formGroupContent()}\n        </ErrorWrapper>\n      ) : (\n        formGroupContent()\n      )}\n    </div>\n  );\n});\n\nFormGroup.displayName = 'FormGroup';\n\nexport default FormGroup;\n"],"names":["FormGroup","React","props","ref","className","fieldsetClassName","mode","FormMode","size","FormSize","error","name","htmlMarkup","renderError","errorWrapperClassName","errorWrapperTestId","checkedRadioId","setCheckedRadioId","useState","radioGroupId","uuid","onDark","isLarge","formGroupWrapperClasses","classNames","formGroupStyles","titleClasses","formGroupClasses","legendClasses","fieldsetClasses","mapFormComponent","child","index","isComponent","FormLayout","Checkbox","RadioButton","radioId","event","getRadioLabelClasses","Input","Select","formGroupContent","AnalyticsId","Title","ErrorWrapper","FormGroup$1"],"mappings":"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"}

package/components/FormGroup/index.js

@@ -1,2 +1,7 @@
-import{F as r}from"../../FormGroup.js";import{a as X}from"../../FormGroup.js";import"react";import"classnames";import"../../constants.js";import"../../utils/component.js";import"../../uuid.js";import"../../utils/environment.js";import"../../Checkbox.js";import"../../hooks/usePseudoClasses.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/grid.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../../utils/refs.js";import"../Icons/Icon.js";import"../../hooks/useUuid.js";import"../Icons/Check.js";import"../../Label.js";import"../../Spacer.js";import"../Spacer/styles.module.scss";import"../Label/styles.module.scss";import"../../StatusDot.js";import"../../hooks/useBreakpoint.js";import"../Icons/Attachment.js";import"../Icons/Group.js";import"../Icons/NoAccess.js";import"../Icons/Undo.js";import"../StatusDot/styles.module.scss";import"../Checkbox/styles.module.scss";import"../../ErrorWrapper.js";import"../ErrorWrapper/styles.module.scss";import"../../FormLayout.js";import"../FormLayout/styles.module.scss";import"../../Input.js";import"../../MaxCharacters.js";import"../MaxCharacters/styles.module.scss";import"../Input/styles.module.scss";import"../../RadioButton.js";import"../RadioButton/styles.module.scss";import"../../Select.js";import"../Icons/ChevronDown.js";import"../Select/styles.module.scss";import"../../Title.js";import"../Title/styles.module.scss";import"./styles.module.scss";export{X as FormGroup,r as default};
+import r from "./FormGroup.js";
+import { FormGroup as t } from "./FormGroup.js";
+export {
+  t as FormGroup,
+  r as default
+};
 //# sourceMappingURL=index.js.map

package/components/FormGroup/index.js.map

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

package/components/FormLayout/FormLayout.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FormVariant } from '../../constants';
+import { FormSize } from '../../constants';
 export declare enum FormLayoutColumns {
     one = "one",
     two = "two",
@@ -15,7 +15,7 @@ export interface FormLayoutProps {
     /** Items in the FormLayout component */
     children?: React.ReactNode;
     /** Changes the visuals of the formgroup */
-    variant?: keyof typeof FormVariant;
+    size?: keyof typeof FormSize;
     /** Adds custom classes to the element. */
     className?: string;
     /** Sets the data-testid attribute. */
@@ -23,6 +23,6 @@ export interface FormLayoutProps {
     /** Function that helps map the form children */
     mapHelper?: (child: React.ReactNode, index: number) => React.ReactNode;
 }
-export declare const FormLayout: React.ForwardRefExoticComponent<FormLayoutProps & React.RefAttributes<HTMLElement>>;
+export declare const FormLayout: React.ForwardRefExoticComponent<FormLayoutProps & React.RefAttributes<HTMLDivElement>>;
 export default FormLayout;
 //# sourceMappingURL=FormLayout.d.ts.map

package/components/FormLayout/FormLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormLayout.d.ts","sourceRoot":"","sources":["../../../src/components/FormLayout/FormLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAe,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAI3D,oBAAY,iBAAiB;IAC3B,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAED,MAAM,WAAW,eAAe;IAC9B,sEAAsE;IACtE,UAAU,CAAC,EAAE,MAAM,OAAO,iBAAiB,CAAC;IAC5C,oGAAoG;IACpG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IACnC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gDAAgD;IAChD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACxE;AAED,eAAO,MAAM,UAAU,qFAyBrB,CAAC;AAIH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"FormLayout.d.ts","sourceRoot":"","sources":["../../../src/components/FormLayout/FormLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAe,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAIxD,oBAAY,iBAAiB;IAC3B,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAED,MAAM,WAAW,eAAe;IAC9B,sEAAsE;IACtE,UAAU,CAAC,EAAE,MAAM,OAAO,iBAAiB,CAAC;IAC5C,oGAAoG;IACpG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gDAAgD;IAChD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACxE;AAED,eAAO,MAAM,UAAU,wFA+BrB,CAAC;AAIH,eAAe,UAAU,CAAC"}

package/components/FormLayout/FormLayout.js

@@ -0,0 +1,39 @@
+import r from "react";
+import l from "classnames";
+import { FormSize as p, AnalyticsId as v } from "../../constants.js";
+import t from "./styles.module.scss";
+var w = /* @__PURE__ */ ((e) => (e.one = "one", e.two = "two", e.three = "three", e.four = "four", e.five = "five", e))(w || {});
+const m = r.forwardRef((e, s) => {
+  const { maxColumns: o = "one", colMinWidth: c = 300, size: f, className: n, mapHelper: a } = e, d = { "--min-col-width": `${c}px` }, u = l(
+    t["form-layout-container"],
+    {
+      [t["form-layout-container--large"]]: f === p.large
+    },
+    n
+  ), y = l(t["form-layout-child"], {
+    [t["form-layout-child--two"]]: o === "two",
+    [t["form-layout-child--three"]]: o === "three",
+    [t["form-layout-child--four"]]: o === "four",
+    [t["form-layout-child--five"]]: o === "five"
+    /* five */
+  });
+  return /* @__PURE__ */ r.createElement(
+    "div",
+    {
+      "data-testid": e.testId,
+      "data-analyticsid": v.FormLayout,
+      style: d,
+      className: u,
+      ref: s
+    },
+    r.Children.map(e.children, (i, h) => /* @__PURE__ */ r.createElement("div", { className: y }, a ? a(i, h) : i))
+  );
+});
+m.displayName = "FormLayout";
+const C = m;
+export {
+  m as FormLayout,
+  w as FormLayoutColumns,
+  C as default
+};
+//# sourceMappingURL=FormLayout.js.map

package/components/FormLayout/FormLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.js","sources":["../../../src/components/FormLayout/FormLayout.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, FormSize } from '../../constants';\n\nimport formGroupStyles from './styles.module.scss';\n\nexport enum FormLayoutColumns {\n  one = 'one',\n  two = 'two',\n  three = 'three',\n  four = 'four',\n  five = 'five',\n}\n\nexport interface FormLayoutProps {\n  /** The max number of columns that will exist if space is available */\n  maxColumns?: keyof typeof FormLayoutColumns;\n  /** Sets the minimum width for the columns in pixels - this determines how many will fit on a row */\n  colMinWidth?: number;\n  /** Items in the FormLayout component */\n  children?: React.ReactNode;\n  /** Changes the visuals of the formgroup */\n  size?: keyof typeof FormSize;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Function that helps map the form children */\n  mapHelper?: (child: React.ReactNode, index: number) => React.ReactNode;\n}\n\nexport const FormLayout = React.forwardRef((props: FormLayoutProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n  const { maxColumns: columns = FormLayoutColumns.one, colMinWidth = 300, size, className, mapHelper } = props;\n\n  const cssVariable = { '--min-col-width': `${colMinWidth}px` } as React.CSSProperties;\n  const formLayoutContainerClasses = classNames(\n    formGroupStyles['form-layout-container'],\n    {\n      [formGroupStyles['form-layout-container--large']]: size === FormSize.large,\n    },\n    className\n  );\n  const formLayoutChildClasses = classNames(formGroupStyles['form-layout-child'], {\n    [formGroupStyles['form-layout-child--two']]: columns === FormLayoutColumns.two,\n    [formGroupStyles['form-layout-child--three']]: columns === FormLayoutColumns.three,\n    [formGroupStyles['form-layout-child--four']]: columns === FormLayoutColumns.four,\n    [formGroupStyles['form-layout-child--five']]: columns === FormLayoutColumns.five,\n  });\n\n  return (\n    <div\n      data-testid={props.testId}\n      data-analyticsid={AnalyticsId.FormLayout}\n      style={cssVariable}\n      className={formLayoutContainerClasses}\n      ref={ref}\n    >\n      {React.Children.map(props.children, (child: React.ReactNode, index: number) => {\n        return <div className={formLayoutChildClasses}>{mapHelper ? mapHelper(child, index) : child}</div>;\n      })}\n    </div>\n  );\n});\n\nFormLayout.displayName = 'FormLayout';\n\nexport default FormLayout;\n"],"names":["FormLayoutColumns","FormLayout","React","props","ref","columns","colMinWidth","size","className","mapHelper","cssVariable","formLayoutContainerClasses","classNames","formGroupStyles","FormSize","formLayoutChildClasses","AnalyticsId","child","index","FormLayout$1"],"mappings":";;;;AAQY,IAAAA,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,MAAM,OACNA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,OAAO,QALGA,IAAAA,KAAA,CAAA,CAAA;AAyBL,MAAMC,IAAaC,EAAM,WAAW,CAACC,GAAwBC,MAA4C;AACxG,QAAA,EAAE,YAAYC,IAAU,OAAuB,aAAAC,IAAc,KAAK,MAAAC,GAAM,WAAAC,GAAW,WAAAC,EAAc,IAAAN,GAEjGO,IAAc,EAAE,mBAAmB,GAAGJ,CAAW,QACjDK,IAA6BC;AAAA,IACjCC,EAAgB,uBAAuB;AAAA,IACvC;AAAA,MACE,CAACA,EAAgB,8BAA8B,CAAC,GAAGN,MAASO,EAAS;AAAA,IACvE;AAAA,IACAN;AAAA,EAAA,GAEIO,IAAyBH,EAAWC,EAAgB,mBAAmB,GAAG;AAAA,IAC9E,CAACA,EAAgB,wBAAwB,CAAC,GAAGR,MAAY;AAAA,IACzD,CAACQ,EAAgB,0BAA0B,CAAC,GAAGR,MAAY;AAAA,IAC3D,CAACQ,EAAgB,yBAAyB,CAAC,GAAGR,MAAY;AAAA,IAC1D,CAACQ,EAAgB,yBAAyB,CAAC,GAAGR,MAAY;AAAA;AAAA,EAAA,CAC3D;AAGC,SAAA,gBAAAH,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAaC,EAAM;AAAA,MACnB,oBAAkBa,EAAY;AAAA,MAC9B,OAAON;AAAA,MACP,WAAWC;AAAA,MACX,KAAAP;AAAA,IAAA;AAAA,IAECF,EAAM,SAAS,IAAIC,EAAM,UAAU,CAACc,GAAwBC,MACpD,gBAAAhB,EAAA,cAAC,SAAI,WAAWa,EAAA,GAAyBN,IAAYA,EAAUQ,GAAOC,CAAK,IAAID,CAAM,CAC7F;AAAA,EAAA;AAGP,CAAC;AAEDhB,EAAW,cAAc;AAEzB,MAAAkB,IAAelB;"}

package/components/FormLayout/index.js

@@ -1,2 +1,8 @@
-import{F as r}from"../../FormLayout.js";import{b as u,a as F}from"../../FormLayout.js";import"react";import"classnames";import"../../constants.js";import"./styles.module.scss";export{u as FormLayout,F as FormLayoutColumns,r as default};
+import r from "./FormLayout.js";
+import { FormLayout as a, FormLayoutColumns as u } from "./FormLayout.js";
+export {
+  a as FormLayout,
+  u as FormLayoutColumns,
+  r as default
+};
 //# sourceMappingURL=index.js.map

package/components/FormLayout/index.js.map

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

package/components/FormLayout/styles.module.scss

@@ -10,7 +10,7 @@
   row-gap: getSpacer(s);
   column-gap: var(--column-gap);
 
-  &--bigform {
+  &--large {
     row-gap: getSpacer(2xs);
   }
 }

package/components/FormLayout/styles.module.scss.d.ts

@@ -5,7 +5,7 @@ export type Styles = {
   'form-layout-child--three': string;
   'form-layout-child--two': string;
   'form-layout-container': string;
-  'form-layout-container--bigform': string;
+  'form-layout-container--large': string;
 };
 
 export type ClassNames = keyof Styles;

package/components/GridExample/GridExample.js

@@ -0,0 +1,7 @@
+import e from "react";
+const t = ({ children: a }) => /* @__PURE__ */ e.createElement("div", { className: "container" }, /* @__PURE__ */ e.createElement("div", { className: "row" }, /* @__PURE__ */ e.createElement("div", { className: "col" }, a))), l = t;
+export {
+  t as GridExample,
+  l as default
+};
+//# sourceMappingURL=GridExample.js.map

package/components/GridExample/GridExample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridExample.js","sources":["../../../src/components/GridExample/GridExample.tsx"],"sourcesContent":["import React from 'react';\n\nexport const GridExample: React.FC = ({ children }) => (\n  <div className=\"container\">\n    <div className=\"row\">\n      <div className=\"col\">{children}</div>\n    </div>\n  </div>\n);\n\nexport default GridExample;\n"],"names":["GridExample","children","React","GridExample$1"],"mappings":";AAEO,MAAMA,IAAwB,CAAC,EAAE,UAAAC,EACtC,MAAA,gBAAAC,EAAA,cAAC,SAAI,WAAU,YAAA,mCACZ,OAAI,EAAA,WAAU,SACZ,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,SAAOD,CAAS,CACjC,CACF,GAGFE,IAAeH;"}

package/components/GridExample/index.js

@@ -1,2 +1,7 @@
-import e from"react";const t=({children:a})=>e.createElement("div",{className:"container"},e.createElement("div",{className:"row"},e.createElement("div",{className:"col"},a))),l=t;export{t as GridExample,l as default};
+import e from "./GridExample.js";
+import { GridExample as p } from "./GridExample.js";
+export {
+  p as GridExample,
+  e as default
+};
 //# sourceMappingURL=index.js.map

package/components/GridExample/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/GridExample/GridExample.tsx"],"sourcesContent":["import React from 'react';\n\nexport const GridExample: React.FC = ({ children }) => (\n  <div className=\"container\">\n    <div className=\"row\">\n      <div className=\"col\">{children}</div>\n    </div>\n  </div>\n);\n\nexport default GridExample;\n"],"names":["GridExample","children","React","GridExample$1"],"mappings":"qBAEO,MAAMA,EAAwB,CAAC,CAAE,SAAAC,CACtC,IAAAC,EAAA,cAAC,OAAI,UAAU,WAAA,kBACZ,MAAI,CAAA,UAAU,OACZA,EAAA,cAAA,MAAA,CAAI,UAAU,OAAOD,CAAS,CACjC,CACF,EAGFE,EAAeH"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/components/HelpBubble/HelpBubble.js

@@ -0,0 +1,62 @@
+import e from "react";
+import c from "classnames";
+import { AnalyticsId as L } from "../../constants.js";
+import w from "../AnchorLink/AnchorLink.js";
+import A from "../Close/Close.js";
+import I, { PopOverVariant as R } from "../PopOver/PopOver.js";
+import t from "./styles.module.scss";
+const M = R, b = e.forwardRef((m, p) => {
+  const {
+    children: u,
+    className: f = "",
+    noCloseButton: n,
+    linkText: r = "Mer hjelp",
+    linkUrl: o,
+    linkTarget: d,
+    onLinkClick: s,
+    onClose: h,
+    closeAriaLabel: k,
+    // Props passed on to PopOver
+    showBubble: a,
+    helpBubbleId: B,
+    variant: C,
+    controllerRef: _,
+    role: i,
+    testId: E
+  } = m, l = i === "tooltip";
+  if (!a && !l)
+    return null;
+  const N = c(t.helpbubble, f), v = c(t.helpbubble__content, {
+    [t["helpbubble__content--close"]]: !n && !l
+  }), y = () => {
+    if (!l) {
+      if (s && r)
+        return /* @__PURE__ */ e.createElement("button", { className: t.helpbubble__link, onClick: s, type: "button" }, r);
+      if (o && r)
+        return /* @__PURE__ */ e.createElement(w, { href: o, target: d }, r);
+    }
+  }, H = () => {
+    if (!(n || l))
+      return /* @__PURE__ */ e.createElement("div", { className: t.helpbubble__close }, /* @__PURE__ */ e.createElement(A, { small: !0, onClick: h, ariaLabel: k }));
+  };
+  return /* @__PURE__ */ e.createElement(
+    I,
+    {
+      id: B,
+      variant: C,
+      controllerRef: _,
+      role: i,
+      ref: p,
+      show: l && a,
+      testId: E
+    },
+    /* @__PURE__ */ e.createElement("div", { className: N, "data-analyticsid": L.HelpBubble }, H(), /* @__PURE__ */ e.createElement("div", { className: v }, u, y()))
+  );
+});
+b.displayName = "HelpBubble";
+const U = b;
+export {
+  M as HelpBubbleVariant,
+  U as default
+};
+//# sourceMappingURL=HelpBubble.js.map

package/components/HelpBubble/HelpBubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpBubble.js","sources":["../../../src/components/HelpBubble/HelpBubble.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport AnchorLink, { AnchorLinkTargets } from '../AnchorLink';\nimport Close from '../Close';\nimport PopOver, { PopOverProps, PopOverVariant } from '../PopOver';\n\nimport styles from './styles.module.scss';\n\nexport const HelpBubbleVariant = PopOverVariant;\n\ntype HelpBubbleRole = 'tooltip';\n\nexport interface HelpBubbleProps extends Pick<PopOverProps, 'children' | 'variant' | 'controllerRef' | 'role'> {\n  /** Id of the HelpBubble */\n  helpBubbleId?: string;\n  /** Content shown inside HelpBubble. Note that if role=\"tooltip\", you must not include interactive/focusable elements. */\n  children: React.ReactNode;\n  /** Ref for the element the HelpBubble is placed upon */\n  controllerRef: React.RefObject<HTMLElement | SVGSVGElement>;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Determines the placement of the helpbubble. Default: automatic positioning. */\n  variant?: keyof typeof HelpBubbleVariant;\n  /** Show the bubble. Default: false. */\n  showBubble?: boolean;\n  /** Hide the close button in the bubble. Close button is never rendered if role=\"tooltip\". */\n  noCloseButton?: boolean;\n  /** Visible text on the link. Link is never rendered if role=\"tooltip\". */\n  linkText?: string;\n  /** Url the link leads to */\n  linkUrl?: string;\n  /** Sets the target type of the link. _blank adds an arrow icon at the end of the link */\n  linkTarget?: AnchorLinkTargets;\n  /** Function is called when link is clicked */\n  onLinkClick?: () => void;\n  /** Function is called when user clicks the button */\n  onClose?: () => void;\n  /** aria-label to be passed onto Close */\n  closeAriaLabel?: string;\n  /** Sets role of the HelpBubble element. If set to \"tooltip\",  */\n  role?: HelpBubbleRole;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst HelpBubble = React.forwardRef<HTMLDivElement | SVGSVGElement, HelpBubbleProps>((props, ref) => {\n  const {\n    children,\n    className = '',\n    noCloseButton,\n    linkText = 'Mer hjelp',\n    linkUrl,\n    linkTarget,\n    onLinkClick,\n    onClose,\n    closeAriaLabel,\n    // Props passed on to PopOver\n    showBubble,\n    helpBubbleId,\n    variant,\n    controllerRef,\n    role,\n    testId,\n  } = props;\n\n  const isTooltip = role === 'tooltip';\n\n  if (!showBubble && !isTooltip) {\n    return null;\n  }\n\n  const helpBubbleClasses = classNames(styles.helpbubble, className);\n\n  const contentClasses = classNames(styles.helpbubble__content, {\n    [styles['helpbubble__content--close']]: !noCloseButton && !isTooltip,\n  });\n\n  const renderLink = (): JSX.Element | undefined => {\n    // Det er ikke tillatt med interaktive/fokuserbare elementer i role=\"tooltip\"\n    if (isTooltip) {\n      return;\n    }\n    if (onLinkClick && linkText) {\n      return (\n        <button className={styles.helpbubble__link} onClick={onLinkClick} type=\"button\">\n          {linkText}\n        </button>\n      );\n    } else if (linkUrl && linkText) {\n      return (\n        <AnchorLink href={linkUrl} target={linkTarget}>\n          {linkText}\n        </AnchorLink>\n      );\n    }\n  };\n\n  const renderCloseButton = (): JSX.Element | undefined => {\n    if (noCloseButton || isTooltip) {\n      return;\n    }\n    return (\n      <div className={styles.helpbubble__close}>\n        <Close small onClick={onClose} ariaLabel={closeAriaLabel} />\n      </div>\n    );\n  };\n\n  return (\n    <PopOver\n      id={helpBubbleId}\n      variant={variant}\n      controllerRef={controllerRef}\n      role={role}\n      ref={ref}\n      show={isTooltip && showBubble}\n      testId={testId}\n    >\n      <div className={helpBubbleClasses} data-analyticsid={AnalyticsId.HelpBubble}>\n        {renderCloseButton()}\n        <div className={contentClasses}>\n          {children}\n          {renderLink()}\n        </div>\n      </div>\n    </PopOver>\n  );\n});\n\nHelpBubble.displayName = 'HelpBubble';\n\nexport default HelpBubble;\n"],"names":["HelpBubbleVariant","PopOverVariant","HelpBubble","React","props","ref","children","className","noCloseButton","linkText","linkUrl","linkTarget","onLinkClick","onClose","closeAriaLabel","showBubble","helpBubbleId","variant","controllerRef","role","testId","isTooltip","helpBubbleClasses","classNames","styles","contentClasses","renderLink","AnchorLink","renderCloseButton","Close","PopOver","AnalyticsId","HelpBubble$1"],"mappings":";;;;;;;AAWO,MAAMA,IAAoBC,GAqC3BC,IAAaC,EAAM,WAA4D,CAACC,GAAOC,MAAQ;AAC7F,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,eAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,gBAAAC;AAAA;AAAA,IAEA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAhB,GAEEiB,IAAYF,MAAS;AAEvB,MAAA,CAACJ,KAAc,CAACM;AACX,WAAA;AAGT,QAAMC,IAAoBC,EAAWC,EAAO,YAAYjB,CAAS,GAE3DkB,IAAiBF,EAAWC,EAAO,qBAAqB;AAAA,IAC5D,CAACA,EAAO,4BAA4B,CAAC,GAAG,CAAChB,KAAiB,CAACa;AAAA,EAAA,CAC5D,GAEKK,IAAa,MAA+B;AAEhD,QAAI,CAAAL,GAGJ;AAAA,UAAIT,KAAeH;AAEf,eAAA,gBAAAN,EAAA,cAAC,YAAO,WAAWqB,EAAO,kBAAkB,SAASZ,GAAa,MAAK,SAAA,GACpEH,CACH;AAEJ,UAAWC,KAAWD;AACpB,+CACGkB,GAAW,EAAA,MAAMjB,GAAS,QAAQC,KAChCF,CACH;AAAA;AAAA,EAEJ,GAGImB,IAAoB,MAA+B;AACvD,QAAI,EAAApB,KAAiBa;AAGrB,aACG,gBAAAlB,EAAA,cAAA,OAAA,EAAI,WAAWqB,EAAO,kBACrB,GAAA,gBAAArB,EAAA,cAAC0B,GAAM,EAAA,OAAK,IAAC,SAAShB,GAAS,WAAWC,EAAgB,CAAA,CAC5D;AAAA,EAAA;AAKF,SAAA,gBAAAX,EAAA;AAAA,IAAC2B;AAAA,IAAA;AAAA,MACC,IAAId;AAAA,MACJ,SAAAC;AAAA,MACA,eAAAC;AAAA,MACA,MAAAC;AAAA,MACA,KAAAd;AAAA,MACA,MAAMgB,KAAaN;AAAA,MACnB,QAAAK;AAAA,IAAA;AAAA,oCAEC,OAAI,EAAA,WAAWE,GAAmB,oBAAkBS,EAAY,cAC9DH,EACD,GAAA,gBAAAzB,EAAA,cAAC,SAAI,WAAWsB,KACbnB,GACAoB,EAAA,CACH,CACF;AAAA,EAAA;AAGN,CAAC;AAEDxB,EAAW,cAAc;AAEzB,MAAA8B,IAAe9B;"}

package/components/HelpBubble/index.js

@@ -1,2 +1,7 @@
-import{H as o}from"../../HelpBubble.js";import{a as I}from"../../HelpBubble.js";import"react";import"classnames";import"../../constants.js";import"../../AnchorLink.js";import"../../hooks/useHover.js";import"../../hooks/usePseudoClasses.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/grid.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../Icons/Icon.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../Icons/ArrowUpRight.js";import"../AnchorLink/styles.module.scss";import"../../Close.js";import"../../hooks/useBreakpoint.js";import"../../utils/refs.js";import"../Icons/X.js";import"../Close/styles.module.scss";import"../../PopOver.js";import"../../hooks/useInterval.js";import"../../hooks/useIsVisible.js";import"../../hooks/useIntersectionObserver.js";import"../../hooks/useLayoutEvent.js";import"../../utils/debounce.js";import"../../hooks/useSize.js";import"../PopOver/styles.module.scss";import"./styles.module.scss";export{I as HelpBubbleVariant,o as default};
+import r from "./HelpBubble.js";
+import { HelpBubbleVariant as p } from "./HelpBubble.js";
+export {
+  p as HelpBubbleVariant,
+  r as default
+};
 //# sourceMappingURL=index.js.map

package/components/HelpBubble/index.js.map

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

package/components/HelpBubbleExample/HelpBubbleExample.js

@@ -0,0 +1,20 @@
+import e, { useRef as o } from "react";
+import a from "../HelpBubble/HelpBubble.js";
+const l = (i) => {
+  const t = o(null);
+  return /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("span", null, "Consequat adipisicing nostrud non in labore sunt consequat mollit dolore quis voluptate eu veniam adipisicing. Dolor ipsum excepteur anim id ea dolore esse. Sint exercitation duis pariatur in qui ea reprehenderit consectetur sunt minim in ut cupidatat dolore. Eiusmod ut Lorem nostrud id adipisicing ullamco enim. Velit officia mollit laboris amet reprehenderit ad. Nisi cupidatat dolor voluptate officia mollit eu nostrud ipsum. Dolor labore ullamco nostrud consectetur dolor duis qui magna reprehenderit. Esse reprehenderit dolor fugiat sunt adipisicing est. Aliquip duis pariatur labore amet sit occaecat ea eiusmod cillum. Adipisicing magna aute officia cillum non."), /* @__PURE__ */ e.createElement("div", { style: { position: "relative", display: "inline" } }, /* @__PURE__ */ e.createElement("span", { ref: t, style: { display: "inline-block", color: "red" } }, "Jeg er en tooltip tekst."), /* @__PURE__ */ e.createElement(
+    a,
+    {
+      ...i,
+      onClose: () => {
+        alert("Bubble closed");
+      },
+      controllerRef: t
+    },
+    i.children
+  )), /* @__PURE__ */ e.createElement("span", null, "Consequat adipisicing nostrud non in labore sunt consequat mollit dolore quis voluptate eu veniam adipisicing. Dolor ipsum excepteur anim id ea dolore esse. Sint exercitation duis pariatur in qui ea reprehenderit consectetur sunt minim in ut cupidatat dolore. Eiusmod ut Lorem nostrud id adipisicing ullamco enim. Velit officia mollit laboris amet reprehenderit ad. Nisi cupidatat dolor voluptate officia mollit eu nostrud ipsum. Dolor labore ullamco nostrud consectetur dolor duis qui magna reprehenderit. Esse reprehenderit dolor fugiat sunt adipisicing est. Aliquip duis pariatur labore amet sit occaecat ea eiusmod cillum. Adipisicing magna aute officia cillum non."));
+}, u = l;
+export {
+  u as default
+};
+//# sourceMappingURL=HelpBubbleExample.js.map

package/components/HelpBubbleExample/HelpBubbleExample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpBubbleExample.js","sources":["../../../src/components/HelpBubbleExample/HelpBubbleExample.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport HelpBubble, { HelpBubbleProps } from '../HelpBubble/HelpBubble';\n\nconst HelpBubbleExample: React.FC<HelpBubbleProps> = props => {\n  const controllerRef = useRef<HTMLSpanElement>(null);\n\n  return (\n    <div>\n      <span>\n        {\n          'Consequat adipisicing nostrud non in labore sunt consequat mollit dolore quis voluptate eu veniam adipisicing. Dolor ipsum excepteur anim id ea dolore esse. Sint exercitation duis pariatur in qui ea reprehenderit consectetur sunt minim in ut cupidatat dolore. Eiusmod ut Lorem nostrud id adipisicing ullamco enim. Velit officia mollit laboris amet reprehenderit ad. Nisi cupidatat dolor voluptate officia mollit eu nostrud ipsum. Dolor labore ullamco nostrud consectetur dolor duis qui magna reprehenderit. Esse reprehenderit dolor fugiat sunt adipisicing est. Aliquip duis pariatur labore amet sit occaecat ea eiusmod cillum. Adipisicing magna aute officia cillum non.'\n        }\n      </span>\n      <div style={{ position: 'relative', display: 'inline' }}>\n        <span ref={controllerRef} style={{ display: 'inline-block', color: 'red' }}>\n          {'Jeg er en tooltip tekst.'}\n        </span>\n        <HelpBubble\n          {...props}\n          onClose={() => {\n            alert('Bubble closed');\n          }}\n          controllerRef={controllerRef}\n        >\n          {props.children}\n        </HelpBubble>\n      </div>\n      <span>\n        {\n          'Consequat adipisicing nostrud non in labore sunt consequat mollit dolore quis voluptate eu veniam adipisicing. Dolor ipsum excepteur anim id ea dolore esse. Sint exercitation duis pariatur in qui ea reprehenderit consectetur sunt minim in ut cupidatat dolore. Eiusmod ut Lorem nostrud id adipisicing ullamco enim. Velit officia mollit laboris amet reprehenderit ad. Nisi cupidatat dolor voluptate officia mollit eu nostrud ipsum. Dolor labore ullamco nostrud consectetur dolor duis qui magna reprehenderit. Esse reprehenderit dolor fugiat sunt adipisicing est. Aliquip duis pariatur labore amet sit occaecat ea eiusmod cillum. Adipisicing magna aute officia cillum non.'\n        }\n      </span>\n    </div>\n  );\n};\n\nexport default HelpBubbleExample;\n"],"names":["HelpBubbleExample","props","controllerRef","useRef","React","HelpBubble","HelpBubbleExample$1"],"mappings":";;AAIA,MAAMA,IAA+C,CAASC,MAAA;AACtD,QAAAC,IAAgBC,EAAwB,IAAI;AAGhD,SAAA,gBAAAC,EAAA,cAAC,OACC,MAAA,gBAAAA,EAAA,cAAC,QAEG,MAAA,+pBAEJ,GACA,gBAAAA,EAAA,cAAC,OAAI,EAAA,OAAO,EAAE,UAAU,YAAY,SAAS,SAAS,EAAA,GACnD,gBAAAA,EAAA,cAAA,QAAA,EAAK,KAAKF,GAAe,OAAO,EAAE,SAAS,gBAAgB,OAAO,MAChE,EAAA,GAAA,0BACH,GACA,gBAAAE,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,SAAS,MAAM;AACb,cAAM,eAAe;AAAA,MACvB;AAAA,MACA,eAAAC;AAAA,IAAA;AAAA,IAECD,EAAM;AAAA,EAAA,CAEX,GACC,gBAAAG,EAAA,cAAA,QAAA,MAEG,+pBAEJ,CACF;AAEJ,GAEAE,IAAeN;"}

package/components/HelpBubbleExample/index.js

@@ -1,2 +1,5 @@
-import i,{useRef as o}from"react";import{H as r}from"../../HelpBubble.js";import"classnames";import"../../constants.js";import"../../AnchorLink.js";import"../../hooks/useHover.js";import"../../hooks/usePseudoClasses.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/grid.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../Icons/Icon.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../Icons/ArrowUpRight.js";import"../AnchorLink/styles.module.scss";import"../../Close.js";import"../../hooks/useBreakpoint.js";import"../../utils/refs.js";import"../Icons/X.js";import"../Close/styles.module.scss";import"../../PopOver.js";import"../../hooks/useInterval.js";import"../../hooks/useIsVisible.js";import"../../hooks/useIntersectionObserver.js";import"../../hooks/useLayoutEvent.js";import"../../utils/debounce.js";import"../../hooks/useSize.js";import"../PopOver/styles.module.scss";import"../HelpBubble/styles.module.scss";const a=e=>{const t=o(null);return i.createElement("div",null,i.createElement("span",null,"Consequat adipisicing nostrud non in labore sunt consequat mollit dolore quis voluptate eu veniam adipisicing. Dolor ipsum excepteur anim id ea dolore esse. Sint exercitation duis pariatur in qui ea reprehenderit consectetur sunt minim in ut cupidatat dolore. Eiusmod ut Lorem nostrud id adipisicing ullamco enim. Velit officia mollit laboris amet reprehenderit ad. Nisi cupidatat dolor voluptate officia mollit eu nostrud ipsum. Dolor labore ullamco nostrud consectetur dolor duis qui magna reprehenderit. Esse reprehenderit dolor fugiat sunt adipisicing est. Aliquip duis pariatur labore amet sit occaecat ea eiusmod cillum. Adipisicing magna aute officia cillum non."),i.createElement("div",{style:{position:"relative",display:"inline"}},i.createElement("span",{ref:t,style:{display:"inline-block",color:"red"}},"Jeg er en tooltip tekst."),i.createElement(r,{...e,onClose:()=>{alert("Bubble closed")},controllerRef:t},e.children)),i.createElement("span",null,"Consequat adipisicing nostrud non in labore sunt consequat mollit dolore quis voluptate eu veniam adipisicing. Dolor ipsum excepteur anim id ea dolore esse. Sint exercitation duis pariatur in qui ea reprehenderit consectetur sunt minim in ut cupidatat dolore. Eiusmod ut Lorem nostrud id adipisicing ullamco enim. Velit officia mollit laboris amet reprehenderit ad. Nisi cupidatat dolor voluptate officia mollit eu nostrud ipsum. Dolor labore ullamco nostrud consectetur dolor duis qui magna reprehenderit. Esse reprehenderit dolor fugiat sunt adipisicing est. Aliquip duis pariatur labore amet sit occaecat ea eiusmod cillum. Adipisicing magna aute officia cillum non."))},z=a;export{z as default};
+import l from "./HelpBubbleExample.js";
+export {
+  l as default
+};
 //# sourceMappingURL=index.js.map

package/components/HelpBubbleExample/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/HelpBubbleExample/HelpBubbleExample.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport HelpBubble, { HelpBubbleProps } from '../HelpBubble/HelpBubble';\n\nconst HelpBubbleExample: React.FC<HelpBubbleProps> = props => {\n  const controllerRef = useRef<HTMLSpanElement>(null);\n\n  return (\n    <div>\n      <span>\n        {\n          'Consequat adipisicing nostrud non in labore sunt consequat mollit dolore quis voluptate eu veniam adipisicing. Dolor ipsum excepteur anim id ea dolore esse. Sint exercitation duis pariatur in qui ea reprehenderit consectetur sunt minim in ut cupidatat dolore. Eiusmod ut Lorem nostrud id adipisicing ullamco enim. Velit officia mollit laboris amet reprehenderit ad. Nisi cupidatat dolor voluptate officia mollit eu nostrud ipsum. Dolor labore ullamco nostrud consectetur dolor duis qui magna reprehenderit. Esse reprehenderit dolor fugiat sunt adipisicing est. Aliquip duis pariatur labore amet sit occaecat ea eiusmod cillum. Adipisicing magna aute officia cillum non.'\n        }\n      </span>\n      <div style={{ position: 'relative', display: 'inline' }}>\n        <span ref={controllerRef} style={{ display: 'inline-block', color: 'red' }}>\n          {'Jeg er en tooltip tekst.'}\n        </span>\n        <HelpBubble\n          {...props}\n          onClose={() => {\n            alert('Bubble closed');\n          }}\n          controllerRef={controllerRef}\n        >\n          {props.children}\n        </HelpBubble>\n      </div>\n      <span>\n        {\n          'Consequat adipisicing nostrud non in labore sunt consequat mollit dolore quis voluptate eu veniam adipisicing. Dolor ipsum excepteur anim id ea dolore esse. Sint exercitation duis pariatur in qui ea reprehenderit consectetur sunt minim in ut cupidatat dolore. Eiusmod ut Lorem nostrud id adipisicing ullamco enim. Velit officia mollit laboris amet reprehenderit ad. Nisi cupidatat dolor voluptate officia mollit eu nostrud ipsum. Dolor labore ullamco nostrud consectetur dolor duis qui magna reprehenderit. Esse reprehenderit dolor fugiat sunt adipisicing est. Aliquip duis pariatur labore amet sit occaecat ea eiusmod cillum. Adipisicing magna aute officia cillum non.'\n        }\n      </span>\n    </div>\n  );\n};\n\nexport default HelpBubbleExample;\n"],"names":["HelpBubbleExample","props","controllerRef","useRef","React","HelpBubble","HelpBubbleExample$1"],"mappings":"ugCAIA,MAAMA,EAAwDC,GAAA,CACtD,MAAAC,EAAgBC,EAAwB,IAAI,EAGhD,OAAAC,EAAA,cAAC,MACC,KAAAA,EAAA,cAAC,OAEG,KAAA,+pBAEJ,EACAA,EAAA,cAAC,MAAI,CAAA,MAAO,CAAE,SAAU,WAAY,QAAS,QAAS,CAAA,EACnDA,EAAA,cAAA,OAAA,CAAK,IAAKF,EAAe,MAAO,CAAE,QAAS,eAAgB,MAAO,KAChE,CAAA,EAAA,0BACH,EACAE,EAAA,cAACC,EAAA,CACE,GAAGJ,EACJ,QAAS,IAAM,CACb,MAAM,eAAe,CACvB,EACA,cAAAC,CAAA,EAECD,EAAM,QAAA,CAEX,EACCG,EAAA,cAAA,OAAA,KAEG,+pBAEJ,CACF,CAEJ,EAEAE,EAAeN"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/HelpPanel/HelpPanel.js

@@ -0,0 +1,24 @@
+import m from "react";
+import n from "classnames";
+import p from "../HighlightBox/HighlightBox.js";
+import c from "../Icons/HandWaving.js";
+import e from "./styles.module.scss";
+const i = ({ className: a, testId: l, size: t, children: o, title: r }) => {
+  const s = n(e["help-panel"], a);
+  return /* @__PURE__ */ m.createElement(
+    p,
+    {
+      className: s,
+      contentWrapperClassName: e["help-panel"],
+      testId: l,
+      size: t,
+      svgIcon: c,
+      title: r
+    },
+    o
+  );
+}, P = i;
+export {
+  P as default
+};
+//# sourceMappingURL=HelpPanel.js.map

package/components/HelpPanel/HelpPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpPanel.js","sources":["../../../src/components/HelpPanel/HelpPanel.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport HighlightBox, { HighlightBoxSize } from '../HighlightBox';\nimport HandWaving from '../Icons/HandWaving';\n\nimport styles from './styles.module.scss';\n\ninterface HelpPanelProps {\n  /** What's in the box? */\n  children: React.ReactNode;\n  /** Changes the size. Default: medium */\n  size?: keyof typeof HighlightBoxSize;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Sets title if needed */\n  title?: string;\n}\n\nconst HelpPanel: React.FC<HelpPanelProps> = ({ className, testId, size, children, title }) => {\n  const helpPanelClassName = classNames(styles['help-panel'], className);\n\n  return (\n    <HighlightBox\n      className={helpPanelClassName}\n      contentWrapperClassName={styles['help-panel']}\n      testId={testId}\n      size={size}\n      svgIcon={HandWaving}\n      title={title}\n    >\n      {children}\n    </HighlightBox>\n  );\n};\n\nexport default HelpPanel;\n"],"names":["HelpPanel","className","testId","size","children","title","helpPanelClassName","classNames","styles","React","HighlightBox","HandWaving","HelpPanel$1"],"mappings":";;;;;AAsBA,MAAMA,IAAsC,CAAC,EAAE,WAAAC,GAAW,QAAAC,GAAQ,MAAAC,GAAM,UAAAC,GAAU,OAAAC,QAAY;AAC5F,QAAMC,IAAqBC,EAAWC,EAAO,YAAY,GAAGP,CAAS;AAGnE,SAAA,gBAAAQ,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWJ;AAAA,MACX,yBAAyBE,EAAO,YAAY;AAAA,MAC5C,QAAAN;AAAA,MACA,MAAAC;AAAA,MACA,SAASQ;AAAA,MACT,OAAAN;AAAA,IAAA;AAAA,IAECD;AAAA,EAAA;AAGP,GAEAQ,IAAeZ;"}

package/components/HelpPanel/index.js

@@ -1,2 +1,5 @@
-import i from"react";import l from"classnames";import{H as s}from"../../HighlightBox.js";import n from"../Icons/HandWaving.js";import t from"./styles.module.scss";import"../../theme/grid.js";import"../../hooks/useBreakpoint.js";import"../../constants.js";import"../Icons/Icon.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../../Title.js";import"../Title/styles.module.scss";import"../HighlightBox/styles.module.scss";const c=({className:o,testId:r,size:e,children:m,title:p})=>{const a=l(t["help-panel"],o);return i.createElement(s,{className:a,contentWrapperClassName:t["help-panel"],testId:r,size:e,svgIcon:n,title:p},m)},I=c;export{I as default};
+import a from "./HelpPanel.js";
+export {
+  a as default
+};
 //# sourceMappingURL=index.js.map

package/components/HelpPanel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/HelpPanel/HelpPanel.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport HighlightBox, { HighlightBoxSize } from '../HighlightBox';\nimport HandWaving from '../Icons/HandWaving';\n\nimport styles from './styles.module.scss';\n\ninterface HelpPanelProps {\n  /** What's in the box? */\n  children: React.ReactNode;\n  /** Changes the size. Default: medium */\n  size?: keyof typeof HighlightBoxSize;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Sets title if needed */\n  title?: string;\n}\n\nconst HelpPanel: React.FC<HelpPanelProps> = ({ className, testId, size, children, title }) => {\n  const helpPanelClassName = classNames(styles['help-panel'], className);\n\n  return (\n    <HighlightBox\n      className={helpPanelClassName}\n      contentWrapperClassName={styles['help-panel']}\n      testId={testId}\n      size={size}\n      svgIcon={HandWaving}\n      title={title}\n    >\n      {children}\n    </HighlightBox>\n  );\n};\n\nexport default HelpPanel;\n"],"names":["HelpPanel","className","testId","size","children","title","helpPanelClassName","classNames","styles","React","HighlightBox","HandWaving","HelpPanel$1"],"mappings":"sdAsBA,MAAMA,EAAsC,CAAC,CAAE,UAAAC,EAAW,OAAAC,EAAQ,KAAAC,EAAM,SAAAC,EAAU,MAAAC,KAAY,CAC5F,MAAMC,EAAqBC,EAAWC,EAAO,YAAY,EAAGP,CAAS,EAGnE,OAAAQ,EAAA,cAACC,EAAA,CACC,UAAWJ,EACX,wBAAyBE,EAAO,YAAY,EAC5C,OAAAN,EACA,KAAAC,EACA,QAASQ,EACT,MAAAN,CAAA,EAECD,CAAA,CAGP,EAEAQ,EAAeZ"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/HelpQuestion/HelpQuestion.js

@@ -0,0 +1,32 @@
+import t from "react";
+import u from "classnames";
+import { AnalyticsId as c } from "../../constants.js";
+import { usePseudoClasses as d } from "../../hooks/usePseudoClasses.js";
+import { mergeRefs as y } from "../../utils/refs.js";
+import H from "../Trigger/Trigger.js";
+import s from "./styles.module.scss";
+const o = t.forwardRef(
+  ({ children: r, selected: e = !1, className: a, onClick: i, testId: m }, n) => {
+    const { isHovered: p, refObject: l } = d(), f = u(s.helpquestion, e && s["helpquestion--selected"], a);
+    return /* @__PURE__ */ t.createElement(
+      "button",
+      {
+        type: "button",
+        "data-testid": m,
+        className: f,
+        onClick: i,
+        ref: y([n, l]),
+        "aria-expanded": e,
+        "data-analyticsid": c.HelpQuestion
+      },
+      /* @__PURE__ */ t.createElement(H, { variant: "help", htmlMarkup: "span", selected: e, isHovered: p }),
+      r
+    );
+  }
+);
+o.displayName = "HelpQuestion";
+const v = o;
+export {
+  v as default
+};
+//# sourceMappingURL=HelpQuestion.js.map

package/components/HelpQuestion/HelpQuestion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpQuestion.js","sources":["../../../src/components/HelpQuestion/HelpQuestion.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { mergeRefs } from '../../utils/refs';\nimport Trigger from '../Trigger';\n\nimport styles from './styles.module.scss';\n\ninterface HelpQuestionProps extends Pick<React.InputHTMLAttributes<HTMLButtonElement>, 'onClick' | 'aria-controls'> {\n  /**\n   * Help question contents\n   */\n  children: string;\n  /**\n   * Indicates that the help question is in use.\n   */\n  selected?: boolean;\n  /**\n   * Classname will be applied to the button element.\n   */\n  className?: string;\n  /**\n   * Sets the data-testid attribute.\n   */\n  testId?: string;\n}\n\nconst HelpQuestion = React.forwardRef<HTMLButtonElement, HelpQuestionProps>(\n  ({ children, selected = false, className, onClick, testId }, ref) => {\n    const { isHovered, refObject } = usePseudoClasses<HTMLButtonElement>();\n\n    const classes = classNames(styles.helpquestion, selected && styles['helpquestion--selected'], className);\n\n    return (\n      <button\n        type=\"button\"\n        data-testid={testId}\n        className={classes}\n        onClick={onClick}\n        ref={mergeRefs([ref, refObject])}\n        aria-expanded={selected}\n        data-analyticsid={AnalyticsId.HelpQuestion}\n      >\n        <Trigger variant=\"help\" htmlMarkup=\"span\" selected={selected} isHovered={isHovered} />\n        {children}\n      </button>\n    );\n  }\n);\n\nHelpQuestion.displayName = 'HelpQuestion';\n\nexport default HelpQuestion;\n"],"names":["HelpQuestion","React","children","selected","className","onClick","testId","ref","isHovered","refObject","usePseudoClasses","classes","classNames","styles","mergeRefs","AnalyticsId","Trigger","HelpQuestion$1"],"mappings":";;;;;;;AA8BA,MAAMA,IAAeC,EAAM;AAAA,EACzB,CAAC,EAAE,UAAAC,GAAU,UAAAC,IAAW,IAAO,WAAAC,GAAW,SAAAC,GAAS,QAAAC,EAAO,GAAGC,MAAQ;AACnE,UAAM,EAAE,WAAAC,GAAW,WAAAC,EAAU,IAAIC,EAAoC,GAE/DC,IAAUC,EAAWC,EAAO,cAAcV,KAAYU,EAAO,wBAAwB,GAAGT,CAAS;AAGrG,WAAA,gBAAAH,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,eAAaK;AAAA,QACb,WAAWK;AAAA,QACX,SAAAN;AAAA,QACA,KAAKS,EAAU,CAACP,GAAKE,CAAS,CAAC;AAAA,QAC/B,iBAAeN;AAAA,QACf,oBAAkBY,EAAY;AAAA,MAAA;AAAA,sCAE7BC,GAAQ,EAAA,SAAQ,QAAO,YAAW,QAAO,UAAAb,GAAoB,WAAAK,GAAsB;AAAA,MACnFN;AAAA,IAAA;AAAA,EAGP;AACF;AAEAF,EAAa,cAAc;AAE3B,MAAAiB,IAAejB;"}

package/components/HelpQuestion/index.js

@@ -1,2 +1,5 @@
-import e from"react";import u from"classnames";import{AnalyticsId as c}from"../../constants.js";import{usePseudoClasses as d}from"../../hooks/usePseudoClasses.js";import{mergeRefs as y}from"../../utils/refs.js";import{T as H}from"../../Trigger.js";import o from"./styles.module.scss";import"../Icons/Icon.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../../hooks/useHover.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/grid.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../../utils/accessibility.js";import"../Trigger/styles.module.scss";const r=e.forwardRef(({children:i,selected:t=!1,className:s,onClick:m,testId:p},a)=>{const{isHovered:n,refObject:l}=d(),f=u(o.helpquestion,t&&o["helpquestion--selected"],s);return e.createElement("button",{type:"button","data-testid":p,className:f,onClick:m,ref:y([a,l]),"aria-expanded":t,"data-analyticsid":c.HelpQuestion},e.createElement(H,{variant:"help",htmlMarkup:"span",selected:t,isHovered:n}),i)});r.displayName="HelpQuestion";const P=r;export{P as default};
+import o from "./HelpQuestion.js";
+export {
+  o as default
+};
 //# sourceMappingURL=index.js.map

package/components/HelpQuestion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/HelpQuestion/HelpQuestion.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { mergeRefs } from '../../utils/refs';\nimport Trigger from '../Trigger';\n\nimport styles from './styles.module.scss';\n\ninterface HelpQuestionProps extends Pick<React.InputHTMLAttributes<HTMLButtonElement>, 'onClick' | 'aria-controls'> {\n  /**\n   * Help question contents\n   */\n  children: string;\n  /**\n   * Indicates that the help question is in use.\n   */\n  selected?: boolean;\n  /**\n   * Classname will be applied to the button element.\n   */\n  className?: string;\n  /**\n   * Sets the data-testid attribute.\n   */\n  testId?: string;\n}\n\nconst HelpQuestion = React.forwardRef<HTMLButtonElement, HelpQuestionProps>(\n  ({ children, selected = false, className, onClick, testId }, ref) => {\n    const { isHovered, refObject } = usePseudoClasses<HTMLButtonElement>();\n\n    const classes = classNames(styles.helpquestion, selected && styles['helpquestion--selected'], className);\n\n    return (\n      <button\n        type=\"button\"\n        data-testid={testId}\n        className={classes}\n        onClick={onClick}\n        ref={mergeRefs([ref, refObject])}\n        aria-expanded={selected}\n        data-analyticsid={AnalyticsId.HelpQuestion}\n      >\n        <Trigger variant=\"help\" htmlMarkup=\"span\" selected={selected} isHovered={isHovered} />\n        {children}\n      </button>\n    );\n  }\n);\n\nHelpQuestion.displayName = 'HelpQuestion';\n\nexport default HelpQuestion;\n"],"names":["HelpQuestion","React","children","selected","className","onClick","testId","ref","isHovered","refObject","usePseudoClasses","classes","classNames","styles","mergeRefs","AnalyticsId","Trigger","HelpQuestion$1"],"mappings":"mpBA8BA,MAAMA,EAAeC,EAAM,WACzB,CAAC,CAAE,SAAAC,EAAU,SAAAC,EAAW,GAAO,UAAAC,EAAW,QAAAC,EAAS,OAAAC,CAAO,EAAGC,IAAQ,CACnE,KAAM,CAAE,UAAAC,EAAW,UAAAC,CAAU,EAAIC,EAAoC,EAE/DC,EAAUC,EAAWC,EAAO,aAAcV,GAAYU,EAAO,wBAAwB,EAAGT,CAAS,EAGrG,OAAAH,EAAA,cAAC,SAAA,CACC,KAAK,SACL,cAAaK,EACb,UAAWK,EACX,QAAAN,EACA,IAAKS,EAAU,CAACP,EAAKE,CAAS,CAAC,EAC/B,gBAAeN,EACf,mBAAkBY,EAAY,YAAA,kBAE7BC,EAAQ,CAAA,QAAQ,OAAO,WAAW,OAAO,SAAAb,EAAoB,UAAAK,EAAsB,EACnFN,CAAA,CAGP,CACF,EAEAF,EAAa,YAAc,eAE3B,MAAAiB,EAAejB"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/HighlightBox/HighlightBox.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { PaletteNames } from '../../theme/palette';
-import { SvgIcon } from '../Icons';
+import { SvgIcon } from '../Icon';
+import { IconName } from '../Icons/IconNames';
 import { TitleTags } from '../Title';
 export type HighlightBoxColors = Extract<PaletteNames, 'white' | 'neutral' | 'blueberry' | 'cherry'>;
 export declare enum HighlightBoxSize {
@@ -17,7 +18,7 @@ interface HighlightBoxProps {
     /** Changes the size. Default: medium */
     size?: keyof typeof HighlightBoxSize;
     /** Adds an icon to the highlightbox. */
-    svgIcon?: SvgIcon;
+    svgIcon?: SvgIcon | IconName;
     /** Changes the underlying element. Default: div */
     htmlMarkup?: HighlightBoxTags;
     /** Adds custom classes to the element. */

package/components/HighlightBox/HighlightBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HighlightBox.d.ts","sourceRoot":"","sources":["../../../src/components/HighlightBox/HighlightBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAa,EAAE,OAAO,EAAY,MAAM,UAAU,CAAC;AACnD,OAAc,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC,YAAY,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC,CAAC;AAErG,oBAAY,gBAAgB;IAC1B,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,gBAAgB,GAAG,OAAO,CACpC,MAAM,qBAAqB,EAC3B,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAC1E,CAAC;AAEF,UAAU,iBAAiB;IACzB,yBAAyB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mDAAmD;IACnD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,OAAO,gBAAgB,CAAC;IACrC,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mFAAmF;IACnF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B;AAiCD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8G7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"HighlightBox.d.ts","sourceRoot":"","sources":["../../../src/components/HighlightBox/HighlightBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAa,EAAE,OAAO,EAAY,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAc,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC,YAAY,EAAE,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC,CAAC;AAErG,oBAAY,gBAAgB;IAC1B,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,gBAAgB,GAAG,OAAO,CACpC,MAAM,qBAAqB,EAC3B,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAC1E,CAAC;AAEF,UAAU,iBAAiB;IACzB,yBAAyB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mDAAmD;IACnD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,OAAO,gBAAgB,CAAC;IACrC,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC7B,mDAAmD;IACnD,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mFAAmF;IACnF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B;AAiCD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8G7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/components/HighlightBox/HighlightBox.js

@@ -0,0 +1,62 @@
+import e from "react";
+import l from "classnames";
+import "../../theme/grid.js";
+import { useBreakpoint as w, Breakpoint as y } from "../../hooks/useBreakpoint.js";
+import { AnalyticsId as p, IconSize as f } from "../../constants.js";
+import { Icon as C } from "../Icon/Icon.js";
+import B from "../LazyIcon/LazyIcon.js";
+import W from "../Title/Title.js";
+import t from "./styles.module.scss";
+var z = /* @__PURE__ */ ((i) => (i.medium = "medium", i.large = "large", i.fluid = "fluid", i))(z || {});
+const u = ({ className: i, size: r, children: o }) => /* @__PURE__ */ e.createElement("div", { className: i, "data-testid": "highlightbox-wrapper" }, /* @__PURE__ */ e.createElement("div", { className: t.highlightbox__row }, /* @__PURE__ */ e.createElement("div", { className: l(t.highlightbox__col, r === "medium" && t["highlightbox__col--offset"]) }, o))), x = (i) => {
+  const { children: r, className: o } = i, a = l(t["highlightbox__content-wrapper"], o);
+  return /* @__PURE__ */ e.createElement("div", { className: a }, /* @__PURE__ */ e.createElement("div", { className: l(t.highlightbox__row) }, r));
+}, H = (i) => {
+  const {
+    children: r,
+    color: o = "white",
+    size: a = "medium",
+    testId: s,
+    svgIcon: n,
+    htmlMarkup: b = "div",
+    className: v,
+    contentWrapperClassName: I,
+    title: g,
+    titleHtmlMarkup: k = "h2"
+  } = i, _ = w(), c = l(
+    t.highlightbox,
+    t[`highlightbox--${o}`],
+    t[`highlightbox--${a}`],
+    n && t["highlightbox--has-icon"],
+    { container: a === "medium" || a === "large" },
+    v
+  ), m = () => {
+    if (n) {
+      const E = a === "large" && _ && _ >= y.md ? f.Medium : f.Small, N = /* @__PURE__ */ e.createElement(W, { testId: "titleId", htmlMarkup: k, appearance: "title4" }, g);
+      return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: t.highlightbox__icon }, typeof n == "string" ? /* @__PURE__ */ e.createElement(B, { iconName: n, size: E }) : /* @__PURE__ */ e.createElement(C, { svgIcon: n, size: E }), g && /* @__PURE__ */ e.createElement("div", { className: t.mobile }, N)), /* @__PURE__ */ e.createElement("div", { className: t.highlightbox__content }, g && /* @__PURE__ */ e.createElement("div", { className: t.desktop, "aria-hidden": "true" }, N), r));
+    }
+    return r;
+  }, h = b, d = l(t["highlightbox__content-wrapper"], I);
+  return a === "medium" ? /* @__PURE__ */ e.createElement(u, { className: c, size: a }, /* @__PURE__ */ e.createElement(h, { className: d, "data-testid": s, "data-analyticsid": p.HighlightBox }, m())) : a === "large" && n ? /* @__PURE__ */ e.createElement(u, { className: c, size: a }, /* @__PURE__ */ e.createElement(x, { className: d }, /* @__PURE__ */ e.createElement(
+    h,
+    {
+      className: l(t.highlightbox__col, t["highlightbox__col--large-with-icon"]),
+      "data-testid": s,
+      "data-analyticsid": p.HighlightBox
+    },
+    m()
+  ))) : a === "large" ? /* @__PURE__ */ e.createElement(u, { className: c, size: a }, /* @__PURE__ */ e.createElement(x, { className: d }, /* @__PURE__ */ e.createElement(
+    h,
+    {
+      className: l(t.highlightbox__col, t["highlightbox__col--offset"]),
+      "data-testid": s,
+      "data-analyticsid": p.HighlightBox
+    },
+    m()
+  ))) : a === "fluid" ? /* @__PURE__ */ e.createElement(h, { className: c, "data-testid": s }, m()) : null;
+}, q = H;
+export {
+  z as HighlightBoxSize,
+  q as default
+};
+//# sourceMappingURL=HighlightBox.js.map

package/components/HighlightBox/HighlightBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightBox.js","sources":["../../../src/components/HighlightBox/HighlightBox.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { useBreakpoint, Breakpoint } from '../..';\nimport { AnalyticsId } from '../../constants';\nimport { PaletteNames } from '../../theme/palette';\nimport Icon, { SvgIcon, IconSize } from '../Icon';\nimport { IconName } from '../Icons/IconNames';\nimport LazyIcon from '../LazyIcon';\nimport Title, { TitleTags } from '../Title';\n\nimport styles from './styles.module.scss';\n\nexport type HighlightBoxColors = Extract<PaletteNames, 'white' | 'neutral' | 'blueberry' | 'cherry'>;\n\nexport enum HighlightBoxSize {\n  medium = 'medium',\n  large = 'large',\n  fluid = 'fluid',\n}\n\nexport type HighlightBoxTags = Exclude<\n  keyof HTMLElementTagNameMap,\n  'dir' | 'font' | 'frame' | 'frameset' | 'marquee' | 'applet' | 'basefont'\n>;\n\ninterface HighlightBoxProps {\n  /** What's in the box? */\n  children: React.ReactNode;\n  /** Changes the background color. Default: white */\n  color?: HighlightBoxColors;\n  /** Changes the size. Default: medium */\n  size?: keyof typeof HighlightBoxSize;\n  /** Adds an icon to the highlightbox. */\n  svgIcon?: SvgIcon | IconName;\n  /** Changes the underlying element. Default: div */\n  htmlMarkup?: HighlightBoxTags;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Adds custom classes to the content-wrapper */\n  contentWrapperClassName?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Element that is set after the icon-element in the DOM, often a title-element */\n  title?: string;\n  /** Markup props for title */\n  titleHtmlMarkup?: TitleTags;\n}\n\ninterface WrapperProps {\n  className: string;\n  size?: keyof typeof HighlightBoxSize;\n}\n\nconst Wrapper: React.FC<WrapperProps> = ({ className, size, children }) => (\n  <div className={className} data-testid={'highlightbox-wrapper'}>\n    <div className={styles.highlightbox__row}>\n      <div className={classNames(styles.highlightbox__col, size === HighlightBoxSize.medium && styles['highlightbox__col--offset'])}>\n        {children}\n      </div>\n    </div>\n  </div>\n);\n\ninterface ContentWrapperProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nconst ContentWrapper: React.FC<ContentWrapperProps> = props => {\n  const { children, className } = props;\n  const contentWrapperClasses = classNames(styles['highlightbox__content-wrapper'], className);\n\n  return (\n    <div className={contentWrapperClasses}>\n      <div className={classNames(styles.highlightbox__row)}>{children}</div>\n    </div>\n  );\n};\n\nconst HighlightBox: React.FC<HighlightBoxProps> = props => {\n  const {\n    children,\n    color = 'white',\n    size = HighlightBoxSize.medium,\n    testId,\n    svgIcon,\n    htmlMarkup = 'div',\n    className,\n    contentWrapperClassName,\n    title,\n    titleHtmlMarkup = 'h2',\n  } = props;\n  const breakpoint = useBreakpoint();\n\n  const containerClassName = classNames(\n    styles['highlightbox'],\n    styles[`highlightbox--${color}`],\n    styles[`highlightbox--${size}`],\n    svgIcon && styles['highlightbox--has-icon'],\n    { container: size === 'medium' || size === 'large' },\n    className\n  );\n\n  const renderContent = () => {\n    if (svgIcon) {\n      const iconSize = size === HighlightBoxSize.large && breakpoint && breakpoint >= Breakpoint.md ? IconSize.Medium : IconSize.Small;\n\n      const titleElement = (\n        <Title testId=\"titleId\" htmlMarkup={titleHtmlMarkup} appearance=\"title4\">\n          {title}\n        </Title>\n      );\n\n      return (\n        <>\n          <div className={styles.highlightbox__icon}>\n            {typeof svgIcon === 'string' ? <LazyIcon iconName={svgIcon} size={iconSize} /> : <Icon svgIcon={svgIcon} size={iconSize} />}\n            {title && <div className={styles['mobile']}>{titleElement}</div>}\n          </div>\n          <div className={styles.highlightbox__content}>\n            {title && (\n              <div className={styles['desktop']} aria-hidden=\"true\">\n                {titleElement}\n              </div>\n            )}\n            {children}\n          </div>\n        </>\n      );\n    }\n\n    return children;\n  };\n\n  const CustomTag = htmlMarkup;\n\n  const contentWrapperClasses = classNames(styles['highlightbox__content-wrapper'], contentWrapperClassName);\n\n  if (size === HighlightBoxSize.medium) {\n    return (\n      <Wrapper className={containerClassName} size={size}>\n        <CustomTag className={contentWrapperClasses} data-testid={testId} data-analyticsid={AnalyticsId.HighlightBox}>\n          {renderContent()}\n        </CustomTag>\n      </Wrapper>\n    );\n  }\n\n  if (size === HighlightBoxSize.large && svgIcon) {\n    return (\n      <Wrapper className={containerClassName} size={size}>\n        <ContentWrapper className={contentWrapperClasses}>\n          <CustomTag\n            className={classNames(styles.highlightbox__col, styles['highlightbox__col--large-with-icon'])}\n            data-testid={testId}\n            data-analyticsid={AnalyticsId.HighlightBox}\n          >\n            {renderContent()}\n          </CustomTag>\n        </ContentWrapper>\n      </Wrapper>\n    );\n  }\n\n  if (size === HighlightBoxSize.large) {\n    return (\n      <Wrapper className={containerClassName} size={size}>\n        <ContentWrapper className={contentWrapperClasses}>\n          <CustomTag\n            className={classNames(styles.highlightbox__col, styles['highlightbox__col--offset'])}\n            data-testid={testId}\n            data-analyticsid={AnalyticsId.HighlightBox}\n          >\n            {renderContent()}\n          </CustomTag>\n        </ContentWrapper>\n      </Wrapper>\n    );\n  }\n\n  if (size === HighlightBoxSize.fluid) {\n    return (\n      <CustomTag className={containerClassName} data-testid={testId}>\n        {renderContent()}\n      </CustomTag>\n    );\n  }\n\n  return null;\n};\n\nexport default HighlightBox;\n"],"names":["HighlightBoxSize","Wrapper","className","size","children","React","styles","classNames","ContentWrapper","props","contentWrapperClasses","HighlightBox","color","testId","svgIcon","htmlMarkup","contentWrapperClassName","title","titleHtmlMarkup","breakpoint","useBreakpoint","containerClassName","renderContent","iconSize","Breakpoint","IconSize","titleElement","Title","LazyIcon","Icon","CustomTag","AnalyticsId","HighlightBox$1"],"mappings":"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"}

package/components/HighlightBox/index.js

@@ -1,2 +1,7 @@
-import{H as i}from"../../HighlightBox.js";import{a as d}from"../../HighlightBox.js";import"react";import"classnames";import"../../theme/grid.js";import"../../hooks/useBreakpoint.js";import"../../constants.js";import"../Icons/Icon.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../../Title.js";import"../Title/styles.module.scss";import"./styles.module.scss";export{d as HighlightBoxSize,i as default};
+import i from "./HighlightBox.js";
+import { HighlightBoxSize as e } from "./HighlightBox.js";
+export {
+  e as HighlightBoxSize,
+  i as default
+};
 //# sourceMappingURL=index.js.map

package/components/HighlightBox/index.js.map

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