npm - @rws-aoa/react-library - Versions diffs - 3.6.5 → 4.0.0 - Mend

@rws-aoa/react-library 3.6.5 → 4.0.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 (88) hide show

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

	@@ -1 +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\" \| \"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;"}
1	+ {"version":3,"file":"Notification.js","sources":["../../../../src/components/atoms/notification/Notification.tsx"],"sourcesContent":["import { Alert, type SxProps, alertClasses } 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 [`&.${alertClasses.standard}.${alertClasses.colorSuccess}`]: {\n backgroundColor: 'var(--color-rijks-notification-green)'\n },\n\n [`&.${alertClasses.standard}.${alertClasses.colorError}`]: {\n backgroundColor: 'var(--color-rijks-notification-red)'\n },\n\n [`&.${alertClasses.standard}.${alertClasses.colorWarning}`]: {\n backgroundColor: 'var(--color-rijks-notification-yellow)'\n },\n\n [`&.${alertClasses.standard}.${alertClasses.colorInfo}`]: {\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","alertClasses","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,CAAC,KAAKC,EAAa,QAAQ,IAAIA,EAAa,YAAY,EAAE,GAAG;AAAA,UAC3D,iBAAiB;AAAA,QACnB;AAAA,QAEA,CAAC,KAAKA,EAAa,QAAQ,IAAIA,EAAa,UAAU,EAAE,GAAG;AAAA,UACzD,iBAAiB;AAAA,QACnB;AAAA,QAEA,CAAC,KAAKA,EAAa,QAAQ,IAAIA,EAAa,YAAY,EAAE,GAAG;AAAA,UAC3D,iBAAiB;AAAA,QACnB;AAAA,QAEA,CAAC,KAAKA,EAAa,QAAQ,IAAIA,EAAa,SAAS,EAAE,GAAG;AAAA,UACxD,iBAAiB;AAAA,QAAA;AAAA,MAErB;AAAA,MACAC;AAAA,MACAT,EAAM;AAAA,IACR;AAAA,IAEC,UAAMA,EAAA;AAAA,EAAA;AACT,CAEH;"}

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

	@@ -1 +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 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;"}
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 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.map CHANGED Viewed

	@@ -1 +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 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;"}
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 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.map CHANGED Viewed

	@@ -1 +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 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;"}
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 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.map CHANGED Viewed

	@@ -1 +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 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;"}
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 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 CHANGED Viewed

@@ -1,10 +1,10 @@
 import { BoxProps } from '@mui/material';
 import { PropsWithChildren, ReactNode } from 'react';
-export interface AoaSectionHeaderProps extends Omit<BoxProps, "title"> {
+export interface AoaSectionHeaderProps extends Omit<BoxProps, 'title'> {
     /**
      * Data-qa tag for E2E test purposes
      */
-    readonly "data-qa"?: string;
+    readonly 'data-qa'?: string;
     /**
      * The content to show as subtitle, lighter grey and below the title
      */

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,~~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"}
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,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,gFACoB,iBAAiB,CAAC,qBAAqB,CAAC,6CAuDxF,CAAC"}

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

@@ -1,47 +1,69 @@
-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.DJYQ_-zP.js";
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { Box as m, Typography as i, Divider as s, typographyClasses as c } from "@mui/material";
+import { m as l } 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,
-  {
-    ...r,
-    sx: c(
-      {
-        marginRight: 0,
-        marginBottom: 2,
-        'breakpoints.down("sm")': {
-          flexBasis: "100%",
-          width: "100%",
+const h = p(
+  ({ title: a, subtitle: t = "", children: e, ...r }) => /* @__PURE__ */ n(
+    m,
+    {
+      ...r,
+      sx: l(
+        {
           marginRight: 0,
-          "&:not(:first-of-type)": {
-            marginTop: 3
+          marginBottom: 2,
+          'breakpoints.down("sm")': {
+            flexBasis: "100%",
+            width: "100%",
+            marginRight: 0,
+            "&:not(:first-of-type)": {
+              marginTop: 3
+            }
+          },
+          [`.${c.root}`]: {
+            fontFamily: "var(--font-text)"
           }
         },
-        ".MuiTypography-root": {
-          fontFamily: "var(--font-text)"
-        }
-      },
-      r.sx
-    ),
-    children: [
-      /* @__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,
-        {
-          sx: {
-            backgroundColor: "var(--color-rijks-skyblue)",
-            marginBottom: 3,
-            paddingBottom: 0.25
-          }
-        }
+        r.sx
       ),
-      n
-    ]
-  }
-));
+      children: [
+        /* @__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,
+          {
+            sx: {
+              backgroundColor: "var(--color-rijks-skyblue)",
+              marginBottom: 3,
+              paddingBottom: 0.25
+            }
+          }
+        ),
+        e
+      ]
+    }
+  )
+);
 export {
-  g as AoaSectionHeader
+  h as AoaSectionHeader
 };
 //# sourceMappingURL=SectionHeader.js.map

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, 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~~;"}
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.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(\n ({ 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\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);\n"],"names":["AoaSectionHeader","memo","title","subtitle","children","props","jsxs","Box","merge","typographyClasses","jsx","Typography","Divider"],"mappings":";;;;AA4BO,MAAMA,IAAmBC;AAAA,EAC9B,CAAC,EAAE,OAAAC,GAAO,UAAAC,IAAW,IAAI,UAAAC,GAAU,GAAGC,QAElC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,IAAIG;AAAA,QACF;AAAA,UACE,aAAa;AAAA,UACb,cAAc;AAAA,UACd,0BAA0B;AAAA,YACxB,WAAW;AAAA,YACX,OAAO;AAAA,YACP,aAAa;AAAA,YAEb,yBAAyB;AAAA,cACvB,WAAW;AAAA,YAAA;AAAA,UAEf;AAAA,UACA,CAAC,IAAIC,EAAkB,IAAI,EAAE,GAAG;AAAA,YAC9B,YAAY;AAAA,UAAA;AAAA,QAEhB;AAAA,QACAJ,EAAM;AAAA,MACR;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAK;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,WAAU;AAAA,YACV,WAAQ;AAAA,YACR,IAAI,EAAE,UAAU,sBAAsB;AAAA,YACtC,SAAQ;AAAA,YAEP,UAAAT;AAAA,UAAA;AAAA,QACH;AAAA,QACC,EAAQC,KACP,gBAAAO;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,WAAU;AAAA,YACV,WAAQ;AAAA,YACR,IAAI,EAAE,UAAU,wBAAwB;AAAA,YACxC,SAAQ;AAAA,YAEP,UAAAR;AAAA,UAAA;AAAA,QACH;AAAA,QAEF,gBAAAO;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,iBAAiB;AAAA,cACjB,cAAc;AAAA,cACd,eAAe;AAAA,YAAA;AAAA,UACjB;AAAA,QACF;AAAA,QACCR;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAGN;"}

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

@@ -1,6 +1,6 @@
 import { CheckboxProps as MUICheckboxProps } from '@mui/material';
 import { ReactNode } from 'react';
-export interface AoaCheckboxProps extends Omit<MUICheckboxProps, "checkedIcon" | "icon"> {
+export interface AoaCheckboxProps extends Omit<MUICheckboxProps, 'checkedIcon' | 'icon'> {
     /**
      * Whether this checkbox is checked
      */
@@ -8,7 +8,7 @@ export interface AoaCheckboxProps extends Omit<MUICheckboxProps, "checkedIcon" |
     /**
      * Data-qa tag for E2E test purposes
      */
-    readonly "data-qa"?: string;
+    readonly 'data-qa'?: string;
     /**
      * The label that is shown after the checkbox
      */

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,~~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"}
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;AAEvB,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 CHANGED Viewed

@@ -1,19 +1,19 @@
 import { jsx as o } from "react/jsx-runtime";
-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.DJYQ_-zP.js";
-import { memo as a } from "react";
+import { CheckBoxOutlineBlank as t, CheckBox as l } from "@mui/icons-material";
+import { FormControlLabel as m, typographyClasses as i, Checkbox as c } from "@mui/material";
+import { m as a } from "../../../../chunks/index.DJYQ_-zP.js";
+import { memo as s } from "react";
 import { FontNormalSxProps as n } from "../../../../_constants.js";
-const u = a(({ label: e, ...r }) => /* @__PURE__ */ o(
-  l,
+const k = s(({ label: e, ...r }) => /* @__PURE__ */ o(
+  m,
   {
     control: /* @__PURE__ */ o(
-      m,
+      c,
       {
         ...r,
-        checkedIcon: /* @__PURE__ */ o(t, { color: "inherit", fontSize: "small" }),
-        icon: /* @__PURE__ */ o(i, { color: "inherit", fontSize: "small" }),
-        sx: c(
+        checkedIcon: /* @__PURE__ */ o(l, { color: "inherit", fontSize: "small" }),
+        icon: /* @__PURE__ */ o(t, { color: "inherit", fontSize: "small" }),
+        sx: a(
           {
             color: "var(--color-primary)",
             ":focus": {
@@ -30,10 +30,10 @@ const u = a(({ label: e, ...r }) => /* @__PURE__ */ o(
       }
     ),
     label: e,
-    sx: { ".MuiTypography-root": n }
+    sx: { [`.${i.root}`]: n }
   }
 ));
 export {
-  u as AoaCheckbox
+  k as AoaCheckbox
 };
 //# sourceMappingURL=Checkbox.js.map

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 { 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;"}
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.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={{ [`.${typographyClasses.root}`]: FontNormalSxProps }}\n />\n );\n});\n"],"names":["AoaCheckbox","memo","label","props","jsx","MUIFormControlLabel","MUICheckbox","CheckBoxIcon","CheckBoxOutlineBlankIcon","merge","typographyClasses","FontNormalSxProps"],"mappings":";;;;;;AAoCO,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,CAAC,IAAIQ,EAAkB,IAAI,EAAE,GAAGC,EAAkB;AAAA,EAAA;AAC1D,CAEH;"}

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

@@ -8,7 +8,7 @@ export interface AoaRadioButtonProps extends MUIRadioButtonProps {
     /**
      * Data-qa tag for E2E test purposes
      */
-    readonly "data-qa"?: string;
+    readonly 'data-qa'?: string;
     /**
      * The label that is shown after the radio button
      */

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,~~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"}
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;AAEvB,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 CHANGED Viewed

@@ -1,16 +1,16 @@
 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.DJYQ_-zP.js";
-import { memo as i } from "react";
-import { FontNormalSxProps as l } from "../../../../_constants.js";
-const f = i(({ label: t, ...o }) => /* @__PURE__ */ r(
+import { FormControlLabel as m, typographyClasses as a, Radio as e } from "@mui/material";
+import { m as l } from "../../../../chunks/index.DJYQ_-zP.js";
+import { memo as s } from "react";
+import { FontNormalSxProps as i } from "../../../../_constants.js";
+const n = s(({ label: t, ...o }) => /* @__PURE__ */ r(
   m,
   {
     control: /* @__PURE__ */ r(
-      a,
+      e,
       {
         ...o,
-        sx: e(
+        sx: l(
           {
             color: "var(--color-primary)",
             ":focus": {
@@ -26,10 +26,10 @@ const f = i(({ label: t, ...o }) => /* @__PURE__ */ r(
       }
     ),
     label: t,
-    sx: { ".MuiTypography-root": l }
+    sx: { [`.${a.root}`]: i }
   }
 ));
 export {
-  f as AoaRadioButton
+  n as AoaRadioButton
 };
 //# sourceMappingURL=RadioButton.js.map

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 { 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;"}
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.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={{ [`.${typographyClasses.root}`]: FontNormalSxProps }}\n />\n );\n});\n"],"names":["AoaRadioButton","memo","label","props","jsx","MUIFormControlLabel","MUIRadioButton","merge","typographyClasses","FontNormalSxProps"],"mappings":";;;;;AAmCO,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,CAAC,IAAIM,EAAkB,IAAI,EAAE,GAAGC,EAAkB;AAAA,EAAA;AAC1D,CAEH;"}

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

@@ -8,7 +8,7 @@ export interface AoaSwitchButtonProps extends MUISwitchButtonProps {
     /**
      * Data-qa tag for E2E test purposes
      */
-    readonly "data-qa"?: string;
+    readonly 'data-qa'?: string;
     /**
      * The label that is shown after the switch button
      */

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

	@@ -1 +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;;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"}
1	+ {"version":3,"file":"SwitchButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/selection-buttons/switch-button/SwitchButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,WAAW,IAAI,oBAAoB,EAEzC,MAAM,eAAe,CAAC;AACvB,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 CHANGED Viewed

@@ -1,15 +1,15 @@
 import { jsx as o } from "react/jsx-runtime";
-import { FormControlLabel as i, Switch as p } from "@mui/material";
-import { memo as a } from "react";
-import { FontNormalSxProps as e } from "../../../../_constants.js";
-const d = a(({ label: r, ...t }) => /* @__PURE__ */ o(
+import { FormControlLabel as i, switchClasses as r, typographyClasses as s, Switch as e } from "@mui/material";
+import { memo as p } from "react";
+import { FontNormalSxProps as l } from "../../../../_constants.js";
+const n = p(({ label: t, ...a }) => /* @__PURE__ */ o(
   i,
   {
-    control: /* @__PURE__ */ o(p, { ...t }),
-    label: r,
+    control: /* @__PURE__ */ o(e, { ...a }),
+    label: t,
     sx: {
-      ".MuiTypography-root": e,
-      ".MuiSwitch-root": {
+      [`.${s.root}`]: l,
+      [`.${r.root}`]: {
         color: "var(--color-primary)",
         width: "64px",
         ":focus": {
@@ -20,7 +20,7 @@ const d = a(({ label: r, ...t }) => /* @__PURE__ */ o(
         ":disabled": {
           color: "var(--color-disabled)"
         },
-        ".MuiSwitch-track": {
+        [`.${r.track}`]: {
           height: "22px",
           marginTop: "-4px",
           marginLeft: "-3px",
@@ -31,6 +31,6 @@ const d = a(({ label: r, ...t }) => /* @__PURE__ */ o(
   }
 ));
 export {
-  d as AoaSwitchButton
+  n as AoaSwitchButton
 };
 //# sourceMappingURL=SwitchButton.js.map

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

	@@ -1 +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 /*\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;"}
1	+ {"version":3,"file":"SwitchButton.js","sources":["../../../../../src/components/atoms/selection-buttons/switch-button/SwitchButton.tsx"],"sourcesContent":["import {\n FormControlLabel as MUIFormControlLabel,\n Switch as MUISwitchButton,\n typographyClasses,\n type SwitchProps as MUISwitchButtonProps,\n switchClasses\n} 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 [`.${typographyClasses.root}`]: FontNormalSxProps,\n [`.${switchClasses.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 [`.${switchClasses.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","typographyClasses","FontNormalSxProps","switchClasses"],"mappings":";;;;AAmCO,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,CAAC,IAAIK,EAAkB,IAAI,EAAE,GAAGC;AAAA,MAChC,CAAC,IAAIC,EAAc,IAAI,EAAE,GAAG;AAAA,QAC1B,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,CAAC,IAAIA,EAAc,KAAK,EAAE,GAAG;AAAA,UAC3B,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AACF,CAEH;"}

package/dist/components/atoms/table/Table.d.ts CHANGED Viewed

@@ -35,7 +35,7 @@ type ModeProps =
  */
 {
     getData?: never;
-    mode: "client";
+    mode: 'client';
 }
 /**
  * The Redux action that takes PaginationModel as parameter to retrieve data from the server
@@ -60,17 +60,17 @@ export type AoaTableProps<T extends object = any> = ModeProps & {
     /**
      * Data-qa tag for E2E test purposes
      */
-    readonly "data-qa"?: string;
+    readonly 'data-qa'?: string;
     /**
      * Overwrite a safe selection of the {@link DataGrid} properties
      */
-    readonly dataGridOverridableProps?: Pick<DataGridProps<T>, "checkboxSelection" | "getRowId" | "ignoreDiacritics" | "isRowSelectable" | "loading" | "onRowSelectionModelChange" | "rowSelectionModel">;
+    readonly dataGridOverridableProps?: Pick<DataGridProps<T>, 'checkboxSelection' | 'getRowId' | 'ignoreDiacritics' | 'isRowSelectable' | 'loading' | 'onRowSelectionModelChange' | 'rowSelectionModel'>;
     /**
      * Sets the initial sortModel in case the required sorting differs from the back-end's default sorting
      */
     readonly initialSort?: {
         field: string;
-        sort: "asc" | "desc";
+        sort: 'asc' | 'desc';
     };
     /**
      * Overwrites the default labels when you need a different language than Dutch

package/dist/components/atoms/table/Table.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,~~EAAE~~,KAAK,OAAO,EAAE,MAAM,eAAe,CAAC;~~AAC7C~~,OAAO,~~EAAY~~,KAAK,aAAa,~~EAAE~~,KAAK,UAAU,~~EAAE~~,KAAK,eAAe,~~EAAE~~,KAAK,cAAc,~~EAAE~~,KAAK,aAAa,~~EAAE~~,MAAM,kBAAkB,CAAC;~~AAMhJ~~,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG;IAClD;;OAEG;IACH,KAAK,EAAE,CAAC,EAAE,CAAC;IACX;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,IAAI,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;AAEtE,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,WAAW,EAAE,eAAe,CAAC;IAC7B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,SAAS,EAAE,aAAa,CAAC;CAC1B;AAED,KAAK,SAAS;AACZ;;GAEG;AACD;IAAE,OAAO,CAAC,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAE;AACrC;;GAEG;GACD;IAAE,OAAO,CAAC,YAAY,EAAE,oBAAoB,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAExF,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,IAAI,SAAS,GAAG;IAC9D;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,wBAAwB,CAAC,EAAE,IAAI,CACtC,aAAa,CAAC,CAAC,CAAC,~~EAChB~~,mBAAmB,~~GAAG~~,UAAU,~~GAAG~~,kBAAkB,~~GAAG~~,iBAAiB,~~GAAG~~,SAAS,~~GAAG~~,2BAA2B,~~GAAG~~,mBAAmB,~~CAC1I~~,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC;IAC/D;;OAEG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,GAAG;QAAE,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC;IAChE;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAOF;;;;;;;;;;;;GAYG;AAEH,iBAAS,kBAAkB,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,~~2CAiM1E~~;AAED,eAAO,MAAM,QAAQ,EAA+B,OAAO,kBAAkB,CAAC"}
1	+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0C,KAAK,OAAO,EAAE,MAAM,eAAe,CAAC;AACrF,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,aAAa,EACnB,MAAM,kBAAkB,CAAC;AAM1B,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG;IAClD;;OAEG;IACH,KAAK,EAAE,CAAC,EAAE,CAAC;IACX;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,IAAI,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;AAEtE,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,WAAW,EAAE,eAAe,CAAC;IAC7B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,SAAS,EAAE,aAAa,CAAC;CAC1B;AAED,KAAK,SAAS;AACZ;;GAEG;AACD;IAAE,OAAO,CAAC,EAAE,KAAK,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAE;AACrC;;GAEG;GACD;IAAE,OAAO,CAAC,YAAY,EAAE,oBAAoB,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAExF,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,IAAI,SAAS,GAAG;IAC9D;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,wBAAwB,CAAC,EAAE,IAAI,CACtC,aAAa,CAAC,CAAC,CAAC,EACd,mBAAmB,GACnB,UAAU,GACV,kBAAkB,GAClB,iBAAiB,GACjB,SAAS,GACT,2BAA2B,GAC3B,mBAAmB,CACtB,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC;IAC/D;;OAEG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,GAAG;QAAE,YAAY,EAAE,MAAM,CAAA;KAAE,CAAC;IAChE;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAOF;;;;;;;;;;;;GAYG;AAEH,iBAAS,kBAAkB,CAAC,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,2CAmM1E;AAED,eAAO,MAAM,QAAQ,EAA+B,OAAO,kBAAkB,CAAC"}