@rws-aoa/react-library 3.6.3 → 3.6.5

package/dist/components/atoms/notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../../../src/components/atoms/notification/Notification.tsx"],"sourcesContent":["import { Alert, type SxProps } from \"@mui/material\";\nimport merge from \"lodash.merge\";\nimport { memo, type ReactNode } from \"react\";\nimport { FontNormalSxProps } from \"../../../_constants\";\nimport { IconError } from \"./_icons/Error\";\nimport { IconInfo } from \"./_icons/Info\";\nimport { IconSuccess } from \"./_icons/Success\";\nimport { IconWarning } from \"./_icons/Warning\";\n\nexport type Severity = \"error\" | \"info\" | \"warning\" | \"success\";\n\nexport interface AoaNotificationProps {\n  /** The message to be displayed in the notification */\n  message: string;\n  /** The type of notification */\n  severity: Severity;\n  /** Data-qa tag for E2E test purposes */\n  \"data-qa\"?: string;\n  /** Material UI's property to apply styling */\n  sx?: SxProps;\n}\n\n/**\n * Constructs an alert using pre-defined Rijks styling\n * @param props Props to pass to the alert\n * @example\n * ```jsx\n * <AoaNotification message=\"wrong password\" severity=\"error\" />\n * ```\n */\n\nexport const AoaNotification = memo((props: AoaNotificationProps): ReactNode => {\n  return (\n    <Alert\n      severity={props.severity}\n      data-qa={props[\"data-qa\"]}\n      sx={merge(\n        {\n          color: \"var(--color-text)\",\n\n          \"&.MuiAlert-standardSuccess\": {\n            backgroundColor: \"var(--color-rijks-notification-green)\"\n          },\n\n          \"&.MuiAlert-standardError\": {\n            backgroundColor: \"var(--color-rijks-notification-red)\"\n          },\n\n          \"&.MuiAlert-standardWarning\": {\n            backgroundColor: \"var(--color-rijks-notification-yellow)\"\n          },\n\n          \"&.MuiAlert-standardInfo\": {\n            backgroundColor: \"var(--color-rijks-notification-blue)\"\n          }\n        },\n        FontNormalSxProps,\n        props.sx\n      )}\n      iconMapping={{\n        error: <IconError />,\n        warning: <IconWarning />,\n        info: <IconInfo />,\n        success: <IconSuccess />\n      }}\n    >\n      {props.message}\n    </Alert>\n  );\n});\n"],"names":["AoaNotification","memo","props","jsx","Alert","merge","FontNormalSxProps","IconError","IconWarning","IconInfo","IconSuccess"],"mappings":";;;;;;;;;AA+Ba,MAAAA,IAAkBC,EAAK,CAACC,MAEjC,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,UAAUF,EAAM;AAAA,IAChB,WAASA,EAAM,SAAS;AAAA,IACxB,IAAIG;AAAA,MACF;AAAA,QACE,OAAO;AAAA,QAEP,8BAA8B;AAAA,UAC5B,iBAAiB;AAAA,QACnB;AAAA,QAEA,4BAA4B;AAAA,UAC1B,iBAAiB;AAAA,QACnB;AAAA,QAEA,8BAA8B;AAAA,UAC5B,iBAAiB;AAAA,QACnB;AAAA,QAEA,2BAA2B;AAAA,UACzB,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,MACAC;AAAA,MACAJ,EAAM;AAAA,IACR;AAAA,IACA,aAAa;AAAA,MACX,yBAAQK,GAAU,EAAA;AAAA,MAClB,2BAAUC,GAAY,EAAA;AAAA,MACtB,wBAAOC,GAAS,EAAA;AAAA,MAChB,2BAAUC,GAAY,EAAA;AAAA,IACxB;AAAA,IAEC,UAAMR,EAAA;AAAA,EAAA;AAAA,CAGZ;"}
+{"version":3,"file":"Notification.js","sources":["../../../../src/components/atoms/notification/Notification.tsx"],"sourcesContent":["import { Alert, type SxProps } from \"@mui/material\";\nimport merge from \"lodash.merge\";\nimport { memo, type ReactNode } from \"react\";\nimport { FontNormalSxProps } from \"../../../_constants\";\nimport { IconError } from \"./_icons/Error\";\nimport { IconInfo } from \"./_icons/Info\";\nimport { IconSuccess } from \"./_icons/Success\";\nimport { IconWarning } from \"./_icons/Warning\";\n\nexport type Severity = \"error\" | \"info\" | \"success\" | \"warning\";\n\nexport interface AoaNotificationProps {\n  /**\n   * Data-qa tag for E2E test purposes\n   */\n  readonly \"data-qa\"?: string;\n  /**\n   * The message to be displayed in the notification\n   */\n  readonly message: string;\n  /**\n   * The type of notification\n   */\n  readonly severity: Severity;\n  /**\n   * Material UI's property to apply styling\n   */\n  readonly sx?: SxProps;\n}\n\n/**\n * Constructs an alert using pre-defined Rijks styling\n *\n * @param props - Props to pass to the alert\n * @example\n * ```jsx\n * <AoaNotification message=\"wrong password\" severity=\"error\" />\n * ```\n */\n\nexport const AoaNotification = memo((props: AoaNotificationProps): ReactNode => {\n  return (\n    <Alert\n      data-qa={props[\"data-qa\"]}\n      iconMapping={{\n        error: <IconError />,\n        warning: <IconWarning />,\n        info: <IconInfo />,\n        success: <IconSuccess />\n      }}\n      severity={props.severity}\n      sx={merge(\n        {\n          color: \"var(--color-text)\",\n\n          \"&.MuiAlert-standardSuccess\": {\n            backgroundColor: \"var(--color-rijks-notification-green)\"\n          },\n\n          \"&.MuiAlert-standardError\": {\n            backgroundColor: \"var(--color-rijks-notification-red)\"\n          },\n\n          \"&.MuiAlert-standardWarning\": {\n            backgroundColor: \"var(--color-rijks-notification-yellow)\"\n          },\n\n          \"&.MuiAlert-standardInfo\": {\n            backgroundColor: \"var(--color-rijks-notification-blue)\"\n          }\n        },\n        FontNormalSxProps,\n        props.sx\n      )}\n    >\n      {props.message}\n    </Alert>\n  );\n});\n"],"names":["AoaNotification","memo","props","jsx","Alert","IconError","IconWarning","IconInfo","IconSuccess","merge","FontNormalSxProps"],"mappings":";;;;;;;;;AAwCa,MAAAA,IAAkBC,EAAK,CAACC,MAEjC,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAASF,EAAM,SAAS;AAAA,IACxB,aAAa;AAAA,MACX,yBAAQG,GAAU,EAAA;AAAA,MAClB,2BAAUC,GAAY,EAAA;AAAA,MACtB,wBAAOC,GAAS,EAAA;AAAA,MAChB,2BAAUC,GAAY,CAAA,CAAA;AAAA,IACxB;AAAA,IACA,UAAUN,EAAM;AAAA,IAChB,IAAIO;AAAA,MACF;AAAA,QACE,OAAO;AAAA,QAEP,8BAA8B;AAAA,UAC5B,iBAAiB;AAAA,QACnB;AAAA,QAEA,4BAA4B;AAAA,UAC1B,iBAAiB;AAAA,QACnB;AAAA,QAEA,8BAA8B;AAAA,UAC5B,iBAAiB;AAAA,QACnB;AAAA,QAEA,2BAA2B;AAAA,UACzB,iBAAiB;AAAA,QAAA;AAAA,MAErB;AAAA,MACAC;AAAA,MACAR,EAAM;AAAA,IACR;AAAA,IAEC,UAAMA,EAAA;AAAA,EAAA;AACT,CAEH;"}

package/dist/components/atoms/notification/_icons/Error.js

@@ -3,28 +3,28 @@ import { memo as e } from "react";
 const n = e(() => /* @__PURE__ */ r(
   "svg",
   {
+    "aria-label": "icon error",
+    height: "24px",
     version: "1.1",
+    viewBox: "0 0 24 24",
+    width: "24px",
+    x: "0px",
+    xmlSpace: "preserve",
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
-    x: "0px",
     y: "0px",
-    width: "24px",
-    height: "24px",
-    viewBox: "0 0 24 24",
-    xmlSpace: "preserve",
-    "aria-label": "icon error",
     children: [
-      /* @__PURE__ */ l("g", { children: /* @__PURE__ */ l("g", { children: /* @__PURE__ */ l("rect", { style: { fill: "none" }, width: "24", height: "24" }) }) }),
+      /* @__PURE__ */ l("g", { children: /* @__PURE__ */ l("g", { children: /* @__PURE__ */ l("rect", { height: "24", style: { fill: "none" }, width: "24" }) }) }),
       /* @__PURE__ */ l("g", { children: /* @__PURE__ */ r("g", { children: [
-        /* @__PURE__ */ l("g", { children: /* @__PURE__ */ l("circle", { style: { fill: "#D52B1E" }, cx: "12", cy: "12", r: "10.5" }) }),
+        /* @__PURE__ */ l("g", { children: /* @__PURE__ */ l("circle", { cx: "12", cy: "12", r: "10.5", style: { fill: "#D52B1E" } }) }),
         /* @__PURE__ */ l(
           "path",
           {
-            style: { fill: "#FFFFFF" },
             d: `M15.12,7.71L12,10.48L8.88,7.71C8.55,7.42,8.05,7.43,7.73,7.73c-0.3,0.32-0.31,0.81-0.02,1.14L10.48,12
 			l-2.77,3.12c-0.29,0.33-0.29,0.83,0.02,1.14c0.32,0.3,0.81,0.31,1.14,0.02L12,13.52l3.12,2.77c0.33,0.29,0.83,0.28,1.14-0.02
 			c0.3-0.32,0.31-0.81,0.02-1.14L13.52,12l2.77-3.12c0.29-0.33,0.29-0.83-0.02-1.14C15.95,7.43,15.45,7.42,15.12,7.71 M12,12.01
-			l-0.01-0.01L12,11.99l0.01-0.01l0.01,0.01l0.01,0.01L12,12.01z`
+			l-0.01-0.01L12,11.99l0.01-0.01l0.01,0.01l0.01,0.01L12,12.01z`,
+            style: { fill: "#FFFFFF" }
           }
         )
       ] }) })

package/dist/components/atoms/notification/_icons/Error.js.map

@@ -1 +1 @@
-{"version":3,"file":"Error.js","sources":["../../../../../src/components/atoms/notification/_icons/Error.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nexport const IconError = memo(() => (\n  <svg\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    x=\"0px\"\n    y=\"0px\"\n    width=\"24px\"\n    height=\"24px\"\n    viewBox=\"0 0 24 24\"\n    xmlSpace=\"preserve\"\n    aria-label=\"icon error\"\n  >\n    <g>\n      <g>\n        <rect style={{ fill: \"none\" }} width=\"24\" height=\"24\" />\n      </g>\n    </g>\n    <g>\n      <g>\n        <g>\n          <circle style={{ fill: \"#D52B1E\" }} cx=\"12\" cy=\"12\" r=\"10.5\" />\n        </g>\n        <path\n          style={{ fill: \"#FFFFFF\" }}\n          d=\"M15.12,7.71L12,10.48L8.88,7.71C8.55,7.42,8.05,7.43,7.73,7.73c-0.3,0.32-0.31,0.81-0.02,1.14L10.48,12\n\t\t\tl-2.77,3.12c-0.29,0.33-0.29,0.83,0.02,1.14c0.32,0.3,0.81,0.31,1.14,0.02L12,13.52l3.12,2.77c0.33,0.29,0.83,0.28,1.14-0.02\n\t\t\tc0.3-0.32,0.31-0.81,0.02-1.14L13.52,12l2.77-3.12c0.29-0.33,0.29-0.83-0.02-1.14C15.95,7.43,15.45,7.42,15.12,7.71 M12,12.01\n\t\t\tl-0.01-0.01L12,11.99l0.01-0.01l0.01,0.01l0.01,0.01L12,12.01z\"\n        />\n      </g>\n    </g>\n  </svg>\n));\n"],"names":["IconError","memo","jsxs","jsx"],"mappings":";;AAEa,MAAAA,IAAYC,EAAK,MAC5B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,YAAW;AAAA,IACX,GAAE;AAAA,IACF,GAAE;AAAA,IACF,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,UAAS;AAAA,IACT,cAAW;AAAA,IAEX,UAAA;AAAA,MAAA,gBAAAC,EAAC,KACC,EAAA,UAAA,gBAAAA,EAAC,KACC,EAAA,UAAA,gBAAAA,EAAC,UAAK,OAAO,EAAE,MAAM,UAAU,OAAM,MAAK,QAAO,KAAA,CAAK,EACxD,CAAA,GACF;AAAA,MACA,gBAAAA,EAAC,KACC,EAAA,UAAA,gBAAAD,EAAC,KACC,EAAA,UAAA;AAAA,QAAA,gBAAAC,EAAC,KACC,EAAA,UAAA,gBAAAA,EAAC,UAAO,EAAA,OAAO,EAAE,MAAM,UAAA,GAAa,IAAG,MAAK,IAAG,MAAK,GAAE,OAAO,CAAA,GAC/D;AAAA,QACA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,EAAE,MAAM,UAAU;AAAA,YACzB,GAAE;AAAA;AAAA;AAAA;AAAA,UAAA;AAAA,QAIJ;AAAA,MAAA,EAAA,CACF,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AACF,CACD;"}
+{"version":3,"file":"Error.js","sources":["../../../../../src/components/atoms/notification/_icons/Error.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nexport const IconError = memo(() => (\n  <svg\n    aria-label=\"icon error\"\n    height=\"24px\"\n    version=\"1.1\"\n    viewBox=\"0 0 24 24\"\n    width=\"24px\"\n    x=\"0px\"\n    xmlSpace=\"preserve\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    y=\"0px\"\n  >\n    <g>\n      <g>\n        <rect height=\"24\" style={{ fill: \"none\" }} width=\"24\" />\n      </g>\n    </g>\n    <g>\n      <g>\n        <g>\n          <circle cx=\"12\" cy=\"12\" r=\"10.5\" style={{ fill: \"#D52B1E\" }} />\n        </g>\n        <path\n          d=\"M15.12,7.71L12,10.48L8.88,7.71C8.55,7.42,8.05,7.43,7.73,7.73c-0.3,0.32-0.31,0.81-0.02,1.14L10.48,12\n\t\t\tl-2.77,3.12c-0.29,0.33-0.29,0.83,0.02,1.14c0.32,0.3,0.81,0.31,1.14,0.02L12,13.52l3.12,2.77c0.33,0.29,0.83,0.28,1.14-0.02\n\t\t\tc0.3-0.32,0.31-0.81,0.02-1.14L13.52,12l2.77-3.12c0.29-0.33,0.29-0.83-0.02-1.14C15.95,7.43,15.45,7.42,15.12,7.71 M12,12.01\n\t\t\tl-0.01-0.01L12,11.99l0.01-0.01l0.01,0.01l0.01,0.01L12,12.01z\"\n          style={{ fill: \"#FFFFFF\" }}\n        />\n      </g>\n    </g>\n  </svg>\n));\n"],"names":["IconError","memo","jsxs","jsx"],"mappings":";;AAEa,MAAAA,IAAYC,EAAK,MAC5B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,GAAE;AAAA,IACF,UAAS;AAAA,IACT,OAAM;AAAA,IACN,YAAW;AAAA,IACX,GAAE;AAAA,IAEF,UAAA;AAAA,MAAA,gBAAAC,EAAC,KACC,EAAA,UAAA,gBAAAA,EAAC,KACC,EAAA,UAAA,gBAAAA,EAAC,UAAK,QAAO,MAAK,OAAO,EAAE,MAAM,OAAO,GAAG,OAAM,KAAA,CAAK,EACxD,CAAA,GACF;AAAA,MACA,gBAAAA,EAAC,KACC,EAAA,UAAA,gBAAAD,EAAC,KACC,EAAA,UAAA;AAAA,QAAA,gBAAAC,EAAC,KACC,EAAA,UAAA,gBAAAA,EAAC,UAAO,EAAA,IAAG,MAAK,IAAG,MAAK,GAAE,QAAO,OAAO,EAAE,MAAM,UAAA,EAAa,CAAA,GAC/D;AAAA,QACA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA;AAAA;AAAA;AAAA,YAIF,OAAO,EAAE,MAAM,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MAC3B,EAAA,CACF,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AACF,CACD;"}

package/dist/components/atoms/notification/_icons/Info.js

@@ -3,36 +3,36 @@ import { memo as e } from "react";
 const r = e(() => /* @__PURE__ */ n(
   "svg",
   {
+    "aria-label": "icon info",
+    height: "24px",
     version: "1.1",
+    viewBox: "0 0 24 24",
+    width: "24px",
+    x: "0px",
+    xmlSpace: "preserve",
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
-    x: "0px",
     y: "0px",
-    width: "24px",
-    height: "24px",
-    viewBox: "0 0 24 24",
-    xmlSpace: "preserve",
-    "aria-label": "icon info",
     children: [
-      /* @__PURE__ */ c("g", { children: /* @__PURE__ */ c("g", { children: /* @__PURE__ */ c("rect", { style: { fill: "none" }, width: "24", height: "24" }) }) }),
+      /* @__PURE__ */ c("g", { children: /* @__PURE__ */ c("g", { children: /* @__PURE__ */ c("rect", { height: "24", style: { fill: "none" }, width: "24" }) }) }),
       /* @__PURE__ */ c("g", { children: /* @__PURE__ */ n("g", { children: [
         /* @__PURE__ */ c(
           "path",
           {
-            style: { fill: "#007BC7" },
             d: `M22.04,3.78c-0.16-0.95-0.88-1.67-1.83-1.83C17.48,1.5,12.91,1.5,12,1.5c-0.91,0-5.48,0-8.22,0.46
 			C2.84,2.11,2.11,2.84,1.96,3.78C1.5,6.52,1.5,11.09,1.5,12s0,5.48,0.46,8.22c0.16,0.95,0.88,1.67,1.83,1.83
 			c2.74,0.46,7.3,0.46,8.22,0.46c0.91,0,5.48,0,8.22-0.46c0.95-0.16,1.67-0.88,1.83-1.83c0.46-2.74,0.46-7.3,0.46-8.22
-			C22.5,9.26,22.5,6.52,22.04,3.78z`
+			C22.5,9.26,22.5,6.52,22.04,3.78z`,
+            style: { fill: "#007BC7" }
           }
         ),
         /* @__PURE__ */ c("g", { children: /* @__PURE__ */ c(
           "path",
           {
-            style: { fill: "#FFFFFF" },
             d: `M10.71,6.93c0-0.34,0.11-0.63,0.33-0.88c0.22-0.25,0.54-0.38,0.95-0.38c0.41,0,0.72,0.12,0.94,0.36
 				c0.22,0.24,0.33,0.54,0.33,0.9c0,0.32-0.11,0.61-0.33,0.86s-0.54,0.37-0.94,0.37c-0.41,0-0.72-0.12-0.95-0.35
-				C10.82,7.57,10.71,7.28,10.71,6.93z M13.11,9.32v8.96h-2.21V9.41L13.11,9.32z`
+				C10.82,7.57,10.71,7.28,10.71,6.93z M13.11,9.32v8.96h-2.21V9.41L13.11,9.32z`,
+            style: { fill: "#FFFFFF" }
           }
         ) })
       ] }) })

package/dist/components/atoms/notification/_icons/Info.js.map

@@ -1 +1 @@
-{"version":3,"file":"Info.js","sources":["../../../../../src/components/atoms/notification/_icons/Info.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nexport const IconInfo = memo(() => (\n  <svg\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    x=\"0px\"\n    y=\"0px\"\n    width=\"24px\"\n    height=\"24px\"\n    viewBox=\"0 0 24 24\"\n    xmlSpace=\"preserve\"\n    aria-label=\"icon info\"\n  >\n    <g>\n      <g>\n        <rect style={{ fill: \"none\" }} width=\"24\" height=\"24\" />\n      </g>\n    </g>\n    <g>\n      <g>\n        <path\n          style={{ fill: \"#007BC7\" }}\n          d=\"M22.04,3.78c-0.16-0.95-0.88-1.67-1.83-1.83C17.48,1.5,12.91,1.5,12,1.5c-0.91,0-5.48,0-8.22,0.46\n\t\t\tC2.84,2.11,2.11,2.84,1.96,3.78C1.5,6.52,1.5,11.09,1.5,12s0,5.48,0.46,8.22c0.16,0.95,0.88,1.67,1.83,1.83\n\t\t\tc2.74,0.46,7.3,0.46,8.22,0.46c0.91,0,5.48,0,8.22-0.46c0.95-0.16,1.67-0.88,1.83-1.83c0.46-2.74,0.46-7.3,0.46-8.22\n\t\t\tC22.5,9.26,22.5,6.52,22.04,3.78z\"\n        />\n        <g>\n          <path\n            style={{ fill: \"#FFFFFF\" }}\n            d=\"M10.71,6.93c0-0.34,0.11-0.63,0.33-0.88c0.22-0.25,0.54-0.38,0.95-0.38c0.41,0,0.72,0.12,0.94,0.36\n\t\t\t\tc0.22,0.24,0.33,0.54,0.33,0.9c0,0.32-0.11,0.61-0.33,0.86s-0.54,0.37-0.94,0.37c-0.41,0-0.72-0.12-0.95-0.35\n\t\t\t\tC10.82,7.57,10.71,7.28,10.71,6.93z M13.11,9.32v8.96h-2.21V9.41L13.11,9.32z\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n));\n"],"names":["IconInfo","memo","jsxs","jsx"],"mappings":";;AAEa,MAAAA,IAAWC,EAAK,MAC3B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,YAAW;AAAA,IACX,GAAE;AAAA,IACF,GAAE;AAAA,IACF,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,UAAS;AAAA,IACT,cAAW;AAAA,IAEX,UAAA;AAAA,MAAA,gBAAAC,EAAC,KACC,EAAA,UAAA,gBAAAA,EAAC,KACC,EAAA,UAAA,gBAAAA,EAAC,UAAK,OAAO,EAAE,MAAM,UAAU,OAAM,MAAK,QAAO,KAAA,CAAK,EACxD,CAAA,GACF;AAAA,MACA,gBAAAA,EAAC,KACC,EAAA,UAAA,gBAAAD,EAAC,KACC,EAAA,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,EAAE,MAAM,UAAU;AAAA,YACzB,GAAE;AAAA;AAAA;AAAA;AAAA,UAAA;AAAA,QAIJ;AAAA,0BACC,KACC,EAAA,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,EAAE,MAAM,UAAU;AAAA,YACzB,GAAE;AAAA;AAAA;AAAA,UAAA;AAAA,QAAA,GAIN;AAAA,MAAA,EAAA,CACF,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AACF,CACD;"}
+{"version":3,"file":"Info.js","sources":["../../../../../src/components/atoms/notification/_icons/Info.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nexport const IconInfo = memo(() => (\n  <svg\n    aria-label=\"icon info\"\n    height=\"24px\"\n    version=\"1.1\"\n    viewBox=\"0 0 24 24\"\n    width=\"24px\"\n    x=\"0px\"\n    xmlSpace=\"preserve\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    y=\"0px\"\n  >\n    <g>\n      <g>\n        <rect height=\"24\" style={{ fill: \"none\" }} width=\"24\" />\n      </g>\n    </g>\n    <g>\n      <g>\n        <path\n          d=\"M22.04,3.78c-0.16-0.95-0.88-1.67-1.83-1.83C17.48,1.5,12.91,1.5,12,1.5c-0.91,0-5.48,0-8.22,0.46\n\t\t\tC2.84,2.11,2.11,2.84,1.96,3.78C1.5,6.52,1.5,11.09,1.5,12s0,5.48,0.46,8.22c0.16,0.95,0.88,1.67,1.83,1.83\n\t\t\tc2.74,0.46,7.3,0.46,8.22,0.46c0.91,0,5.48,0,8.22-0.46c0.95-0.16,1.67-0.88,1.83-1.83c0.46-2.74,0.46-7.3,0.46-8.22\n\t\t\tC22.5,9.26,22.5,6.52,22.04,3.78z\"\n          style={{ fill: \"#007BC7\" }}\n        />\n        <g>\n          <path\n            d=\"M10.71,6.93c0-0.34,0.11-0.63,0.33-0.88c0.22-0.25,0.54-0.38,0.95-0.38c0.41,0,0.72,0.12,0.94,0.36\n\t\t\t\tc0.22,0.24,0.33,0.54,0.33,0.9c0,0.32-0.11,0.61-0.33,0.86s-0.54,0.37-0.94,0.37c-0.41,0-0.72-0.12-0.95-0.35\n\t\t\t\tC10.82,7.57,10.71,7.28,10.71,6.93z M13.11,9.32v8.96h-2.21V9.41L13.11,9.32z\"\n            style={{ fill: \"#FFFFFF\" }}\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n));\n"],"names":["IconInfo","memo","jsxs","jsx"],"mappings":";;AAEa,MAAAA,IAAWC,EAAK,MAC3B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,GAAE;AAAA,IACF,UAAS;AAAA,IACT,OAAM;AAAA,IACN,YAAW;AAAA,IACX,GAAE;AAAA,IAEF,UAAA;AAAA,MAAA,gBAAAC,EAAC,KACC,EAAA,UAAA,gBAAAA,EAAC,KACC,EAAA,UAAA,gBAAAA,EAAC,UAAK,QAAO,MAAK,OAAO,EAAE,MAAM,OAAO,GAAG,OAAM,KAAA,CAAK,EACxD,CAAA,GACF;AAAA,MACA,gBAAAA,EAAC,KACC,EAAA,UAAA,gBAAAD,EAAC,KACC,EAAA,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA;AAAA;AAAA;AAAA,YAIF,OAAO,EAAE,MAAM,UAAU;AAAA,UAAA;AAAA,QAC3B;AAAA,0BACC,KACC,EAAA,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA;AAAA;AAAA,YAGF,OAAO,EAAE,MAAM,UAAU;AAAA,UAAA;AAAA,QAAA,EAE7B,CAAA;AAAA,MAAA,EAAA,CACF,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AACF,CACD;"}

package/dist/components/atoms/notification/_icons/Success.js

@@ -3,36 +3,36 @@ import { memo as e } from "react";
 const s = e(() => /* @__PURE__ */ l(
   "svg",
   {
+    "aria-label": "icon success",
+    height: "24px",
     version: "1.1",
+    viewBox: "0 0 24 24",
+    width: "24px",
+    x: "0px",
+    xmlSpace: "preserve",
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
-    x: "0px",
     y: "0px",
-    width: "24px",
-    height: "24px",
-    viewBox: "0 0 24 24",
-    xmlSpace: "preserve",
-    "aria-label": "icon success",
     children: [
-      /* @__PURE__ */ c("g", { children: /* @__PURE__ */ c("g", { children: /* @__PURE__ */ c("rect", { style: { fill: "none" }, width: "24", height: "24" }) }) }),
+      /* @__PURE__ */ c("g", { children: /* @__PURE__ */ c("g", { children: /* @__PURE__ */ c("rect", { height: "24", style: { fill: "none" }, width: "24" }) }) }),
       /* @__PURE__ */ c("g", { children: /* @__PURE__ */ l("g", { children: [
         /* @__PURE__ */ c(
           "path",
           {
-            style: { fill: "#39870C" },
             d: `M22.04,3.78c-0.16-0.95-0.88-1.67-1.83-1.83C17.48,1.5,12.91,1.5,12,1.5c-0.91,0-5.48,0-8.22,0.46
 			C2.83,2.11,2.11,2.83,1.96,3.78C1.5,6.52,1.5,11.09,1.5,12s0,5.48,0.46,8.22c0.16,0.95,0.88,1.67,1.83,1.83
 			c2.74,0.46,7.3,0.46,8.22,0.46c0.91,0,5.48,0,8.22-0.46c0.95-0.16,1.67-0.88,1.83-1.83c0.46-2.74,0.46-7.3,0.46-8.22
-			C22.5,9.26,22.5,6.52,22.04,3.78z`
+			C22.5,9.26,22.5,6.52,22.04,3.78z`,
+            style: { fill: "#39870C" }
           }
         ),
         /* @__PURE__ */ c(
           "path",
           {
-            style: { fill: "#FFFFFF" },
             d: `M16.5,7.35c-0.31-0.23-0.75-0.19-1.01,0.1l-4.4,4.95l-2.65-2.3C8.16,9.86,7.75,9.86,7.47,10.1
 			c-0.28,0.24-0.35,0.65-0.16,0.97l3.2,5.38c0.14,0.23,0.38,0.37,0.64,0.37c0,0,0,0,0,0c0.26,0,0.51-0.14,0.64-0.36l4.89-8.09
-			C16.89,8.02,16.81,7.59,16.5,7.35z`
+			C16.89,8.02,16.81,7.59,16.5,7.35z`,
+            style: { fill: "#FFFFFF" }
           }
         )
       ] }) })

package/dist/components/atoms/notification/_icons/Success.js.map

@@ -1 +1 @@
-{"version":3,"file":"Success.js","sources":["../../../../../src/components/atoms/notification/_icons/Success.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nexport const IconSuccess = memo(() => (\n  <svg\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    x=\"0px\"\n    y=\"0px\"\n    width=\"24px\"\n    height=\"24px\"\n    viewBox=\"0 0 24 24\"\n    xmlSpace=\"preserve\"\n    aria-label=\"icon success\"\n  >\n    <g>\n      <g>\n        <rect style={{ fill: \"none\" }} width=\"24\" height=\"24\" />\n      </g>\n    </g>\n    <g>\n      <g>\n        <path\n          style={{ fill: \"#39870C\" }}\n          d=\"M22.04,3.78c-0.16-0.95-0.88-1.67-1.83-1.83C17.48,1.5,12.91,1.5,12,1.5c-0.91,0-5.48,0-8.22,0.46\n\t\t\tC2.83,2.11,2.11,2.83,1.96,3.78C1.5,6.52,1.5,11.09,1.5,12s0,5.48,0.46,8.22c0.16,0.95,0.88,1.67,1.83,1.83\n\t\t\tc2.74,0.46,7.3,0.46,8.22,0.46c0.91,0,5.48,0,8.22-0.46c0.95-0.16,1.67-0.88,1.83-1.83c0.46-2.74,0.46-7.3,0.46-8.22\n\t\t\tC22.5,9.26,22.5,6.52,22.04,3.78z\"\n        />\n        <path\n          style={{ fill: \"#FFFFFF\" }}\n          d=\"M16.5,7.35c-0.31-0.23-0.75-0.19-1.01,0.1l-4.4,4.95l-2.65-2.3C8.16,9.86,7.75,9.86,7.47,10.1\n\t\t\tc-0.28,0.24-0.35,0.65-0.16,0.97l3.2,5.38c0.14,0.23,0.38,0.37,0.64,0.37c0,0,0,0,0,0c0.26,0,0.51-0.14,0.64-0.36l4.89-8.09\n\t\t\tC16.89,8.02,16.81,7.59,16.5,7.35z\"\n        />\n      </g>\n    </g>\n  </svg>\n));\n"],"names":["IconSuccess","memo","jsxs","jsx"],"mappings":";;AAEa,MAAAA,IAAcC,EAAK,MAC9B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,YAAW;AAAA,IACX,GAAE;AAAA,IACF,GAAE;AAAA,IACF,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,UAAS;AAAA,IACT,cAAW;AAAA,IAEX,UAAA;AAAA,MAAA,gBAAAC,EAAC,KACC,EAAA,UAAA,gBAAAA,EAAC,KACC,EAAA,UAAA,gBAAAA,EAAC,UAAK,OAAO,EAAE,MAAM,UAAU,OAAM,MAAK,QAAO,KAAA,CAAK,EACxD,CAAA,GACF;AAAA,MACA,gBAAAA,EAAC,KACC,EAAA,UAAA,gBAAAD,EAAC,KACC,EAAA,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,EAAE,MAAM,UAAU;AAAA,YACzB,GAAE;AAAA;AAAA;AAAA;AAAA,UAAA;AAAA,QAIJ;AAAA,QACA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,EAAE,MAAM,UAAU;AAAA,YACzB,GAAE;AAAA;AAAA;AAAA,UAAA;AAAA,QAGJ;AAAA,MAAA,EAAA,CACF,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AACF,CACD;"}
+{"version":3,"file":"Success.js","sources":["../../../../../src/components/atoms/notification/_icons/Success.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nexport const IconSuccess = memo(() => (\n  <svg\n    aria-label=\"icon success\"\n    height=\"24px\"\n    version=\"1.1\"\n    viewBox=\"0 0 24 24\"\n    width=\"24px\"\n    x=\"0px\"\n    xmlSpace=\"preserve\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    y=\"0px\"\n  >\n    <g>\n      <g>\n        <rect height=\"24\" style={{ fill: \"none\" }} width=\"24\" />\n      </g>\n    </g>\n    <g>\n      <g>\n        <path\n          d=\"M22.04,3.78c-0.16-0.95-0.88-1.67-1.83-1.83C17.48,1.5,12.91,1.5,12,1.5c-0.91,0-5.48,0-8.22,0.46\n\t\t\tC2.83,2.11,2.11,2.83,1.96,3.78C1.5,6.52,1.5,11.09,1.5,12s0,5.48,0.46,8.22c0.16,0.95,0.88,1.67,1.83,1.83\n\t\t\tc2.74,0.46,7.3,0.46,8.22,0.46c0.91,0,5.48,0,8.22-0.46c0.95-0.16,1.67-0.88,1.83-1.83c0.46-2.74,0.46-7.3,0.46-8.22\n\t\t\tC22.5,9.26,22.5,6.52,22.04,3.78z\"\n          style={{ fill: \"#39870C\" }}\n        />\n        <path\n          d=\"M16.5,7.35c-0.31-0.23-0.75-0.19-1.01,0.1l-4.4,4.95l-2.65-2.3C8.16,9.86,7.75,9.86,7.47,10.1\n\t\t\tc-0.28,0.24-0.35,0.65-0.16,0.97l3.2,5.38c0.14,0.23,0.38,0.37,0.64,0.37c0,0,0,0,0,0c0.26,0,0.51-0.14,0.64-0.36l4.89-8.09\n\t\t\tC16.89,8.02,16.81,7.59,16.5,7.35z\"\n          style={{ fill: \"#FFFFFF\" }}\n        />\n      </g>\n    </g>\n  </svg>\n));\n"],"names":["IconSuccess","memo","jsxs","jsx"],"mappings":";;AAEa,MAAAA,IAAcC,EAAK,MAC9B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,GAAE;AAAA,IACF,UAAS;AAAA,IACT,OAAM;AAAA,IACN,YAAW;AAAA,IACX,GAAE;AAAA,IAEF,UAAA;AAAA,MAAA,gBAAAC,EAAC,KACC,EAAA,UAAA,gBAAAA,EAAC,KACC,EAAA,UAAA,gBAAAA,EAAC,UAAK,QAAO,MAAK,OAAO,EAAE,MAAM,OAAO,GAAG,OAAM,KAAA,CAAK,EACxD,CAAA,GACF;AAAA,MACA,gBAAAA,EAAC,KACC,EAAA,UAAA,gBAAAD,EAAC,KACC,EAAA,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA;AAAA;AAAA;AAAA,YAIF,OAAO,EAAE,MAAM,UAAU;AAAA,UAAA;AAAA,QAC3B;AAAA,QACA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA;AAAA;AAAA,YAGF,OAAO,EAAE,MAAM,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MAC3B,EAAA,CACF,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AACF,CACD;"}

package/dist/components/atoms/notification/_icons/Warning.js

@@ -3,25 +3,25 @@ import { memo as l } from "react";
 const r = l(() => /* @__PURE__ */ i(
   "svg",
   {
+    "aria-label": "icon warning",
+    height: "24px",
     version: "1.1",
+    viewBox: "0 0 24 24",
+    width: "24px",
+    x: "0px",
+    xmlSpace: "preserve",
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
-    x: "0px",
     y: "0px",
-    width: "24px",
-    height: "24px",
-    viewBox: "0 0 24 24",
-    xmlSpace: "preserve",
-    "aria-label": "icon warning",
     children: [
-      /* @__PURE__ */ n("g", { children: /* @__PURE__ */ n("g", { children: /* @__PURE__ */ n("rect", { style: { fill: "none" }, width: "24", height: "24" }) }) }),
+      /* @__PURE__ */ n("g", { children: /* @__PURE__ */ n("g", { children: /* @__PURE__ */ n("rect", { height: "24", style: { fill: "none" }, width: "24" }) }) }),
       /* @__PURE__ */ n("g", { children: /* @__PURE__ */ i("g", { children: [
         /* @__PURE__ */ n(
           "path",
           {
-            style: { fill: "#FFB612" },
             d: `M23.38,19.64L13.67,2.47c-0.73-1.3-2.6-1.3-3.34,0L0.62,19.64c-0.72,1.28,0.2,2.86,1.67,2.86h19.43
-			C23.18,22.5,24.1,20.92,23.38,19.64z`
+			C23.18,22.5,24.1,20.92,23.38,19.64z`,
+            style: { fill: "#FFB612" }
           }
         ),
         /* @__PURE__ */ n("g", { children: /* @__PURE__ */ n(

package/dist/components/atoms/notification/_icons/Warning.js.map

@@ -1 +1 @@
-{"version":3,"file":"Warning.js","sources":["../../../../../src/components/atoms/notification/_icons/Warning.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nexport const IconWarning = memo(() => (\n  <svg\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    x=\"0px\"\n    y=\"0px\"\n    width=\"24px\"\n    height=\"24px\"\n    viewBox=\"0 0 24 24\"\n    xmlSpace=\"preserve\"\n    aria-label=\"icon warning\"\n  >\n    <g>\n      <g>\n        <rect style={{ fill: \"none\" }} width=\"24\" height=\"24\" />\n      </g>\n    </g>\n    <g>\n      <g>\n        <path\n          style={{ fill: \"#FFB612\" }}\n          d=\"M23.38,19.64L13.67,2.47c-0.73-1.3-2.6-1.3-3.34,0L0.62,19.64c-0.72,1.28,0.2,2.86,1.67,2.86h19.43\n\t\t\tC23.18,22.5,24.1,20.92,23.38,19.64z\"\n        />\n        <g>\n          <path\n            d=\"M10.54,17.45c0-0.44,0.12-0.82,0.36-1.12c0.24-0.31,0.6-0.46,1.09-0.46c0.48,0,0.85,0.14,1.1,0.4\n\t\t\t\tc0.25,0.27,0.38,0.66,0.38,1.18c0,0.43-0.12,0.8-0.36,1.09c-0.24,0.29-0.6,0.44-1.09,0.44c-0.48,0-0.85-0.13-1.1-0.39\n\t\t\t\tC10.67,18.34,10.54,17.96,10.54,17.45z M10.85,7.18l2.48-0.2l-0.22,5.51v2.63l-2.27,0.05V7.18z\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n));\n"],"names":["IconWarning","memo","jsxs","jsx"],"mappings":";;AAEa,MAAAA,IAAcC,EAAK,MAC9B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,YAAW;AAAA,IACX,GAAE;AAAA,IACF,GAAE;AAAA,IACF,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,UAAS;AAAA,IACT,cAAW;AAAA,IAEX,UAAA;AAAA,MAAA,gBAAAC,EAAC,KACC,EAAA,UAAA,gBAAAA,EAAC,KACC,EAAA,UAAA,gBAAAA,EAAC,UAAK,OAAO,EAAE,MAAM,UAAU,OAAM,MAAK,QAAO,KAAA,CAAK,EACxD,CAAA,GACF;AAAA,MACA,gBAAAA,EAAC,KACC,EAAA,UAAA,gBAAAD,EAAC,KACC,EAAA,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,EAAE,MAAM,UAAU;AAAA,YACzB,GAAE;AAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,0BACC,KACC,EAAA,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA;AAAA;AAAA,UAAA;AAAA,QAAA,GAIN;AAAA,MAAA,EAAA,CACF,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AACF,CACD;"}
+{"version":3,"file":"Warning.js","sources":["../../../../../src/components/atoms/notification/_icons/Warning.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nexport const IconWarning = memo(() => (\n  <svg\n    aria-label=\"icon warning\"\n    height=\"24px\"\n    version=\"1.1\"\n    viewBox=\"0 0 24 24\"\n    width=\"24px\"\n    x=\"0px\"\n    xmlSpace=\"preserve\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    y=\"0px\"\n  >\n    <g>\n      <g>\n        <rect height=\"24\" style={{ fill: \"none\" }} width=\"24\" />\n      </g>\n    </g>\n    <g>\n      <g>\n        <path\n          d=\"M23.38,19.64L13.67,2.47c-0.73-1.3-2.6-1.3-3.34,0L0.62,19.64c-0.72,1.28,0.2,2.86,1.67,2.86h19.43\n\t\t\tC23.18,22.5,24.1,20.92,23.38,19.64z\"\n          style={{ fill: \"#FFB612\" }}\n        />\n        <g>\n          <path\n            d=\"M10.54,17.45c0-0.44,0.12-0.82,0.36-1.12c0.24-0.31,0.6-0.46,1.09-0.46c0.48,0,0.85,0.14,1.1,0.4\n\t\t\t\tc0.25,0.27,0.38,0.66,0.38,1.18c0,0.43-0.12,0.8-0.36,1.09c-0.24,0.29-0.6,0.44-1.09,0.44c-0.48,0-0.85-0.13-1.1-0.39\n\t\t\t\tC10.67,18.34,10.54,17.96,10.54,17.45z M10.85,7.18l2.48-0.2l-0.22,5.51v2.63l-2.27,0.05V7.18z\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n));\n"],"names":["IconWarning","memo","jsxs","jsx"],"mappings":";;AAEa,MAAAA,IAAcC,EAAK,MAC9B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,GAAE;AAAA,IACF,UAAS;AAAA,IACT,OAAM;AAAA,IACN,YAAW;AAAA,IACX,GAAE;AAAA,IAEF,UAAA;AAAA,MAAA,gBAAAC,EAAC,KACC,EAAA,UAAA,gBAAAA,EAAC,KACC,EAAA,UAAA,gBAAAA,EAAC,UAAK,QAAO,MAAK,OAAO,EAAE,MAAM,OAAO,GAAG,OAAM,KAAA,CAAK,EACxD,CAAA,GACF;AAAA,MACA,gBAAAA,EAAC,KACC,EAAA,UAAA,gBAAAD,EAAC,KACC,EAAA,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA;AAAA,YAEF,OAAO,EAAE,MAAM,UAAU;AAAA,UAAA;AAAA,QAC3B;AAAA,0BACC,KACC,EAAA,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA;AAAA;AAAA,UAAA;AAAA,QAAA,EAIN,CAAA;AAAA,MAAA,EAAA,CACF,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AACF,CACD;"}

package/dist/components/atoms/section-header/SectionHeader.d.ts

@@ -1,20 +1,23 @@
 import { BoxProps } from '@mui/material';
 import { PropsWithChildren, ReactNode } from 'react';
-
 export interface AoaSectionHeaderProps extends Omit<BoxProps, "title"> {
-    /** The title to show in the first Typography component */
-    title: ReactNode;
+    /**
+     * Data-qa tag for E2E test purposes
+     */
+    readonly "data-qa"?: string;
     /**
      * The content to show as subtitle, lighter grey and below the title
-     * @default ''
      */
-    subtitle?: ReactNode;
-    /** Data-qa tag for E2E test purposes */
-    "data-qa"?: string;
+    readonly subtitle?: ReactNode;
+    /**
+     * The title to show in the first Typography component
+     */
+    readonly title: ReactNode;
 }
 /**
- * Constructs a secion header using pre-defined Rijks styling
- * @param props Props to pass to the section header
+ * Constructs a section header using pre-defined Rijks styling
+ *
+ * @param props - Props to pass to the section header
  * @example
  * ```jsx
  * <AoaSectionHeader title='This is a title' subtitle='And this is a subtitle' />

package/dist/components/atoms/section-header/SectionHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/section-header/SectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAExE,OAAO,EAAQ,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC;IACpE,0DAA0D;IAC1D,KAAK,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,gFAAuD,iBAAiB,CAAC,qBAAqB,CAAC,6CA0C1H,CAAC"}
+{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/section-header/SectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAExE,OAAO,EAAQ,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC;IACpE;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;CAC3B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,gFAAuD,iBAAiB,CAAC,qBAAqB,CAAC,6CA0C1H,CAAC"}

package/dist/components/atoms/section-header/SectionHeader.js

@@ -1,6 +1,6 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { Box as m, Typography as i, Divider as s } from "@mui/material";
-import { m as c } from "../../../chunks/index.CtmQWjvP.js";
+import { m as c } from "../../../chunks/index.DJYQ_-zP.js";
 import { memo as p } from "react";
 const g = p(({ title: a, subtitle: t = "", children: n, ...r }) => /* @__PURE__ */ e(
   m,
@@ -25,8 +25,8 @@ const g = p(({ title: a, subtitle: t = "", children: n, ...r }) => /* @__PURE__
       r.sx
     ),
     children: [
-      /* @__PURE__ */ o(i, { variant: "h5", component: "h1", color: "textPrimary", "data-qa": "section-title", sx: { fontSize: "var(--font-size-h1)" }, children: a }),
-      !!t && /* @__PURE__ */ o(i, { variant: "subtitle1", component: "span", color: "textSecondary", "data-qa": "section-subtitle", sx: { fontSize: "var(--font-size-text)" }, children: t }),
+      /* @__PURE__ */ o(i, { color: "textPrimary", component: "h1", "data-qa": "section-title", sx: { fontSize: "var(--font-size-h1)" }, variant: "h5", children: a }),
+      !!t && /* @__PURE__ */ o(i, { color: "textSecondary", component: "span", "data-qa": "section-subtitle", sx: { fontSize: "var(--font-size-text)" }, variant: "subtitle1", children: t }),
       /* @__PURE__ */ o(
         s,
         {

package/dist/components/atoms/section-header/SectionHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionHeader.js","sources":["../../../../src/components/atoms/section-header/SectionHeader.tsx"],"sourcesContent":["import { Box, Divider, Typography, type BoxProps } from \"@mui/material\";\nimport merge from \"lodash.merge\";\nimport { memo, type PropsWithChildren, type ReactNode } from \"react\";\n\nexport interface AoaSectionHeaderProps extends Omit<BoxProps, \"title\"> {\n  /** The title to show in the first Typography component */\n  title: ReactNode;\n  /**\n   * The content to show as subtitle, lighter grey and below the title\n   * @default ''\n   */\n  subtitle?: ReactNode;\n  /** Data-qa tag for E2E test purposes */\n  \"data-qa\"?: string;\n}\n\n/**\n * Constructs a secion header using pre-defined Rijks styling\n * @param props Props to pass to the section header\n * @example\n * ```jsx\n * <AoaSectionHeader title='This is a title' subtitle='And this is a subtitle' />\n * ```\n */\nexport const AoaSectionHeader = memo(({ title, subtitle = \"\", children, ...props }: PropsWithChildren<AoaSectionHeaderProps>) => {\n  return (\n    <Box\n      {...props}\n      sx={merge(\n        {\n          marginRight: 0,\n          marginBottom: 2,\n          'breakpoints.down(\"sm\")': {\n            flexBasis: \"100%\",\n            width: \"100%\",\n            marginRight: 0,\n\n            \"&:not(:first-of-type)\": {\n              marginTop: 3\n            }\n          },\n          \".MuiTypography-root\": {\n            fontFamily: \"var(--font-text)\"\n          }\n        },\n        props.sx\n      )}\n    >\n      <Typography variant=\"h5\" component=\"h1\" color=\"textPrimary\" data-qa=\"section-title\" sx={{ fontSize: \"var(--font-size-h1)\" }}>\n        {title}\n      </Typography>\n      {Boolean(subtitle) && (\n        <Typography variant=\"subtitle1\" component=\"span\" color=\"textSecondary\" data-qa=\"section-subtitle\" sx={{ fontSize: \"var(--font-size-text)\" }}>\n          {subtitle}\n        </Typography>\n      )}\n      <Divider\n        sx={{\n          backgroundColor: \"var(--color-rijks-skyblue)\",\n          marginBottom: 3,\n          paddingBottom: 0.25\n        }}\n      />\n      {children}\n    </Box>\n  );\n});\n"],"names":["AoaSectionHeader","memo","title","subtitle","children","props","jsxs","Box","merge","jsx","Typography","Divider"],"mappings":";;;;AAwBa,MAAAA,IAAmBC,EAAK,CAAC,EAAE,OAAAC,GAAO,UAAAC,IAAW,IAAI,UAAAC,GAAU,GAAGC,QAEvE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,IAAIG;AAAA,MACF;AAAA,QACE,aAAa;AAAA,QACb,cAAc;AAAA,QACd,0BAA0B;AAAA,UACxB,WAAW;AAAA,UACX,OAAO;AAAA,UACP,aAAa;AAAA,UAEb,yBAAyB;AAAA,YACvB,WAAW;AAAA,UACb;AAAA,QACF;AAAA,QACA,uBAAuB;AAAA,UACrB,YAAY;AAAA,QACd;AAAA,MACF;AAAA,MACAH,EAAM;AAAA,IACR;AAAA,IAEA,UAAA;AAAA,MAAA,gBAAAI,EAACC,GAAW,EAAA,SAAQ,MAAK,WAAU,MAAK,OAAM,eAAc,WAAQ,iBAAgB,IAAI,EAAE,UAAU,yBACjG,UACHR,GAAA;AAAA,MACC,EAAQC,uBACNO,GAAW,EAAA,SAAQ,aAAY,WAAU,QAAO,OAAM,iBAAgB,WAAQ,oBAAmB,IAAI,EAAE,UAAU,2BAC/G,UACHP,GAAA;AAAA,MAEF,gBAAAM;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,iBAAiB;AAAA,YACjB,cAAc;AAAA,YACd,eAAe;AAAA,UACjB;AAAA,QAAA;AAAA,MACF;AAAA,MACCP;AAAA,IAAA;AAAA,EAAA;AAAA,CAGN;"}
+{"version":3,"file":"SectionHeader.js","sources":["../../../../src/components/atoms/section-header/SectionHeader.tsx"],"sourcesContent":["import { Box, Divider, Typography, type BoxProps } from \"@mui/material\";\nimport merge from \"lodash.merge\";\nimport { memo, type PropsWithChildren, type ReactNode } from \"react\";\n\nexport interface AoaSectionHeaderProps extends Omit<BoxProps, \"title\"> {\n  /**\n   * Data-qa tag for E2E test purposes\n   */\n  readonly \"data-qa\"?: string;\n  /**\n   * The content to show as subtitle, lighter grey and below the title\n   */\n  readonly subtitle?: ReactNode;\n  /**\n   * The title to show in the first Typography component\n   */\n  readonly title: ReactNode;\n}\n\n/**\n * Constructs a section header using pre-defined Rijks styling\n *\n * @param props - Props to pass to the section header\n * @example\n * ```jsx\n * <AoaSectionHeader title='This is a title' subtitle='And this is a subtitle' />\n * ```\n */\nexport const AoaSectionHeader = memo(({ title, subtitle = \"\", children, ...props }: PropsWithChildren<AoaSectionHeaderProps>) => {\n  return (\n    <Box\n      {...props}\n      sx={merge(\n        {\n          marginRight: 0,\n          marginBottom: 2,\n          'breakpoints.down(\"sm\")': {\n            flexBasis: \"100%\",\n            width: \"100%\",\n            marginRight: 0,\n\n            \"&:not(:first-of-type)\": {\n              marginTop: 3\n            }\n          },\n          \".MuiTypography-root\": {\n            fontFamily: \"var(--font-text)\"\n          }\n        },\n        props.sx\n      )}\n    >\n      <Typography color=\"textPrimary\" component=\"h1\" data-qa=\"section-title\" sx={{ fontSize: \"var(--font-size-h1)\" }} variant=\"h5\">\n        {title}\n      </Typography>\n      {Boolean(subtitle) && (\n        <Typography color=\"textSecondary\" component=\"span\" data-qa=\"section-subtitle\" sx={{ fontSize: \"var(--font-size-text)\" }} variant=\"subtitle1\">\n          {subtitle}\n        </Typography>\n      )}\n      <Divider\n        sx={{\n          backgroundColor: \"var(--color-rijks-skyblue)\",\n          marginBottom: 3,\n          paddingBottom: 0.25\n        }}\n      />\n      {children}\n    </Box>\n  );\n});\n"],"names":["AoaSectionHeader","memo","title","subtitle","children","props","jsxs","Box","merge","jsx","Typography","Divider"],"mappings":";;;;AA4Ba,MAAAA,IAAmBC,EAAK,CAAC,EAAE,OAAAC,GAAO,UAAAC,IAAW,IAAI,UAAAC,GAAU,GAAGC,QAEvE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,IAAIG;AAAA,MACF;AAAA,QACE,aAAa;AAAA,QACb,cAAc;AAAA,QACd,0BAA0B;AAAA,UACxB,WAAW;AAAA,UACX,OAAO;AAAA,UACP,aAAa;AAAA,UAEb,yBAAyB;AAAA,YACvB,WAAW;AAAA,UAAA;AAAA,QAEf;AAAA,QACA,uBAAuB;AAAA,UACrB,YAAY;AAAA,QAAA;AAAA,MAEhB;AAAA,MACAH,EAAM;AAAA,IACR;AAAA,IAEA,UAAA;AAAA,MAAA,gBAAAI,EAACC,GAAW,EAAA,OAAM,eAAc,WAAU,MAAK,WAAQ,iBAAgB,IAAI,EAAE,UAAU,sBAAyB,GAAA,SAAQ,MACrH,UACHR,GAAA;AAAA,MACC,EAAQC,uBACNO,GAAW,EAAA,OAAM,iBAAgB,WAAU,QAAO,WAAQ,oBAAmB,IAAI,EAAE,UAAU,2BAA2B,SAAQ,aAC9H,UACHP,GAAA;AAAA,MAEF,gBAAAM;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,iBAAiB;AAAA,YACjB,cAAc;AAAA,YACd,eAAe;AAAA,UAAA;AAAA,QACjB;AAAA,MACF;AAAA,MACCP;AAAA,IAAA;AAAA,EAAA;AACH,CAEH;"}

package/dist/components/atoms/selection-buttons/checkbox/Checkbox.d.ts

@@ -1,17 +1,23 @@
 import { CheckboxProps as MUICheckboxProps } from '@mui/material';
 import { ReactNode } from 'react';
-
-export interface AoaCheckboxProps extends Omit<MUICheckboxProps, "icon" | "checkedIcon"> {
-    /** The label that is shown after the checkbox */
-    label: string;
-    /** Whether this checkbox is checked */
-    checked: boolean;
-    /** Data-qa tag for E2E test purposes */
-    "data-qa"?: string;
+export interface AoaCheckboxProps extends Omit<MUICheckboxProps, "checkedIcon" | "icon"> {
+    /**
+     * Whether this checkbox is checked
+     */
+    readonly checked: boolean;
+    /**
+     * Data-qa tag for E2E test purposes
+     */
+    readonly "data-qa"?: string;
+    /**
+     * The label that is shown after the checkbox
+     */
+    readonly label: string;
 }
 /**
  * Constructs a checkbox using pre-defined Rijks styling
- * @param props Props to pass to the checkbox
+ *
+ * @param props - Props to pass to the checkbox
  * @example
  * ```jsx
  * <AoaCheckbox label="Demo checkbox" checked={true} onChange={handleChange} />} />

package/dist/components/atoms/selection-buttons/checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/selection-buttons/checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoE,KAAK,aAAa,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEzI,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,aAAa,CAAC;IACtF,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,OAAO,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AAEH,eAAO,MAAM,WAAW,4DAA8B,gBAAgB,KAAG,SAAS,CA8BhF,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/selection-buttons/checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoE,KAAK,aAAa,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEzI,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,aAAa,GAAG,MAAM,CAAC;IACtF;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AAEH,eAAO,MAAM,WAAW,4DAA8B,gBAAgB,KAAG,SAAS,CA8BhF,CAAC"}

package/dist/components/atoms/selection-buttons/checkbox/Checkbox.js

@@ -1,20 +1,18 @@
 import { jsx as o } from "react/jsx-runtime";
-import { CheckBoxOutlineBlank as t, CheckBox as i } from "@mui/icons-material";
+import { CheckBox as t, CheckBoxOutlineBlank as i } from "@mui/icons-material";
 import { FormControlLabel as l, Checkbox as m } from "@mui/material";
-import { m as c } from "../../../../chunks/index.CtmQWjvP.js";
+import { m as c } from "../../../../chunks/index.DJYQ_-zP.js";
 import { memo as a } from "react";
 import { FontNormalSxProps as n } from "../../../../_constants.js";
 const u = a(({ label: e, ...r }) => /* @__PURE__ */ o(
   l,
   {
-    label: e,
-    sx: { ".MuiTypography-root": n },
     control: /* @__PURE__ */ o(
       m,
       {
         ...r,
-        icon: /* @__PURE__ */ o(t, { fontSize: "small", color: "inherit" }),
-        checkedIcon: /* @__PURE__ */ o(i, { fontSize: "small", color: "inherit" }),
+        checkedIcon: /* @__PURE__ */ o(t, { color: "inherit", fontSize: "small" }),
+        icon: /* @__PURE__ */ o(i, { color: "inherit", fontSize: "small" }),
         sx: c(
           {
             color: "var(--color-primary)",
@@ -30,7 +28,9 @@ const u = a(({ label: e, ...r }) => /* @__PURE__ */ o(
           r.sx
         )
       }
-    )
+    ),
+    label: e,
+    sx: { ".MuiTypography-root": n }
   }
 ));
 export {

package/dist/components/atoms/selection-buttons/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/atoms/selection-buttons/checkbox/Checkbox.tsx"],"sourcesContent":["import { CheckBox as CheckBoxIcon, CheckBoxOutlineBlank as CheckBoxOutlineBlankIcon } from \"@mui/icons-material\";\nimport { Checkbox as MUICheckbox, FormControlLabel as MUIFormControlLabel, type CheckboxProps as MUICheckboxProps } from \"@mui/material\";\nimport merge from \"lodash.merge\";\nimport { memo, type ReactNode } from \"react\";\nimport { FontNormalSxProps } from \"../../../../_constants\";\n\nexport interface AoaCheckboxProps extends Omit<MUICheckboxProps, \"icon\" | \"checkedIcon\"> {\n  /** The label that is shown after the checkbox */\n  label: string;\n  /** Whether this checkbox is checked */\n  checked: boolean;\n  /** Data-qa tag for E2E test purposes */\n  \"data-qa\"?: string;\n}\n\n/**\n * Constructs a checkbox using pre-defined Rijks styling\n * @param props Props to pass to the checkbox\n * @example\n * ```jsx\n * <AoaCheckbox label=\"Demo checkbox\" checked={true} onChange={handleChange} />} />\n * ```\n */\n\nexport const AoaCheckbox = memo(({ label, ...props }: AoaCheckboxProps): ReactNode => {\n  return (\n    <MUIFormControlLabel\n      label={label}\n      sx={{ \".MuiTypography-root\": FontNormalSxProps }}\n      control={\n        <MUICheckbox\n          {...props}\n          icon={<CheckBoxOutlineBlankIcon fontSize=\"small\" color=\"inherit\" />}\n          checkedIcon={<CheckBoxIcon fontSize=\"small\" color=\"inherit\" />}\n          sx={merge(\n            {\n              color: \"var(--color-primary)\",\n\n              \":focus\": {\n                outline: \"2px dashed var(--color-text)\",\n                outlineOffset: \"-9px\",\n                borderRadius: 0\n              },\n\n              \":disabled\": {\n                color: \"var(--color-disabled)\"\n              }\n            },\n            props.sx\n          )}\n        />\n      }\n    />\n  );\n});\n"],"names":["AoaCheckbox","memo","label","props","jsx","MUIFormControlLabel","FontNormalSxProps","MUICheckbox","CheckBoxOutlineBlankIcon","CheckBoxIcon","merge"],"mappings":";;;;;;AAwBO,MAAMA,IAAcC,EAAK,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAEzC,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,OAAAH;AAAA,IACA,IAAI,EAAE,uBAAuBI,EAAkB;AAAA,IAC/C,SACE,gBAAAF;AAAA,MAACG;AAAAA,MAAA;AAAA,QACE,GAAGJ;AAAA,QACJ,MAAO,gBAAAC,EAAAI,GAAA,EAAyB,UAAS,SAAQ,OAAM,WAAU;AAAA,QACjE,aAAc,gBAAAJ,EAAAK,GAAA,EAAa,UAAS,SAAQ,OAAM,WAAU;AAAA,QAC5D,IAAIC;AAAA,UACF;AAAA,YACE,OAAO;AAAA,YAEP,UAAU;AAAA,cACR,SAAS;AAAA,cACT,eAAe;AAAA,cACf,cAAc;AAAA,YAChB;AAAA,YAEA,aAAa;AAAA,cACX,OAAO;AAAA,YACT;AAAA,UACF;AAAA,UACAP,EAAM;AAAA,QACR;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAAA,CAIP;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/atoms/selection-buttons/checkbox/Checkbox.tsx"],"sourcesContent":["import { CheckBox as CheckBoxIcon, CheckBoxOutlineBlank as CheckBoxOutlineBlankIcon } from \"@mui/icons-material\";\nimport { Checkbox as MUICheckbox, FormControlLabel as MUIFormControlLabel, type CheckboxProps as MUICheckboxProps } from \"@mui/material\";\nimport merge from \"lodash.merge\";\nimport { memo, type ReactNode } from \"react\";\nimport { FontNormalSxProps } from \"../../../../_constants\";\n\nexport interface AoaCheckboxProps extends Omit<MUICheckboxProps, \"checkedIcon\" | \"icon\"> {\n  /**\n   * Whether this checkbox is checked\n   */\n  readonly checked: boolean;\n  /**\n   * Data-qa tag for E2E test purposes\n   */\n  readonly \"data-qa\"?: string;\n  /**\n   * The label that is shown after the checkbox\n   */\n  readonly label: string;\n}\n\n/**\n * Constructs a checkbox using pre-defined Rijks styling\n *\n * @param props - Props to pass to the checkbox\n * @example\n * ```jsx\n * <AoaCheckbox label=\"Demo checkbox\" checked={true} onChange={handleChange} />} />\n * ```\n */\n\nexport const AoaCheckbox = memo(({ label, ...props }: AoaCheckboxProps): ReactNode => {\n  return (\n    <MUIFormControlLabel\n      control={\n        <MUICheckbox\n          {...props}\n          checkedIcon={<CheckBoxIcon color=\"inherit\" fontSize=\"small\" />}\n          icon={<CheckBoxOutlineBlankIcon color=\"inherit\" fontSize=\"small\" />}\n          sx={merge(\n            {\n              color: \"var(--color-primary)\",\n\n              \":focus\": {\n                outline: \"2px dashed var(--color-text)\",\n                outlineOffset: \"-9px\",\n                borderRadius: 0\n              },\n\n              \":disabled\": {\n                color: \"var(--color-disabled)\"\n              }\n            },\n            props.sx\n          )}\n        />\n      }\n      label={label}\n      sx={{ \".MuiTypography-root\": FontNormalSxProps }}\n    />\n  );\n});\n"],"names":["AoaCheckbox","memo","label","props","jsx","MUIFormControlLabel","MUICheckbox","CheckBoxIcon","CheckBoxOutlineBlankIcon","merge","FontNormalSxProps"],"mappings":";;;;;;AA+BO,MAAMA,IAAcC,EAAK,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAEzC,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SACE,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACE,GAAGH;AAAA,QACJ,aAAc,gBAAAC,EAAAG,GAAA,EAAa,OAAM,WAAU,UAAS,SAAQ;AAAA,QAC5D,MAAO,gBAAAH,EAAAI,GAAA,EAAyB,OAAM,WAAU,UAAS,SAAQ;AAAA,QACjE,IAAIC;AAAA,UACF;AAAA,YACE,OAAO;AAAA,YAEP,UAAU;AAAA,cACR,SAAS;AAAA,cACT,eAAe;AAAA,cACf,cAAc;AAAA,YAChB;AAAA,YAEA,aAAa;AAAA,cACX,OAAO;AAAA,YAAA;AAAA,UAEX;AAAA,UACAN,EAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,IAEF,OAAAD;AAAA,IACA,IAAI,EAAE,uBAAuBQ,EAAkB;AAAA,EAAA;AACjD,CAEH;"}

package/dist/components/atoms/selection-buttons/radio-button/RadioButton.d.ts

@@ -1,17 +1,23 @@
 import { RadioProps as MUIRadioButtonProps } from '@mui/material';
 import { ReactNode } from 'react';
-
 export interface AoaRadioButtonProps extends MUIRadioButtonProps {
-    /** The label that is shown after the radio button */
-    label: string;
-    /** Whether this radio button is checked */
-    checked: boolean;
-    /** Data-qa tag for E2E test purposes */
-    "data-qa"?: string;
+    /**
+     * Whether this radio button is checked
+     */
+    readonly checked: boolean;
+    /**
+     * Data-qa tag for E2E test purposes
+     */
+    readonly "data-qa"?: string;
+    /**
+     * The label that is shown after the radio button
+     */
+    readonly label: string;
 }
 /**
  * Constructs a radio button using pre-defined Rijks styling
- * @param props Props to pass to the radio button
+ *
+ * @param props - Props to pass to the radio button
  * @example
  * ```jsx
  * <AoaRadioButton label="Demo radio button" />} />

package/dist/components/atoms/selection-buttons/radio-button/RadioButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/selection-buttons/radio-button/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoE,KAAK,UAAU,IAAI,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEzI,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,OAAO,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AAEH,eAAO,MAAM,cAAc,4DAA8B,mBAAmB,KAAG,SAAS,CA2BtF,CAAC"}
+{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/selection-buttons/radio-button/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoE,KAAK,UAAU,IAAI,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEzI,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AAEH,eAAO,MAAM,cAAc,4DAA8B,mBAAmB,KAAG,SAAS,CA2BtF,CAAC"}

package/dist/components/atoms/selection-buttons/radio-button/RadioButton.js

@@ -1,13 +1,11 @@
 import { jsx as r } from "react/jsx-runtime";
 import { FormControlLabel as m, Radio as a } from "@mui/material";
-import { m as e } from "../../../../chunks/index.CtmQWjvP.js";
+import { m as e } from "../../../../chunks/index.DJYQ_-zP.js";
 import { memo as i } from "react";
 import { FontNormalSxProps as l } from "../../../../_constants.js";
 const f = i(({ label: t, ...o }) => /* @__PURE__ */ r(
   m,
   {
-    sx: { ".MuiTypography-root": l },
-    label: t,
     control: /* @__PURE__ */ r(
       a,
       {
@@ -26,7 +24,9 @@ const f = i(({ label: t, ...o }) => /* @__PURE__ */ r(
           o.sx
         )
       }
-    )
+    ),
+    label: t,
+    sx: { ".MuiTypography-root": l }
   }
 ));
 export {

package/dist/components/atoms/selection-buttons/radio-button/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","sources":["../../../../../src/components/atoms/selection-buttons/radio-button/RadioButton.tsx"],"sourcesContent":["import { FormControlLabel as MUIFormControlLabel, Radio as MUIRadioButton, type RadioProps as MUIRadioButtonProps } from \"@mui/material\";\nimport merge from \"lodash.merge\";\nimport { memo, type ReactNode } from \"react\";\nimport { FontNormalSxProps } from \"../../../../_constants\";\n\nexport interface AoaRadioButtonProps extends MUIRadioButtonProps {\n  /** The label that is shown after the radio button */\n  label: string;\n  /** Whether this radio button is checked */\n  checked: boolean;\n  /** Data-qa tag for E2E test purposes */\n  \"data-qa\"?: string;\n}\n\n/**\n * Constructs a radio button using pre-defined Rijks styling\n * @param props Props to pass to the radio button\n * @example\n * ```jsx\n * <AoaRadioButton label=\"Demo radio button\" />} />\n * ```\n */\n\nexport const AoaRadioButton = memo(({ label, ...props }: AoaRadioButtonProps): ReactNode => {\n  return (\n    <MUIFormControlLabel\n      sx={{ \".MuiTypography-root\": FontNormalSxProps }}\n      label={label}\n      control={\n        <MUIRadioButton\n          {...props}\n          sx={merge(\n            {\n              color: \"var(--color-primary)\",\n\n              \":focus\": {\n                outline: \"2px dashed var(--color-text)\",\n                outlineOffset: \"-8px\"\n              },\n\n              \":disabled\": {\n                color: \"var(--color-disabled)\"\n              }\n            },\n            props.sx\n          )}\n        />\n      }\n    />\n  );\n});\n"],"names":["AoaRadioButton","memo","label","props","jsx","MUIFormControlLabel","FontNormalSxProps","MUIRadioButton","merge"],"mappings":";;;;;AAuBO,MAAMA,IAAiBC,EAAK,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAE5C,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,IAAI,EAAE,uBAAuBC,EAAkB;AAAA,IAC/C,OAAAJ;AAAA,IACA,SACE,gBAAAE;AAAA,MAACG;AAAAA,MAAA;AAAA,QACE,GAAGJ;AAAA,QACJ,IAAIK;AAAA,UACF;AAAA,YACE,OAAO;AAAA,YAEP,UAAU;AAAA,cACR,SAAS;AAAA,cACT,eAAe;AAAA,YACjB;AAAA,YAEA,aAAa;AAAA,cACX,OAAO;AAAA,YACT;AAAA,UACF;AAAA,UACAL,EAAM;AAAA,QACR;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAAA,CAIP;"}
+{"version":3,"file":"RadioButton.js","sources":["../../../../../src/components/atoms/selection-buttons/radio-button/RadioButton.tsx"],"sourcesContent":["import { FormControlLabel as MUIFormControlLabel, Radio as MUIRadioButton, type RadioProps as MUIRadioButtonProps } from \"@mui/material\";\nimport merge from \"lodash.merge\";\nimport { memo, type ReactNode } from \"react\";\nimport { FontNormalSxProps } from \"../../../../_constants\";\n\nexport interface AoaRadioButtonProps extends MUIRadioButtonProps {\n  /**\n   * Whether this radio button is checked\n   */\n  readonly checked: boolean;\n  /**\n   * Data-qa tag for E2E test purposes\n   */\n  readonly \"data-qa\"?: string;\n  /**\n   * The label that is shown after the radio button\n   */\n  readonly label: string;\n}\n\n/**\n * Constructs a radio button using pre-defined Rijks styling\n *\n * @param props - Props to pass to the radio button\n * @example\n * ```jsx\n * <AoaRadioButton label=\"Demo radio button\" />} />\n * ```\n */\n\nexport const AoaRadioButton = memo(({ label, ...props }: AoaRadioButtonProps): ReactNode => {\n  return (\n    <MUIFormControlLabel\n      control={\n        <MUIRadioButton\n          {...props}\n          sx={merge(\n            {\n              color: \"var(--color-primary)\",\n\n              \":focus\": {\n                outline: \"2px dashed var(--color-text)\",\n                outlineOffset: \"-8px\"\n              },\n\n              \":disabled\": {\n                color: \"var(--color-disabled)\"\n              }\n            },\n            props.sx\n          )}\n        />\n      }\n      label={label}\n      sx={{ \".MuiTypography-root\": FontNormalSxProps }}\n    />\n  );\n});\n"],"names":["AoaRadioButton","memo","label","props","jsx","MUIFormControlLabel","MUIRadioButton","merge","FontNormalSxProps"],"mappings":";;;;;AA8BO,MAAMA,IAAiBC,EAAK,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAE5C,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SACE,gBAAAD;AAAA,MAACE;AAAAA,MAAA;AAAA,QACE,GAAGH;AAAA,QACJ,IAAII;AAAA,UACF;AAAA,YACE,OAAO;AAAA,YAEP,UAAU;AAAA,cACR,SAAS;AAAA,cACT,eAAe;AAAA,YACjB;AAAA,YAEA,aAAa;AAAA,cACX,OAAO;AAAA,YAAA;AAAA,UAEX;AAAA,UACAJ,EAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,IAEF,OAAAD;AAAA,IACA,IAAI,EAAE,uBAAuBM,EAAkB;AAAA,EAAA;AACjD,CAEH;"}

package/dist/components/atoms/selection-buttons/switch-button/SwitchButton.d.ts

@@ -1,17 +1,23 @@
 import { SwitchProps as MUISwitchButtonProps } from '@mui/material';
 import { ReactNode } from 'react';
-
 export interface AoaSwitchButtonProps extends MUISwitchButtonProps {
-    /** The label that is shown after the switch button */
-    label: string;
-    /** Whether this switch button is checked */
-    checked: boolean;
-    /** Data-qa tag for E2E test purposes */
-    "data-qa"?: string;
+    /**
+     * Whether this switch button is checked
+     */
+    readonly checked: boolean;
+    /**
+     * Data-qa tag for E2E test purposes
+     */
+    readonly "data-qa"?: string;
+    /**
+     * The label that is shown after the switch button
+     */
+    readonly label: string;
 }
 /**
  * Constructs a switch button using pre-defined Rijks styling
- * @param props Props to pass to the switch button
+ *
+ * @param props - Props to pass to the switch button
  * @example
  * ```jsx
  * <AoaSwitchButton label="Demo switch button"  checked={true} onChange={handleChange} />} />

package/dist/components/atoms/selection-buttons/switch-button/SwitchButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/selection-buttons/switch-button/SwitchButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsE,KAAK,WAAW,IAAI,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAC7I,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AAEH,eAAO,MAAM,eAAe,4DAA8B,oBAAoB,KAAG,SAAS,CA+BxF,CAAC"}
+{"version":3,"file":"SwitchButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/selection-buttons/switch-button/SwitchButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsE,KAAK,WAAW,IAAI,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAC7I,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AAEH,eAAO,MAAM,eAAe,4DAA8B,oBAAoB,KAAG,SAAS,CA+BxF,CAAC"}

package/dist/components/atoms/selection-buttons/switch-button/SwitchButton.js

@@ -5,6 +5,8 @@ import { FontNormalSxProps as e } from "../../../../_constants.js";
 const d = a(({ label: r, ...t }) => /* @__PURE__ */ o(
   i,
   {
+    control: /* @__PURE__ */ o(p, { ...t }),
+    label: r,
     sx: {
       ".MuiTypography-root": e,
       ".MuiSwitch-root": {
@@ -25,9 +27,7 @@ const d = a(({ label: r, ...t }) => /* @__PURE__ */ o(
           borderRadius: "11px"
         }
       }
-    },
-    label: r,
-    control: /* @__PURE__ */ o(p, { ...t })
+    }
   }
 ));
 export {

package/dist/components/atoms/selection-buttons/switch-button/SwitchButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchButton.js","sources":["../../../../../src/components/atoms/selection-buttons/switch-button/SwitchButton.tsx"],"sourcesContent":["import { FormControlLabel as MUIFormControlLabel, Switch as MUISwitchButton, type SwitchProps as MUISwitchButtonProps } from \"@mui/material\";\nimport { memo, type ReactNode } from \"react\";\nimport { FontNormalSxProps } from \"../../../../_constants\";\n\nexport interface AoaSwitchButtonProps extends MUISwitchButtonProps {\n  /** The label that is shown after the switch button */\n  label: string;\n  /** Whether this switch button is checked */\n  checked: boolean;\n  /** Data-qa tag for E2E test purposes */\n  \"data-qa\"?: string;\n}\n\n/**\n * Constructs a switch button using pre-defined Rijks styling\n * @param props Props to pass to the switch button\n * @example\n * ```jsx\n * <AoaSwitchButton label=\"Demo switch button\"  checked={true} onChange={handleChange} />} />\n * ```\n */\n\nexport const AoaSwitchButton = memo(({ label, ...props }: AoaSwitchButtonProps): ReactNode => {\n  return (\n    <MUIFormControlLabel\n      sx={{\n        \".MuiTypography-root\": FontNormalSxProps,\n        \".MuiSwitch-root\": {\n          color: \"var(--color-primary)\",\n          width: \"64px\",\n\n          \":focus\": {\n            outline: \"2px dashed var(--color-text)\",\n            outlineOffset: \"-9px\",\n            borderRadius: 0\n          },\n\n          \":disabled\": {\n            color: \"var(--color-disabled)\"\n          },\n\n          \".MuiSwitch-track\": {\n            height: \"22px\",\n            marginTop: \"-4px\",\n            marginLeft: \"-3px\",\n            borderRadius: \"11px\"\n          }\n        }\n      }}\n      label={label}\n      control={<MUISwitchButton {...props} />}\n    />\n  );\n});\n"],"names":["AoaSwitchButton","memo","label","props","jsx","MUIFormControlLabel","FontNormalSxProps","MUISwitchButton"],"mappings":";;;;AAsBO,MAAMA,IAAkBC,EAAK,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAE7C,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,IAAI;AAAA,MACF,uBAAuBC;AAAA,MACvB,mBAAmB;AAAA,QACjB,OAAO;AAAA,QACP,OAAO;AAAA,QAEP,UAAU;AAAA,UACR,SAAS;AAAA,UACT,eAAe;AAAA,UACf,cAAc;AAAA,QAChB;AAAA,QAEA,aAAa;AAAA,UACX,OAAO;AAAA,QACT;AAAA,QAEA,oBAAoB;AAAA,UAClB,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,cAAc;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,IACA,OAAAJ;AAAA,IACA,SAAS,gBAAAE,EAACG,GAAiB,EAAA,GAAGJ,EAAO,CAAA;AAAA,EAAA;AAAA,CAG1C;"}
+{"version":3,"file":"SwitchButton.js","sources":["../../../../../src/components/atoms/selection-buttons/switch-button/SwitchButton.tsx"],"sourcesContent":["import { FormControlLabel as MUIFormControlLabel, Switch as MUISwitchButton, type SwitchProps as MUISwitchButtonProps } from \"@mui/material\";\nimport { memo, type ReactNode } from \"react\";\nimport { FontNormalSxProps } from \"../../../../_constants\";\n\nexport interface AoaSwitchButtonProps extends MUISwitchButtonProps {\n  /**\n   * Whether this switch button is checked\n   */\n  readonly checked: boolean;\n  /**\n   * Data-qa tag for E2E test purposes\n   */\n  readonly \"data-qa\"?: string;\n  /**\n   * The label that is shown after the switch button\n   */\n  readonly label: string;\n}\n\n/**\n * Constructs a switch button using pre-defined Rijks styling\n *\n * @param props - Props to pass to the switch button\n * @example\n * ```jsx\n * <AoaSwitchButton label=\"Demo switch button\"  checked={true} onChange={handleChange} />} />\n * ```\n */\n\nexport const AoaSwitchButton = memo(({ label, ...props }: AoaSwitchButtonProps): ReactNode => {\n  return (\n    <MUIFormControlLabel\n      control={<MUISwitchButton {...props} />}\n      label={label}\n      sx={{\n        \".MuiTypography-root\": FontNormalSxProps,\n        \".MuiSwitch-root\": {\n          color: \"var(--color-primary)\",\n          width: \"64px\",\n\n          \":focus\": {\n            outline: \"2px dashed var(--color-text)\",\n            outlineOffset: \"-9px\",\n            borderRadius: 0\n          },\n\n          \":disabled\": {\n            color: \"var(--color-disabled)\"\n          },\n\n          \".MuiSwitch-track\": {\n            height: \"22px\",\n            marginTop: \"-4px\",\n            marginLeft: \"-3px\",\n            borderRadius: \"11px\"\n          }\n        }\n      }}\n    />\n  );\n});\n"],"names":["AoaSwitchButton","memo","label","props","jsx","MUIFormControlLabel","MUISwitchButton","FontNormalSxProps"],"mappings":";;;;AA6BO,MAAMA,IAAkBC,EAAK,CAAC,EAAE,OAAAC,GAAO,GAAGC,QAE7C,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SAAS,gBAAAD,EAACE,GAAiB,EAAA,GAAGH,EAAO,CAAA;AAAA,IACrC,OAAAD;AAAA,IACA,IAAI;AAAA,MACF,uBAAuBK;AAAA,MACvB,mBAAmB;AAAA,QACjB,OAAO;AAAA,QACP,OAAO;AAAA,QAEP,UAAU;AAAA,UACR,SAAS;AAAA,UACT,eAAe;AAAA,UACf,cAAc;AAAA,QAChB;AAAA,QAEA,aAAa;AAAA,UACX,OAAO;AAAA,QACT;AAAA,QAEA,oBAAoB;AAAA,UAClB,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AACF,CAEH;"}