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

package/components/Button/index.js.map

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

package/components/ButtonWithModal/ButtonWithModal.js

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

package/components/ButtonWithModal/ButtonWithModal.js.map

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

package/components/ButtonWithModal/index.js

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

package/components/ButtonWithModal/index.js.map

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

package/components/Checkbox/Checkbox.d.ts

@@ -1,16 +1,16 @@
 import React from 'react';
-import { FormMode, FormVariant } from '../../constants';
+import { FormMode, FormSize } from '../../constants';
 export interface CheckboxProps extends Pick<React.InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'value' | 'disabled' | 'checked' | 'required' | 'onChange'> {
     /** Adds custom classes to the element. */
     className?: string;
-    /** The <Label/> next to the checkbox - sublabels kan ikke kombineres med bigform variant */
+    /** The <Label/> next to the checkbox - sublabels kan ikke kombineres med large variant */
     label: React.ReactNode;
     /** input id of the checkbox */
     inputId?: string;
     /** Changes the visuals of the checkbox */
     mode?: keyof typeof FormMode;
     /** Changes the visuals of the checkbox */
-    variant?: keyof typeof FormVariant;
+    size?: keyof typeof FormSize;
     /** Activates Error style for the checkbox - This is can be true while errorText is empty, when in a FormGroup */
     error?: boolean;
     /** Error text to show above the component */

package/components/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAAe,QAAQ,EAAE,WAAW,EAAY,MAAM,iBAAiB,CAAC;AAW/E,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,kBAAkB,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CACzF;IACD,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4FAA4F;IAC5F,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IACnC,iHAAiH;IACjH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,wFAiInB,CAAC;AAIH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAAe,QAAQ,EAAE,QAAQ,EAAY,MAAM,iBAAiB,CAAC;AAW5E,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,kBAAkB,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CACzF;IACD,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0FAA0F;IAC1F,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,iHAAiH;IACjH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,wFAiInB,CAAC;AAIH,eAAe,QAAQ,CAAC"}

package/components/Checkbox/Checkbox.js

@@ -0,0 +1,108 @@
+import l, { useState as H, useEffect as X } from "react";
+import t from "classnames";
+import { FormMode as b, FormSize as $, AnalyticsId as J, IconSize as K } from "../../constants.js";
+import { usePseudoClasses as Q } from "../../hooks/usePseudoClasses.js";
+import { getColor as h } from "../../theme/currys/color.js";
+import { isMutableRefObject as U, mergeRefs as V } from "../../utils/refs.js";
+import { uuid as Y } from "../../utils/uuid.js";
+import { Icon as Z } from "../Icon/Icon.js";
+import ee from "../Icons/Check.js";
+import { getLabelText as ce, renderLabelAsParent as oe } from "../Label/Label.js";
+import e from "./styles.module.scss";
+const v = l.forwardRef((x, k) => {
+  const {
+    className: I,
+    checked: d = !1,
+    disabled: r,
+    label: m,
+    inputId: p = Y(),
+    mode: n = b.onwhite,
+    name: N = p,
+    size: E,
+    errorText: s,
+    error: g = !!s,
+    value: S = ce(m),
+    testId: R,
+    required: z,
+    onChange: w,
+    ...F
+  } = x, [o, u] = H(d), f = n === b.onwhite, C = n === b.ongrey, y = n === b.onblueberry, a = g || n === b.oninvalid, i = n === b.ondark, c = E === $.large, { refObject: L, isFocused: T } = Q(U(k) ? k : null), W = V([k, L]), j = t(e["checkbox-wrapper"], {
+    [e["checkbox-wrapper--with-error"]]: s,
+    [e["checkbox-wrapper--large"]]: c
+  }), A = t(e["checkbox-label"], {
+    [e["checkbox-label--disabled"]]: r,
+    [e["checkbox-label--on-dark"]]: i,
+    [e["checkbox-label--large"]]: c,
+    [e["checkbox-label__large--checked"]]: c && o,
+    [e["checkbox-label__large--focus"]]: c && T,
+    [e["checkbox-label__large--on-white"]]: c && f,
+    [e["checkbox-label__large--on-grey"]]: c && C,
+    [e["checkbox-label__large--on-blueberry"]]: c && y,
+    [e["checkbox-label__large--on-invalid"]]: c && a,
+    [e["checkbox-label__large--disabled"]]: c && r
+  }), M = t(e.checkbox, I), O = t(e["checkbox__icon-wrapper"], {
+    [e["checkbox__icon-wrapper--on-white"]]: f,
+    [e["checkbox__icon-wrapper--on-grey"]]: C,
+    [e["checkbox__icon-wrapper--on-invalid"]]: a,
+    [e["checkbox__icon-wrapper--disabled"]]: r,
+    [e["checkbox__icon-wrapper__regular--checked"]]: !c && o,
+    [e["checkbox__icon-wrapper__regular--invalid"]]: !c && o && a,
+    [e["checkbox__icon-wrapper__regular--on-dark"]]: !c && o && i,
+    [e["checkbox__icon-wrapper__large--checked"]]: c && o,
+    [e["checkbox__icon-wrapper__large--invalid"]]: c && a,
+    [e["checkbox__icon-wrapper--on-dark"]]: i,
+    [e["checkbox__icon-wrapper--on-blueberry"]]: y,
+    [e["checkbox__icon-wrapper--invalid"]]: a,
+    [e["checkbox__icon-wrapper__large--invalid"]]: c && o && a,
+    [e["checkbox__icon-wrapper__large--disabled"]]: r && c && o,
+    [e["checkbox__icon-wrapper__large--checked--invalid"]]: c && o && a,
+    [e["checkbox__icon-wrapper__large--checked--disabled"]]: r && c && o
+  }), P = t(e["checkbox-label__text"], {
+    [e["checkbox-label__text__large--checked"]]: c && o,
+    [e["checkbox-label__text__large--invalid"]]: c && o && a,
+    [e["checkbox-label__text--on-dark"]]: i,
+    [e["checkbox-label__text--disabled"]]: r
+  }), q = t(e["checkbox-errors"]);
+  let _ = h("white");
+  (i || c && o) && (_ = h("blueberry", 900)), a && c && o && (_ = h("white")), r && (_ = h("neutral", 400)), X(() => {
+    u(d);
+  }, [d]);
+  const B = (G) => {
+    w && w(G), u(!o);
+  }, D = () => /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(
+    "input",
+    {
+      id: p,
+      name: N,
+      className: M,
+      type: "checkbox",
+      checked: o,
+      disabled: r,
+      value: S,
+      ref: W,
+      "aria-describedby": x["aria-describedby"] ?? void 0,
+      "aria-invalid": g,
+      required: z,
+      onChange: B,
+      ...F
+    }
+  ), /* @__PURE__ */ l.createElement("span", { className: O }, o && /* @__PURE__ */ l.createElement(Z, { color: _, className: e.checkbox__icon, svgIcon: ee, size: K.XSmall })));
+  return /* @__PURE__ */ l.createElement("div", { "data-testid": R, "data-analyticsid": J.Checkbox, className: j }, s && /* @__PURE__ */ l.createElement("p", { className: q }, s), oe(
+    m,
+    D(),
+    p,
+    n,
+    r,
+    A,
+    P,
+    e["checkbox-sublabel-wrapper"],
+    c
+  ));
+});
+v.displayName = "Checkbox";
+const de = v;
+export {
+  v as Checkbox,
+  de as default
+};
+//# sourceMappingURL=Checkbox.js.map

package/components/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, FormMode, FormSize, IconSize } from '../../constants';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { getColor } from '../../theme/currys/color';\nimport { isMutableRefObject, mergeRefs } from '../../utils/refs';\nimport { uuid } from '../../utils/uuid';\nimport Icon from '../Icon';\nimport Check from '../Icons/Check';\nimport { getLabelText, renderLabelAsParent } from '../Label';\n\nimport checkboxStyles from './styles.module.scss';\n\nexport interface CheckboxProps\n  extends Pick<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    'aria-describedby' | 'name' | 'value' | 'disabled' | 'checked' | 'required' | 'onChange'\n  > {\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** The <Label/> next to the checkbox - sublabels kan ikke kombineres med large variant */\n  label: React.ReactNode;\n  /** input id of the checkbox */\n  inputId?: string;\n  /** Changes the visuals of the checkbox */\n  mode?: keyof typeof FormMode;\n  /** Changes the visuals of the checkbox */\n  size?: keyof typeof FormSize;\n  /** Activates Error style for the checkbox - This is can be true while errorText is empty, when in a FormGroup */\n  error?: boolean;\n  /** Error text to show above the component */\n  errorText?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport const Checkbox = React.forwardRef((props: CheckboxProps, ref: React.Ref<HTMLInputElement>) => {\n  const {\n    className,\n    checked = false,\n    disabled,\n    label,\n    inputId = uuid(),\n    mode = FormMode.onwhite,\n    name = inputId,\n    size,\n    errorText,\n    error = !!errorText,\n    value = getLabelText(label),\n    testId,\n    required,\n    onChange,\n    ...rest\n  } = props;\n  const [isChecked, setIsChecked] = useState(checked);\n  const onWhite = mode === FormMode.onwhite;\n  const onGrey = mode === FormMode.ongrey;\n  const onBlueberry = mode === FormMode.onblueberry;\n  const onInvalid = error || mode === FormMode.oninvalid;\n  const onDark = mode === FormMode.ondark;\n  const large = size === FormSize.large;\n  const { refObject, isFocused } = usePseudoClasses<HTMLInputElement>(isMutableRefObject(ref) ? ref : null);\n  const mergedRefs = mergeRefs([ref, refObject]);\n\n  const checkboxWrapperClasses = classNames(checkboxStyles['checkbox-wrapper'], {\n    [checkboxStyles['checkbox-wrapper--with-error']]: errorText,\n    [checkboxStyles['checkbox-wrapper--large']]: large,\n  });\n  const checkboxLabelClasses = classNames(checkboxStyles['checkbox-label'], {\n    [checkboxStyles['checkbox-label--disabled']]: disabled,\n    [checkboxStyles['checkbox-label--on-dark']]: onDark,\n    [checkboxStyles['checkbox-label--large']]: large,\n    [checkboxStyles['checkbox-label__large--checked']]: large && isChecked,\n    [checkboxStyles['checkbox-label__large--focus']]: large && isFocused,\n    [checkboxStyles['checkbox-label__large--on-white']]: large && onWhite,\n    [checkboxStyles['checkbox-label__large--on-grey']]: large && onGrey,\n    [checkboxStyles['checkbox-label__large--on-blueberry']]: large && onBlueberry,\n    [checkboxStyles['checkbox-label__large--on-invalid']]: large && onInvalid,\n    [checkboxStyles['checkbox-label__large--disabled']]: large && disabled,\n  });\n  const checkboxClasses = classNames(checkboxStyles.checkbox, className);\n  const checkboxIconWrapperClasses = classNames(checkboxStyles['checkbox__icon-wrapper'], {\n    [checkboxStyles['checkbox__icon-wrapper--on-white']]: onWhite,\n    [checkboxStyles['checkbox__icon-wrapper--on-grey']]: onGrey,\n    [checkboxStyles['checkbox__icon-wrapper--on-invalid']]: onInvalid,\n    [checkboxStyles['checkbox__icon-wrapper--disabled']]: disabled,\n    [checkboxStyles['checkbox__icon-wrapper__regular--checked']]: !large && isChecked,\n    [checkboxStyles['checkbox__icon-wrapper__regular--invalid']]: !large && isChecked && onInvalid,\n    [checkboxStyles['checkbox__icon-wrapper__regular--on-dark']]: !large && isChecked && onDark,\n    [checkboxStyles['checkbox__icon-wrapper__large--checked']]: large && isChecked,\n    [checkboxStyles['checkbox__icon-wrapper__large--invalid']]: large && onInvalid,\n    [checkboxStyles['checkbox__icon-wrapper--on-dark']]: onDark,\n    [checkboxStyles['checkbox__icon-wrapper--on-blueberry']]: onBlueberry,\n    [checkboxStyles['checkbox__icon-wrapper--invalid']]: onInvalid,\n    [checkboxStyles['checkbox__icon-wrapper__large--invalid']]: large && isChecked && onInvalid,\n    [checkboxStyles['checkbox__icon-wrapper__large--disabled']]: disabled && large && isChecked,\n    [checkboxStyles['checkbox__icon-wrapper__large--checked--invalid']]: large && isChecked && onInvalid,\n    [checkboxStyles['checkbox__icon-wrapper__large--checked--disabled']]: disabled && large && isChecked,\n  });\n  const labelTextClasses = classNames(checkboxStyles['checkbox-label__text'], {\n    [checkboxStyles['checkbox-label__text__large--checked']]: large && isChecked,\n    [checkboxStyles['checkbox-label__text__large--invalid']]: large && isChecked && onInvalid,\n    [checkboxStyles['checkbox-label__text--on-dark']]: onDark,\n    [checkboxStyles['checkbox-label__text--disabled']]: disabled,\n  });\n  const errorStyles = classNames(checkboxStyles['checkbox-errors']);\n\n  let iconColor = getColor('white');\n  if (onDark || (large && isChecked)) iconColor = getColor('blueberry', 900);\n  if (onInvalid && large && isChecked) iconColor = getColor('white');\n  if (disabled) iconColor = getColor('neutral', 400);\n\n  useEffect(() => {\n    setIsChecked(checked);\n  }, [checked]);\n\n  const onChangeHandler = (e: React.ChangeEvent<HTMLInputElement>): void => {\n    if (onChange) {\n      onChange(e);\n    }\n\n    setIsChecked(!isChecked);\n  };\n\n  const getLabelContent = (): React.ReactNode => {\n    return (\n      <>\n        <input\n          id={inputId}\n          name={name}\n          className={checkboxClasses}\n          type=\"checkbox\"\n          checked={isChecked}\n          disabled={disabled}\n          value={value}\n          ref={mergedRefs}\n          aria-describedby={props['aria-describedby'] ?? undefined}\n          aria-invalid={error}\n          required={required}\n          onChange={onChangeHandler}\n          {...rest}\n        />\n        <span className={checkboxIconWrapperClasses}>\n          {isChecked && <Icon color={iconColor} className={checkboxStyles['checkbox__icon']} svgIcon={Check} size={IconSize.XSmall} />}\n        </span>\n      </>\n    );\n  };\n\n  return (\n    <div data-testid={testId} data-analyticsid={AnalyticsId.Checkbox} className={checkboxWrapperClasses}>\n      {errorText && <p className={errorStyles}>{errorText}</p>}\n      {renderLabelAsParent(\n        label,\n        getLabelContent(),\n        inputId,\n        mode as FormMode,\n        disabled,\n        checkboxLabelClasses,\n        labelTextClasses,\n        checkboxStyles['checkbox-sublabel-wrapper'],\n        large\n      )}\n    </div>\n  );\n});\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"names":["Checkbox","React","props","ref","className","checked","disabled","label","inputId","uuid","mode","FormMode","name","size","errorText","error","value","getLabelText","testId","required","onChange","rest","isChecked","setIsChecked","useState","onWhite","onGrey","onBlueberry","onInvalid","onDark","large","FormSize","refObject","isFocused","usePseudoClasses","isMutableRefObject","mergedRefs","mergeRefs","checkboxWrapperClasses","classNames","checkboxStyles","checkboxLabelClasses","checkboxClasses","checkboxIconWrapperClasses","labelTextClasses","errorStyles","iconColor","getColor","useEffect","onChangeHandler","e","getLabelContent","Icon","Check","IconSize","AnalyticsId","renderLabelAsParent","Checkbox$1"],"mappings":"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"}

package/components/Checkbox/index.js

@@ -1,2 +1,7 @@
-import{C as r}from"../../Checkbox.js";import{a as G}from"../../Checkbox.js";import"react";import"classnames";import"../../constants.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"../../uuid.js";import"../../utils/environment.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"../../utils/component.js";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"./styles.module.scss";export{G as Checkbox,r as default};
+import e from "./Checkbox.js";
+import { Checkbox as x } from "./Checkbox.js";
+export {
+  x as Checkbox,
+  e as default
+};
 //# sourceMappingURL=index.js.map

package/components/Checkbox/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/Checkbox/styles.module.scss

@@ -27,11 +27,11 @@ $checkbox-icon-size: 1.625rem;
     }
   }
 
-  &--with-error#{&}--bigform {
+  &--with-error#{&}--large {
     padding: getSpacer(m) getSpacer(m);
   }
 
-  &--bigform {
+  &--large {
     margin: getSpacer(2xs) 0 getSpacer(2xs) 0;
   }
 }
@@ -56,7 +56,7 @@ $checkbox-icon-size: 1.625rem;
       color: $white;
     }
 
-    &__big-form {
+    &__large {
       &--checked {
         color: $white;
       }
@@ -77,7 +77,7 @@ $checkbox-icon-size: 1.625rem;
     cursor: default;
   }
 
-  &__big-form {
+  &__large {
     &--focus {
       box-shadow: 0 0 0 getSpacer(3xs);
     }
@@ -179,16 +179,16 @@ $checkbox-icon-size: 1.625rem;
     }
   }
 
-  &--bigform {
+  &--large {
     padding: getSpacer(s);
   }
 
-  &--bigform#{&}--on-dark {
+  &--large#{&}--on-dark {
     background-color: $blueberry800;
   }
 
   @media (min-width: map.get($grid-breakpoints, md)) {
-    &--bigform {
+    &--large {
       padding: 1.68rem getSpacer(l);
     }
   }
@@ -298,7 +298,7 @@ $checkbox-icon-size: 1.625rem;
       }
     }
 
-    &__big-form {
+    &__large {
       &--checked {
         background-color: $blueberry50;
         box-shadow: none;
@@ -354,7 +354,7 @@ $checkbox-icon-size: 1.625rem;
         color: $black;
       }
 
-      &__big-form {
+      &__large {
         &--checked {
           background-color: $blueberry200;
           box-shadow: 0 0 0 getSpacer(3xs);

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

@@ -2,11 +2,11 @@ export type Styles = {
   checkbox: string;
   checkbox__icon: string;
   'checkbox__icon-wrapper': string;
-  'checkbox__icon-wrapper__big-form--checked': string;
-  'checkbox__icon-wrapper__big-form--checked--disabled': string;
-  'checkbox__icon-wrapper__big-form--checked--invalid': string;
-  'checkbox__icon-wrapper__big-form--disabled': string;
-  'checkbox__icon-wrapper__big-form--invalid': string;
+  'checkbox__icon-wrapper__large--checked': string;
+  'checkbox__icon-wrapper__large--checked--disabled': string;
+  'checkbox__icon-wrapper__large--checked--invalid': string;
+  'checkbox__icon-wrapper__large--disabled': string;
+  'checkbox__icon-wrapper__large--invalid': string;
   'checkbox__icon-wrapper__regular--checked': string;
   'checkbox__icon-wrapper__regular--invalid': string;
   'checkbox__icon-wrapper__regular--on-dark': string;
@@ -19,26 +19,26 @@ export type Styles = {
   'checkbox__icon-wrapper--on-white': string;
   'checkbox-errors': string;
   'checkbox-label': string;
-  'checkbox-label__big-form--checked': string;
-  'checkbox-label__big-form--disabled': string;
-  'checkbox-label__big-form--focus': string;
-  'checkbox-label__big-form--on-blueberry': string;
-  'checkbox-label__big-form--on-grey': string;
-  'checkbox-label__big-form--on-invalid': string;
-  'checkbox-label__big-form--on-white': string;
-  'checkbox-label__big-form--white': string;
+  'checkbox-label__large--checked': string;
+  'checkbox-label__large--disabled': string;
+  'checkbox-label__large--focus': string;
+  'checkbox-label__large--on-blueberry': string;
+  'checkbox-label__large--on-grey': string;
+  'checkbox-label__large--on-invalid': string;
+  'checkbox-label__large--on-white': string;
+  'checkbox-label__large--white': string;
   'checkbox-label__text': string;
-  'checkbox-label__text__big-form--checked': string;
-  'checkbox-label__text__big-form--disabled': string;
-  'checkbox-label__text__big-form--invalid': string;
+  'checkbox-label__text__large--checked': string;
+  'checkbox-label__text__large--disabled': string;
+  'checkbox-label__text__large--invalid': string;
   'checkbox-label__text--disabled': string;
   'checkbox-label__text--on-dark': string;
-  'checkbox-label--bigform': string;
   'checkbox-label--disabled': string;
+  'checkbox-label--large': string;
   'checkbox-label--on-dark': string;
   'checkbox-sublabel-wrapper': string;
   'checkbox-wrapper': string;
-  'checkbox-wrapper--bigform': string;
+  'checkbox-wrapper--large': string;
   'checkbox-wrapper--with-error': string;
 };
 

package/components/Close/Close.js

@@ -0,0 +1,30 @@
+import o from "react";
+import b from "classnames";
+import { AnalyticsId as k } from "../../constants.js";
+import { useBreakpoint as y, Breakpoint as C } from "../../hooks/useBreakpoint.js";
+import { useHover as R } from "../../hooks/useHover.js";
+import { palette as v } from "../../theme/palette.js";
+import { mergeRefs as I } from "../../utils/refs.js";
+import { Icon as B } from "../Icon/Icon.js";
+import N from "../Icons/X.js";
+import t from "./styles.module.scss";
+const g = o.forwardRef(function(r, s) {
+  const { small: e, testId: a, ariaLabel: m = "Lukk", onClick: l, className: i, color: c = v.blueberry600 } = r, n = y(), { hoverRef: f, isHovered: p } = R(), d = n === C.xs || e ? 38 : 48, u = b(t.close, { [t["close--small"]]: e }, i);
+  return /* @__PURE__ */ o.createElement(
+    "button",
+    {
+      ref: I([s, f]),
+      "data-testid": a,
+      "data-analyticsid": k.Close,
+      className: u,
+      "aria-label": m,
+      onClick: l,
+      type: "button"
+    },
+    /* @__PURE__ */ o.createElement(B, { svgIcon: N, color: c, size: d, isHovered: p })
+  );
+}), $ = g;
+export {
+  $ as default
+};
+//# sourceMappingURL=Close.js.map

package/components/Close/Close.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Close.js","sources":["../../../src/components/Close/Close.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\nimport { useHover } from '../../hooks/useHover';\nimport { palette } from '../../theme/palette';\nimport { mergeRefs } from '../../utils/refs';\nimport Icon from '../Icon';\nimport X from '../Icons/X';\n\nimport styles from './styles.module.scss';\n\nexport interface CloseProps {\n  /** Keeps the icon small for all screen sizes */\n  small?: boolean;\n  /** Function is called when user clicks the button */\n  onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  /** Sets the aria-label of the button */\n  ariaLabel?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Gives color to the svg */\n  color?: string;\n}\n\nconst Close = React.forwardRef(function ButtonForwardedRef(props: CloseProps, ref: React.ForwardedRef<HTMLButtonElement>) {\n  const { small, testId, ariaLabel = 'Lukk', onClick, className, color = palette.blueberry600 } = props;\n  const breakpoint = useBreakpoint();\n  const { hoverRef, isHovered } = useHover();\n\n  const iconSize = breakpoint === Breakpoint.xs || small ? 38 : 48;\n\n  const closeClasses = classNames(styles.close, { [styles['close--small']]: small }, className);\n\n  return (\n    <button\n      ref={mergeRefs([ref, hoverRef])}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.Close}\n      className={closeClasses}\n      aria-label={ariaLabel}\n      onClick={onClick}\n      type=\"button\"\n    >\n      <Icon svgIcon={X} color={color} size={iconSize} isHovered={isHovered} />\n    </button>\n  );\n});\n\nexport default Close;\n"],"names":["Close","React","props","ref","small","testId","ariaLabel","onClick","className","color","palette","breakpoint","useBreakpoint","hoverRef","isHovered","useHover","iconSize","Breakpoint","closeClasses","classNames","styles","mergeRefs","AnalyticsId","Icon","X","Close$1"],"mappings":";;;;;;;;;;AA6BA,MAAMA,IAAQC,EAAM,WAAW,SAA4BC,GAAmBC,GAA4C;AAClH,QAAA,EAAE,OAAAC,GAAO,QAAAC,GAAQ,WAAAC,IAAY,QAAQ,SAAAC,GAAS,WAAAC,GAAW,OAAAC,IAAQC,EAAQ,aAAA,IAAiBR,GAC1FS,IAAaC,KACb,EAAE,UAAAC,GAAU,WAAAC,EAAU,IAAIC,EAAS,GAEnCC,IAAWL,MAAeM,EAAW,MAAMb,IAAQ,KAAK,IAExDc,IAAeC,EAAWC,EAAO,OAAO,EAAE,CAACA,EAAO,cAAc,CAAC,GAAGhB,EAAM,GAAGI,CAAS;AAG1F,SAAA,gBAAAP,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKoB,EAAU,CAAClB,GAAKU,CAAQ,CAAC;AAAA,MAC9B,eAAaR;AAAA,MACb,oBAAkBiB,EAAY;AAAA,MAC9B,WAAWJ;AAAA,MACX,cAAYZ;AAAA,MACZ,SAAAC;AAAA,MACA,MAAK;AAAA,IAAA;AAAA,oCAEJgB,GAAK,EAAA,SAASC,GAAG,OAAAf,GAAc,MAAMO,GAAU,WAAAF,GAAsB;AAAA,EAAA;AAG5E,CAAC,GAEDW,IAAezB;"}

package/components/Close/index.js

@@ -1,2 +1,5 @@
-import{C as r}from"../../Close.js";import"react";import"classnames";import"../../constants.js";import"../../hooks/useBreakpoint.js";import"../../theme/grid.js";import"../../hooks/useHover.js";import"../../hooks/usePseudoClasses.js";import"../../theme/palette.js";import"../../utils/refs.js";import"../Icons/Icon.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../Icons/X.js";import"./styles.module.scss";export{r as default};
+import e from "./Close.js";
+export {
+  e as default
+};
 //# sourceMappingURL=index.js.map

package/components/Close/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/DictionaryTrigger/DictionaryTrigger.js

@@ -0,0 +1,28 @@
+import r from "react";
+import g from "classnames";
+import { AnalyticsId as m } from "../../constants.js";
+import d from "./styles.module.scss";
+const t = r.forwardRef(
+  ({ children: a, selected: i = !1, className: e, testId: o, ...s }, n) => {
+    const c = g(d.dictionarytrigger, e);
+    return /* @__PURE__ */ r.createElement(
+      "button",
+      {
+        type: "button",
+        "data-testid": o,
+        "data-analyticsid": m.DictionaryTrigger,
+        className: c,
+        "aria-expanded": i,
+        ref: n,
+        ...s
+      },
+      a
+    );
+  }
+);
+t.displayName = "DictionaryTrigger";
+const u = t;
+export {
+  u as default
+};
+//# sourceMappingURL=DictionaryTrigger.js.map

package/components/DictionaryTrigger/DictionaryTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DictionaryTrigger.js","sources":["../../../src/components/DictionaryTrigger/DictionaryTrigger.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\n\nimport styles from './styles.module.scss';\n\ninterface DictionaryTriggerProps extends Pick<React.InputHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onFocus' | 'onBlur'> {\n  /**\n   * Sets the content of the trigger.\n   */\n  children: React.ReactNode;\n  /**\n   * Indicates that the trigger 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 DictionaryTrigger = React.forwardRef<HTMLButtonElement, DictionaryTriggerProps>(\n  ({ children, selected = false, className, testId, ...rest }, ref) => {\n    const triggerClasses = classNames(styles.dictionarytrigger, className);\n\n    return (\n      <button\n        type=\"button\"\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.DictionaryTrigger}\n        className={triggerClasses}\n        aria-expanded={selected}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nDictionaryTrigger.displayName = 'DictionaryTrigger';\n\nexport default DictionaryTrigger;\n"],"names":["DictionaryTrigger","React","children","selected","className","testId","rest","ref","triggerClasses","classNames","styles","AnalyticsId","DictionaryTrigger$1"],"mappings":";;;;AA2BA,MAAMA,IAAoBC,EAAM;AAAA,EAC9B,CAAC,EAAE,UAAAC,GAAU,UAAAC,IAAW,IAAO,WAAAC,GAAW,QAAAC,GAAQ,GAAGC,EAAK,GAAGC,MAAQ;AACnE,UAAMC,IAAiBC,EAAWC,EAAO,mBAAmBN,CAAS;AAGnE,WAAA,gBAAAH,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,eAAaI;AAAA,QACb,oBAAkBM,EAAY;AAAA,QAC9B,WAAWH;AAAA,QACX,iBAAeL;AAAA,QACf,KAAAI;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,MAEHJ;AAAA,IAAA;AAAA,EAGP;AACF;AAEAF,EAAkB,cAAc;AAEhC,MAAAY,IAAeZ;"}

package/components/DictionaryTrigger/index.js

@@ -1,2 +1,5 @@
-import r from"react";import g from"classnames";import{AnalyticsId as m}from"../../constants.js";import d from"./styles.module.scss";const t=r.forwardRef(({children:a,selected:i=!1,className:e,testId:o,...s},n)=>{const c=g(d.dictionarytrigger,e);return r.createElement("button",{type:"button","data-testid":o,"data-analyticsid":m.DictionaryTrigger,className:c,"aria-expanded":i,ref:n,...s},a)});t.displayName="DictionaryTrigger";const u=t;export{u as default};
+import i from "./DictionaryTrigger.js";
+export {
+  i as default
+};
 //# sourceMappingURL=index.js.map

package/components/DictionaryTrigger/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/DictionaryTrigger/DictionaryTrigger.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\n\nimport styles from './styles.module.scss';\n\ninterface DictionaryTriggerProps extends Pick<React.InputHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onFocus' | 'onBlur'> {\n  /**\n   * Sets the content of the trigger.\n   */\n  children: React.ReactNode;\n  /**\n   * Indicates that the trigger 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 DictionaryTrigger = React.forwardRef<HTMLButtonElement, DictionaryTriggerProps>(\n  ({ children, selected = false, className, testId, ...rest }, ref) => {\n    const triggerClasses = classNames(styles.dictionarytrigger, className);\n\n    return (\n      <button\n        type=\"button\"\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.DictionaryTrigger}\n        className={triggerClasses}\n        aria-expanded={selected}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nDictionaryTrigger.displayName = 'DictionaryTrigger';\n\nexport default DictionaryTrigger;\n"],"names":["DictionaryTrigger","React","children","selected","className","testId","rest","ref","triggerClasses","classNames","styles","AnalyticsId","DictionaryTrigger$1"],"mappings":"oIA2BA,MAAMA,EAAoBC,EAAM,WAC9B,CAAC,CAAE,SAAAC,EAAU,SAAAC,EAAW,GAAO,UAAAC,EAAW,OAAAC,EAAQ,GAAGC,CAAK,EAAGC,IAAQ,CACnE,MAAMC,EAAiBC,EAAWC,EAAO,kBAAmBN,CAAS,EAGnE,OAAAH,EAAA,cAAC,SAAA,CACC,KAAK,SACL,cAAaI,EACb,mBAAkBM,EAAY,kBAC9B,UAAWH,EACX,gBAAeL,EACf,IAAAI,EACC,GAAGD,CAAA,EAEHJ,CAAA,CAGP,CACF,EAEAF,EAAkB,YAAc,oBAEhC,MAAAY,EAAeZ"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/Dropdown/Dropdown.js

@@ -0,0 +1,119 @@
+import t, { useRef as g, useState as V } from "react";
+import v from "classnames";
+import { theme as C } from "../../theme/index.js";
+import "../../hooks/useBreakpoint.js";
+import { useHover as W } from "../../hooks/useHover.js";
+import { useSize as X } from "../../hooks/useSize.js";
+import { useToggle as j } from "../../hooks/useToggle.js";
+import { useKeyboardEvent as q } from "../../hooks/useKeyboardEvent.js";
+import { useOutsideEvent as F } from "../../hooks/useOutsideEvent.js";
+import { useUuid as _ } from "../../hooks/useUuid.js";
+import { KeyboardEventKey as r, AnalyticsId as G, IconSize as J } from "../../constants.js";
+import Q from "../Button/Button.js";
+import { Icon as Y } from "../Icon/Icon.js";
+import Z from "../Icons/PlusSmall.js";
+import e from "./styles.module.scss";
+var M = /* @__PURE__ */ ((s) => (s.onwhite = "onwhite", s.ongrey = "ongrey", s.onblueberry = "onblueberry", s.oncherry = "oncherry", s))(M || {});
+const ee = (s) => {
+  const {
+    label: R,
+    placeholder: $,
+    closeText: A = "Lukk",
+    noCloseButton: K = !1,
+    onToggle: S,
+    open: H = !1,
+    children: y,
+    mode: i = "onwhite",
+    transparent: O = !1,
+    fluid: b = !1,
+    testId: z,
+    disabled: c
+  } = s, p = g(null), w = g(null), { hoverRef: u, isHovered: D } = W(), { value: a, toggleValue: h } = j(!c && H, S), d = g(t.Children.map(y, () => t.createRef())), [m, L] = V(), { width: T } = X(u) || {}, E = _(), I = _(), x = _(), N = () => {
+    var o;
+    h(), (o = w.current) == null || o.focus();
+  }, f = () => {
+    var o;
+    h(), (o = u.current) == null || o.focus();
+  };
+  q(p, (o) => {
+    var k;
+    if (o.preventDefault(), !d.current)
+      return;
+    if (a) {
+      if (o.key === r.Escape && a) {
+        f();
+        return;
+      }
+    } else {
+      N();
+      return;
+    }
+    const n = d.current.findIndex((P) => P.current === o.target);
+    let l = n;
+    o.key === r.Home ? l = 0 : o.key === r.End ? l = d.current.length - 1 : o.key === r.ArrowDown && n < d.current.length - 1 ? l = n + 1 : o.key === r.ArrowUp && n > 0 ? l = n - 1 : o.key === r.Enter && n !== -1 && (l = n), l !== -1 && ((k = d.current[l].current) == null || k.focus(), L(l));
+  }, [
+    r.ArrowDown,
+    r.ArrowUp,
+    r.End,
+    r.Enter,
+    r.Escape,
+    r.Home
+  ]), F(p, () => a && f());
+  const U = v(
+    e.dropdown__toggle,
+    !c && {
+      [e["dropdown__toggle--on-white"]]: i === "onwhite",
+      [e["dropdown__toggle--on-grey"]]: i === "ongrey",
+      [e["dropdown__toggle--on-blueberry"]]: i === "onblueberry",
+      [e["dropdown__toggle--on-cherry"]]: i === "oncherry",
+      [e["dropdown__toggle--transparent"]]: O,
+      [e["dropdown__toggle--fluid"]]: b,
+      [e["dropdown__toggle--open"]]: a
+    }
+  ), B = v(e.dropdown__content, a && e["dropdown__content--open"]);
+  return /* @__PURE__ */ t.createElement("div", { className: e.dropdown, ref: p }, /* @__PURE__ */ t.createElement("span", { id: E, className: e.dropdown__label }, R), /* @__PURE__ */ t.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => !a && N(),
+      className: U,
+      ref: u,
+      "data-testid": z,
+      "data-analyticsid": G.Dropdown,
+      disabled: c,
+      "aria-labelledby": I,
+      "aria-haspopup": "listbox",
+      "aria-expanded": a
+    },
+    /* @__PURE__ */ t.createElement("span", { id: I, className: e.dropdown__toggle__label }, $),
+    /* @__PURE__ */ t.createElement(
+      Y,
+      {
+        color: c ? C.palette.neutral500 : C.palette.blueberry600,
+        svgIcon: Z,
+        className: e.dropdown__icon,
+        isHovered: D,
+        size: J.XSmall
+      }
+    )
+  ), /* @__PURE__ */ t.createElement("div", { className: B, style: { width: b ? "100%" : `${T}px` } }, /* @__PURE__ */ t.createElement(
+    "ul",
+    {
+      className: e.dropdown__options,
+      role: "listbox",
+      "aria-labelledby": E,
+      tabIndex: -1,
+      "aria-activedescendant": typeof m < "u" ? `${x}-${m}` : void 0,
+      ref: w
+    },
+    t.Children.map(y, (o, n) => {
+      var l;
+      return /* @__PURE__ */ t.createElement("li", { className: e.dropdown__input, role: "option", id: `${x}-${n}`, "aria-selected": n === m }, t.cloneElement(o, { ref: (l = d.current) == null ? void 0 : l[n] }));
+    })
+  ), !K && /* @__PURE__ */ t.createElement("div", { className: e.dropdown__close }, /* @__PURE__ */ t.createElement(Q, { onClick: f, fluid: !0, "aria-expanded": a }, A))));
+}, ye = ee;
+export {
+  M as DropdownMode,
+  ye as default
+};
+//# sourceMappingURL=Dropdown.js.map

package/components/Dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport {\n  AnalyticsId,\n  IconSize,\n  KeyboardEventKey,\n  theme,\n  useHover,\n  useKeyboardEvent,\n  useOutsideEvent,\n  useSize,\n  useToggle,\n  useUuid,\n} from '../..';\nimport Button from '../Button';\nimport Icon from '../Icon';\nimport PlusSmall from '../Icons/PlusSmall';\n\nimport styles from './styles.module.scss';\n\nexport enum DropdownMode {\n  onwhite = 'onwhite',\n  ongrey = 'ongrey',\n  onblueberry = 'onblueberry',\n  oncherry = 'oncherry',\n}\n\nexport interface DropdownProps {\n  /** Label for dropdown. Synlig for skjermlesere.  */\n  label: string;\n  /** Tekst på knappen som åpner dropdownen */\n  placeholder: string;\n  /** Sets the dropdown content */\n  children: React.ReactNode;\n  /** Close button text */\n  closeText?: string;\n  /** No close button */\n  noCloseButton?: boolean;\n  /** Called when dropdown is open/closed. */\n  onToggle?: (isOpen: boolean) => void;\n  /** Om dropdown er åpen */\n  open?: boolean;\n  /** Changes the visuals of the dropdown */\n  mode?: keyof typeof DropdownMode;\n  /** Makes the background transparent */\n  transparent?: boolean;\n  /** Makes the background transparent */\n  fluid?: boolean;\n  /** Makes the dropdown disabled */\n  disabled?: boolean;\n  /** Sets the data-testid attribute on the dropdown button. */\n  testId?: string;\n}\n\nconst Dropdown: React.FC<DropdownProps> = props => {\n  const {\n    label,\n    placeholder,\n    closeText = 'Lukk',\n    noCloseButton = false,\n    onToggle,\n    open = false,\n    children,\n    mode = DropdownMode.onwhite,\n    transparent = false,\n    fluid = false,\n    testId,\n    disabled,\n  } = props;\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const optionsRef = useRef<HTMLUListElement>(null);\n  const { hoverRef: buttonRef, isHovered } = useHover<HTMLButtonElement>();\n  const { value: isOpen, toggleValue: toggleIsOpen } = useToggle(!disabled && open, onToggle);\n  const inputRefList = useRef(React.Children.map(children, () => React.createRef<HTMLElement>()));\n  const [currentIndex, setCurrentIndex] = useState<number>();\n  const { width: buttonWidth } = useSize(buttonRef) || {};\n  const labelId = useUuid();\n  const toggleLabelId = useUuid();\n  const optionIdPrefix = useUuid();\n\n  const handleOpen = (): void => {\n    toggleIsOpen();\n    optionsRef.current?.focus();\n  };\n\n  const handleClose = (): void => {\n    toggleIsOpen();\n    buttonRef.current?.focus();\n  };\n\n  const handleKeyboardNavigation = (event: KeyboardEvent): void => {\n    event.preventDefault();\n\n    if (!inputRefList.current) {\n      return;\n    }\n\n    if (!isOpen) {\n      handleOpen();\n      return;\n    } else if (event.key === KeyboardEventKey.Escape && isOpen) {\n      handleClose();\n      return;\n    }\n\n    const index = inputRefList.current.findIndex(x => x.current === event.target);\n    let nextIndex = index;\n\n    if (event.key === KeyboardEventKey.Home) {\n      nextIndex = 0;\n    } else if (event.key === KeyboardEventKey.End) {\n      nextIndex = inputRefList.current.length - 1;\n    } else if (event.key === KeyboardEventKey.ArrowDown && index < inputRefList.current.length - 1) {\n      nextIndex = index + 1;\n    } else if (event.key === KeyboardEventKey.ArrowUp && index > 0) {\n      nextIndex = index - 1;\n    } else if (event.key === KeyboardEventKey.Enter && index !== -1) {\n      nextIndex = index;\n    }\n    if (nextIndex !== -1) {\n      inputRefList.current[nextIndex].current?.focus();\n      setCurrentIndex(nextIndex);\n    }\n  };\n\n  useKeyboardEvent(dropdownRef, handleKeyboardNavigation, [\n    KeyboardEventKey.ArrowDown,\n    KeyboardEventKey.ArrowUp,\n    KeyboardEventKey.End,\n    KeyboardEventKey.Enter,\n    KeyboardEventKey.Escape,\n    KeyboardEventKey.Home,\n  ]);\n\n  useOutsideEvent(dropdownRef, () => isOpen && handleClose());\n\n  const toggleClasses = classNames(\n    styles.dropdown__toggle,\n    !disabled && {\n      [styles['dropdown__toggle--on-white']]: mode === DropdownMode.onwhite,\n      [styles['dropdown__toggle--on-grey']]: mode === DropdownMode.ongrey,\n      [styles['dropdown__toggle--on-blueberry']]: mode === DropdownMode.onblueberry,\n      [styles['dropdown__toggle--on-cherry']]: mode === DropdownMode.oncherry,\n      [styles['dropdown__toggle--transparent']]: transparent,\n      [styles['dropdown__toggle--fluid']]: fluid,\n      [styles['dropdown__toggle--open']]: isOpen,\n    }\n  );\n\n  const contentClasses = classNames(styles.dropdown__content, isOpen && styles['dropdown__content--open']);\n\n  return (\n    <div className={styles.dropdown} ref={dropdownRef}>\n      <span id={labelId} className={styles.dropdown__label}>\n        {label}\n      </span>\n      <button\n        type=\"button\"\n        onClick={() => !isOpen && handleOpen()}\n        className={toggleClasses}\n        ref={buttonRef}\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.Dropdown}\n        disabled={disabled}\n        aria-labelledby={toggleLabelId}\n        aria-haspopup=\"listbox\"\n        aria-expanded={isOpen}\n      >\n        <span id={toggleLabelId} className={styles.dropdown__toggle__label}>\n          {placeholder}\n        </span>\n        <Icon\n          color={disabled ? theme.palette.neutral500 : theme.palette.blueberry600}\n          svgIcon={PlusSmall}\n          className={styles.dropdown__icon}\n          isHovered={isHovered}\n          size={IconSize.XSmall}\n        />\n      </button>\n      <div className={contentClasses} style={{ width: fluid ? '100%' : `${buttonWidth}px` }}>\n        <ul\n          className={styles.dropdown__options}\n          role=\"listbox\"\n          aria-labelledby={labelId}\n          tabIndex={-1}\n          aria-activedescendant={typeof currentIndex !== 'undefined' ? `${optionIdPrefix}-${currentIndex}` : undefined}\n          ref={optionsRef}\n        >\n          {React.Children.map(children, (child, index) => (\n            <li className={styles.dropdown__input} role=\"option\" id={`${optionIdPrefix}-${index}`} aria-selected={index === currentIndex}>\n              {React.cloneElement(child as React.ReactElement, { ref: inputRefList.current?.[index] })}\n            </li>\n          ))}\n        </ul>\n        {!noCloseButton && (\n          <div className={styles.dropdown__close}>\n            <Button onClick={handleClose} fluid aria-expanded={isOpen}>\n              {closeText}\n            </Button>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default Dropdown;\n"],"names":["DropdownMode","Dropdown","props","label","placeholder","closeText","noCloseButton","onToggle","open","children","mode","transparent","fluid","testId","disabled","dropdownRef","useRef","optionsRef","buttonRef","isHovered","useHover","isOpen","toggleIsOpen","useToggle","inputRefList","React","currentIndex","setCurrentIndex","useState","buttonWidth","useSize","labelId","useUuid","toggleLabelId","optionIdPrefix","handleOpen","_a","handleClose","useKeyboardEvent","event","KeyboardEventKey","index","x","nextIndex","useOutsideEvent","toggleClasses","classNames","styles","contentClasses","AnalyticsId","Icon","theme","PlusSmall","IconSize","child","Button","Dropdown$1"],"mappings":"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"}