npm - @rws-aoa/react-library - Versions diffs - 7.1.1 → 8.1.0 - Mend

@rws-aoa/react-library 7.1.1 → 8.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (80) hide show

package/dist/components/atoms/_menu/menu-item/MenuItem.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/_menu/menu-item/MenuItem.tsx"],"names":[],"mappings":"~~AAWA~~,OAAO,EAAY,KAAK,QAAQ,EAAE,KAAK,GAAG,EAAmB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhG,UAAU,OAAO;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,KAAK,IAAI;AACP;;GAEG;AACD;IAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE;AACrC;;GAEG;GACD;IAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;IAAC,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE;AACrC;;GAEG;GACD;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAErC,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,UAAU,aAAa;IACrB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;CACnE;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,aAAa,2CAuJ/C"}
1	+ {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/_menu/menu-item/MenuItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,QAAQ,EAAE,KAAK,GAAG,EAAmB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhG,UAAU,OAAO;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,KAAK,IAAI;AACP;;GAEG;AACD;IAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE;AACrC;;GAEG;GACD;IAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;IAAC,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE;AACrC;;GAEG;GACD;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAErC,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,UAAU,aAAa;IACrB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;CACnE;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,aAAa,2CAuJ/C"}

package/dist/components/atoms/_menu/menu-item/MenuItem.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { useState as d, createElement as k } from "react";
 import { Home as y, KeyboardArrowDown as C } from "@mui/icons-material";
 import { MenuItem as g, Link as P, menuItemClasses as s, Typography as j, svgIconClasses as m, Popper as w } from "@mui/material";
 import { Link as c } from "@tanstack/react-router";
-import { l as u } from "../../../../chunks/lodash.CA_K01A9.js";
+import { l as u } from "../../../../chunks/lodash.DPVO3Hgf.js";
 import { FontNormalSxProps as x } from "../../../../_constants.js";
 function R(e) {
   const [b, a] = d(null), [t, n] = d(!1);

package/dist/components/atoms/_menu/menu-item/MenuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuItem.js","sources":["../../../../../src/components/atoms/_menu/menu-item/MenuItem.tsx"],"sourcesContent":["import { Home as HomeIcon, KeyboardArrowDown as KeyboardArrowDownIcon } from '@mui/icons-material';\nimport {\n Link as MUILink,\n MenuItem as MUIMenuItem,\n menuItemClasses,\n svgIconClasses,\n Popper,\n Typography\n} from '@mui/material';\nimport { Link } from '@tanstack/react-router';\nimport { merge } from 'lodash';\nimport { useState, type Dispatch, type JSX, type MouseEvent, type SetStateAction } from 'react';\nimport { FontNormalSxProps } from '../../../../_constants';\n\ninterface SubMenu {\n /*\n Optional divider to be shown below menu item\n /\n divider?: boolean;\n /\n Optional icon to be displayed in front of the label\n /\n icon?: JSX.Element;\n /\n The label of the menu item\n /\n label: string;\n /\n The path that the menu item links to on click\n /\n to: string;\n}\n\ntype Menu =\n /\n The path that the menu item links to on click and the subitems shown on hover\n /\n \| { subItems: SubMenu[]; to: string }\n /\n Subitems are required when there is no path that the menu item links to on click\n /\n \| { subItems: SubMenu[]; to?: never }\n /\n The path that the menu item links to on click is required when there are no subitems on hover\n /\n \| { subItems?: never; to: string };\n\nexport type AoaPage = Menu & {\n /\n Optional boolean to indicate if it's an external \"to\" path\n /\n externalPath?: boolean;\n /\n The label of the menu item\n /\n label: string;\n};\n\ninterface MenuItemProps {\n /\n Index of the current menu item. Home === 0\n /\n readonly index: number;\n /\n The Page object for this menu item\n /\n readonly page: AoaPage;\n /\n The currently active menu item\n /\n readonly selectedPage: number \| null;\n /\n The function to update the active menu item\n /\n readonly setSelectedPage: Dispatch<SetStateAction<number \| null>>;\n}\n\n/\n Constructs a menu item using pre-defined Rijks styling\n \n @param props - Props to pass to the menu item\n * @example\n * ```jsx\n * <AoaMenuItem\n * index={index}\n * page={{\n * label: \"Products\",\n * to: \"/products\",\n * subItems: [\n * {\n * label: \"Books\",\n * to: \"/books\",\n * icon: <BookIcon />,\n * }\n * ]\n * }}\n * selectedPage={selectedPage}\n * setSelectedPage={setSelectedPage}\n * />\n * ```\n */\nexport function AoaMenuItem(props: MenuItemProps) {\n const [anchorEl, setAnchorEl] = useState<HTMLElement \| null>(null);\n const [open, setOpen] = useState(false);\n\n function handleMenuOpen(event: MouseEvent<HTMLAnchorElement, globalThis.MouseEvent>) {\n setOpen(true);\n setAnchorEl(event.currentTarget);\n }\n\n function handleMenuClose() {\n setOpen(false);\n setAnchorEl(null);\n }\n\n function linkProps() {\n if (props.page.externalPath) {\n return { href: props.page.to };\n } else {\n return { to: props.page.to };\n }\n }\n\n return (\n <MUIMenuItem\n {...linkProps()}\n aria-controls={props.page.subItems?.length && open ? 'submenu' : undefined}\n aria-expanded={props.page.subItems?.length && open ? 'true' : undefined}\n aria-haspopup={props.page.subItems?.length ? 'true' : 'false'}\n aria-label={props.page.label}\n component={props.page.to && !props.page.externalPath ? Link : MUILink}\n key={props.index}\n onClick={() => props.setSelectedPage(props.index)}\n onMouseEnter={(event: MouseEvent<HTMLAnchorElement, globalThis.MouseEvent>) => handleMenuOpen(event)}\n onMouseLeave={() => handleMenuClose()}\n role='menuitem'\n selected={props.selectedPage === null ? false : props.selectedPage === props.index}\n sx={{\n height: '100%',\n borderBottom: '3px solid transparent',\n padding: '6px 20px 3px',\n\n ':hover': {\n backgroundColor: 'var(--color-rijks-yellow-hover)',\n ...(props.page.to && {\n textDecoration: 'underline'\n })\n },\n\n [`&.${menuItemClasses.selected}`]: {\n backgroundColor: 'var(--color-rijks-yellow-light)',\n borderBottomColor: 'var(--color-rijks-skyblue)',\n ':hover': {\n backgroundColor: 'var(--color-rijks-yellow-hover)'\n }\n }\n }}\n title={props.page.label}\n >\n <Typography\n aria-hidden\n component='span'\n sx={merge(\n {\n display: 'flex',\n alignItems: 'center',\n\n [`&.${svgIconClasses.root}`]: {\n marginRight: '5px'\n }\n },\n FontNormalSxProps\n )}\n variant='body1'\n >\n {props.index === 0 && <HomeIcon />}\n {props.page.label}\n {props.page.subItems?.length ? <KeyboardArrowDownIcon /> : null}\n </Typography>\n {props.page.subItems && (\n <Popper\n anchorEl={anchorEl}\n id='submenu'\n open={open}\n placement='bottom-start'\n role='menu'\n sx={{\n backgroundColor: 'var(--color-bg-light)',\n padding: '4px 0',\n borderRadius: '6px',\n marginTop: '8px',\n minWidth: '180px',\n color: 'var(--color-text)',\n boxShadow: `\n rgb(255 255 255) 0 0 0 0,\n rgb(0 0 0 / 5%) 0 0 0 1px,\n rgb(0 0 0 / 10%) 0 10px 15px -3px,\n rgb(0 0 0 / 5%) 0 4px 6px -2px\n `\n }}\n >\n {props.page.subItems?.map((subItem, index) => (\n <MUIMenuItem\n aria-label={subItem.label}\n component={Link}\n disableRipple\n divider={subItem.divider ?? false}\n key={index}\n onClick={(event) => {\n event.stopPropagation();\n props.setSelectedPage(props.index);\n handleMenuClose();\n }}\n sx={merge(\n {\n ':active': {\n backgroundColor: 'var(--color-bg-light)'\n },\n\n [`&.${menuItemClasses.divider}`]: {\n borderBottom: 'transparent',\n position: 'relative',\n marginBottom: '16px',\n\n '::after': {\n content: '\"\"',\n position: 'absolute',\n bottom: '-8px',\n left: '0',\n width: '100%',\n borderBottom: '1px solid rgba(0, 0, 0, 0.12)'\n }\n },\n\n [`&.${svgIconClasses.root}`]: {\n fontSize: 'var(--font-size-text)',\n color: 'var(--color-rijks-grey-7)',\n marginRight: '12px'\n }\n },\n FontNormalSxProps\n )}\n to={subItem.to}\n >\n {subItem.icon}\n {subItem.label}\n </MUIMenuItem>\n ))}\n </Popper>\n )}\n </MUIMenuItem>\n );\n}\n"],"names":["AoaMenuItem","props","anchorEl","setAnchorEl","useState","open","setOpen","handleMenuOpen","event","currentTarget","handleMenuClose","linkProps","page","externalPath","href","to","createElement","MUIMenuItem","subItems","length","undefined","label","Link","MUILink","index","setSelectedPage","selectedPage","height","borderBottom","padding","backgroundColor","textDecoration","menuItemClasses","selected","borderBottomColor","jsxs","Typography","merge","display","alignItems","svgIconClasses","root","marginRight","FontNormalSxProps","jsx","HomeIcon","KeyboardArrowDownIcon","Popper","borderRadius","marginTop","minWidth","color","boxShadow","map","subItem","divider","stopPropagation","position","marginBottom","content","bottom","left","width","fontSize","icon"],"mappings":"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"}
1	+ {"version":3,"file":"MenuItem.js","sources":["../../../../../src/components/atoms/_menu/menu-item/MenuItem.tsx"],"sourcesContent":["import { Home as HomeIcon, KeyboardArrowDown as KeyboardArrowDownIcon } from '@mui/icons-material';\nimport { Link as MUILink, MenuItem as MUIMenuItem, menuItemClasses, svgIconClasses, Popper, Typography } from '@mui/material';\nimport { Link } from '@tanstack/react-router';\nimport { merge } from 'lodash';\nimport { useState, type Dispatch, type JSX, type MouseEvent, type SetStateAction } from 'react';\nimport { FontNormalSxProps } from '../../../../_constants';\n\ninterface SubMenu {\n /*\n Optional divider to be shown below menu item\n /\n divider?: boolean;\n /\n Optional icon to be displayed in front of the label\n /\n icon?: JSX.Element;\n /\n The label of the menu item\n /\n label: string;\n /\n The path that the menu item links to on click\n /\n to: string;\n}\n\ntype Menu =\n /\n The path that the menu item links to on click and the subitems shown on hover\n /\n \| { subItems: SubMenu[]; to: string }\n /\n Subitems are required when there is no path that the menu item links to on click\n /\n \| { subItems: SubMenu[]; to?: never }\n /\n The path that the menu item links to on click is required when there are no subitems on hover\n /\n \| { subItems?: never; to: string };\n\nexport type AoaPage = Menu & {\n /\n Optional boolean to indicate if it's an external \"to\" path\n /\n externalPath?: boolean;\n /\n The label of the menu item\n /\n label: string;\n};\n\ninterface MenuItemProps {\n /\n Index of the current menu item. Home === 0\n /\n readonly index: number;\n /\n The Page object for this menu item\n /\n readonly page: AoaPage;\n /\n The currently active menu item\n /\n readonly selectedPage: number \| null;\n /\n The function to update the active menu item\n /\n readonly setSelectedPage: Dispatch<SetStateAction<number \| null>>;\n}\n\n/\n Constructs a menu item using pre-defined Rijks styling\n \n @param props - Props to pass to the menu item\n * @example\n * ```jsx\n * <AoaMenuItem\n * index={index}\n * page={{\n * label: \"Products\",\n * to: \"/products\",\n * subItems: [\n * {\n * label: \"Books\",\n * to: \"/books\",\n * icon: <BookIcon />,\n * }\n * ]\n * }}\n * selectedPage={selectedPage}\n * setSelectedPage={setSelectedPage}\n * />\n * ```\n */\nexport function AoaMenuItem(props: MenuItemProps) {\n const [anchorEl, setAnchorEl] = useState<HTMLElement \| null>(null);\n const [open, setOpen] = useState(false);\n\n function handleMenuOpen(event: MouseEvent<HTMLAnchorElement, globalThis.MouseEvent>) {\n setOpen(true);\n setAnchorEl(event.currentTarget);\n }\n\n function handleMenuClose() {\n setOpen(false);\n setAnchorEl(null);\n }\n\n function linkProps() {\n if (props.page.externalPath) {\n return { href: props.page.to };\n } else {\n return { to: props.page.to };\n }\n }\n\n return (\n <MUIMenuItem\n {...linkProps()}\n aria-controls={props.page.subItems?.length && open ? 'submenu' : undefined}\n aria-expanded={props.page.subItems?.length && open ? 'true' : undefined}\n aria-haspopup={props.page.subItems?.length ? 'true' : 'false'}\n aria-label={props.page.label}\n component={props.page.to && !props.page.externalPath ? Link : MUILink}\n key={props.index}\n onClick={() => props.setSelectedPage(props.index)}\n onMouseEnter={(event: MouseEvent<HTMLAnchorElement, globalThis.MouseEvent>) => handleMenuOpen(event)}\n onMouseLeave={() => handleMenuClose()}\n role='menuitem'\n selected={props.selectedPage === null ? false : props.selectedPage === props.index}\n sx={{\n height: '100%',\n borderBottom: '3px solid transparent',\n padding: '6px 20px 3px',\n\n ':hover': {\n backgroundColor: 'var(--color-rijks-yellow-hover)',\n ...(props.page.to && {\n textDecoration: 'underline'\n })\n },\n\n [`&.${menuItemClasses.selected}`]: {\n backgroundColor: 'var(--color-rijks-yellow-light)',\n borderBottomColor: 'var(--color-rijks-skyblue)',\n ':hover': {\n backgroundColor: 'var(--color-rijks-yellow-hover)'\n }\n }\n }}\n title={props.page.label}\n >\n <Typography\n aria-hidden\n component='span'\n sx={merge(\n {\n display: 'flex',\n alignItems: 'center',\n\n [`&.${svgIconClasses.root}`]: {\n marginRight: '5px'\n }\n },\n FontNormalSxProps\n )}\n variant='body1'\n >\n {props.index === 0 && <HomeIcon />}\n {props.page.label}\n {props.page.subItems?.length ? <KeyboardArrowDownIcon /> : null}\n </Typography>\n {props.page.subItems && (\n <Popper\n anchorEl={anchorEl}\n id='submenu'\n open={open}\n placement='bottom-start'\n role='menu'\n sx={{\n backgroundColor: 'var(--color-bg-light)',\n padding: '4px 0',\n borderRadius: '6px',\n marginTop: '8px',\n minWidth: '180px',\n color: 'var(--color-text)',\n boxShadow: `\n rgb(255 255 255) 0 0 0 0,\n rgb(0 0 0 / 5%) 0 0 0 1px,\n rgb(0 0 0 / 10%) 0 10px 15px -3px,\n rgb(0 0 0 / 5%) 0 4px 6px -2px\n `\n }}\n >\n {props.page.subItems?.map((subItem, index) => (\n <MUIMenuItem\n aria-label={subItem.label}\n component={Link}\n disableRipple\n divider={subItem.divider ?? false}\n key={index}\n onClick={(event) => {\n event.stopPropagation();\n props.setSelectedPage(props.index);\n handleMenuClose();\n }}\n sx={merge(\n {\n ':active': {\n backgroundColor: 'var(--color-bg-light)'\n },\n\n [`&.${menuItemClasses.divider}`]: {\n borderBottom: 'transparent',\n position: 'relative',\n marginBottom: '16px',\n\n '::after': {\n content: '\"\"',\n position: 'absolute',\n bottom: '-8px',\n left: '0',\n width: '100%',\n borderBottom: '1px solid rgba(0, 0, 0, 0.12)'\n }\n },\n\n [`&.${svgIconClasses.root}`]: {\n fontSize: 'var(--font-size-text)',\n color: 'var(--color-rijks-grey-7)',\n marginRight: '12px'\n }\n },\n FontNormalSxProps\n )}\n to={subItem.to}\n >\n {subItem.icon}\n {subItem.label}\n </MUIMenuItem>\n ))}\n </Popper>\n )}\n </MUIMenuItem>\n );\n}\n"],"names":["AoaMenuItem","props","anchorEl","setAnchorEl","useState","open","setOpen","handleMenuOpen","event","currentTarget","handleMenuClose","linkProps","page","externalPath","href","to","createElement","MUIMenuItem","subItems","length","undefined","label","Link","MUILink","index","setSelectedPage","selectedPage","height","borderBottom","padding","backgroundColor","textDecoration","menuItemClasses","selected","borderBottomColor","jsxs","Typography","merge","display","alignItems","svgIconClasses","root","marginRight","FontNormalSxProps","jsx","HomeIcon","KeyboardArrowDownIcon","Popper","borderRadius","marginTop","minWidth","color","boxShadow","map","subItem","divider","stopPropagation","position","marginBottom","content","bottom","left","width","fontSize","icon"],"mappings":"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"}

package/dist/components/atoms/_menu/user-menu/UserMenu.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { jsx as g, jsxs as M } from "react/jsx-runtime";
-import { c as T } from "../../../../chunks/compiler-runtime.hDcrsMwn.js";
+import { c as T } from "../../../../chunks/compiler-runtime.CrLvXwKf.js";
 import { Typography as j, Avatar as w, MenuItem as C, Link as I, Popper as U, Box as W } from "@mui/material";
 import { Link as $ } from "@tanstack/react-router";
-import { l as B } from "../../../../chunks/lodash.CA_K01A9.js";
+import { l as B } from "../../../../chunks/lodash.DPVO3Hgf.js";
 import { useState as E } from "react";
 import { FontNormalSxProps as L } from "../../../../_constants.js";
 function J(n) {

package/dist/components/atoms/button/Button.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,~~EAGL~~,KAAK,aAAa,~~EAClB~~,KAAK,WAAW,IAAI,cAAc,~~EACnC~~,MAAM,eAAe,CAAC;~~AAEvB~~,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,UAAU,WAAW;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;CACxC;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,kBAAkB,CAAC,EAAE,WAAW,CAAC,EAAE,SAAS,CAAC,GAAG;IAC7G,QAAQ,CAAC,UAAU,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;CACvE,CAAC;AAEF;;;;;;;;GAQG;AAEH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CA8J/G"}
1	+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsC,KAAK,aAAa,EAAE,KAAK,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAE3H,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,UAAU,WAAW;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,EAAE,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;CACxC;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,kBAAkB,CAAC,EAAE,WAAW,CAAC,EAAE,SAAS,CAAC,GAAG;IAC7G,QAAQ,CAAC,UAAU,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;CACvE,CAAC;AAEF;;;;;;;;GAQG;AAEH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CA8J/G"}

package/dist/components/atoms/button/Button.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { ChevronRight as d } from "@mui/icons-material";
 import { Button as v, buttonClasses as r } from "@mui/material";
-import { l as s } from "../../../chunks/lodash.CA_K01A9.js";
+import { l as s } from "../../../chunks/lodash.DPVO3Hgf.js";
 import { FontNormalSxProps as b } from "../../../_constants.js";
 function g({
   type: o,

package/dist/components/atoms/button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../../src/components/atoms/button/Button.tsx"],"sourcesContent":["import { ChevronRight } from '@mui/icons-material';\nimport {\n Button as MUIButton~~,\n~~ buttonClasses~~,\n~~ type ButtonTypeMap~~,\n~~ type ButtonProps as MUIButtonProps\n} from '@mui/material';\nimport { merge } from 'lodash';\nimport type { ButtonHTMLAttributes } from 'react';\nimport { FontNormalSxProps } from '../../../_constants';\n\ninterface CommonProps {\n /*\n Data-qa tag for E2E test purposes\n /\n 'data-qa'?: string;\n /\n Defines the colour and style of the button\n /\n type: 'primary' \| 'secondary' \| 'text';\n}\n\nexport type AoaButtonProps = Omit<MUIButtonProps<ButtonTypeMap['defaultComponent'], CommonProps>, 'variant'> & {\n readonly buttonType?: ButtonHTMLAttributes<HTMLButtonElement>['type'];\n};\n\n/\n Constructs a button using pre-defined Rijks styling\n \n @param props - Props to pass to the button\n * @example\n * ```jsx\n * <AoaButton onClick={() => console.log()} type='primary'>button</AoaButton>\n * ```\n */\n\nexport function AoaButton({ type, startIcon, 'data-qa': dataQa, children, buttonType, ...props }: AoaButtonProps) {\n let variant: 'contained' \| 'outlined' \| 'text' = 'contained';\n\n if (type === 'text') {\n variant = 'text';\n }\n\n if (type === 'secondary') {\n variant = 'outlined';\n }\n\n return (\n <MUIButton\n {...props}\n data-qa={dataQa}\n disableElevation\n endIcon={type === 'text' && <ChevronRight />}\n startIcon={type !== 'text' && startIcon}\n sx={merge(\n {\n // Styles that apply to all button types and colors\n appearance: 'none',\n border: '1px solid',\n borderRadius: 0,\n boxSizing: 'border-box',\n color: 'var(--color-text-light)',\n cursor: 'pointer',\n display: 'inline-flex',\n lineHeight: 'var(--font-lineheight-text)',\n minHeight: 20,\n padding: '12px 16px',\n position: 'relative',\n textDecoration: 'none',\n textShadow: 'none',\n textTransform: 'none',\n verticalAlign: 'middle',\n\n ':focus': {\n outline: '2px dashed var(--color-text)',\n outlineOffset: '3px',\n boxShadow: 'none'\n },\n\n // Styles that apply to contained (type === primary)\n [`&.${buttonClasses.contained}`]: {\n [`&.${buttonClasses.colorPrimary}`]: {\n backgroundColor: 'var(--color-primary)',\n borderColor: 'var(--color-primary)',\n\n ':hover, :active, :focus': {\n backgroundColor: 'var(--color-primary-hover)'\n }\n },\n\n [`&.${buttonClasses.colorError}`]: {\n backgroundColor: 'var(--color-error)',\n borderColor: 'var(--color-error)',\n\n ':hover, :active, :focus': {\n backgroundColor: 'var(--color-error-hover)'\n }\n },\n\n [`&.${buttonClasses.disabled}`]: {\n backgroundColor: 'var(--color-disabled)',\n borderColor: 'var(--color-disabled)',\n color: 'var(--color-text-disabled)'\n },\n\n ':hover, :active, :focus': {\n color: 'var(--color-text-light)'\n }\n },\n\n // Styles that apply to outlined (type === secondary)\n [`&.${buttonClasses.outlined}`]: {\n background: 'none',\n border: '1px solid var(--color-primary)',\n boxSizing: 'border-box',\n\n [`&.${buttonClasses.colorPrimary}`]: {\n color: 'var(--color-primary)',\n borderColor: 'var(--color-primary)',\n\n ':hover, :active, :focus': {\n borderColor: 'var(--color-primary-hover)',\n color: 'var(--color-primary-hover)'\n }\n },\n\n [`&.${buttonClasses.colorError}`]: {\n color: 'var(--color-error)',\n borderColor: 'var(--color-error)',\n\n ':hover, :active, :focus': {\n borderColor: 'var(--color-error-hover)',\n color: 'var(--color-error-hover)'\n }\n },\n\n ':disabled': {\n backgroundColor: 'transparent',\n borderColor: 'var(--color-text-disabled)',\n color: 'var(--color-text-disabled)'\n }\n },\n\n // Styles that apply to text (type === text)\n [`&.${buttonClasses.text}`]: {\n background: 'none',\n borderColor: 'transparent',\n display: 'inline-block',\n textTransform: 'uppercase',\n fontWeight: 'bold',\n fontSize: '1.075rem',\n verticalAlign: 'middle',\n\n [`&.${buttonClasses.colorPrimary}`]: {\n color: 'var(--color-primary)',\n\n ':hover': {\n backgroundColor: 'var(--color-rijks-skyblue-light)'\n }\n },\n\n [`&.${buttonClasses.colorError}`]: {\n color: 'var(--color-error)',\n\n ':hover': {\n backgroundColor: 'var(--color-rijks-red-1-light)'\n }\n },\n\n [`&.${buttonClasses.endIcon}`]: {\n width: '1rem',\n height: '1rem',\n verticalAlign: 'text-top'\n },\n\n ':disabled': {\n backgroundColor: 'transparent',\n color: 'var(--color-text-disabled)',\n\n [`&.${buttonClasses.endIcon}`]: {\n fill: 'var(--color-text-disabled)'\n }\n }\n }\n },\n props.sx,\n FontNormalSxProps\n )}\n type={buttonType}\n variant={variant}\n >\n {children}\n </MUIButton>\n );\n}\n"],"names":["AoaButton","type","startIcon","dataQa","children","buttonType","props","variant","MUIButton","jsx","ChevronRight","merge","appearance","border","borderRadius","boxSizing","color","cursor","display","lineHeight","minHeight","padding","position","textDecoration","textShadow","textTransform","verticalAlign","outline","outlineOffset","boxShadow","buttonClasses","contained","colorPrimary","backgroundColor","borderColor","colorError","disabled","outlined","background","text","fontWeight","fontSize","endIcon","width","height","fill","sx","FontNormalSxProps"],"mappings":";;;;;~~AAoCO~~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"}
1	+ {"version":3,"file":"Button.js","sources":["../../../../src/components/atoms/button/Button.tsx"],"sourcesContent":["import { ChevronRight } from '@mui/icons-material';\nimport { Button as MUIButton, buttonClasses, type ButtonTypeMap, type ButtonProps as MUIButtonProps } from '@mui/material';\nimport { merge } from 'lodash';\nimport type { ButtonHTMLAttributes } from 'react';\nimport { FontNormalSxProps } from '../../../_constants';\n\ninterface CommonProps {\n /*\n Data-qa tag for E2E test purposes\n /\n 'data-qa'?: string;\n /\n Defines the colour and style of the button\n /\n type: 'primary' \| 'secondary' \| 'text';\n}\n\nexport type AoaButtonProps = Omit<MUIButtonProps<ButtonTypeMap['defaultComponent'], CommonProps>, 'variant'> & {\n readonly buttonType?: ButtonHTMLAttributes<HTMLButtonElement>['type'];\n};\n\n/\n Constructs a button using pre-defined Rijks styling\n \n @param props - Props to pass to the button\n * @example\n * ```jsx\n * <AoaButton onClick={() => console.log()} type='primary'>button</AoaButton>\n * ```\n */\n\nexport function AoaButton({ type, startIcon, 'data-qa': dataQa, children, buttonType, ...props }: AoaButtonProps) {\n let variant: 'contained' \| 'outlined' \| 'text' = 'contained';\n\n if (type === 'text') {\n variant = 'text';\n }\n\n if (type === 'secondary') {\n variant = 'outlined';\n }\n\n return (\n <MUIButton\n {...props}\n data-qa={dataQa}\n disableElevation\n endIcon={type === 'text' && <ChevronRight />}\n startIcon={type !== 'text' && startIcon}\n sx={merge(\n {\n // Styles that apply to all button types and colors\n appearance: 'none',\n border: '1px solid',\n borderRadius: 0,\n boxSizing: 'border-box',\n color: 'var(--color-text-light)',\n cursor: 'pointer',\n display: 'inline-flex',\n lineHeight: 'var(--font-lineheight-text)',\n minHeight: 20,\n padding: '12px 16px',\n position: 'relative',\n textDecoration: 'none',\n textShadow: 'none',\n textTransform: 'none',\n verticalAlign: 'middle',\n\n ':focus': {\n outline: '2px dashed var(--color-text)',\n outlineOffset: '3px',\n boxShadow: 'none'\n },\n\n // Styles that apply to contained (type === primary)\n [`&.${buttonClasses.contained}`]: {\n [`&.${buttonClasses.colorPrimary}`]: {\n backgroundColor: 'var(--color-primary)',\n borderColor: 'var(--color-primary)',\n\n ':hover, :active, :focus': {\n backgroundColor: 'var(--color-primary-hover)'\n }\n },\n\n [`&.${buttonClasses.colorError}`]: {\n backgroundColor: 'var(--color-error)',\n borderColor: 'var(--color-error)',\n\n ':hover, :active, :focus': {\n backgroundColor: 'var(--color-error-hover)'\n }\n },\n\n [`&.${buttonClasses.disabled}`]: {\n backgroundColor: 'var(--color-disabled)',\n borderColor: 'var(--color-disabled)',\n color: 'var(--color-text-disabled)'\n },\n\n ':hover, :active, :focus': {\n color: 'var(--color-text-light)'\n }\n },\n\n // Styles that apply to outlined (type === secondary)\n [`&.${buttonClasses.outlined}`]: {\n background: 'none',\n border: '1px solid var(--color-primary)',\n boxSizing: 'border-box',\n\n [`&.${buttonClasses.colorPrimary}`]: {\n color: 'var(--color-primary)',\n borderColor: 'var(--color-primary)',\n\n ':hover, :active, :focus': {\n borderColor: 'var(--color-primary-hover)',\n color: 'var(--color-primary-hover)'\n }\n },\n\n [`&.${buttonClasses.colorError}`]: {\n color: 'var(--color-error)',\n borderColor: 'var(--color-error)',\n\n ':hover, :active, :focus': {\n borderColor: 'var(--color-error-hover)',\n color: 'var(--color-error-hover)'\n }\n },\n\n ':disabled': {\n backgroundColor: 'transparent',\n borderColor: 'var(--color-text-disabled)',\n color: 'var(--color-text-disabled)'\n }\n },\n\n // Styles that apply to text (type === text)\n [`&.${buttonClasses.text}`]: {\n background: 'none',\n borderColor: 'transparent',\n display: 'inline-block',\n textTransform: 'uppercase',\n fontWeight: 'bold',\n fontSize: '1.075rem',\n verticalAlign: 'middle',\n\n [`&.${buttonClasses.colorPrimary}`]: {\n color: 'var(--color-primary)',\n\n ':hover': {\n backgroundColor: 'var(--color-rijks-skyblue-light)'\n }\n },\n\n [`&.${buttonClasses.colorError}`]: {\n color: 'var(--color-error)',\n\n ':hover': {\n backgroundColor: 'var(--color-rijks-red-1-light)'\n }\n },\n\n [`&.${buttonClasses.endIcon}`]: {\n width: '1rem',\n height: '1rem',\n verticalAlign: 'text-top'\n },\n\n ':disabled': {\n backgroundColor: 'transparent',\n color: 'var(--color-text-disabled)',\n\n [`&.${buttonClasses.endIcon}`]: {\n fill: 'var(--color-text-disabled)'\n }\n }\n }\n },\n props.sx,\n FontNormalSxProps\n )}\n type={buttonType}\n variant={variant}\n >\n {children}\n </MUIButton>\n );\n}\n"],"names":["AoaButton","type","startIcon","dataQa","children","buttonType","props","variant","MUIButton","jsx","ChevronRight","merge","appearance","border","borderRadius","boxSizing","color","cursor","display","lineHeight","minHeight","padding","position","textDecoration","textShadow","textTransform","verticalAlign","outline","outlineOffset","boxShadow","buttonClasses","contained","colorPrimary","backgroundColor","borderColor","colorError","disabled","outlined","background","text","fontWeight","fontSize","endIcon","width","height","fill","sx","FontNormalSxProps"],"mappings":"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"}

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

@@ -1,23 +1,17 @@
-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({
+import { jsx as h } from "react/jsx-runtime";
+import { c as y } from "../../../chunks/compiler-runtime.CrLvXwKf.js";
+import { IconButton as g } from "@mui/material";
+import { l as k } from "../../../chunks/lodash.DPVO3Hgf.js";
+import { AoaTooltip as B } from "../tooltip/Tooltip.js";
+function I(v) {
+  const e = y.c(33);
+  let l, o, r, t, a, i, d, s, n, c, p, b;
+  if (e[0] !== v) {
+    const {
+      ref: C,
+      ...R
+    } = v;
+    o = R, l = g, r = o.label, a = o["data-qa"], i = !0, d = !0, s = !0, n = o.disabled, c = o.onClick, p = C, b = "button", t = k.merge({
       color: "var(--color-primary)",
       border: "1px solid var(--color-primary)",
       borderRadius: 0,
@@ -35,19 +29,22 @@ function B(d) {
         outlineOffset: 3,
         boxShadow: "none"
       },
-      ...s
-    }, e.sx), o[3] = e.inline, o[4] = e.sx, o[5] = r;
+      ...o.inline && {
+        border: "none",
+        padding: 0
+      }
+    }, o.sx), e[0] = v, e[1] = l, e[2] = o, e[3] = r, e[4] = t, e[5] = a, e[6] = i, e[7] = d, e[8] = s, e[9] = n, e[10] = c, e[11] = p, e[12] = b;
   } 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;
+    l = e[1], o = e[2], r = e[3], t = e[4], a = e[5], i = e[6], d = e[7], s = e[8], n = e[9], c = e[10], p = e[11], b = e[12];
+  let m;
+  e[13] !== l || e[14] !== o.icon || e[15] !== r || e[16] !== t || e[17] !== a || e[18] !== i || e[19] !== d || e[20] !== s || e[21] !== n || e[22] !== c || e[23] !== p || e[24] !== b ? (m = /* @__PURE__ */ h(l, { "aria-label": r, "data-qa": a, disableFocusRipple: i, disableRipple: d, disableTouchRipple: s, disabled: n, onClick: c, ref: p, role: b, sx: t, children: o.icon }), e[13] = l, e[14] = o.icon, e[15] = r, e[16] = t, e[17] = a, e[18] = i, e[19] = d, e[20] = s, e[21] = n, e[22] = c, e[23] = p, e[24] = b, e[25] = m) : m = e[25];
+  const f = m;
+  let u;
+  e[26] !== f || e[27] !== o.disabled || e[28] !== o.label ? (u = o.disabled ? /* @__PURE__ */ h("span", { "aria-label": o.label, "data-testid": "disabled-span-wrapper", role: "tooltip", children: f }) : f, e[26] = f, e[27] = o.disabled, e[28] = o.label, e[29] = u) : u = e[29];
+  let x;
+  return e[30] !== o.label || e[31] !== u ? (x = /* @__PURE__ */ h(B, { title: o.label, children: u }), e[30] = o.label, e[31] = u, e[32] = x) : x = e[32], x;
 }
 export {
-  B as AoaIconButton
+  I as AoaIconButton
 };
 //# sourceMappingURL=IconButton.js.map

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

	@@ -1 +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 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":";;;;;AAiDO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC~~;AAAA~~,~~EAAAH~~,~~SAAAD~~,~~KAAuB;AAAA~~,~~IAAAI~~,~~KAAAA;AAAAA~~,~~IAAA~~,~~GAAAD;AAAAA~~,~~EAAAA~~,~~IAAAH~~,~~GAAqCC,OAAAD,~~GAAAC~~,OAAAE,GAAAF,OAAAG,MAAAD,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA~~;~~AAGjD~~,~~QAAAI~~,~~IAAAF~~,~~EAAKG,OACRC,IAAAJ,EAAM,SAAS,GAIdK,IAAAL,EAAKM,UACNC,IAAAP,EAAKQ~~;~~AAAQ~~,~~MAAAC~~;AAAA,~~MAAAX~~,~~EAAA~~,~~CAAA~~,~~MAAAE~~,~~EAAAU~~,~~UAAAZ~~,~~EAAA~~,~~CAAA~~,~~MAAAE~~,~~EAAAW~~,~~IAAA;AAAA~~,~~QAAAC;AAAA~~,~~IAAAd~~,~~EAAA~~,~~CAAA~~,~~MAAAE~~,~~EAAAU~~,~~UAsBdE~~,~~IAAAZ~~,~~EAAKU~~,~~UAAA;AAAA~~,~~MAAAG~~,~~QACC;AAAA,MAAMC,SAAA;AAAA,~~IAAA,~~GAEfhB~~,~~EAAA~~,~~CAAA~~,~~IAAAE~~,~~EAAAU~~,~~QAAAZ~~,~~OAAAc~~,~~KAAAA~~,~~IAAAd~~,~~EAAA~~,~~CAAA~~,~~GAtBDW~~,~~IAAAM,~~EAAAA,MAAA;AAAA,MAAAC,OAEO;AAAA,~~MAAsBH~~,QACrB;AAAA,~~MAAgCI~~,cAAA;AAAA,MAAA,2BAAA;AAAA,~~QAAAD~~,OAG/B;AAAA,~~QAA4BE~~,aACtB;AAAA,MAAA;AAAA,MAA4B,aAAA;AAAA,QAAAC,iBAGxB;AAAA,QAAaD,aACjB;AAAA,~~QAA4BF~~,OAClC;AAAA,MAAA;AAAA,MAA4B,UAAA;AAAA,~~QAAAI~~,SAG1B;AAAA,QAA8BC,eAAA;AAAA,QAAAC,WAE5B;AAAA,MAAA;AAAA,MAAM,~~GAEfV~~;~~AAAAA~~,~~IAAAA~~,~~GAKNZ~~,~~EAAKW~~,EACP,~~GAACb~~,~~EAAA~~,~~CAAA~~,~~IAAAE~~,~~EAAAU~~,~~QAAAZ~~,~~EAAA~~,~~CAAA~~,~~IAAAE~~,~~EAAAW~~,~~IAAAb~~,~~OAAAW~~;AAAAA,EAAA;~~AAAAA~~,IAAAA,~~IAAAX~~,EAAA,CAAA~~;AAAA~~,~~MAAAc;AAAA~~,~~EAAAd~~,EAAA,CAAA,~~MAAAE~~,~~EAAAM~~,~~YAAAR~~,EAAA,CAAA,~~MAAAE~~,~~EAAAuB~~,~~QAAAzB~~,EAAA,EAAA,~~MAAAE~~,~~EAAAG~~,~~SAAAL~~,EAAA,EAAA,~~MAAAE~~,~~EAAAQ~~,~~WAAAV~~,EAAA,EAAA,MAAAG,~~KAAAH~~,EAAA,EAAA,MAAAM,KAAAN,~~UAAAW~~,~~KAnCHG~~,IAAA,~~gBAAAY~~,~~EAACC~~,KACa,~~cAAAvB~~,GACH,WAAAE,GACT,~~oBAAA~~,~~IACA~~,~~eAAA~~,~~IACA~~,~~oBAAA~~,~~IACU~~,UAAAC,GACD,~~SAAAE~~,~~GACJN~~,KAAAA,GACA,~~MAAA~~,~~UACD~~,~~IAAAQ~~,~~GA2BHT~~,UAAAA,~~EAAKuB~~,KAAAA,CACR,~~GAAgBzB~~,EAAA,~~CAAA~~,~~IAAAE~~,~~EAAAM~~,~~UAAAR~~,~~EAAA~~,~~CAAA~~,~~IAAAE~~,~~EAAAuB~~,~~MAAAzB~~,~~EAAA~~,~~EAAA~~,~~IAAAE~~,~~EAAAG~~,~~OAAAL~~,~~EAAA~~,~~EAAA~~,~~IAAAE~~,~~EAAAQ~~,~~SAAAV~~,~~QAAAG~~,~~GAAAH~~,~~QAAAM~~,~~GAAAN~~,~~QAAAW~~,~~GAAAX~~,~~QAAAc,~~KAAAA,~~IAAAd~~,EAAA,EAAA;AAvClB,~~QAAA4B~~,~~IACEd~~;AAuCA,~~MAAAe~~;AAAA,~~EAAA7B~~,EAAA,EAAA,~~MAAA4B~~,~~KAAA5B~~,EAAA,EAAA,~~MAAAE~~,~~EAAAM~~,~~YAAAR~~,EAAA,EAAA,~~MAAAE~~,~~EAAAG~~,~~SAIGwB~~,~~IAAA3B~~,~~EAAKM~~,WACJ,~~gBAAAkB~~,EAAA,QAAA,EAAkB,~~cAAAxB~~,~~EAAKG~~,OAAoB,eAAA,yBAA6B,MAAA,~~WACrEuB~~,UAAAA,EAAAA,CACH,IAEAA,~~GACD5B~~,~~QAAA4B~~,~~GAAA5B~~,EAAA,EAAA,~~IAAAE~~,~~EAAAM~~,~~UAAAR~~,EAAA,EAAA,~~IAAAE~~,~~EAAAG~~,~~OAAAL~~,~~QAAA6B~~,KAAAA,~~IAAA7B~~,EAAA,EAAA;AAAA,~~MAAA8B~~;AAAA,~~SAAA9B~~,~~UAAAE~~,~~EAAAG~~,~~SAAAL~~,~~UAAA6B~~,KAPHC,sBAACC,GAAA,EAAkB,~~OAAA7B~~,~~EAAKG~~,~~OACrBwB~~,UAAAA,GAOH,~~GAAa7B~~,EAAA,EAAA,~~IAAAE~~,~~EAAAG~~,~~OAAAL~~,~~QAAA6B~~,~~GAAA7B~~,~~QAAA8B~~,KAAAA,~~IAAA9B~~,EAAA,EAAA,~~GARb8B~~;AAQa;"}
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 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","T0","props","t1","t10","t2","t3","t4","t5","t6","t7","t8","t9","ref","t11","MUIIconButton","label","disabled","onClick","merge","color","border","borderRadius","borderColor","backgroundColor","outline","outlineOffset","boxShadow","inline","padding","sx","icon","jsx","Button","t12","t13","AoaTooltip"],"mappings":"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"}

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

	@@ -1 +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;~~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"}
1	+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAA8D,MAAM,eAAe,CAAC;AAI3H,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 CHANGED Viewed

@@ -1,6 +1,6 @@
 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 { l as n } from "../../../chunks/lodash.DPVO3Hgf.js";
 import { FontNormalSxProps as t } from "../../../_constants.js";
 function m({
   optional: l,

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

	@@ -1 +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 { 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;"}
1	+ {"version":3,"file":"Input.js","sources":["../../../../src/components/atoms/input/Input.tsx"],"sourcesContent":["import { TextField, type TextFieldProps, inputBaseClasses, inputLabelClasses, formHelperTextClasses } 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":";;;;AA8BO,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/list/List.d.ts ADDED Viewed

@@ -0,0 +1,42 @@
+import { SxProps } from '@mui/material';
+import { JSX } from 'react';
+export interface AoaListItem {
+    /**
+     * Data-qa tag to apply to the list item
+     */
+    readonly dataQa?: string;
+    /**
+     * Key of the list item
+     */
+    readonly key: string;
+    /**
+     * Value of the list item
+     */
+    readonly value: JSX.Element | string;
+}
+export interface AoaListProps {
+    /**
+     * Data-qa tag to apply to the list
+     */
+    readonly 'data-qa'?: string;
+    /**
+     * Key-value pairs to show as a list
+     */
+    readonly listItems: AoaListItem[];
+    /**
+     * Any additional CSSProperties to pass to the component
+     */
+    readonly sx?: SxProps;
+}
+/**
+ * Creates a key-value list using pre-defined Rijkswaterstaat styling
+ *
+ * @example
+ * ```jsx
+ *
+ * <AoaList listItems={[{ key: 'Name', value: 'John Connor' }]} />
+ *
+ * ```
+ */
+export declare function AoaList({ listItems, 'data-qa': dataQa, sx }: AoaListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=List.d.ts.map

package/dist/components/atoms/list/List.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/list/List.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsE,KAAK,OAAO,EAAE,MAAM,eAAe,CAAC;AAEjH,OAAO,EAAY,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAG3C,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;CACtC;AAED,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,SAAS,EAAE,WAAW,EAAE,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,YAAY,2CAsCzE"}

package/dist/components/atoms/list/List.js ADDED Viewed

@@ -0,0 +1,38 @@
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { Grid as d, List as i, ListItem as c, ListItemText as u, listItemClasses as f } from "@mui/material";
+import { l as g } from "../../../chunks/lodash.DPVO3Hgf.js";
+import { Fragment as s } from "react";
+import { FontNormalSxProps as x } from "../../../_constants.js";
+function k({
+  listItems: o,
+  "data-qa": l,
+  sx: p
+}) {
+  function e(r, t) {
+    const n = t === "key";
+    return /* @__PURE__ */ a(c, { sx: {
+      [`&.${f.root}`]: {
+        padding: "0 10px 0 0",
+        span: {
+          fontSize: "1rem",
+          lineHeight: "1.43rem"
+        }
+      }
+    }, children: /* @__PURE__ */ a(u, { "data-qa": n ? null : r.dataQa, primary: r[t], sx: {
+      span: {
+        fontWeight: n ? "bold" : "normal"
+      },
+      wrap: n ? "nowrap" : "normal"
+    } }) });
+  }
+  return /* @__PURE__ */ m(d, { container: !0, "data-qa": l ?? null, direction: "row", spacing: 1, sx: g.merge({
+    flexWrap: "nowrap"
+  }, p, x), children: [
+    /* @__PURE__ */ a(i, { children: o.map((r, t) => /* @__PURE__ */ a(s, { children: e(r, "key") }, r.key.toString() + t)) }),
+    /* @__PURE__ */ a(i, { children: o.map((r, t) => /* @__PURE__ */ a(s, { children: e(r, "value") }, typeof r.value == "string" ? r.value.toString() + t : t)) })
+  ] });
+}
+export {
+  k as AoaList
+};
+//# sourceMappingURL=List.js.map

package/dist/components/atoms/list/List.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"List.js","sources":["../../../../src/components/atoms/list/List.tsx"],"sourcesContent":["import { Grid, List, listItemClasses, ListItemText, ListItem as MUIListItem, type SxProps } from '@mui/material';\nimport { merge } from 'lodash';\nimport { Fragment, type JSX } from 'react';\nimport { FontNormalSxProps } from '../../../_constants';\n\nexport interface AoaListItem {\n /**\n * Data-qa tag to apply to the list item\n */\n readonly dataQa?: string;\n /**\n * Key of the list item\n */\n readonly key: string;\n /**\n * Value of the list item\n */\n readonly value: JSX.Element | string;\n}\n\nexport interface AoaListProps {\n /**\n * Data-qa tag to apply to the list\n */\n readonly 'data-qa'?: string;\n /**\n * Key-value pairs to show as a list\n */\n readonly listItems: AoaListItem[];\n /**\n * Any additional CSSProperties to pass to the component\n */\n readonly sx?: SxProps;\n}\n\n/**\n * Creates a key-value list using pre-defined Rijkswaterstaat styling\n *\n * @example\n * ```jsx\n *\n * <AoaList listItems={[{ key: 'Name', value: 'John Connor' }]} />\n *\n * ```\n */\nexport function AoaList({ listItems, 'data-qa': dataQa, sx }: AoaListProps) {\n function getListItem(item: AoaListItem, type: 'key' | 'value') {\n const isKey = type === 'key';\n return (\n <MUIListItem\n sx={{\n [`&.${listItemClasses.root}`]: {\n padding: `0 10px 0 0`,\n span: {\n fontSize: '1rem',\n lineHeight: '1.43rem'\n }\n }\n }}\n >\n <ListItemText\n data-qa={isKey ? null : item.dataQa}\n primary={item[type]}\n sx={{ span: { fontWeight: isKey ? 'bold' : 'normal' }, wrap: isKey ? 'nowrap' : 'normal' }}\n />\n </MUIListItem>\n );\n }\n\n return (\n <Grid container data-qa={dataQa ?? null} direction='row' spacing={1} sx={merge({ flexWrap: 'nowrap' }, sx, FontNormalSxProps)}>\n <List>\n {listItems.map((item, index) => {\n return <Fragment key={item.key.toString() + index}>{getListItem(item, 'key')}</Fragment>;\n })}\n </List>\n <List>\n {listItems.map((item, index) => {\n return <Fragment key={typeof item.value === 'string' ? item.value.toString() + index : index}>{getListItem(item, 'value')}</Fragment>;\n })}\n </List>\n </Grid>\n );\n}\n"],"names":["AoaList","listItems","dataQa","sx","getListItem","item","type","isKey","jsx","MUIListItem","listItemClasses","root","padding","span","fontSize","lineHeight","ListItemText","fontWeight","wrap","jsxs","Grid","merge","flexWrap","FontNormalSxProps","List","map","index","Fragment","key","toString","value"],"mappings":";;;;;AA6CO,SAASA,EAAQ;AAAA,EAAEC,WAAAA;AAAAA,EAAW,WAAWC;AAAAA,EAAQC,IAAAA;AAAiB,GAAG;AAC1E,WAASC,EAAYC,GAAmBC,GAAuB;AAC7D,UAAMC,IAAQD,MAAS;AACvB,WACE,gBAAAE,EAACC,KACC,IAAI;AAAA,MACF,CAAC,KAAKC,EAAgBC,IAAI,EAAE,GAAG;AAAA,QAC7BC,SAAS;AAAA,QACTC,MAAM;AAAA,UACJC,UAAU;AAAA,UACVC,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,IACF,GAGF,UAAA,gBAAAP,EAACQ,GAAA,EACC,WAAST,IAAQ,OAAOF,EAAKH,QAC7B,SAASG,EAAKC,CAAI,GAClB,IAAI;AAAA,MAAEO,MAAM;AAAA,QAAEI,YAAYV,IAAQ,SAAS;AAAA,MAAA;AAAA,MAAYW,MAAMX,IAAQ,WAAW;AAAA,IAAA,GAAW,EAAA,CAE/F;AAAA,EAEJ;AAEA,SACE,gBAAAY,EAACC,GAAA,EAAK,WAAS,IAAC,WAASlB,KAAU,MAAM,WAAU,OAAM,SAAS,GAAG,IAAImB,EAAAA,MAAM;AAAA,IAAEC,UAAU;AAAA,EAAA,GAAYnB,GAAIoB,CAAiB,GAC1H,UAAA;AAAA,IAAA,gBAAAf,EAACgB,GAAA,EACEvB,UAAAA,EAAUwB,IAAI,CAACpB,GAAMqB,MACb,gBAAAlB,EAACmB,GAAA,EAA4CvB,UAAAA,EAAYC,GAAM,KAAK,KAArDA,EAAKuB,IAAIC,SAAAA,IAAaH,CAAiC,CAC9E,EAAA,CACH;AAAA,sBACCF,GAAA,EACEvB,UAAAA,EAAUwB,IAAI,CAACpB,GAAMqB,MACb,gBAAAlB,EAACmB,GAAA,EAAuFvB,UAAAA,EAAYC,GAAM,OAAO,EAAA,GAAlG,OAAOA,EAAKyB,SAAU,WAAWzB,EAAKyB,MAAMD,SAAAA,IAAaH,IAAQA,CAAmC,CAC3H,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/atoms/logo/Logo.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsxs as i0, jsx as n } from "react/jsx-runtime";
-import { c as s0 } from "../../../chunks/compiler-runtime.hDcrsMwn.js";
+import { c as s0 } from "../../../chunks/compiler-runtime.CrLvXwKf.js";
 import { Box as a0 } from "@mui/material";
 function r0(o0) {
   const c = s0.c(59);

package/dist/components/atoms/no-permission/NoPermission.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { Container as e, Box as i, Typography as n, typographyClasses as m } from "@mui/material";
-import { l as s } from "../../../chunks/lodash.CA_K01A9.js";
+import { l as s } from "../../../chunks/lodash.DPVO3Hgf.js";
 import { FontNormalSxProps as a } from "../../../_constants.js";
 function c({
   children: t,

package/dist/components/atoms/notification/Notification.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { Alert as n, alertClasses as o } from "@mui/material";
-import { l as i } from "../../../chunks/lodash.CA_K01A9.js";
+import { l as i } from "../../../chunks/lodash.DPVO3Hgf.js";
 import { FontNormalSxProps as t } from "../../../_constants.js";
 import { IconError as c } from "./_icons/Error.js";
 import { IconInfo as s } from "./_icons/Info.js";

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

@@ -1,5 +1,5 @@
 import { jsx as l, jsxs as i } from "react/jsx-runtime";
-import { c as n } from "../../../../chunks/compiler-runtime.hDcrsMwn.js";
+import { c as n } from "../../../../chunks/compiler-runtime.CrLvXwKf.js";
 function h() {
   const e = n.c(3);
   let r;

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

@@ -1,5 +1,5 @@
 import { jsx as c, jsxs as i } from "react/jsx-runtime";
-import { c as r } from "../../../../chunks/compiler-runtime.hDcrsMwn.js";
+import { c as r } from "../../../../chunks/compiler-runtime.CrLvXwKf.js";
 function h() {
   const e = r.c(3);
   let l;

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

@@ -1,5 +1,5 @@
 import { jsx as c, jsxs as i } from "react/jsx-runtime";
-import { c as r } from "../../../../chunks/compiler-runtime.hDcrsMwn.js";
+import { c as r } from "../../../../chunks/compiler-runtime.CrLvXwKf.js";
 function h() {
   const e = r.c(3);
   let l;

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

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { c as t } from "../../../../chunks/compiler-runtime.hDcrsMwn.js";
+import { c as t } from "../../../../chunks/compiler-runtime.CrLvXwKf.js";
 import { memo as i } from "react";
 const s = i(() => {
   const l = t.c(2);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/section-header/SectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE3F,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,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,wBAAgB,gBAAgB,CAAC,~~EAC/B~~,KAAK,~~EACL~~,QAAa,~~EACb~~,QAAQ,~~EACR~~,GAAG,KAAK,~~EACT~~,EAAE,iBAAiB,CAAC,qBAAqB,CAAC,~~2CAsD1C~~"}
1	+ {"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/section-header/SectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE3F,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,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,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,QAAa,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,CAAC,qBAAqB,CAAC,2CA0CtH"}

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

@@ -1,6 +1,6 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { Box as s, Typography as a, Divider as m, typographyClasses as l } from "@mui/material";
-import { l as x } from "../../../chunks/lodash.CA_K01A9.js";
+import { l as x } from "../../../chunks/lodash.DPVO3Hgf.js";
 function f({
   title: i,
   subtitle: t = "",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionHeader.js","sources":["../../../../src/components/atoms/section-header/SectionHeader.tsx"],"sourcesContent":["import { Box, Divider, Typography, typographyClasses, type BoxProps } from '@mui/material';\nimport { merge } from 'lodash';\nimport type { PropsWithChildren, 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 function AoaSectionHeader({\n title~~,\n~~ subtitle = ''~~,\n~~ children~~,\n~~ ...props\n}: 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 [`.${typographyClasses.root}`]: {\n fontFamily: 'var(--font-text)'\n }\n },\n props.sx\n )}\n >\n <Typography\n color='textPrimary'\n component='h1'\n data-qa='section-title'\n sx={{ fontSize: 'var(--font-size-h1)' }}\n variant='h5'\n >\n {title}\n </Typography>\n {Boolean(subtitle) && (\n <Typography\n color='textSecondary'\n component='span'\n data-qa='section-subtitle'\n sx={{ fontSize: 'var(--font-size-text)' }}\n variant='subtitle1'\n >\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","title","subtitle","children","props","jsxs","Box","merge","marginRight","marginBottom","flexBasis","width","marginTop","typographyClasses","root","fontFamily","sx","jsx","Typography","fontSize","Boolean","Divider","backgroundColor","paddingBottom"],"mappings":";;;AA4BO,SAASA,EAAiB;AAAA,~~EAC/BC~~,OAAAA;AAAAA,~~EACAC~~,UAAAA,IAAW;AAAA,~~EACXC~~,UAAAA;AAAAA,~~EACA~~,GAAGC;~~AACqC~~,GAAG;~~AAC3C~~,SACE,gBAAAC,EAACC,GAAA,EACC,GAAIF,GACJ,IAAIG,EAAAA,MACF;AAAA,IACEC,aAAa;AAAA,IACbC,cAAc;AAAA,IACd,0BAA0B;AAAA,MACxBC,WAAW;AAAA,MACXC,OAAO;AAAA,MACPH,aAAa;AAAA,MAEb,yBAAyB;AAAA,QACvBI,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,CAAC,IAAIC,EAAkBC,IAAI,EAAE,GAAG;AAAA,MAC9BC,YAAY;AAAA,IAAA;AAAA,EACd,GAEFX,EAAMY,EACR,GAEA,UAAA;AAAA,IAAA,gBAAAC,EAACC,~~KACC~~,OAAM,~~eACN~~,WAAU,~~MACV~~,WAAQ,~~iBACR~~,IAAI;AAAA,MAAEC,UAAU;AAAA,IAAA,~~GAChB~~,SAAQ,~~MAEPlB~~,UAAAA,EAAAA,CACH;AAAA,IACCmB,EAAQlB,KACP,gBAAAe,EAACC,GAAA,~~EACC~~,OAAM,~~iBACN~~,WAAU,~~QACV~~,WAAQ,~~oBACR~~,IAAI;AAAA,MAAEC,UAAU;AAAA,IAAA,~~GAChB~~,SAAQ,~~aAEPjB~~,UAAAA,EAAAA,CACH;AAAA,IAEF,gBAAAe,EAACI,KACC,IAAI;AAAA,MACFC,iBAAiB;AAAA,MACjBb,cAAc;AAAA,MACdc,eAAe;AAAA,IAAA,GACf;AAAA,IAEHpB;AAAAA,EAAAA,GACH;AAEJ;"}
1	+ {"version":3,"file":"SectionHeader.js","sources":["../../../../src/components/atoms/section-header/SectionHeader.tsx"],"sourcesContent":["import { Box, Divider, Typography, typographyClasses, type BoxProps } from '@mui/material';\nimport { merge } from 'lodash';\nimport type { PropsWithChildren, 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 function AoaSectionHeader({ 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 [`.${typographyClasses.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","title","subtitle","children","props","jsxs","Box","merge","marginRight","marginBottom","flexBasis","width","marginTop","typographyClasses","root","fontFamily","sx","jsx","Typography","fontSize","Boolean","Divider","backgroundColor","paddingBottom"],"mappings":";;;AA4BO,SAASA,EAAiB;AAAA,EAAEC,OAAAA;AAAAA,EAAOC,UAAAA,IAAW;AAAA,EAAIC,UAAAA;AAAAA,EAAU,GAAGC;AAAgD,GAAG;AACvH,SACE,gBAAAC,EAACC,GAAA,EACC,GAAIF,GACJ,IAAIG,EAAAA,MACF;AAAA,IACEC,aAAa;AAAA,IACbC,cAAc;AAAA,IACd,0BAA0B;AAAA,MACxBC,WAAW;AAAA,MACXC,OAAO;AAAA,MACPH,aAAa;AAAA,MAEb,yBAAyB;AAAA,QACvBI,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,CAAC,IAAIC,EAAkBC,IAAI,EAAE,GAAG;AAAA,MAC9BC,YAAY;AAAA,IAAA;AAAA,EACd,GAEFX,EAAMY,EACR,GAEA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAW,OAAM,eAAc,WAAU,MAAK,WAAQ,iBAAgB,IAAI;AAAA,MAAEC,UAAU;AAAA,IAAA,GAAyB,SAAQ,MACrHlB,UAAAA,EAAAA,CACH;AAAA,IACCmB,EAAQlB,KACP,gBAAAe,EAACC,GAAA,EAAW,OAAM,iBAAgB,WAAU,QAAO,WAAQ,oBAAmB,IAAI;AAAA,MAAEC,UAAU;AAAA,IAAA,GAA2B,SAAQ,aAC9HjB,UAAAA,EAAAA,CACH;AAAA,IAEF,gBAAAe,EAACI,KACC,IAAI;AAAA,MACFC,iBAAiB;AAAA,MACjBb,cAAc;AAAA,MACdc,eAAe;AAAA,IAAA,GACf;AAAA,IAEHpB;AAAAA,EAAAA,GACH;AAEJ;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/selection-buttons/checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,~~EAIL~~,KAAK,aAAa,IAAI,gBAAgB,~~EACvC~~,MAAM,eAAe,CAAC;~~AAIvB~~,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,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CA8BhE"}
1	+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/selection-buttons/checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuF,KAAK,aAAa,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAI5J,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,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CA8BhE"}

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { CheckBoxOutlineBlank as l, CheckBox as t } from "@mui/icons-material";
 import { FormControlLabel as i, typographyClasses as a, Checkbox as c } from "@mui/material";
-import { l as s } from "../../../../chunks/lodash.CA_K01A9.js";
+import { l as s } from "../../../../chunks/lodash.DPVO3Hgf.js";
 import { FontNormalSxProps as m } from "../../../../_constants.js";
 function h({
   label: e,

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

	@@ -1 +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 {\n Checkbox as MUICheckbox~~,\n~~ FormControlLabel as MUIFormControlLabel~~,\n~~ typographyClasses~~,\n~~ type CheckboxProps as MUICheckboxProps\n} from '@mui/material';\nimport { merge } from 'lodash';\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 function AoaCheckbox({ label, ...props }: AoaCheckboxProps) {\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={{ [`.${typographyClasses.root}`]: FontNormalSxProps }}\n />\n );\n}\n"],"names":["AoaCheckbox","label","props","jsx","MUIFormControlLabel","MUICheckbox","CheckBoxIcon","CheckBoxOutlineBlankIcon","merge","color","outline","outlineOffset","borderRadius","sx","typographyClasses","root","FontNormalSxProps"],"mappings":";;;;;~~AAmCO~~,SAASA,EAAY;AAAA,EAAEC,OAAAA;AAAAA,EAAO,GAAGC;AAAwB,GAAG;AACjE,SACE,gBAAAC,EAACC,GAAA,EACC,SACE,gBAAAD,EAACE,GAAA,EACC,GAAIH,GACJ,aAAa,gBAAAC,EAACG,GAAA,EAAa,OAAM,WAAU,UAAS,QAAA,CAAO,GAC3D,MAAM,gBAAAH,EAACI,GAAA,EAAyB,OAAM,WAAU,UAAS,QAAA,CAAO,GAChE,IAAIC,EAAAA,MACF;AAAA,IACEC,OAAO;AAAA,IAEP,UAAU;AAAA,MACRC,SAAS;AAAA,MACTC,eAAe;AAAA,MACfC,cAAc;AAAA,IAAA;AAAA,IAGhB,aAAa;AAAA,MACXH,OAAO;AAAA,IAAA;AAAA,EACT,GAEFP,EAAMW,EACR,EAAA,CAAE,GAGN,OAAAZ,GACA,IAAI;AAAA,IAAE,CAAC,IAAIa,EAAkBC,IAAI,EAAE,GAAGC;AAAAA,EAAAA,GAAoB;AAGhE;"}
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, typographyClasses, type CheckboxProps as MUICheckboxProps } from '@mui/material';\nimport { merge } from 'lodash';\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 function AoaCheckbox({ label, ...props }: AoaCheckboxProps) {\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={{ [`.${typographyClasses.root}`]: FontNormalSxProps }}\n />\n );\n}\n"],"names":["AoaCheckbox","label","props","jsx","MUIFormControlLabel","MUICheckbox","CheckBoxIcon","CheckBoxOutlineBlankIcon","merge","color","outline","outlineOffset","borderRadius","sx","typographyClasses","root","FontNormalSxProps"],"mappings":";;;;;AA8BO,SAASA,EAAY;AAAA,EAAEC,OAAAA;AAAAA,EAAO,GAAGC;AAAwB,GAAG;AACjE,SACE,gBAAAC,EAACC,GAAA,EACC,SACE,gBAAAD,EAACE,GAAA,EACC,GAAIH,GACJ,aAAa,gBAAAC,EAACG,GAAA,EAAa,OAAM,WAAU,UAAS,QAAA,CAAO,GAC3D,MAAM,gBAAAH,EAACI,GAAA,EAAyB,OAAM,WAAU,UAAS,QAAA,CAAO,GAChE,IAAIC,EAAAA,MACF;AAAA,IACEC,OAAO;AAAA,IAEP,UAAU;AAAA,MACRC,SAAS;AAAA,MACTC,eAAe;AAAA,MACfC,cAAc;AAAA,IAAA;AAAA,IAGhB,aAAa;AAAA,MACXH,OAAO;AAAA,IAAA;AAAA,EACT,GAEFP,EAAMW,EACR,EAAA,CAAE,GAGN,OAAAZ,GACA,IAAI;AAAA,IAAE,CAAC,IAAIa,EAAkBC,IAAI,EAAE,GAAGC;AAAAA,EAAAA,GAAoB;AAGhE;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/selection-buttons/radio-button/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,~~EAIL~~,KAAK,UAAU,IAAI,mBAAmB,~~EACvC~~,MAAM,eAAe,CAAC;~~AAIvB~~,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,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CA2BtE"}
1	+ {"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/selection-buttons/radio-button/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuF,KAAK,UAAU,IAAI,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAI5J,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,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CA2BtE"}

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

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { FormControlLabel as a, typographyClasses as l, Radio as s } from "@mui/material";
-import { l as e } from "../../../../chunks/lodash.CA_K01A9.js";
+import { l as e } from "../../../../chunks/lodash.DPVO3Hgf.js";
 import { FontNormalSxProps as i } from "../../../../_constants.js";
 function n({
   label: t,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioButton.js","sources":["../../../../../src/components/atoms/selection-buttons/radio-button/RadioButton.tsx"],"sourcesContent":["import {\n FormControlLabel as MUIFormControlLabel~~,\n~~ Radio as MUIRadioButton~~,\n~~ typographyClasses~~,\n~~ type RadioProps as MUIRadioButtonProps\n} from '@mui/material';\nimport { merge } from 'lodash';\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 function AoaRadioButton({ label, ...props }: AoaRadioButtonProps) {\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={{ [`.${typographyClasses.root}`]: FontNormalSxProps }}\n />\n );\n}\n"],"names":["AoaRadioButton","label","props","jsx","MUIFormControlLabel","MUIRadioButton","merge","color","outline","outlineOffset","sx","typographyClasses","root","FontNormalSxProps"],"mappings":";;;;~~AAkCO~~,SAASA,EAAe;AAAA,EAAEC,OAAAA;AAAAA,EAAO,GAAGC;AAA2B,GAAG;AACvE,SACE,gBAAAC,EAACC,KACC,SACE,gBAAAD,EAACE,KACC,GAAIH,GACJ,IAAII,QACF;AAAA,IACEC,OAAO;AAAA,IAEP,UAAU;AAAA,MACRC,SAAS;AAAA,MACTC,eAAe;AAAA,IAAA;AAAA,IAGjB,aAAa;AAAA,MACXF,OAAO;AAAA,IAAA;AAAA,EACT,GAEFL,EAAMQ,EACR,EAAA,CAAE,GAGN,OAAAT,GACA,IAAI;AAAA,IAAE,CAAC,IAAIU,EAAkBC,IAAI,EAAE,GAAGC;AAAAA,EAAAA,GAAoB;AAGhE;"}
1	+ {"version":3,"file":"RadioButton.js","sources":["../../../../../src/components/atoms/selection-buttons/radio-button/RadioButton.tsx"],"sourcesContent":["import { FormControlLabel as MUIFormControlLabel, Radio as MUIRadioButton, typographyClasses, type RadioProps as MUIRadioButtonProps } from '@mui/material';\nimport { merge } from 'lodash';\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 function AoaRadioButton({ label, ...props }: AoaRadioButtonProps) {\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={{ [`.${typographyClasses.root}`]: FontNormalSxProps }}\n />\n );\n}\n"],"names":["AoaRadioButton","label","props","jsx","MUIFormControlLabel","MUIRadioButton","merge","color","outline","outlineOffset","sx","typographyClasses","root","FontNormalSxProps"],"mappings":";;;;AA6BO,SAASA,EAAe;AAAA,EAAEC,OAAAA;AAAAA,EAAO,GAAGC;AAA2B,GAAG;AACvE,SACE,gBAAAC,EAACC,KACC,SACE,gBAAAD,EAACE,KACC,GAAIH,GACJ,IAAII,QACF;AAAA,IACEC,OAAO;AAAA,IAEP,UAAU;AAAA,MACRC,SAAS;AAAA,MACTC,eAAe;AAAA,IAAA;AAAA,IAGjB,aAAa;AAAA,MACXF,OAAO;AAAA,IAAA;AAAA,EACT,GAEFL,EAAMQ,EACR,EAAA,CAAE,GAGN,OAAAT,GACA,IAAI;AAAA,IAAE,CAAC,IAAIU,EAAkBC,IAAI,EAAE,GAAGC;AAAAA,EAAAA,GAAoB;AAGhE;"}