@rws-aoa/react-library 6.0.0 → 7.0.0

package/dist/components/atoms/icon-button/IconButton.js

@@ -1,53 +1,53 @@
-import { jsx as r } from "react/jsx-runtime";
-import { IconButton as l } from "@mui/material";
-import { l as t } from "../../../chunks/lodash.CA_K01A9.js";
-import { forwardRef as i } from "react";
-import { AoaTooltip as d } from "../tooltip/Tooltip.js";
-const f = i(function(o, e) {
-  const a = /* @__PURE__ */ r(
-    l,
-    {
-      "aria-label": o.label,
-      "data-qa": o["data-qa"],
-      disableFocusRipple: !0,
-      disableRipple: !0,
-      disableTouchRipple: !0,
-      disabled: o.disabled,
-      onClick: o.onClick,
-      ref: e,
-      role: "button",
-      sx: t.merge(
-        {
-          color: "var(--color-primary)",
-          border: "1px solid var(--color-primary)",
-          borderRadius: 0,
-          ":hover, :active, :focus": {
-            color: "var(--color-primary-hover)",
-            borderColor: "var(--color-primary-hover)"
-          },
-          ":disabled": {
-            backgroundColor: "transparent",
-            borderColor: "var(--color-text-disabled)",
-            color: "var(--color-text-disabled)"
-          },
-          ":focus": {
-            outline: "2px dashed var(--color-text)",
-            outlineOffset: 3,
-            boxShadow: "none"
-          },
-          ...o.inline && {
-            border: "none",
-            padding: 0
-          }
-        },
-        o.sx
-      ),
-      children: o.icon
-    }
-  );
-  return /* @__PURE__ */ r(d, { title: o.label, children: o.disabled ? /* @__PURE__ */ r("span", { "aria-label": o.label, "data-testid": "disabled-span-wrapper", role: "tooltip", children: a }) : a });
-});
+import { jsx as b } from "react/jsx-runtime";
+import { c as m } from "../../../chunks/compiler-runtime.hDcrsMwn.js";
+import { IconButton as x } from "@mui/material";
+import { l as v } from "../../../chunks/lodash.CA_K01A9.js";
+import { AoaTooltip as h } from "../tooltip/Tooltip.js";
+function B(d) {
+  const o = m.c(23);
+  let e, l;
+  o[0] !== d ? ({
+    ref: l,
+    ...e
+  } = d, o[0] = d, o[1] = e, o[2] = l) : (e = o[1], l = o[2]);
+  const p = e.label, c = e["data-qa"], u = e.disabled, f = e.onClick;
+  let r;
+  if (o[3] !== e.inline || o[4] !== e.sx) {
+    let s;
+    o[6] !== e.inline ? (s = e.inline && {
+      border: "none",
+      padding: 0
+    }, o[6] = e.inline, o[7] = s) : s = o[7], r = v.merge({
+      color: "var(--color-primary)",
+      border: "1px solid var(--color-primary)",
+      borderRadius: 0,
+      ":hover, :active, :focus": {
+        color: "var(--color-primary-hover)",
+        borderColor: "var(--color-primary-hover)"
+      },
+      ":disabled": {
+        backgroundColor: "transparent",
+        borderColor: "var(--color-text-disabled)",
+        color: "var(--color-text-disabled)"
+      },
+      ":focus": {
+        outline: "2px dashed var(--color-text)",
+        outlineOffset: 3,
+        boxShadow: "none"
+      },
+      ...s
+    }, e.sx), o[3] = e.inline, o[4] = e.sx, o[5] = r;
+  } else
+    r = o[5];
+  let a;
+  o[8] !== e.disabled || o[9] !== e.icon || o[10] !== e.label || o[11] !== e.onClick || o[12] !== l || o[13] !== c || o[14] !== r ? (a = /* @__PURE__ */ b(x, { "aria-label": p, "data-qa": c, disableFocusRipple: !0, disableRipple: !0, disableTouchRipple: !0, disabled: u, onClick: f, ref: l, role: "button", sx: r, children: e.icon }), o[8] = e.disabled, o[9] = e.icon, o[10] = e.label, o[11] = e.onClick, o[12] = l, o[13] = c, o[14] = r, o[15] = a) : a = o[15];
+  const t = a;
+  let i;
+  o[16] !== t || o[17] !== e.disabled || o[18] !== e.label ? (i = e.disabled ? /* @__PURE__ */ b("span", { "aria-label": e.label, "data-testid": "disabled-span-wrapper", role: "tooltip", children: t }) : t, o[16] = t, o[17] = e.disabled, o[18] = e.label, o[19] = i) : i = o[19];
+  let n;
+  return o[20] !== e.label || o[21] !== i ? (n = /* @__PURE__ */ b(h, { title: e.label, children: i }), o[20] = e.label, o[21] = i, o[22] = n) : n = o[22], n;
+}
 export {
-  f as AoaIconButton
+  B as AoaIconButton
 };
 //# sourceMappingURL=IconButton.js.map

package/dist/components/atoms/icon-button/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sources":["../../../../src/components/atoms/icon-button/IconButton.tsx"],"sourcesContent":["import { IconButton as MUIIconButton, type SxProps } from '@mui/material';\nimport { merge } from 'lodash';\nimport { forwardRef } from 'react';\nimport { AoaTooltip } from '../tooltip/Tooltip';\n\nexport interface AoaIconButtonProps {\n  /**\n   * Data-qa tag for E2E test purposes\n   */\n  readonly 'data-qa'?: string;\n  /**\n   * Whether this button should be disabled\n   */\n  readonly disabled?: boolean;\n  /**\n   * The icon to be displayed as a button\n   */\n  readonly icon: JSX.Element;\n  /**\n   * Whether this button is being used inline\n   */\n  readonly inline?: boolean;\n  /**\n   * The label that is shown on hover\n   */\n  readonly label: string;\n  /**\n   * The action that should be triggered when clicking the button\n   */\n  onClick(this: void, ..._args: any[]): void;\n  /**\n   * Material UI's property to apply styling\n   */\n  readonly sx?: SxProps;\n}\n\n/**\n * Constructs an icon button using pre-defined Rijks styling\n *\n * @param props - Props to pass to the icon button\n * @example\n * ```jsx\n * <AoaIconButton onClick={() => console.log()} label='Order a burger' icon={<Fastfood />} />\n * ```\n */\nexport const AoaIconButton = forwardRef<HTMLButtonElement, AoaIconButtonProps>(function IconButton(props, ref) {\n  const Button = (\n    <MUIIconButton\n      aria-label={props.label}\n      data-qa={props['data-qa']}\n      disableFocusRipple\n      disableRipple\n      disableTouchRipple\n      disabled={props.disabled}\n      onClick={props.onClick}\n      ref={ref}\n      role='button'\n      sx={merge(\n        {\n          color: 'var(--color-primary)',\n          border: '1px solid var(--color-primary)',\n          borderRadius: 0,\n          ':hover, :active, :focus': {\n            color: 'var(--color-primary-hover)',\n            borderColor: 'var(--color-primary-hover)'\n          },\n          ':disabled': {\n            backgroundColor: 'transparent',\n            borderColor: 'var(--color-text-disabled)',\n            color: 'var(--color-text-disabled)'\n          },\n          ':focus': {\n            outline: '2px dashed var(--color-text)',\n            outlineOffset: 3,\n            boxShadow: 'none'\n          },\n          ...(props.inline && {\n            border: 'none',\n            padding: 0\n          })\n        },\n        props.sx\n      )}\n    >\n      {props.icon}\n    </MUIIconButton>\n  );\n\n  return (\n    <AoaTooltip title={props.label}>\n      {props.disabled ? (\n        <span aria-label={props.label} data-testid='disabled-span-wrapper' role='tooltip'>\n          {Button}\n        </span>\n      ) : (\n        Button\n      )}\n    </AoaTooltip>\n  );\n});\n"],"names":["AoaIconButton","forwardRef","props","ref","Button","jsx","MUIIconButton","merge","AoaTooltip"],"mappings":";;;;;AA6CO,MAAMA,IAAgBC,EAAkD,SAAoBC,GAAOC,GAAK;AAC7G,QAAMC,IACJ,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,cAAYJ,EAAM;AAAA,MAClB,WAASA,EAAM,SAAS;AAAA,MACxB,oBAAkB;AAAA,MAClB,eAAa;AAAA,MACb,oBAAkB;AAAA,MAClB,UAAUA,EAAM;AAAA,MAChB,SAASA,EAAM;AAAA,MACf,KAAAC;AAAA,MACA,MAAK;AAAA,MACL,IAAII,EAAAA;AAAAA,QACF;AAAA,UACE,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,2BAA2B;AAAA,YACzB,OAAO;AAAA,YACP,aAAa;AAAA,UAAA;AAAA,UAEf,aAAa;AAAA,YACX,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,OAAO;AAAA,UAAA;AAAA,UAET,UAAU;AAAA,YACR,SAAS;AAAA,YACT,eAAe;AAAA,YACf,WAAW;AAAA,UAAA;AAAA,UAEb,GAAIL,EAAM,UAAU;AAAA,YAClB,QAAQ;AAAA,YACR,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,QAEFA,EAAM;AAAA,MAAA;AAAA,MAGP,UAAAA,EAAM;AAAA,IAAA;AAAA,EAAA;AAIX,2BACGM,GAAA,EAAW,OAAON,EAAM,OACtB,UAAAA,EAAM,WACL,gBAAAG,EAAC,QAAA,EAAK,cAAYH,EAAM,OAAO,eAAY,yBAAwB,MAAK,WACrE,UAAAE,GACH,IAEAA,EAAA,CAEJ;AAEJ,CAAC;"}
+{"version":3,"file":"IconButton.js","sources":["../../../../src/components/atoms/icon-button/IconButton.tsx"],"sourcesContent":["import { IconButton as MUIIconButton, type SxProps } from '@mui/material';\nimport { merge } from 'lodash';\nimport type { JSX, Ref } from 'react';\nimport { AoaTooltip } from '../tooltip/Tooltip';\n\nexport interface AoaIconButtonProps {\n  /**\n   * Data-qa tag for E2E test purposes\n   */\n  readonly 'data-qa'?: string;\n  /**\n   * Whether this button should be disabled\n   */\n  readonly disabled?: boolean;\n  /**\n   * The icon to be displayed as a button\n   */\n  readonly icon: JSX.Element;\n  /**\n   * Whether this button is being used inline\n   */\n  readonly inline?: boolean;\n  /**\n   * The label that is shown on hover\n   */\n  readonly label: string;\n  /**\n   * The action that should be triggered when clicking the button\n   */\n  onClick(this: void, ..._args: any[]): void;\n  /**\n   * The ref to the button element\n   */\n  readonly ref?: Ref<HTMLButtonElement> | undefined;\n  /**\n   * Material UI's property to apply styling\n   */\n  readonly sx?: SxProps;\n}\n\n/**\n * Constructs an icon button using pre-defined Rijks styling\n *\n * @param props - Props to pass to the icon button\n * @example\n * ```jsx\n * <AoaIconButton onClick={() => console.log()} label='Order a burger' icon={<Fastfood />} />\n * ```\n */\nexport function AoaIconButton({ ref, ...props }: AoaIconButtonProps) {\n  const Button = (\n    <MUIIconButton\n      aria-label={props.label}\n      data-qa={props['data-qa']}\n      disableFocusRipple\n      disableRipple\n      disableTouchRipple\n      disabled={props.disabled}\n      onClick={props.onClick}\n      ref={ref}\n      role='button'\n      sx={merge(\n        {\n          color: 'var(--color-primary)',\n          border: '1px solid var(--color-primary)',\n          borderRadius: 0,\n          ':hover, :active, :focus': {\n            color: 'var(--color-primary-hover)',\n            borderColor: 'var(--color-primary-hover)'\n          },\n          ':disabled': {\n            backgroundColor: 'transparent',\n            borderColor: 'var(--color-text-disabled)',\n            color: 'var(--color-text-disabled)'\n          },\n          ':focus': {\n            outline: '2px dashed var(--color-text)',\n            outlineOffset: 3,\n            boxShadow: 'none'\n          },\n          ...(props.inline && {\n            border: 'none',\n            padding: 0\n          })\n        },\n        props.sx\n      )}\n    >\n      {props.icon}\n    </MUIIconButton>\n  );\n\n  return (\n    <AoaTooltip title={props.label}>\n      {props.disabled ? (\n        <span aria-label={props.label} data-testid='disabled-span-wrapper' role='tooltip'>\n          {Button}\n        </span>\n      ) : (\n        Button\n      )}\n    </AoaTooltip>\n  );\n}\n"],"names":["AoaIconButton","t0","$","_c","props","ref","t1","label","t2","t3","disabled","t4","onClick","t5","inline","sx","t6","border","padding","merge","color","borderRadius","borderColor","backgroundColor","outline","outlineOffset","boxShadow","icon","jsx","MUIIconButton","Button","t7","t8","AoaTooltip"],"mappings":"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"}

package/dist/components/atoms/input/Input.d.ts

@@ -1,5 +1,4 @@
 import { TextFieldProps } from '@mui/material';
-import { ReactNode } from 'react';
 declare module '@mui/material' {
     interface BaseTextFieldProps {
         'data-qa'?: string;
@@ -24,5 +23,5 @@ export interface AoaInputProps extends Omit<TextFieldProps, 'variant'> {
  * <AoaInput label="User name" value={value} onChange={() => handleOnChange} />
  * ```
  */
-export declare const AoaInput: import('react').MemoExoticComponent<({ optional, ...props }: AoaInputProps) => ReactNode>;
+export declare function AoaInput({ optional, ...props }: AoaInputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Input.d.ts.map

package/dist/components/atoms/input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EAIpB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7C,OAAO,QAAQ,eAAe,CAAC;IAC7B,UAAiB,kBAAkB;QACjC,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;CACF;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC;IACpE;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,+DAAiC,aAAa,KAAG,SAAS,CAmE7E,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EAIpB,MAAM,eAAe,CAAC;AAIvB,OAAO,QAAQ,eAAe,CAAC;IAC7B,UAAiB,kBAAkB;QACjC,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB;CACF;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC;IACpE;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAmE7D"}

package/dist/components/atoms/input/Input.js

@@ -1,66 +1,61 @@
 import { jsx as a } from "react/jsx-runtime";
 import { TextField as i, inputLabelClasses as s, formHelperTextClasses as o, inputBaseClasses as e } from "@mui/material";
 import { l as n } from "../../../chunks/lodash.CA_K01A9.js";
-import { memo as d } from "react";
 import { FontNormalSxProps as t } from "../../../_constants.js";
-const f = d(({ optional: l, ...r }) => /* @__PURE__ */ a(
-  i,
-  {
-    ...r,
-    required: !l,
-    slotProps: {
-      inputLabel: { shrink: !1, ...r.slotProps?.inputLabel },
-      ...r.slotProps
+function m({
+  optional: l,
+  ...r
+}) {
+  return /* @__PURE__ */ a(i, { ...r, required: !l, slotProps: {
+    inputLabel: {
+      shrink: !1,
+      ...r.slotProps?.inputLabel
     },
-    sx: n.merge(
-      {
-        [`.${e.root}`]: {
-          ...t,
-          marginTop: "35px",
-          [`&.${e.multiline}`]: {
-            padding: 0
-          },
-          [`:not(.${o.error})::after`]: {
-            borderColor: "var(--color-rijks-skyblue)"
-          },
-          [`.${e.input}`]: {
-            padding: "17px 12px 16px",
-            ":disabled": {
-              backgroundColor: "var(--color-disabled)",
-              borderColor: "var(--color-disabled)"
-            }
-          }
-        },
-        [`.${s.root}`]: {
-          ...t,
-          marginLeft: "-14px",
-          marginTop: "-10px",
-          ":disabled": {
-            color: "var(--color-text-disabled)"
-          },
-          [`:focus:not(.${o.error})`]: {
-            color: "var(--color-rijks-skyblue)"
-          },
-          [`:not(.${o.required})::after`]: {
-            content: '"(optioneel)"',
-            marginLeft: "5px",
-            fontSize: "calc(var(--font-size-text) * 0.75)"
-          },
-          [`&.${o.error}`]: {
-            ...t,
-            fontWeight: "bold"
-          },
-          [`&.${o.disabled}`]: {
-            color: "var(--color-text-disabled)"
-          }
+    ...r.slotProps
+  }, sx: n.merge({
+    [`.${e.root}`]: {
+      ...t,
+      marginTop: "35px",
+      [`&.${e.multiline}`]: {
+        padding: 0
+      },
+      [`:not(.${o.error})::after`]: {
+        borderColor: "var(--color-rijks-skyblue)"
+      },
+      [`.${e.input}`]: {
+        padding: "17px 12px 16px",
+        ":disabled": {
+          backgroundColor: "var(--color-disabled)",
+          borderColor: "var(--color-disabled)"
         }
+      }
+    },
+    [`.${s.root}`]: {
+      ...t,
+      marginLeft: "-14px",
+      marginTop: "-10px",
+      ":disabled": {
+        color: "var(--color-text-disabled)"
+      },
+      [`:focus:not(.${o.error})`]: {
+        color: "var(--color-rijks-skyblue)"
+      },
+      [`:not(.${o.required})::after`]: {
+        content: '"(optioneel)"',
+        marginLeft: "5px",
+        fontSize: "calc(var(--font-size-text) * 0.75)"
+      },
+      [`&.${o.error}`]: {
+        ...t,
+        fontWeight: "bold"
       },
-      r.sx
-    ),
-    variant: "outlined"
-  }
-));
+      [`&.${o.disabled}`]: {
+        color: "var(--color-text-disabled)"
+      }
+    }
+  }, r.sx), variant: "outlined" });
+}
 export {
-  f as AoaInput
+  m as AoaInput
 };
 //# sourceMappingURL=Input.js.map

package/dist/components/atoms/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../src/components/atoms/input/Input.tsx"],"sourcesContent":["import {\n  TextField,\n  type TextFieldProps,\n  inputBaseClasses,\n  inputLabelClasses,\n  formHelperTextClasses\n} from '@mui/material';\nimport { merge } from 'lodash';\nimport { memo, type ReactNode } from 'react';\nimport { FontNormalSxProps } from '../../../_constants';\n\ndeclare module '@mui/material' {\n  export interface BaseTextFieldProps {\n    'data-qa'?: string;\n  }\n}\n\nexport interface AoaInputProps extends Omit<TextFieldProps, 'variant'> {\n  /**\n   * Data-qa tag for E2E test purposes\n   */\n  readonly 'data-qa'?: string;\n  /**\n   * Whether this input field is optional\n   */\n  readonly optional?: boolean;\n}\n\n/**\n * Constructs an input field using pre-defined Rijks styling\n *\n * @param props - Props to pass to the input field\n * @example\n * ```jsx\n * <AoaInput label=\"User name\" value={value} onChange={() => handleOnChange} />\n * ```\n */\nexport const AoaInput = memo(({ optional, ...props }: AoaInputProps): ReactNode => {\n  return (\n    <TextField\n      {...props}\n      required={!optional}\n      slotProps={{\n        inputLabel: { shrink: false, ...props.slotProps?.inputLabel },\n        ...props.slotProps\n      }}\n      sx={merge(\n        {\n          [`.${inputBaseClasses.root}`]: {\n            ...FontNormalSxProps,\n            marginTop: '35px',\n\n            [`&.${inputBaseClasses.multiline}`]: {\n              padding: 0\n            },\n\n            [`:not(.${formHelperTextClasses.error})::after`]: {\n              borderColor: 'var(--color-rijks-skyblue)'\n            },\n\n            [`.${inputBaseClasses.input}`]: {\n              padding: '17px 12px 16px',\n\n              ':disabled': {\n                backgroundColor: 'var(--color-disabled)',\n                borderColor: 'var(--color-disabled)'\n              }\n            }\n          },\n\n          [`.${inputLabelClasses.root}`]: {\n            ...FontNormalSxProps,\n            marginLeft: '-14px',\n            marginTop: '-10px',\n\n            ':disabled': {\n              color: 'var(--color-text-disabled)'\n            },\n\n            [`:focus:not(.${formHelperTextClasses.error})`]: {\n              color: 'var(--color-rijks-skyblue)'\n            },\n\n            [`:not(.${formHelperTextClasses.required})::after`]: {\n              content: '\"(optioneel)\"',\n              marginLeft: '5px',\n              fontSize: 'calc(var(--font-size-text) * 0.75)'\n            },\n\n            [`&.${formHelperTextClasses.error}`]: {\n              ...FontNormalSxProps,\n              fontWeight: 'bold'\n            },\n\n            [`&.${formHelperTextClasses.disabled}`]: {\n              color: 'var(--color-text-disabled)'\n            }\n          }\n        },\n        props.sx\n      )}\n      variant='outlined'\n    />\n  );\n});\n"],"names":["AoaInput","memo","optional","props","jsx","TextField","merge","inputBaseClasses","FontNormalSxProps","formHelperTextClasses","inputLabelClasses"],"mappings":";;;;;AAqCO,MAAMA,IAAWC,EAAK,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAEzC,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,UAAU,CAACD;AAAA,IACX,WAAW;AAAA,MACT,YAAY,EAAE,QAAQ,IAAO,GAAGC,EAAM,WAAW,WAAA;AAAA,MACjD,GAAGA,EAAM;AAAA,IAAA;AAAA,IAEX,IAAIG,EAAAA;AAAAA,MACF;AAAA,QACE,CAAC,IAAIC,EAAiB,IAAI,EAAE,GAAG;AAAA,UAC7B,GAAGC;AAAA,UACH,WAAW;AAAA,UAEX,CAAC,KAAKD,EAAiB,SAAS,EAAE,GAAG;AAAA,YACnC,SAAS;AAAA,UAAA;AAAA,UAGX,CAAC,SAASE,EAAsB,KAAK,UAAU,GAAG;AAAA,YAChD,aAAa;AAAA,UAAA;AAAA,UAGf,CAAC,IAAIF,EAAiB,KAAK,EAAE,GAAG;AAAA,YAC9B,SAAS;AAAA,YAET,aAAa;AAAA,cACX,iBAAiB;AAAA,cACjB,aAAa;AAAA,YAAA;AAAA,UACf;AAAA,QACF;AAAA,QAGF,CAAC,IAAIG,EAAkB,IAAI,EAAE,GAAG;AAAA,UAC9B,GAAGF;AAAA,UACH,YAAY;AAAA,UACZ,WAAW;AAAA,UAEX,aAAa;AAAA,YACX,OAAO;AAAA,UAAA;AAAA,UAGT,CAAC,eAAeC,EAAsB,KAAK,GAAG,GAAG;AAAA,YAC/C,OAAO;AAAA,UAAA;AAAA,UAGT,CAAC,SAASA,EAAsB,QAAQ,UAAU,GAAG;AAAA,YACnD,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,UAAA;AAAA,UAGZ,CAAC,KAAKA,EAAsB,KAAK,EAAE,GAAG;AAAA,YACpC,GAAGD;AAAA,YACH,YAAY;AAAA,UAAA;AAAA,UAGd,CAAC,KAAKC,EAAsB,QAAQ,EAAE,GAAG;AAAA,YACvC,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,MACF;AAAA,MAEFN,EAAM;AAAA,IAAA;AAAA,IAER,SAAQ;AAAA,EAAA;AAAA,CAGb;"}
+{"version":3,"file":"Input.js","sources":["../../../../src/components/atoms/input/Input.tsx"],"sourcesContent":["import {\n  TextField,\n  type TextFieldProps,\n  inputBaseClasses,\n  inputLabelClasses,\n  formHelperTextClasses\n} from '@mui/material';\nimport { merge } from 'lodash';\nimport { FontNormalSxProps } from '../../../_constants';\n\ndeclare module '@mui/material' {\n  export interface BaseTextFieldProps {\n    'data-qa'?: string;\n  }\n}\n\nexport interface AoaInputProps extends Omit<TextFieldProps, 'variant'> {\n  /**\n   * Data-qa tag for E2E test purposes\n   */\n  readonly 'data-qa'?: string;\n  /**\n   * Whether this input field is optional\n   */\n  readonly optional?: boolean;\n}\n\n/**\n * Constructs an input field using pre-defined Rijks styling\n *\n * @param props - Props to pass to the input field\n * @example\n * ```jsx\n * <AoaInput label=\"User name\" value={value} onChange={() => handleOnChange} />\n * ```\n */\nexport function AoaInput({ optional, ...props }: AoaInputProps) {\n  return (\n    <TextField\n      {...props}\n      required={!optional}\n      slotProps={{\n        inputLabel: { shrink: false, ...props.slotProps?.inputLabel },\n        ...props.slotProps\n      }}\n      sx={merge(\n        {\n          [`.${inputBaseClasses.root}`]: {\n            ...FontNormalSxProps,\n            marginTop: '35px',\n\n            [`&.${inputBaseClasses.multiline}`]: {\n              padding: 0\n            },\n\n            [`:not(.${formHelperTextClasses.error})::after`]: {\n              borderColor: 'var(--color-rijks-skyblue)'\n            },\n\n            [`.${inputBaseClasses.input}`]: {\n              padding: '17px 12px 16px',\n\n              ':disabled': {\n                backgroundColor: 'var(--color-disabled)',\n                borderColor: 'var(--color-disabled)'\n              }\n            }\n          },\n\n          [`.${inputLabelClasses.root}`]: {\n            ...FontNormalSxProps,\n            marginLeft: '-14px',\n            marginTop: '-10px',\n\n            ':disabled': {\n              color: 'var(--color-text-disabled)'\n            },\n\n            [`:focus:not(.${formHelperTextClasses.error})`]: {\n              color: 'var(--color-rijks-skyblue)'\n            },\n\n            [`:not(.${formHelperTextClasses.required})::after`]: {\n              content: '\"(optioneel)\"',\n              marginLeft: '5px',\n              fontSize: 'calc(var(--font-size-text) * 0.75)'\n            },\n\n            [`&.${formHelperTextClasses.error}`]: {\n              ...FontNormalSxProps,\n              fontWeight: 'bold'\n            },\n\n            [`&.${formHelperTextClasses.disabled}`]: {\n              color: 'var(--color-text-disabled)'\n            }\n          }\n        },\n        props.sx\n      )}\n      variant='outlined'\n    />\n  );\n}\n"],"names":["AoaInput","optional","props","TextField","inputLabel","shrink","slotProps","merge","inputBaseClasses","root","FontNormalSxProps","marginTop","multiline","padding","formHelperTextClasses","error","borderColor","input","backgroundColor","inputLabelClasses","marginLeft","color","required","content","fontSize","fontWeight","disabled","sx"],"mappings":";;;;AAoCO,SAASA,EAAS;AAAA,EAAEC,UAAAA;AAAAA,EAAU,GAAGC;AAAqB,GAAG;AAC9D,2BACGC,GAAA,EACC,GAAID,GACJ,UAAU,CAACD,GACX,WAAW;AAAA,IACTG,YAAY;AAAA,MAAEC,QAAQ;AAAA,MAAO,GAAGH,EAAMI,WAAWF;AAAAA,IAAAA;AAAAA,IACjD,GAAGF,EAAMI;AAAAA,EAAAA,GAEX,IAAIC,EAAAA,MACF;AAAA,IACE,CAAC,IAAIC,EAAiBC,IAAI,EAAE,GAAG;AAAA,MAC7B,GAAGC;AAAAA,MACHC,WAAW;AAAA,MAEX,CAAC,KAAKH,EAAiBI,SAAS,EAAE,GAAG;AAAA,QACnCC,SAAS;AAAA,MAAA;AAAA,MAGX,CAAC,SAASC,EAAsBC,KAAK,UAAU,GAAG;AAAA,QAChDC,aAAa;AAAA,MAAA;AAAA,MAGf,CAAC,IAAIR,EAAiBS,KAAK,EAAE,GAAG;AAAA,QAC9BJ,SAAS;AAAA,QAET,aAAa;AAAA,UACXK,iBAAiB;AAAA,UACjBF,aAAa;AAAA,QAAA;AAAA,MACf;AAAA,IACF;AAAA,IAGF,CAAC,IAAIG,EAAkBV,IAAI,EAAE,GAAG;AAAA,MAC9B,GAAGC;AAAAA,MACHU,YAAY;AAAA,MACZT,WAAW;AAAA,MAEX,aAAa;AAAA,QACXU,OAAO;AAAA,MAAA;AAAA,MAGT,CAAC,eAAeP,EAAsBC,KAAK,GAAG,GAAG;AAAA,QAC/CM,OAAO;AAAA,MAAA;AAAA,MAGT,CAAC,SAASP,EAAsBQ,QAAQ,UAAU,GAAG;AAAA,QACnDC,SAAS;AAAA,QACTH,YAAY;AAAA,QACZI,UAAU;AAAA,MAAA;AAAA,MAGZ,CAAC,KAAKV,EAAsBC,KAAK,EAAE,GAAG;AAAA,QACpC,GAAGL;AAAAA,QACHe,YAAY;AAAA,MAAA;AAAA,MAGd,CAAC,KAAKX,EAAsBY,QAAQ,EAAE,GAAG;AAAA,QACvCL,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF,GAEFnB,EAAMyB,EACR,GACA,SAAQ,WAAA,CAAU;AAGxB;"}

package/dist/components/atoms/logo/Logo.d.ts

@@ -1,5 +1,5 @@
 import { BoxProps, SxProps } from '@mui/material';
-import { ElementType, ReactNode } from 'react';
+import { ElementType } from 'react';
 export interface AoaLogoProps extends BoxProps<ElementType<any, 'svg'>> {
     /**
      * Data-qa tag to apply to the search bar and input element
@@ -20,5 +20,5 @@ export interface AoaLogoProps extends BoxProps<ElementType<any, 'svg'>> {
  *
  * ```
  */
-export declare const AoaLogo: import('react').MemoExoticComponent<(props: AoaLogoProps) => ReactNode>;
+export declare function AoaLogo(props: AoaLogoProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Logo.d.ts.map

package/dist/components/atoms/logo/Logo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/logo/Logo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,QAAQ,EAAE,KAAK,OAAO,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAQ,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D,MAAM,WAAW,YAAa,SAAQ,QAAQ,CAAC,WAAW,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACrE;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO,8CACV,YAAY,KAAG,SAAS,CAy2BjC,CAAC"}
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/logo/Logo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,QAAQ,EAAE,KAAK,OAAO,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,WAAW,YAAa,SAAQ,QAAQ,CAAC,WAAW,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IACrE;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CA02B1C"}