@helsenorge/designsystem-react 8.5.0 → 8.5.1

package/components/HelpQuestion/HelpQuestion.js

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

package/components/HelpQuestion/HelpQuestion.js.map

@@ -1 +0,0 @@
-{"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\nexport interface 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"],"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,WAAAH,gBAAAA,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;"}

package/components/HighlightPanel/HighlightPanel.js

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

package/components/HighlightPanel/HighlightPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HighlightPanel.js","sources":["../../../src/components/HighlightPanel/HighlightPanel.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 HighlightPanelColors = Extract<PaletteNames, 'white' | 'neutral' | 'blueberry' | 'cherry'>;\n\nexport enum HighlightPanelSize {\n  medium = 'medium',\n  large = 'large',\n  fluid = 'fluid',\n}\n\nexport type HighlightPanelTags = Exclude<\n  keyof HTMLElementTagNameMap,\n  'dir' | 'font' | 'frame' | 'frameset' | 'marquee' | 'applet' | 'basefont' | 'search'\n>;\n\nexport interface HighlightPanelProps {\n  /** What's in the box? */\n  children: React.ReactNode;\n  /** Changes the background color. Default: white */\n  color?: HighlightPanelColors;\n  /** Changes the size. Default: medium */\n  size?: keyof typeof HighlightPanelSize;\n  /** Adds an icon to the highlightpanel. */\n  svgIcon?: SvgIcon | IconName;\n  /** Changes the underlying element. Default: div */\n  htmlMarkup?: HighlightPanelTags;\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  children?: React.ReactNode;\n  className: string;\n  size?: keyof typeof HighlightPanelSize;\n}\n\nconst Wrapper: React.FC<WrapperProps> = ({ className, size, children }) => (\n  <div className={className} data-testid={'highlightpanel-wrapper'}>\n    <div className={styles.highlightpanel__row}>\n      <div className={classNames(styles.highlightpanel__col, size === HighlightPanelSize.medium && styles['highlightpanel__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['highlightpanel__content-wrapper'], className);\n\n  return (\n    <div className={contentWrapperClasses}>\n      <div className={classNames(styles.highlightpanel__row)}>{children}</div>\n    </div>\n  );\n};\n\nconst HighlightPanel: React.FC<HighlightPanelProps> = props => {\n  const {\n    children,\n    color = 'white',\n    size = HighlightPanelSize.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[`highlightpanel--${color}`],\n    styles[`highlightpanel--${size}`],\n    svgIcon && styles['highlightpanel--has-icon'],\n    { container: size === 'medium' || size === 'large' },\n    className\n  );\n\n  const renderContent = () => {\n    if (svgIcon) {\n      const iconSize = size === HighlightPanelSize.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.highlightpanel__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.highlightpanel__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['highlightpanel__content-wrapper'], contentWrapperClassName);\n\n  if (size === HighlightPanelSize.medium) {\n    return (\n      <Wrapper className={containerClassName} size={size}>\n        <CustomTag className={contentWrapperClasses} data-testid={testId} data-analyticsid={AnalyticsId.HighlightPanel}>\n          {renderContent()}\n        </CustomTag>\n      </Wrapper>\n    );\n  }\n\n  if (size === HighlightPanelSize.large && svgIcon) {\n    return (\n      <Wrapper className={containerClassName} size={size}>\n        <ContentWrapper className={contentWrapperClasses}>\n          <CustomTag\n            className={classNames(styles.highlightpanel__col, styles['highlightpanel__col--large-with-icon'])}\n            data-testid={testId}\n            data-analyticsid={AnalyticsId.HighlightPanel}\n          >\n            {renderContent()}\n          </CustomTag>\n        </ContentWrapper>\n      </Wrapper>\n    );\n  }\n\n  if (size === HighlightPanelSize.large) {\n    return (\n      <Wrapper className={containerClassName} size={size}>\n        <ContentWrapper className={contentWrapperClasses}>\n          <CustomTag\n            className={classNames(styles.highlightpanel__col, styles['highlightpanel__col--offset'])}\n            data-testid={testId}\n            data-analyticsid={AnalyticsId.HighlightPanel}\n          >\n            {renderContent()}\n          </CustomTag>\n        </ContentWrapper>\n      </Wrapper>\n    );\n  }\n\n  if (size === HighlightPanelSize.fluid) {\n    return (\n      <CustomTag className={containerClassName} data-testid={testId}>\n        {renderContent()}\n      </CustomTag>\n    );\n  }\n\n  return null;\n};\n\nexport default HighlightPanel;\n"],"names":["HighlightPanelSize","Wrapper","className","size","children","React","styles","classNames","ContentWrapper","props","contentWrapperClasses","HighlightPanel","color","testId","svgIcon","htmlMarkup","contentWrapperClassName","title","titleHtmlMarkup","breakpoint","useBreakpoint","containerClassName","renderContent","iconSize","Breakpoint","IconSize","titleElement","Title","LazyIcon","Icon","CustomTag","AnalyticsId"],"mappings":"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"}

package/components/HorizontalScroll/HorizontalScroll.js

@@ -1,47 +0,0 @@
-import r, { useRef as e } from "react";
-import i from "classnames";
-import { useIsVisible as c } from "../../hooks/useIsVisible.js";
-import { useSize as p } from "../../hooks/useSize.js";
-import { useStopPropagation as g } from "../../hooks/usestopPropagation.js";
-import t from "../HorizontalScroll/styles.module.scss";
-const m = "3px", x = ({ children: d, childWidth: _, testId: h, ...l }) => {
-  const o = e(null), a = e(null), s = e(null), u = c(a, 1, { root: o == null ? void 0 : o.current, rootMargin: m }, !0), f = c(s, 1, { root: o == null ? void 0 : o.current, rootMargin: m }, !0), { width: v = 0 } = p(o) || {}, z = _ > v, b = i(t.horizontalscroll__viewport, z && t["horizontalscroll__viewport--overflow"]), n = l["aria-label"] || l["aria-labelledby"];
-  return g(o, ["touchstart", "touchmove"]), /* @__PURE__ */ r.createElement("div", { className: t.horizontalscroll, "data-testid": h }, /* @__PURE__ */ r.createElement(
-    "div",
-    {
-      className: b,
-      ref: o,
-      tabIndex: n ? 0 : void 0,
-      role: n ? "region" : void 0,
-      ...l
-    },
-    /* @__PURE__ */ r.createElement(
-      "div",
-      {
-        className: i(
-          t.horizontalscroll__indicator,
-          t["horizontalscroll__indicator--left"],
-          !u && t["horizontalscroll__indicator--visible"]
-        )
-      }
-    ),
-    /* @__PURE__ */ r.createElement(
-      "div",
-      {
-        className: i(
-          t.horizontalscroll__indicator,
-          t["horizontalscroll__indicator--right"],
-          !f && t["horizontalscroll__indicator--visible"]
-        )
-      }
-    ),
-    /* @__PURE__ */ r.createElement("div", { ref: a }),
-    d,
-    /* @__PURE__ */ r.createElement("div", { ref: s })
-  ));
-};
-export {
-  x as HorizontalScroll,
-  x as default
-};
-//# sourceMappingURL=HorizontalScroll.js.map

package/components/HorizontalScroll/HorizontalScroll.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HorizontalScroll.js","sources":["../../../src/components/HorizontalScroll/HorizontalScroll.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { useIsVisible } from '../../hooks/useIsVisible';\nimport { useSize } from '../../hooks/useSize';\nimport { useStopPropagation } from '../../hooks/usestopPropagation';\nimport { AriaLabelAttributes } from '../../utils/accessibility';\n\nimport styles from './styles.module.scss';\n\n// Scrolle-indikator vises/skjules når det er x px igjen til venstre eller høyre side\nconst ROOT_MARGIN_OFFSET = '3px';\n\ninterface HorizontalScrollProps {\n  children?: React.ReactNode;\n  /**\n   * Bredden på elementet som potensielt vil scrolle horisontalt i px\n   */\n  childWidth: number;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport const HorizontalScroll: React.FC<HorizontalScrollProps & AriaLabelAttributes> = ({ children, childWidth, testId, ...rest }) => {\n  const viewportRef = useRef<HTMLDivElement>(null);\n  const leftRef = useRef<HTMLDivElement>(null);\n  const rightRef = useRef<HTMLDivElement>(null);\n  const leftIsVisible = useIsVisible(leftRef, 1, { root: viewportRef?.current, rootMargin: ROOT_MARGIN_OFFSET }, true);\n  const rightIsVisible = useIsVisible(rightRef, 1, { root: viewportRef?.current, rootMargin: ROOT_MARGIN_OFFSET }, true);\n  const { width: viewPortWidth = 0 } = useSize(viewportRef) || {};\n\n  const isOverflowing = childWidth > viewPortWidth;\n  const viewportClasses = classNames(styles.horizontalscroll__viewport, isOverflowing && styles['horizontalscroll__viewport--overflow']);\n  const hasAriaAttributes = rest['aria-label'] || rest['aria-labelledby'];\n\n  useStopPropagation(viewportRef, ['touchstart', 'touchmove']);\n\n  return (\n    <div className={styles.horizontalscroll} data-testid={testId}>\n      {/* viewport-diven må ta tabIndex for å løse et annet UU-problem, at div med overflow: scroll må kunne navigeres med keyboard. */}\n      {/* Enten aria-label eller aria-labelledbyid må settes */}\n      <div\n        className={viewportClasses}\n        ref={viewportRef}\n        tabIndex={hasAriaAttributes ? 0 : undefined}\n        role={hasAriaAttributes ? 'region' : undefined}\n        {...rest}\n      >\n        <div\n          className={classNames(\n            styles.horizontalscroll__indicator,\n            styles['horizontalscroll__indicator--left'],\n            !leftIsVisible && styles['horizontalscroll__indicator--visible']\n          )}\n        />\n        <div\n          className={classNames(\n            styles.horizontalscroll__indicator,\n            styles['horizontalscroll__indicator--right'],\n            !rightIsVisible && styles['horizontalscroll__indicator--visible']\n          )}\n        />\n        <div ref={leftRef} />\n        {children}\n        <div ref={rightRef} />\n      </div>\n    </div>\n  );\n};\n\nexport default HorizontalScroll;\n"],"names":["ROOT_MARGIN_OFFSET","HorizontalScroll","children","childWidth","testId","rest","viewportRef","useRef","leftRef","rightRef","leftIsVisible","useIsVisible","rightIsVisible","viewPortWidth","useSize","isOverflowing","viewportClasses","classNames","styles","hasAriaAttributes","useStopPropagation","React"],"mappings":";;;;;;AAYA,MAAMA,IAAqB,OAYdC,IAA0E,CAAC,EAAE,UAAAC,GAAU,YAAAC,GAAY,QAAAC,GAAQ,GAAGC,QAAW;AAC9H,QAAAC,IAAcC,EAAuB,IAAI,GACzCC,IAAUD,EAAuB,IAAI,GACrCE,IAAWF,EAAuB,IAAI,GACtCG,IAAgBC,EAAaH,GAAS,GAAG,EAAE,MAAMF,KAAA,gBAAAA,EAAa,SAAS,YAAYN,EAAmB,GAAG,EAAI,GAC7GY,IAAiBD,EAAaF,GAAU,GAAG,EAAE,MAAMH,KAAA,gBAAAA,EAAa,SAAS,YAAYN,EAAmB,GAAG,EAAI,GAC/G,EAAE,OAAOa,IAAgB,MAAMC,EAAQR,CAAW,KAAK,IAEvDS,IAAgBZ,IAAaU,GAC7BG,IAAkBC,EAAWC,EAAO,4BAA4BH,KAAiBG,EAAO,sCAAsC,CAAC,GAC/HC,IAAoBd,EAAK,YAAY,KAAKA,EAAK,iBAAiB;AAEtE,SAAAe,EAAmBd,GAAa,CAAC,cAAc,WAAW,CAAC,mCAGxD,OAAI,EAAA,WAAWY,EAAO,kBAAkB,eAAad,EAGpD,GAAAiB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWL;AAAA,MACX,KAAKV;AAAA,MACL,UAAUa,IAAoB,IAAI;AAAA,MAClC,MAAMA,IAAoB,WAAW;AAAA,MACpC,GAAGd;AAAA,IAAA;AAAA,IAEJgB,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWJ;AAAA,UACTC,EAAO;AAAA,UACPA,EAAO,mCAAmC;AAAA,UAC1C,CAACR,KAAiBQ,EAAO,sCAAsC;AAAA,QACjE;AAAA,MAAA;AAAA,IACF;AAAA,IACAG,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWJ;AAAA,UACTC,EAAO;AAAA,UACPA,EAAO,oCAAoC;AAAA,UAC3C,CAACN,KAAkBM,EAAO,sCAAsC;AAAA,QAClE;AAAA,MAAA;AAAA,IACF;AAAA,IACAG,gBAAAA,EAAA,cAAC,OAAI,EAAA,KAAKb,EAAS,CAAA;AAAA,IAClBN;AAAA,IACDmB,gBAAAA,EAAA,cAAC,OAAI,EAAA,KAAKZ,EAAU,CAAA;AAAA,EAAA,CAExB;AAEJ;"}

package/components/Icon/Icon.js

@@ -1,60 +0,0 @@
-import l from "react";
-import p from "classnames";
-import { IconSize as c, AnalyticsId as b } from "../../constants.js";
-import { useUuid as y } from "../../hooks/useUuid.js";
-const X = ({
-  size: i,
-  isHovered: a,
-  normal: n,
-  normalHover: t,
-  xSmall: r,
-  xSmallHover: e,
-  xxSmall: o,
-  xxSmallHover: s
-}) => i <= c.XXSmall && o && s ? a ? s : o : i <= c.XSmall && r && e ? a ? e : r : a ? t : n, v = l.forwardRef((i, a) => {
-  const {
-    svgIcon: n,
-    ariaLabel: t,
-    className: r = "",
-    size: e = c.Small,
-    color: o = "black",
-    hoverColor: s = o || "black",
-    isHovered: d = !1,
-    mode: u,
-    testId: h,
-    ...I
-  } = i, g = l.createElement(n, {
-    size: e,
-    isHovered: d,
-    mode: u
-  }), m = y(), f = d ? s : o;
-  return /* @__PURE__ */ l.createElement(
-    "svg",
-    {
-      "data-testid": h,
-      "data-analyticsid": b.Icon,
-      ref: a,
-      className: p("hnds-style-icon", r),
-      role: t ? "img" : "presentation",
-      "aria-labelledby": t ? m : void 0,
-      focusable: !1,
-      "aria-hidden": t ? void 0 : !0,
-      viewBox: "0 0 48 48",
-      style: { minWidth: e, minHeight: e },
-      width: e,
-      height: e,
-      fill: f,
-      color: f,
-      ...I
-    },
-    t && /* @__PURE__ */ l.createElement("title", { id: m }, t),
-    g
-  );
-});
-v.displayName = "Icon";
-export {
-  v as Icon,
-  v as default,
-  X as getIcon
-};
-//# sourceMappingURL=Icon.js.map

package/components/Icon/Icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.js","sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, FormMode, IconSize } from '../../constants';\nimport { useUuid } from '../../hooks/useUuid';\nimport { StatusDotModes } from '../StatusDot';\n\nexport type SvgIcon = React.FC<SvgPathProps>;\n\nexport interface BaseIconProps {\n  /* aria-label for the <svg> element. Used as <title> tag. */\n  ariaLabel?: string;\n  /* Changes the size of the icon. */\n  size?: number;\n  /* Changes the color of the icon. */\n  color?: string;\n  /* Changes the hover color of the icon. */\n  hoverColor?: string;\n  /* Adds custom classes to the element. */\n  className?: string;\n  /* Swaps the displayed icon to the hover version and changes its color. */\n  isHovered?: boolean;\n  /** Defines the color of the icon */\n  mode?: keyof typeof FormMode | StatusDotModes;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport interface IconProps extends BaseIconProps {\n  /* Sets which icon should be displayed. */\n  svgIcon: SvgIcon;\n}\n\nexport interface SvgPathProps {\n  size: IconSize;\n  isHovered: boolean;\n  mode?: keyof typeof FormMode | StatusDotModes;\n}\n\ninterface IconConfig {\n  size: IconSize;\n  isHovered: boolean;\n  normal: React.ReactElement;\n  normalHover: React.ReactElement;\n  xSmall?: React.ReactElement;\n  xSmallHover?: React.ReactElement;\n  xxSmall?: React.ReactElement;\n  xxSmallHover?: React.ReactElement;\n}\n\nexport const getIcon = ({\n  size,\n  isHovered,\n  normal,\n  normalHover,\n  xSmall,\n  xSmallHover,\n  xxSmall,\n  xxSmallHover,\n}: IconConfig): React.ReactElement => {\n  if (size <= IconSize.XXSmall && xxSmall && xxSmallHover) {\n    return isHovered ? xxSmallHover : xxSmall;\n  }\n  if (size <= IconSize.XSmall && xSmall && xSmallHover) {\n    return isHovered ? xSmallHover : xSmall;\n  }\n\n  return isHovered ? normalHover : normal;\n};\n\nexport const Icon = React.forwardRef((props: IconProps, ref: React.ForwardedRef<SVGSVGElement>) => {\n  const {\n    svgIcon,\n    ariaLabel,\n    className = '',\n    size = IconSize.Small,\n    color = 'black',\n    hoverColor = color || 'black',\n    isHovered = false,\n    mode,\n    testId,\n    ...other\n  } = props;\n\n  const svgRaw = React.createElement(svgIcon, {\n    size,\n    isHovered,\n    mode,\n  });\n\n  const titleId = useUuid();\n  const svgColor = isHovered ? hoverColor : color;\n\n  return (\n    <svg\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.Icon}\n      ref={ref}\n      className={classNames(`hnds-style-icon`, className)}\n      role={ariaLabel ? 'img' : 'presentation'}\n      aria-labelledby={ariaLabel ? titleId : undefined}\n      focusable={false}\n      aria-hidden={ariaLabel ? undefined : true}\n      viewBox=\"0 0 48 48\"\n      style={{ minWidth: size, minHeight: size }}\n      width={size}\n      height={size}\n      fill={svgColor}\n      color={svgColor}\n      {...other}\n    >\n      {ariaLabel && <title id={titleId}>{ariaLabel}</title>}\n      {svgRaw}\n    </svg>\n  );\n});\n\nIcon.displayName = 'Icon';\n\nexport default Icon;\n"],"names":["getIcon","size","isHovered","normal","normalHover","xSmall","xSmallHover","xxSmall","xxSmallHover","IconSize","Icon","React","props","ref","svgIcon","ariaLabel","className","color","hoverColor","mode","testId","other","svgRaw","titleId","useUuid","svgColor","AnalyticsId","classNames"],"mappings":";;;;AAmDO,MAAMA,IAAU,CAAC;AAAA,EACtB,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AACF,MACMP,KAAQQ,EAAS,WAAWF,KAAWC,IAClCN,IAAYM,IAAeD,IAEhCN,KAAQQ,EAAS,UAAUJ,KAAUC,IAChCJ,IAAYI,IAAcD,IAG5BH,IAAYE,IAAcD,GAGtBO,IAAOC,EAAM,WAAW,CAACC,GAAkBC,MAA2C;AAC3F,QAAA;AAAA,IACJ,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,MAAAf,IAAOQ,EAAS;AAAA,IAChB,OAAAQ,IAAQ;AAAA,IACR,YAAAC,IAAaD,KAAS;AAAA,IACtB,WAAAf,IAAY;AAAA,IACZ,MAAAiB;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAT,GAEEU,IAASX,EAAM,cAAcG,GAAS;AAAA,IAC1C,MAAAb;AAAA,IACA,WAAAC;AAAA,IACA,MAAAiB;AAAA,EAAA,CACD,GAEKI,IAAUC,KACVC,IAAWvB,IAAYgB,IAAaD;AAGxC,SAAAN,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAaS;AAAA,MACb,oBAAkBM,EAAY;AAAA,MAC9B,KAAAb;AAAA,MACA,WAAWc,EAAW,mBAAmBX,CAAS;AAAA,MAClD,MAAMD,IAAY,QAAQ;AAAA,MAC1B,mBAAiBA,IAAYQ,IAAU;AAAA,MACvC,WAAW;AAAA,MACX,eAAaR,IAAY,SAAY;AAAA,MACrC,SAAQ;AAAA,MACR,OAAO,EAAE,UAAUd,GAAM,WAAWA,EAAK;AAAA,MACzC,OAAOA;AAAA,MACP,QAAQA;AAAA,MACR,MAAMwB;AAAA,MACN,OAAOA;AAAA,MACN,GAAGJ;AAAA,IAAA;AAAA,IAEHN,KAAaJ,gBAAAA,EAAA,cAAC,SAAM,EAAA,IAAIY,KAAUR,CAAU;AAAA,IAC5CO;AAAA,EAAA;AAGP,CAAC;AAEDZ,EAAK,cAAc;"}

package/components/Illustration/Illustration.js

@@ -1,41 +0,0 @@
-import a from "react";
-import { getIllustration as f } from "./utils.js";
-import { AnalyticsId as p } from "../../constants.js";
-import { useUuid as g } from "../../hooks/useUuid.js";
-var h = /* @__PURE__ */ ((e) => (e.Medium = "0 0 512 512", e.Small = "0 0 200 200", e))(h || {});
-const v = a.forwardRef((e, o) => {
-  const { illustration: s, ariaLabel: l, className: n = "", size: t = 512, color: i = "neutral", testId: d, ...m } = e, r = g(), u = f({
-    size: t,
-    medium: "0 0 512 512",
-    small: "0 0 200 200"
-    /* Small */
-  }), c = {
-    "data-testid": d,
-    "data-analyticsid": p.Illustration,
-    ref: o,
-    className: n,
-    role: l ? "img" : "presentation",
-    "aria-labelledby": l ? r : void 0,
-    focusable: !1,
-    "aria-hidden": l ? void 0 : !0,
-    viewBox: u,
-    style: { minWidth: t, minHeight: t },
-    width: t,
-    height: t,
-    fill: i,
-    ...m
-  };
-  return a.createElement(s, {
-    size: t,
-    color: i,
-    svgProperties: c,
-    title: l && /* @__PURE__ */ a.createElement("title", { id: r }, l)
-  });
-});
-v.displayName = "Illustration";
-export {
-  v as Illustration,
-  h as ViewBoxSize,
-  v as default
-};
-//# sourceMappingURL=Illustration.js.map

package/components/Illustration/Illustration.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Illustration.js","sources":["../../../src/components/Illustration/Illustration.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getIllustration } from './utils';\nimport { AnalyticsId } from '../../constants';\nimport { useUuid } from '../../hooks/useUuid';\n\nexport type IllustrationColor = 'neutral' | 'cherry' | 'blueberry';\n\nexport enum ViewBoxSize {\n  Medium = '0 0 512 512',\n  Small = '0 0 200 200',\n}\n\nexport interface BaseSvgIllustrationProps {\n  color: IllustrationColor;\n  svgProperties: React.SVGProps<SVGSVGElement>;\n  title: React.ReactNode;\n}\nexport interface SvgIllustrationProps extends BaseSvgIllustrationProps {\n  size: number;\n}\n\nexport type SvgIllustration = React.ComponentType<SvgIllustrationProps>;\n\nexport interface BaseIllustrationProps {\n  /* aria-label for the <svg> element. Used as <title> tag. */\n  ariaLabel?: string;\n  /* Changes the size of the illustration. */\n  size?: number;\n  /* Changes the color of the illustration. */\n  color?: IllustrationColor;\n  /* Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport interface IllustrationProps extends BaseIllustrationProps {\n  /* Sets which illustration should be displayed. */\n  illustration: SvgIllustration;\n}\n\nexport const Illustration = React.forwardRef<SVGSVGElement, IllustrationProps>((props, ref) => {\n  const { illustration, ariaLabel, className = '', size = 512, color = 'neutral', testId, ...other } = props;\n\n  const titleId = useUuid();\n  const viewBox = getIllustration({ size, medium: ViewBoxSize.Medium, small: ViewBoxSize.Small });\n\n  const svgProperties = {\n    'data-testid': testId,\n    'data-analyticsid': AnalyticsId.Illustration,\n    ref,\n    className,\n    role: ariaLabel ? 'img' : 'presentation',\n    'aria-labelledby': ariaLabel ? titleId : undefined,\n    focusable: false,\n    'aria-hidden': ariaLabel ? undefined : true,\n    viewBox,\n    style: { minWidth: size, minHeight: size },\n    width: size,\n    height: size,\n    fill: color,\n    ...other,\n  };\n\n  const svgElement = React.createElement(illustration, {\n    size,\n    color,\n    svgProperties: svgProperties,\n    title: ariaLabel && <title id={titleId}>{ariaLabel}</title>,\n  });\n\n  return svgElement;\n});\n\nIllustration.displayName = 'Illustration';\n\nexport default Illustration;\n"],"names":["ViewBoxSize","Illustration","React","props","ref","illustration","ariaLabel","className","size","color","testId","other","titleId","useUuid","viewBox","getIllustration","svgProperties","AnalyticsId"],"mappings":";;;;AAQY,IAAAA,sBAAAA,OACVA,EAAA,SAAS,eACTA,EAAA,QAAQ,eAFEA,IAAAA,KAAA,CAAA,CAAA;AAkCL,MAAMC,IAAeC,EAAM,WAA6C,CAACC,GAAOC,MAAQ;AAC7F,QAAM,EAAE,cAAAC,GAAc,WAAAC,GAAW,WAAAC,IAAY,IAAI,MAAAC,IAAO,KAAK,OAAAC,IAAQ,WAAW,QAAAC,GAAQ,GAAGC,EAAA,IAAUR,GAE/FS,IAAUC,KACVC,IAAUC,EAAgB;AAAA,IAAE,MAAAP;AAAA,IAAM,QAAQ;AAAA,IAAoB,OAAO;AAAA;AAAA,GAAmB,GAExFQ,IAAgB;AAAA,IACpB,eAAeN;AAAA,IACf,oBAAoBO,EAAY;AAAA,IAChC,KAAAb;AAAA,IACA,WAAAG;AAAA,IACA,MAAMD,IAAY,QAAQ;AAAA,IAC1B,mBAAmBA,IAAYM,IAAU;AAAA,IACzC,WAAW;AAAA,IACX,eAAeN,IAAY,SAAY;AAAA,IACvC,SAAAQ;AAAA,IACA,OAAO,EAAE,UAAUN,GAAM,WAAWA,EAAK;AAAA,IACzC,OAAOA;AAAA,IACP,QAAQA;AAAA,IACR,MAAMC;AAAA,IACN,GAAGE;AAAA,EAAA;AAUE,SAPYT,EAAM,cAAcG,GAAc;AAAA,IACnD,MAAAG;AAAA,IACA,OAAAC;AAAA,IACA,eAAAO;AAAA,IACA,OAAOV,KAAaJ,gBAAAA,EAAA,cAAC,SAAM,EAAA,IAAIU,KAAUN,CAAU;AAAA,EAAA,CACpD;AAGH,CAAC;AAEDL,EAAa,cAAc;"}

package/components/Illustration/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/Illustration/utils.ts"],"sourcesContent":["interface IllustrationConfig<T> {\n  size: number;\n  large?: T;\n  medium?: T;\n  small?: T;\n}\n\nexport const getIllustration = <T>({ size, large, medium, small }: IllustrationConfig<T>): T => {\n  if (large && (size >= 512 || (!medium && !small))) {\n    return large;\n  }\n\n  if (medium && (size >= 201 || !small)) {\n    return medium;\n  }\n\n  return small as T;\n};\n"],"names":["getIllustration","size","large","medium","small"],"mappings":"AAOO,MAAMA,IAAkB,CAAI,EAAE,MAAAC,GAAM,OAAAC,GAAO,QAAAC,GAAQ,OAAAC,QACpDF,MAAUD,KAAQ,OAAQ,CAACE,KAAU,CAACC,KACjCF,IAGLC,MAAWF,KAAQ,OAAO,CAACG,KACtBD,IAGFC;"}

package/components/Input/Input.js

@@ -1,129 +0,0 @@
-import r, { useRef as K, useState as $, useEffect as xe } from "react";
-import v from "classnames";
-import { FormMode as l, FormSize as _e, IconSize as B, AnalyticsId as ve, AVERAGE_CHARACTER_WIDTH_PX as ye } from "../../constants.js";
-import { useBreakpoint as Ee, Breakpoint as ke } from "../../hooks/useBreakpoint.js";
-import { useUuid as L } from "../../hooks/useUuid.js";
-import { getColor as U } from "../../theme/currys/color.js";
-import { getAriaDescribedBy as we } from "../../utils/accessibility.js";
-import { mergeRefs as Ne } from "../../utils/refs.js";
-import { ErrorWrapper as Ie } from "../ErrorWrapper/ErrorWrapper.js";
-import { Icon as Re } from "../Icon/Icon.js";
-import { renderLabel as We } from "../Label/Label.js";
-import { LazyIcon as Se } from "../LazyIcon/LazyIcon.js";
-import ze from "../MaxCharacters/MaxCharacters.js";
-import t from "../Input/styles.module.scss";
-var Ae = /* @__PURE__ */ ((e) => (e.text = "text", e.number = "number", e.email = "email", e.password = "password", e.search = "search", e.tel = "tel", e.url = "url", e.date = "date", e.time = "time", e))(Ae || {});
-const Ve = (e, s, p) => {
-  const i = s ? "1.5rem" : "2rem", f = s ? `${p}px` : "0px";
-  return `calc(${e * ye}px + ${i} + ${f} + 4px)`;
-}, De = r.forwardRef((e, s) => {
-  const {
-    className: p,
-    defaultValue: i,
-    placeholder: f,
-    type: h = "text",
-    name: F,
-    transparent: M = !1,
-    icon: a,
-    iconRight: g,
-    inputId: P,
-    inputWrapperRef: H,
-    mode: c = l.onwhite,
-    size: O,
-    baseIncrementValue: y,
-    label: X,
-    error: q,
-    errorText: E,
-    errorTextId: G,
-    testId: j,
-    disabled: u,
-    readOnly: J,
-    autoComplete: Q = "off",
-    afterInputChildren: T,
-    rightOfInput: Y,
-    width: k,
-    required: Z,
-    onChange: w,
-    onKeyDown: N,
-    autoFocus: ee,
-    maxCharacters: d,
-    maxText: te,
-    inputContainerRef: ne,
-    ...re
-  } = e, ae = Ee(), m = K(null), I = L(P), [R, W] = $(i || ""), [oe, ie] = $(void 0), b = K(!1), S = L(G), z = /^[0-9]$/;
-  xe(() => {
-    W(i || "");
-  }, [i]);
-  const ce = c === l.ondark, le = c === l.onblueberry, se = !!d && R.toString().length > d, C = c === l.oninvalid || !!E || !!q || se, x = O === _e.large, ue = M && c !== l.ondark && !C, de = v(t["input-wrapper"], p), me = v(t["input-container"], {
-    [t["input-container--transparent"]]: ue,
-    [t["input-container--on-blueberry"]]: le,
-    [t["input-container--on-dark"]]: ce,
-    [t["input-container--invalid"]]: C,
-    [t["input-container--large"]]: x,
-    [t["input-container--disabled"]]: u,
-    [t["input-container--with-icon"]]: a
-  }), pe = v(t["input-container__input"], {
-    [t["input-container__input--large"]]: x,
-    [t["input-container__input--disabled"]]: u
-  }), A = u ? U("neutral", 700) : U("black"), _ = ae === ke.xs || !x ? B.XSmall : B.Small, V = () => {
-    if (a)
-      return typeof a == "string" ? /* @__PURE__ */ r.createElement(Se, { className: t["input-container__input__icon"], color: A, size: _, iconName: a }) : /* @__PURE__ */ r.createElement(Re, { className: t["input-container__input__icon"], color: A, size: _, svgIcon: a });
-  }, fe = (n) => {
-    if (m && m.current && a) {
-      const o = g ? 0 : 1;
-      m.current.children[o].focus(), e.onClick && e.onClick(n);
-    }
-  }, he = (n) => {
-    const o = ge(n);
-    w && w(n), W(o), ie(o);
-  }, ge = (n) => {
-    if (typeof y > "u" || h !== "number") return n.target.value;
-    const o = Number(n.target.value);
-    return !oe && !b.current && (o === 1 || o === -1) && (n.target.value = y + ""), n.target.value;
-  }, be = (n) => {
-    z.test(n.key) && (b.current = !0), N && N(n);
-  }, Ce = (n) => {
-    z.test(n.key) && (b.current = !1);
-  }, D = k ? Ve(k, !!a, _) : void 0;
-  return /* @__PURE__ */ r.createElement(Ie, { errorText: E, errorTextId: S }, /* @__PURE__ */ r.createElement("div", { "data-testid": j, "data-analyticsid": ve.Input, className: de, ref: H }, We(X, I, c), /* @__PURE__ */ r.createElement("div", { className: t["content-wrapper"] }, /* @__PURE__ */ r.createElement(
-    "div",
-    {
-      onClick: fe,
-      ref: Ne([m, ne]),
-      className: me,
-      style: { maxWidth: D }
-    },
-    !g && V(),
-    /* @__PURE__ */ r.createElement(
-      "input",
-      {
-        onChange: he,
-        onKeyDown: be,
-        onKeyUp: Ce,
-        name: F,
-        type: h,
-        defaultValue: i,
-        id: I,
-        className: pe,
-        ref: s,
-        "aria-labelledby": e["aria-labelledby"] ?? void 0,
-        "aria-describedby": we(e, S),
-        "aria-invalid": !!C,
-        disabled: u,
-        placeholder: f,
-        readOnly: J,
-        autoComplete: Q || "off",
-        required: Z,
-        autoFocus: ee,
-        ...re
-      }
-    ),
-    g && V()
-  ), /* @__PURE__ */ r.createElement("div", { className: t["content-wrapper__right-of-input"] }, Y)), d && /* @__PURE__ */ r.createElement(ze, { maxCharacters: d, length: R.toString().length, maxText: te, mode: c, maxWidth: D }), T));
-});
-De.displayName = "Input";
-export {
-  Ae as InputTypes,
-  De as default
-};
-//# sourceMappingURL=Input.js.map

package/components/Input/Input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport cn from 'classnames';\n\nimport { FormMode, FormSize, AnalyticsId, AVERAGE_CHARACTER_WIDTH_PX } from '../../constants';\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\nimport { useUuid } from '../../hooks/useUuid';\nimport { getColor } from '../../theme/currys';\nimport { getAriaDescribedBy } from '../../utils/accessibility';\nimport { mergeRefs } from '../../utils/refs';\nimport ErrorWrapper from '../ErrorWrapper';\nimport Icon, { IconSize, SvgIcon } from '../Icon';\nimport { IconName } from '../Icons/IconNames';\nimport { renderLabel } from '../Label';\nimport LazyIcon from '../LazyIcon';\nimport MaxCharacters from '../MaxCharacters/MaxCharacters';\n\nimport styles from './styles.module.scss';\n\nexport interface InputProps\n  extends Pick<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    | 'disabled'\n    | 'readOnly'\n    | 'autoComplete'\n    | 'name'\n    | 'placeholder'\n    | 'defaultValue'\n    | 'required'\n    | 'value'\n    | 'min'\n    | 'max'\n    | 'aria-describedby'\n    | 'aria-labelledby'\n    | 'onBlur'\n    | 'onClick'\n    | 'onChange'\n    | 'onFocus'\n    | 'onKeyDown'\n    | 'autoFocus'\n  > {\n  /** The number at which the input field starts when you increment or decrement it */\n  baseIncrementValue?: number;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /**  HMTL Input type */\n  type?: keyof typeof InputTypes;\n  /** input id */\n  inputId?: string;\n  /** Width of input field in characters (approximate) */\n  width?: number;\n  /** If true, the component will be transparent. */\n  transparent?: boolean;\n  /** Icon to be displayed next to the input field */\n  icon?: SvgIcon | IconName;\n  /** Places the icon to the right */\n  iconRight?: boolean;\n  /** Ref that is placed on the inputContainerRef */\n  inputContainerRef?: React.RefObject<HTMLDivElement>;\n  /** Ref that is placed on the inputWrapper */\n  inputWrapperRef?: React.RefObject<HTMLDivElement>;\n  /** Changes the color profile of the input */\n  mode?: keyof typeof FormMode;\n  /** Changes the visuals of the input */\n  size?: keyof typeof FormSize;\n  /** Label of the input */\n  label?: React.ReactNode;\n  /** Activates Error style for the input */\n  error?: boolean;\n  /** Error text to show above the component */\n  errorText?: string;\n  /** Error text id */\n  errorTextId?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Component shown after input */\n  afterInputChildren?: React.ReactNode;\n  /** Component shown to the right of input */\n  rightOfInput?: React.ReactNode;\n  /** max character limit in input  */\n  maxCharacters?: number;\n  /** The text is displayed in the end of the text-counter */\n  maxText?: string;\n}\n\nexport enum InputTypes {\n  text = 'text',\n  number = 'number',\n  email = 'email',\n  password = 'password',\n  search = 'search',\n  tel = 'tel',\n  url = 'url',\n  date = 'date',\n  time = 'time',\n}\n\nconst getInputMaxWidth = (characters: number, hasIcon: boolean, iconSize: number): string => {\n  const paddingWidth = hasIcon ? '1.5rem' : '2rem';\n  const iconWidth = hasIcon ? `${iconSize}px` : '0px';\n  const borderWidth = '4px';\n\n  return `calc(${characters * AVERAGE_CHARACTER_WIDTH_PX}px + ${paddingWidth} + ${iconWidth} + ${borderWidth})`;\n};\n\nconst Input = React.forwardRef((props: InputProps, ref: React.Ref<HTMLInputElement>) => {\n  const {\n    className,\n    defaultValue,\n    placeholder,\n    type = InputTypes.text,\n    name,\n    transparent = false,\n    icon,\n    iconRight,\n    inputId,\n    inputWrapperRef,\n    mode = FormMode.onwhite,\n    size,\n    baseIncrementValue,\n    label,\n    error,\n    errorText,\n    errorTextId,\n    testId,\n    disabled,\n    readOnly,\n    autoComplete = 'off',\n    afterInputChildren,\n    rightOfInput,\n    width,\n    required,\n    onChange,\n    onKeyDown,\n    autoFocus,\n    maxCharacters,\n    maxText,\n    inputContainerRef,\n    ...rest\n  } = props;\n  const breakpoint = useBreakpoint();\n  const inputContainerRefLocal = useRef<HTMLDivElement>(null);\n  const inputIdState = useUuid(inputId);\n  const [input, setInput] = useState(defaultValue || '');\n  const [prevValue, setPrevValue] = useState<string | number | undefined>(undefined);\n  const numKeyPressed = useRef<boolean>(false);\n  const errorTextUuid = useUuid(errorTextId);\n  const numRegex = /^[0-9]$/;\n\n  useEffect(() => {\n    setInput(defaultValue || '');\n  }, [defaultValue]);\n\n  const onDark = mode === FormMode.ondark;\n  const onBlueberry = mode === FormMode.onblueberry;\n  const maxCharactersExceeded = !!maxCharacters && input.toString().length > maxCharacters;\n  const onError = mode === FormMode.oninvalid || !!errorText || !!error || maxCharactersExceeded;\n  const isLarge = size === FormSize.large;\n  const isTransparent = transparent && mode !== FormMode.ondark && !onError;\n\n  const inputWrapperClass = cn(styles['input-wrapper'], className);\n\n  const inputContainer = cn(styles['input-container'], {\n    [styles['input-container--transparent']]: isTransparent,\n    [styles['input-container--on-blueberry']]: onBlueberry,\n    [styles['input-container--on-dark']]: onDark,\n    [styles['input-container--invalid']]: onError,\n    [styles['input-container--large']]: isLarge,\n    [styles['input-container--disabled']]: disabled,\n    [styles['input-container--with-icon']]: icon,\n  });\n\n  const inputClass = cn(styles['input-container__input'], {\n    [styles['input-container__input--large']]: isLarge,\n    [styles['input-container__input--disabled']]: disabled,\n  });\n\n  const iconColor = disabled ? getColor('neutral', 700) : getColor('black');\n  const iconSize = breakpoint === Breakpoint.xs || !isLarge ? IconSize.XSmall : IconSize.Small;\n\n  const renderIcon = (): React.ReactNode => {\n    if (!icon) {\n      return;\n    }\n\n    if (typeof icon === 'string') {\n      return <LazyIcon className={styles['input-container__input__icon']} color={iconColor} size={iconSize} iconName={icon} />;\n    }\n\n    return <Icon className={styles['input-container__input__icon']} color={iconColor} size={iconSize} svgIcon={icon} />;\n  };\n\n  // eslint-disable-next-line\n  const handleClick = (e: React.MouseEvent<any>): void => {\n    if (inputContainerRefLocal && inputContainerRefLocal.current && icon) {\n      const selectedChild = iconRight ? 0 : 1;\n      const input = inputContainerRefLocal.current.children[selectedChild] as HTMLInputElement;\n      input.focus();\n\n      props.onClick && props.onClick(e);\n    }\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n    const newValue = getIncrementValue(e);\n\n    if (onChange) {\n      onChange(e);\n    }\n\n    setInput(newValue);\n    setPrevValue(newValue);\n  };\n\n  // Hvis bruker endrer number value med 1 og det skal startes på en annen verdi enn 0\n  const getIncrementValue = (e: React.ChangeEvent<HTMLInputElement>): string => {\n    if (typeof baseIncrementValue === 'undefined' || type !== 'number') return e.target.value;\n\n    const valueAsNumber = Number(e.target.value);\n\n    if (!prevValue && !numKeyPressed.current && (valueAsNumber === 1 || valueAsNumber === -1)) {\n      e.target.value = baseIncrementValue + '';\n    }\n\n    return e.target.value;\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>): void => {\n    if (numRegex.test(e.key)) {\n      numKeyPressed.current = true;\n    }\n    onKeyDown && onKeyDown(e);\n  };\n\n  const handleKeyUp = (e: React.KeyboardEvent<HTMLInputElement>): void => {\n    if (numRegex.test(e.key)) {\n      numKeyPressed.current = false;\n    }\n  };\n\n  const maxWidth = width ? getInputMaxWidth(width, !!icon, iconSize) : undefined;\n\n  return (\n    <ErrorWrapper errorText={errorText} errorTextId={errorTextUuid}>\n      <div data-testid={testId} data-analyticsid={AnalyticsId.Input} className={inputWrapperClass} ref={inputWrapperRef}>\n        {renderLabel(label, inputIdState, mode as FormMode)}\n        {/* input-elementet tillater keyboard-interaksjon */}\n        <div className={styles['content-wrapper']}>\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n          <div\n            onClick={handleClick}\n            ref={mergeRefs([inputContainerRefLocal, inputContainerRef])}\n            className={inputContainer}\n            style={{ maxWidth }}\n          >\n            {!iconRight && renderIcon()}\n            <input\n              onChange={handleChange}\n              onKeyDown={handleKeyDown}\n              onKeyUp={handleKeyUp}\n              name={name}\n              type={type}\n              defaultValue={defaultValue}\n              id={inputIdState}\n              className={inputClass}\n              ref={ref}\n              aria-labelledby={props['aria-labelledby'] ?? undefined}\n              aria-describedby={getAriaDescribedBy(props, errorTextUuid)}\n              aria-invalid={!!onError}\n              disabled={disabled}\n              placeholder={placeholder}\n              readOnly={readOnly}\n              autoComplete={autoComplete || 'off'}\n              required={required}\n              // eslint-disable-next-line jsx-a11y/no-autofocus\n              autoFocus={autoFocus}\n              {...rest}\n            />\n            {iconRight && renderIcon()}\n          </div>\n          <div className={styles['content-wrapper__right-of-input']}>{rightOfInput}</div>\n        </div>\n        {maxCharacters && (\n          <MaxCharacters maxCharacters={maxCharacters} length={input.toString().length} maxText={maxText} mode={mode} maxWidth={maxWidth} />\n        )}\n        {afterInputChildren}\n      </div>\n    </ErrorWrapper>\n  );\n});\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"names":["InputTypes","getInputMaxWidth","characters","hasIcon","iconSize","paddingWidth","iconWidth","AVERAGE_CHARACTER_WIDTH_PX","Input","React","props","ref","className","defaultValue","placeholder","type","name","transparent","icon","iconRight","inputId","inputWrapperRef","mode","FormMode","size","baseIncrementValue","label","error","errorText","errorTextId","testId","disabled","readOnly","autoComplete","afterInputChildren","rightOfInput","width","required","onChange","onKeyDown","autoFocus","maxCharacters","maxText","inputContainerRef","rest","breakpoint","useBreakpoint","inputContainerRefLocal","useRef","inputIdState","useUuid","input","setInput","useState","prevValue","setPrevValue","numKeyPressed","errorTextUuid","numRegex","useEffect","onDark","onBlueberry","maxCharactersExceeded","onError","isLarge","FormSize","isTransparent","inputWrapperClass","cn","styles","inputContainer","inputClass","iconColor","getColor","Breakpoint","IconSize","renderIcon","LazyIcon","Icon","handleClick","e","selectedChild","handleChange","newValue","getIncrementValue","valueAsNumber","handleKeyDown","handleKeyUp","maxWidth","ErrorWrapper","AnalyticsId","renderLabel","mergeRefs","getAriaDescribedBy","MaxCharacters"],"mappings":"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"}

package/components/Label/Label.js

@@ -1,79 +0,0 @@
-import t from "react";
-import F from "classnames";
-import { Sublabel as k } from "./SubLabel.js";
-import { AnalyticsId as L, FormMode as b } from "../../constants.js";
-import { isComponent as o } from "../../utils/component.js";
-import S from "../Spacer/Spacer.js";
-import _ from "../StatusDot/StatusDot.js";
-import n from "../Label/styles.module.scss";
-const j = (e) => {
-  let r = "";
-  return o(e, l) && e.props.labelTexts.forEach((a) => {
-    r += a.hideFromScreenReader ? "" : a.text;
-  }), r;
-}, q = (e, r, a) => /* @__PURE__ */ t.createElement(t.Fragment, null, e && o(e, l) ? t.cloneElement(e, {
-  htmlFor: r,
-  mode: a
-}) : typeof e == "string" && /* @__PURE__ */ t.createElement(l, { labelTexts: [{ text: e, type: "semibold" }], htmlFor: r, mode: a })), B = (e, r, a, s, m, c, p, i) => /* @__PURE__ */ t.createElement(t.Fragment, null, e && o(e, l) ? t.cloneElement(e, {
-  htmlFor: a,
-  mode: s,
-  children: r,
-  labelClassName: F(m, e.props.labelClassName),
-  labelTextClassName: c,
-  sublabelWrapperClassName: p,
-  sublabel: i ? void 0 : e.props.sublabel,
-  statusDot: i ? void 0 : e.props.statusDot
-}) : typeof e == "string" && /* @__PURE__ */ t.createElement(
-  l,
-  {
-    labelTexts: [{ text: e }],
-    htmlFor: a,
-    mode: s,
-    labelClassName: m,
-    labelTextClassName: c,
-    sublabelWrapperClassName: p
-  },
-  r
-)), l = ({
-  afterLabelChildren: e,
-  children: r,
-  className: a,
-  htmlFor: s,
-  labelClassName: m,
-  labelTextClassName: c,
-  labelId: p,
-  labelTexts: i,
-  mode: d = b.onwhite,
-  statusDot: E,
-  sublabel: f,
-  sublabelWrapperClassName: h,
-  testId: y
-}) => {
-  const x = r && typeof r < "u", N = F(
-    n["label-wrapper"],
-    { [n["label-wrapper--no-bottom-margin"]]: x, [n["label-wrapper--after-label-children"]]: e },
-    a
-  ), g = () => i.map((u, v) => {
-    const w = F(
-      n.label,
-      {
-        [n["label--semibold"]]: u.type === "semibold",
-        [n["label--on-dark"]]: d === b.ondark
-      },
-      c
-    );
-    return /* @__PURE__ */ t.createElement("span", { "aria-hidden": u.hideFromScreenReader, className: w, key: v }, u.text);
-  });
-  return /* @__PURE__ */ t.createElement("div", { className: N }, /* @__PURE__ */ t.createElement("div", null, /* @__PURE__ */ t.createElement("label", { className: m, id: p, htmlFor: s, "data-testid": y, "data-analyticsid": L.Label }, /* @__PURE__ */ t.createElement("span", { className: n["label-content-wrapper"] }, r, /* @__PURE__ */ t.createElement("span", { className: n.label__texts }, g()))), /* @__PURE__ */ t.createElement("div", { className: h }, f && o(f, k) && t.cloneElement(f, {
-    mode: d
-  }), E && o(E, _) && /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(S, { size: "3xs" }), t.cloneElement(E, {
-    mode: d === b.ondark ? "ondark" : "onwhite"
-  })))), e && /* @__PURE__ */ t.createElement("div", { className: n["after-label-children"] }, e));
-};
-export {
-  l as default,
-  j as getLabelText,
-  q as renderLabel,
-  B as renderLabelAsParent
-};
-//# sourceMappingURL=Label.js.map

package/components/Label/Label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label.js","sources":["../../../src/components/Label/Label.tsx"],"sourcesContent":["import React, { FunctionComponent } from 'react';\n\nimport cn from 'classnames';\n\nimport { Sublabel, SublabelProps } from './SubLabel';\nimport { AnalyticsId, FormMode } from '../../constants';\nimport { isComponent } from '../../utils/component';\nimport Spacer from '../Spacer';\nimport StatusDot, { StatusDotProps } from '../StatusDot';\n\nimport styles from './styles.module.scss';\n\nexport type LabelText = {\n  hideFromScreenReader?: boolean;\n  text: string;\n  type?: 'semibold' | 'normal';\n};\n\nexport interface LabelProps {\n  /** Component shown after label - discourage use of this */\n  afterLabelChildren?: React.ReactNode;\n  /** Adds custom classes to the element. */\n  children?: React.ReactNode;\n  /** Adds custom classes to the label tag. */\n  labelClassName?: string;\n  /** Adds custom classes to the label text. */\n  labelTextClassName?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Id that is put on the \"for\" attribute of the label */\n  htmlFor?: string;\n  /** Id som plasseres på <label/> */\n  labelId?: string;\n  /** Array of main label strings. Can be of type semibold or normal */\n  labelTexts: LabelText[];\n  /** Array of sublabel strings. Can be of type semibold or normal */\n  mode?: keyof typeof FormMode;\n  /** StatusDot placed underneath the last sublabel */\n  statusDot?: React.ReactNode;\n  /** Sublabel component */\n  sublabel?: React.ReactNode;\n  /** Adds custom classes to the div wrapping the sublabels. */\n  sublabelWrapperClassName?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport const getLabelText = (label: React.ReactNode): string => {\n  let allLabelText = '';\n\n  if (isComponent<LabelProps>(label, Label)) {\n    label.props.labelTexts.forEach(labelText => {\n      allLabelText += !labelText.hideFromScreenReader ? labelText.text : '';\n    });\n  }\n\n  return allLabelText;\n};\n\nexport const renderLabel = (label: React.ReactNode, inputId: string, mode: FormMode): React.ReactNode => {\n  return (\n    <>\n      {label && isComponent<LabelProps>(label, Label)\n        ? React.cloneElement(label, {\n            htmlFor: inputId,\n            mode: mode,\n          })\n        : typeof label === 'string' && <Label labelTexts={[{ text: label, type: 'semibold' }]} htmlFor={inputId} mode={mode} />}\n    </>\n  );\n};\n\nexport const renderLabelAsParent = (\n  label: React.ReactNode,\n  children: React.ReactNode,\n  inputId: string,\n  mode: FormMode,\n  labelClassName?: string,\n  labelTextClassName?: string,\n  sublabelWrapperClassName?: string,\n  large?: boolean\n): React.ReactNode => {\n  return (\n    <>\n      {label && isComponent<LabelProps>(label, Label)\n        ? React.cloneElement(label, {\n            htmlFor: inputId,\n            mode: mode,\n            children: children,\n            labelClassName: cn(labelClassName, label.props.labelClassName),\n            labelTextClassName: labelTextClassName,\n            sublabelWrapperClassName: sublabelWrapperClassName,\n            sublabel: large ? undefined : label.props.sublabel,\n            statusDot: large ? undefined : label.props.statusDot,\n          })\n        : typeof label === 'string' && (\n            <Label\n              labelTexts={[{ text: label }]}\n              htmlFor={inputId}\n              mode={mode}\n              labelClassName={labelClassName}\n              labelTextClassName={labelTextClassName}\n              sublabelWrapperClassName={sublabelWrapperClassName}\n            >\n              {children}\n            </Label>\n          )}\n    </>\n  );\n};\n\nconst Label: FunctionComponent<LabelProps> = ({\n  afterLabelChildren,\n  children,\n  className,\n  htmlFor,\n  labelClassName,\n  labelTextClassName,\n  labelId,\n  labelTexts,\n  mode = FormMode.onwhite,\n  statusDot,\n  sublabel,\n  sublabelWrapperClassName,\n  testId,\n}) => {\n  const hasChildren = children && typeof children !== 'undefined';\n  const labelWrapperClasses = cn(\n    styles['label-wrapper'],\n    { [styles['label-wrapper--no-bottom-margin']]: hasChildren, [styles['label-wrapper--after-label-children']]: afterLabelChildren },\n    className\n  );\n\n  const mapLabels = (): React.ReactNode => {\n    return labelTexts.map((labelText, index) => {\n      const labelClasses = cn(\n        styles.label,\n        {\n          [styles['label--semibold']]: labelText.type === 'semibold',\n          [styles['label--on-dark']]: mode === FormMode.ondark,\n        },\n        labelTextClassName\n      );\n      return (\n        <span aria-hidden={labelText.hideFromScreenReader} className={labelClasses} key={index}>\n          {labelText.text}\n        </span>\n      );\n    });\n  };\n\n  return (\n    <div className={labelWrapperClasses}>\n      <div>\n        <label className={labelClassName} id={labelId} htmlFor={htmlFor} data-testid={testId} data-analyticsid={AnalyticsId.Label}>\n          <span className={styles['label-content-wrapper']}>\n            {children}\n            <span className={styles.label__texts}>{mapLabels()}</span>\n          </span>\n        </label>\n        <div className={sublabelWrapperClassName}>\n          {sublabel &&\n            isComponent<SublabelProps>(sublabel, Sublabel) &&\n            React.cloneElement(sublabel, {\n              mode: mode as FormMode,\n            })}\n          {statusDot && isComponent<StatusDotProps>(statusDot, StatusDot) && (\n            <>\n              <Spacer size={'3xs'} />\n              {React.cloneElement(statusDot, {\n                mode: mode === FormMode.ondark ? 'ondark' : 'onwhite',\n              })}\n            </>\n          )}\n        </div>\n      </div>\n      {afterLabelChildren && <div className={styles['after-label-children']}>{afterLabelChildren}</div>}\n    </div>\n  );\n};\n\nexport default Label;\n"],"names":["getLabelText","label","allLabelText","isComponent","Label","labelText","renderLabel","inputId","mode","React","renderLabelAsParent","children","labelClassName","labelTextClassName","sublabelWrapperClassName","large","cn","afterLabelChildren","className","htmlFor","labelId","labelTexts","FormMode","statusDot","sublabel","testId","hasChildren","labelWrapperClasses","styles","mapLabels","index","labelClasses","AnalyticsId","Sublabel","StatusDot","Spacer"],"mappings":"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"}

package/components/Label/SubLabel.js

@@ -1,19 +0,0 @@
-import e from "react";
-import u from "classnames";
-import { AnalyticsId as f, FormMode as S } from "../../constants.js";
-import y from "../Spacer/Spacer.js";
-import a from "../Label/styles.module.scss";
-const _ = ({ className: r, id: d, mode: i, sublabelTexts: l, testId: m }) => {
-  const o = (c) => l && l.map((t, b) => {
-    const p = u(a.label, a["label--sublabel"], {
-      [a["label--semibold"]]: t.type === "semibold",
-      [a["label--on-dark"]]: i === S.ondark
-    });
-    return c === t.hideFromScreenReader && /* @__PURE__ */ e.createElement("span", { className: p, key: b }, t.text);
-  }), n = o(), s = o(!0);
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(y, { size: "3xs" }), n && /* @__PURE__ */ e.createElement("div", { className: r, id: d, "data-testid": m, "data-analyticsid": f.Sublabel }, n), s && /* @__PURE__ */ e.createElement("div", { className: r, "data-testid": m }, s));
-};
-export {
-  _ as Sublabel
-};
-//# sourceMappingURL=SubLabel.js.map

package/components/Label/SubLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SubLabel.js","sources":["../../../src/components/Label/SubLabel.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport { LabelText } from './Label';\nimport { AnalyticsId, FormMode } from '../../constants';\nimport Spacer from '../Spacer';\n\nimport styles from './styles.module.scss';\n\nexport interface SublabelProps {\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** id that is placed on the wrapper */\n  id: string;\n  /** Array of sublabel strings. Can be of type semibold or normal */\n  mode?: FormMode;\n  /** Array of sublabel strings. Can be of type semibold or normal */\n  sublabelTexts?: LabelText[];\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport const Sublabel: React.FC<SublabelProps> = ({ className, id, mode, sublabelTexts, testId }) => {\n  const mapSublabels = (hideFromScreenReader?: boolean): React.ReactNode => {\n    return (\n      sublabelTexts &&\n      sublabelTexts.map((sublabelText, index) => {\n        const labelClasses = cn(styles.label, styles['label--sublabel'], {\n          [styles['label--semibold']]: sublabelText.type === 'semibold',\n          [styles['label--on-dark']]: mode === FormMode.ondark,\n        });\n        return (\n          hideFromScreenReader === sublabelText.hideFromScreenReader && (\n            <span className={labelClasses} key={index}>\n              {sublabelText.text}\n            </span>\n          )\n        );\n      })\n    );\n  };\n\n  const subLabels = mapSublabels();\n  const ariaHiddenSublabels = mapSublabels(true);\n\n  return (\n    <>\n      <Spacer size={'3xs'} />\n      {subLabels && (\n        <div className={className} id={id} data-testid={testId} data-analyticsid={AnalyticsId.Sublabel}>\n          {subLabels}\n        </div>\n      )}\n      {ariaHiddenSublabels && (\n        <div className={className} data-testid={testId}>\n          {ariaHiddenSublabels}\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["Sublabel","className","id","mode","sublabelTexts","testId","mapSublabels","hideFromScreenReader","sublabelText","index","labelClasses","cn","styles","FormMode","React","subLabels","ariaHiddenSublabels","Spacer","AnalyticsId"],"mappings":";;;;;AAuBa,MAAAA,IAAoC,CAAC,EAAE,WAAAC,GAAW,IAAAC,GAAI,MAAAC,GAAM,eAAAC,GAAe,QAAAC,QAAa;AAC7F,QAAAC,IAAe,CAACC,MAElBH,KACAA,EAAc,IAAI,CAACI,GAAcC,MAAU;AACzC,UAAMC,IAAeC,EAAGC,EAAO,OAAOA,EAAO,iBAAiB,GAAG;AAAA,MAC/D,CAACA,EAAO,iBAAiB,CAAC,GAAGJ,EAAa,SAAS;AAAA,MACnD,CAACI,EAAO,gBAAgB,CAAC,GAAGT,MAASU,EAAS;AAAA,IAAA,CAC/C;AAEC,WAAAN,MAAyBC,EAAa,wBACnCM,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAWJ,GAAc,KAAKD,EACjC,GAAAD,EAAa,IAChB;AAAA,EAAA,CAGL,GAICO,IAAYT,KACZU,IAAsBV,EAAa,EAAI;AAG3C,SAAAQ,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACGA,gBAAAA,EAAA,cAAAG,GAAA,EAAO,MAAM,MAAA,CAAO,GACpBF,KACCD,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAAb,GAAsB,IAAAC,GAAQ,eAAaG,GAAQ,oBAAkBa,EAAY,SACnF,GAAAH,CACH,GAEDC,KACEF,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAAb,GAAsB,eAAaI,EACrC,GAAAW,CACH,CAEJ;AAEJ;"}