From 437f067b242cafd3a66742015fbb8e55e10a765b Mon Sep 17 00:00:00 2001 From: VincentSmedinga Date: Fri, 20 Dec 2024 16:23:33 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20Amsterda?= =?UTF-8?q?m/design-system@44ce6d8ac5a3fc48fd7de258c48fbafdd9928b9f=20?= =?UTF-8?q?=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...e6d8ac5a3fc48fd7de258c48fbafdd9928b9f.txt} | 0 ...Dxj9zSPE.js => Accordion.docs-CTUkWHv4.js} | 2 +- ...VtOi_.js => Accordion.stories-DL9hUQU9.js} | 2 +- ...WVksLo.js => ActionGroup.docs-TkyFJxFO.js} | 2 +- ...Zg8.js => ActionGroup.stories-BkP-Fnyi.js} | 2 +- .../{Alert-c6GvXfXX.js => Alert-BcJseYnK.js} | 2 +- ...ocs-BWIHw742.js => Alert.docs-W0ntHf9G.js} | 2 +- ...-DD0y2WwZ.js => Alert.stories-eGU7L8eh.js} | 2 +- ...Icons-KE5ebJoc.js => AppIcons-CtPqC-oN.js} | 2 +- ...O_0e26.js => ArticlePage.docs-CigKyOg0.js} | 2 +- ...Jjv.js => ArticlePage.stories-CBXE9MLy.js} | 2 +- ...FKveL-.js => AspectRatio.docs-C9K_-5W7.js} | 2 +- ...cs-C4NQzV8z.js => Avatar.docs-CfXYsfgV.js} | 8 +- .../assets/Avatar.stories-CRL5zeap.js | 14 ++ .../assets/Avatar.stories-CZGsyNvx.js | 24 ---- ...ocs-CxgBDJOS.js => Badge.docs-Cm5OQcau.js} | 2 +- ...NG2HQSF.js => Blockquote.docs-BsxssZ5S.js} | 2 +- ..._YTy1Dy.js => Breadcrumb.docs-CnLHrPmg.js} | 2 +- ...-juSvdl8w.js => Breakout.docs-Upj2JfgG.js} | 2 +- ...NlLlrR.js => Breakout.stories-D6eSwQ1y.js} | 2 +- ...{Button-QlQc6Uo1.js => Button-D-IxByo5.js} | 2 +- ...cs-DLVZjC-C.js => Button.docs-CKoe238a.js} | 2 +- ...BFitmNFu.js => Button.stories-CpTiIZEw.js} | 2 +- ...docs-D0Re3BXy.js => Card.docs-CpdJcJ7x.js} | 2 +- ...s-sl45n9X9.js => Card.stories-BBU47nP4.js} | 2 +- ...TFj.js => CharacterCount.docs-CtelpfeY.js} | 2 +- ...-DXpQ-clh.js => Checkbox.docs-CTr6oxCj.js} | 2 +- ...fUD6I0.js => Checkbox.stories-BXPwWUVK.js} | 2 +- ...BZ0ujiS5.js => Color-F6OSRLHC-CKZe07qN.js} | 2 +- ...cs-LjtpJGTj.js => Column.docs-CJX4IBVk.js} | 2 +- ...bHdZwHmz.js => Column.stories-C4RsOl2I.js} | 2 +- ...CphtBAPR.js => DateInput.docs-Cb6AMyAO.js} | 2 +- ...QuEDI.js => DateInput.stories-DcjPKiYv.js} | 2 +- ...0J.js => DescriptionList.docs-CXmG-RzC.js} | 2 +- ...js => DescriptionList.stories-Dmd1cfvk.js} | 2 +- ...cs-OECFN3FR.js => Dialog.docs-DGpE5QtP.js} | 2 +- ...CNxDFR-V.js => Dialog.stories-cTqFWb0A.js} | 2 +- ...1.js => DocsRenderer-CFRXHY34-L1JMIrrr.js} | 2 +- ...kn2mj.js => ErrorMessage.docs-BKWb858W.js} | 2 +- ...um.js => ErrorMessage.stories-BA4c4ZNY.js} | 2 +- ...ocs-DL6_XSzW.js => Field.docs-BdVWC1tT.js} | 2 +- ...-0gI8y-No.js => Field.stories-B2Ivb9i6.js} | 2 +- ...-lcFTH8l3.js => FieldSet.docs-DHG3FItu.js} | 2 +- ...lghA1i.js => FieldSet.stories-CMR_3SLj.js} | 2 +- ...cs-Ck4Mepg_.js => Figure.docs-D4bOrJxi.js} | 2 +- ...CaR7Mq6_.js => Figure.stories-Bmrnzu9z.js} | 2 +- ...DXpDYGMk.js => FileInput.docs-CWK5xlgI.js} | 2 +- ...Me1ke.js => FileInput.stories-BxTZu5mk.js} | 2 +- ...-CRCaxRvk.js => FileList.docs-B60JfBzm.js} | 2 +- ...SjmB_p.js => FileList.stories-D-CQV51P.js} | 2 +- ...cs-C2Y6veQs.js => Footer.docs-BFDBkDES.js} | 2 +- ...CIRnT_Mb.js => Footer.stories-DRPxLRRA.js} | 2 +- ...8Ils.js => FormErrorList.docs-O19jPcMj.js} | 2 +- ...t.js => FormErrorList.stories-BDaOt6O7.js} | 2 +- ...-B_apIt2t.js => FormPage.docs-B5r3TeVJ.js} | 2 +- ...g6lYdy.js => FormPage.stories-D8owIPF5.js} | 2 +- ....docs-BHeu8yhg.js => Gap.docs-CwLD5Xmg.js} | 2 +- ...es-_GUgVZRz.js => Gap.stories-DE-rVrCr.js} | 2 +- demo-develop/assets/Grid-D-BW1_rY.js | 2 + ...docs-Bx_uJgWa.js => Grid.docs-se0Nh0Pi.js} | 4 +- demo-develop/assets/Grid.stories-BCyuDymN.js | 57 ++++++++ demo-develop/assets/Grid.stories-bmYGHC93.js | 58 -------- demo-develop/assets/Header.docs-CkBObEYM.js | 58 ++++++++ demo-develop/assets/Header.docs-DVZA0cMH.js | 47 ------- .../assets/Header.stories-CCKFmKcM.js | 129 ++++++++++++++++++ .../assets/Header.stories-D1XxeJYU.js | 53 ------- ...eading-Vg3KKL7T.js => Heading-kLxhGLS-.js} | 2 +- ...s-C68eXaCn.js => Heading.docs-B2mjLn-I.js} | 2 +- ...kfOO2TM.js => Heading.stories-DT4LRWj5.js} | 2 +- ...-BRvcsFVZ.js => HomePage.docs-D6HdxXhl.js} | 2 +- ...XJkS0G.js => HomePage.stories-BeaIWE5g.js} | 2 +- demo-develop/assets/Icon-CPe807nE.js | 1 - demo-develop/assets/Icon-D9-xhxHj.js | 1 + ...docs-B8pmx8iV.js => Icon.docs-DKOQjHFE.js} | 2 +- ...s-LbYIhcfJ.js => Icon.stories-D4laREB9.js} | 2 +- ...ton-Crov6BLL.js => IconButton-Be1b4x1H.js} | 2 +- ...xC2FGz9.js => IconButton.docs-U5gvOIId.js} | 2 +- ...PKjB.js => IconButton.stories-DBGVkmRI.js} | 2 +- ...ocs-nYxSP6oT.js => Image.docs-Bq6SiMFU.js} | 2 +- ..._Tpwu1.js => ImageSlider.docs-BlULcTsO.js} | 2 +- ...2Rl.js => ImageSlider.stories-DJIb_rGR.js} | 2 +- ...1yQfB.js => Introduction.docs-Da_VlqP_.js} | 2 +- ...ocs-B_srBDwO.js => Label.docs-C7q7Kskh.js} | 2 +- ...docs-DSKqpj-6.js => Link.docs-BSV3XGq7.js} | 2 +- ...s-BTSfIJHy.js => Link.stories-7kOyrFAx.js} | 2 +- ...kList-BSPLoecX.js => LinkList-Dj8_gI0C.js} | 2 +- ...-BTtAti_G.js => LinkList.docs-E6XZq2XD.js} | 2 +- ..._PQEo5.js => LinkList.stories-DoYCcDUX.js} | 2 +- ...docs-Cwd4R0VV.js => Logo.docs-0A2zb0Hc.js} | 6 +- ...cs-BRKJ7LCJ.js => Margin.docs-Cu7KoUBj.js} | 2 +- ...Siz1HW6f.js => Margin.stories-CfyTqZ8m.js} | 2 +- ...docs-CKKS5gBS.js => Mark.docs-DafJhROL.js} | 2 +- ...s-CazgZjNV.js => Mark.stories-CGRmq2qs.js} | 2 +- ...-DXEvfnRP.js => MegaMenu.docs-Btf4nPWX.js} | 2 +- ...eWaGJW.js => MegaMenu.stories-Cqswy_kR.js} | 2 +- ...-QTVxV.js => OrderedList.docs-afvw2gZA.js} | 2 +- ...rgZ.js => OrderedList.stories-B3Ie4GNF.js} | 2 +- ...s-BADrW1kg.js => Overlap.docs-DJlFbMsv.js} | 2 +- ...xA9qRbC.js => Overlap.stories-CrewzBVX.js} | 2 +- ...XV-Eg8.js => PageHeading.docs-BUttRxRB.js} | 2 +- ...-BTlYqyUF.js => PageMenu.docs-C07l-dvk.js} | 2 +- ...SuHN48.js => PageMenu.stories-v0ZRXO4B.js} | 2 +- ...8iuBtJt.js => Pagination.docs-BSUbgYkx.js} | 2 +- ...VvuE.js => Pagination.stories-rLOPoja9.js} | 2 +- ...CahkV25s.js => Paragraph.docs-BKc28q91.js} | 2 +- ...9w8j.js => PasswordInput.docs-DI5zV_kt.js} | 2 +- ...I.js => PasswordInput.stories-lL4gWE7p.js} | 2 +- ...ocs-Da_dNeHT.js => Radio.docs-C3GCinEC.js} | 2 +- ...-DKE1deat.js => Radio.stories-BitR48Hi.js} | 2 +- ....docs-DHMUzlOb.js => Row.docs-B_6U0yZO.js} | 2 +- ...es-MG0PIdL0.js => Row.stories-CcVF9zQ8.js} | 2 +- ...cs-BJPw55BO.js => Screen.docs-BjRfEaJ3.js} | 2 +- ...qaRhsL.js => SearchField.docs-B8Ud8lY5.js} | 2 +- ...Zfk.js => SearchField.stories-DkVKo3RE.js} | 2 +- ...cs-CNKy4BzD.js => Select.docs-DlYGMCEJ.js} | 2 +- ...F41ytB21.js => Select.stories-Bj4EHOpp.js} | 2 +- ...-C0O_SymK.js => SkipLink.docs-Be8nWFLp.js} | 2 +- ...e2mMDb.js => SkipLink.stories-Ctxb7Qdn.js} | 2 +- ...Dy_82sHI.js => Spotlight.docs-DTiw39b7.js} | 2 +- ...z_JvD.js => Spotlight.stories-BdQosNKT.js} | 2 +- ...cs-SJ-ab8ep.js => Switch.docs-D8olgyB_.js} | 2 +- ...D66JiAyY.js => Switch.stories-C9fm22hr.js} | 2 +- ...ocs-0NdmR0RL.js => Table.docs-BDDEdT7M.js} | 2 +- ...OY.js => TableOfContents.docs-CijPmAdI.js} | 2 +- ...js => TableOfContents.stories-4wGXH9sT.js} | 2 +- ...docs-CML4x9Kb.js => Tabs.docs-Y8kg2RV9.js} | 2 +- ...s-7cPRMDoo.js => Tabs.stories-Bxrzx6a_.js} | 2 +- ...-ONOHW6Ec.js => TextArea.docs-DcmoydV3.js} | 2 +- ...3gZ-OK.js => TextArea.stories-CnXZ08-O.js} | 2 +- ...DYvrO-YP.js => TextInput.docs-BawhRtI-.js} | 2 +- ...m6two.js => TextInput.stories-CkXgpyn7.js} | 2 +- ...eK6Yqdk1.js => TimeInput.docs-xGl6CJQC.js} | 2 +- ...aRONz.js => TimeInput.stories-BFA3xcAx.js} | 2 +- ...JEBNS_.js => TopTaskLink.docs-_A7d0xuz.js} | 2 +- ...7cZ.js => TopTaskLink.stories-4KgwrGE1.js} | 2 +- ...EPFK.js => UnorderedList.docs-DSAlDLvK.js} | 2 +- .../assets/UnorderedList.stories-BNBdkZ68.js | 84 ++++++++++++ .../assets/UnorderedList.stories-pdlMgHGk.js | 84 ------------ ...2wx.js => VisuallyHidden.docs-DUjbSeKt.js} | 2 +- ....js => VisuallyHidden.stories-DBh4Iuvh.js} | 2 +- ...IejgC.js => aspect-ratio.docs-RamzfTaj.js} | 2 +- ...cs-TMB7ZUZQ.js => border.docs-CgEyn_02.js} | 2 +- ...6xe-e5.js => breakpoints.docs-CA_USfkU.js} | 2 +- demo-develop/assets/colour.docs-BjefrPSo.js | 33 +++++ demo-develop/assets/colour.docs-f7HllxDT.js | 33 ----- demo-develop/assets/config-4HffZTX0.js | 1 - demo-develop/assets/config-DlbwG7_D.js | 1 + ...BkH8XBz4.js => copyright.docs-DfH4PcSh.js} | 2 +- ...-j96DdC8u.js => entry-preview-BaoE_wvT.js} | 2 +- ...s-C5mV8gCL.js => favicon.docs-C4jGbFpS.js} | 2 +- ...docs-CoF8f0Mt.js => font.docs-gQy8aVdl.js} | 2 +- ...0_.js => getting-started.docs-ZVpJwA8O.js} | 2 +- ...docs-CGYtpt8g.js => grid.docs-qIVmWfqh.js} | 2 +- ...ocs-Dk5ycLQD.js => icons.docs-BAkYcZCQ.js} | 2 +- demo-develop/assets/iframe-CcKRFNHG.js | 2 - demo-develop/assets/iframe-DelTWw7Q.js | 2 + .../{index-nXDhx9BK.js => index-C0w7uGYQ.js} | 2 +- .../{index-U-bvrYWS.js => index-CYpc6MNd.js} | 8 +- demo-develop/assets/index.esm-C0OPbFsf.js | 24 ---- demo-develop/assets/index.esm-ciNFknO_.js | 24 ++++ ....esm-Bz9pa_xK.js => index.esm-kml84xjK.js} | 2 +- ...nPFl.js => interactivity.docs-ACrt1oyh.js} | 2 +- ...YEu4Z.js => introduction.docs-D7CaBy_c.js} | 2 +- ...-vbfhKDgq.js => language.docs-BgIAhiMY.js} | 2 +- ...s-uBo64Api.js => license.docs-xuHuRzHH.js} | 2 +- ...review-BYSMlS8c.js => preview-BWlHv9L3.js} | 2 +- ...review-BAaMx73X.js => preview-C8Sx34P2.js} | 2 +- demo-develop/assets/preview-CNtV9hAn.css | 5 - ...review-GIfpcfDr.js => preview-CO1E5Isi.js} | 4 +- demo-develop/assets/preview-CrEepBd0.css | 5 + ....js => routing-libraries.docs-BzzcnkFA.js} | 2 +- ...ocs-D_tjZ5Jy.js => space.docs-BGHoY8B-.js} | 2 +- ...docs-DrWVfft_.js => text.docs-C_AlZwWF.js} | 2 +- ...Dv3Aw2pU.js => usability.docs-wLK4uhe_.js} | 2 +- ...s-ChQ80Rgl.js => web-app.docs-CqQyKHTI.js} | 2 +- demo-develop/iframe.html | 2 +- demo-develop/index.json | 2 +- demo-develop/project.json | 2 +- 178 files changed, 573 insertions(+), 497 deletions(-) rename demo-develop/{3505dcca183551dce318046f54ad4570cc6e6d2b.txt => 44ce6d8ac5a3fc48fd7de258c48fbafdd9928b9f.txt} (100%) rename demo-develop/assets/{Accordion.docs-Dxj9zSPE.js => Accordion.docs-CTUkWHv4.js} (95%) rename demo-develop/assets/{Accordion.stories-BcMVtOi_.js => Accordion.stories-DL9hUQU9.js} (95%) rename demo-develop/assets/{ActionGroup.docs-CiWVksLo.js => ActionGroup.docs-TkyFJxFO.js} (87%) rename demo-develop/assets/{ActionGroup.stories-_f3PVZg8.js => ActionGroup.stories-BkP-Fnyi.js} (96%) rename demo-develop/assets/{Alert-c6GvXfXX.js => Alert-BcJseYnK.js} (90%) rename demo-develop/assets/{Alert.docs-BWIHw742.js => Alert.docs-W0ntHf9G.js} (82%) rename demo-develop/assets/{Alert.stories-DD0y2WwZ.js => Alert.stories-eGU7L8eh.js} (97%) rename demo-develop/assets/{AppIcons-KE5ebJoc.js => AppIcons-CtPqC-oN.js} (96%) rename demo-develop/assets/{ArticlePage.docs-DpO_0e26.js => ArticlePage.docs-CigKyOg0.js} (61%) rename demo-develop/assets/{ArticlePage.stories-CW09gJjv.js => ArticlePage.stories-CBXE9MLy.js} (97%) rename demo-develop/assets/{AspectRatio.docs-CnFKveL-.js => AspectRatio.docs-C9K_-5W7.js} (93%) rename demo-develop/assets/{Avatar.docs-C4NQzV8z.js => Avatar.docs-CfXYsfgV.js} (60%) create mode 100644 demo-develop/assets/Avatar.stories-CRL5zeap.js delete mode 100644 demo-develop/assets/Avatar.stories-CZGsyNvx.js rename demo-develop/assets/{Badge.docs-CxgBDJOS.js => Badge.docs-Cm5OQcau.js} (89%) rename demo-develop/assets/{Blockquote.docs-CNG2HQSF.js => Blockquote.docs-BsxssZ5S.js} (93%) rename demo-develop/assets/{Breadcrumb.docs-B_YTy1Dy.js => Breadcrumb.docs-CnLHrPmg.js} (92%) rename demo-develop/assets/{Breakout.docs-juSvdl8w.js => Breakout.docs-Upj2JfgG.js} (87%) rename demo-develop/assets/{Breakout.stories-C_NlLlrR.js => Breakout.stories-D6eSwQ1y.js} (98%) rename demo-develop/assets/{Button-QlQc6Uo1.js => Button-D-IxByo5.js} (66%) rename demo-develop/assets/{Button.docs-DLVZjC-C.js => Button.docs-CKoe238a.js} (89%) rename demo-develop/assets/{Button.stories-BFitmNFu.js => Button.stories-CpTiIZEw.js} (97%) rename demo-develop/assets/{Card.docs-D0Re3BXy.js => Card.docs-CpdJcJ7x.js} (89%) rename demo-develop/assets/{Card.stories-sl45n9X9.js => Card.stories-BBU47nP4.js} (98%) rename demo-develop/assets/{CharacterCount.docs-BPBkETFj.js => CharacterCount.docs-CtelpfeY.js} (94%) rename demo-develop/assets/{Checkbox.docs-DXpQ-clh.js => Checkbox.docs-CTr6oxCj.js} (92%) rename demo-develop/assets/{Checkbox.stories-BOfUD6I0.js => Checkbox.stories-BXPwWUVK.js} (99%) rename demo-develop/assets/{Color-F6OSRLHC-BZ0ujiS5.js => Color-F6OSRLHC-CKZe07qN.js} (99%) rename demo-develop/assets/{Column.docs-LjtpJGTj.js => Column.docs-CJX4IBVk.js} (92%) rename demo-develop/assets/{Column.stories-bHdZwHmz.js => Column.stories-C4RsOl2I.js} (95%) rename demo-develop/assets/{DateInput.docs-CphtBAPR.js => DateInput.docs-Cb6AMyAO.js} (93%) rename demo-develop/assets/{DateInput.stories-RBNQuEDI.js => DateInput.stories-DcjPKiYv.js} (96%) rename demo-develop/assets/{DescriptionList.docs-CyaVKw0J.js => DescriptionList.docs-CXmG-RzC.js} (87%) rename demo-develop/assets/{DescriptionList.stories-BEIrM-7P.js => DescriptionList.stories-Dmd1cfvk.js} (99%) rename demo-develop/assets/{Dialog.docs-OECFN3FR.js => Dialog.docs-DGpE5QtP.js} (90%) rename demo-develop/assets/{Dialog.stories-CNxDFR-V.js => Dialog.stories-cTqFWb0A.js} (97%) rename demo-develop/assets/{DocsRenderer-CFRXHY34-C7AVeYW1.js => DocsRenderer-CFRXHY34-L1JMIrrr.js} (91%) rename demo-develop/assets/{ErrorMessage.docs-Bv7kn2mj.js => ErrorMessage.docs-BKWb858W.js} (86%) rename demo-develop/assets/{ErrorMessage.stories-Be50a9um.js => ErrorMessage.stories-BA4c4ZNY.js} (94%) rename demo-develop/assets/{Field.docs-DL6_XSzW.js => Field.docs-BdVWC1tT.js} (86%) rename demo-develop/assets/{Field.stories-0gI8y-No.js => Field.stories-B2Ivb9i6.js} (96%) rename demo-develop/assets/{FieldSet.docs-lcFTH8l3.js => FieldSet.docs-DHG3FItu.js} (95%) rename demo-develop/assets/{FieldSet.stories-B8lghA1i.js => FieldSet.stories-CMR_3SLj.js} (98%) rename demo-develop/assets/{Figure.docs-Ck4Mepg_.js => Figure.docs-D4bOrJxi.js} (77%) rename demo-develop/assets/{Figure.stories-CaR7Mq6_.js => Figure.stories-Bmrnzu9z.js} (96%) rename demo-develop/assets/{FileInput.docs-DXpDYGMk.js => FileInput.docs-CWK5xlgI.js} (88%) rename demo-develop/assets/{FileInput.stories-CS9Me1ke.js => FileInput.stories-BxTZu5mk.js} (84%) rename demo-develop/assets/{FileList.docs-CRCaxRvk.js => FileList.docs-B60JfBzm.js} (85%) rename demo-develop/assets/{FileList.stories-B5SjmB_p.js => FileList.stories-D-CQV51P.js} (95%) rename demo-develop/assets/{Footer.docs-C2Y6veQs.js => Footer.docs-BFDBkDES.js} (81%) rename demo-develop/assets/{Footer.stories-CIRnT_Mb.js => Footer.stories-DRPxLRRA.js} (96%) rename demo-develop/assets/{FormErrorList.docs-DZEU8Ils.js => FormErrorList.docs-O19jPcMj.js} (87%) rename demo-develop/assets/{FormErrorList.stories-DoQK8D7t.js => FormErrorList.stories-BDaOt6O7.js} (97%) rename demo-develop/assets/{FormPage.docs-B_apIt2t.js => FormPage.docs-B5r3TeVJ.js} (65%) rename demo-develop/assets/{FormPage.stories-BKg6lYdy.js => FormPage.stories-D8owIPF5.js} (87%) rename demo-develop/assets/{Gap.docs-BHeu8yhg.js => Gap.docs-CwLD5Xmg.js} (87%) rename demo-develop/assets/{Gap.stories-_GUgVZRz.js => Gap.stories-DE-rVrCr.js} (97%) create mode 100644 demo-develop/assets/Grid-D-BW1_rY.js rename demo-develop/assets/{Grid.docs-Bx_uJgWa.js => Grid.docs-se0Nh0Pi.js} (91%) create mode 100644 demo-develop/assets/Grid.stories-BCyuDymN.js delete mode 100644 demo-develop/assets/Grid.stories-bmYGHC93.js create mode 100644 demo-develop/assets/Header.docs-CkBObEYM.js delete mode 100644 demo-develop/assets/Header.docs-DVZA0cMH.js create mode 100644 demo-develop/assets/Header.stories-CCKFmKcM.js delete mode 100644 demo-develop/assets/Header.stories-D1XxeJYU.js rename demo-develop/assets/{Heading-Vg3KKL7T.js => Heading-kLxhGLS-.js} (85%) rename demo-develop/assets/{Heading.docs-C68eXaCn.js => Heading.docs-B2mjLn-I.js} (87%) rename demo-develop/assets/{Heading.stories-mkfOO2TM.js => Heading.stories-DT4LRWj5.js} (95%) rename demo-develop/assets/{HomePage.docs-BRvcsFVZ.js => HomePage.docs-D6HdxXhl.js} (83%) rename demo-develop/assets/{HomePage.stories-Z6XJkS0G.js => HomePage.stories-BeaIWE5g.js} (96%) delete mode 100644 demo-develop/assets/Icon-CPe807nE.js create mode 100644 demo-develop/assets/Icon-D9-xhxHj.js rename demo-develop/assets/{Icon.docs-B8pmx8iV.js => Icon.docs-DKOQjHFE.js} (92%) rename demo-develop/assets/{Icon.stories-LbYIhcfJ.js => Icon.stories-D4laREB9.js} (95%) rename demo-develop/assets/{IconButton-Crov6BLL.js => IconButton-Be1b4x1H.js} (88%) rename demo-develop/assets/{IconButton.docs-BxC2FGz9.js => IconButton.docs-U5gvOIId.js} (86%) rename demo-develop/assets/{IconButton.stories-DxAaPKjB.js => IconButton.stories-DBGVkmRI.js} (96%) rename demo-develop/assets/{Image.docs-nYxSP6oT.js => Image.docs-Bq6SiMFU.js} (97%) rename demo-develop/assets/{ImageSlider.docs-ii_Tpwu1.js => ImageSlider.docs-BlULcTsO.js} (88%) rename demo-develop/assets/{ImageSlider.stories-C5bWp2Rl.js => ImageSlider.stories-DJIb_rGR.js} (98%) rename demo-develop/assets/{Introduction.docs-BYa1yQfB.js => Introduction.docs-Da_VlqP_.js} (92%) rename demo-develop/assets/{Label.docs-B_srBDwO.js => Label.docs-C7q7Kskh.js} (93%) rename demo-develop/assets/{Link.docs-DSKqpj-6.js => Link.docs-BSV3XGq7.js} (94%) rename demo-develop/assets/{Link.stories-BTSfIJHy.js => Link.stories-7kOyrFAx.js} (97%) rename demo-develop/assets/{LinkList-BSPLoecX.js => LinkList-Dj8_gI0C.js} (92%) rename demo-develop/assets/{LinkList.docs-BTtAti_G.js => LinkList.docs-E6XZq2XD.js} (89%) rename demo-develop/assets/{LinkList.stories-tQ_PQEo5.js => LinkList.stories-DoYCcDUX.js} (96%) rename demo-develop/assets/{Logo.docs-Cwd4R0VV.js => Logo.docs-0A2zb0Hc.js} (93%) rename demo-develop/assets/{Margin.docs-BRKJ7LCJ.js => Margin.docs-Cu7KoUBj.js} (87%) rename demo-develop/assets/{Margin.stories-Siz1HW6f.js => Margin.stories-CfyTqZ8m.js} (97%) rename demo-develop/assets/{Mark.docs-CKKS5gBS.js => Mark.docs-DafJhROL.js} (74%) rename demo-develop/assets/{Mark.stories-CazgZjNV.js => Mark.stories-CGRmq2qs.js} (96%) rename demo-develop/assets/{MegaMenu.docs-DXEvfnRP.js => MegaMenu.docs-Btf4nPWX.js} (69%) rename demo-develop/assets/{MegaMenu.stories-BeeWaGJW.js => MegaMenu.stories-Cqswy_kR.js} (99%) rename demo-develop/assets/{OrderedList.docs-b_-QTVxV.js => OrderedList.docs-afvw2gZA.js} (88%) rename demo-develop/assets/{OrderedList.stories-BN__RrgZ.js => OrderedList.stories-B3Ie4GNF.js} (99%) rename demo-develop/assets/{Overlap.docs-BADrW1kg.js => Overlap.docs-DJlFbMsv.js} (79%) rename demo-develop/assets/{Overlap.stories-BxA9qRbC.js => Overlap.stories-CrewzBVX.js} (97%) rename demo-develop/assets/{PageHeading.docs-CcXV-Eg8.js => PageHeading.docs-BUttRxRB.js} (93%) rename demo-develop/assets/{PageMenu.docs-BTlYqyUF.js => PageMenu.docs-C07l-dvk.js} (88%) rename demo-develop/assets/{PageMenu.stories-DMSuHN48.js => PageMenu.stories-v0ZRXO4B.js} (95%) rename demo-develop/assets/{Pagination.docs-B8iuBtJt.js => Pagination.docs-BSUbgYkx.js} (85%) rename demo-develop/assets/{Pagination.stories-DMveVvuE.js => Pagination.stories-rLOPoja9.js} (91%) rename demo-develop/assets/{Paragraph.docs-CahkV25s.js => Paragraph.docs-BKc28q91.js} (96%) rename demo-develop/assets/{PasswordInput.docs-XojD9w8j.js => PasswordInput.docs-DI5zV_kt.js} (91%) rename demo-develop/assets/{PasswordInput.stories-CZDY2FII.js => PasswordInput.stories-lL4gWE7p.js} (95%) rename demo-develop/assets/{Radio.docs-Da_dNeHT.js => Radio.docs-C3GCinEC.js} (91%) rename demo-develop/assets/{Radio.stories-DKE1deat.js => Radio.stories-BitR48Hi.js} (99%) rename demo-develop/assets/{Row.docs-DHMUzlOb.js => Row.docs-B_6U0yZO.js} (92%) rename demo-develop/assets/{Row.stories-MG0PIdL0.js => Row.stories-CcVF9zQ8.js} (96%) rename demo-develop/assets/{Screen.docs-BJPw55BO.js => Screen.docs-BjRfEaJ3.js} (92%) rename demo-develop/assets/{SearchField.docs-DGqaRhsL.js => SearchField.docs-B8Ud8lY5.js} (90%) rename demo-develop/assets/{SearchField.stories-B7d7NZfk.js => SearchField.stories-DkVKo3RE.js} (89%) rename demo-develop/assets/{Select.docs-CNKy4BzD.js => Select.docs-DlYGMCEJ.js} (89%) rename demo-develop/assets/{Select.stories-F41ytB21.js => Select.stories-Bj4EHOpp.js} (98%) rename demo-develop/assets/{SkipLink.docs-C0O_SymK.js => SkipLink.docs-Be8nWFLp.js} (85%) rename demo-develop/assets/{SkipLink.stories-Bre2mMDb.js => SkipLink.stories-Ctxb7Qdn.js} (97%) rename demo-develop/assets/{Spotlight.docs-Dy_82sHI.js => Spotlight.docs-DTiw39b7.js} (88%) rename demo-develop/assets/{Spotlight.stories-Cakz_JvD.js => Spotlight.stories-BdQosNKT.js} (90%) rename demo-develop/assets/{Switch.docs-SJ-ab8ep.js => Switch.docs-D8olgyB_.js} (85%) rename demo-develop/assets/{Switch.stories-D66JiAyY.js => Switch.stories-C9fm22hr.js} (94%) rename demo-develop/assets/{Table.docs-0NdmR0RL.js => Table.docs-BDDEdT7M.js} (92%) rename demo-develop/assets/{TableOfContents.docs-CM5Tn8OY.js => TableOfContents.docs-CijPmAdI.js} (79%) rename demo-develop/assets/{TableOfContents.stories-VCBJ07Xc.js => TableOfContents.stories-4wGXH9sT.js} (98%) rename demo-develop/assets/{Tabs.docs-CML4x9Kb.js => Tabs.docs-Y8kg2RV9.js} (88%) rename demo-develop/assets/{Tabs.stories-7cPRMDoo.js => Tabs.stories-Bxrzx6a_.js} (98%) rename demo-develop/assets/{TextArea.docs-ONOHW6Ec.js => TextArea.docs-DcmoydV3.js} (90%) rename demo-develop/assets/{TextArea.stories-v53gZ-OK.js => TextArea.stories-CnXZ08-O.js} (97%) rename demo-develop/assets/{TextInput.docs-DYvrO-YP.js => TextInput.docs-BawhRtI-.js} (96%) rename demo-develop/assets/{TextInput.stories-Dv9m6two.js => TextInput.stories-CkXgpyn7.js} (97%) rename demo-develop/assets/{TimeInput.docs-eK6Yqdk1.js => TimeInput.docs-xGl6CJQC.js} (87%) rename demo-develop/assets/{TimeInput.stories-CONaRONz.js => TimeInput.stories-BFA3xcAx.js} (96%) rename demo-develop/assets/{TopTaskLink.docs-lfJEBNS_.js => TopTaskLink.docs-_A7d0xuz.js} (87%) rename demo-develop/assets/{TopTaskLink.stories-COR1H7cZ.js => TopTaskLink.stories-4KgwrGE1.js} (98%) rename demo-develop/assets/{UnorderedList.docs-FEmkEPFK.js => UnorderedList.docs-DSAlDLvK.js} (89%) create mode 100644 demo-develop/assets/UnorderedList.stories-BNBdkZ68.js delete mode 100644 demo-develop/assets/UnorderedList.stories-pdlMgHGk.js rename demo-develop/assets/{VisuallyHidden.docs-CTdcL2wx.js => VisuallyHidden.docs-DUjbSeKt.js} (72%) rename demo-develop/assets/{VisuallyHidden.stories-B_m3rsFP.js => VisuallyHidden.stories-DBh4Iuvh.js} (97%) rename demo-develop/assets/{aspect-ratio.docs-C2jIejgC.js => aspect-ratio.docs-RamzfTaj.js} (95%) rename demo-develop/assets/{border.docs-TMB7ZUZQ.js => border.docs-CgEyn_02.js} (93%) rename demo-develop/assets/{breakpoints.docs-D66xe-e5.js => breakpoints.docs-CA_USfkU.js} (88%) create mode 100644 demo-develop/assets/colour.docs-BjefrPSo.js delete mode 100644 demo-develop/assets/colour.docs-f7HllxDT.js delete mode 100644 demo-develop/assets/config-4HffZTX0.js create mode 100644 demo-develop/assets/config-DlbwG7_D.js rename demo-develop/assets/{copyright.docs-BkH8XBz4.js => copyright.docs-DfH4PcSh.js} (91%) rename demo-develop/assets/{entry-preview-j96DdC8u.js => entry-preview-BaoE_wvT.js} (99%) rename demo-develop/assets/{favicon.docs-C5mV8gCL.js => favicon.docs-C4jGbFpS.js} (94%) rename demo-develop/assets/{font.docs-CoF8f0Mt.js => font.docs-gQy8aVdl.js} (95%) rename demo-develop/assets/{getting-started.docs-D6deoB0_.js => getting-started.docs-ZVpJwA8O.js} (92%) rename demo-develop/assets/{grid.docs-CGYtpt8g.js => grid.docs-qIVmWfqh.js} (98%) rename demo-develop/assets/{icons.docs-Dk5ycLQD.js => icons.docs-BAkYcZCQ.js} (87%) delete mode 100644 demo-develop/assets/iframe-CcKRFNHG.js create mode 100644 demo-develop/assets/iframe-DelTWw7Q.js rename demo-develop/assets/{index-nXDhx9BK.js => index-C0w7uGYQ.js} (96%) rename demo-develop/assets/{index-U-bvrYWS.js => index-CYpc6MNd.js} (99%) delete mode 100644 demo-develop/assets/index.esm-C0OPbFsf.js create mode 100644 demo-develop/assets/index.esm-ciNFknO_.js rename demo-develop/assets/{index.esm-Bz9pa_xK.js => index.esm-kml84xjK.js} (99%) rename demo-develop/assets/{interactivity.docs-Cf_wnPFl.js => interactivity.docs-ACrt1oyh.js} (97%) rename demo-develop/assets/{introduction.docs-Dj4YEu4Z.js => introduction.docs-D7CaBy_c.js} (97%) rename demo-develop/assets/{language.docs-vbfhKDgq.js => language.docs-BgIAhiMY.js} (94%) rename demo-develop/assets/{license.docs-uBo64Api.js => license.docs-xuHuRzHH.js} (99%) rename demo-develop/assets/{preview-BYSMlS8c.js => preview-BWlHv9L3.js} (93%) rename demo-develop/assets/{preview-BAaMx73X.js => preview-C8Sx34P2.js} (90%) delete mode 100644 demo-develop/assets/preview-CNtV9hAn.css rename demo-develop/assets/{preview-GIfpcfDr.js => preview-CO1E5Isi.js} (71%) create mode 100644 demo-develop/assets/preview-CrEepBd0.css rename demo-develop/assets/{routing-libraries.docs-DuyeJ8tk.js => routing-libraries.docs-BzzcnkFA.js} (93%) rename demo-develop/assets/{space.docs-D_tjZ5Jy.js => space.docs-BGHoY8B-.js} (98%) rename demo-develop/assets/{text.docs-DrWVfft_.js => text.docs-C_AlZwWF.js} (99%) rename demo-develop/assets/{usability.docs-Dv3Aw2pU.js => usability.docs-wLK4uhe_.js} (90%) rename demo-develop/assets/{web-app.docs-ChQ80Rgl.js => web-app.docs-CqQyKHTI.js} (96%) diff --git a/demo-develop/3505dcca183551dce318046f54ad4570cc6e6d2b.txt b/demo-develop/44ce6d8ac5a3fc48fd7de258c48fbafdd9928b9f.txt similarity index 100% rename from demo-develop/3505dcca183551dce318046f54ad4570cc6e6d2b.txt rename to demo-develop/44ce6d8ac5a3fc48fd7de258c48fbafdd9928b9f.txt diff --git a/demo-develop/assets/Accordion.docs-Dxj9zSPE.js b/demo-develop/assets/Accordion.docs-CTUkWHv4.js similarity index 95% rename from demo-develop/assets/Accordion.docs-Dxj9zSPE.js rename to demo-develop/assets/Accordion.docs-CTUkWHv4.js index 8fca900c67..6e69337cba 100644 --- a/demo-develop/assets/Accordion.docs-Dxj9zSPE.js +++ b/demo-develop/assets/Accordion.docs-CTUkWHv4.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as a}from"./index-3rgQkYFR.js";import{ae as i,aq as r,ar as c,as as d,at as o}from"./index-U-bvrYWS.js";import{A as h,E as l,R as m}from"./Accordion.stories-BcMVtOi_.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-CpGgN1Hc.js";import"./getHeadingTag-Dv1eMqvl.js";import"./Icon-CPe807nE.js";import"./useKeyboardFocus-CRUFsA_C.js";const p=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as a}from"./index-3rgQkYFR.js";import{ae as i,aq as r,ar as c,as as d,at as o}from"./index-CYpc6MNd.js";import{A as h,E as l,R as m}from"./Accordion.stories-DL9hUQU9.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./exampleContent-CpGgN1Hc.js";import"./getHeadingTag-Dv1eMqvl.js";import"./Icon-D9-xhxHj.js";import"./useKeyboardFocus-CRUFsA_C.js";const p=` # Accordion diff --git a/demo-develop/assets/Accordion.stories-BcMVtOi_.js b/demo-develop/assets/Accordion.stories-DL9hUQU9.js similarity index 95% rename from demo-develop/assets/Accordion.stories-BcMVtOi_.js rename to demo-develop/assets/Accordion.stories-DL9hUQU9.js index 10fd6a8e99..b7aa0d1805 100644 --- a/demo-develop/assets/Accordion.stories-BcMVtOi_.js +++ b/demo-develop/assets/Accordion.stories-DL9hUQU9.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as n}from"./index.esm-C0OPbFsf.js";import{b as x,h as S}from"./exampleContent-CpGgN1Hc.js";import{c as u}from"./clsx-B-dksMZM.js";import{r}from"./index-RigO-4kf.js";import{r as K}from"./index.esm-Bz9pa_xK.js";import{g as M}from"./getHeadingTag-Dv1eMqvl.js";import{I as F}from"./Icon-CPe807nE.js";import{u as W}from"./useKeyboardFocus-CRUFsA_C.js";/** +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as n}from"./index.esm-ciNFknO_.js";import{b as x,h as S}from"./exampleContent-CpGgN1Hc.js";import{c as u}from"./clsx-B-dksMZM.js";import{r}from"./index-RigO-4kf.js";import{r as K}from"./index.esm-kml84xjK.js";import{g as M}from"./getHeadingTag-Dv1eMqvl.js";import{I as F}from"./Icon-D9-xhxHj.js";import{u as W}from"./useKeyboardFocus-CRUFsA_C.js";/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const G={headingLevel:1,sectionAs:"section"},H=r.createContext(G);try{Context.displayName="Context",Context.__docgenInfo={description:`Context lets components pass information deep down without explicitly diff --git a/demo-develop/assets/ActionGroup.docs-CiWVksLo.js b/demo-develop/assets/ActionGroup.docs-TkyFJxFO.js similarity index 87% rename from demo-develop/assets/ActionGroup.docs-CiWVksLo.js rename to demo-develop/assets/ActionGroup.docs-TkyFJxFO.js index 5976eafbee..f6179328be 100644 --- a/demo-develop/assets/ActionGroup.docs-CiWVksLo.js +++ b/demo-develop/assets/ActionGroup.docs-TkyFJxFO.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as a,aq as s,ar as h,at as e}from"./index-U-bvrYWS.js";import{A as c,S as l,W as p}from"./ActionGroup.stories-_f3PVZg8.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const d=` +import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as a,aq as s,ar as h,at as e}from"./index-CYpc6MNd.js";import{A as c,S as l,W as p}from"./ActionGroup.stories-BkP-Fnyi.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";const d=` # Action Group diff --git a/demo-develop/assets/ActionGroup.stories-_f3PVZg8.js b/demo-develop/assets/ActionGroup.stories-BkP-Fnyi.js similarity index 96% rename from demo-develop/assets/ActionGroup.stories-_f3PVZg8.js rename to demo-develop/assets/ActionGroup.stories-BkP-Fnyi.js index f78125ace0..f71bfda6c3 100644 --- a/demo-develop/assets/ActionGroup.stories-_f3PVZg8.js +++ b/demo-develop/assets/ActionGroup.stories-BkP-Fnyi.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{B as t,L as _}from"./index.esm-C0OPbFsf.js";import{c as x}from"./clsx-B-dksMZM.js";import{r as S}from"./index-RigO-4kf.js";const n=S.forwardRef(({children:s,className:j,...y},f)=>e.jsx("div",{...y,ref:f,className:x("ams-action-group",j),role:"group",children:s}));n.displayName="ActionGroup";try{n.displayName="ActionGroup",n.__docgenInfo={description:"",displayName:"ActionGroup",props:{}}}catch{}const k={title:"Components/Layout/Action Group",component:n,args:{children:[e.jsx(t,{children:"Doorgaan"}),e.jsx(t,{variant:"tertiary",children:"Stoppen"})]}},r={},o={args:{children:[e.jsx(t,{children:"Adres wijzigen"}),e.jsx(t,{variant:"secondary",children:"Adres verwijderen"})],className:"ams-resize-horizontal",style:{inlineSize:"16rem"}}},a={args:{children:[e.jsx(t,{children:"Bewerken"},1),e.jsx(_,{download:!0,href:"#",variant:"standalone",children:"Downloaden"},2)]}};var i,c,d;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(d=(c=r.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var l,p,m;o.parameters={...o.parameters,docs:{...(l=o.parameters)==null?void 0:l.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{B as t,L as _}from"./index.esm-ciNFknO_.js";import{c as x}from"./clsx-B-dksMZM.js";import{r as S}from"./index-RigO-4kf.js";const n=S.forwardRef(({children:s,className:j,...y},f)=>e.jsx("div",{...y,ref:f,className:x("ams-action-group",j),role:"group",children:s}));n.displayName="ActionGroup";try{n.displayName="ActionGroup",n.__docgenInfo={description:"",displayName:"ActionGroup",props:{}}}catch{}const k={title:"Components/Layout/Action Group",component:n,args:{children:[e.jsx(t,{children:"Doorgaan"}),e.jsx(t,{variant:"tertiary",children:"Stoppen"})]}},r={},o={args:{children:[e.jsx(t,{children:"Adres wijzigen"}),e.jsx(t,{variant:"secondary",children:"Adres verwijderen"})],className:"ams-resize-horizontal",style:{inlineSize:"16rem"}}},a={args:{children:[e.jsx(t,{children:"Bewerken"},1),e.jsx(_,{download:!0,href:"#",variant:"standalone",children:"Downloaden"},2)]}};var i,c,d;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(d=(c=r.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var l,p,m;o.parameters={...o.parameters,docs:{...(l=o.parameters)==null?void 0:l.docs,source:{originalSource:`{ args: { children: [, ], className: 'ams-resize-horizontal', diff --git a/demo-develop/assets/Alert-c6GvXfXX.js b/demo-develop/assets/Alert-BcJseYnK.js similarity index 90% rename from demo-develop/assets/Alert-c6GvXfXX.js rename to demo-develop/assets/Alert-BcJseYnK.js index 5e413335ba..ef5cff2f06 100644 --- a/demo-develop/assets/Alert-c6GvXfXX.js +++ b/demo-develop/assets/Alert-BcJseYnK.js @@ -1,2 +1,2 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{S as r,a as v,b as h}from"./index.esm-Bz9pa_xK.js";import{c as g}from"./clsx-B-dksMZM.js";import{r as y}from"./index-RigO-4kf.js";import{I as x}from"./Icon-CPe807nE.js";import{H as _}from"./Heading-Vg3KKL7T.js";import{I as b}from"./IconButton-Crov6BLL.js";const A={error:r,info:v,success:h,warning:r},l=y.forwardRef(({children:s,className:i,closeable:o,closeButtonLabel:c="Sluiten",heading:a,headingLevel:u=2,onClose:d,severity:t="warning",...m},f)=>{const n=a?"level-4":"level-5",p=a?"section":"div";return e.jsxs(p,{...m,ref:f,className:g("ams-alert",t&&`ams-alert--${t}`,i),children:[e.jsx("div",{className:"ams-alert__icon",children:e.jsx(x,{size:n,svg:A[t]})}),e.jsxs("div",{className:"ams-alert__content",children:[a&&e.jsx(_,{level:u,size:"level-4",children:a}),s]}),o&&e.jsx(b,{label:c,size:n,onClick:d})]})});l.displayName="Alert";try{l.displayName="Alert",l.__docgenInfo={description:"",displayName:"Alert",props:{closeable:{defaultValue:null,description:"Whether the user can dismiss the Alert. Adds a button to its top right.",name:"closeable",required:!1,type:{name:"boolean"}},closeButtonLabel:{defaultValue:{value:"Sluiten"},description:"The label for the button that dismisses the Alert.",name:"closeButtonLabel",required:!1,type:{name:"string"}},heading:{defaultValue:null,description:"The text for the Heading.",name:"heading",required:!1,type:{name:"string"}},headingLevel:{defaultValue:{value:"2"},description:`The hierarchical level of the Heading within the document. +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{S as r,a as v,b as h}from"./index.esm-kml84xjK.js";import{c as g}from"./clsx-B-dksMZM.js";import{r as y}from"./index-RigO-4kf.js";import{I as x}from"./Icon-D9-xhxHj.js";import{H as _}from"./Heading-kLxhGLS-.js";import{I as b}from"./IconButton-Be1b4x1H.js";const A={error:r,info:v,success:h,warning:r},l=y.forwardRef(({children:s,className:i,closeable:o,closeButtonLabel:c="Sluiten",heading:a,headingLevel:u=2,onClose:d,severity:t="warning",...m},f)=>{const n=a?"level-4":"level-5",p=a?"section":"div";return e.jsxs(p,{...m,ref:f,className:g("ams-alert",t&&`ams-alert--${t}`,i),children:[e.jsx("div",{className:"ams-alert__icon",children:e.jsx(x,{size:n,svg:A[t]})}),e.jsxs("div",{className:"ams-alert__content",children:[a&&e.jsx(_,{level:u,size:"level-4",children:a}),s]}),o&&e.jsx(b,{label:c,size:n,onClick:d})]})});l.displayName="Alert";try{l.displayName="Alert",l.__docgenInfo={description:"",displayName:"Alert",props:{closeable:{defaultValue:null,description:"Whether the user can dismiss the Alert. Adds a button to its top right.",name:"closeable",required:!1,type:{name:"boolean"}},closeButtonLabel:{defaultValue:{value:"Sluiten"},description:"The label for the button that dismisses the Alert.",name:"closeButtonLabel",required:!1,type:{name:"string"}},heading:{defaultValue:null,description:"The text for the Heading.",name:"heading",required:!1,type:{name:"string"}},headingLevel:{defaultValue:{value:"2"},description:`The hierarchical level of the Heading within the document. Note: this intentionally does not change the font size.`,name:"headingLevel",required:!1,type:{name:"enum",value:[{value:"1"},{value:"2"},{value:"3"},{value:"4"}]}},onClose:{defaultValue:null,description:"A function to run when dismissing.",name:"onClose",required:!1,type:{name:"(() => void)"}},severity:{defaultValue:{value:"warning"},description:"The significance of the message conveyed.",name:"severity",required:!1,type:{name:"enum",value:[{value:'"error"'},{value:'"info"'},{value:'"success"'},{value:'"warning"'}]}}}}}catch{}export{l as A}; diff --git a/demo-develop/assets/Alert.docs-BWIHw742.js b/demo-develop/assets/Alert.docs-W0ntHf9G.js similarity index 82% rename from demo-develop/assets/Alert.docs-BWIHw742.js rename to demo-develop/assets/Alert.docs-W0ntHf9G.js index f3e75842f2..93ebe022d9 100644 --- a/demo-develop/assets/Alert.docs-BWIHw742.js +++ b/demo-develop/assets/Alert.docs-W0ntHf9G.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as o,aq as a,ar as c,as as h,at as i}from"./index-U-bvrYWS.js";import{A as l,W as d,E as m,S as p,I as f,a as u,b as x,c as g}from"./Alert.stories-DD0y2WwZ.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Alert-c6GvXfXX.js";import"./Icon-CPe807nE.js";import"./Heading-Vg3KKL7T.js";import"./getHeadingTag-Dv1eMqvl.js";import"./IconButton-Crov6BLL.js";const j=` +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as o,aq as a,ar as c,as as h,at as i}from"./index-CYpc6MNd.js";import{A as l,W as d,E as m,S as p,I as f,a as u,b as x,c as g}from"./Alert.stories-eGU7L8eh.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./Alert-BcJseYnK.js";import"./Icon-D9-xhxHj.js";import"./Heading-kLxhGLS-.js";import"./getHeadingTag-Dv1eMqvl.js";import"./IconButton-Be1b4x1H.js";const j=` # Alert diff --git a/demo-develop/assets/Alert.stories-DD0y2WwZ.js b/demo-develop/assets/Alert.stories-eGU7L8eh.js similarity index 97% rename from demo-develop/assets/Alert.stories-DD0y2WwZ.js rename to demo-develop/assets/Alert.stories-eGU7L8eh.js index 5dc3efa8f9..9269c7eb48 100644 --- a/demo-develop/assets/Alert.stories-DD0y2WwZ.js +++ b/demo-develop/assets/Alert.stories-eGU7L8eh.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as n,U as g,L as A}from"./index.esm-C0OPbFsf.js";import{A as E}from"./Alert-c6GvXfXX.js";const H={title:"Components/Feedback/Alert",component:E,args:{closeable:!1,heading:"Let op"}},r={args:{children:e.jsx(n,{children:"Tijdens Koningsdag zijn alle Stadsloketten gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente zijn niet bereikbaar."})}},a={args:{children:e.jsx(n,{children:"U bent vergeten verplichte velden in te vullen."}),heading:"Vul de gegevens aan"}},s={args:{children:e.jsx(n,{children:"Wegens een technische fout kon het formulier niet worden verzonden. We hebben uw gegevens niet ontvangen. Probeer het over een paar minuten opnieuw."}),heading:"Niet gelukt",severity:"error"}},t={args:{children:e.jsx(n,{children:"Het formulier is verzonden. We hebben uw gegevens goed ontvangen."}),closeable:!0,heading:"Gelukt",severity:"success"}},o={args:{children:e.jsx(n,{children:"Tijdens de hijswerkzaamheden geldt er een korte verkeersstop. We zetten verkeersregelaars in, volg hun aanwijzingen op. De verkeersstop duurt ongeveer 10 minuten."}),closeable:!0,severity:"info"}},i={args:{children:[e.jsx(n,{children:"U bent vergeten de volgende verplichte velden in te vullen:"},1),e.jsxs(g,{children:[e.jsx(g.Item,{children:"Naam"}),e.jsx(g.Item,{children:"Telefoonnummer"})]},2)],heading:"Vul de gegevens aan"}},d={args:{children:e.jsxs(n,{children:["Tijdens Koningsdag zijn"," ",e.jsx(A,{variant:"inline",href:"#",children:"alle Stadsloketten"})," ","gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente zijn niet bereikbaar."]}),severity:"info"}},l={args:{children:e.jsx(n,{children:"De geschatte wachttijd in de adreszoeker klopt momenteel niet altijd. We werken aan een oplossing."}),heading:void 0}};var c,h,m;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as n,U as g,L as A}from"./index.esm-ciNFknO_.js";import{A as E}from"./Alert-BcJseYnK.js";const H={title:"Components/Feedback/Alert",component:E,args:{closeable:!1,heading:"Let op"}},r={args:{children:e.jsx(n,{children:"Tijdens Koningsdag zijn alle Stadsloketten gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente zijn niet bereikbaar."})}},a={args:{children:e.jsx(n,{children:"U bent vergeten verplichte velden in te vullen."}),heading:"Vul de gegevens aan"}},s={args:{children:e.jsx(n,{children:"Wegens een technische fout kon het formulier niet worden verzonden. We hebben uw gegevens niet ontvangen. Probeer het over een paar minuten opnieuw."}),heading:"Niet gelukt",severity:"error"}},t={args:{children:e.jsx(n,{children:"Het formulier is verzonden. We hebben uw gegevens goed ontvangen."}),closeable:!0,heading:"Gelukt",severity:"success"}},o={args:{children:e.jsx(n,{children:"Tijdens de hijswerkzaamheden geldt er een korte verkeersstop. We zetten verkeersregelaars in, volg hun aanwijzingen op. De verkeersstop duurt ongeveer 10 minuten."}),closeable:!0,severity:"info"}},i={args:{children:[e.jsx(n,{children:"U bent vergeten de volgende verplichte velden in te vullen:"},1),e.jsxs(g,{children:[e.jsx(g.Item,{children:"Naam"}),e.jsx(g.Item,{children:"Telefoonnummer"})]},2)],heading:"Vul de gegevens aan"}},d={args:{children:e.jsxs(n,{children:["Tijdens Koningsdag zijn"," ",e.jsx(A,{variant:"inline",href:"#",children:"alle Stadsloketten"})," ","gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente zijn niet bereikbaar."]}),severity:"info"}},l={args:{children:e.jsx(n,{children:"De geschatte wachttijd in de adreszoeker klopt momenteel niet altijd. We werken aan een oplossing."}),heading:void 0}};var c,h,m;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{ args: { children: Tijdens Koningsdag zijn alle Stadsloketten gesloten. Ook 14 020 en alle andere telefoonnummers van de gemeente diff --git a/demo-develop/assets/AppIcons-KE5ebJoc.js b/demo-develop/assets/AppIcons-CtPqC-oN.js similarity index 96% rename from demo-develop/assets/AppIcons-KE5ebJoc.js rename to demo-develop/assets/AppIcons-CtPqC-oN.js index 348e2fac8e..04333d4485 100644 --- a/demo-develop/assets/AppIcons-KE5ebJoc.js +++ b/demo-develop/assets/AppIcons-CtPqC-oN.js @@ -1 +1 @@ -import{j as s}from"./jsx-runtime-BjgbQsUx.js";import{I as i}from"./index.esm-C0OPbFsf.js";const o=()=>s.jsx("div",{className:"ams-docs-gallery",children:s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/apple-touch-icon.png",width:180,height:180}),s.jsx("figcaption",{children:"apple-touch-icon.png (180px)"})]})}),e=()=>s.jsxs("div",{className:"ams-docs-gallery",children:[s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/favicon.ico",width:16,height:16}),s.jsx("figcaption",{children:"favicon.ico (16px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/favicon.ico",width:32,height:32}),s.jsx("figcaption",{children:"favicon.ico (32px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/favicon.ico",width:48,height:48}),s.jsx("figcaption",{children:"favicon.ico (48px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/favicon.ico",width:64,height:64}),s.jsx("figcaption",{children:"favicon.ico (64px)"})]})]}),n=()=>s.jsx("div",{className:"ams-docs-gallery",children:s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/icon.svg",width:64,height:64}),s.jsx("figcaption",{children:"icon.svg (64px)"})]})}),r=()=>s.jsxs("div",{className:"ams-docs-gallery",children:[s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"app-icons/icon-192.png",width:192,height:192}),s.jsx("figcaption",{children:"icon-192.png (192px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"app-icons/icon-512.png",width:512,height:512}),s.jsx("figcaption",{children:"icon-512.png (512px)"})]})]});export{o as A,e as F,n as S,r as W}; +import{j as s}from"./jsx-runtime-BjgbQsUx.js";import{I as i}from"./index.esm-ciNFknO_.js";const o=()=>s.jsx("div",{className:"ams-docs-gallery",children:s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/apple-touch-icon.png",width:180,height:180}),s.jsx("figcaption",{children:"apple-touch-icon.png (180px)"})]})}),e=()=>s.jsxs("div",{className:"ams-docs-gallery",children:[s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/favicon.ico",width:16,height:16}),s.jsx("figcaption",{children:"favicon.ico (16px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/favicon.ico",width:32,height:32}),s.jsx("figcaption",{children:"favicon.ico (32px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/favicon.ico",width:48,height:48}),s.jsx("figcaption",{children:"favicon.ico (48px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/favicon.ico",width:64,height:64}),s.jsx("figcaption",{children:"favicon.ico (64px)"})]})]}),n=()=>s.jsx("div",{className:"ams-docs-gallery",children:s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"favicon/icon.svg",width:64,height:64}),s.jsx("figcaption",{children:"icon.svg (64px)"})]})}),r=()=>s.jsxs("div",{className:"ams-docs-gallery",children:[s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"app-icons/icon-192.png",width:192,height:192}),s.jsx("figcaption",{children:"icon-192.png (192px)"})]}),s.jsxs("figure",{className:"ams-docs-figure",children:[s.jsx(i,{alt:"",src:"app-icons/icon-512.png",width:512,height:512}),s.jsx("figcaption",{children:"icon-512.png (512px)"})]})]});export{o as A,e as F,n as S,r as W}; diff --git a/demo-develop/assets/ArticlePage.docs-DpO_0e26.js b/demo-develop/assets/ArticlePage.docs-CigKyOg0.js similarity index 61% rename from demo-develop/assets/ArticlePage.docs-DpO_0e26.js rename to demo-develop/assets/ArticlePage.docs-CigKyOg0.js index 7b95811858..ef8ba63d71 100644 --- a/demo-develop/assets/ArticlePage.docs-DpO_0e26.js +++ b/demo-develop/assets/ArticlePage.docs-CigKyOg0.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as m}from"./index-3rgQkYFR.js";import{ae as e}from"./index-U-bvrYWS.js";import{A as n}from"./ArticlePage.stories-CW09gJjv.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Image.stories-BYgQuacP.js";import"./Image-dslpK47z.js";import"./config-4HffZTX0.js";import"./PageMenu.stories-DMSuHN48.js";import"./Icon-CPe807nE.js";import"./Footer.stories-CIRnT_Mb.js";/*@license CC0-1.0*/function i(o){const r={h1:"h1",p:"p",...m(),...o.components};return t.jsxs(t.Fragment,{children:[` +import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as m}from"./index-3rgQkYFR.js";import{ae as e}from"./index-CYpc6MNd.js";import{A as n}from"./ArticlePage.stories-CBXE9MLy.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./Image.stories-BYgQuacP.js";import"./Image-dslpK47z.js";import"./config-DlbwG7_D.js";import"./Footer.stories-DRPxLRRA.js";import"./PageMenu.stories-v0ZRXO4B.js";import"./Icon-D9-xhxHj.js";/*@license CC0-1.0*/function i(o){const r={h1:"h1",p:"p",...m(),...o.components};return t.jsxs(t.Fragment,{children:[` `,` `,t.jsx(e,{of:n}),` `,t.jsx(r.h1,{id:"article-page",children:"Article page"}),` diff --git a/demo-develop/assets/ArticlePage.stories-CW09gJjv.js b/demo-develop/assets/ArticlePage.stories-CBXE9MLy.js similarity index 97% rename from demo-develop/assets/ArticlePage.stories-CW09gJjv.js rename to demo-develop/assets/ArticlePage.stories-CBXE9MLy.js index 1da19c80eb..298c4413ff 100644 --- a/demo-develop/assets/ArticlePage.stories-CW09gJjv.js +++ b/demo-develop/assets/ArticlePage.stories-CBXE9MLy.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as r,P as t,t as z,C as g,H as i,U as a,L as h,o as j,i as m,O as y,I as _}from"./index.esm-C0OPbFsf.js";import{L as I}from"./Image.stories-BYgQuacP.js";import{c as L}from"./config-4HffZTX0.js";const u=({lead:n,paragraph1:s,spotlightHeading:o,spotlightLinkLabel:l})=>e.jsxs(e.Fragment,{children:[e.jsx(r,{paddingVertical:"medium",children:e.jsxs(r.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:[e.jsx(t,{className:"ams-mb--md",size:"large",children:n}),e.jsx(t,{children:s})]})}),e.jsx(z,{as:"section",children:e.jsx(r,{paddingTop:"medium",paddingBottom:"large",children:e.jsx(r.Cell,{span:{narrow:4,medium:6,wide:8},start:{narrow:1,medium:2,wide:3},children:e.jsxs(g,{gap:"small",children:[e.jsx(i,{inverseColor:!0,level:2,children:o}),e.jsxs(a,{inverseColor:!0,children:[e.jsx(a.Item,{children:"Vraag uw paspoort of ID-kaart aan bij een Stadsloket in Amsterdam."}),e.jsx(a.Item,{children:"U kunt elke dag langskomen van 9.00 uur tot 17.00 uur en op donderdag tot 20.00 uur."}),e.jsx(a.Item,{children:"Op amsterdam.nl/paspoort staat wat u mee moet nemen."}),e.jsx(a.Item,{children:"Laat aan het loket bij uw aanvraag weten dat u kiest voor gratis bezorgen."}),e.jsx(a.Item,{children:"Als uw paspoort of ID-kaart klaar is, krijgt u een e-mail en sms-bericht met inloggegevens. Met deze inloggegevens kunt u zelf inplannen wanneer u uw reisdocument bezorgd wilt hebben."})]}),e.jsx(t,{inverseColor:!0,children:e.jsx(h,{href:"https://amsterdam.nl/paspoort/",inverseColor:!0,children:l})})]})})})}),e.jsx(r,{paddingVertical:"medium",children:e.jsx(r.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:e.jsxs(g,{children:[e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Wanneer bezorgen we"}),e.jsx(t,{children:"We bezorgen op werkdagen en zaterdag tussen 8.00 en 18.00 uur. De ene week bezorgen wij op dinsdag en donderdag ook tot 21.00 uur en de andere week op woensdag tot 21.00 uur."})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Tekenen voor ontvangst"}),e.jsx(t,{children:"Zorg dat u thuis bent om uw paspoort of ID-kaart te ontvangen. Bij bezorging voor meerdere personen moeten alle personen aanwezig zijn. Ook kinderen vanaf 12 jaar moeten tekenen voor ontvangst. Tot 12 jaar tekent de ouder of wettelijk vertegenwoordiger van het kind."})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Bezorgen met waarde-transport"}),e.jsxs(t,{children:["De gemeente laat uw paspoort of ID-kaart bezorgen met een waarde-transport. Op"," ",e.jsx(h,{href:"https://mijnafspraak.nl/",children:"mijnafspraak.nl"})," ziet u wie er langskomt. De pasfoto van de medewerker is vanaf 8.00 uur zichtbaar. De bezorger controleert bij aankomst uw identiteit en geeft u het nieuwe reisdocument. U geeft uw oude reisdocument aan de bezorger. De bezorger maakt uw oude reisdocument ongeldig waar u bij bent. Daarna mag u het zelf houden of meegeven aan de bezorger, die het vernietigt."]})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Wanneer kan bezorgen niet?"}),e.jsxs(a,{children:[e.jsx(a.Item,{children:"Bij een spoedaanvraag."}),e.jsx(a.Item,{children:"Als u een geldig visum in uw paspoort hebt dat u nog wilt gebruiken."}),e.jsx(a.Item,{children:"Als u het oude reisdocument kwijt bent."}),e.jsx(a.Item,{children:"Als u op een van de Waddeneilanden woont. Daar bezorgen we niet."})]})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Meer weten"}),e.jsx(j,{children:e.jsx(j.Link,{href:"https://amsterdam.nl/paspoort/",children:"amsterdam.nl/paspoort"})})]})]})})})]});try{u.displayName="ArticleBody",u.__docgenInfo={description:"",displayName:"ArticleBody",props:{lead:{defaultValue:null,description:"",name:"lead",required:!0,type:{name:"string"}},paragraph1:{defaultValue:null,description:"",name:"paragraph1",required:!0,type:{name:"string"}},spotlightHeading:{defaultValue:null,description:"",name:"spotlightHeading",required:!0,type:{name:"string"}},spotlightLinkLabel:{defaultValue:null,description:"",name:"spotlightLinkLabel",required:!0,type:{name:"string"}}}}}catch{}const A=()=>e.jsx(r,{paddingTop:"small",children:e.jsx(r.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:e.jsxs(m,{children:[e.jsx(m.Link,{href:"#",children:"Home"}),e.jsx(m.Link,{href:"#",children:"Nieuws"})]})})}),c=({heading:n,imageSrc:s})=>e.jsxs("header",{children:[e.jsx(r,{paddingBottom:"medium",children:e.jsxs(r.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:[e.jsx(i,{className:"ams-mb--sm",children:n}),e.jsx(t,{size:"small",children:"7 juni 2024"})]})}),e.jsx(y,{children:e.jsx(_,{alt:"",aspectRatio:"2x-wide",loading:"lazy",src:s})})]});try{c.displayName="ArticleHeader",c.__docgenInfo={description:"",displayName:"ArticleHeader",props:{heading:{defaultValue:null,description:"",name:"heading",required:!0,type:{name:"string"}},imageSrc:{defaultValue:null,description:"",name:"imageSrc",required:!0,type:{name:"string"}}}}}catch{}const p=({heading:n,imageSrc:s,lead:o,paragraph1:l,spotlightHeading:b,spotlightLinkLabel:v})=>e.jsxs(e.Fragment,{children:[e.jsx(A,{}),e.jsxs("main",{id:"main",children:[e.jsx(c,{heading:n,imageSrc:s}),e.jsx(u,{lead:o,paragraph1:l,spotlightHeading:b,spotlightLinkLabel:v})]})]});try{p.displayName="ArticlePage",p.__docgenInfo={description:"",displayName:"ArticlePage",props:{heading:{defaultValue:null,description:"",name:"heading",required:!0,type:{name:"string"}},imageSrc:{defaultValue:null,description:"",name:"imageSrc",required:!0,type:{name:"string"}},lead:{defaultValue:null,description:"",name:"lead",required:!0,type:{name:"string"}},paragraph1:{defaultValue:null,description:"",name:"paragraph1",required:!0,type:{name:"string"}},spotlightHeading:{defaultValue:null,description:"",name:"spotlightHeading",required:!0,type:{name:"string"}},spotlightLinkLabel:{defaultValue:null,description:"",name:"spotlightLinkLabel",required:!0,type:{name:"string"}}}}}catch{}/** +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as r,P as t,s as z,C as g,H as i,U as a,L as h,m as j,g as m,O as y,I as _}from"./index.esm-ciNFknO_.js";import{L as I}from"./Image.stories-BYgQuacP.js";import{c as L}from"./config-DlbwG7_D.js";const u=({lead:n,paragraph1:s,spotlightHeading:o,spotlightLinkLabel:l})=>e.jsxs(e.Fragment,{children:[e.jsx(r,{paddingVertical:"medium",children:e.jsxs(r.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:[e.jsx(t,{className:"ams-mb--md",size:"large",children:n}),e.jsx(t,{children:s})]})}),e.jsx(z,{as:"section",children:e.jsx(r,{paddingTop:"medium",paddingBottom:"large",children:e.jsx(r.Cell,{span:{narrow:4,medium:6,wide:8},start:{narrow:1,medium:2,wide:3},children:e.jsxs(g,{gap:"small",children:[e.jsx(i,{inverseColor:!0,level:2,children:o}),e.jsxs(a,{inverseColor:!0,children:[e.jsx(a.Item,{children:"Vraag uw paspoort of ID-kaart aan bij een Stadsloket in Amsterdam."}),e.jsx(a.Item,{children:"U kunt elke dag langskomen van 9.00 uur tot 17.00 uur en op donderdag tot 20.00 uur."}),e.jsx(a.Item,{children:"Op amsterdam.nl/paspoort staat wat u mee moet nemen."}),e.jsx(a.Item,{children:"Laat aan het loket bij uw aanvraag weten dat u kiest voor gratis bezorgen."}),e.jsx(a.Item,{children:"Als uw paspoort of ID-kaart klaar is, krijgt u een e-mail en sms-bericht met inloggegevens. Met deze inloggegevens kunt u zelf inplannen wanneer u uw reisdocument bezorgd wilt hebben."})]}),e.jsx(t,{inverseColor:!0,children:e.jsx(h,{href:"https://amsterdam.nl/paspoort/",inverseColor:!0,children:l})})]})})})}),e.jsx(r,{paddingVertical:"medium",children:e.jsx(r.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:e.jsxs(g,{children:[e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Wanneer bezorgen we"}),e.jsx(t,{children:"We bezorgen op werkdagen en zaterdag tussen 8.00 en 18.00 uur. De ene week bezorgen wij op dinsdag en donderdag ook tot 21.00 uur en de andere week op woensdag tot 21.00 uur."})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Tekenen voor ontvangst"}),e.jsx(t,{children:"Zorg dat u thuis bent om uw paspoort of ID-kaart te ontvangen. Bij bezorging voor meerdere personen moeten alle personen aanwezig zijn. Ook kinderen vanaf 12 jaar moeten tekenen voor ontvangst. Tot 12 jaar tekent de ouder of wettelijk vertegenwoordiger van het kind."})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Bezorgen met waarde-transport"}),e.jsxs(t,{children:["De gemeente laat uw paspoort of ID-kaart bezorgen met een waarde-transport. Op"," ",e.jsx(h,{href:"https://mijnafspraak.nl/",children:"mijnafspraak.nl"})," ziet u wie er langskomt. De pasfoto van de medewerker is vanaf 8.00 uur zichtbaar. De bezorger controleert bij aankomst uw identiteit en geeft u het nieuwe reisdocument. U geeft uw oude reisdocument aan de bezorger. De bezorger maakt uw oude reisdocument ongeldig waar u bij bent. Daarna mag u het zelf houden of meegeven aan de bezorger, die het vernietigt."]})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Wanneer kan bezorgen niet?"}),e.jsxs(a,{children:[e.jsx(a.Item,{children:"Bij een spoedaanvraag."}),e.jsx(a.Item,{children:"Als u een geldig visum in uw paspoort hebt dat u nog wilt gebruiken."}),e.jsx(a.Item,{children:"Als u het oude reisdocument kwijt bent."}),e.jsx(a.Item,{children:"Als u op een van de Waddeneilanden woont. Daar bezorgen we niet."})]})]}),e.jsxs("section",{children:[e.jsx(i,{className:"ams-mb--xs",level:2,children:"Meer weten"}),e.jsx(j,{children:e.jsx(j.Link,{href:"https://amsterdam.nl/paspoort/",children:"amsterdam.nl/paspoort"})})]})]})})})]});try{u.displayName="ArticleBody",u.__docgenInfo={description:"",displayName:"ArticleBody",props:{lead:{defaultValue:null,description:"",name:"lead",required:!0,type:{name:"string"}},paragraph1:{defaultValue:null,description:"",name:"paragraph1",required:!0,type:{name:"string"}},spotlightHeading:{defaultValue:null,description:"",name:"spotlightHeading",required:!0,type:{name:"string"}},spotlightLinkLabel:{defaultValue:null,description:"",name:"spotlightLinkLabel",required:!0,type:{name:"string"}}}}}catch{}const A=()=>e.jsx(r,{paddingTop:"small",children:e.jsx(r.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:e.jsxs(m,{children:[e.jsx(m.Link,{href:"#",children:"Home"}),e.jsx(m.Link,{href:"#",children:"Nieuws"})]})})}),c=({heading:n,imageSrc:s})=>e.jsxs("header",{children:[e.jsx(r,{paddingBottom:"medium",children:e.jsxs(r.Cell,{span:{narrow:4,medium:8,wide:10},start:{narrow:1,medium:1,wide:2},children:[e.jsx(i,{className:"ams-mb--sm",children:n}),e.jsx(t,{size:"small",children:"7 juni 2024"})]})}),e.jsx(y,{children:e.jsx(_,{alt:"",aspectRatio:"2x-wide",loading:"lazy",src:s})})]});try{c.displayName="ArticleHeader",c.__docgenInfo={description:"",displayName:"ArticleHeader",props:{heading:{defaultValue:null,description:"",name:"heading",required:!0,type:{name:"string"}},imageSrc:{defaultValue:null,description:"",name:"imageSrc",required:!0,type:{name:"string"}}}}}catch{}const p=({heading:n,imageSrc:s,lead:o,paragraph1:l,spotlightHeading:b,spotlightLinkLabel:v})=>e.jsxs(e.Fragment,{children:[e.jsx(A,{}),e.jsxs("main",{id:"main",children:[e.jsx(c,{heading:n,imageSrc:s}),e.jsx(u,{lead:o,paragraph1:l,spotlightHeading:b,spotlightLinkLabel:v})]})]});try{p.displayName="ArticlePage",p.__docgenInfo={description:"",displayName:"ArticlePage",props:{heading:{defaultValue:null,description:"",name:"heading",required:!0,type:{name:"string"}},imageSrc:{defaultValue:null,description:"",name:"imageSrc",required:!0,type:{name:"string"}},lead:{defaultValue:null,description:"",name:"lead",required:!0,type:{name:"string"}},paragraph1:{defaultValue:null,description:"",name:"paragraph1",required:!0,type:{name:"string"}},spotlightHeading:{defaultValue:null,description:"",name:"spotlightHeading",required:!0,type:{name:"string"}},spotlightLinkLabel:{defaultValue:null,description:"",name:"spotlightLinkLabel",required:!0,type:{name:"string"}}}}}catch{}/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */var x;const D={...L,title:"Pages/Amsterdam.nl/Article Page",component:p,args:{heading:"Ontvang uw paspoort of ID-kaart in de zomer gratis thuis",imageSrc:(x=I.args)==null?void 0:x.src,lead:"Niet meer naar het Stadsloket, maar thuis of op het werk uw nieuwe paspoort ontvangen. In juni en juli kan dat. Deze zomer bezorgt de gemeente reisdocumenten gratis aan huis. We doen dat om de drukte in de Stadsloketten te verminderen. En u hoeft maar 1 keer naar het Stadsloket.",paragraph1:"Van maandag 10 juni tot en met zaterdag 27 juli bezorgt de gemeente Amsterdam uw paspoort of ID-kaart gratis bij u thuis of op het werk. U moet wel naar het Stadsloket om uw reisdocument aan te vragen. Lees hier hoe het werkt.",spotlightHeading:"Vraag een paspoort of ID-kaart aan",spotlightLinkLabel:"Vraag nu een paspoort of ID-kaart aan"}},d={};var w,k,f;d.parameters={...d.parameters,docs:{...(w=d.parameters)==null?void 0:w.docs,source:{originalSource:"{}",...(f=(k=d.parameters)==null?void 0:k.docs)==null?void 0:f.source}}};const V=["Default"],H=Object.freeze(Object.defineProperty({__proto__:null,Default:d,__namedExportsOrder:V,default:D},Symbol.toStringTag,{value:"Module"}));export{H as A}; diff --git a/demo-develop/assets/AspectRatio.docs-CnFKveL-.js b/demo-develop/assets/AspectRatio.docs-C9K_-5W7.js similarity index 93% rename from demo-develop/assets/AspectRatio.docs-CnFKveL-.js rename to demo-develop/assets/AspectRatio.docs-C9K_-5W7.js index 824286cef9..4f8f58778a 100644 --- a/demo-develop/assets/AspectRatio.docs-CnFKveL-.js +++ b/demo-develop/assets/AspectRatio.docs-C9K_-5W7.js @@ -1,4 +1,4 @@ -import{j as a}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as n,aq as i,ar as m,as as r}from"./index-U-bvrYWS.js";import{A as c}from"./AspectRatio.stories-4NdL09L5.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";const p=` +import{j as a}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as n,aq as i,ar as m,as as r}from"./index-CYpc6MNd.js";import{A as c}from"./AspectRatio.stories-4NdL09L5.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";const p=` # Aspect Ratio diff --git a/demo-develop/assets/Avatar.docs-C4NQzV8z.js b/demo-develop/assets/Avatar.docs-CfXYsfgV.js similarity index 60% rename from demo-develop/assets/Avatar.docs-C4NQzV8z.js rename to demo-develop/assets/Avatar.docs-CfXYsfgV.js index 3b43141098..1a7b8d71c9 100644 --- a/demo-develop/assets/Avatar.docs-C4NQzV8z.js +++ b/demo-develop/assets/Avatar.docs-CfXYsfgV.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as p,as as c,at as r}from"./index-U-bvrYWS.js";import{A as m,W as l,F as d,I as h}from"./Avatar.stories-CZGsyNvx.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Image-dslpK47z.js";import"./Icon-CPe807nE.js";const x=` +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as p,as as c,at as r}from"./index-CYpc6MNd.js";import{A as m,W as l,F as h}from"./Avatar.stories-CRL5zeap.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-kml84xjK.js";import"./clsx-B-dksMZM.js";import"./Image-dslpK47z.js";import"./Icon-D9-xhxHj.js";const d=` # Avatar @@ -16,7 +16,7 @@ The default background colour is dark blue. `;/*@license CC0-1.0*/function o(e){const a={h2:"h2",h3:"h3",p:"p",...t(),...e.components};return n.jsxs(n.Fragment,{children:[` `,` `,n.jsx(i,{of:m}),` -`,n.jsx(s,{children:x}),` +`,n.jsx(s,{children:d}),` `,n.jsx(p,{}),` `,n.jsx(c,{}),` `,n.jsx(a.h2,{id:"examples",children:"Examples"}),` @@ -26,6 +26,4 @@ Make sure to scale the image down to around 100 pixels to prevent unnecessary da `,n.jsx(r,{of:l}),` `,n.jsx(a.h3,{id:"fallback-icon",children:"Fallback icon"}),` `,n.jsx(a.p,{children:"A user icon displays if no label and image are provided."}),` -`,n.jsx(r,{of:d}),` -`,n.jsx(a.h3,{id:"in-a-header",children:"In a Header"}),` -`,n.jsx(r,{of:h})]})}function X(e={}){const{wrapper:a}={...t(),...e.components};return a?n.jsx(a,{...e,children:n.jsx(o,{...e})}):o(e)}export{X as default}; +`,n.jsx(r,{of:h})]})}function W(e={}){const{wrapper:a}={...t(),...e.components};return a?n.jsx(a,{...e,children:n.jsx(o,{...e})}):o(e)}export{W as default}; diff --git a/demo-develop/assets/Avatar.stories-CRL5zeap.js b/demo-develop/assets/Avatar.stories-CRL5zeap.js new file mode 100644 index 0000000000..b64721e4d7 --- /dev/null +++ b/demo-develop/assets/Avatar.stories-CRL5zeap.js @@ -0,0 +1,14 @@ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{i as x}from"./index.esm-kml84xjK.js";import{c as I}from"./clsx-B-dksMZM.js";import{r as j}from"./index-RigO-4kf.js";import{I as A}from"./Image-dslpK47z.js";import{I as k}from"./Icon-D9-xhxHj.js";const w=({imageSrc:a,initials:r})=>a?e.jsx(A,{alt:"",src:a}):r.length?e.jsx("span",{"aria-hidden":!0,children:r}):e.jsx(k,{svg:x,size:"level-6"}),o=j.forwardRef(({label:a,imageSrc:r,className:f,color:h="blue",...S},y)=>{const n=a.slice(0,2).toUpperCase(),_=n.length===0?"Gebruiker":`Initialen gebruiker: ${n}`;return e.jsxs("span",{...S,ref:y,className:I("ams-avatar",`ams-avatar--${h}`,r&&"ams-avatar--has-image",f),children:[e.jsx("span",{className:"ams-visually-hidden",children:_}),e.jsx(w,{imageSrc:r,initials:n})]})});o.displayName="Avatar";try{o.displayName="Avatar",o.__docgenInfo={description:"",displayName:"Avatar",props:{color:{defaultValue:{value:"blue"},description:"The background colour.",name:"color",required:!1,type:{name:"enum",value:[{value:'"azure"'},{value:'"black"'},{value:'"blue"'},{value:'"green"'},{value:'"lime"'},{value:'"magenta"'},{value:'"neutral-20"'},{value:'"neutral-40"'},{value:'"neutral-60"'},{value:'"neutral-80"'},{value:'"orange"'},{value:'"purple"'},{value:'"red"'},{value:'"white"'},{value:'"yellow"'}]}},imageSrc:{defaultValue:null,description:"The url for the user’s image. Its center will be displayed. Should be square and scaled down.",name:"imageSrc",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"The text content. Should be the user’s initials. The first two characters will be displayed.",name:"label",required:!0,type:{name:"string"}}}}}catch{}/** + * @license EUPL-1.2+ + * Copyright Gemeente Amsterdam + */const N={title:"Components/Feedback/Avatar",component:o,args:{label:"DS",imageSrc:""}},t={},s={args:{label:"PS",imageSrc:"https://i.pravatar.cc/128"}},l={args:{imageSrc:void 0,label:""}};var c,i,u;t.parameters={...t.parameters,docs:{...(c=t.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(u=(i=t.parameters)==null?void 0:i.docs)==null?void 0:u.source}}};var m,d,p;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`{ + args: { + label: 'PS', + imageSrc: 'https://i.pravatar.cc/128' + } +}`,...(p=(d=s.parameters)==null?void 0:d.docs)==null?void 0:p.source}}};var v,g,b;l.parameters={...l.parameters,docs:{...(v=l.parameters)==null?void 0:v.docs,source:{originalSource:`{ + args: { + imageSrc: undefined, + label: '' + } +}`,...(b=(g=l.parameters)==null?void 0:g.docs)==null?void 0:b.source}}};const T=["Default","WithImage","FallbackIcon"],E=Object.freeze(Object.defineProperty({__proto__:null,Default:t,FallbackIcon:l,WithImage:s,__namedExportsOrder:T,default:N},Symbol.toStringTag,{value:"Module"}));export{E as A,l as F,s as W}; diff --git a/demo-develop/assets/Avatar.stories-CZGsyNvx.js b/demo-develop/assets/Avatar.stories-CZGsyNvx.js deleted file mode 100644 index c6c6a5d396..0000000000 --- a/demo-develop/assets/Avatar.stories-CZGsyNvx.js +++ /dev/null @@ -1,24 +0,0 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{a as P,b as c}from"./index.esm-C0OPbFsf.js";import{i as L,j as M}from"./index.esm-Bz9pa_xK.js";import{c as w}from"./clsx-B-dksMZM.js";import{r as C}from"./index-RigO-4kf.js";import{I as D}from"./Image-dslpK47z.js";import{I as E}from"./Icon-CPe807nE.js";const N=({imageSrc:a,initials:r})=>a?e.jsx(D,{alt:"",src:a}):r.length?e.jsx("span",{"aria-hidden":!0,children:r}):e.jsx(E,{svg:L,size:"level-6"}),o=C.forwardRef(({label:a,imageSrc:r,className:k,color:y="blue",...I},_)=>{const i=a.slice(0,2).toUpperCase(),A=i.length===0?"Gebruiker":`Initialen gebruiker: ${i}`;return e.jsxs("span",{...I,ref:_,className:w("ams-avatar",`ams-avatar--${y}`,r&&"ams-avatar--has-image",k),children:[e.jsx("span",{className:"ams-visually-hidden",children:A}),e.jsx(N,{imageSrc:r,initials:i})]})});o.displayName="Avatar";try{o.displayName="Avatar",o.__docgenInfo={description:"",displayName:"Avatar",props:{color:{defaultValue:{value:"blue"},description:"The background colour.",name:"color",required:!1,type:{name:"enum",value:[{value:'"azure"'},{value:'"black"'},{value:'"blue"'},{value:'"green"'},{value:'"lime"'},{value:'"magenta"'},{value:'"neutral-20"'},{value:'"neutral-40"'},{value:'"neutral-60"'},{value:'"neutral-80"'},{value:'"orange"'},{value:'"purple"'},{value:'"red"'},{value:'"white"'},{value:'"yellow"'}]}},imageSrc:{defaultValue:null,description:"The url for the user’s image. Its center will be displayed. Should be square and scaled down.",name:"imageSrc",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"The text content. Should be the user’s initials. The first two characters will be displayed.",name:"label",required:!0,type:{name:"string"}}}}}catch{}const T={title:"Components/Feedback/Avatar",component:o,args:{label:"DS",imageSrc:""}},s={},t={args:{label:"PS",imageSrc:"https://i.pravatar.cc/128"}},n={args:{imageSrc:void 0,label:""}},l={args:{label:"DS"},render:a=>e.jsx(P,{links:e.jsxs(c,{alignEnd:!0,children:[e.jsx(c.Link,{href:"#",children:"Contact"}),e.jsx(c.Link,{href:"#",icon:M,children:"Zoeken"}),e.jsx("li",{children:e.jsx(o,{...a})})]})})};var u,d,m;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(m=(d=s.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var p,g,v;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{ - args: { - label: 'PS', - imageSrc: 'https://i.pravatar.cc/128' - } -}`,...(v=(g=t.parameters)==null?void 0:g.docs)==null?void 0:v.source}}};var h,f,b;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`{ - args: { - imageSrc: undefined, - label: '' - } -}`,...(b=(f=n.parameters)==null?void 0:f.docs)==null?void 0:b.source}}};var S,x,j;l.parameters={...l.parameters,docs:{...(S=l.parameters)==null?void 0:S.docs,source:{originalSource:`{ - args: { - label: 'DS' - }, - render: args =>
- Contact - - Zoeken - -
  • - -
  • - } /> -}`,...(j=(x=l.parameters)==null?void 0:x.docs)==null?void 0:j.source}}};const q=["Default","WithImage","FallbackIcon","InAHeader"],Z=Object.freeze(Object.defineProperty({__proto__:null,Default:s,FallbackIcon:n,InAHeader:l,WithImage:t,__namedExportsOrder:q,default:T},Symbol.toStringTag,{value:"Module"}));export{Z as A,n as F,l as I,t as W}; diff --git a/demo-develop/assets/Badge.docs-CxgBDJOS.js b/demo-develop/assets/Badge.docs-Cm5OQcau.js similarity index 89% rename from demo-develop/assets/Badge.docs-CxgBDJOS.js rename to demo-develop/assets/Badge.docs-Cm5OQcau.js index 2a7ebf6690..b0bd50a116 100644 --- a/demo-develop/assets/Badge.docs-CxgBDJOS.js +++ b/demo-develop/assets/Badge.docs-Cm5OQcau.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as e}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as a,as as m}from"./index-U-bvrYWS.js";import{B as c}from"./Badge.stories-DPvq_OmT.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./Badge-BvbF-Lgn.js";import"./clsx-B-dksMZM.js";const p=` +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as e}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as a,as as m}from"./index-CYpc6MNd.js";import{B as c}from"./Badge.stories-DPvq_OmT.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./Badge-BvbF-Lgn.js";import"./clsx-B-dksMZM.js";const p=` # Badge diff --git a/demo-develop/assets/Blockquote.docs-CNG2HQSF.js b/demo-develop/assets/Blockquote.docs-BsxssZ5S.js similarity index 93% rename from demo-develop/assets/Blockquote.docs-CNG2HQSF.js rename to demo-develop/assets/Blockquote.docs-BsxssZ5S.js index 5509d53802..0418fa8205 100644 --- a/demo-develop/assets/Blockquote.docs-CNG2HQSF.js +++ b/demo-develop/assets/Blockquote.docs-BsxssZ5S.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as s,aq as a,ar as i,as as m,at as c}from"./index-U-bvrYWS.js";import{B as h,I as l}from"./Blockquote.stories-s8Chbawe.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./exampleContent-CpGgN1Hc.js";import"./clsx-B-dksMZM.js";const u=` +import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as s,aq as a,ar as i,as as m,at as c}from"./index-CYpc6MNd.js";import{B as h,I as l}from"./Blockquote.stories-s8Chbawe.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./exampleContent-CpGgN1Hc.js";import"./clsx-B-dksMZM.js";const u=` # Blockquote diff --git a/demo-develop/assets/Breadcrumb.docs-B_YTy1Dy.js b/demo-develop/assets/Breadcrumb.docs-CnLHrPmg.js similarity index 92% rename from demo-develop/assets/Breadcrumb.docs-B_YTy1Dy.js rename to demo-develop/assets/Breadcrumb.docs-CnLHrPmg.js index 656a6ae095..8340c2c16f 100644 --- a/demo-develop/assets/Breadcrumb.docs-B_YTy1Dy.js +++ b/demo-develop/assets/Breadcrumb.docs-CnLHrPmg.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as o,aq as s,ar as a}from"./index-U-bvrYWS.js";import{B as c}from"./Breadcrumb.stories-DlD_h2bb.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const u=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as o,aq as s,ar as a}from"./index-CYpc6MNd.js";import{B as c}from"./Breadcrumb.stories-DlD_h2bb.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const u=` # Breadcrumb diff --git a/demo-develop/assets/Breakout.docs-juSvdl8w.js b/demo-develop/assets/Breakout.docs-Upj2JfgG.js similarity index 87% rename from demo-develop/assets/Breakout.docs-juSvdl8w.js rename to demo-develop/assets/Breakout.docs-Upj2JfgG.js index 37a0905236..9a064683e9 100644 --- a/demo-develop/assets/Breakout.docs-juSvdl8w.js +++ b/demo-develop/assets/Breakout.docs-Upj2JfgG.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as i,ar as a,as as l,at as h}from"./index-U-bvrYWS.js";import{B as c,V as d}from"./Breakout.stories-C_NlLlrR.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./paddingClasses-C5gheHLv.js";const p=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as i,ar as a,as as l,at as h}from"./index-CYpc6MNd.js";import{B as c,V as d}from"./Breakout.stories-D6eSwQ1y.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./paddingClasses-C5gheHLv.js";const p=` # Breakout diff --git a/demo-develop/assets/Breakout.stories-C_NlLlrR.js b/demo-develop/assets/Breakout.stories-D6eSwQ1y.js similarity index 98% rename from demo-develop/assets/Breakout.stories-C_NlLlrR.js rename to demo-develop/assets/Breakout.stories-D6eSwQ1y.js index cae70b1815..20d8bfa8d5 100644 --- a/demo-develop/assets/Breakout.stories-C_NlLlrR.js +++ b/demo-develop/assets/Breakout.stories-D6eSwQ1y.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{s as V,t as k,P as p,I as C}from"./index.esm-C0OPbFsf.js";import{c as b}from"./clsx-B-dksMZM.js";import{r as y}from"./index-RigO-4kf.js";import{a as i,p as N}from"./paddingClasses-C5gheHLv.js";/** +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{r as V,s as k,P as p,I as C}from"./index.esm-ciNFknO_.js";import{c as b}from"./clsx-B-dksMZM.js";import{r as y}from"./index-RigO-4kf.js";import{a as i,p as N}from"./paddingClasses-C5gheHLv.js";/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const T=(a,t,l,o)=>[...i("ams-breakout__cell--col-span-",a),...i("ams-breakout__cell--col-start-",t),...i("ams-breakout__cell--row-span-",l),...i("ams-breakout__cell--row-start-",o)],_=y.forwardRef(({as:a="div",children:t,className:l,colSpan:o,colStart:d,has:u,rowSpan:m,rowStart:c,...x},j)=>e.jsx(a,{...x,ref:j,className:b("ams-breakout__cell",T(o,d,m,c),u&&`ams-breakout__cell--has-${u}`,l),children:t}));_.displayName="Breakout.Cell";try{Breakout.Cell.displayName="Breakout.Cell",Breakout.Cell.__docgenInfo={description:"",displayName:"Breakout.Cell",props:{as:{defaultValue:null,description:"The HTML element to use.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"div"'},{value:'"section"'}]}},colSpan:{defaultValue:null,description:`Lets the cell span the full width of all grid variants. diff --git a/demo-develop/assets/Button-QlQc6Uo1.js b/demo-develop/assets/Button-D-IxByo5.js similarity index 66% rename from demo-develop/assets/Button-QlQc6Uo1.js rename to demo-develop/assets/Button-D-IxByo5.js index 4bcefa0ed9..20dd5c9c52 100644 --- a/demo-develop/assets/Button-QlQc6Uo1.js +++ b/demo-develop/assets/Button-D-IxByo5.js @@ -1 +1 @@ -import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{c as d}from"./clsx-B-dksMZM.js";import{r as f}from"./index-RigO-4kf.js";import{I as s}from"./Icon-CPe807nE.js";const r=f.forwardRef(({children:o,className:l,disabled:i,icon:e,iconBefore:n,iconOnly:a,type:u,variant:m="primary",...p},c)=>t.jsxs("button",{...p,className:d("ams-button",`ams-button--${m}`,e&&a&&"ams-button--icon-only",l),disabled:i,ref:c,type:u||"button",children:[e&&(n||a)&&t.jsx(s,{svg:e,size:"level-5",square:a}),e&&a?t.jsx("span",{className:"ams-visually-hidden",children:o}):o,e&&!n&&!a&&t.jsx(s,{svg:e,size:"level-5"})]}));r.displayName="Button";try{r.displayName="Button",r.__docgenInfo={description:"",displayName:"Button",props:{variant:{defaultValue:{value:"primary"},description:"The level of prominence. Use a primary button only once per page or section.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},icon:{defaultValue:null,description:"Adds an icon to the button, showing it after the label.",name:"icon",required:!1,type:{name:"Function"}},iconBefore:{defaultValue:null,description:"Shows the icon before the label. Requires a value for `icon`. Cannot be used together with `iconOnly`.",name:"iconBefore",required:!1,type:{name:"boolean"}},iconOnly:{defaultValue:null,description:"Shows the icon without the label. Requires a value for `icon`. Cannot be used together with `iconBefore`.",name:"iconOnly",required:!1,type:{name:"boolean"}}}}}catch{}export{r as B}; +import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{c as d}from"./clsx-B-dksMZM.js";import{r as f}from"./index-RigO-4kf.js";import{I as s}from"./Icon-D9-xhxHj.js";const r=f.forwardRef(({children:o,className:l,disabled:i,icon:e,iconBefore:n,iconOnly:a,type:u,variant:m="primary",...p},c)=>t.jsxs("button",{...p,className:d("ams-button",`ams-button--${m}`,e&&a&&"ams-button--icon-only",l),disabled:i,ref:c,type:u||"button",children:[e&&(n||a)&&t.jsx(s,{svg:e,size:"level-5",square:a}),e&&a?t.jsx("span",{className:"ams-visually-hidden",children:o}):o,e&&!n&&!a&&t.jsx(s,{svg:e,size:"level-5"})]}));r.displayName="Button";try{r.displayName="Button",r.__docgenInfo={description:"",displayName:"Button",props:{variant:{defaultValue:{value:"primary"},description:"The level of prominence. Use a primary button only once per page or section.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'}]}},icon:{defaultValue:null,description:"Adds an icon to the button, showing it after the label.",name:"icon",required:!1,type:{name:"Function | ReactNode"}},iconBefore:{defaultValue:null,description:"Shows the icon before the label. Requires a value for `icon`. Cannot be used together with `iconOnly`.",name:"iconBefore",required:!1,type:{name:"boolean"}},iconOnly:{defaultValue:null,description:"Shows the icon without the label. Requires a value for `icon`. Cannot be used together with `iconBefore`.",name:"iconOnly",required:!1,type:{name:"boolean"}}}}}catch{}export{r as B}; diff --git a/demo-develop/assets/Button.docs-DLVZjC-C.js b/demo-develop/assets/Button.docs-CKoe238a.js similarity index 89% rename from demo-develop/assets/Button.docs-DLVZjC-C.js rename to demo-develop/assets/Button.docs-CKoe238a.js index 68f364d015..1a8617df8e 100644 --- a/demo-develop/assets/Button.docs-DLVZjC-C.js +++ b/demo-develop/assets/Button.docs-CKoe238a.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as s,aq as a,ar as c,as as h,at as t}from"./index-U-bvrYWS.js";import{B as l,P as d,S as u,T as p,W as m,a as b,b as f,c as w}from"./Button.stories-BFitmNFu.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-Bz9pa_xK.js";import"./Button-QlQc6Uo1.js";import"./clsx-B-dksMZM.js";import"./Icon-CPe807nE.js";const x=` +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as s,aq as a,ar as c,as as h,at as t}from"./index-CYpc6MNd.js";import{B as l,P as d,S as u,T as p,W as m,a as b,b as f,c as w}from"./Button.stories-CpTiIZEw.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-kml84xjK.js";import"./Button-D-IxByo5.js";import"./clsx-B-dksMZM.js";import"./Icon-D9-xhxHj.js";const x=` # Button diff --git a/demo-develop/assets/Button.stories-BFitmNFu.js b/demo-develop/assets/Button.stories-CpTiIZEw.js similarity index 97% rename from demo-develop/assets/Button.stories-BFitmNFu.js rename to demo-develop/assets/Button.stories-CpTiIZEw.js index a87c486e46..220d640367 100644 --- a/demo-develop/assets/Button.stories-BFitmNFu.js +++ b/demo-develop/assets/Button.stories-CpTiIZEw.js @@ -1,4 +1,4 @@ -import{j as i}from"./jsx-runtime-BjgbQsUx.js";import{I as d,c}from"./index.esm-Bz9pa_xK.js";import{B as A}from"./Button-QlQc6Uo1.js";const V={title:"Components/Buttons/Button",component:A,args:{children:"Versturen",disabled:!1,icon:void 0,iconBefore:!1,iconOnly:!1,variant:"primary"},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."},icon:{control:{type:"select",labels:{undefined:"none"}},options:[void 0,...Object.keys(d)],mapping:d},iconBefore:{control:{type:"boolean"},if:{arg:"icon"}},iconOnly:{control:{type:"boolean"},if:{arg:"icon"}}}},r={},e={args:{children:"Annuleren",variant:"secondary"}},n={args:{children:"Terug",variant:"tertiary"}},o={args:{children:"Sluiten",icon:c}},a={args:{children:"Sluiten",icon:c,iconBefore:!0}},s={args:{children:"Sluiten",icon:c,iconOnly:!0,variant:"tertiary"}},t={args:{children:"Vergunningsaanvraag verzenden"},decorators:[z=>i.jsx("div",{style:{maxWidth:"16rem"},children:i.jsx(z,{})})]};var l,p,m;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:"{}",...(m=(p=r.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};var u,g,y;e.parameters={...e.parameters,docs:{...(u=e.parameters)==null?void 0:u.docs,source:{originalSource:`{ +import{j as i}from"./jsx-runtime-BjgbQsUx.js";import{I as d,c}from"./index.esm-kml84xjK.js";import{B as A}from"./Button-D-IxByo5.js";const V={title:"Components/Buttons/Button",component:A,args:{children:"Versturen",disabled:!1,icon:void 0,iconBefore:!1,iconOnly:!1,variant:"primary"},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."},icon:{control:{type:"select",labels:{undefined:"none"}},options:[void 0,...Object.keys(d)],mapping:d},iconBefore:{control:{type:"boolean"},if:{arg:"icon"}},iconOnly:{control:{type:"boolean"},if:{arg:"icon"}}}},r={},e={args:{children:"Annuleren",variant:"secondary"}},n={args:{children:"Terug",variant:"tertiary"}},o={args:{children:"Sluiten",icon:c}},a={args:{children:"Sluiten",icon:c,iconBefore:!0}},s={args:{children:"Sluiten",icon:c,iconOnly:!0,variant:"tertiary"}},t={args:{children:"Vergunningsaanvraag verzenden"},decorators:[z=>i.jsx("div",{style:{maxWidth:"16rem"},children:i.jsx(z,{})})]};var l,p,m;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:"{}",...(m=(p=r.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};var u,g,y;e.parameters={...e.parameters,docs:{...(u=e.parameters)==null?void 0:u.docs,source:{originalSource:`{ args: { children: 'Annuleren', variant: 'secondary' diff --git a/demo-develop/assets/Card.docs-D0Re3BXy.js b/demo-develop/assets/Card.docs-CpdJcJ7x.js similarity index 89% rename from demo-develop/assets/Card.docs-D0Re3BXy.js rename to demo-develop/assets/Card.docs-CpdJcJ7x.js index 87ccb02e7a..47396e0793 100644 --- a/demo-develop/assets/Card.docs-D0Re3BXy.js +++ b/demo-develop/assets/Card.docs-CpdJcJ7x.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as r,aq as s,ar as d,at as a}from"./index-U-bvrYWS.js";import{C as c,W as h,a as l}from"./Card.stories-sl45n9X9.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-CpGgN1Hc.js";import"./Paragraph-B2U4A2CY.js";const p=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as r,aq as s,ar as d,at as a}from"./index-CYpc6MNd.js";import{C as c,W as h,a as l}from"./Card.stories-BBU47nP4.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./exampleContent-CpGgN1Hc.js";import"./Paragraph-B2U4A2CY.js";const p=` # Card diff --git a/demo-develop/assets/Card.stories-sl45n9X9.js b/demo-develop/assets/Card.stories-BBU47nP4.js similarity index 98% rename from demo-develop/assets/Card.stories-sl45n9X9.js rename to demo-develop/assets/Card.stories-BBU47nP4.js index 0fa0fabad6..5b497d7f2c 100644 --- a/demo-develop/assets/Card.stories-sl45n9X9.js +++ b/demo-develop/assets/Card.stories-BBU47nP4.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as l,P as c,I as G}from"./index.esm-C0OPbFsf.js";import{i as v}from"./exampleContent-CpGgN1Hc.js";import{c as p}from"./clsx-B-dksMZM.js";import{r as g}from"./index-RigO-4kf.js";import{P as z}from"./Paragraph-B2U4A2CY.js";const w=g.forwardRef(({children:a,className:n,tagline:s,...o},L)=>e.jsxs("hgroup",{...o,ref:L,className:p("ams-card__heading-group",n),children:[a,e.jsx(z,{size:"small",children:s})]}));w.displayName="Card.HeadingGroup";try{Card.HeadingGroup.displayName="Card.HeadingGroup",Card.HeadingGroup.__docgenInfo={description:"",displayName:"Card.HeadingGroup",props:{tagline:{defaultValue:null,description:"A short phrase of text, e.g. to categorise the card. Displayed above the card heading.",name:"tagline",required:!0,type:{name:"string"}}}}}catch{}const H=g.forwardRef(({children:a,className:n,...s},o)=>e.jsx("a",{...s,ref:o,className:p("ams-card__link",n),children:a}));H.displayName="Card.Link";try{Card.Link.displayName="Card.Link",Card.Link.__docgenInfo={description:"",displayName:"Card.Link",props:{}}}catch{}const N=g.forwardRef(({children:a,className:n,...s},o)=>e.jsx("article",{...s,ref:o,className:p("ams-card",n),children:a}));N.displayName="Card";const r=Object.assign(N,{HeadingGroup:w,Link:H});try{r.displayName="Card",r.__docgenInfo={description:"",displayName:"Card",props:{}}}catch{}const P=new Intl.DateTimeFormat("nl",{day:"numeric",month:"long",year:"numeric"}),b=P.format(Date.now()),m=v(),I={title:"Components/Navigation/Card",component:r,decorators:[a=>e.jsx("div",{style:{maxWidth:"24rem"},children:e.jsx(a,{})})]},i={args:{children:[e.jsx(l,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:m.heading})},1),e.jsx(c,{children:m.description},2)]}},t={args:{children:[e.jsx(r.HeadingGroup,{tagline:"Dossier",children:e.jsx(l,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:"Monitor Attracties MRA"})})},1),e.jsx(c,{children:"Ontwikkeling van het aantal attracties en bezoekers in de metropoolregio Amsterdam."},2)]}},d={args:{children:[e.jsx(G,{alt:"",aspectRatio:"wide",src:"https://picsum.photos/480/360"},1),e.jsx(r.HeadingGroup,{tagline:"Nieuws",children:e.jsx(l,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:"Nederlands eerste houten woonwijk komt in Zuidoost"})})},2),e.jsx(c,{children:"We bouwen een levendige, groene en duurzame woonbuurt tussen de Gooiseweg en het Nelson Mandelapark."},3),e.jsx(c,{size:"small",children:b},4)]}};var h,u,k;i.parameters={...i.parameters,docs:{...(h=i.parameters)==null?void 0:h.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as l,P as c,I as G}from"./index.esm-ciNFknO_.js";import{i as v}from"./exampleContent-CpGgN1Hc.js";import{c as p}from"./clsx-B-dksMZM.js";import{r as g}from"./index-RigO-4kf.js";import{P as z}from"./Paragraph-B2U4A2CY.js";const w=g.forwardRef(({children:a,className:n,tagline:s,...o},L)=>e.jsxs("hgroup",{...o,ref:L,className:p("ams-card__heading-group",n),children:[a,e.jsx(z,{size:"small",children:s})]}));w.displayName="Card.HeadingGroup";try{Card.HeadingGroup.displayName="Card.HeadingGroup",Card.HeadingGroup.__docgenInfo={description:"",displayName:"Card.HeadingGroup",props:{tagline:{defaultValue:null,description:"A short phrase of text, e.g. to categorise the card. Displayed above the card heading.",name:"tagline",required:!0,type:{name:"string"}}}}}catch{}const H=g.forwardRef(({children:a,className:n,...s},o)=>e.jsx("a",{...s,ref:o,className:p("ams-card__link",n),children:a}));H.displayName="Card.Link";try{Card.Link.displayName="Card.Link",Card.Link.__docgenInfo={description:"",displayName:"Card.Link",props:{}}}catch{}const N=g.forwardRef(({children:a,className:n,...s},o)=>e.jsx("article",{...s,ref:o,className:p("ams-card",n),children:a}));N.displayName="Card";const r=Object.assign(N,{HeadingGroup:w,Link:H});try{r.displayName="Card",r.__docgenInfo={description:"",displayName:"Card",props:{}}}catch{}const P=new Intl.DateTimeFormat("nl",{day:"numeric",month:"long",year:"numeric"}),b=P.format(Date.now()),m=v(),I={title:"Components/Navigation/Card",component:r,decorators:[a=>e.jsx("div",{style:{maxWidth:"24rem"},children:e.jsx(a,{})})]},i={args:{children:[e.jsx(l,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:m.heading})},1),e.jsx(c,{children:m.description},2)]}},t={args:{children:[e.jsx(r.HeadingGroup,{tagline:"Dossier",children:e.jsx(l,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:"Monitor Attracties MRA"})})},1),e.jsx(c,{children:"Ontwikkeling van het aantal attracties en bezoekers in de metropoolregio Amsterdam."},2)]}},d={args:{children:[e.jsx(G,{alt:"",aspectRatio:"wide",src:"https://picsum.photos/480/360"},1),e.jsx(r.HeadingGroup,{tagline:"Nieuws",children:e.jsx(l,{size:"level-4",children:e.jsx(r.Link,{href:"/",children:"Nederlands eerste houten woonwijk komt in Zuidoost"})})},2),e.jsx(c,{children:"We bouwen een levendige, groene en duurzame woonbuurt tussen de Gooiseweg en het Nelson Mandelapark."},3),e.jsx(c,{size:"small",children:b},4)]}};var h,u,k;i.parameters={...i.parameters,docs:{...(h=i.parameters)==null?void 0:h.docs,source:{originalSource:`{ args: { children: [ {topTask.heading} diff --git a/demo-develop/assets/CharacterCount.docs-BPBkETFj.js b/demo-develop/assets/CharacterCount.docs-CtelpfeY.js similarity index 94% rename from demo-develop/assets/CharacterCount.docs-BPBkETFj.js rename to demo-develop/assets/CharacterCount.docs-CtelpfeY.js index 47c7f26d2d..f3a7496614 100644 --- a/demo-develop/assets/CharacterCount.docs-BPBkETFj.js +++ b/demo-develop/assets/CharacterCount.docs-CtelpfeY.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as a}from"./index-3rgQkYFR.js";import{ae as o,aq as s,ar as h,as as i,at as c}from"./index-U-bvrYWS.js";import{C as m,E as l}from"./CharacterCount.stories-DXeDr-El.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const u=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as a}from"./index-3rgQkYFR.js";import{ae as o,aq as s,ar as h,as as i,at as c}from"./index-CYpc6MNd.js";import{C as m,E as l}from"./CharacterCount.stories-DXeDr-El.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const u=` # Character Count diff --git a/demo-develop/assets/Checkbox.docs-DXpQ-clh.js b/demo-develop/assets/Checkbox.docs-CTr6oxCj.js similarity index 92% rename from demo-develop/assets/Checkbox.docs-DXpQ-clh.js rename to demo-develop/assets/Checkbox.docs-CTr6oxCj.js index 3e79ba971c..2b04b8cb02 100644 --- a/demo-develop/assets/Checkbox.docs-DXpQ-clh.js +++ b/demo-develop/assets/Checkbox.docs-CTr6oxCj.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as a,aq as r,ar as l,as as c,at as i}from"./index-U-bvrYWS.js";import{C as d,L as h,I as p,a as f}from"./Checkbox.stories-BOfUD6I0.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const m=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as a,aq as r,ar as l,as as c,at as i}from"./index-CYpc6MNd.js";import{C as d,L as h,I as p,a as f}from"./Checkbox.stories-BXPwWUVK.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";const m=` # Checkbox diff --git a/demo-develop/assets/Checkbox.stories-BOfUD6I0.js b/demo-develop/assets/Checkbox.stories-BXPwWUVK.js similarity index 99% rename from demo-develop/assets/Checkbox.stories-BOfUD6I0.js rename to demo-develop/assets/Checkbox.stories-BXPwWUVK.js index 8c118faba3..9084519e8e 100644 --- a/demo-develop/assets/Checkbox.stories-BOfUD6I0.js +++ b/demo-develop/assets/Checkbox.stories-BXPwWUVK.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{F as I,P as E,E as S,C as N}from"./index.esm-C0OPbFsf.js";import{c as F}from"./clsx-B-dksMZM.js";import{r as i}from"./index-RigO-4kf.js";const r=i.forwardRef(({children:a,className:c,invalid:m,indeterminate:o,...w},A)=>{const b=i.useId(),s=i.useRef(null);return i.useImperativeHandle(A,()=>s.current),i.useEffect(()=>{s.current&&(s.current.indeterminate=!!o)},[s,o]),e.jsxs("div",{className:F("ams-checkbox",c),children:[e.jsx("input",{...w,"aria-invalid":m||void 0,className:"ams-checkbox__input",id:b,ref:s,type:"checkbox"}),e.jsxs("label",{className:"ams-checkbox__label",htmlFor:b,children:[e.jsx("span",{className:"ams-checkbox__checkmark"}),a]})]})});r.displayName="Checkbox";try{r.displayName="Checkbox",r.__docgenInfo={description:"",displayName:"Checkbox",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}},indeterminate:{defaultValue:null,description:"Allows being neither checked nor unchecked.",name:"indeterminate",required:!1,type:{name:"boolean"}}}}}catch{}const{useArgs:z}=__STORYBOOK_MODULE_PREVIEW_API__,P={title:"Components/Forms/Checkbox",component:r,args:{checked:!1,children:"Checkbox label",disabled:!1,indeterminate:!1,invalid:!1},argTypes:{checked:{description:"Whether the control is checked."},children:{description:"The text for the label.",table:{disable:!1}},disabled:{description:"Prevents interaction. Avoid if possible."},onChange:{action:"clicked",table:{disable:!0}}},render:a=>{const[,c]=z(),m=o=>{c({checked:o.target.checked})};return e.jsx(r,{onClick:m,...a})}},l={},n={args:{children:"Ik heb alle gegevens correct en volledig ingevuld. Ik begrijp dat een verhuizing via internet dezelfde juridische status heeft als een verhuizing met een geschreven geldige handtekening."}},t={argTypes:{checked:{table:{disable:!0}},children:{table:{disable:!0}},disabled:{table:{disable:!0}},indeterminate:{table:{disable:!0}}},render:({invalid:a})=>e.jsxs(I,{"aria-labelledby":`fieldset1 description1${a?" error1":""}`,id:"fieldset1",invalid:a,legend:"Waar gaat uw melding over?",children:[e.jsx(E,{className:"ams-mb--sm",id:"description1",size:"small",children:"De laatstgenoemde melding."}),a&&e.jsx(S,{className:"ams-mb--sm",id:"error1",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(N,{gap:"extra-small",children:[e.jsx(r,{invalid:a,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"evenement",children:"Evenement"}),e.jsx(r,{invalid:a,name:"about",value:"anders",children:"Iets anders"})]})]})},d={args:{invalid:!0},argTypes:{checked:{table:{disable:!0}},children:{table:{disable:!0}},disabled:{table:{disable:!0}},indeterminate:{table:{disable:!0}}},render:({invalid:a})=>e.jsxs(I,{"aria-labelledby":`fieldset2 description2${a?" error2":""}`,id:"fieldset2",invalid:a,legend:"Waar gaat uw melding over?",children:[e.jsx(E,{className:"ams-mb--sm",id:"description2",size:"small",children:"De laatstgenoemde melding."}),a&&e.jsx(S,{className:"ams-mb--sm",id:"error2",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(N,{gap:"extra-small",children:[e.jsx(r,{invalid:a,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"evenement",children:"Evenement"}),e.jsx(r,{invalid:a,name:"about",value:"anders",children:"Iets anders"})]})]})};var u,h,g;l.parameters={...l.parameters,docs:{...(u=l.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(g=(h=l.parameters)==null?void 0:h.docs)==null?void 0:g.source}}};var v,p,x;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{F as I,P as E,E as S,C as N}from"./index.esm-ciNFknO_.js";import{c as F}from"./clsx-B-dksMZM.js";import{r as i}from"./index-RigO-4kf.js";const r=i.forwardRef(({children:a,className:c,invalid:m,indeterminate:o,...w},A)=>{const b=i.useId(),s=i.useRef(null);return i.useImperativeHandle(A,()=>s.current),i.useEffect(()=>{s.current&&(s.current.indeterminate=!!o)},[s,o]),e.jsxs("div",{className:F("ams-checkbox",c),children:[e.jsx("input",{...w,"aria-invalid":m||void 0,className:"ams-checkbox__input",id:b,ref:s,type:"checkbox"}),e.jsxs("label",{className:"ams-checkbox__label",htmlFor:b,children:[e.jsx("span",{className:"ams-checkbox__checkmark"}),a]})]})});r.displayName="Checkbox";try{r.displayName="Checkbox",r.__docgenInfo={description:"",displayName:"Checkbox",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}},indeterminate:{defaultValue:null,description:"Allows being neither checked nor unchecked.",name:"indeterminate",required:!1,type:{name:"boolean"}}}}}catch{}const{useArgs:z}=__STORYBOOK_MODULE_PREVIEW_API__,P={title:"Components/Forms/Checkbox",component:r,args:{checked:!1,children:"Checkbox label",disabled:!1,indeterminate:!1,invalid:!1},argTypes:{checked:{description:"Whether the control is checked."},children:{description:"The text for the label.",table:{disable:!1}},disabled:{description:"Prevents interaction. Avoid if possible."},onChange:{action:"clicked",table:{disable:!0}}},render:a=>{const[,c]=z(),m=o=>{c({checked:o.target.checked})};return e.jsx(r,{onClick:m,...a})}},l={},n={args:{children:"Ik heb alle gegevens correct en volledig ingevuld. Ik begrijp dat een verhuizing via internet dezelfde juridische status heeft als een verhuizing met een geschreven geldige handtekening."}},t={argTypes:{checked:{table:{disable:!0}},children:{table:{disable:!0}},disabled:{table:{disable:!0}},indeterminate:{table:{disable:!0}}},render:({invalid:a})=>e.jsxs(I,{"aria-labelledby":`fieldset1 description1${a?" error1":""}`,id:"fieldset1",invalid:a,legend:"Waar gaat uw melding over?",children:[e.jsx(E,{className:"ams-mb--sm",id:"description1",size:"small",children:"De laatstgenoemde melding."}),a&&e.jsx(S,{className:"ams-mb--sm",id:"error1",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(N,{gap:"extra-small",children:[e.jsx(r,{invalid:a,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"evenement",children:"Evenement"}),e.jsx(r,{invalid:a,name:"about",value:"anders",children:"Iets anders"})]})]})},d={args:{invalid:!0},argTypes:{checked:{table:{disable:!0}},children:{table:{disable:!0}},disabled:{table:{disable:!0}},indeterminate:{table:{disable:!0}}},render:({invalid:a})=>e.jsxs(I,{"aria-labelledby":`fieldset2 description2${a?" error2":""}`,id:"fieldset2",invalid:a,legend:"Waar gaat uw melding over?",children:[e.jsx(E,{className:"ams-mb--sm",id:"description2",size:"small",children:"De laatstgenoemde melding."}),a&&e.jsx(S,{className:"ams-mb--sm",id:"error2",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(N,{gap:"extra-small",children:[e.jsx(r,{invalid:a,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"evenement",children:"Evenement"}),e.jsx(r,{invalid:a,name:"about",value:"anders",children:"Iets anders"})]})]})};var u,h,g;l.parameters={...l.parameters,docs:{...(u=l.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(g=(h=l.parameters)==null?void 0:h.docs)==null?void 0:g.source}}};var v,p,x;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{ args: { children: 'Ik heb alle gegevens correct en volledig ingevuld. Ik begrijp dat een verhuizing via internet dezelfde juridische status heeft als een verhuizing met een geschreven geldige handtekening.' } diff --git a/demo-develop/assets/Color-F6OSRLHC-BZ0ujiS5.js b/demo-develop/assets/Color-F6OSRLHC-CKZe07qN.js similarity index 99% rename from demo-develop/assets/Color-F6OSRLHC-BZ0ujiS5.js rename to demo-develop/assets/Color-F6OSRLHC-CKZe07qN.js index 5bdfbca073..1095136bba 100644 --- a/demo-develop/assets/Color-F6OSRLHC-BZ0ujiS5.js +++ b/demo-develop/assets/Color-F6OSRLHC-CKZe07qN.js @@ -1 +1 @@ -import{ak as ce,al as M,a2 as J,a0 as he,N as fe,am as de,an as ge,ao as be,ap as q}from"./index-U-bvrYWS.js";import{R as m,r as p}from"./index-RigO-4kf.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./jsx-runtime-BjgbQsUx.js";import"./index-D2MAbzvX.js";import"./_commonjsHelpers-CqkleIqs.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";var me=q({"../../node_modules/color-name/index.js"(n,l){l.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}}),Q=q({"../../node_modules/color-convert/conversions.js"(n,l){var c=me(),h={};for(let e of Object.keys(c))h[c[e]]=e;var u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};l.exports=u;for(let e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);let{channels:t,labels:r}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:r})}u.rgb.hsl=function(e){let t=e[0]/255,r=e[1]/255,a=e[2]/255,o=Math.min(t,r,a),i=Math.max(t,r,a),s=i-o,f,g;i===o?f=0:t===i?f=(r-a)/s:r===i?f=2+(a-t)/s:a===i&&(f=4+(t-r)/s),f=Math.min(f*60,360),f<0&&(f+=360);let b=(o+i)/2;return i===o?g=0:b<=.5?g=s/(i+o):g=s/(2-i-o),[f,g*100,b*100]},u.rgb.hsv=function(e){let t,r,a,o,i,s=e[0]/255,f=e[1]/255,g=e[2]/255,b=Math.max(s,f,g),y=b-Math.min(s,f,g),v=function(w){return(b-w)/6/y+1/2};return y===0?(o=0,i=0):(i=y/b,t=v(s),r=v(f),a=v(g),s===b?o=a-r:f===b?o=1/3+t-a:g===b&&(o=2/3+r-t),o<0?o+=1:o>1&&(o-=1)),[o*360,i*100,b*100]},u.rgb.hwb=function(e){let t=e[0],r=e[1],a=e[2],o=u.rgb.hsl(e)[0],i=1/255*Math.min(t,Math.min(r,a));return a=1-1/255*Math.max(t,Math.max(r,a)),[o,i*100,a*100]},u.rgb.cmyk=function(e){let t=e[0]/255,r=e[1]/255,a=e[2]/255,o=Math.min(1-t,1-r,1-a),i=(1-t-o)/(1-o)||0,s=(1-r-o)/(1-o)||0,f=(1-a-o)/(1-o)||0;return[i*100,s*100,f*100,o*100]};function d(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){let t=h[e];if(t)return t;let r=1/0,a;for(let o of Object.keys(c)){let i=c[o],s=d(e,i);s.04045?((t+.055)/1.055)**2.4:t/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92,a=a>.04045?((a+.055)/1.055)**2.4:a/12.92;let o=t*.4124+r*.3576+a*.1805,i=t*.2126+r*.7152+a*.0722,s=t*.0193+r*.1192+a*.9505;return[o*100,i*100,s*100]},u.rgb.lab=function(e){let t=u.rgb.xyz(e),r=t[0],a=t[1],o=t[2];r/=95.047,a/=100,o/=108.883,r=r>.008856?r**(1/3):7.787*r+16/116,a=a>.008856?a**(1/3):7.787*a+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;let i=116*a-16,s=500*(r-a),f=200*(a-o);return[i,s,f]},u.hsl.rgb=function(e){let t=e[0]/360,r=e[1]/100,a=e[2]/100,o,i,s;if(r===0)return s=a*255,[s,s,s];a<.5?o=a*(1+r):o=a+r-a*r;let f=2*a-o,g=[0,0,0];for(let b=0;b<3;b++)i=t+1/3*-(b-1),i<0&&i++,i>1&&i--,6*i<1?s=f+(o-f)*6*i:2*i<1?s=o:3*i<2?s=f+(o-f)*(2/3-i)*6:s=f,g[b]=s*255;return g},u.hsl.hsv=function(e){let t=e[0],r=e[1]/100,a=e[2]/100,o=r,i=Math.max(a,.01);a*=2,r*=a<=1?a:2-a,o*=i<=1?i:2-i;let s=(a+r)/2,f=a===0?2*o/(i+o):2*r/(a+r);return[t,f*100,s*100]},u.hsv.rgb=function(e){let t=e[0]/60,r=e[1]/100,a=e[2]/100,o=Math.floor(t)%6,i=t-Math.floor(t),s=255*a*(1-r),f=255*a*(1-r*i),g=255*a*(1-r*(1-i));switch(a*=255,o){case 0:return[a,g,s];case 1:return[f,a,s];case 2:return[s,a,g];case 3:return[s,f,a];case 4:return[g,s,a];case 5:return[a,s,f]}},u.hsv.hsl=function(e){let t=e[0],r=e[1]/100,a=e[2]/100,o=Math.max(a,.01),i,s;s=(2-r)*a;let f=(2-r)*o;return i=r*o,i/=f<=1?f:2-f,i=i||0,s/=2,[t,i*100,s*100]},u.hwb.rgb=function(e){let t=e[0]/360,r=e[1]/100,a=e[2]/100,o=r+a,i;o>1&&(r/=o,a/=o);let s=Math.floor(6*t),f=1-a;i=6*t-s,s&1&&(i=1-i);let g=r+i*(f-r),b,y,v;switch(s){default:case 6:case 0:b=f,y=g,v=r;break;case 1:b=g,y=f,v=r;break;case 2:b=r,y=f,v=g;break;case 3:b=r,y=g,v=f;break;case 4:b=g,y=r,v=f;break;case 5:b=f,y=r,v=g;break}return[b*255,y*255,v*255]},u.cmyk.rgb=function(e){let t=e[0]/100,r=e[1]/100,a=e[2]/100,o=e[3]/100,i=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,r*(1-o)+o),f=1-Math.min(1,a*(1-o)+o);return[i*255,s*255,f*255]},u.xyz.rgb=function(e){let t=e[0]/100,r=e[1]/100,a=e[2]/100,o,i,s;return o=t*3.2406+r*-1.5372+a*-.4986,i=t*-.9689+r*1.8758+a*.0415,s=t*.0557+r*-.204+a*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),i=Math.min(Math.max(0,i),1),s=Math.min(Math.max(0,s),1),[o*255,i*255,s*255]},u.xyz.lab=function(e){let t=e[0],r=e[1],a=e[2];t/=95.047,r/=100,a/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,a=a>.008856?a**(1/3):7.787*a+16/116;let o=116*r-16,i=500*(t-r),s=200*(r-a);return[o,i,s]},u.lab.xyz=function(e){let t=e[0],r=e[1],a=e[2],o,i,s;i=(t+16)/116,o=r/500+i,s=i-a/200;let f=i**3,g=o**3,b=s**3;return i=f>.008856?f:(i-16/116)/7.787,o=g>.008856?g:(o-16/116)/7.787,s=b>.008856?b:(s-16/116)/7.787,o*=95.047,i*=100,s*=108.883,[o,i,s]},u.lab.lch=function(e){let t=e[0],r=e[1],a=e[2],o;o=Math.atan2(a,r)*360/2/Math.PI,o<0&&(o+=360);let i=Math.sqrt(r*r+a*a);return[t,i,o]},u.lch.lab=function(e){let t=e[0],r=e[1],a=e[2]/360*2*Math.PI,o=r*Math.cos(a),i=r*Math.sin(a);return[t,o,i]},u.rgb.ansi16=function(e,t=null){let[r,a,o]=e,i=t===null?u.rgb.hsv(e)[2]:t;if(i=Math.round(i/50),i===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(a/255)<<1|Math.round(r/255));return i===2&&(s+=60),s},u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])},u.rgb.ansi256=function(e){let t=e[0],r=e[1],a=e[2];return t===r&&r===a?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(r/255*5)+Math.round(a/255*5)},u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];let r=(~~(e>50)+1)*.5,a=(t&1)*r*255,o=(t>>1&1)*r*255,i=(t>>2&1)*r*255;return[a,o,i]},u.ansi256.rgb=function(e){if(e>=232){let i=(e-232)*10+8;return[i,i,i]}e-=16;let t,r=Math.floor(e/36)/5*255,a=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[r,a,o]},u.rgb.hex=function(e){let t=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(t.length)+t},u.hex.rgb=function(e){let t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let r=t[0];t[0].length===3&&(r=r.split("").map(f=>f+f).join(""));let a=parseInt(r,16),o=a>>16&255,i=a>>8&255,s=a&255;return[o,i,s]},u.rgb.hcg=function(e){let t=e[0]/255,r=e[1]/255,a=e[2]/255,o=Math.max(Math.max(t,r),a),i=Math.min(Math.min(t,r),a),s=o-i,f,g;return s<1?f=i/(1-s):f=0,s<=0?g=0:o===t?g=(r-a)/s%6:o===r?g=2+(a-t)/s:g=4+(t-r)/s,g/=6,g%=1,[g*360,s*100,f*100]},u.hsl.hcg=function(e){let t=e[1]/100,r=e[2]/100,a=r<.5?2*t*r:2*t*(1-r),o=0;return a<1&&(o=(r-.5*a)/(1-a)),[e[0],a*100,o*100]},u.hsv.hcg=function(e){let t=e[1]/100,r=e[2]/100,a=t*r,o=0;return a<1&&(o=(r-a)/(1-a)),[e[0],a*100,o*100]},u.hcg.rgb=function(e){let t=e[0]/360,r=e[1]/100,a=e[2]/100;if(r===0)return[a*255,a*255,a*255];let o=[0,0,0],i=t%1*6,s=i%1,f=1-s,g=0;switch(Math.floor(i)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=f,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=f,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=f}return g=(1-r)*a,[(r*o[0]+g)*255,(r*o[1]+g)*255,(r*o[2]+g)*255]},u.hcg.hsv=function(e){let t=e[1]/100,r=e[2]/100,a=t+r*(1-t),o=0;return a>0&&(o=t/a),[e[0],o*100,a*100]},u.hcg.hsl=function(e){let t=e[1]/100,r=e[2]/100*(1-t)+.5*t,a=0;return r>0&&r<.5?a=t/(2*r):r>=.5&&r<1&&(a=t/(2*(1-r))),[e[0],a*100,r*100]},u.hcg.hwb=function(e){let t=e[1]/100,r=e[2]/100,a=t+r*(1-t);return[e[0],(a-t)*100,(1-a)*100]},u.hwb.hcg=function(e){let t=e[1]/100,r=1-e[2]/100,a=r-t,o=0;return a<1&&(o=(r-a)/(1-a)),[e[0],a*100,o*100]},u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]},u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]},u.gray.hsl=function(e){return[0,0,e[0]]},u.gray.hsv=u.gray.hsl,u.gray.hwb=function(e){return[0,100,e[0]]},u.gray.cmyk=function(e){return[0,0,0,e[0]]},u.gray.lab=function(e){return[e[0],0,0]},u.gray.hex=function(e){let t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r},u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]}}}),ve=q({"../../node_modules/color-convert/route.js"(n,l){var c=Q();function h(){let t={},r=Object.keys(c);for(let a=r.length,o=0;o1&&(o=i),r(o))};return"conversion"in r&&(a.conversion=r.conversion),a}function t(r){let a=function(...o){let i=o[0];if(i==null)return i;i.length>1&&(o=i);let s=r(o);if(typeof s=="object")for(let f=s.length,g=0;g{u[r]={},Object.defineProperty(u[r],"channels",{value:c[r].channels}),Object.defineProperty(u[r],"labels",{value:c[r].labels});let a=h(r);Object.keys(a).forEach(o=>{let i=a[o];u[r][o]=t(i),u[r][o].raw=e(i)})}),l.exports=u}}),_=ce(pe());function C(){return(C=Object.assign||function(n){for(var l=1;l=0||(u[c]=n[c]);return u}function L(n){var l=p.useRef(n),c=p.useRef(function(h){l.current&&l.current(h)});return l.current=n,c.current}var N=function(n,l,c){return l===void 0&&(l=0),c===void 0&&(c=1),n>c?c:n0:y.buttons>0)&&u.current?d(F(u.current,y,t.current)):b(!1)},g=function(){return b(!1)};function b(y){var v=r.current,w=B(u.current),E=y?w.addEventListener:w.removeEventListener;E(v?"touchmove":"mousemove",f),E(v?"touchend":"mouseup",g)}return[function(y){var v=y.nativeEvent,w=u.current;if(w&&(W(v),!function(k,P){return P&&!O(k)}(v,r.current)&&w)){if(O(v)){r.current=!0;var E=v.changedTouches||[];E.length&&(t.current=E[0].identifier)}w.focus(),d(F(w,v,t.current)),b(!0)}},function(y){var v=y.which||y.keyCode;v<37||v>40||(y.preventDefault(),e({left:v===39?.05:v===37?-.05:0,top:v===40?.05:v===38?-.05:0}))},b]},[e,d]),o=a[0],i=a[1],s=a[2];return p.useEffect(function(){return s},[s]),m.createElement("div",C({},h,{onTouchStart:o,onMouseDown:o,className:"react-colorful__interactive",ref:u,onKeyDown:i,tabIndex:0,role:"slider"}))}),S=function(n){return n.filter(Boolean).join(" ")},T=function(n){var l=n.color,c=n.left,h=n.top,u=h===void 0?.5:h,d=S(["react-colorful__pointer",n.className]);return m.createElement("div",{className:d,style:{top:100*u+"%",left:100*c+"%"}},m.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:l}}))},x=function(n,l,c){return l===void 0&&(l=0),c===void 0&&(c=Math.pow(10,l)),Math.round(c*n)/c},ye={grad:.9,turn:360,rad:360/(2*Math.PI)},xe=function(n){return re(K(n))},K=function(n){return n[0]==="#"&&(n=n.substring(1)),n.length<6?{r:parseInt(n[0]+n[0],16),g:parseInt(n[1]+n[1],16),b:parseInt(n[2]+n[2],16),a:n.length===4?x(parseInt(n[3]+n[3],16)/255,2):1}:{r:parseInt(n.substring(0,2),16),g:parseInt(n.substring(2,4),16),b:parseInt(n.substring(4,6),16),a:n.length===8?x(parseInt(n.substring(6,8),16)/255,2):1}},we=function(n,l){return l===void 0&&(l="deg"),Number(n)*(ye[l]||1)},ke=function(n){var l=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(n);return l?_e({h:we(l[1],l[2]),s:Number(l[3]),l:Number(l[4]),a:l[5]===void 0?1:Number(l[5])/(l[6]?100:1)}):{h:0,s:0,v:0,a:1}},_e=function(n){var l=n.s,c=n.l;return{h:n.h,s:(l*=(c<50?c:100-c)/100)>0?2*l/(c+l)*100:0,v:c+l,a:n.a}},Ee=function(n){return Ce(ee(n))},Z=function(n){var l=n.s,c=n.v,h=n.a,u=(200-l)*c/100;return{h:x(n.h),s:x(u>0&&u<200?l*c/100/(u<=100?u:200-u)*100:0),l:x(u/2),a:x(h,2)}},X=function(n){var l=Z(n);return"hsl("+l.h+", "+l.s+"%, "+l.l+"%)"},I=function(n){var l=Z(n);return"hsla("+l.h+", "+l.s+"%, "+l.l+"%, "+l.a+")"},ee=function(n){var l=n.h,c=n.s,h=n.v,u=n.a;l=l/360*6,c/=100,h/=100;var d=Math.floor(l),e=h*(1-c),t=h*(1-(l-d)*c),r=h*(1-(1-l+d)*c),a=d%6;return{r:x(255*[h,t,e,e,r,h][a]),g:x(255*[r,h,h,t,e,e][a]),b:x(255*[e,e,r,h,h,t][a]),a:x(u,2)}},Me=function(n){var l=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(n);return l?re({r:Number(l[1])/(l[2]?100/255:1),g:Number(l[3])/(l[4]?100/255:1),b:Number(l[5])/(l[6]?100/255:1),a:l[7]===void 0?1:Number(l[7])/(l[8]?100:1)}):{h:0,s:0,v:0,a:1}},j=function(n){var l=n.toString(16);return l.length<2?"0"+l:l},Ce=function(n){var l=n.r,c=n.g,h=n.b,u=n.a,d=u<1?j(x(255*u)):"";return"#"+j(l)+j(c)+j(h)+d},re=function(n){var l=n.r,c=n.g,h=n.b,u=n.a,d=Math.max(l,c,h),e=d-Math.min(l,c,h),t=e?d===l?(c-h)/e:d===c?2+(h-l)/e:4+(l-c)/e:0;return{h:x(60*(t<0?t+6:t)),s:x(d?e/d*100:0),v:x(d/255*100),a:u}},te=m.memo(function(n){var l=n.hue,c=n.onChange,h=S(["react-colorful__hue",n.className]);return m.createElement("div",{className:h},m.createElement(G,{onMove:function(u){c({h:360*u.left})},onKey:function(u){c({h:N(l+360*u.left,0,360)})},"aria-label":"Hue","aria-valuenow":x(l),"aria-valuemax":"360","aria-valuemin":"0"},m.createElement(T,{className:"react-colorful__hue-pointer",left:l/360,color:X({h:l,s:100,v:100,a:1})})))}),ne=m.memo(function(n){var l=n.hsva,c=n.onChange,h={backgroundColor:X({h:l.h,s:100,v:100,a:1})};return m.createElement("div",{className:"react-colorful__saturation",style:h},m.createElement(G,{onMove:function(u){c({s:100*u.left,v:100-100*u.top})},onKey:function(u){c({s:N(l.s+100*u.left,0,100),v:N(l.v-100*u.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+x(l.s)+"%, Brightness "+x(l.v)+"%"},m.createElement(T,{className:"react-colorful__saturation-pointer",top:1-l.v/100,left:l.s/100,color:X(l)})))}),ae=function(n,l){if(n===l)return!0;for(var c in n)if(n[c]!==l[c])return!1;return!0},oe=function(n,l){return n.replace(/\s/g,"")===l.replace(/\s/g,"")},$e=function(n,l){return n.toLowerCase()===l.toLowerCase()||ae(K(n),K(l))};function le(n,l,c){var h=L(c),u=p.useState(function(){return n.toHsva(l)}),d=u[0],e=u[1],t=p.useRef({color:l,hsva:d});p.useEffect(function(){if(!n.equal(l,t.current.color)){var a=n.toHsva(l);t.current={hsva:a,color:l},e(a)}},[l,n]),p.useEffect(function(){var a;ae(d,t.current.hsva)||n.equal(a=n.fromHsva(d),t.current.color)||(t.current={hsva:d,color:a},h(a))},[d,n,h]);var r=p.useCallback(function(a){e(function(o){return Object.assign({},o,a)})},[]);return[d,r]}var Ne=typeof window<"u"?p.useLayoutEffect:p.useEffect,Oe=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},A=new Map,ie=function(n){Ne(function(){var l=n.current?n.current.ownerDocument:document;if(l!==void 0&&!A.has(l)){var c=l.createElement("style");c.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,A.set(l,c);var h=Oe();h&&c.setAttribute("nonce",h),l.head.appendChild(c)}},[])},Se=function(n){var l=n.className,c=n.colorModel,h=n.color,u=h===void 0?c.defaultColor:h,d=n.onChange,e=V(n,["className","colorModel","color","onChange"]),t=p.useRef(null);ie(t);var r=le(c,u,d),a=r[0],o=r[1],i=S(["react-colorful",l]);return m.createElement("div",C({},e,{ref:t,className:i}),m.createElement(ne,{hsva:a,onChange:o}),m.createElement(te,{hue:a.h,onChange:o,className:"react-colorful__last-control"}))},je={defaultColor:"000",toHsva:xe,fromHsva:function(n){return Ee({h:n.h,s:n.s,v:n.v,a:1})},equal:$e},Re=function(n){return m.createElement(Se,C({},n,{colorModel:je}))},ze=function(n){var l=n.className,c=n.hsva,h=n.onChange,u={backgroundImage:"linear-gradient(90deg, "+I(Object.assign({},c,{a:0}))+", "+I(Object.assign({},c,{a:1}))+")"},d=S(["react-colorful__alpha",l]),e=x(100*c.a);return m.createElement("div",{className:d},m.createElement("div",{className:"react-colorful__alpha-gradient",style:u}),m.createElement(G,{onMove:function(t){h({a:t.left})},onKey:function(t){h({a:N(c.a+t.left)})},"aria-label":"Alpha","aria-valuetext":e+"%","aria-valuenow":e,"aria-valuemin":"0","aria-valuemax":"100"},m.createElement(T,{className:"react-colorful__alpha-pointer",left:c.a,color:I(c)})))},ue=function(n){var l=n.className,c=n.colorModel,h=n.color,u=h===void 0?c.defaultColor:h,d=n.onChange,e=V(n,["className","colorModel","color","onChange"]),t=p.useRef(null);ie(t);var r=le(c,u,d),a=r[0],o=r[1],i=S(["react-colorful",l]);return m.createElement("div",C({},e,{ref:t,className:i}),m.createElement(ne,{hsva:a,onChange:o}),m.createElement(te,{hue:a.h,onChange:o}),m.createElement(ze,{hsva:a,onChange:o,className:"react-colorful__last-control"}))},Ie={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:ke,fromHsva:I,equal:oe},He=function(n){return m.createElement(ue,C({},n,{colorModel:Ie}))},qe={defaultColor:"rgba(0, 0, 0, 1)",toHsva:Me,fromHsva:function(n){var l=ee(n);return"rgba("+l.r+", "+l.g+", "+l.b+", "+l.a+")"},equal:oe},Pe=function(n){return m.createElement(ue,C({},n,{colorModel:qe}))},Le=M.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),Be=M(J)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),Ke=M.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Xe=M(he)(({theme:n})=>({fontFamily:n.typography.fonts.base})),De=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Ve=M.div(({theme:n,active:l})=>({width:16,height:16,boxShadow:l?`${n.appBorderColor} 0 0 0 1px inset, ${n.textMutedColor}50 0 0 0 4px`:`${n.appBorderColor} 0 0 0 1px inset`,borderRadius:n.appBorderRadius})),Ge=`url('data:image/svg+xml;charset=utf-8,')`,U=({value:n,style:l,...c})=>{let h=`linear-gradient(${n}, ${n}), ${Ge}, linear-gradient(#fff, #fff)`;return m.createElement(Ve,{...c,style:{...l,backgroundImage:h}})},Te=M(fe.Input)(({theme:n,readOnly:l})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:n.typography.fonts.base})),Fe=M(de)(({theme:n})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:n.input.color})),se=(n=>(n.RGB="rgb",n.HSL="hsl",n.HEX="hex",n))(se||{}),R=Object.values(se),We=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Ae=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ue=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,D=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Ye=/^\s*#?([0-9a-f]{3})\s*$/i,Je={hex:Re,rgb:Pe,hsl:He},z={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},Y=n=>{let l=n==null?void 0:n.match(We);if(!l)return[0,0,0,1];let[,c,h,u,d=1]=l;return[c,h,u,d].map(Number)},$=n=>{if(!n)return;let l=!0;if(Ae.test(n)){let[e,t,r,a]=Y(n),[o,i,s]=_.default.rgb.hsl([e,t,r])||[0,0,0];return{valid:l,value:n,keyword:_.default.rgb.keyword([e,t,r]),colorSpace:"rgb",rgb:n,hsl:`hsla(${o}, ${i}%, ${s}%, ${a})`,hex:`#${_.default.rgb.hex([e,t,r]).toLowerCase()}`}}if(Ue.test(n)){let[e,t,r,a]=Y(n),[o,i,s]=_.default.hsl.rgb([e,t,r])||[0,0,0];return{valid:l,value:n,keyword:_.default.hsl.keyword([e,t,r]),colorSpace:"hsl",rgb:`rgba(${o}, ${i}, ${s}, ${a})`,hsl:n,hex:`#${_.default.hsl.hex([e,t,r]).toLowerCase()}`}}let c=n.replace("#",""),h=_.default.keyword.rgb(c)||_.default.hex.rgb(c),u=_.default.rgb.hsl(h),d=n;if(/[^#a-f0-9]/i.test(n)?d=c:D.test(n)&&(d=`#${c}`),d.startsWith("#"))l=D.test(d);else try{_.default.keyword.hex(d)}catch{l=!1}return{valid:l,value:d,keyword:_.default.rgb.keyword(h),colorSpace:"hex",rgb:`rgba(${h[0]}, ${h[1]}, ${h[2]}, 1)`,hsl:`hsla(${u[0]}, ${u[1]}%, ${u[2]}%, 1)`,hex:d}},Qe=(n,l,c)=>{if(!n||!(l!=null&&l.valid))return z[c];if(c!=="hex")return(l==null?void 0:l[c])||z[c];if(!l.hex.startsWith("#"))try{return`#${_.default.keyword.hex(l.hex)}`}catch{return z.hex}let h=l.hex.match(Ye);if(!h)return D.test(l.hex)?l.hex:z.hex;let[u,d,e]=h[1].split("");return`#${u}${u}${d}${d}${e}${e}`},Ze=(n,l)=>{let[c,h]=p.useState(n||""),[u,d]=p.useState(()=>$(c)),[e,t]=p.useState((u==null?void 0:u.colorSpace)||"hex");p.useEffect(()=>{let i=n||"",s=$(i);h(i),d(s),t((s==null?void 0:s.colorSpace)||"hex")},[n]);let r=p.useMemo(()=>Qe(c,u,e).toLowerCase(),[c,u,e]),a=p.useCallback(i=>{let s=$(i),f=(s==null?void 0:s.value)||i||"";h(f),f===""&&(d(void 0),l(void 0)),s&&(d(s),t(s.colorSpace),l(s.value))},[l]),o=p.useCallback(()=>{let i=R.indexOf(e)+1;i>=R.length&&(i=0),t(R[i]);let s=(u==null?void 0:u[R[i]])||"";h(s),l(s)},[u,e,l]);return{value:c,realValue:r,updateValue:a,color:u,colorSpace:e,cycleColorSpace:o}},H=n=>n.replace(/\s*/,"").toLowerCase(),er=(n,l,c)=>{let[h,u]=p.useState(l!=null&&l.valid?[l]:[]);p.useEffect(()=>{l===void 0&&u([])},[l]);let d=p.useMemo(()=>(n||[]).map(t=>typeof t=="string"?$(t):t.title?{...$(t.color),keyword:t.title}:$(t.color)).concat(h).filter(Boolean).slice(-27),[n,h]),e=p.useCallback(t=>{t!=null&&t.valid&&(d.some(r=>H(r[c])===H(t[c]))||u(r=>r.concat(t)))},[c,d]);return{presets:d,addPreset:e}},rr=({name:n,value:l,onChange:c,onFocus:h,onBlur:u,presetColors:d,startOpen:e=!1,argType:t})=>{var E;let r=p.useCallback(ge(c,200),[c]),{value:a,realValue:o,updateValue:i,color:s,colorSpace:f,cycleColorSpace:g}=Ze(l,r),{presets:b,addPreset:y}=er(d,s,f),v=Je[f],w=!!((E=t==null?void 0:t.table)!=null&&E.readonly);return m.createElement(Le,{"aria-readonly":w},m.createElement(Be,{startOpen:e,trigger:w?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>y(s),tooltip:m.createElement(Ke,null,m.createElement(v,{color:o==="transparent"?"#000000":o,onChange:i,onFocus:h,onBlur:u}),b.length>0&&m.createElement(De,null,b.map((k,P)=>m.createElement(J,{key:`${k.value}-${P}`,hasChrome:!1,tooltip:m.createElement(Xe,{note:k.keyword||k.value})},m.createElement(U,{value:k[f],active:s&&H(k[f])===H(s[f]),onClick:()=>i(k.value)})))))},m.createElement(U,{value:o,style:{margin:4}})),m.createElement(Te,{id:be(n),value:a,onChange:k=>i(k.target.value),onFocus:k=>k.target.select(),readOnly:w,placeholder:"Choose color..."}),a?m.createElement(Fe,{onClick:g}):null)},dr=rr;export{rr as ColorControl,dr as default}; +import{ak as ce,al as M,a2 as J,a0 as he,N as fe,am as de,an as ge,ao as be,ap as q}from"./index-CYpc6MNd.js";import{R as m,r as p}from"./index-RigO-4kf.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./jsx-runtime-BjgbQsUx.js";import"./index-D2MAbzvX.js";import"./_commonjsHelpers-CqkleIqs.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";var me=q({"../../node_modules/color-name/index.js"(n,l){l.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}}),Q=q({"../../node_modules/color-convert/conversions.js"(n,l){var c=me(),h={};for(let e of Object.keys(c))h[c[e]]=e;var u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};l.exports=u;for(let e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);let{channels:t,labels:r}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:r})}u.rgb.hsl=function(e){let t=e[0]/255,r=e[1]/255,a=e[2]/255,o=Math.min(t,r,a),i=Math.max(t,r,a),s=i-o,f,g;i===o?f=0:t===i?f=(r-a)/s:r===i?f=2+(a-t)/s:a===i&&(f=4+(t-r)/s),f=Math.min(f*60,360),f<0&&(f+=360);let b=(o+i)/2;return i===o?g=0:b<=.5?g=s/(i+o):g=s/(2-i-o),[f,g*100,b*100]},u.rgb.hsv=function(e){let t,r,a,o,i,s=e[0]/255,f=e[1]/255,g=e[2]/255,b=Math.max(s,f,g),y=b-Math.min(s,f,g),v=function(w){return(b-w)/6/y+1/2};return y===0?(o=0,i=0):(i=y/b,t=v(s),r=v(f),a=v(g),s===b?o=a-r:f===b?o=1/3+t-a:g===b&&(o=2/3+r-t),o<0?o+=1:o>1&&(o-=1)),[o*360,i*100,b*100]},u.rgb.hwb=function(e){let t=e[0],r=e[1],a=e[2],o=u.rgb.hsl(e)[0],i=1/255*Math.min(t,Math.min(r,a));return a=1-1/255*Math.max(t,Math.max(r,a)),[o,i*100,a*100]},u.rgb.cmyk=function(e){let t=e[0]/255,r=e[1]/255,a=e[2]/255,o=Math.min(1-t,1-r,1-a),i=(1-t-o)/(1-o)||0,s=(1-r-o)/(1-o)||0,f=(1-a-o)/(1-o)||0;return[i*100,s*100,f*100,o*100]};function d(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){let t=h[e];if(t)return t;let r=1/0,a;for(let o of Object.keys(c)){let i=c[o],s=d(e,i);s.04045?((t+.055)/1.055)**2.4:t/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92,a=a>.04045?((a+.055)/1.055)**2.4:a/12.92;let o=t*.4124+r*.3576+a*.1805,i=t*.2126+r*.7152+a*.0722,s=t*.0193+r*.1192+a*.9505;return[o*100,i*100,s*100]},u.rgb.lab=function(e){let t=u.rgb.xyz(e),r=t[0],a=t[1],o=t[2];r/=95.047,a/=100,o/=108.883,r=r>.008856?r**(1/3):7.787*r+16/116,a=a>.008856?a**(1/3):7.787*a+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;let i=116*a-16,s=500*(r-a),f=200*(a-o);return[i,s,f]},u.hsl.rgb=function(e){let t=e[0]/360,r=e[1]/100,a=e[2]/100,o,i,s;if(r===0)return s=a*255,[s,s,s];a<.5?o=a*(1+r):o=a+r-a*r;let f=2*a-o,g=[0,0,0];for(let b=0;b<3;b++)i=t+1/3*-(b-1),i<0&&i++,i>1&&i--,6*i<1?s=f+(o-f)*6*i:2*i<1?s=o:3*i<2?s=f+(o-f)*(2/3-i)*6:s=f,g[b]=s*255;return g},u.hsl.hsv=function(e){let t=e[0],r=e[1]/100,a=e[2]/100,o=r,i=Math.max(a,.01);a*=2,r*=a<=1?a:2-a,o*=i<=1?i:2-i;let s=(a+r)/2,f=a===0?2*o/(i+o):2*r/(a+r);return[t,f*100,s*100]},u.hsv.rgb=function(e){let t=e[0]/60,r=e[1]/100,a=e[2]/100,o=Math.floor(t)%6,i=t-Math.floor(t),s=255*a*(1-r),f=255*a*(1-r*i),g=255*a*(1-r*(1-i));switch(a*=255,o){case 0:return[a,g,s];case 1:return[f,a,s];case 2:return[s,a,g];case 3:return[s,f,a];case 4:return[g,s,a];case 5:return[a,s,f]}},u.hsv.hsl=function(e){let t=e[0],r=e[1]/100,a=e[2]/100,o=Math.max(a,.01),i,s;s=(2-r)*a;let f=(2-r)*o;return i=r*o,i/=f<=1?f:2-f,i=i||0,s/=2,[t,i*100,s*100]},u.hwb.rgb=function(e){let t=e[0]/360,r=e[1]/100,a=e[2]/100,o=r+a,i;o>1&&(r/=o,a/=o);let s=Math.floor(6*t),f=1-a;i=6*t-s,s&1&&(i=1-i);let g=r+i*(f-r),b,y,v;switch(s){default:case 6:case 0:b=f,y=g,v=r;break;case 1:b=g,y=f,v=r;break;case 2:b=r,y=f,v=g;break;case 3:b=r,y=g,v=f;break;case 4:b=g,y=r,v=f;break;case 5:b=f,y=r,v=g;break}return[b*255,y*255,v*255]},u.cmyk.rgb=function(e){let t=e[0]/100,r=e[1]/100,a=e[2]/100,o=e[3]/100,i=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,r*(1-o)+o),f=1-Math.min(1,a*(1-o)+o);return[i*255,s*255,f*255]},u.xyz.rgb=function(e){let t=e[0]/100,r=e[1]/100,a=e[2]/100,o,i,s;return o=t*3.2406+r*-1.5372+a*-.4986,i=t*-.9689+r*1.8758+a*.0415,s=t*.0557+r*-.204+a*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),i=Math.min(Math.max(0,i),1),s=Math.min(Math.max(0,s),1),[o*255,i*255,s*255]},u.xyz.lab=function(e){let t=e[0],r=e[1],a=e[2];t/=95.047,r/=100,a/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,a=a>.008856?a**(1/3):7.787*a+16/116;let o=116*r-16,i=500*(t-r),s=200*(r-a);return[o,i,s]},u.lab.xyz=function(e){let t=e[0],r=e[1],a=e[2],o,i,s;i=(t+16)/116,o=r/500+i,s=i-a/200;let f=i**3,g=o**3,b=s**3;return i=f>.008856?f:(i-16/116)/7.787,o=g>.008856?g:(o-16/116)/7.787,s=b>.008856?b:(s-16/116)/7.787,o*=95.047,i*=100,s*=108.883,[o,i,s]},u.lab.lch=function(e){let t=e[0],r=e[1],a=e[2],o;o=Math.atan2(a,r)*360/2/Math.PI,o<0&&(o+=360);let i=Math.sqrt(r*r+a*a);return[t,i,o]},u.lch.lab=function(e){let t=e[0],r=e[1],a=e[2]/360*2*Math.PI,o=r*Math.cos(a),i=r*Math.sin(a);return[t,o,i]},u.rgb.ansi16=function(e,t=null){let[r,a,o]=e,i=t===null?u.rgb.hsv(e)[2]:t;if(i=Math.round(i/50),i===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(a/255)<<1|Math.round(r/255));return i===2&&(s+=60),s},u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])},u.rgb.ansi256=function(e){let t=e[0],r=e[1],a=e[2];return t===r&&r===a?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(r/255*5)+Math.round(a/255*5)},u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];let r=(~~(e>50)+1)*.5,a=(t&1)*r*255,o=(t>>1&1)*r*255,i=(t>>2&1)*r*255;return[a,o,i]},u.ansi256.rgb=function(e){if(e>=232){let i=(e-232)*10+8;return[i,i,i]}e-=16;let t,r=Math.floor(e/36)/5*255,a=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[r,a,o]},u.rgb.hex=function(e){let t=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(t.length)+t},u.hex.rgb=function(e){let t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let r=t[0];t[0].length===3&&(r=r.split("").map(f=>f+f).join(""));let a=parseInt(r,16),o=a>>16&255,i=a>>8&255,s=a&255;return[o,i,s]},u.rgb.hcg=function(e){let t=e[0]/255,r=e[1]/255,a=e[2]/255,o=Math.max(Math.max(t,r),a),i=Math.min(Math.min(t,r),a),s=o-i,f,g;return s<1?f=i/(1-s):f=0,s<=0?g=0:o===t?g=(r-a)/s%6:o===r?g=2+(a-t)/s:g=4+(t-r)/s,g/=6,g%=1,[g*360,s*100,f*100]},u.hsl.hcg=function(e){let t=e[1]/100,r=e[2]/100,a=r<.5?2*t*r:2*t*(1-r),o=0;return a<1&&(o=(r-.5*a)/(1-a)),[e[0],a*100,o*100]},u.hsv.hcg=function(e){let t=e[1]/100,r=e[2]/100,a=t*r,o=0;return a<1&&(o=(r-a)/(1-a)),[e[0],a*100,o*100]},u.hcg.rgb=function(e){let t=e[0]/360,r=e[1]/100,a=e[2]/100;if(r===0)return[a*255,a*255,a*255];let o=[0,0,0],i=t%1*6,s=i%1,f=1-s,g=0;switch(Math.floor(i)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=f,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=f,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=f}return g=(1-r)*a,[(r*o[0]+g)*255,(r*o[1]+g)*255,(r*o[2]+g)*255]},u.hcg.hsv=function(e){let t=e[1]/100,r=e[2]/100,a=t+r*(1-t),o=0;return a>0&&(o=t/a),[e[0],o*100,a*100]},u.hcg.hsl=function(e){let t=e[1]/100,r=e[2]/100*(1-t)+.5*t,a=0;return r>0&&r<.5?a=t/(2*r):r>=.5&&r<1&&(a=t/(2*(1-r))),[e[0],a*100,r*100]},u.hcg.hwb=function(e){let t=e[1]/100,r=e[2]/100,a=t+r*(1-t);return[e[0],(a-t)*100,(1-a)*100]},u.hwb.hcg=function(e){let t=e[1]/100,r=1-e[2]/100,a=r-t,o=0;return a<1&&(o=(r-a)/(1-a)),[e[0],a*100,o*100]},u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]},u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]},u.gray.hsl=function(e){return[0,0,e[0]]},u.gray.hsv=u.gray.hsl,u.gray.hwb=function(e){return[0,100,e[0]]},u.gray.cmyk=function(e){return[0,0,0,e[0]]},u.gray.lab=function(e){return[e[0],0,0]},u.gray.hex=function(e){let t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r},u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]}}}),ve=q({"../../node_modules/color-convert/route.js"(n,l){var c=Q();function h(){let t={},r=Object.keys(c);for(let a=r.length,o=0;o1&&(o=i),r(o))};return"conversion"in r&&(a.conversion=r.conversion),a}function t(r){let a=function(...o){let i=o[0];if(i==null)return i;i.length>1&&(o=i);let s=r(o);if(typeof s=="object")for(let f=s.length,g=0;g{u[r]={},Object.defineProperty(u[r],"channels",{value:c[r].channels}),Object.defineProperty(u[r],"labels",{value:c[r].labels});let a=h(r);Object.keys(a).forEach(o=>{let i=a[o];u[r][o]=t(i),u[r][o].raw=e(i)})}),l.exports=u}}),_=ce(pe());function C(){return(C=Object.assign||function(n){for(var l=1;l=0||(u[c]=n[c]);return u}function L(n){var l=p.useRef(n),c=p.useRef(function(h){l.current&&l.current(h)});return l.current=n,c.current}var N=function(n,l,c){return l===void 0&&(l=0),c===void 0&&(c=1),n>c?c:n0:y.buttons>0)&&u.current?d(F(u.current,y,t.current)):b(!1)},g=function(){return b(!1)};function b(y){var v=r.current,w=B(u.current),E=y?w.addEventListener:w.removeEventListener;E(v?"touchmove":"mousemove",f),E(v?"touchend":"mouseup",g)}return[function(y){var v=y.nativeEvent,w=u.current;if(w&&(W(v),!function(k,P){return P&&!O(k)}(v,r.current)&&w)){if(O(v)){r.current=!0;var E=v.changedTouches||[];E.length&&(t.current=E[0].identifier)}w.focus(),d(F(w,v,t.current)),b(!0)}},function(y){var v=y.which||y.keyCode;v<37||v>40||(y.preventDefault(),e({left:v===39?.05:v===37?-.05:0,top:v===40?.05:v===38?-.05:0}))},b]},[e,d]),o=a[0],i=a[1],s=a[2];return p.useEffect(function(){return s},[s]),m.createElement("div",C({},h,{onTouchStart:o,onMouseDown:o,className:"react-colorful__interactive",ref:u,onKeyDown:i,tabIndex:0,role:"slider"}))}),S=function(n){return n.filter(Boolean).join(" ")},T=function(n){var l=n.color,c=n.left,h=n.top,u=h===void 0?.5:h,d=S(["react-colorful__pointer",n.className]);return m.createElement("div",{className:d,style:{top:100*u+"%",left:100*c+"%"}},m.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:l}}))},x=function(n,l,c){return l===void 0&&(l=0),c===void 0&&(c=Math.pow(10,l)),Math.round(c*n)/c},ye={grad:.9,turn:360,rad:360/(2*Math.PI)},xe=function(n){return re(K(n))},K=function(n){return n[0]==="#"&&(n=n.substring(1)),n.length<6?{r:parseInt(n[0]+n[0],16),g:parseInt(n[1]+n[1],16),b:parseInt(n[2]+n[2],16),a:n.length===4?x(parseInt(n[3]+n[3],16)/255,2):1}:{r:parseInt(n.substring(0,2),16),g:parseInt(n.substring(2,4),16),b:parseInt(n.substring(4,6),16),a:n.length===8?x(parseInt(n.substring(6,8),16)/255,2):1}},we=function(n,l){return l===void 0&&(l="deg"),Number(n)*(ye[l]||1)},ke=function(n){var l=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(n);return l?_e({h:we(l[1],l[2]),s:Number(l[3]),l:Number(l[4]),a:l[5]===void 0?1:Number(l[5])/(l[6]?100:1)}):{h:0,s:0,v:0,a:1}},_e=function(n){var l=n.s,c=n.l;return{h:n.h,s:(l*=(c<50?c:100-c)/100)>0?2*l/(c+l)*100:0,v:c+l,a:n.a}},Ee=function(n){return Ce(ee(n))},Z=function(n){var l=n.s,c=n.v,h=n.a,u=(200-l)*c/100;return{h:x(n.h),s:x(u>0&&u<200?l*c/100/(u<=100?u:200-u)*100:0),l:x(u/2),a:x(h,2)}},X=function(n){var l=Z(n);return"hsl("+l.h+", "+l.s+"%, "+l.l+"%)"},I=function(n){var l=Z(n);return"hsla("+l.h+", "+l.s+"%, "+l.l+"%, "+l.a+")"},ee=function(n){var l=n.h,c=n.s,h=n.v,u=n.a;l=l/360*6,c/=100,h/=100;var d=Math.floor(l),e=h*(1-c),t=h*(1-(l-d)*c),r=h*(1-(1-l+d)*c),a=d%6;return{r:x(255*[h,t,e,e,r,h][a]),g:x(255*[r,h,h,t,e,e][a]),b:x(255*[e,e,r,h,h,t][a]),a:x(u,2)}},Me=function(n){var l=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(n);return l?re({r:Number(l[1])/(l[2]?100/255:1),g:Number(l[3])/(l[4]?100/255:1),b:Number(l[5])/(l[6]?100/255:1),a:l[7]===void 0?1:Number(l[7])/(l[8]?100:1)}):{h:0,s:0,v:0,a:1}},j=function(n){var l=n.toString(16);return l.length<2?"0"+l:l},Ce=function(n){var l=n.r,c=n.g,h=n.b,u=n.a,d=u<1?j(x(255*u)):"";return"#"+j(l)+j(c)+j(h)+d},re=function(n){var l=n.r,c=n.g,h=n.b,u=n.a,d=Math.max(l,c,h),e=d-Math.min(l,c,h),t=e?d===l?(c-h)/e:d===c?2+(h-l)/e:4+(l-c)/e:0;return{h:x(60*(t<0?t+6:t)),s:x(d?e/d*100:0),v:x(d/255*100),a:u}},te=m.memo(function(n){var l=n.hue,c=n.onChange,h=S(["react-colorful__hue",n.className]);return m.createElement("div",{className:h},m.createElement(G,{onMove:function(u){c({h:360*u.left})},onKey:function(u){c({h:N(l+360*u.left,0,360)})},"aria-label":"Hue","aria-valuenow":x(l),"aria-valuemax":"360","aria-valuemin":"0"},m.createElement(T,{className:"react-colorful__hue-pointer",left:l/360,color:X({h:l,s:100,v:100,a:1})})))}),ne=m.memo(function(n){var l=n.hsva,c=n.onChange,h={backgroundColor:X({h:l.h,s:100,v:100,a:1})};return m.createElement("div",{className:"react-colorful__saturation",style:h},m.createElement(G,{onMove:function(u){c({s:100*u.left,v:100-100*u.top})},onKey:function(u){c({s:N(l.s+100*u.left,0,100),v:N(l.v-100*u.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+x(l.s)+"%, Brightness "+x(l.v)+"%"},m.createElement(T,{className:"react-colorful__saturation-pointer",top:1-l.v/100,left:l.s/100,color:X(l)})))}),ae=function(n,l){if(n===l)return!0;for(var c in n)if(n[c]!==l[c])return!1;return!0},oe=function(n,l){return n.replace(/\s/g,"")===l.replace(/\s/g,"")},$e=function(n,l){return n.toLowerCase()===l.toLowerCase()||ae(K(n),K(l))};function le(n,l,c){var h=L(c),u=p.useState(function(){return n.toHsva(l)}),d=u[0],e=u[1],t=p.useRef({color:l,hsva:d});p.useEffect(function(){if(!n.equal(l,t.current.color)){var a=n.toHsva(l);t.current={hsva:a,color:l},e(a)}},[l,n]),p.useEffect(function(){var a;ae(d,t.current.hsva)||n.equal(a=n.fromHsva(d),t.current.color)||(t.current={hsva:d,color:a},h(a))},[d,n,h]);var r=p.useCallback(function(a){e(function(o){return Object.assign({},o,a)})},[]);return[d,r]}var Ne=typeof window<"u"?p.useLayoutEffect:p.useEffect,Oe=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},A=new Map,ie=function(n){Ne(function(){var l=n.current?n.current.ownerDocument:document;if(l!==void 0&&!A.has(l)){var c=l.createElement("style");c.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,A.set(l,c);var h=Oe();h&&c.setAttribute("nonce",h),l.head.appendChild(c)}},[])},Se=function(n){var l=n.className,c=n.colorModel,h=n.color,u=h===void 0?c.defaultColor:h,d=n.onChange,e=V(n,["className","colorModel","color","onChange"]),t=p.useRef(null);ie(t);var r=le(c,u,d),a=r[0],o=r[1],i=S(["react-colorful",l]);return m.createElement("div",C({},e,{ref:t,className:i}),m.createElement(ne,{hsva:a,onChange:o}),m.createElement(te,{hue:a.h,onChange:o,className:"react-colorful__last-control"}))},je={defaultColor:"000",toHsva:xe,fromHsva:function(n){return Ee({h:n.h,s:n.s,v:n.v,a:1})},equal:$e},Re=function(n){return m.createElement(Se,C({},n,{colorModel:je}))},ze=function(n){var l=n.className,c=n.hsva,h=n.onChange,u={backgroundImage:"linear-gradient(90deg, "+I(Object.assign({},c,{a:0}))+", "+I(Object.assign({},c,{a:1}))+")"},d=S(["react-colorful__alpha",l]),e=x(100*c.a);return m.createElement("div",{className:d},m.createElement("div",{className:"react-colorful__alpha-gradient",style:u}),m.createElement(G,{onMove:function(t){h({a:t.left})},onKey:function(t){h({a:N(c.a+t.left)})},"aria-label":"Alpha","aria-valuetext":e+"%","aria-valuenow":e,"aria-valuemin":"0","aria-valuemax":"100"},m.createElement(T,{className:"react-colorful__alpha-pointer",left:c.a,color:I(c)})))},ue=function(n){var l=n.className,c=n.colorModel,h=n.color,u=h===void 0?c.defaultColor:h,d=n.onChange,e=V(n,["className","colorModel","color","onChange"]),t=p.useRef(null);ie(t);var r=le(c,u,d),a=r[0],o=r[1],i=S(["react-colorful",l]);return m.createElement("div",C({},e,{ref:t,className:i}),m.createElement(ne,{hsva:a,onChange:o}),m.createElement(te,{hue:a.h,onChange:o}),m.createElement(ze,{hsva:a,onChange:o,className:"react-colorful__last-control"}))},Ie={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:ke,fromHsva:I,equal:oe},He=function(n){return m.createElement(ue,C({},n,{colorModel:Ie}))},qe={defaultColor:"rgba(0, 0, 0, 1)",toHsva:Me,fromHsva:function(n){var l=ee(n);return"rgba("+l.r+", "+l.g+", "+l.b+", "+l.a+")"},equal:oe},Pe=function(n){return m.createElement(ue,C({},n,{colorModel:qe}))},Le=M.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),Be=M(J)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),Ke=M.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Xe=M(he)(({theme:n})=>({fontFamily:n.typography.fonts.base})),De=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Ve=M.div(({theme:n,active:l})=>({width:16,height:16,boxShadow:l?`${n.appBorderColor} 0 0 0 1px inset, ${n.textMutedColor}50 0 0 0 4px`:`${n.appBorderColor} 0 0 0 1px inset`,borderRadius:n.appBorderRadius})),Ge=`url('data:image/svg+xml;charset=utf-8,')`,U=({value:n,style:l,...c})=>{let h=`linear-gradient(${n}, ${n}), ${Ge}, linear-gradient(#fff, #fff)`;return m.createElement(Ve,{...c,style:{...l,backgroundImage:h}})},Te=M(fe.Input)(({theme:n,readOnly:l})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:n.typography.fonts.base})),Fe=M(de)(({theme:n})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:n.input.color})),se=(n=>(n.RGB="rgb",n.HSL="hsl",n.HEX="hex",n))(se||{}),R=Object.values(se),We=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Ae=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ue=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,D=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Ye=/^\s*#?([0-9a-f]{3})\s*$/i,Je={hex:Re,rgb:Pe,hsl:He},z={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},Y=n=>{let l=n==null?void 0:n.match(We);if(!l)return[0,0,0,1];let[,c,h,u,d=1]=l;return[c,h,u,d].map(Number)},$=n=>{if(!n)return;let l=!0;if(Ae.test(n)){let[e,t,r,a]=Y(n),[o,i,s]=_.default.rgb.hsl([e,t,r])||[0,0,0];return{valid:l,value:n,keyword:_.default.rgb.keyword([e,t,r]),colorSpace:"rgb",rgb:n,hsl:`hsla(${o}, ${i}%, ${s}%, ${a})`,hex:`#${_.default.rgb.hex([e,t,r]).toLowerCase()}`}}if(Ue.test(n)){let[e,t,r,a]=Y(n),[o,i,s]=_.default.hsl.rgb([e,t,r])||[0,0,0];return{valid:l,value:n,keyword:_.default.hsl.keyword([e,t,r]),colorSpace:"hsl",rgb:`rgba(${o}, ${i}, ${s}, ${a})`,hsl:n,hex:`#${_.default.hsl.hex([e,t,r]).toLowerCase()}`}}let c=n.replace("#",""),h=_.default.keyword.rgb(c)||_.default.hex.rgb(c),u=_.default.rgb.hsl(h),d=n;if(/[^#a-f0-9]/i.test(n)?d=c:D.test(n)&&(d=`#${c}`),d.startsWith("#"))l=D.test(d);else try{_.default.keyword.hex(d)}catch{l=!1}return{valid:l,value:d,keyword:_.default.rgb.keyword(h),colorSpace:"hex",rgb:`rgba(${h[0]}, ${h[1]}, ${h[2]}, 1)`,hsl:`hsla(${u[0]}, ${u[1]}%, ${u[2]}%, 1)`,hex:d}},Qe=(n,l,c)=>{if(!n||!(l!=null&&l.valid))return z[c];if(c!=="hex")return(l==null?void 0:l[c])||z[c];if(!l.hex.startsWith("#"))try{return`#${_.default.keyword.hex(l.hex)}`}catch{return z.hex}let h=l.hex.match(Ye);if(!h)return D.test(l.hex)?l.hex:z.hex;let[u,d,e]=h[1].split("");return`#${u}${u}${d}${d}${e}${e}`},Ze=(n,l)=>{let[c,h]=p.useState(n||""),[u,d]=p.useState(()=>$(c)),[e,t]=p.useState((u==null?void 0:u.colorSpace)||"hex");p.useEffect(()=>{let i=n||"",s=$(i);h(i),d(s),t((s==null?void 0:s.colorSpace)||"hex")},[n]);let r=p.useMemo(()=>Qe(c,u,e).toLowerCase(),[c,u,e]),a=p.useCallback(i=>{let s=$(i),f=(s==null?void 0:s.value)||i||"";h(f),f===""&&(d(void 0),l(void 0)),s&&(d(s),t(s.colorSpace),l(s.value))},[l]),o=p.useCallback(()=>{let i=R.indexOf(e)+1;i>=R.length&&(i=0),t(R[i]);let s=(u==null?void 0:u[R[i]])||"";h(s),l(s)},[u,e,l]);return{value:c,realValue:r,updateValue:a,color:u,colorSpace:e,cycleColorSpace:o}},H=n=>n.replace(/\s*/,"").toLowerCase(),er=(n,l,c)=>{let[h,u]=p.useState(l!=null&&l.valid?[l]:[]);p.useEffect(()=>{l===void 0&&u([])},[l]);let d=p.useMemo(()=>(n||[]).map(t=>typeof t=="string"?$(t):t.title?{...$(t.color),keyword:t.title}:$(t.color)).concat(h).filter(Boolean).slice(-27),[n,h]),e=p.useCallback(t=>{t!=null&&t.valid&&(d.some(r=>H(r[c])===H(t[c]))||u(r=>r.concat(t)))},[c,d]);return{presets:d,addPreset:e}},rr=({name:n,value:l,onChange:c,onFocus:h,onBlur:u,presetColors:d,startOpen:e=!1,argType:t})=>{var E;let r=p.useCallback(ge(c,200),[c]),{value:a,realValue:o,updateValue:i,color:s,colorSpace:f,cycleColorSpace:g}=Ze(l,r),{presets:b,addPreset:y}=er(d,s,f),v=Je[f],w=!!((E=t==null?void 0:t.table)!=null&&E.readonly);return m.createElement(Le,{"aria-readonly":w},m.createElement(Be,{startOpen:e,trigger:w?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>y(s),tooltip:m.createElement(Ke,null,m.createElement(v,{color:o==="transparent"?"#000000":o,onChange:i,onFocus:h,onBlur:u}),b.length>0&&m.createElement(De,null,b.map((k,P)=>m.createElement(J,{key:`${k.value}-${P}`,hasChrome:!1,tooltip:m.createElement(Xe,{note:k.keyword||k.value})},m.createElement(U,{value:k[f],active:s&&H(k[f])===H(s[f]),onClick:()=>i(k.value)})))))},m.createElement(U,{value:o,style:{margin:4}})),m.createElement(Te,{id:be(n),value:a,onChange:k=>i(k.target.value),onFocus:k=>k.target.select(),readOnly:w,placeholder:"Choose color..."}),a?m.createElement(Fe,{onClick:g}):null)},dr=rr;export{rr as ColorControl,dr as default}; diff --git a/demo-develop/assets/Column.docs-LjtpJGTj.js b/demo-develop/assets/Column.docs-CJX4IBVk.js similarity index 92% rename from demo-develop/assets/Column.docs-LjtpJGTj.js rename to demo-develop/assets/Column.docs-CJX4IBVk.js index 1a365b8404..4a6dbd9ace 100644 --- a/demo-develop/assets/Column.docs-LjtpJGTj.js +++ b/demo-develop/assets/Column.docs-CJX4IBVk.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as o,aq as l,ar as a,as as h,at as i}from"./index-U-bvrYWS.js";import{C as c,A as d,H as m,I as p}from"./Column.stories-bHdZwHmz.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./types-B5YJ6HHW.js";const x=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as o,aq as l,ar as a,as as h,at as i}from"./index-CYpc6MNd.js";import{C as c,A as d,H as m,I as p}from"./Column.stories-C4RsOl2I.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./types-B5YJ6HHW.js";const x=` # Column diff --git a/demo-develop/assets/Column.stories-bHdZwHmz.js b/demo-develop/assets/Column.stories-C4RsOl2I.js similarity index 95% rename from demo-develop/assets/Column.stories-bHdZwHmz.js rename to demo-develop/assets/Column.stories-C4RsOl2I.js index 2a9091778e..1b10e900aa 100644 --- a/demo-develop/assets/Column.stories-bHdZwHmz.js +++ b/demo-develop/assets/Column.stories-C4RsOl2I.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as i,c as s,P as d}from"./index.esm-C0OPbFsf.js";import{m as A,c as S}from"./types-B5YJ6HHW.js";import{c as L}from"./clsx-B-dksMZM.js";import{r as T}from"./index-RigO-4kf.js";const o=T.forwardRef(({align:t,alignHorizontal:m,as:H="div",children:_,className:N,gap:c,...w},z)=>e.jsx(H,{...w,ref:z,className:L("ams-column",t&&`ams-column--align-${t}`,m&&`ams-column--align-horizontal-${m}`,c&&`ams-column--gap-${c}`,N),children:_}));o.displayName="Column";try{o.displayName="Column",o.__docgenInfo={description:"",displayName:"Column",props:{align:{defaultValue:{value:"start"},description:"The vertical alignment of the items in the column.",name:"align",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"end"'},{value:'"between"'},{value:'"around"'},{value:'"evenly"'}]}},alignHorizontal:{defaultValue:{value:"stretch"},description:"The horizontal alignment of the items in the column.",name:"alignHorizontal",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"end"'},{value:'"start"'}]}},as:{defaultValue:{value:"div"},description:"The HTML element to use.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"div"'},{value:'"section"'}]}},gap:{defaultValue:{value:"medium"},description:"The amount of space between items.",name:"gap",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"small"'},{value:'"large"'},{value:'"extra-small"'},{value:'"extra-large"'}]}}}}}catch{}const P=[e.jsx("div",{className:"ams-docs-item"},0),e.jsx("div",{className:"ams-docs-item"},1),e.jsx("div",{className:"ams-docs-item"},2)],V={title:"Components/Layout/Column",component:o,args:{children:P,className:"ams-docs-column"},argTypes:{align:{control:{type:"radio",labels:{undefined:"start"}},options:[void 0,...A]},alignHorizontal:{control:{type:"radio",labels:{undefined:"stretch"}},options:[void 0,...S]},className:{table:{disable:!0}},gap:{control:{type:"radio",labels:{undefined:"medium"}},options:["none","extra-small","small",void 0,"large","extra-large"]}}},a={},n={args:{align:"center"}},r={args:{alignHorizontal:"center"}},l={args:{as:"section",children:[e.jsx(i,{level:3,children:"Zoekresultaten"}),e.jsxs(s,{children:[e.jsx(i,{level:4,children:e.jsx(s.Link,{href:"#",children:"Nieuwe manieren om afval op te halen"})}),e.jsx(d,{children:"Afvalboten, bakfietsen en ondergrondse containers. We experimenteren met nieuwe manieren om afval op te halen in het centrum."})]},1),e.jsxs(s,{children:[e.jsx(i,{level:4,children:e.jsx(s.Link,{href:"#",children:"Verlenging proef ophalen afval per boot"})}),e.jsx(d,{children:"Een proef met het anders ophalen van afval. We halen vuilniszakken hier op met kleine wagentjes, kleine vuilniswagens en een afvalboot."})]},2)],className:void 0}};var u,p,g;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(g=(p=a.parameters)==null?void 0:p.docs)==null?void 0:g.source}}};var v,h,f;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as i,a as s,P as d}from"./index.esm-ciNFknO_.js";import{m as A,c as S}from"./types-B5YJ6HHW.js";import{c as L}from"./clsx-B-dksMZM.js";import{r as T}from"./index-RigO-4kf.js";const o=T.forwardRef(({align:t,alignHorizontal:m,as:H="div",children:_,className:N,gap:c,...w},z)=>e.jsx(H,{...w,ref:z,className:L("ams-column",t&&`ams-column--align-${t}`,m&&`ams-column--align-horizontal-${m}`,c&&`ams-column--gap-${c}`,N),children:_}));o.displayName="Column";try{o.displayName="Column",o.__docgenInfo={description:"",displayName:"Column",props:{align:{defaultValue:{value:"start"},description:"The vertical alignment of the items in the column.",name:"align",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"end"'},{value:'"between"'},{value:'"around"'},{value:'"evenly"'}]}},alignHorizontal:{defaultValue:{value:"stretch"},description:"The horizontal alignment of the items in the column.",name:"alignHorizontal",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"end"'},{value:'"start"'}]}},as:{defaultValue:{value:"div"},description:"The HTML element to use.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"div"'},{value:'"section"'}]}},gap:{defaultValue:{value:"medium"},description:"The amount of space between items.",name:"gap",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"small"'},{value:'"extra-small"'},{value:'"large"'},{value:'"extra-large"'}]}}}}}catch{}const P=[e.jsx("div",{className:"ams-docs-item"},0),e.jsx("div",{className:"ams-docs-item"},1),e.jsx("div",{className:"ams-docs-item"},2)],V={title:"Components/Layout/Column",component:o,args:{children:P,className:"ams-docs-column"},argTypes:{align:{control:{type:"radio",labels:{undefined:"start"}},options:[void 0,...A]},alignHorizontal:{control:{type:"radio",labels:{undefined:"stretch"}},options:[void 0,...S]},className:{table:{disable:!0}},gap:{control:{type:"radio",labels:{undefined:"medium"}},options:["none","extra-small","small",void 0,"large","extra-large"]}}},a={},n={args:{align:"center"}},r={args:{alignHorizontal:"center"}},l={args:{as:"section",children:[e.jsx(i,{level:3,children:"Zoekresultaten"}),e.jsxs(s,{children:[e.jsx(i,{level:4,children:e.jsx(s.Link,{href:"#",children:"Nieuwe manieren om afval op te halen"})}),e.jsx(d,{children:"Afvalboten, bakfietsen en ondergrondse containers. We experimenteren met nieuwe manieren om afval op te halen in het centrum."})]},1),e.jsxs(s,{children:[e.jsx(i,{level:4,children:e.jsx(s.Link,{href:"#",children:"Verlenging proef ophalen afval per boot"})}),e.jsx(d,{children:"Een proef met het anders ophalen van afval. We halen vuilniszakken hier op met kleine wagentjes, kleine vuilniswagens en een afvalboot."})]},2)],className:void 0}};var u,p,g;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(g=(p=a.parameters)==null?void 0:p.docs)==null?void 0:g.source}}};var v,h,f;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{ args: { align: 'center' } diff --git a/demo-develop/assets/DateInput.docs-CphtBAPR.js b/demo-develop/assets/DateInput.docs-Cb6AMyAO.js similarity index 93% rename from demo-develop/assets/DateInput.docs-CphtBAPR.js rename to demo-develop/assets/DateInput.docs-Cb6AMyAO.js index 9d4a9878cb..b7760e8206 100644 --- a/demo-develop/assets/DateInput.docs-CphtBAPR.js +++ b/demo-develop/assets/DateInput.docs-Cb6AMyAO.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as a,aq as r,ar as d,as as l,at as s}from"./index-U-bvrYWS.js";import{D as c,a as h,I as m,b as p,c as f,d as u}from"./DateInput.stories-RBNQuEDI.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const x=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as a,aq as r,ar as d,as as l,at as s}from"./index-CYpc6MNd.js";import{D as c,a as h,I as m,b as p,c as f,d as u}from"./DateInput.stories-DcjPKiYv.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";const x=` # Date Input diff --git a/demo-develop/assets/DateInput.stories-RBNQuEDI.js b/demo-develop/assets/DateInput.stories-DcjPKiYv.js similarity index 96% rename from demo-develop/assets/DateInput.stories-RBNQuEDI.js rename to demo-develop/assets/DateInput.stories-DcjPKiYv.js index acf5b34af9..793941e06a 100644 --- a/demo-develop/assets/DateInput.stories-RBNQuEDI.js +++ b/demo-develop/assets/DateInput.stories-DcjPKiYv.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-BjgbQsUx.js";import{d as L,e as S,P,E as O}from"./index.esm-C0OPbFsf.js";import{c as N}from"./clsx-B-dksMZM.js";import{r as V}from"./index-RigO-4kf.js";const a=V.forwardRef(({className:e,invalid:M,type:z="date",...A},T)=>r.jsx("input",{...A,"aria-invalid":M||void 0,className:N("ams-date-input",e),ref:T,type:z}));a.displayName="DateInput";try{a.displayName="DateInput",a.__docgenInfo={description:"",displayName:"DateInput",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"date"},description:"The kind of data that the user should provide.",name:"type",required:!1,type:{name:"enum",value:[{value:'"date"'},{value:'"datetime-local"'}]}}}}}catch{}const $={title:"Components/Forms/Date Input",component:a,args:{disabled:!1,invalid:!1},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."}}},i={},s={args:{type:"datetime-local"}},t={args:{invalid:!0}},d={args:{disabled:!0}},n={render:e=>r.jsxs(L,{invalid:e.invalid,children:[r.jsx(S,{htmlFor:"input1",children:"Label"}),r.jsx(P,{id:"description1",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(O,{id:"error1",children:"Foutmelding."}),r.jsx(a,{"aria-describedby":`description1${e.invalid?" error1":""}`,id:"input1",...e})]})},o={args:{invalid:!0},render:e=>r.jsxs(L,{invalid:e.invalid,children:[r.jsx(S,{htmlFor:"input2",children:"Label"}),r.jsx(P,{id:"description2",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(O,{id:"error2",children:"Foutmelding."}),r.jsx(a,{"aria-describedby":`description2${e.invalid?" error2":""}`,id:"input2",...e})]})};var l,c,p;i.parameters={...i.parameters,docs:{...(l=i.parameters)==null?void 0:l.docs,source:{originalSource:"{}",...(p=(c=i.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};var m,u,g;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`{ +import{j as r}from"./jsx-runtime-BjgbQsUx.js";import{b as L,c as S,P,E as O}from"./index.esm-ciNFknO_.js";import{c as N}from"./clsx-B-dksMZM.js";import{r as V}from"./index-RigO-4kf.js";const a=V.forwardRef(({className:e,invalid:M,type:z="date",...A},T)=>r.jsx("input",{...A,"aria-invalid":M||void 0,className:N("ams-date-input",e),ref:T,type:z}));a.displayName="DateInput";try{a.displayName="DateInput",a.__docgenInfo={description:"",displayName:"DateInput",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"date"},description:"The kind of data that the user should provide.",name:"type",required:!1,type:{name:"enum",value:[{value:'"date"'},{value:'"datetime-local"'}]}}}}}catch{}const $={title:"Components/Forms/Date Input",component:a,args:{disabled:!1,invalid:!1},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."}}},i={},s={args:{type:"datetime-local"}},t={args:{invalid:!0}},d={args:{disabled:!0}},n={render:e=>r.jsxs(L,{invalid:e.invalid,children:[r.jsx(S,{htmlFor:"input1",children:"Label"}),r.jsx(P,{id:"description1",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(O,{id:"error1",children:"Foutmelding."}),r.jsx(a,{"aria-describedby":`description1${e.invalid?" error1":""}`,id:"input1",...e})]})},o={args:{invalid:!0},render:e=>r.jsxs(L,{invalid:e.invalid,children:[r.jsx(S,{htmlFor:"input2",children:"Label"}),r.jsx(P,{id:"description2",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(O,{id:"error2",children:"Foutmelding."}),r.jsx(a,{"aria-describedby":`description2${e.invalid?" error2":""}`,id:"input2",...e})]})};var l,c,p;i.parameters={...i.parameters,docs:{...(l=i.parameters)==null?void 0:l.docs,source:{originalSource:"{}",...(p=(c=i.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};var m,u,g;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`{ args: { type: 'datetime-local' } diff --git a/demo-develop/assets/DescriptionList.docs-CyaVKw0J.js b/demo-develop/assets/DescriptionList.docs-CXmG-RzC.js similarity index 87% rename from demo-develop/assets/DescriptionList.docs-CyaVKw0J.js rename to demo-develop/assets/DescriptionList.docs-CXmG-RzC.js index 41c81847c9..aa0a57c035 100644 --- a/demo-develop/assets/DescriptionList.docs-CyaVKw0J.js +++ b/demo-develop/assets/DescriptionList.docs-CXmG-RzC.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as o,aq as l,ar as c,as as p,at as i}from"./index-U-bvrYWS.js";import{D as a,M as d,a as m,R as h,I as u}from"./DescriptionList.stories-BEIrM-7P.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const x=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as o,aq as l,ar as c,as as p,at as i}from"./index-CYpc6MNd.js";import{D as a,M as d,a as m,R as h,I as u}from"./DescriptionList.stories-Dmd1cfvk.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";const x=` # Description List diff --git a/demo-develop/assets/DescriptionList.stories-BEIrM-7P.js b/demo-develop/assets/DescriptionList.stories-Dmd1cfvk.js similarity index 99% rename from demo-develop/assets/DescriptionList.stories-BEIrM-7P.js rename to demo-develop/assets/DescriptionList.stories-Dmd1cfvk.js index 3b65f50abe..152997ad16 100644 --- a/demo-develop/assets/DescriptionList.stories-BEIrM-7P.js +++ b/demo-develop/assets/DescriptionList.stories-Dmd1cfvk.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as U,U as l,L as E}from"./index.esm-C0OPbFsf.js";import{c as m}from"./clsx-B-dksMZM.js";import{r as D}from"./index-RigO-4kf.js";const N=D.forwardRef(({children:r,className:n,...t},s)=>e.jsx("dd",{...t,ref:s,className:m("ams-description-list__description",n),children:r}));N.displayName="DescriptionList.Description";try{DescriptionList.Description.displayName="DescriptionList.Description",DescriptionList.Description.__docgenInfo={description:"",displayName:"DescriptionList.Description",props:{}}}catch{}const S=D.forwardRef(({children:r,className:n,...t},s)=>e.jsx("div",{...t,ref:s,className:m("ams-description-list__section",n),children:r}));S.displayName="DescriptionList.Section";try{DescriptionList.Section.displayName="DescriptionList.Section",DescriptionList.Section.__docgenInfo={description:"",displayName:"DescriptionList.Section",props:{}}}catch{}const z=D.forwardRef(({children:r,className:n,...t},s)=>e.jsx("dt",{...t,ref:s,className:m("ams-description-list__term",n),children:r}));z.displayName="DescriptionList.Term";try{DescriptionList.Term.displayName="DescriptionList.Term",DescriptionList.Term.__docgenInfo={description:"",displayName:"DescriptionList.Term",props:{}}}catch{}const I=D.forwardRef(({children:r,className:n,inverseColor:t,termsWidth:s,...P},R)=>e.jsx("dl",{...P,ref:R,className:m("ams-description-list",s&&`ams-description-list--terms-width-${s}`,t&&"ams-description-list--inverse-color",n),children:r}));I.displayName="DescriptionList";const i=Object.assign(I,{Description:N,Section:S,Term:z});try{i.displayName="DescriptionList",i.__docgenInfo={description:"",displayName:"DescriptionList",props:{inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},termsWidth:{defaultValue:null,description:"",name:"termsWidth",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}}}}}catch{}const M={title:"Components/Text/Description List",component:i,args:{children:[e.jsx(i.Term,{children:"Het hoger onderwijs"},1),e.jsx(i.Description,{children:"Het hbo en wo"},2),e.jsx(i.Term,{children:"Het mbo en hoger onderwijs"},3),e.jsx(i.Description,{children:"Het vervolgonderwijs"},4),e.jsx(i.Term,{children:"Laagopgeleid"},5),e.jsx(i.Description,{children:"Praktisch opgeleid"},6),e.jsx(i.Term,{children:"Hoogopgeleid"},7),e.jsx(i.Description,{children:"Theoretisch opgeleid"},8),e.jsx(i.Term,{children:"Opleidingsniveau"},9),e.jsx(i.Description,{children:"Onderwijsrichting"},10)],inverseColor:!1},argTypes:{termsWidth:{control:{type:"radio",labels:{undefined:"auto",sm:"small",md:"medium",lg:"large"}},options:[void 0,"sm","md","lg"]}}},o={},a={args:{children:[e.jsx(i.Term,{children:"Blinde, slechtziende"},1),e.jsx(i.Description,{children:"Persoon met een visuele beperking"},2),e.jsx(i.Description,{children:"Persoon met een visuele handicap"},3),e.jsx(i.Description,{children:"Persoon die blind is"},4),e.jsx(i.Description,{children:"Persoon die slechtziend is"},5)]}},c={args:{termsWidth:"md",children:[e.jsx(i.Term,{children:"Achternaam"},1),e.jsx(i.Description,{children:"De naam die een persoon van zijn of haar ouders krijgt"},2),e.jsxs(i.Section,{children:[e.jsx(i.Term,{children:"Voornaam"}),e.jsx(i.Term,{children:"Roepnaam"}),e.jsx(i.Term,{children:"Bijnaam"}),e.jsx(i.Description,{children:"De naam waarmee een persoon wordt aangesproken"})]},3),e.jsx(i.Term,{children:"Geboortedatum"},4),e.jsx(i.Description,{children:"De datum waarop een persoon is geboren"},5)]}},d={render:r=>e.jsxs(i,{...r,children:[e.jsx(i.Term,{children:"Amsterdam Light Festival"},1),e.jsxs(i.Description,{children:[e.jsxs(U,{className:"ams-mb--sm",inverseColor:r.inverseColor,children:["Een jaarlijks evenement waarbij kunstenaars van over de hele wereld hun"," ",e.jsx("strong",{children:"creatieve lichtinstallaties"})," tonen. De kunstwerken zijn verspreid over de stad en zijn zowel vanaf het water als vanaf de kant te bewonderen."]}),e.jsxs(l,{inverseColor:r.inverseColor,children:[e.jsx(l.Item,{children:"Kleed je warm aan, want de meeste exposities zijn buiten."}),e.jsx(l.Item,{children:"Er zijn begeleide boottochten en wandelroutes beschikbaar."}),e.jsxs(l.Item,{children:["Voor de volledige lijst met exposities kun je"," ",e.jsx(E,{href:"#",inverseColor:r.inverseColor,children:"de festivalbrochure downloaden"}),"."]})]})]},2)]})},p={args:{inverseColor:!0}};var h,L,j;o.parameters={...o.parameters,docs:{...(h=o.parameters)==null?void 0:h.docs,source:{originalSource:"{}",...(j=(L=o.parameters)==null?void 0:L.docs)==null?void 0:j.source}}};var u,g,v;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as U,U as l,L as E}from"./index.esm-ciNFknO_.js";import{c as m}from"./clsx-B-dksMZM.js";import{r as D}from"./index-RigO-4kf.js";const N=D.forwardRef(({children:r,className:n,...t},s)=>e.jsx("dd",{...t,ref:s,className:m("ams-description-list__description",n),children:r}));N.displayName="DescriptionList.Description";try{DescriptionList.Description.displayName="DescriptionList.Description",DescriptionList.Description.__docgenInfo={description:"",displayName:"DescriptionList.Description",props:{}}}catch{}const S=D.forwardRef(({children:r,className:n,...t},s)=>e.jsx("div",{...t,ref:s,className:m("ams-description-list__section",n),children:r}));S.displayName="DescriptionList.Section";try{DescriptionList.Section.displayName="DescriptionList.Section",DescriptionList.Section.__docgenInfo={description:"",displayName:"DescriptionList.Section",props:{}}}catch{}const z=D.forwardRef(({children:r,className:n,...t},s)=>e.jsx("dt",{...t,ref:s,className:m("ams-description-list__term",n),children:r}));z.displayName="DescriptionList.Term";try{DescriptionList.Term.displayName="DescriptionList.Term",DescriptionList.Term.__docgenInfo={description:"",displayName:"DescriptionList.Term",props:{}}}catch{}const I=D.forwardRef(({children:r,className:n,inverseColor:t,termsWidth:s,...P},R)=>e.jsx("dl",{...P,ref:R,className:m("ams-description-list",s&&`ams-description-list--terms-width-${s}`,t&&"ams-description-list--inverse-color",n),children:r}));I.displayName="DescriptionList";const i=Object.assign(I,{Description:N,Section:S,Term:z});try{i.displayName="DescriptionList",i.__docgenInfo={description:"",displayName:"DescriptionList",props:{inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},termsWidth:{defaultValue:null,description:"",name:"termsWidth",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}}}}}catch{}const M={title:"Components/Text/Description List",component:i,args:{children:[e.jsx(i.Term,{children:"Het hoger onderwijs"},1),e.jsx(i.Description,{children:"Het hbo en wo"},2),e.jsx(i.Term,{children:"Het mbo en hoger onderwijs"},3),e.jsx(i.Description,{children:"Het vervolgonderwijs"},4),e.jsx(i.Term,{children:"Laagopgeleid"},5),e.jsx(i.Description,{children:"Praktisch opgeleid"},6),e.jsx(i.Term,{children:"Hoogopgeleid"},7),e.jsx(i.Description,{children:"Theoretisch opgeleid"},8),e.jsx(i.Term,{children:"Opleidingsniveau"},9),e.jsx(i.Description,{children:"Onderwijsrichting"},10)],inverseColor:!1},argTypes:{termsWidth:{control:{type:"radio",labels:{undefined:"auto",sm:"small",md:"medium",lg:"large"}},options:[void 0,"sm","md","lg"]}}},o={},a={args:{children:[e.jsx(i.Term,{children:"Blinde, slechtziende"},1),e.jsx(i.Description,{children:"Persoon met een visuele beperking"},2),e.jsx(i.Description,{children:"Persoon met een visuele handicap"},3),e.jsx(i.Description,{children:"Persoon die blind is"},4),e.jsx(i.Description,{children:"Persoon die slechtziend is"},5)]}},c={args:{termsWidth:"md",children:[e.jsx(i.Term,{children:"Achternaam"},1),e.jsx(i.Description,{children:"De naam die een persoon van zijn of haar ouders krijgt"},2),e.jsxs(i.Section,{children:[e.jsx(i.Term,{children:"Voornaam"}),e.jsx(i.Term,{children:"Roepnaam"}),e.jsx(i.Term,{children:"Bijnaam"}),e.jsx(i.Description,{children:"De naam waarmee een persoon wordt aangesproken"})]},3),e.jsx(i.Term,{children:"Geboortedatum"},4),e.jsx(i.Description,{children:"De datum waarop een persoon is geboren"},5)]}},d={render:r=>e.jsxs(i,{...r,children:[e.jsx(i.Term,{children:"Amsterdam Light Festival"},1),e.jsxs(i.Description,{children:[e.jsxs(U,{className:"ams-mb--sm",inverseColor:r.inverseColor,children:["Een jaarlijks evenement waarbij kunstenaars van over de hele wereld hun"," ",e.jsx("strong",{children:"creatieve lichtinstallaties"})," tonen. De kunstwerken zijn verspreid over de stad en zijn zowel vanaf het water als vanaf de kant te bewonderen."]}),e.jsxs(l,{inverseColor:r.inverseColor,children:[e.jsx(l.Item,{children:"Kleed je warm aan, want de meeste exposities zijn buiten."}),e.jsx(l.Item,{children:"Er zijn begeleide boottochten en wandelroutes beschikbaar."}),e.jsxs(l.Item,{children:["Voor de volledige lijst met exposities kun je"," ",e.jsx(E,{href:"#",inverseColor:r.inverseColor,children:"de festivalbrochure downloaden"}),"."]})]})]},2)]})},p={args:{inverseColor:!0}};var h,L,j;o.parameters={...o.parameters,docs:{...(h=o.parameters)==null?void 0:h.docs,source:{originalSource:"{}",...(j=(L=o.parameters)==null?void 0:L.docs)==null?void 0:j.source}}};var u,g,v;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:`{ args: { children: [Blinde, slechtziende, Persoon met een visuele beperking, Persoon met een visuele handicap, Persoon die blind is, Persoon die slechtziend is] } diff --git a/demo-develop/assets/Dialog.docs-OECFN3FR.js b/demo-develop/assets/Dialog.docs-DGpE5QtP.js similarity index 90% rename from demo-develop/assets/Dialog.docs-OECFN3FR.js rename to demo-develop/assets/Dialog.docs-DGpE5QtP.js index 1ebec1bacf..7067183a7e 100644 --- a/demo-develop/assets/Dialog.docs-OECFN3FR.js +++ b/demo-develop/assets/Dialog.docs-DGpE5QtP.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as l,aq as r,ar as a,as as c,at as t}from"./index-U-bvrYWS.js";import{D as h,O as d,A as m,W as p}from"./Dialog.stories-CNxDFR-V.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Heading-Vg3KKL7T.js";import"./getHeadingTag-Dv1eMqvl.js";import"./IconButton-Crov6BLL.js";import"./Icon-CPe807nE.js";const u=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as l,aq as r,ar as a,as as c,at as t}from"./index-CYpc6MNd.js";import{D as h,O as d,A as m,W as p}from"./Dialog.stories-cTqFWb0A.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./Heading-kLxhGLS-.js";import"./getHeadingTag-Dv1eMqvl.js";import"./IconButton-Be1b4x1H.js";import"./Icon-D9-xhxHj.js";const u=` # Dialog diff --git a/demo-develop/assets/Dialog.stories-CNxDFR-V.js b/demo-develop/assets/Dialog.stories-cTqFWb0A.js similarity index 97% rename from demo-develop/assets/Dialog.stories-CNxDFR-V.js rename to demo-develop/assets/Dialog.stories-cTqFWb0A.js index 2720ba04f0..831f27a612 100644 --- a/demo-develop/assets/Dialog.stories-CNxDFR-V.js +++ b/demo-develop/assets/Dialog.stories-cTqFWb0A.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as r,A as g,B as l,C as G,H as m}from"./index.esm-C0OPbFsf.js";import{c as H}from"./clsx-B-dksMZM.js";import{r as O}from"./index-RigO-4kf.js";import{H as V}from"./Heading-Vg3KKL7T.js";import{I as T}from"./IconButton-Crov6BLL.js";const A=a=>{var n;return(n=a.currentTarget.closest("dialog"))==null?void 0:n.close()},W=a=>{var n;return(n=document.querySelector(a))==null?void 0:n.showModal()},z=O.forwardRef(({children:a,className:n,closeButtonLabel:_="Sluiten",footer:c,heading:N,...P},B)=>e.jsxs("dialog",{...P,ref:B,className:H("ams-dialog",n),children:[e.jsxs("header",{className:"ams-dialog__header",children:[e.jsx(V,{size:"level-4",children:N}),e.jsx(T,{label:_,onClick:A,size:"level-4",type:"button"})]}),e.jsx("div",{className:"ams-dialog__body",children:a}),c&&e.jsx("footer",{className:"ams-dialog__footer",children:c})]}));z.displayName="Dialog";const o=Object.assign(z,{close:A,open:W});try{o.displayName="Dialog",o.__docgenInfo={description:"",displayName:"Dialog",props:{closeButtonLabel:{defaultValue:{value:"Sluiten"},description:"The label for the button that dismisses the Dialog.",name:"closeButtonLabel",required:!1,type:{name:"string"}},footer:{defaultValue:null,description:"Content for the footer, often one Button or an Action Group containing more of them.",name:"footer",required:!1,type:{name:"ReactNode"}},heading:{defaultValue:null,description:"The text for the Heading.",name:"heading",required:!0,type:{name:"string"}}}}}catch{}const S=a=>e.jsx("form",{id:a,method:"dialog",children:e.jsx(r,{children:"Weet u zeker dat u door wilt gaan met het uitvoeren van deze actie? Gegevens die nog niet opgeslagen zijn gaan dan verloren."})}),C=a=>e.jsxs(g,{children:[e.jsx(l,{form:a,type:"submit",value:"submit",children:"Doorgaan"}),e.jsx(l,{onClick:o.close,variant:"tertiary",children:"Stoppen"})]}),E={title:"Components/Containers/Dialog",component:o,args:{children:S("ams-dialog-form"),footer:C("ams-dialog-form"),heading:"Niet alle gegevens zijn opgeslagen"},argTypes:{footer:{table:{disable:!0}},heading:{description:"The text for the heading."},open:{description:"Whether the dialog box is active and available for interaction."}}},t={args:{children:e.jsx(r,{children:"De gegevens zijn opgeslagen."}),footer:e.jsx(g,{children:e.jsx(l,{onClick:o.close,variant:"primary",children:"Sluiten"})}),heading:"Gelukt",open:!0},decorators:[a=>e.jsx("div",{className:"ams-docs-backdrop",children:e.jsx(a,{})})],parameters:{docs:{story:{height:"28rem"}},layout:"fullscreen"}},s={args:{id:"ams-dialog"},decorators:[a=>e.jsxs("div",{children:[e.jsx(l,{onClick:()=>o.open("#ams-dialog"),children:"Open Dialog"}),e.jsx(a,{})]})]},i={args:{children:S("ams-dialog-asking-to-confirm-form"),footer:C("ams-dialog-asking-to-confirm-form"),open:!0},decorators:[a=>e.jsx("div",{className:"ams-docs-backdrop",children:e.jsx(a,{})})],parameters:{docs:{story:{height:"32rem"}},layout:"fullscreen"}},d={args:{children:e.jsxs(G,{gap:"small",children:[e.jsx(m,{level:2,size:"level-5",children:"Algemeen"}),e.jsx(r,{children:"De gemeente Amsterdam verwerkt bij de uitvoering van haar taken en verplichtingen persoonsgegevens. De manier waarop de gemeente Amsterdam om gaat met persoonsgegevens is vastgelegd in het stedelijk kader verwerken persoonsgegevens."}),e.jsx(r,{children:"Deze verklaring geeft aanvullende informatie over de omgang met persoonsgegevens door de gemeente Amsterdam en over uw mogelijkheden tot het uitoefenen van uw rechten met betrekking tot persoonsgegevens."}),e.jsx(r,{children:"Meer specifieke informatie over privacy en de verwerking van persoonsgegevens door de gemeente Amsterdam kunt u op de hoofdpagina vinden."}),e.jsx(r,{children:"Vanwege nieuwe wetgeving of andere ontwikkelingen, past de gemeente regelmatig haar processen aan. Dit kunnen ook wijzigingen zijn in de wijze van het verwerken van persoonsgegevens. Wij raden u daarom aan om regelmatig deze pagina te bekijken. Deze pagina wordt doorlopend geactualiseerd."}),e.jsx(m,{level:2,size:"level-5",children:"Geldende wet- en regelgeving en reikwijdte"}),e.jsx(r,{children:"Vanaf 25 mei 2018 is de Algemene verordening gegevensbescherming (Avg) van toepassing op alle verwerkingen van persoonsgegevens. Deze Europese wetgeving heeft directe werking in Nederland. Voor die zaken die nationaal geregeld moeten worden, is de Uitvoeringswet Avg in Nederland aanvullend van toepassing. Deze wetteksten kunt u vinden op de website van Autoriteit Persoonsgegevens."})]}),footer:e.jsx(g,{children:e.jsx(l,{onClick:o.close,children:"Sluiten"})}),heading:"Privacyverklaring gemeente Amsterdam",open:!0},decorators:[a=>e.jsx("div",{className:"ams-docs-backdrop",children:e.jsx(a,{})})],parameters:{docs:{story:{height:"100vh"}},layout:"fullscreen"}};var p,v,u;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as r,A as g,B as l,C as G,H as m}from"./index.esm-ciNFknO_.js";import{c as H}from"./clsx-B-dksMZM.js";import{r as O}from"./index-RigO-4kf.js";import{H as V}from"./Heading-kLxhGLS-.js";import{I as T}from"./IconButton-Be1b4x1H.js";const A=a=>{var n;return(n=a.currentTarget.closest("dialog"))==null?void 0:n.close()},W=a=>{var n;return(n=document.querySelector(a))==null?void 0:n.showModal()},z=O.forwardRef(({children:a,className:n,closeButtonLabel:_="Sluiten",footer:c,heading:N,...P},B)=>e.jsxs("dialog",{...P,ref:B,className:H("ams-dialog",n),children:[e.jsxs("header",{className:"ams-dialog__header",children:[e.jsx(V,{size:"level-4",children:N}),e.jsx(T,{label:_,onClick:A,size:"level-4",type:"button"})]}),e.jsx("div",{className:"ams-dialog__body",children:a}),c&&e.jsx("footer",{className:"ams-dialog__footer",children:c})]}));z.displayName="Dialog";const o=Object.assign(z,{close:A,open:W});try{o.displayName="Dialog",o.__docgenInfo={description:"",displayName:"Dialog",props:{closeButtonLabel:{defaultValue:{value:"Sluiten"},description:"The label for the button that dismisses the Dialog.",name:"closeButtonLabel",required:!1,type:{name:"string"}},footer:{defaultValue:null,description:"Content for the footer, often one Button or an Action Group containing more of them.",name:"footer",required:!1,type:{name:"ReactNode"}},heading:{defaultValue:null,description:"The text for the Heading.",name:"heading",required:!0,type:{name:"string"}}}}}catch{}const S=a=>e.jsx("form",{id:a,method:"dialog",children:e.jsx(r,{children:"Weet u zeker dat u door wilt gaan met het uitvoeren van deze actie? Gegevens die nog niet opgeslagen zijn gaan dan verloren."})}),C=a=>e.jsxs(g,{children:[e.jsx(l,{form:a,type:"submit",value:"submit",children:"Doorgaan"}),e.jsx(l,{onClick:o.close,variant:"tertiary",children:"Stoppen"})]}),E={title:"Components/Containers/Dialog",component:o,args:{children:S("ams-dialog-form"),footer:C("ams-dialog-form"),heading:"Niet alle gegevens zijn opgeslagen"},argTypes:{footer:{table:{disable:!0}},heading:{description:"The text for the heading."},open:{description:"Whether the dialog box is active and available for interaction."}}},t={args:{children:e.jsx(r,{children:"De gegevens zijn opgeslagen."}),footer:e.jsx(g,{children:e.jsx(l,{onClick:o.close,variant:"primary",children:"Sluiten"})}),heading:"Gelukt",open:!0},decorators:[a=>e.jsx("div",{className:"ams-docs-backdrop",children:e.jsx(a,{})})],parameters:{docs:{story:{height:"28rem"}},layout:"fullscreen"}},s={args:{id:"ams-dialog"},decorators:[a=>e.jsxs("div",{children:[e.jsx(l,{onClick:()=>o.open("#ams-dialog"),children:"Open Dialog"}),e.jsx(a,{})]})]},i={args:{children:S("ams-dialog-asking-to-confirm-form"),footer:C("ams-dialog-asking-to-confirm-form"),open:!0},decorators:[a=>e.jsx("div",{className:"ams-docs-backdrop",children:e.jsx(a,{})})],parameters:{docs:{story:{height:"32rem"}},layout:"fullscreen"}},d={args:{children:e.jsxs(G,{gap:"small",children:[e.jsx(m,{level:2,size:"level-5",children:"Algemeen"}),e.jsx(r,{children:"De gemeente Amsterdam verwerkt bij de uitvoering van haar taken en verplichtingen persoonsgegevens. De manier waarop de gemeente Amsterdam om gaat met persoonsgegevens is vastgelegd in het stedelijk kader verwerken persoonsgegevens."}),e.jsx(r,{children:"Deze verklaring geeft aanvullende informatie over de omgang met persoonsgegevens door de gemeente Amsterdam en over uw mogelijkheden tot het uitoefenen van uw rechten met betrekking tot persoonsgegevens."}),e.jsx(r,{children:"Meer specifieke informatie over privacy en de verwerking van persoonsgegevens door de gemeente Amsterdam kunt u op de hoofdpagina vinden."}),e.jsx(r,{children:"Vanwege nieuwe wetgeving of andere ontwikkelingen, past de gemeente regelmatig haar processen aan. Dit kunnen ook wijzigingen zijn in de wijze van het verwerken van persoonsgegevens. Wij raden u daarom aan om regelmatig deze pagina te bekijken. Deze pagina wordt doorlopend geactualiseerd."}),e.jsx(m,{level:2,size:"level-5",children:"Geldende wet- en regelgeving en reikwijdte"}),e.jsx(r,{children:"Vanaf 25 mei 2018 is de Algemene verordening gegevensbescherming (Avg) van toepassing op alle verwerkingen van persoonsgegevens. Deze Europese wetgeving heeft directe werking in Nederland. Voor die zaken die nationaal geregeld moeten worden, is de Uitvoeringswet Avg in Nederland aanvullend van toepassing. Deze wetteksten kunt u vinden op de website van Autoriteit Persoonsgegevens."})]}),footer:e.jsx(g,{children:e.jsx(l,{onClick:o.close,children:"Sluiten"})}),heading:"Privacyverklaring gemeente Amsterdam",open:!0},decorators:[a=>e.jsx("div",{className:"ams-docs-backdrop",children:e.jsx(a,{})})],parameters:{docs:{story:{height:"100vh"}},layout:"fullscreen"}};var p,v,u;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{ args: { children: De gegevens zijn opgeslagen., footer: diff --git a/demo-develop/assets/DocsRenderer-CFRXHY34-C7AVeYW1.js b/demo-develop/assets/DocsRenderer-CFRXHY34-L1JMIrrr.js similarity index 91% rename from demo-develop/assets/DocsRenderer-CFRXHY34-C7AVeYW1.js rename to demo-develop/assets/DocsRenderer-CFRXHY34-L1JMIrrr.js index 92f359cdcb..f3bc5b89dd 100644 --- a/demo-develop/assets/DocsRenderer-CFRXHY34-C7AVeYW1.js +++ b/demo-develop/assets/DocsRenderer-CFRXHY34-L1JMIrrr.js @@ -1,2 +1,2 @@ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-3rgQkYFR.js","./index-RigO-4kf.js","./_commonjsHelpers-CqkleIqs.js","./index-D2MAbzvX.js"])))=>i.map(i=>d[i]); -import{_ as p}from"./iframe-CcKRFNHG.js";import{R as e,r as c}from"./index-RigO-4kf.js";import{ag as l,ah as u,ai as h,aj as E}from"./index-U-bvrYWS.js";import{renderElement as d,unmountElement as x}from"./react-18-1O4HD-Mi.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-CqkleIqs.js";import"./index-D2MAbzvX.js";import"./jsx-runtime-BjgbQsUx.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";var _={code:l,a:u,...h},D=class extends c.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(t){let{showException:r}=this.props;r(t)}render(){let{hasError:t}=this.state,{children:r}=this.props;return t?null:e.createElement(e.Fragment,null,r)}},T=class{constructor(){this.render=async(t,r,n)=>{let s={..._,...r==null?void 0:r.components},a=E;return new Promise((i,m)=>{p(async()=>{const{MDXProvider:o}=await import("./index-3rgQkYFR.js");return{MDXProvider:o}},__vite__mapDeps([0,1,2,3]),import.meta.url).then(({MDXProvider:o})=>d(e.createElement(D,{showException:m,key:Math.random()},e.createElement(o,{components:s},e.createElement(a,{context:t,docsParameter:r}))),n)).then(()=>i())})},this.unmount=t=>{x(t)}}};export{T as DocsRenderer,_ as defaultComponents}; +import{_ as p}from"./iframe-DelTWw7Q.js";import{R as e,r as c}from"./index-RigO-4kf.js";import{ag as l,ah as u,ai as h,aj as E}from"./index-CYpc6MNd.js";import{renderElement as d,unmountElement as x}from"./react-18-1O4HD-Mi.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-CqkleIqs.js";import"./index-D2MAbzvX.js";import"./jsx-runtime-BjgbQsUx.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";var _={code:l,a:u,...h},D=class extends c.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(t){let{showException:r}=this.props;r(t)}render(){let{hasError:t}=this.state,{children:r}=this.props;return t?null:e.createElement(e.Fragment,null,r)}},T=class{constructor(){this.render=async(t,r,n)=>{let s={..._,...r==null?void 0:r.components},a=E;return new Promise((i,m)=>{p(async()=>{const{MDXProvider:o}=await import("./index-3rgQkYFR.js");return{MDXProvider:o}},__vite__mapDeps([0,1,2,3]),import.meta.url).then(({MDXProvider:o})=>d(e.createElement(D,{showException:m,key:Math.random()},e.createElement(o,{components:s},e.createElement(a,{context:t,docsParameter:r}))),n)).then(()=>i())})},this.unmount=t=>{x(t)}}};export{T as DocsRenderer,_ as defaultComponents}; diff --git a/demo-develop/assets/ErrorMessage.docs-Bv7kn2mj.js b/demo-develop/assets/ErrorMessage.docs-BKWb858W.js similarity index 86% rename from demo-develop/assets/ErrorMessage.docs-Bv7kn2mj.js rename to demo-develop/assets/ErrorMessage.docs-BKWb858W.js index eb2f79fb9a..2557e52284 100644 --- a/demo-develop/assets/ErrorMessage.docs-Bv7kn2mj.js +++ b/demo-develop/assets/ErrorMessage.docs-BKWb858W.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as i,aq as a,ar as m,as as c,at as r}from"./index-U-bvrYWS.js";import{E as h,C as d,W as p}from"./ErrorMessage.stories-Be50a9um.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-Bz9pa_xK.js";import"./clsx-B-dksMZM.js";import"./Icon-CPe807nE.js";const f=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as i,aq as a,ar as m,as as c,at as r}from"./index-CYpc6MNd.js";import{E as h,C as d,W as p}from"./ErrorMessage.stories-BA4c4ZNY.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-kml84xjK.js";import"./clsx-B-dksMZM.js";import"./Icon-D9-xhxHj.js";const f=` # Error Message diff --git a/demo-develop/assets/ErrorMessage.stories-Be50a9um.js b/demo-develop/assets/ErrorMessage.stories-BA4c4ZNY.js similarity index 94% rename from demo-develop/assets/ErrorMessage.stories-Be50a9um.js rename to demo-develop/assets/ErrorMessage.stories-BA4c4ZNY.js index 83a4c45d0b..1384732651 100644 --- a/demo-develop/assets/ErrorMessage.stories-Be50a9um.js +++ b/demo-develop/assets/ErrorMessage.stories-BA4c4ZNY.js @@ -1,4 +1,4 @@ -import{S as y,k as v}from"./index.esm-Bz9pa_xK.js";import{j as o}from"./jsx-runtime-BjgbQsUx.js";import{c as b}from"./clsx-B-dksMZM.js";import{r as S}from"./index-RigO-4kf.js";import{I as j}from"./Icon-CPe807nE.js";const a=S.forwardRef(({children:n,className:h,icon:t,prefix:x="Invoerfout",...E},_)=>o.jsxs("p",{...E,ref:_,className:b("ams-error-message",h),children:[o.jsx(j,{svg:t||y,size:"level-6"}),o.jsxs("span",{className:"ams-visually-hidden",children:[x,": "]}),n]}));a.displayName="ErrorMessage";try{a.displayName="ErrorMessage",a.__docgenInfo={description:"",displayName:"ErrorMessage",props:{icon:{defaultValue:null,description:"An icon to display instead of the default icon.",name:"icon",required:!1,type:{name:"Function"}},prefix:{defaultValue:{value:"Invoerfout"},description:"An accessible phrase that screen readers announce before the error message. Should translate to something like ‘input error’.",name:"prefix",required:!1,type:{name:"string"}}}}}catch{}/** +import{S as y,j as v}from"./index.esm-kml84xjK.js";import{j as o}from"./jsx-runtime-BjgbQsUx.js";import{c as b}from"./clsx-B-dksMZM.js";import{r as S}from"./index-RigO-4kf.js";import{I as j}from"./Icon-D9-xhxHj.js";const a=S.forwardRef(({children:n,className:h,icon:t,prefix:x="Invoerfout",...E},_)=>o.jsxs("p",{...E,ref:_,className:b("ams-error-message",h),children:[o.jsx(j,{svg:t||y,size:"level-6"}),o.jsxs("span",{className:"ams-visually-hidden",children:[x,": "]}),n]}));a.displayName="ErrorMessage";try{a.displayName="ErrorMessage",a.__docgenInfo={description:"",displayName:"ErrorMessage",props:{icon:{defaultValue:null,description:"An icon to display instead of the default icon.",name:"icon",required:!1,type:{name:"Function"}},prefix:{defaultValue:{value:"Invoerfout"},description:"An accessible phrase that screen readers announce before the error message. Should translate to something like ‘input error’.",name:"prefix",required:!1,type:{name:"string"}}}}}catch{}/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const I={title:"Components/Forms/Error Message",component:a,args:{children:"Vul een geldig e-mailadres in, bijvoorbeeld naam@voorbeeld.nl."},argTypes:{children:{table:{disable:!1}}}},e={},r={args:{children:"Enter an email address in the correct format, like name@example.com",prefix:"Error"}},s={args:{icon:v}};var c,i,m;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(m=(i=e.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};var l,d,p;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`{ diff --git a/demo-develop/assets/Field.docs-DL6_XSzW.js b/demo-develop/assets/Field.docs-BdVWC1tT.js similarity index 86% rename from demo-develop/assets/Field.docs-DL6_XSzW.js rename to demo-develop/assets/Field.docs-BdVWC1tT.js index aa5088257c..c0ab2bb5bd 100644 --- a/demo-develop/assets/Field.docs-DL6_XSzW.js +++ b/demo-develop/assets/Field.docs-BdVWC1tT.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as s,aq as a,ar as d,as as c,at as i}from"./index-U-bvrYWS.js";import{F as h,W as p,a as l}from"./Field.stories-0gI8y-No.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const m=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as s,aq as a,ar as d,as as c,at as i}from"./index-CYpc6MNd.js";import{F as h,W as p,a as l}from"./Field.stories-B2Ivb9i6.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";const m=` # Field diff --git a/demo-develop/assets/Field.stories-0gI8y-No.js b/demo-develop/assets/Field.stories-B2Ivb9i6.js similarity index 96% rename from demo-develop/assets/Field.stories-0gI8y-No.js rename to demo-develop/assets/Field.stories-B2Ivb9i6.js index d2be42a44a..e46702f9a1 100644 --- a/demo-develop/assets/Field.stories-0gI8y-No.js +++ b/demo-develop/assets/Field.stories-B2Ivb9i6.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{e as d,T as t,P as f,E as y}from"./index.esm-C0OPbFsf.js";import{c as W}from"./clsx-B-dksMZM.js";import{r as _}from"./index-RigO-4kf.js";const a=_.forwardRef(({children:i,className:x,invalid:j,...F},b)=>e.jsx("div",{...F,ref:b,className:W("ams-field",j&&"ams-field--invalid",x),children:i}));a.displayName="Field";try{a.displayName="Field",a.__docgenInfo={description:"",displayName:"Field",props:{invalid:{defaultValue:null,description:"Whether the field has an input with a validation error",name:"invalid",required:!1,type:{name:"boolean"}}}}}catch{}const T={title:"Components/Forms/Field",component:a,args:{invalid:!1}},r={render:i=>e.jsxs(a,{invalid:i.invalid,children:[e.jsx(d,{htmlFor:"input1",children:"Waar gaat het om?"}),e.jsx(t,{id:"input1",invalid:i.invalid})]})},n={render:i=>e.jsxs(a,{invalid:i.invalid,children:[e.jsx(d,{htmlFor:"input2",children:"Waar gaat het om?"}),e.jsx(f,{id:"description1",size:"small",children:"Typ geen persoonsgegevens in deze omschrijving. We vragen dit later in dit formulier aan u."}),e.jsx(t,{id:"input2","aria-describedby":"description1",invalid:i.invalid})]})},s={args:{invalid:!0},render:i=>e.jsxs(a,{invalid:i.invalid,children:[e.jsx(d,{htmlFor:"input3",children:"Waar gaat het om?"}),e.jsx(f,{id:"description2",size:"small",children:"Typ geen persoonsgegevens in deze omschrijving. We vragen dit later in dit formulier aan u."}),e.jsx(y,{id:"error",children:"Geef aan waar het om gaat."}),e.jsx(t,{id:"input3","aria-describedby":"description2 error","aria-required":!0,invalid:i.invalid})]})};var o,l,p;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{c as d,T as t,P as f,E as y}from"./index.esm-ciNFknO_.js";import{c as W}from"./clsx-B-dksMZM.js";import{r as _}from"./index-RigO-4kf.js";const a=_.forwardRef(({children:i,className:x,invalid:j,...F},b)=>e.jsx("div",{...F,ref:b,className:W("ams-field",j&&"ams-field--invalid",x),children:i}));a.displayName="Field";try{a.displayName="Field",a.__docgenInfo={description:"",displayName:"Field",props:{invalid:{defaultValue:null,description:"Whether the field has an input with a validation error",name:"invalid",required:!1,type:{name:"boolean"}}}}}catch{}const T={title:"Components/Forms/Field",component:a,args:{invalid:!1}},r={render:i=>e.jsxs(a,{invalid:i.invalid,children:[e.jsx(d,{htmlFor:"input1",children:"Waar gaat het om?"}),e.jsx(t,{id:"input1",invalid:i.invalid})]})},n={render:i=>e.jsxs(a,{invalid:i.invalid,children:[e.jsx(d,{htmlFor:"input2",children:"Waar gaat het om?"}),e.jsx(f,{id:"description1",size:"small",children:"Typ geen persoonsgegevens in deze omschrijving. We vragen dit later in dit formulier aan u."}),e.jsx(t,{id:"input2","aria-describedby":"description1",invalid:i.invalid})]})},s={args:{invalid:!0},render:i=>e.jsxs(a,{invalid:i.invalid,children:[e.jsx(d,{htmlFor:"input3",children:"Waar gaat het om?"}),e.jsx(f,{id:"description2",size:"small",children:"Typ geen persoonsgegevens in deze omschrijving. We vragen dit later in dit formulier aan u."}),e.jsx(y,{id:"error",children:"Geef aan waar het om gaat."}),e.jsx(t,{id:"input3","aria-describedby":"description2 error","aria-required":!0,invalid:i.invalid})]})};var o,l,p;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{ render: args => diff --git a/demo-develop/assets/FieldSet.docs-lcFTH8l3.js b/demo-develop/assets/FieldSet.docs-DHG3FItu.js similarity index 95% rename from demo-develop/assets/FieldSet.docs-lcFTH8l3.js rename to demo-develop/assets/FieldSet.docs-DHG3FItu.js index d924c73ce9..0863543b07 100644 --- a/demo-develop/assets/FieldSet.docs-lcFTH8l3.js +++ b/demo-develop/assets/FieldSet.docs-DHG3FItu.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as s,aq as a,ar as d,as as l,at as t}from"./index-U-bvrYWS.js";import{F as h,W as c,a as p,b as u,R as x,c as j,C as g,d as m}from"./FieldSet.stories-B8lghA1i.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Hint-ny2kNNgA.js";const f=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as s,aq as a,ar as d,as as l,at as t}from"./index-CYpc6MNd.js";import{F as h,W as c,a as p,b as u,R as x,c as j,C as g,d as m}from"./FieldSet.stories-CMR_3SLj.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./Hint-ny2kNNgA.js";const f=` # Field Set diff --git a/demo-develop/assets/FieldSet.stories-B8lghA1i.js b/demo-develop/assets/FieldSet.stories-CMR_3SLj.js similarity index 98% rename from demo-develop/assets/FieldSet.stories-B8lghA1i.js rename to demo-develop/assets/FieldSet.stories-CMR_3SLj.js index 3701eb29c0..abdf151378 100644 --- a/demo-develop/assets/FieldSet.stories-B8lghA1i.js +++ b/demo-develop/assets/FieldSet.stories-CMR_3SLj.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{d as l,e as s,E as r,T as t,P as o,C as F,R as d,f as n}from"./index.esm-C0OPbFsf.js";import{c as Q}from"./clsx-B-dksMZM.js";import{r as X}from"./index-RigO-4kf.js";import{H as Y}from"./Hint-ny2kNNgA.js";const i=X.forwardRef(({children:a,className:u,hint:m,invalid:c,legend:U,optional:B,...J},K)=>e.jsxs("fieldset",{...J,ref:K,className:Q("ams-field-set",c&&"ams-field-set--invalid",u),children:[e.jsxs("legend",{className:"ams-field-set__legend",children:[U," ",e.jsx(Y,{hint:m,optional:B})]}),a]}));i.displayName="FieldSet";try{i.displayName="FieldSet",i.__docgenInfo={description:"",displayName:"FieldSet",props:{invalid:{defaultValue:null,description:"Whether the field set has an input with a validation error",name:"invalid",required:!1,type:{name:"boolean"}},legend:{defaultValue:null,description:"The text for the caption.",name:"legend",required:!0,type:{name:"string"}},hint:{defaultValue:null,description:"Show a custom hint text.",name:"hint",required:!1,type:{name:"string"}},optional:{defaultValue:null,description:"Appends the text '(niet verplicht)' to the label or legend if no hint is provided. Use when the associated inputs are optional.",name:"optional",required:!1,type:{name:"boolean"}}}}}catch{}const Z={title:"Components/Forms/Field Set",component:i,args:{invalid:!1,legend:"Wat is uw naam?",optional:!1,hint:""},decorators:[a=>e.jsx("form",{children:e.jsx(a,{})})]},v={render:({invalid:a,legend:u,hint:m,optional:c})=>e.jsxs(i,{hint:m,invalid:a,legend:u,optional:c,children:[e.jsxs(l,{className:"ams-mb--sm",children:[e.jsx(s,{htmlFor:"input-a1",children:"Voornaam"}),a&&e.jsx(r,{id:"error-a1",children:"Vul uw voornaam in."}),e.jsx(t,{"aria-describedby":a?"error-a1":void 0,"aria-required":"true",id:"input-a1",invalid:a})]}),e.jsxs(l,{children:[e.jsx(s,{htmlFor:"input-a2",children:"Achternaam"}),a&&e.jsx(r,{id:"error-a2",children:"Vul uw achternaam in."}),e.jsx(t,{"aria-describedby":a?"error-a2":void 0,"aria-required":"true",id:"input-a2",invalid:a})]})]})},b={render:a=>e.jsxs(i,{"aria-describedby":"description-b",invalid:a.invalid,legend:a.legend,children:[e.jsx(o,{id:"description-b",size:"small",className:"ams-mb--sm",children:"Vul uw naam in zoals in uw paspoort staat."}),e.jsxs(l,{className:"ams-mb--sm",children:[e.jsx(s,{htmlFor:"input-b1",children:"Voornaam"}),a.invalid&&e.jsx(r,{id:"error-b1",children:"Vul uw voornaam in."}),e.jsx(t,{"aria-describedby":a.invalid?"error-b1":void 0,"aria-required":"true",id:"input-b1",invalid:a.invalid})]}),e.jsxs(l,{children:[e.jsx(s,{htmlFor:"input-b2",children:"Achternaam"}),a.invalid&&e.jsx(r,{id:"error-b2",children:"Vul uw achternaam in."}),e.jsx(t,{"aria-describedby":a.invalid?"error-b2":void 0,"aria-required":"true",id:"input-b2",invalid:a.invalid})]})]})},g={args:{optional:!1,hint:"verplicht"},render:({invalid:a,legend:u,hint:m,optional:c})=>e.jsxs(i,{hint:m,invalid:a,legend:u,optional:c,children:[e.jsxs(l,{className:"ams-mb--sm",children:[e.jsx(s,{htmlFor:"input-b3",children:"Voornaam"}),a&&e.jsx(r,{id:"error-b3",children:"Vul uw voornaam in."}),e.jsx(t,{"aria-describedby":a?"error-b3":void 0,"aria-required":"true",id:"input-b3",invalid:a})]}),e.jsxs(l,{children:[e.jsx(s,{htmlFor:"input-b4",children:"Achternaam"}),a&&e.jsx(r,{id:"error-b4",children:"Vul uw achternaam in."}),e.jsx(t,{"aria-describedby":a?"error-b4":void 0,"aria-required":"true",id:"input-b4",invalid:a})]})]})},p={args:{invalid:!0},render:a=>e.jsxs(i,{"aria-describedby":"description-c",invalid:a.invalid,legend:a.legend,children:[e.jsx(o,{id:"description-c",size:"small",className:"ams-mb--sm",children:"Vul uw naam in zoals in uw paspoort staat."}),e.jsxs(l,{className:"ams-mb--sm",children:[e.jsx(s,{htmlFor:"input-c1",children:"Voornaam"}),a.invalid&&e.jsx(r,{id:"error-c1",children:"Vul uw voornaam in."}),e.jsx(t,{"aria-describedby":a.invalid?"error-c1":void 0,"aria-required":"true",id:"input-c1",invalid:a.invalid})]}),e.jsxs(l,{children:[e.jsx(s,{htmlFor:"input-c2",children:"Achternaam"}),a.invalid&&e.jsx(r,{id:"error-c2",children:"Vul uw achternaam in."}),e.jsx(t,{"aria-describedby":a.invalid?"error-c2":void 0,"aria-required":"true",id:"input-c2",invalid:a.invalid})]})]})},h={args:{legend:"Waar gaat uw melding over?"},render:a=>e.jsxs(i,{"aria-describedby":`description-d${a.invalid?" error-d":""}`,"aria-required":"true",invalid:a.invalid,legend:a.legend,role:"radiogroup",children:[e.jsx(o,{className:"ams-mb--sm",id:"description-d",size:"small",children:"De laatstgenoemde melding."}),a.invalid&&e.jsx(r,{className:"ams-mb--sm",id:"error-d",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(F,{gap:"extra-small",children:[e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"evenement",children:"Evenement"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"anders",children:"Iets anders"})]})]})},x={args:{legend:"Waar gaat uw melding over?",invalid:!0},render:a=>e.jsxs(i,{"aria-describedby":`description-e${a.invalid?" error-e":""}`,"aria-required":"true",invalid:a.invalid,legend:a.legend,role:"radiogroup",children:[e.jsx(o,{className:"ams-mb--sm",id:"description-e",size:"small",children:"De laatstgenoemde melding."}),a.invalid&&e.jsx(r,{className:"ams-mb--sm",id:"error-e",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(F,{gap:"extra-small",children:[e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"evenement",children:"Evenement"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"anders",children:"Iets anders"})]})]})},j={args:{legend:"Waar gaat uw melding over?"},render:a=>e.jsxs(i,{"aria-labelledby":`fieldset-f description-f${a.invalid?" error-f":""}`,id:"fieldset-f",invalid:a.invalid,legend:a.legend,children:[e.jsx(o,{className:"ams-mb--sm",id:"description-f",size:"small",children:"De laatstgenoemde melding."}),a.invalid&&e.jsx(r,{className:"ams-mb--sm",id:"error-f",children:"Geef aan waar uw melding over gaat."}),e.jsxs(F,{gap:"extra-small",children:[e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"evenement",children:"Evenement"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"anders",children:"Iets anders"})]})]})},f={args:{invalid:!0,legend:"Waar gaat uw melding over?"},render:a=>e.jsxs(i,{"aria-labelledby":`fieldset-g description-g${a.invalid?" error-g":""}`,id:"fieldset-g",invalid:a.invalid,legend:a.legend,children:[e.jsx(o,{id:"description-g",size:"small",className:"ams-mb--sm",children:"De laatstgenoemde melding."}),a.invalid&&e.jsx(r,{className:"ams-mb--sm",id:"error-g",children:"Geef aan waar uw melding over gaat."}),e.jsxs(F,{gap:"extra-small",children:[e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"evenement",children:"Evenement"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"anders",children:"Iets anders"})]})]})};var q,w,y;v.parameters={...v.parameters,docs:{...(q=v.parameters)==null?void 0:q.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{b as l,c as s,E as r,T as t,P as o,C as F,R as d,d as n}from"./index.esm-ciNFknO_.js";import{c as Q}from"./clsx-B-dksMZM.js";import{r as X}from"./index-RigO-4kf.js";import{H as Y}from"./Hint-ny2kNNgA.js";const i=X.forwardRef(({children:a,className:u,hint:m,invalid:c,legend:U,optional:B,...J},K)=>e.jsxs("fieldset",{...J,ref:K,className:Q("ams-field-set",c&&"ams-field-set--invalid",u),children:[e.jsxs("legend",{className:"ams-field-set__legend",children:[U," ",e.jsx(Y,{hint:m,optional:B})]}),a]}));i.displayName="FieldSet";try{i.displayName="FieldSet",i.__docgenInfo={description:"",displayName:"FieldSet",props:{invalid:{defaultValue:null,description:"Whether the field set has an input with a validation error",name:"invalid",required:!1,type:{name:"boolean"}},legend:{defaultValue:null,description:"The text for the caption.",name:"legend",required:!0,type:{name:"string"}},hint:{defaultValue:null,description:"Show a custom hint text.",name:"hint",required:!1,type:{name:"string"}},optional:{defaultValue:null,description:"Appends the text '(niet verplicht)' to the label or legend if no hint is provided. Use when the associated inputs are optional.",name:"optional",required:!1,type:{name:"boolean"}}}}}catch{}const Z={title:"Components/Forms/Field Set",component:i,args:{invalid:!1,legend:"Wat is uw naam?",optional:!1,hint:""},decorators:[a=>e.jsx("form",{children:e.jsx(a,{})})]},v={render:({invalid:a,legend:u,hint:m,optional:c})=>e.jsxs(i,{hint:m,invalid:a,legend:u,optional:c,children:[e.jsxs(l,{className:"ams-mb--sm",children:[e.jsx(s,{htmlFor:"input-a1",children:"Voornaam"}),a&&e.jsx(r,{id:"error-a1",children:"Vul uw voornaam in."}),e.jsx(t,{"aria-describedby":a?"error-a1":void 0,"aria-required":"true",id:"input-a1",invalid:a})]}),e.jsxs(l,{children:[e.jsx(s,{htmlFor:"input-a2",children:"Achternaam"}),a&&e.jsx(r,{id:"error-a2",children:"Vul uw achternaam in."}),e.jsx(t,{"aria-describedby":a?"error-a2":void 0,"aria-required":"true",id:"input-a2",invalid:a})]})]})},b={render:a=>e.jsxs(i,{"aria-describedby":"description-b",invalid:a.invalid,legend:a.legend,children:[e.jsx(o,{id:"description-b",size:"small",className:"ams-mb--sm",children:"Vul uw naam in zoals in uw paspoort staat."}),e.jsxs(l,{className:"ams-mb--sm",children:[e.jsx(s,{htmlFor:"input-b1",children:"Voornaam"}),a.invalid&&e.jsx(r,{id:"error-b1",children:"Vul uw voornaam in."}),e.jsx(t,{"aria-describedby":a.invalid?"error-b1":void 0,"aria-required":"true",id:"input-b1",invalid:a.invalid})]}),e.jsxs(l,{children:[e.jsx(s,{htmlFor:"input-b2",children:"Achternaam"}),a.invalid&&e.jsx(r,{id:"error-b2",children:"Vul uw achternaam in."}),e.jsx(t,{"aria-describedby":a.invalid?"error-b2":void 0,"aria-required":"true",id:"input-b2",invalid:a.invalid})]})]})},g={args:{optional:!1,hint:"verplicht"},render:({invalid:a,legend:u,hint:m,optional:c})=>e.jsxs(i,{hint:m,invalid:a,legend:u,optional:c,children:[e.jsxs(l,{className:"ams-mb--sm",children:[e.jsx(s,{htmlFor:"input-b3",children:"Voornaam"}),a&&e.jsx(r,{id:"error-b3",children:"Vul uw voornaam in."}),e.jsx(t,{"aria-describedby":a?"error-b3":void 0,"aria-required":"true",id:"input-b3",invalid:a})]}),e.jsxs(l,{children:[e.jsx(s,{htmlFor:"input-b4",children:"Achternaam"}),a&&e.jsx(r,{id:"error-b4",children:"Vul uw achternaam in."}),e.jsx(t,{"aria-describedby":a?"error-b4":void 0,"aria-required":"true",id:"input-b4",invalid:a})]})]})},p={args:{invalid:!0},render:a=>e.jsxs(i,{"aria-describedby":"description-c",invalid:a.invalid,legend:a.legend,children:[e.jsx(o,{id:"description-c",size:"small",className:"ams-mb--sm",children:"Vul uw naam in zoals in uw paspoort staat."}),e.jsxs(l,{className:"ams-mb--sm",children:[e.jsx(s,{htmlFor:"input-c1",children:"Voornaam"}),a.invalid&&e.jsx(r,{id:"error-c1",children:"Vul uw voornaam in."}),e.jsx(t,{"aria-describedby":a.invalid?"error-c1":void 0,"aria-required":"true",id:"input-c1",invalid:a.invalid})]}),e.jsxs(l,{children:[e.jsx(s,{htmlFor:"input-c2",children:"Achternaam"}),a.invalid&&e.jsx(r,{id:"error-c2",children:"Vul uw achternaam in."}),e.jsx(t,{"aria-describedby":a.invalid?"error-c2":void 0,"aria-required":"true",id:"input-c2",invalid:a.invalid})]})]})},h={args:{legend:"Waar gaat uw melding over?"},render:a=>e.jsxs(i,{"aria-describedby":`description-d${a.invalid?" error-d":""}`,"aria-required":"true",invalid:a.invalid,legend:a.legend,role:"radiogroup",children:[e.jsx(o,{className:"ams-mb--sm",id:"description-d",size:"small",children:"De laatstgenoemde melding."}),a.invalid&&e.jsx(r,{className:"ams-mb--sm",id:"error-d",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(F,{gap:"extra-small",children:[e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"evenement",children:"Evenement"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"anders",children:"Iets anders"})]})]})},x={args:{legend:"Waar gaat uw melding over?",invalid:!0},render:a=>e.jsxs(i,{"aria-describedby":`description-e${a.invalid?" error-e":""}`,"aria-required":"true",invalid:a.invalid,legend:a.legend,role:"radiogroup",children:[e.jsx(o,{className:"ams-mb--sm",id:"description-e",size:"small",children:"De laatstgenoemde melding."}),a.invalid&&e.jsx(r,{className:"ams-mb--sm",id:"error-e",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(F,{gap:"extra-small",children:[e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"evenement",children:"Evenement"}),e.jsx(d,{"aria-required":"true",invalid:a.invalid,name:"about",value:"anders",children:"Iets anders"})]})]})},j={args:{legend:"Waar gaat uw melding over?"},render:a=>e.jsxs(i,{"aria-labelledby":`fieldset-f description-f${a.invalid?" error-f":""}`,id:"fieldset-f",invalid:a.invalid,legend:a.legend,children:[e.jsx(o,{className:"ams-mb--sm",id:"description-f",size:"small",children:"De laatstgenoemde melding."}),a.invalid&&e.jsx(r,{className:"ams-mb--sm",id:"error-f",children:"Geef aan waar uw melding over gaat."}),e.jsxs(F,{gap:"extra-small",children:[e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"evenement",children:"Evenement"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"anders",children:"Iets anders"})]})]})},f={args:{invalid:!0,legend:"Waar gaat uw melding over?"},render:a=>e.jsxs(i,{"aria-labelledby":`fieldset-g description-g${a.invalid?" error-g":""}`,id:"fieldset-g",invalid:a.invalid,legend:a.legend,children:[e.jsx(o,{id:"description-g",size:"small",className:"ams-mb--sm",children:"De laatstgenoemde melding."}),a.invalid&&e.jsx(r,{className:"ams-mb--sm",id:"error-g",children:"Geef aan waar uw melding over gaat."}),e.jsxs(F,{gap:"extra-small",children:[e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"evenement",children:"Evenement"}),e.jsx(n,{"aria-required":"true",invalid:a.invalid,name:"about",value:"anders",children:"Iets anders"})]})]})};var q,w,y;v.parameters={...v.parameters,docs:{...(q=v.parameters)==null?void 0:q.docs,source:{originalSource:`{ render: ({ invalid, legend, diff --git a/demo-develop/assets/Figure.docs-Ck4Mepg_.js b/demo-develop/assets/Figure.docs-D4bOrJxi.js similarity index 77% rename from demo-develop/assets/Figure.docs-Ck4Mepg_.js rename to demo-develop/assets/Figure.docs-D4bOrJxi.js index 4f7da9a466..26b86d7893 100644 --- a/demo-develop/assets/Figure.docs-Ck4Mepg_.js +++ b/demo-develop/assets/Figure.docs-D4bOrJxi.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as e}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as a,at as m}from"./index-U-bvrYWS.js";import{F as p,I as c}from"./Figure.stories-CaR7Mq6_.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-CpGgN1Hc.js";const h=` +import{j as o}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as e}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as a,at as m}from"./index-CYpc6MNd.js";import{F as p,I as c}from"./Figure.stories-Bmrnzu9z.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./exampleContent-CpGgN1Hc.js";const h=` # Figure diff --git a/demo-develop/assets/Figure.stories-CaR7Mq6_.js b/demo-develop/assets/Figure.stories-Bmrnzu9z.js similarity index 96% rename from demo-develop/assets/Figure.stories-CaR7Mq6_.js rename to demo-develop/assets/Figure.stories-Bmrnzu9z.js index f20a57e1f2..579e851e4c 100644 --- a/demo-develop/assets/Figure.stories-CaR7Mq6_.js +++ b/demo-develop/assets/Figure.stories-Bmrnzu9z.js @@ -1,4 +1,4 @@ -import{j as a}from"./jsx-runtime-BjgbQsUx.js";import{I as h}from"./index.esm-C0OPbFsf.js";import{d as y}from"./exampleContent-CpGgN1Hc.js";import{c as g}from"./clsx-B-dksMZM.js";import{r as _}from"./index-RigO-4kf.js";const f=_.forwardRef(({children:e,className:r,inverseColor:i,...p},C)=>a.jsx("figcaption",{...p,ref:C,className:g("ams-figure__caption",i&&"ams-figure__caption--inverse-color",r),children:e}));f.displayName="Figure.Caption";try{Figure.Caption.displayName="Figure.Caption",Figure.Caption.__docgenInfo={description:"",displayName:"Figure.Caption",props:{inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}}}}}catch{}const x=_.forwardRef(({children:e,className:r,...i},p)=>a.jsx("figure",{...i,ref:p,className:g("ams-figure",r),children:e}));x.displayName="Figure";const t=Object.assign(x,{Caption:f});try{t.displayName="Figure",t.__docgenInfo={description:"",displayName:"Figure",props:{}}}catch{}const F=y(),j={title:"Components/Media/Figure",component:t,args:{children:F,inverseColor:!1},render:({children:e,...r})=>a.jsxs(t,{children:[a.jsx(h,{alt:"",aspectRatio:"2x-wide",sizes:"(max-width: 36rem) 640px, (max-width: 68rem) 1280px, 1600px",src:"https://picsum.photos/1600/500",srcSet:"https://picsum.photos/640/200 640w, https://picsum.photos/1280/400 1280w, https://picsum.photos/1600/500 1600w"}),a.jsx(t.Caption,{...r,children:e})]})},o={},s={args:{inverseColor:!0}};var n,c,m;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(m=(c=o.parameters)==null?void 0:c.docs)==null?void 0:m.source}}};var u,l,d;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:`{ +import{j as a}from"./jsx-runtime-BjgbQsUx.js";import{I as h}from"./index.esm-ciNFknO_.js";import{d as y}from"./exampleContent-CpGgN1Hc.js";import{c as g}from"./clsx-B-dksMZM.js";import{r as _}from"./index-RigO-4kf.js";const f=_.forwardRef(({children:e,className:r,inverseColor:i,...p},C)=>a.jsx("figcaption",{...p,ref:C,className:g("ams-figure__caption",i&&"ams-figure__caption--inverse-color",r),children:e}));f.displayName="Figure.Caption";try{Figure.Caption.displayName="Figure.Caption",Figure.Caption.__docgenInfo={description:"",displayName:"Figure.Caption",props:{inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}}}}}catch{}const x=_.forwardRef(({children:e,className:r,...i},p)=>a.jsx("figure",{...i,ref:p,className:g("ams-figure",r),children:e}));x.displayName="Figure";const t=Object.assign(x,{Caption:f});try{t.displayName="Figure",t.__docgenInfo={description:"",displayName:"Figure",props:{}}}catch{}const F=y(),j={title:"Components/Media/Figure",component:t,args:{children:F,inverseColor:!1},render:({children:e,...r})=>a.jsxs(t,{children:[a.jsx(h,{alt:"",aspectRatio:"2x-wide",sizes:"(max-width: 36rem) 640px, (max-width: 68rem) 1280px, 1600px",src:"https://picsum.photos/1600/500",srcSet:"https://picsum.photos/640/200 640w, https://picsum.photos/1280/400 1280w, https://picsum.photos/1600/500 1600w"}),a.jsx(t.Caption,{...r,children:e})]})},o={},s={args:{inverseColor:!0}};var n,c,m;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(m=(c=o.parameters)==null?void 0:c.docs)==null?void 0:m.source}}};var u,l,d;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:`{ args: { inverseColor: true } diff --git a/demo-develop/assets/FileInput.docs-DXpDYGMk.js b/demo-develop/assets/FileInput.docs-CWK5xlgI.js similarity index 88% rename from demo-develop/assets/FileInput.docs-DXpDYGMk.js rename to demo-develop/assets/FileInput.docs-CWK5xlgI.js index 47f3c763d0..a15e41d3de 100644 --- a/demo-develop/assets/FileInput.docs-DXpDYGMk.js +++ b/demo-develop/assets/FileInput.docs-CWK5xlgI.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as l,aq as r,ar as a,as as d,at as s}from"./index-U-bvrYWS.js";import{F as c,M as p,R as h,D as m,I as f}from"./FileInput.stories-CS9Me1ke.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const x=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as l,aq as r,ar as a,as as d,at as s}from"./index-CYpc6MNd.js";import{F as c,M as p,R as h,D as m,I as f}from"./FileInput.stories-BxTZu5mk.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";const x=` # File Input diff --git a/demo-develop/assets/FileInput.stories-CS9Me1ke.js b/demo-develop/assets/FileInput.stories-BxTZu5mk.js similarity index 84% rename from demo-develop/assets/FileInput.stories-CS9Me1ke.js rename to demo-develop/assets/FileInput.stories-BxTZu5mk.js index a9281bbc39..7efdb71a09 100644 --- a/demo-develop/assets/FileInput.stories-CS9Me1ke.js +++ b/demo-develop/assets/FileInput.stories-BxTZu5mk.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{d as D,e as L,P as O}from"./index.esm-C0OPbFsf.js";import{c as P}from"./clsx-B-dksMZM.js";import{r as R}from"./index-RigO-4kf.js";const i=R.forwardRef(({className:p,...I},S)=>e.jsx("input",{...I,ref:S,className:P("ams-file-input",p),type:"file"}));i.displayName="FileInput";try{i.displayName="FileInput",i.__docgenInfo={description:"",displayName:"FileInput",props:{}}}catch{}const v={title:"Components/Forms/File Input",component:i,args:{accept:void 0,multiple:!1,disabled:!1},argTypes:{accept:{control:{type:"text"}},multiple:{control:{type:"boolean"}},disabled:{control:{type:"boolean"}}}},r={},a={args:{multiple:!0}},s={args:{accept:"application/pdf"}},t={args:{disabled:!0}},o={render:p=>e.jsxs(D,{children:[e.jsx(L,{htmlFor:"input1",children:"Label"}),e.jsx(O,{id:"description1",size:"small",children:"Omschrijving."}),e.jsx(i,{"aria-describedby":"description1",id:"input1",...p})]})};var n,c,l;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(l=(c=r.parameters)==null?void 0:c.docs)==null?void 0:l.source}}};var d,m,u;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{b as D,c as L,P as O}from"./index.esm-ciNFknO_.js";import{c as P}from"./clsx-B-dksMZM.js";import{r as R}from"./index-RigO-4kf.js";const i=R.forwardRef(({className:p,...I},S)=>e.jsx("input",{...I,ref:S,className:P("ams-file-input",p),type:"file"}));i.displayName="FileInput";try{i.displayName="FileInput",i.__docgenInfo={description:"",displayName:"FileInput",props:{}}}catch{}const v={title:"Components/Forms/File Input",component:i,args:{accept:void 0,multiple:!1,disabled:!1},argTypes:{accept:{control:{type:"text"}},multiple:{control:{type:"boolean"}},disabled:{control:{type:"boolean"}}}},r={},a={args:{multiple:!0}},s={args:{accept:"application/pdf"}},t={args:{disabled:!0}},o={render:p=>e.jsxs(D,{children:[e.jsx(L,{htmlFor:"input1",children:"Label"}),e.jsx(O,{id:"description1",size:"small",children:"Omschrijving."}),e.jsx(i,{"aria-describedby":"description1",id:"input1",...p})]})};var c,n,l;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(l=(n=r.parameters)==null?void 0:n.docs)==null?void 0:l.source}}};var d,m,u;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:`{ args: { multiple: true } diff --git a/demo-develop/assets/FileList.docs-CRCaxRvk.js b/demo-develop/assets/FileList.docs-B60JfBzm.js similarity index 85% rename from demo-develop/assets/FileList.docs-CRCaxRvk.js rename to demo-develop/assets/FileList.docs-B60JfBzm.js index 7f41f99909..11bc86786f 100644 --- a/demo-develop/assets/FileList.docs-CRCaxRvk.js +++ b/demo-develop/assets/FileList.docs-B60JfBzm.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as o,ar as l,at as a,aw as m}from"./index-U-bvrYWS.js";import{F as f,W as p}from"./FileList.stories-B5SjmB_p.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Icon-CPe807nE.js";import"./Button-QlQc6Uo1.js";const u=`import { FileInput, FileList } from '@amsterdam/design-system-react' +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as o,ar as l,at as a,aw as m}from"./index-CYpc6MNd.js";import{F as f,W as p}from"./FileList.stories-D-CQV51P.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./Icon-D9-xhxHj.js";import"./Button-D-IxByo5.js";const u=`import { FileInput, FileList } from '@amsterdam/design-system-react' import { useRef, useState } from 'react' export const FileInputWithFileList = () => { diff --git a/demo-develop/assets/FileList.stories-B5SjmB_p.js b/demo-develop/assets/FileList.stories-D-CQV51P.js similarity index 95% rename from demo-develop/assets/FileList.stories-B5SjmB_p.js rename to demo-develop/assets/FileList.stories-D-CQV51P.js index 107832dbb0..20045fbadf 100644 --- a/demo-develop/assets/FileList.stories-B5SjmB_p.js +++ b/demo-develop/assets/FileList.stories-D-CQV51P.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{u as w,v as u}from"./index.esm-C0OPbFsf.js";import{r as m}from"./index-RigO-4kf.js";import{c as h}from"./clsx-B-dksMZM.js";import{x as N}from"./index.esm-Bz9pa_xK.js";import{I as D}from"./Icon-CPe807nE.js";import{B as S}from"./Button-QlQc6Uo1.js";/** +import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{u as w,v as u}from"./index.esm-ciNFknO_.js";import{r as m}from"./index-RigO-4kf.js";import{c as h}from"./clsx-B-dksMZM.js";import{x as N}from"./index.esm-kml84xjK.js";import{I as D}from"./Icon-D9-xhxHj.js";import{B as S}from"./Button-D-IxByo5.js";/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const R=(e,s=3)=>{const r=["bytes","kB","MB","GB"];if(e===0)return"0 bytes";const i=Math.floor(Math.log10(e)/3);return`${(e/Math.pow(1e3,i)).toPrecision(s)} ${r[i]}`};/** diff --git a/demo-develop/assets/Footer.docs-C2Y6veQs.js b/demo-develop/assets/Footer.docs-BFDBkDES.js similarity index 81% rename from demo-develop/assets/Footer.docs-C2Y6veQs.js rename to demo-develop/assets/Footer.docs-BFDBkDES.js index 472ef21cb9..7576eebf72 100644 --- a/demo-develop/assets/Footer.docs-C2Y6veQs.js +++ b/demo-develop/assets/Footer.docs-BFDBkDES.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as s,aq as r,ar as a,at as c}from"./index-U-bvrYWS.js";import{F as m,O as p}from"./Footer.stories-CIRnT_Mb.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./PageMenu.stories-DMSuHN48.js";import"./Icon-CPe807nE.js";const l=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as s,aq as r,ar as a,at as c}from"./index-CYpc6MNd.js";import{F as m,O as p}from"./Footer.stories-DRPxLRRA.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./PageMenu.stories-v0ZRXO4B.js";import"./Icon-D9-xhxHj.js";const l=` # Footer diff --git a/demo-develop/assets/Footer.stories-CIRnT_Mb.js b/demo-develop/assets/Footer.stories-DRPxLRRA.js similarity index 96% rename from demo-develop/assets/Footer.stories-CIRnT_Mb.js rename to demo-develop/assets/Footer.stories-DRPxLRRA.js index f68998f860..7b72d412d7 100644 --- a/demo-develop/assets/Footer.stories-CIRnT_Mb.js +++ b/demo-develop/assets/Footer.stories-DRPxLRRA.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as r,G as i,o as n,P as c,b as j}from"./index.esm-C0OPbFsf.js";import{d as z,h as b,s as F,t as H,u as G,v as P,w as S}from"./index.esm-Bz9pa_xK.js";import{D as N}from"./PageMenu.stories-DMSuHN48.js";import{c as L}from"./clsx-B-dksMZM.js";import{r as v}from"./index-RigO-4kf.js";const w=v.forwardRef(({children:s,className:l,...o},t)=>e.jsx("div",{...o,ref:t,className:L("ams-footer__bottom",l),children:s}));w.displayName="Footer.Bottom";try{Footer.Bottom.displayName="Footer.Bottom",Footer.Bottom.__docgenInfo={description:"",displayName:"Footer.Bottom",props:{}}}catch{}const _=v.forwardRef(({children:s,className:l,...o},t)=>e.jsx("div",{...o,ref:t,className:L("ams-footer__top",l),children:s}));_.displayName="Footer.Top";try{Footer.Top.displayName="Footer.Top",Footer.Top.__docgenInfo={description:"",displayName:"Footer.Top",props:{}}}catch{}const y=v.forwardRef(({children:s,className:l,...o},t)=>e.jsx("footer",{...o,ref:t,className:L("ams-footer",l),children:s}));y.displayName="Footer";const a=Object.assign(y,{Bottom:w,Top:_});try{a.displayName="Footer",a.__docgenInfo={description:"",displayName:"Footer",props:{}}}catch{}const V={title:"Components/Containers/Footer",component:a},O=[{icon:H,name:"Twitter"},{icon:G,name:"Facebook"},{icon:P,name:"Linkedin"},{icon:S,name:"Instagram"}];var h;const d={args:{children:[e.jsxs(a.Top,{children:[e.jsx(r,{className:"ams-visually-hidden",inverseColor:!0,children:"Colofon"}),e.jsxs(i,{gapVertical:"large",paddingVertical:"medium",children:[e.jsxs(i.Cell,{span:4,children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Meer weten"}),e.jsx(n,{children:["Veel gestelde vragen","Over ons","Werken bij","Kalender","Uit in Amsterdam","Bronnen"].map((s,l)=>e.jsx(n.Link,{href:"#",inverseColor:!0,size:"small",children:s},l))})]}),e.jsxs(i.Cell,{span:4,start:{narrow:1,medium:5,wide:5},children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Contact"}),e.jsx(c,{className:"ams-mb--xs",inverseColor:!0,size:"small",children:"Hebt u een vraag en kunt u het antwoord niet vinden op deze website? Neem dan contact met ons op."}),e.jsxs(n,{children:[e.jsx(n.Link,{href:"mailto:redactie@amsterdam.nl",icon:z,inverseColor:!0,size:"small",children:"E-mail"}),e.jsx(n.Link,{href:"tel:+3114020",icon:b,inverseColor:!0,size:"small",children:"14 020"}),e.jsx(n.Link,{href:"#",icon:F,inverseColor:!0,size:"small",children:"Contactgegevens en openingstijden"})]})]}),e.jsxs(i.Cell,{span:4,start:{narrow:1,medium:1,wide:9},children:[e.jsxs("section",{className:"ams-mb--md",children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Nieuwsbrief"}),e.jsx(n,{children:e.jsx(n.Link,{href:"#",inverseColor:!0,size:"small",children:"Inschrijven"})})]}),e.jsxs("section",{children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Volg ons"}),e.jsx(n,{children:O.map(({name:s,icon:l})=>e.jsx(n.Link,{href:"#",icon:l,inverseColor:!0,size:"small",children:s},s))})]})]})]})]},"footer-top"),e.jsxs(a.Bottom,{children:[e.jsx(r,{className:"ams-visually-hidden",level:2,children:"Over deze website"}),e.jsx(i,{paddingVertical:"small",children:e.jsx(i.Cell,{span:"all",children:e.jsx(j,{children:(h=N.args)==null?void 0:h.children})})})]},"footer-bottom")]}};var k;const m={args:{children:[e.jsxs(a.Top,{children:[e.jsx(r,{className:"ams-visually-hidden",inverseColor:!0,children:"Colofon"}),e.jsxs(i,{gapVertical:"large",paddingVertical:"medium",children:[e.jsxs(i.Cell,{span:3,children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Contact"}),e.jsx(c,{className:"ams-mb--xs",size:"small",inverseColor:!0,children:"Heeft u een vraag en kunt u het antwoord niet vinden op deze site? Neem dan contact met ons op."}),e.jsxs(n,{children:[e.jsx(n.Link,{href:"mailto:redactie.os@amsterdam.nl",icon:z,inverseColor:!0,size:"small",children:"E-mail"}),e.jsx(n.Link,{href:"tel:+31202510333",icon:b,inverseColor:!0,size:"small",children:"020 251 0333"})]})]}),e.jsxs(i.Cell,{span:3,start:{narrow:1,medium:5,wide:5},children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Panels en enquêtes"}),e.jsx(c,{className:"ams-mb--xs",inverseColor:!0,size:"small",children:"Bent u uitgenodigd om mee te doen aan onderzoek of heeft u vragen over het panel of stadspaspanel?"}),e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",inverseColor:!0,rel:"external",size:"small",children:"Meedoen aan onderzoek"}),e.jsx(n.Link,{href:"#",inverseColor:!0,rel:"external",size:"small",children:"Panel Amsterdam"}),e.jsx(n.Link,{href:"#",inverseColor:!0,rel:"external",size:"small",children:"Stadspaspanel Amsterdam"})]})]}),e.jsxs(i.Cell,{span:3,start:{narrow:1,medium:1,wide:9},children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Onderzoek en Statistiek"}),e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",inverseColor:!0,size:"small",children:"Over Onderzoek en Statistiek"}),e.jsx(n.Link,{href:"#",inverseColor:!0,size:"small",children:"Veelgestelde vragen"}),e.jsx(n.Link,{href:"#",inverseColor:!0,rel:"external",size:"small",children:"Nieuwsbrief"}),e.jsx(n.Link,{href:"#",inverseColor:!0,size:"small",children:"Vacatures"})]})]})]})]},"footer-top"),e.jsxs(a.Bottom,{children:[e.jsx(r,{className:"ams-visually-hidden",level:2,children:"Over deze website"}),e.jsx(i,{paddingVertical:"small",children:e.jsx(i.Cell,{span:"all",children:e.jsx(j,{children:(k=N.args)==null?void 0:k.children})})})]},"footer-bottom")]}};var p,g,u;d.parameters={...d.parameters,docs:{...(p=d.parameters)==null?void 0:p.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as r,G as i,m as n,P as c,t as j}from"./index.esm-ciNFknO_.js";import{d as z,h as N,s as F,t as H,u as G,v as P,w as S}from"./index.esm-kml84xjK.js";import{D as b}from"./PageMenu.stories-v0ZRXO4B.js";import{c as L}from"./clsx-B-dksMZM.js";import{r as v}from"./index-RigO-4kf.js";const w=v.forwardRef(({children:s,className:l,...o},t)=>e.jsx("div",{...o,ref:t,className:L("ams-footer__bottom",l),children:s}));w.displayName="Footer.Bottom";try{Footer.Bottom.displayName="Footer.Bottom",Footer.Bottom.__docgenInfo={description:"",displayName:"Footer.Bottom",props:{}}}catch{}const _=v.forwardRef(({children:s,className:l,...o},t)=>e.jsx("div",{...o,ref:t,className:L("ams-footer__top",l),children:s}));_.displayName="Footer.Top";try{Footer.Top.displayName="Footer.Top",Footer.Top.__docgenInfo={description:"",displayName:"Footer.Top",props:{}}}catch{}const y=v.forwardRef(({children:s,className:l,...o},t)=>e.jsx("footer",{...o,ref:t,className:L("ams-footer",l),children:s}));y.displayName="Footer";const a=Object.assign(y,{Bottom:w,Top:_});try{a.displayName="Footer",a.__docgenInfo={description:"",displayName:"Footer",props:{}}}catch{}const V={title:"Components/Containers/Footer",component:a},O=[{icon:H,name:"Twitter"},{icon:G,name:"Facebook"},{icon:P,name:"Linkedin"},{icon:S,name:"Instagram"}];var h;const d={args:{children:[e.jsxs(a.Top,{children:[e.jsx(r,{className:"ams-visually-hidden",inverseColor:!0,children:"Colofon"}),e.jsxs(i,{gapVertical:"large",paddingVertical:"medium",children:[e.jsxs(i.Cell,{span:4,children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Meer weten"}),e.jsx(n,{children:["Veel gestelde vragen","Over ons","Werken bij","Kalender","Uit in Amsterdam","Bronnen"].map((s,l)=>e.jsx(n.Link,{href:"#",inverseColor:!0,size:"small",children:s},l))})]}),e.jsxs(i.Cell,{span:4,start:{narrow:1,medium:5,wide:5},children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Contact"}),e.jsx(c,{className:"ams-mb--xs",inverseColor:!0,size:"small",children:"Hebt u een vraag en kunt u het antwoord niet vinden op deze website? Neem dan contact met ons op."}),e.jsxs(n,{children:[e.jsx(n.Link,{href:"mailto:redactie@amsterdam.nl",icon:z,inverseColor:!0,size:"small",children:"E-mail"}),e.jsx(n.Link,{href:"tel:+3114020",icon:N,inverseColor:!0,size:"small",children:"14 020"}),e.jsx(n.Link,{href:"#",icon:F,inverseColor:!0,size:"small",children:"Contactgegevens en openingstijden"})]})]}),e.jsxs(i.Cell,{span:4,start:{narrow:1,medium:1,wide:9},children:[e.jsxs("section",{className:"ams-mb--md",children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Nieuwsbrief"}),e.jsx(n,{children:e.jsx(n.Link,{href:"#",inverseColor:!0,size:"small",children:"Inschrijven"})})]}),e.jsxs("section",{children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Volg ons"}),e.jsx(n,{children:O.map(({name:s,icon:l})=>e.jsx(n.Link,{href:"#",icon:l,inverseColor:!0,size:"small",children:s},s))})]})]})]})]},"footer-top"),e.jsxs(a.Bottom,{children:[e.jsx(r,{className:"ams-visually-hidden",level:2,children:"Over deze website"}),e.jsx(i,{paddingVertical:"small",children:e.jsx(i.Cell,{span:"all",children:e.jsx(j,{children:(h=b.args)==null?void 0:h.children})})})]},"footer-bottom")]}};var k;const m={args:{children:[e.jsxs(a.Top,{children:[e.jsx(r,{className:"ams-visually-hidden",inverseColor:!0,children:"Colofon"}),e.jsxs(i,{gapVertical:"large",paddingVertical:"medium",children:[e.jsxs(i.Cell,{span:3,children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Contact"}),e.jsx(c,{className:"ams-mb--xs",size:"small",inverseColor:!0,children:"Heeft u een vraag en kunt u het antwoord niet vinden op deze site? Neem dan contact met ons op."}),e.jsxs(n,{children:[e.jsx(n.Link,{href:"mailto:redactie.os@amsterdam.nl",icon:z,inverseColor:!0,size:"small",children:"E-mail"}),e.jsx(n.Link,{href:"tel:+31202510333",icon:N,inverseColor:!0,size:"small",children:"020 251 0333"})]})]}),e.jsxs(i.Cell,{span:3,start:{narrow:1,medium:5,wide:5},children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Panels en enquêtes"}),e.jsx(c,{className:"ams-mb--xs",inverseColor:!0,size:"small",children:"Bent u uitgenodigd om mee te doen aan onderzoek of heeft u vragen over het panel of stadspaspanel?"}),e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",inverseColor:!0,rel:"external",size:"small",children:"Meedoen aan onderzoek"}),e.jsx(n.Link,{href:"#",inverseColor:!0,rel:"external",size:"small",children:"Panel Amsterdam"}),e.jsx(n.Link,{href:"#",inverseColor:!0,rel:"external",size:"small",children:"Stadspaspanel Amsterdam"})]})]}),e.jsxs(i.Cell,{span:3,start:{narrow:1,medium:1,wide:9},children:[e.jsx(r,{className:"ams-mb--xs",level:2,size:"level-4",inverseColor:!0,children:"Onderzoek en Statistiek"}),e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",inverseColor:!0,size:"small",children:"Over Onderzoek en Statistiek"}),e.jsx(n.Link,{href:"#",inverseColor:!0,size:"small",children:"Veelgestelde vragen"}),e.jsx(n.Link,{href:"#",inverseColor:!0,rel:"external",size:"small",children:"Nieuwsbrief"}),e.jsx(n.Link,{href:"#",inverseColor:!0,size:"small",children:"Vacatures"})]})]})]})]},"footer-top"),e.jsxs(a.Bottom,{children:[e.jsx(r,{className:"ams-visually-hidden",level:2,children:"Over deze website"}),e.jsx(i,{paddingVertical:"small",children:e.jsx(i.Cell,{span:"all",children:e.jsx(j,{children:(k=b.args)==null?void 0:k.children})})})]},"footer-bottom")]}};var p,g,u;d.parameters={...d.parameters,docs:{...(p=d.parameters)==null?void 0:p.docs,source:{originalSource:`{ args: { children: [ diff --git a/demo-develop/assets/FormErrorList.docs-DZEU8Ils.js b/demo-develop/assets/FormErrorList.docs-O19jPcMj.js similarity index 87% rename from demo-develop/assets/FormErrorList.docs-DZEU8Ils.js rename to demo-develop/assets/FormErrorList.docs-O19jPcMj.js index 63c3b23c98..51ca999ba2 100644 --- a/demo-develop/assets/FormErrorList.docs-DZEU8Ils.js +++ b/demo-develop/assets/FormErrorList.docs-O19jPcMj.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as a,as as m}from"./index-U-bvrYWS.js";import{F as h}from"./FormErrorList.stories-DoQK8D7t.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Alert-c6GvXfXX.js";import"./index.esm-Bz9pa_xK.js";import"./Icon-CPe807nE.js";import"./Heading-Vg3KKL7T.js";import"./getHeadingTag-Dv1eMqvl.js";import"./IconButton-Crov6BLL.js";import"./LinkList-BSPLoecX.js";const l=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as a,as as m}from"./index-CYpc6MNd.js";import{F as h}from"./FormErrorList.stories-BDaOt6O7.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Alert-BcJseYnK.js";import"./index.esm-kml84xjK.js";import"./Icon-D9-xhxHj.js";import"./Heading-kLxhGLS-.js";import"./getHeadingTag-Dv1eMqvl.js";import"./IconButton-Be1b4x1H.js";import"./LinkList-Dj8_gI0C.js";const l=` # Form Error List diff --git a/demo-develop/assets/FormErrorList.stories-DoQK8D7t.js b/demo-develop/assets/FormErrorList.stories-BDaOt6O7.js similarity index 97% rename from demo-develop/assets/FormErrorList.stories-DoQK8D7t.js rename to demo-develop/assets/FormErrorList.stories-BDaOt6O7.js index c915b834d2..fe602a0eca 100644 --- a/demo-develop/assets/FormErrorList.stories-DoQK8D7t.js +++ b/demo-develop/assets/FormErrorList.stories-BDaOt6O7.js @@ -1,4 +1,4 @@ -import{j as i}from"./jsx-runtime-BjgbQsUx.js";import{r as t}from"./index-RigO-4kf.js";import{c as F}from"./clsx-B-dksMZM.js";import{A as L}from"./Alert-c6GvXfXX.js";import{L as h}from"./LinkList-BSPLoecX.js";const l=t.forwardRef(({className:e,errors:o,focusOnRender:r=!0,hasFocusedOnce:n,heading:d="Verbeter de fouten voor u verder gaat",headingLevel:c=2,setHasFocusedOnce:y,...E},_)=>{const a=t.useRef(null);return t.useImperativeHandle(_,()=>a.current),t.useEffect(()=>{a.current&&r&&!n&&(a.current.focus(),y(!0))},[a]),i.jsx(L,{...E,className:F("ams-form-error-list",e),heading:d,headingLevel:c,ref:a,severity:"error",tabIndex:-1,children:i.jsx(h,{children:o.map(({id:m,label:f})=>i.jsx(h.Link,{href:m,children:f},`${m}-${f}`))})})});l.displayName="FormErrorListWithErrors";try{l.displayName="FormErrorListWithErrors",l.__docgenInfo={description:"",displayName:"FormErrorListWithErrors",props:{heading:{defaultValue:{value:"Verbeter de fouten voor u verder gaat"},description:"The text for the Heading.",name:"heading",required:!1,type:{name:"string"}},headingLevel:{defaultValue:{value:"2"},description:`The hierarchical level of the Heading within the document. +import{j as i}from"./jsx-runtime-BjgbQsUx.js";import{r as t}from"./index-RigO-4kf.js";import{c as F}from"./clsx-B-dksMZM.js";import{A as L}from"./Alert-BcJseYnK.js";import{L as h}from"./LinkList-Dj8_gI0C.js";const l=t.forwardRef(({className:e,errors:o,focusOnRender:r=!0,hasFocusedOnce:n,heading:d="Verbeter de fouten voor u verder gaat",headingLevel:c=2,setHasFocusedOnce:y,...E},_)=>{const a=t.useRef(null);return t.useImperativeHandle(_,()=>a.current),t.useEffect(()=>{a.current&&r&&!n&&(a.current.focus(),y(!0))},[a]),i.jsx(L,{...E,className:F("ams-form-error-list",e),heading:d,headingLevel:c,ref:a,severity:"error",tabIndex:-1,children:i.jsx(h,{children:o.map(({id:m,label:f})=>i.jsx(h.Link,{href:m,children:f},`${m}-${f}`))})})});l.displayName="FormErrorListWithErrors";try{l.displayName="FormErrorListWithErrors",l.__docgenInfo={description:"",displayName:"FormErrorListWithErrors",props:{heading:{defaultValue:{value:"Verbeter de fouten voor u verder gaat"},description:"The text for the Heading.",name:"heading",required:!1,type:{name:"string"}},headingLevel:{defaultValue:{value:"2"},description:`The hierarchical level of the Heading within the document. Note: this intentionally does not change the font size.`,name:"headingLevel",required:!1,type:{name:"enum",value:[{value:"1"},{value:"2"},{value:"3"},{value:"4"}]}},errors:{defaultValue:null,description:"The list of error messages to display.",name:"errors",required:!0,type:{name:"FormError[]"}},focusOnRender:{defaultValue:{value:"true"},description:"Whether the component receives focus on first render",name:"focusOnRender",required:!1,type:{name:"boolean"}},hasFocusedOnce:{defaultValue:null,description:"Whether the component has set focus once.",name:"hasFocusedOnce",required:!0,type:{name:"boolean"}},setHasFocusedOnce:{defaultValue:null,description:"Callback to let parent component know whether focus has been set once.",name:"setHasFocusedOnce",required:!0,type:{name:"Dispatch>"}}}}}catch{}const b=(e,o={plural:"invoerfouten",singular:"invoerfout"})=>{const[r,n]=t.useState();return t.useEffect(()=>{n(document.title)},[]),r&&(e.length===1?document.title=`(${e.length} ${o.singular}) ${r}`:e.length>1?document.title=`(${e.length} ${o.plural}) ${r}`:document.title=r),null},u=t.forwardRef(({errors:e,errorCountLabel:o,...r},n)=>{b(e,o);const[d,c]=t.useState(!1);if(e.length!==0)return i.jsx(l,{...r,errors:e,hasFocusedOnce:d,ref:n,setHasFocusedOnce:c})});u.displayName="FormErrorList";try{u.displayName="FormErrorList",u.__docgenInfo={description:"",displayName:"FormErrorList",props:{errorCountLabel:{defaultValue:{value:"{ plural: 'invoerfouten', singular: 'invoerfout' }"},description:`The text following the error count. This is used to show the error count in the document title.`,name:"errorCountLabel",required:!1,type:{name:"{ plural: string; singular: string; }"}},errors:{defaultValue:null,description:"The list of error messages to display.",name:"errors",required:!0,type:{name:"FormError[]"}},focusOnRender:{defaultValue:{value:"true"},description:"Whether the component receives focus on first render",name:"focusOnRender",required:!1,type:{name:"boolean"}},heading:{defaultValue:{value:"Verbeter de fouten voor u verder gaat"},description:"The text for the Heading.",name:"heading",required:!1,type:{name:"string"}},headingLevel:{defaultValue:{value:"2"},description:`The hierarchical level of the Heading within the document. Note: this intentionally does not change the font size.`,name:"headingLevel",required:!1,type:{name:"enum",value:[{value:"1"},{value:"2"},{value:"3"},{value:"4"}]}}}}}catch{}/** diff --git a/demo-develop/assets/FormPage.docs-B_apIt2t.js b/demo-develop/assets/FormPage.docs-B5r3TeVJ.js similarity index 65% rename from demo-develop/assets/FormPage.docs-B_apIt2t.js rename to demo-develop/assets/FormPage.docs-B5r3TeVJ.js index 20504cdc05..7d6cff07ba 100644 --- a/demo-develop/assets/FormPage.docs-B_apIt2t.js +++ b/demo-develop/assets/FormPage.docs-B5r3TeVJ.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as e}from"./index-U-bvrYWS.js";import{F as n}from"./FormPage.stories-BKg6lYdy.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./config-4HffZTX0.js";import"./PageMenu.stories-DMSuHN48.js";import"./Icon-CPe807nE.js";import"./Footer.stories-CIRnT_Mb.js";/*@license CC0-1.0*/function m(t){const r={h1:"h1",p:"p",...i(),...t.components};return o.jsxs(o.Fragment,{children:[` +import{j as o}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as e}from"./index-CYpc6MNd.js";import{F as n}from"./FormPage.stories-D8owIPF5.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./config-DlbwG7_D.js";import"./Footer.stories-DRPxLRRA.js";import"./PageMenu.stories-v0ZRXO4B.js";import"./Icon-D9-xhxHj.js";/*@license CC0-1.0*/function m(t){const r={h1:"h1",p:"p",...i(),...t.components};return o.jsxs(o.Fragment,{children:[` `,` `,o.jsx(e,{of:n}),` `,o.jsx(r.h1,{id:"form-page",children:"Form page"}),` diff --git a/demo-develop/assets/FormPage.stories-BKg6lYdy.js b/demo-develop/assets/FormPage.stories-D8owIPF5.js similarity index 87% rename from demo-develop/assets/FormPage.stories-BKg6lYdy.js rename to demo-develop/assets/FormPage.stories-D8owIPF5.js index 257b391b77..91059034e4 100644 --- a/demo-develop/assets/FormPage.stories-BKg6lYdy.js +++ b/demo-develop/assets/FormPage.stories-D8owIPF5.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as d,i as m,H as g,d as a,e as n,P as l,j as v,k as b,F as c,C as y,T as s,R as o,l as f,m as t,n as w,B as F}from"./index.esm-C0OPbFsf.js";import{r as C}from"./index-RigO-4kf.js";import{c as D}from"./config-4HffZTX0.js";const S=()=>{const[u,p]=C.useState(0);return e.jsx(d,{paddingTop:"small",paddingBottom:"medium",children:e.jsxs(d.Cell,{span:{narrow:4,medium:6,wide:8},start:{narrow:1,medium:2,wide:3},children:[e.jsx(m,{children:e.jsx(m.Link,{children:"Home"})}),e.jsx(g,{className:"ams-mb--md",children:"Contact"}),e.jsxs("form",{className:"ams-gap--md",id:"main",onSubmit:i=>i.preventDefault(),children:[e.jsxs(a,{children:[e.jsx(n,{htmlFor:"body",children:"Wat wilt u aan de gemeente vragen?"}),e.jsx(l,{id:"bodyDescription",size:"small",children:"Een duidelijke beschrijving van uw vraag helpt ons bij het behandelen."}),e.jsx(v,{"aria-describedby":"bodyDescription",id:"body",onChange:i=>p(i.target.value.length),rows:4}),e.jsx(b,{length:u,maxLength:1e3})]}),e.jsx(c,{"aria-describedby":"contactDetailsDescription",legend:"Wat zijn uw gegevens?",children:e.jsxs(y,{gap:"small",children:[e.jsx(l,{id:"contactDetailsDescription",children:"Wij hebben uw gegevens nodig om contact met u te kunnen opnemen."}),e.jsxs(a,{children:[e.jsx(n,{htmlFor:"initials",children:"Voorletters"}),e.jsx(s,{id:"initials",name:"initials"})]}),e.jsxs(a,{children:[e.jsx(n,{htmlFor:"familyName",children:"Achternaam"}),e.jsx(s,{autoComplete:"family-name",id:"familyName",name:"familyName"})]}),e.jsxs(c,{legend:"Woonplaats",children:[e.jsx(o,{name:"city",value:"amsterdam",children:"Amsterdam"}),e.jsx(o,{name:"city",value:"weesp",children:"Weesp"}),e.jsx(o,{name:"city",value:"anders",children:"Anders"})]}),e.jsxs(a,{children:[e.jsx(n,{htmlFor:"email",children:"E-mail"}),e.jsx(s,{autoComplete:"email",id:"email",name:"email"})]}),e.jsxs(f,{wrap:!0,children:[e.jsxs(a,{children:[e.jsx(n,{htmlFor:"countryCode",children:"Landnummer"}),e.jsxs(t,{id:"countryCode",name:"countryCode",children:[e.jsx(t.Option,{value:"+31",children:"Nederland +31"}),e.jsx(t.Option,{value:"+32",children:"België +32"}),e.jsx(t.Option,{value:"+33",children:"Frankrijk +33"})]})]}),e.jsxs(a,{children:[e.jsx(n,{htmlFor:"phone",children:"Telefoonnummer"}),e.jsx(s,{autoComplete:"tel",id:"phone",name:"phone"})]})]})]})}),e.jsx(w,{severity:"info",children:e.jsx(l,{children:"We bewaren uw contactgegevens voor het afhandelen van uw vraag of klacht en het verbeteren van onze dienstverlening."})}),e.jsx("div",{children:e.jsx(F,{type:"submit",children:"Versturen"})})]})]})})};/** +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as d,g as m,H as g,b as a,c as n,P as l,h as b,i as v,F as c,C as y,T as s,R as o,j as f,k as t,l as w,B as F}from"./index.esm-ciNFknO_.js";import{r as C}from"./index-RigO-4kf.js";import{c as D}from"./config-DlbwG7_D.js";const S=()=>{const[u,p]=C.useState(0);return e.jsx(d,{paddingTop:"small",paddingBottom:"medium",children:e.jsxs(d.Cell,{span:{narrow:4,medium:6,wide:8},start:{narrow:1,medium:2,wide:3},children:[e.jsx(m,{children:e.jsx(m.Link,{children:"Home"})}),e.jsx(g,{className:"ams-mb--md",children:"Contact"}),e.jsxs("form",{className:"ams-gap--md",id:"main",onSubmit:i=>i.preventDefault(),children:[e.jsxs(a,{children:[e.jsx(n,{htmlFor:"body",children:"Wat wilt u aan de gemeente vragen?"}),e.jsx(l,{id:"bodyDescription",size:"small",children:"Een duidelijke beschrijving van uw vraag helpt ons bij het behandelen."}),e.jsx(b,{"aria-describedby":"bodyDescription",id:"body",onChange:i=>p(i.target.value.length),rows:4}),e.jsx(v,{length:u,maxLength:1e3})]}),e.jsx(c,{"aria-describedby":"contactDetailsDescription",legend:"Wat zijn uw gegevens?",children:e.jsxs(y,{gap:"small",children:[e.jsx(l,{id:"contactDetailsDescription",children:"Wij hebben uw gegevens nodig om contact met u te kunnen opnemen."}),e.jsxs(a,{children:[e.jsx(n,{htmlFor:"initials",children:"Voorletters"}),e.jsx(s,{id:"initials",name:"initials"})]}),e.jsxs(a,{children:[e.jsx(n,{htmlFor:"familyName",children:"Achternaam"}),e.jsx(s,{autoComplete:"family-name",id:"familyName",name:"familyName"})]}),e.jsxs(c,{legend:"Woonplaats",children:[e.jsx(o,{name:"city",value:"amsterdam",children:"Amsterdam"}),e.jsx(o,{name:"city",value:"weesp",children:"Weesp"}),e.jsx(o,{name:"city",value:"anders",children:"Anders"})]}),e.jsxs(a,{children:[e.jsx(n,{htmlFor:"email",children:"E-mail"}),e.jsx(s,{autoComplete:"email",id:"email",name:"email"})]}),e.jsxs(f,{wrap:!0,children:[e.jsxs(a,{children:[e.jsx(n,{htmlFor:"countryCode",children:"Landnummer"}),e.jsxs(t,{id:"countryCode",name:"countryCode",children:[e.jsx(t.Option,{value:"+31",children:"Nederland +31"}),e.jsx(t.Option,{value:"+32",children:"België +32"}),e.jsx(t.Option,{value:"+33",children:"Frankrijk +33"})]})]}),e.jsxs(a,{children:[e.jsx(n,{htmlFor:"phone",children:"Telefoonnummer"}),e.jsx(s,{autoComplete:"tel",id:"phone",name:"phone"})]})]})]})}),e.jsx(w,{severity:"info",children:e.jsx(l,{children:"We bewaren uw contactgegevens voor het afhandelen van uw vraag of klacht en het verbeteren van onze dienstverlening."})}),e.jsx("div",{children:e.jsx(F,{type:"submit",children:"Versturen"})})]})]})})};/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const k={...D,title:"Pages/Amsterdam.nl/Form Page",component:S},r={};var h,j,x;r.parameters={...r.parameters,docs:{...(h=r.parameters)==null?void 0:h.docs,source:{originalSource:"{}",...(x=(j=r.parameters)==null?void 0:j.docs)==null?void 0:x.source}}};const T=["Default"],P=Object.freeze(Object.defineProperty({__proto__:null,Default:r,__namedExportsOrder:T,default:k},Symbol.toStringTag,{value:"Module"}));export{P as F}; diff --git a/demo-develop/assets/Gap.docs-BHeu8yhg.js b/demo-develop/assets/Gap.docs-CwLD5Xmg.js similarity index 87% rename from demo-develop/assets/Gap.docs-BHeu8yhg.js rename to demo-develop/assets/Gap.docs-CwLD5Xmg.js index 30a3b4e99a..57077c9346 100644 --- a/demo-develop/assets/Gap.docs-BHeu8yhg.js +++ b/demo-develop/assets/Gap.docs-CwLD5Xmg.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as o,aq as i,ar as r,as as m}from"./index-U-bvrYWS.js";import{G as p}from"./Gap.stories-_GUgVZRz.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const l=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as o,aq as i,ar as r,as as m}from"./index-CYpc6MNd.js";import{G as p}from"./Gap.stories-DE-rVrCr.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";const l=` # Gap diff --git a/demo-develop/assets/Gap.stories-_GUgVZRz.js b/demo-develop/assets/Gap.stories-DE-rVrCr.js similarity index 97% rename from demo-develop/assets/Gap.stories-_GUgVZRz.js rename to demo-develop/assets/Gap.stories-DE-rVrCr.js index a324258c3b..620bbceb1d 100644 --- a/demo-develop/assets/Gap.stories-_GUgVZRz.js +++ b/demo-develop/assets/Gap.stories-DE-rVrCr.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as s}from"./index.esm-C0OPbFsf.js";/** +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as s}from"./index.esm-ciNFknO_.js";/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const t=({children:r,size:l})=>e.jsx("span",{className:`ams-gap--${l}`,children:r});try{t.displayName="Gap",t.__docgenInfo={description:"Renders examples in Storybook. Not for reuse.",displayName:"Gap",props:{size:{defaultValue:null,description:"The amount of space between the element’s children.",name:"size",required:!0,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xl"'}]}}}}}catch{}const c=({size:r})=>e.jsxs("div",{className:`ams-gap--${r}`,children:[e.jsx(s,{children:"These paragraphs are separated by a gap."}),e.jsx(s,{children:"These paragraphs are separated by a gap."}),e.jsx(s,{children:"These paragraphs are separated by a gap."})]}),d={title:"Utilities/CSS/Gap",component:t,args:{size:"xs"}},a={render:c};var o,p,n;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:`{ diff --git a/demo-develop/assets/Grid-D-BW1_rY.js b/demo-develop/assets/Grid-D-BW1_rY.js new file mode 100644 index 0000000000..e3c7de1f76 --- /dev/null +++ b/demo-develop/assets/Grid-D-BW1_rY.js @@ -0,0 +1,2 @@ +import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{c as n}from"./clsx-B-dksMZM.js";import{r as o}from"./index-RigO-4kf.js";import{g as f,p as g}from"./paddingClasses-C5gheHLv.js";const m=o.forwardRef(({as:e="div",children:l,className:r,span:a,start:i,...u},s)=>t.jsx(e,{...u,ref:s,className:n("ams-grid__cell",f(a,i),r),children:l}));m.displayName="Grid.Cell";try{Grid.Cell.displayName="Grid.Cell",Grid.Cell.__docgenInfo={description:"",displayName:"Grid.Cell",props:{as:{defaultValue:null,description:"The HTML tag to use.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"main"'},{value:'"div"'},{value:'"section"'},{value:'"aside"'},{value:'"footer"'},{value:'"header"'},{value:'"nav"'}]}},span:{defaultValue:null,description:`Lets the cell span the full width of all grid variants. +The amount of grid columns the cell spans.`,name:"span",required:!1,type:{name:'"all" | GridColumnNumber | GridColumnNumbers'}},start:{defaultValue:null,description:"The index of the grid column the cell starts at.",name:"start",required:!1,type:{name:"GridColumnNumber | GridColumnNumbers"}}}}}catch{}const p=o.forwardRef(({as:e="div",children:l,className:r,gapVertical:a,paddingBottom:i,paddingTop:u,paddingVertical:s,...c},v)=>t.jsx(e,{...c,ref:v,className:n("ams-grid",a&&`ams-grid--gap-vertical--${a}`,g("grid",i,u,s),r),children:l}));p.displayName="Grid";const d=Object.assign(p,{Cell:m});try{d.displayName="Grid",d.__docgenInfo={description:"",displayName:"Grid",props:{as:{defaultValue:null,description:"The HTML tag to use.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"main"'},{value:'"div"'},{value:'"section"'},{value:'"aside"'},{value:'"footer"'},{value:'"header"'},{value:'"nav"'}]}},gapVertical:{defaultValue:null,description:"The amount of space between rows.",name:"gapVertical",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"small"'},{value:'"large"'}]}},paddingBottom:{defaultValue:null,description:"The amount of space below.",name:"paddingBottom",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'},{value:'"medium"'}]}},paddingTop:{defaultValue:null,description:"The amount of space above.",name:"paddingTop",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'},{value:'"medium"'}]}},paddingVertical:{defaultValue:null,description:"The amount of space above and below.",name:"paddingVertical",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'},{value:'"medium"'}]}}}}}catch{}export{d as G}; diff --git a/demo-develop/assets/Grid.docs-Bx_uJgWa.js b/demo-develop/assets/Grid.docs-se0Nh0Pi.js similarity index 91% rename from demo-develop/assets/Grid.docs-Bx_uJgWa.js rename to demo-develop/assets/Grid.docs-se0Nh0Pi.js index 66eaeab1e5..5319d8dd41 100644 --- a/demo-develop/assets/Grid.docs-Bx_uJgWa.js +++ b/demo-develop/assets/Grid.docs-se0Nh0Pi.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as a,aq as r,ar as l,as as d,at as s}from"./index-U-bvrYWS.js";import{G as c,V as h,a as p,S as m,b as u,c as x,d as g,I as w}from"./Grid.stories-bmYGHC93.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./paddingClasses-C5gheHLv.js";const j=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as a,aq as r,ar as l,as as d,at as s}from"./index-CYpc6MNd.js";import{G as c,V as h,a as p,S as m,b as u,c as x,d as g,I as w}from"./Grid.stories-BCyuDymN.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./Grid-D-BW1_rY.js";import"./clsx-B-dksMZM.js";import"./paddingClasses-C5gheHLv.js";const j=` # Grid @@ -71,4 +71,4 @@ Use the `,e.jsx(n.code,{children:"as"})," prop on either to make your markup mor `,e.jsx(n.li,{children:"The same applies to starting a cell in a later column."}),` `,e.jsx(n.li,{children:`If the total of both values is too large, the browser adds columns to the grid. This is not allowed.`}),` -`]})]})}function V(o={}){const{wrapper:n}={...i(),...o.components};return n?e.jsx(n,{...o,children:e.jsx(t,{...o})}):t(o)}export{V as default}; +`]})]})}function P(o={}){const{wrapper:n}={...i(),...o.components};return n?e.jsx(n,{...o,children:e.jsx(t,{...o})}):t(o)}export{P as default}; diff --git a/demo-develop/assets/Grid.stories-BCyuDymN.js b/demo-develop/assets/Grid.stories-BCyuDymN.js new file mode 100644 index 0000000000..a928e8744c --- /dev/null +++ b/demo-develop/assets/Grid.stories-BCyuDymN.js @@ -0,0 +1,57 @@ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as a}from"./Grid-D-BW1_rY.js";const F={title:"Components/Layout/Grid",component:a,args:{gapVertical:void 0,paddingVertical:"medium"},argTypes:{className:{table:{disable:!0}},gapVertical:{control:{type:"radio",labels:{none:"none",small:"small",undefined:"medium",large:"large"}},options:["none","small",void 0,"large"]},paddingVertical:{control:{type:"radio",labels:{undefined:"none",small:"small",medium:"medium",large:"large"}},options:[void 0,"small","medium","large"]},paddingTop:{control:{type:"radio",labels:{undefined:"none",small:"small",medium:"medium",large:"large"}},options:[void 0,"small","medium","large"]},paddingBottom:{control:{type:"radio",labels:{undefined:"none",small:"small",medium:"medium",large:"large"}},options:[void 0,"small","medium","large"]}},parameters:{layout:"fullscreen"}};a.Cell;const D=()=>e.jsx(a,{className:"ams-docs-grid",children:Array.from(Array(12).keys()).map(s=>e.jsx(a.Cell,{className:"ams-docs-grid__cell"},s))}),p={decorators:[s=>e.jsxs(e.Fragment,{children:[e.jsx(D,{}),e.jsx(s,{})]})]},d={decorators:[s=>e.jsxs(e.Fragment,{children:[e.jsx(D,{}),e.jsx(a,{paddingVertical:"medium",children:e.jsx(s,{})})]})],render:({children:s,...E})=>e.jsx(a.Cell,{...E,children:s})},r={...p},l={...p,args:{children:e.jsx(a.Cell,{className:"ams-docs-item",span:"all"})}},o={...p,args:{children:[e.jsx(a.Cell,{className:"ams-docs-item",span:"all"},1),e.jsx(a.Cell,{className:"ams-docs-item",span:"all"},2)],gapVertical:"small"}},m={...d,args:{children:e.jsx("div",{className:"ams-docs-item"}),span:4}},n={...d,args:{children:e.jsx("div",{className:"ams-docs-item"}),span:{narrow:4,medium:6,wide:8}}},t={...d,args:{children:e.jsx("div",{className:"ams-docs-item"}),span:"all"}},c={...d,args:{children:e.jsx("div",{className:"ams-docs-item"}),span:3,start:{narrow:2,medium:4,wide:6}}},i={...d,args:{as:"section"},render:({as:s})=>e.jsx(a.Cell,{as:s,span:"all",children:e.jsx("div",{className:"ams-docs-item"})})};var u,g,S;r.parameters={...r.parameters,docs:{...(u=r.parameters)==null?void 0:u.docs,source:{originalSource:`{ + ...StoryTemplate +}`,...(S=(g=r.parameters)==null?void 0:g.docs)==null?void 0:S.source}}};var y,x,C;l.parameters={...l.parameters,docs:{...(y=l.parameters)==null?void 0:y.docs,source:{originalSource:`{ + ...StoryTemplate, + args: { + children: + } +}`,...(C=(x=l.parameters)==null?void 0:x.docs)==null?void 0:C.source}}};var j,v,N;o.parameters={...o.parameters,docs:{...(j=o.parameters)==null?void 0:j.docs,source:{originalSource:`{ + ...StoryTemplate, + args: { + children: [, ], + gapVertical: 'small' + } +}`,...(N=(v=o.parameters)==null?void 0:v.docs)==null?void 0:N.source}}};var h,G,T;m.parameters={...m.parameters,docs:{...(h=m.parameters)==null?void 0:h.docs,source:{originalSource:`{ + ...CellStoryTemplate, + args: { + children:
    , + span: 4 + } +}`,...(T=(G=m.parameters)==null?void 0:G.docs)==null?void 0:T.source}}};var f,b,V;n.parameters={...n.parameters,docs:{...(f=n.parameters)==null?void 0:f.docs,source:{originalSource:`{ + ...CellStoryTemplate, + args: { + children:
    , + span: { + narrow: 4, + medium: 6, + wide: 8 + } + } +}`,...(V=(b=n.parameters)==null?void 0:b.docs)==null?void 0:V.source}}};var w,_,P;t.parameters={...t.parameters,docs:{...(w=t.parameters)==null?void 0:w.docs,source:{originalSource:`{ + ...CellStoryTemplate, + args: { + children:
    , + span: 'all' + } +}`,...(P=(_=t.parameters)==null?void 0:_.docs)==null?void 0:P.source}}};var k,A,I;c.parameters={...c.parameters,docs:{...(k=c.parameters)==null?void 0:k.docs,source:{originalSource:`{ + ...CellStoryTemplate, + args: { + children:
    , + span: 3, + start: { + narrow: 2, + medium: 4, + wide: 6 + } + } +}`,...(I=(A=c.parameters)==null?void 0:A.docs)==null?void 0:I.source}}};var O,R,B;i.parameters={...i.parameters,docs:{...(O=i.parameters)==null?void 0:O.docs,source:{originalSource:`{ + ...CellStoryTemplate, + args: { + as: 'section' + }, + render: ({ + as + }: GridCellProps) => +
    + +}`,...(B=(R=i.parameters)==null?void 0:R.docs)==null?void 0:B.source}}};const z=["Default","VerticalPadding","VerticalGap","SpanColumns","SpanResponsively","SpanAllColumns","StartPosition","ImproveSemantics"],q=Object.freeze(Object.defineProperty({__proto__:null,Default:r,ImproveSemantics:i,SpanAllColumns:t,SpanColumns:m,SpanResponsively:n,StartPosition:c,VerticalGap:o,VerticalPadding:l,__namedExportsOrder:z,default:F},Symbol.toStringTag,{value:"Module"}));export{q as G,i as I,m as S,l as V,o as a,n as b,t as c,c as d}; diff --git a/demo-develop/assets/Grid.stories-bmYGHC93.js b/demo-develop/assets/Grid.stories-bmYGHC93.js deleted file mode 100644 index bace742084..0000000000 --- a/demo-develop/assets/Grid.stories-bmYGHC93.js +++ /dev/null @@ -1,58 +0,0 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{c as H}from"./clsx-B-dksMZM.js";import{r as $}from"./index-RigO-4kf.js";import{g as W,p as X}from"./paddingClasses-C5gheHLv.js";const z=$.forwardRef(({as:a="div",children:l,className:g,span:u,start:v,...f},y)=>e.jsx(a,{...f,ref:y,className:H("ams-grid__cell",W(u,v),g),children:l}));z.displayName="Grid.Cell";try{Grid.Cell.displayName="Grid.Cell",Grid.Cell.__docgenInfo={description:"",displayName:"Grid.Cell",props:{as:{defaultValue:null,description:"The HTML tag to use.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"main"'},{value:'"div"'},{value:'"section"'},{value:'"aside"'},{value:'"footer"'},{value:'"header"'},{value:'"nav"'}]}},span:{defaultValue:null,description:`Lets the cell span the full width of all grid variants. -The amount of grid columns the cell spans.`,name:"span",required:!1,type:{name:'"all" | GridColumnNumber | GridColumnNumbers'}},start:{defaultValue:null,description:"The index of the grid column the cell starts at.",name:"start",required:!1,type:{name:"GridColumnNumber | GridColumnNumbers"}}}}}catch{}const J=$.forwardRef(({as:a="div",children:l,className:g,gapVertical:u,paddingBottom:v,paddingTop:f,paddingVertical:y,...Q},U)=>e.jsx(a,{...Q,ref:U,className:H("ams-grid",u&&`ams-grid--gap-vertical--${u}`,X("grid",v,f,y),g),children:l}));J.displayName="Grid";const s=Object.assign(J,{Cell:z});try{s.displayName="Grid",s.__docgenInfo={description:"",displayName:"Grid",props:{as:{defaultValue:null,description:"The HTML tag to use.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"main"'},{value:'"div"'},{value:'"section"'},{value:'"aside"'},{value:'"footer"'},{value:'"header"'},{value:'"nav"'}]}},gapVertical:{defaultValue:null,description:"The amount of space between rows.",name:"gapVertical",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"small"'},{value:'"large"'}]}},paddingBottom:{defaultValue:null,description:"The amount of space below.",name:"paddingBottom",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'},{value:'"medium"'}]}},paddingTop:{defaultValue:null,description:"The amount of space above.",name:"paddingTop",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'},{value:'"medium"'}]}},paddingVertical:{defaultValue:null,description:"The amount of space above and below.",name:"paddingVertical",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'},{value:'"medium"'}]}}}}}catch{}const Y={title:"Components/Layout/Grid",component:s,args:{gapVertical:void 0,paddingVertical:"medium"},argTypes:{className:{table:{disable:!0}},gapVertical:{control:{type:"radio",labels:{none:"none",small:"small",undefined:"medium",large:"large"}},options:["none","small",void 0,"large"]},paddingVertical:{control:{type:"radio",labels:{undefined:"none",small:"small",medium:"medium",large:"large"}},options:[void 0,"small","medium","large"]},paddingTop:{control:{type:"radio",labels:{undefined:"none",small:"small",medium:"medium",large:"large"}},options:[void 0,"small","medium","large"]},paddingBottom:{control:{type:"radio",labels:{undefined:"none",small:"small",medium:"medium",large:"large"}},options:[void 0,"small","medium","large"]}},parameters:{layout:"fullscreen"}};s.Cell;const K=()=>e.jsx(s,{className:"ams-docs-grid",children:Array.from(Array(12).keys()).map(a=>e.jsx(s.Cell,{className:"ams-docs-grid__cell"},a))}),C={decorators:[a=>e.jsxs(e.Fragment,{children:[e.jsx(K,{}),e.jsx(a,{})]})]},p={decorators:[a=>e.jsxs(e.Fragment,{children:[e.jsx(K,{}),e.jsx(s,{paddingVertical:"medium",children:e.jsx(a,{})})]})],render:({children:a,...l})=>e.jsx(s.Cell,{...l,children:a})},r={...C},n={...C,args:{children:e.jsx(s.Cell,{className:"ams-docs-item",span:"all"})}},o={...C,args:{children:[e.jsx(s.Cell,{className:"ams-docs-item",span:"all"},1),e.jsx(s.Cell,{className:"ams-docs-item",span:"all"},2)],gapVertical:"small"}},t={...p,args:{children:e.jsx("div",{className:"ams-docs-item"}),span:4}},m={...p,args:{children:e.jsx("div",{className:"ams-docs-item"}),span:{narrow:4,medium:6,wide:8}}},i={...p,args:{children:e.jsx("div",{className:"ams-docs-item"}),span:"all"}},d={...p,args:{children:e.jsx("div",{className:"ams-docs-item"}),span:3,start:{narrow:2,medium:4,wide:6}}},c={...p,args:{as:"section"},render:({as:a})=>e.jsx(s.Cell,{as:a,span:"all",children:e.jsx("div",{className:"ams-docs-item"})})};var h,S,N;r.parameters={...r.parameters,docs:{...(h=r.parameters)==null?void 0:h.docs,source:{originalSource:`{ - ...StoryTemplate -}`,...(N=(S=r.parameters)==null?void 0:S.docs)==null?void 0:N.source}}};var x,G,j;n.parameters={...n.parameters,docs:{...(x=n.parameters)==null?void 0:x.docs,source:{originalSource:`{ - ...StoryTemplate, - args: { - children: - } -}`,...(j=(G=n.parameters)==null?void 0:G.docs)==null?void 0:j.source}}};var T,_,V;o.parameters={...o.parameters,docs:{...(T=o.parameters)==null?void 0:T.docs,source:{originalSource:`{ - ...StoryTemplate, - args: { - children: [, ], - gapVertical: 'small' - } -}`,...(V=(_=o.parameters)==null?void 0:_.docs)==null?void 0:V.source}}};var b,w,q;t.parameters={...t.parameters,docs:{...(b=t.parameters)==null?void 0:b.docs,source:{originalSource:`{ - ...CellStoryTemplate, - args: { - children:
    , - span: 4 - } -}`,...(q=(w=t.parameters)==null?void 0:w.docs)==null?void 0:q.source}}};var P,R,I;m.parameters={...m.parameters,docs:{...(P=m.parameters)==null?void 0:P.docs,source:{originalSource:`{ - ...CellStoryTemplate, - args: { - children:
    , - span: { - narrow: 4, - medium: 6, - wide: 8 - } - } -}`,...(I=(R=m.parameters)==null?void 0:R.docs)==null?void 0:I.source}}};var k,A,B;i.parameters={...i.parameters,docs:{...(k=i.parameters)==null?void 0:k.docs,source:{originalSource:`{ - ...CellStoryTemplate, - args: { - children:
    , - span: 'all' - } -}`,...(B=(A=i.parameters)==null?void 0:A.docs)==null?void 0:B.source}}};var L,O,E;d.parameters={...d.parameters,docs:{...(L=d.parameters)==null?void 0:L.docs,source:{originalSource:`{ - ...CellStoryTemplate, - args: { - children:
    , - span: 3, - start: { - narrow: 2, - medium: 4, - wide: 6 - } - } -}`,...(E=(O=d.parameters)==null?void 0:O.docs)==null?void 0:E.source}}};var M,D,F;c.parameters={...c.parameters,docs:{...(M=c.parameters)==null?void 0:M.docs,source:{originalSource:`{ - ...CellStoryTemplate, - args: { - as: 'section' - }, - render: ({ - as - }: GridCellProps) => -
    - -}`,...(F=(D=c.parameters)==null?void 0:D.docs)==null?void 0:F.source}}};const Z=["Default","VerticalPadding","VerticalGap","SpanColumns","SpanResponsively","SpanAllColumns","StartPosition","ImproveSemantics"],re=Object.freeze(Object.defineProperty({__proto__:null,Default:r,ImproveSemantics:c,SpanAllColumns:i,SpanColumns:t,SpanResponsively:m,StartPosition:d,VerticalGap:o,VerticalPadding:n,__namedExportsOrder:Z,default:Y},Symbol.toStringTag,{value:"Module"}));export{re as G,c as I,t as S,n as V,o as a,m as b,i as c,d}; diff --git a/demo-develop/assets/Header.docs-CkBObEYM.js b/demo-develop/assets/Header.docs-CkBObEYM.js new file mode 100644 index 0000000000..044811439f --- /dev/null +++ b/demo-develop/assets/Header.docs-CkBObEYM.js @@ -0,0 +1,58 @@ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as a,aq as r,ar as l,as as h,at as o}from"./index-CYpc6MNd.js";import{H as d,W as m,a as c,b as u,c as p,d as w}from"./Header.stories-CCKFmKcM.js";import{S as x}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./Grid-D-BW1_rY.js";import"./paddingClasses-C5gheHLv.js";import"./Logo-BazI2ckd.js";import"./Heading-kLxhGLS-.js";import"./getHeadingTag-Dv1eMqvl.js";import"./Icon-D9-xhxHj.js";import"./Badge-BvbF-Lgn.js";const f=` + +# Header + +Displays the City’s logo at the top of every page, and optionally a navigation menu. +Includes the name of the application if it is not the general website. + +## Guidelines + +- The Header must be used on all websites and applications for the City of Amsterdam. +- It includes the logo of the City or the organization, the site title (except for the general website), and a menu with links to commonly used pages. +- The Header is important because it conveys our corporate identity and is the first thing people see. + Using it consistently helps users recognize and trust the website. +- The Header is the same on every page of the application, although full-screen pages may hide it, e.g. a video or a map. +- The inline menu can contain a maximum of 5 items. + The last two will often be ‘Search’ and ‘Menu’. +- The 'Menu' button opens a collapsible menu, which has room for more links. +- On narrow windows, links can move from the inline menu to the collapsible one. +- Labels should be short to help the inline menu fit on a single line whenever possible. +- An icon can be added to the end of a link to make its destination easier to guess. + +## References + +- A Header is a [landmark](https://www.w3.org/TR/wai-aria-practices-1.1/#aria_landmark_roles) and can be used to group navigation elements. +- [WCAG 3.2.3](https://wcag.com/designers/3-2-3-consistent-navigation/) Consistent Navigation: Navigation menus that appear on multiple pages are consistent. +`;/*@license CC0-1.0*/function i(t){const n={code:"code",h2:"h2",h3:"h3",p:"p",...s(),...t.components};return e.jsxs(e.Fragment,{children:[` +`,` +`,e.jsx(a,{of:d}),` +`,e.jsx(x,{reason:"Needs work for narrow screens and integration with Mega Menu."}),` +`,e.jsx(r,{children:f}),` +`,e.jsx(l,{}),` +`,e.jsx(h,{}),` +`,e.jsx(n.h2,{id:"examples",children:"Examples"}),` +`,e.jsx(n.h3,{id:"with-moving-links",children:"With moving links"}),` +`,e.jsxs(n.p,{children:[`Links can move from the inline menu to the collapsible one on narrow windows. +A `,e.jsx(n.code,{children:"MenuLink"}),` is hidden by default on narrow windows. +Use `,e.jsx(n.code,{children:"GridCellNarrowWindowOnly"})," to show that same link in the collapsible menu on narrow windows."]}),` +`,e.jsxs(n.p,{children:["If you do not want the ",e.jsx(n.code,{children:"MenuLink"})," to be hidden, use the ",e.jsx(n.code,{children:"fixed"})," prop."]}),` +`,e.jsx(n.p,{children:"In this example, ‘English’ moves to the collapsible menu, while ‘Zoeken’ does not."}),` +`,e.jsx(o,{of:m}),` +`,e.jsx(n.h3,{id:"without-menu-button-on-wide-windows",children:"Without menu button on wide windows"}),` +`,e.jsxs(n.p,{children:[`If you only have a few links, you may not always need a collapsible menu. +Use `,e.jsx(n.code,{children:"noMenuButtonOnWideWindow"}),` to hide the menu button on wide windows. +On narrow windows, the menu button will still be visible, +so do not forget to add the links to the collapsible menu.`]}),` +`,e.jsx(o,{of:c}),` +`,e.jsx(n.h3,{id:"without-menu-button",children:"Without menu button"}),` +`,e.jsxs(n.p,{children:[`In some cases, a collapsible menu might not be necessary. +If the Header has no `,e.jsx(n.code,{children:"children"}),`, the menu button will not appear. +Remember to use the `,e.jsx(n.code,{children:"fixed"})," prop if you want the inline menu links to stay in place."]}),` +`,e.jsx(o,{of:u}),` +`,e.jsx(n.h3,{id:"with-custom-logo-link",children:"With custom logo link"}),` +`,e.jsx(n.p,{children:`The destination and accessible text of the logo link can be customized, +as well as the logo itself.`}),` +`,e.jsx(o,{of:p}),` +`,e.jsx(n.h3,{id:"with-custom-texts",children:"With custom texts"}),` +`,e.jsx(n.p,{children:"The text of the menu button and the accessible navigation description can be customized."}),` +`,e.jsx(o,{of:w})]})}function U(t={}){const{wrapper:n}={...s(),...t.components};return n?e.jsx(n,{...t,children:e.jsx(i,{...t})}):i(t)}export{U as default}; diff --git a/demo-develop/assets/Header.docs-DVZA0cMH.js b/demo-develop/assets/Header.docs-DVZA0cMH.js deleted file mode 100644 index 0b1a1d117f..0000000000 --- a/demo-develop/assets/Header.docs-DVZA0cMH.js +++ /dev/null @@ -1,47 +0,0 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as s,aq as r,ar as m,as as h,at as t}from"./index-U-bvrYWS.js";import{H as d,F as p,W as u,a as l,b as c,c as f,d as x,e as g}from"./Header.stories-D1XxeJYU.js";import{S as j}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Logo-BazI2ckd.js";import"./Heading-Vg3KKL7T.js";import"./getHeadingTag-Dv1eMqvl.js";import"./Badge-BvbF-Lgn.js";const w=` - -# Header - -Displays the City’s logo at the top of every page, and optionally a navigation menu. -Includes the name of the application if it is not the general website. - -## Guidelines - -- The Header must be used on all websites and applications for the City of Amsterdam. -- It includes the logo of the City or the organization, the site title (except for the general website), and a menu with links to commonly used pages. -- The Header is important because it conveys our corporate identity and is the first thing people see. - Using it consistently helps users recognize and trust the website. -- It is the same on every page of the application. -- The page menu can contain a maximum of 5 items. - The last two will often be ‘Search’ and ‘Menu’. -- Labels should be short to ensure the menu fits on one line, even on medium-wide screens. -- An icon can be added to the end of a link to make its function easier to find. - -## References - -- A Header is a [landmark](https://www.w3.org/TR/wai-aria-practices-1.1/#aria_landmark_roles) and can be use to group navigation elements. -- [WCAG 3.2.3](https://wcag.com/designers/3-2-3-consistent-navigation/) Consistent Navigation: Navigation menus that appear on multiple pages are consistent. -`;/*@license CC0-1.0*/function i(a){const e={a:"a",h2:"h2",h3:"h3",p:"p",...o(),...a.components};return n.jsxs(n.Fragment,{children:[` -`,` -`,n.jsx(s,{of:d}),` -`,n.jsx(j,{reason:"Needs work for narrow screens and integration with Mega Menu."}),` -`,n.jsx(r,{children:w}),` -`,n.jsx(m,{}),` -`,n.jsx(h,{}),` -`,n.jsx(e.h2,{id:"examples",children:"Examples"}),` -`,n.jsx(e.h3,{id:"for-a-sub-brand",children:"For a sub-brand"}),` -`,n.jsx(t,{of:p}),` -`,n.jsx(e.h3,{id:"with-app-name",children:"With app name"}),` -`,n.jsx(t,{of:u}),` -`,n.jsx(e.h3,{id:"with-menu-button",children:"With menu button"}),` -`,n.jsx(t,{of:l}),` -`,n.jsx(e.h3,{id:"with-links",children:"With links"}),` -`,n.jsxs(e.p,{children:["Use a ",n.jsx(e.a,{href:"/docs/components-navigation-page-menu--docs",children:"Page Menu"}),` to add links. -A Page Menu in the Header should not wrap.`]}),` -`,n.jsx(t,{of:c}),` -`,n.jsx(e.h3,{id:"with-links-and-menu-button",children:"With links and menu button"}),` -`,n.jsx(t,{of:f}),` -`,n.jsx(e.h3,{id:"with-app-name-and-menu-button",children:"With app name and menu button"}),` -`,n.jsx(t,{of:x}),` -`,n.jsx(e.h3,{id:"with-app-name-links-and-menu-button",children:"With app name, links and menu button"}),` -`,n.jsx(t,{of:g})]})}function X(a={}){const{wrapper:e}={...o(),...a.components};return e?n.jsx(e,{...a,children:n.jsx(i,{...a})}):i(a)}export{X as default}; diff --git a/demo-develop/assets/Header.stories-CCKFmKcM.js b/demo-develop/assets/Header.stories-CCKFmKcM.js new file mode 100644 index 0000000000..ca4313fd6e --- /dev/null +++ b/demo-develop/assets/Header.stories-CCKFmKcM.js @@ -0,0 +1,129 @@ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as d,m as r,H as k}from"./index.esm-ciNFknO_.js";import{c as t}from"./clsx-B-dksMZM.js";import{r as o}from"./index-RigO-4kf.js";import{G as ee}from"./Grid-D-BW1_rY.js";import{L as M}from"./Logo-BazI2ckd.js";import{H as ae}from"./Heading-kLxhGLS-.js";import{I as ne}from"./Icon-D9-xhxHj.js";const U=o.forwardRef(({children:a,className:n,...s},l)=>e.jsx(ee.Cell,{...s,className:t("ams-header__grid-cell-narrow-window-only",n),ref:l,children:a}));U.displayName="Header.GridCellNarrowWindowOnly";try{Header.GridCellNarrowWindowOnly.displayName="Header.GridCellNarrowWindowOnly",Header.GridCellNarrowWindowOnly.__docgenInfo={description:"",displayName:"Header.GridCellNarrowWindowOnly",props:{as:{defaultValue:null,description:"The HTML tag to use.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"main"'},{value:'"div"'},{value:'"section"'},{value:'"aside"'},{value:'"footer"'},{value:'"header"'},{value:'"nav"'}]}},span:{defaultValue:null,description:`Lets the cell span the full width of all grid variants. +The amount of grid columns the cell spans.`,name:"span",required:!1,type:{name:'"all" | GridColumnNumber | GridColumnNumbers'}},start:{defaultValue:null,description:"The index of the grid column the cell starts at.",name:"start",required:!1,type:{name:"GridColumnNumber | GridColumnNumbers"}}}}}catch{}const _=a=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",...a,children:[e.jsx("line",{x1:"0",x2:"100%",y1:"50%",y2:"50%",className:"ams-header__menu-icon-top"}),e.jsx("line",{x1:"0",x2:"100%",y1:"50%",y2:"50%",className:"ams-header__menu-icon-middle"}),e.jsx("line",{x1:"0",x2:"100%",y1:"50%",y2:"50%",className:"ams-header__menu-icon-bottom"})]});try{_.displayName="HeaderMenuIcon",_.__docgenInfo={description:"",displayName:"HeaderMenuIcon",props:{}}}catch{}const F=o.forwardRef(({children:a,className:n,fixed:s,...l},m)=>e.jsx("li",{className:t("ams-header__menu-item",s&&"ams-header__menu-item--fixed"),children:e.jsx("a",{...l,className:t("ams-header__menu-link",n),ref:m,children:a})}));F.displayName="Header.MenuLink";try{Header.MenuLink.displayName="Header.MenuLink",Header.MenuLink.__docgenInfo={description:"",displayName:"Header.MenuLink",props:{fixed:{defaultValue:null,description:"",name:"fixed",required:!1,type:{name:"boolean"}}}}}catch{}const re={medium:"36rem",wide:"68rem"},y=a=>{const[n,s]=o.useState(!1);return o.useLayoutEffect(()=>{if(a&&typeof window<"u"){const l=window.matchMedia(`(min-width: ${re[a]})`);l.matches!==n&&s(l.matches);const m=()=>s(l.matches);return window.addEventListener("resize",m),()=>window.removeEventListener("resize",m)}},[n,a]),n};try{y.displayName="useIsAfterBreakpoint",y.__docgenInfo={description:"",displayName:"useIsAfterBreakpoint",props:{}}}catch{}const J=o.forwardRef(({brandName:a,className:n,children:s,logoBrand:l="amsterdam",logoLink:m="/",logoLinkTitle:Q="Ga naar de homepage",menuItems:b,menuButtonText:v="Menu",navigationLabel:X="Hoofdnavigatie",noMenuButtonOnWideWindow:N,...j},Y)=>{const[f,w]=o.useState(!1),H=y("wide");return o.useEffect(()=>{N&&H&&w(!1)},[H]),e.jsxs("header",{...j,ref:Y,className:t("ams-header",n),children:[e.jsxs("div",{className:"ams-header__branding",children:[e.jsxs("a",{className:"ams-header__logo-link",href:m,children:[e.jsx("span",{className:"ams-visually-hidden",children:Q}),e.jsx(M,{brand:l})]}),a&&e.jsx(ae,{level:1,size:"level-5",className:"ams-header__brand-name",children:a})]}),(s||b)&&e.jsxs("nav",{className:"ams-header__navigation","aria-labelledby":"primary-navigation",children:[e.jsx("h2",{id:"primary-navigation",className:"ams-visually-hidden",children:X}),e.jsxs("div",{className:"ams-header__branding ams-header__branding--hidden","aria-hidden":!0,children:[e.jsx("div",{className:"ams-header__logo-link",children:e.jsx(M,{brand:l})}),a&&e.jsx("span",{className:"ams-heading ams-heading--level-5 ams-header__brand-name",children:a})]}),e.jsxs("ul",{className:"ams-header__menu",children:[b,s&&e.jsx("li",{className:t(N&&"ams-header__mega-menu-button-item--hide-on-wide-window"),children:e.jsxs("button",{...j,"aria-controls":"ams-mega-menu","aria-expanded":f,className:"ams-header__mega-menu-button",onClick:()=>w(!f),type:"button",children:[e.jsx("span",{className:"ams-header__mega-menu-button-label",children:v}),e.jsx("span",{"aria-hidden":"true",className:"ams-header__mega-menu-button-hidden-label",children:v}),e.jsx(ne,{svg:e.jsx(_,{className:t("ams-header__menu-icon",f&&"ams-header__menu-icon--open")}),size:"level-5"})]})})]}),s&&e.jsx("div",{className:t("ams-header__mega-menu",!f&&"ams-header__mega-menu--closed"),id:"ams-mega-menu",children:s})]})]})});J.displayName="Header";const i=Object.assign(J,{GridCellNarrowWindowOnly:U,MenuLink:F});try{i.displayName="Header",i.__docgenInfo={description:"",displayName:"Header",props:{brandName:{defaultValue:null,description:"The name of the application.",name:"brandName",required:!1,type:{name:"string"}},logoBrand:{defaultValue:{value:"amsterdam"},description:"The name of the brand for which to display the logo.",name:"logoBrand",required:!1,type:{name:"enum",value:[{value:'"amsterdam"'},{value:'"ggd-amsterdam"'},{value:'"museum-weesp"'},{value:'"stadsarchief"'},{value:'"stadsbank-van-lening"'},{value:'"vga-verzekeringen"'}]}},logoLink:{defaultValue:{value:"/"},description:"The url for the link on the logo.",name:"logoLink",required:!1,type:{name:"string"}},logoLinkTitle:{defaultValue:{value:"Ga naar de homepage"},description:"The accessible text for the link on the logo.",name:"logoLinkTitle",required:!1,type:{name:"string"}},menuItems:{defaultValue:null,description:"A slot for the menu items. Use Header.MenuLink here.",name:"menuItems",required:!1,type:{name:"ReactNode"}},menuButtonText:{defaultValue:{value:"Menu"},description:"The text for the menu button.",name:"menuButtonText",required:!1,type:{name:"string"}},navigationLabel:{defaultValue:{value:"Hoofdnavigatie"},description:"The accessible label for the navigation section.",name:"navigationLabel",required:!1,type:{name:"string"}},noMenuButtonOnWideWindow:{defaultValue:null,description:"Whether the menu button is visible on wide screens.",name:"noMenuButtonOnWideWindow",required:!1,type:{name:"boolean"}}}}}catch{}const ie={title:"Components/Containers/Header",component:i},x=[[{label:"Kaart",href:"#"},{label:"Panoramabeelden",href:"#"},{label:"Tabellen",href:"#"},{label:"Catalogus (Beta)",href:"#"},{label:"Kaarten",href:"#"},{label:"Datacatalogus",href:"#"}],[{label:"Over de organisatie",href:"#"},{label:"Over het dataplatform",href:"#"}],[{label:"Help",href:"#"},{label:"Contact",href:"#"}]],u={args:{brandName:"Data Amsterdam",menuItems:[e.jsx(i.MenuLink,{href:"#",lang:"en",children:"English"},1),e.jsx(i.MenuLink,{href:"#",fixed:!0,children:"Zoeken"},2)],children:e.jsxs(d,{paddingBottom:"large",children:[e.jsx(i.GridCellNarrowWindowOnly,{span:"all",children:e.jsx(r,{children:e.jsx(r.Link,{href:"#",lang:"en",children:"English"})})}),e.jsxs(d.Cell,{span:4,children:[e.jsx(k,{level:2,size:"level-3",className:"ams-mb--sm",children:"Onderdelen"}),e.jsx(r,{children:x[0].map(({label:a,href:n})=>e.jsx(r.Link,{href:n,children:a},a))})]}),e.jsxs(d.Cell,{span:4,children:[e.jsx(k,{level:2,size:"level-3",className:"ams-mb--sm",children:"Over ons"}),e.jsx(r,{children:x[1].map(({label:a,href:n})=>e.jsx(r.Link,{href:n,children:a},a))})]}),e.jsxs(d.Cell,{span:4,children:[e.jsx(k,{level:2,size:"level-3",className:"ams-mb--sm",children:"Help"}),e.jsx(r,{children:x[2].map(({label:a,href:n})=>e.jsx(r.Link,{href:n,children:a},a))})]})]})}},c={args:{menuItems:[e.jsx(i.MenuLink,{href:"#",lang:"en",children:"English"},1),e.jsx(i.MenuLink,{href:"#",fixed:!0,children:"Zoeken"},2)],children:e.jsxs(d,{paddingBottom:"large",gapVertical:"small",children:[e.jsx(i.GridCellNarrowWindowOnly,{span:"all",children:e.jsx(r,{children:e.jsx(r.Link,{href:"#",lang:"en",children:"English"})})}),e.jsx(d.Cell,{span:"all",children:e.jsx(r,{children:e.jsx(r.Link,{href:"#",children:"Regular collapsible menu link"})})})]})}},W=[{label:"Stad",href:"#"},{label:"Techniek",href:"#"},{label:"Historie",href:"#"},{label:"Duurzaamheid",href:"#"}],h={args:{brandName:"Aan de Amsterdamse grachten",menuItems:[...W.map(({label:a,href:n})=>e.jsx(i.MenuLink,{href:n,children:a},a)),e.jsx(i.MenuLink,{href:"#",fixed:!0,children:"Zoeken"},"Zoeken")],noMenuButtonOnWideWindow:!0,children:e.jsx(r,{className:"ams-mb--lg",children:W.map(({label:a,href:n})=>e.jsx(r.Link,{href:n,children:a},a))})}},p={args:{brandName:"Mijn Amsterdam",menuItems:e.jsx(i.MenuLink,{fixed:!0,href:"#",children:"Inloggen"})}},g={args:{logoBrand:"ggd-amsterdam",logoLink:"https://www.ggd.amsterdam.nl/",logoLinkTitle:"Naar de homepage van de GGD Amsterdam"}},L={args:{menuButtonText:"Hoofdmenu",navigationLabel:"Navigatie",children:e.jsx(d,{children:e.jsx(d.Cell,{span:"all",children:e.jsx(r,{children:e.jsx(r.Link,{href:"#",lang:"en",children:"English"})})})})}};var G,C,O;u.parameters={...u.parameters,docs:{...(G=u.parameters)==null?void 0:G.docs,source:{originalSource:`{ + args: { + brandName: 'Data Amsterdam', + menuItems: [ + English + , + Zoeken + ], + children: + + + + English + + + + + + Onderdelen + + + {defaultStoryLinks[0].map(({ + label, + href + }) => + {label} + )} + + + + + Over ons + + + {defaultStoryLinks[1].map(({ + label, + href + }) => + {label} + )} + + + + + Help + + + {defaultStoryLinks[2].map(({ + label, + href + }) => + {label} + )} + + + + } +}`,...(O=(C=u.parameters)==null?void 0:C.docs)==null?void 0:O.source}}};var B,I,T;c.parameters={...c.parameters,docs:{...(B=c.parameters)==null?void 0:B.docs,source:{originalSource:`{ + args: { + menuItems: [ + English + , + Zoeken + ], + children: + + + + English + + + + + + Regular collapsible menu link + + + + } +}`,...(T=(I=c.parameters)==null?void 0:I.docs)==null?void 0:T.source}}};var S,E,A;h.parameters={...h.parameters,docs:{...(S=h.parameters)==null?void 0:S.docs,source:{originalSource:`{ + args: { + brandName: 'Aan de Amsterdamse grachten', + menuItems: [...WithoutMenuButtonOnWideWindowStoryLinks.map(({ + label, + href + }) => + {label} + ), + Zoeken + ], + noMenuButtonOnWideWindow: true, + children: + {WithoutMenuButtonOnWideWindowStoryLinks.map(({ + label, + href + }) => + {label} + )} + + } +}`,...(A=(E=h.parameters)==null?void 0:E.docs)==null?void 0:A.source}}};var V,z,q;p.parameters={...p.parameters,docs:{...(V=p.parameters)==null?void 0:V.docs,source:{originalSource:`{ + args: { + brandName: 'Mijn Amsterdam', + menuItems: + Inloggen + + } +}`,...(q=(z=p.parameters)==null?void 0:z.docs)==null?void 0:q.source}}};var D,R,Z;g.parameters={...g.parameters,docs:{...(D=g.parameters)==null?void 0:D.docs,source:{originalSource:`{ + args: { + logoBrand: 'ggd-amsterdam', + logoLink: 'https://www.ggd.amsterdam.nl/', + logoLinkTitle: 'Naar de homepage van de GGD Amsterdam' + } +}`,...(Z=(R=g.parameters)==null?void 0:R.docs)==null?void 0:Z.source}}};var $,K,P;L.parameters={...L.parameters,docs:{...($=L.parameters)==null?void 0:$.docs,source:{originalSource:`{ + args: { + menuButtonText: 'Hoofdmenu', + navigationLabel: 'Navigatie', + children: + + + + English + + + + + } +}`,...(P=(K=L.parameters)==null?void 0:K.docs)==null?void 0:P.source}}};const se=["Default","WithMovingLinks","WithoutMenuButtonOnWideWindow","WithoutMenuButton","WithCustomLogoLink","WithCustomTexts"],pe=Object.freeze(Object.defineProperty({__proto__:null,Default:u,WithCustomLogoLink:g,WithCustomTexts:L,WithMovingLinks:c,WithoutMenuButton:p,WithoutMenuButtonOnWideWindow:h,__namedExportsOrder:se,default:ie},Symbol.toStringTag,{value:"Module"}));export{pe as H,c as W,h as a,p as b,g as c,L as d}; diff --git a/demo-develop/assets/Header.stories-D1XxeJYU.js b/demo-develop/assets/Header.stories-D1XxeJYU.js deleted file mode 100644 index 46f1c0e685..0000000000 --- a/demo-develop/assets/Header.stories-D1XxeJYU.js +++ /dev/null @@ -1,53 +0,0 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{b as a}from"./index.esm-C0OPbFsf.js";import{j as c}from"./index.esm-Bz9pa_xK.js";import{c as z}from"./clsx-B-dksMZM.js";import{r as O}from"./index-RigO-4kf.js";import{L as U}from"./Logo-BazI2ckd.js";import{H as J}from"./Heading-Vg3KKL7T.js";const u=O.forwardRef(({appName:l,className:V,links:p,logoBrand:Z="amsterdam",logoLink:D="/",logoLinkTitle:F="Ga naar de homepage",menu:g,...I},R)=>e.jsx(e.Fragment,{children:e.jsxs("header",{...I,ref:R,className:z("ams-header",V),children:[e.jsxs("a",{href:D,className:"ams-header__logo-link",children:[e.jsx("span",{className:"ams-visually-hidden",children:F}),e.jsx(U,{brand:Z})]}),p&&e.jsx("div",{className:"ams-header__links",children:p}),g&&e.jsx("div",{className:"ams-header__menu",children:g}),l&&e.jsx("div",{className:"ams-header__app-name",children:e.jsx(J,{level:1,size:"level-3",className:"ams-header__app-name-heading",children:l})})]})}));u.displayName="Header";try{u.displayName="Header",u.__docgenInfo={description:"",displayName:"Header",props:{appName:{defaultValue:null,description:"The name of the application.",name:"appName",required:!1,type:{name:"string"}},links:{defaultValue:null,description:"The list of menu links. Use a Page Menu here.",name:"links",required:!1,type:{name:"ReactNode"}},logoBrand:{defaultValue:{value:"amsterdam"},description:"The name of the brand for which to display the logo.",name:"logoBrand",required:!1,type:{name:"enum",value:[{value:'"amsterdam"'},{value:'"ggd-amsterdam"'},{value:'"museum-weesp"'},{value:'"stadsarchief"'},{value:'"stadsbank-van-lening"'},{value:'"vga-verzekeringen"'}]}},logoLink:{defaultValue:{value:"/"},description:"The url for the link on the logo.",name:"logoLink",required:!1,type:{name:"string"}},logoLinkTitle:{defaultValue:{value:"Ga naar de homepage"},description:"The accessible text for the link on the logo.",name:"logoLinkTitle",required:!1,type:{name:"string"}},menu:{defaultValue:null,description:"A button to toggle the visibility of a Mega Menu.",name:"menu",required:!1,type:{name:"ReactNode"}}}}}catch{}const K={title:"Components/Containers/Header",component:u},n={},r={args:{logoBrand:"ggd-amsterdam",logoLink:"https://www.ggd.amsterdam.nl/",logoLinkTitle:"Naar de homepage van de GGD Amsterdam"}},s={args:{appName:"Aan de Amsterdamse grachten"}},t={args:{links:e.jsxs(a,{alignEnd:!0,wrap:!1,children:[e.jsx(a.Link,{href:"#",children:"Contact"}),e.jsx(a.Link,{href:"#",children:"Mijn Amsterdam"}),e.jsx(a.Link,{href:"#",icon:c,children:"Zoeken"})]})}},o={args:{menu:e.jsx("button",{className:"ams-header__menu-button",children:"Menu"})}},i={args:{links:e.jsxs(a,{alignEnd:!0,wrap:!1,children:[e.jsx(a.Link,{href:"#",children:"Contact"}),e.jsx(a.Link,{href:"#",children:"Mijn Amsterdam"}),e.jsx(a.Link,{href:"#",icon:c,children:"Zoeken"})]}),menu:e.jsx("button",{className:"ams-header__menu-button",children:"Menu"})}},m={args:{appName:"Aan de Amsterdamse grachten",menu:e.jsx("button",{className:"ams-header__menu-button",children:"Menu"})}},d={args:{appName:"Aan de Amsterdamse grachten",links:e.jsxs(a,{alignEnd:!0,wrap:!1,children:[e.jsx(a.Link,{href:"#",children:"Contact"}),e.jsx(a.Link,{href:"#",children:"Mijn Amsterdam"}),e.jsx(a.Link,{href:"#",icon:c,children:"Zoeken"})]}),menu:e.jsx("button",{className:"ams-header__menu-button",children:"Menu"})}};var h,k,f;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:"{}",...(f=(k=n.parameters)==null?void 0:k.docs)==null?void 0:f.source}}};var M,L,_;r.parameters={...r.parameters,docs:{...(M=r.parameters)==null?void 0:M.docs,source:{originalSource:`{ - args: { - logoBrand: 'ggd-amsterdam', - logoLink: 'https://www.ggd.amsterdam.nl/', - logoLinkTitle: 'Naar de homepage van de GGD Amsterdam' - } -}`,...(_=(L=r.parameters)==null?void 0:L.docs)==null?void 0:_.source}}};var j,N,b;s.parameters={...s.parameters,docs:{...(j=s.parameters)==null?void 0:j.docs,source:{originalSource:`{ - args: { - appName: 'Aan de Amsterdamse grachten' - } -}`,...(b=(N=s.parameters)==null?void 0:N.docs)==null?void 0:b.source}}};var A,x,P;t.parameters={...t.parameters,docs:{...(A=t.parameters)==null?void 0:A.docs,source:{originalSource:`{ - args: { - links: - Contact - Mijn Amsterdam - - Zoeken - - - } -}`,...(P=(x=t.parameters)==null?void 0:x.docs)==null?void 0:P.source}}};var v,S,y;o.parameters={...o.parameters,docs:{...(v=o.parameters)==null?void 0:v.docs,source:{originalSource:`{ - args: { - menu: - } -}`,...(y=(S=o.parameters)==null?void 0:S.docs)==null?void 0:y.source}}};var w,B,W;i.parameters={...i.parameters,docs:{...(w=i.parameters)==null?void 0:w.docs,source:{originalSource:`{ - args: { - links: - Contact - Mijn Amsterdam - - Zoeken - - , - menu: - } -}`,...(W=(B=i.parameters)==null?void 0:B.docs)==null?void 0:W.source}}};var T,E,H;m.parameters={...m.parameters,docs:{...(T=m.parameters)==null?void 0:T.docs,source:{originalSource:`{ - args: { - appName: 'Aan de Amsterdamse grachten', - menu: - } -}`,...(H=(E=m.parameters)==null?void 0:E.docs)==null?void 0:H.source}}};var C,q,G;d.parameters={...d.parameters,docs:{...(C=d.parameters)==null?void 0:C.docs,source:{originalSource:`{ - args: { - appName: 'Aan de Amsterdamse grachten', - links: - Contact - Mijn Amsterdam - - Zoeken - - , - menu: - } -}`,...(G=(q=d.parameters)==null?void 0:q.docs)==null?void 0:G.source}}};const Q=["Default","ForSubBrand","WithAppName","WithLinks","WithMenuButton","WithLinksAndMenuButton","WithAppNameAndMenuButton","WithAppNameLinksAndMenuButton"],se=Object.freeze(Object.defineProperty({__proto__:null,Default:n,ForSubBrand:r,WithAppName:s,WithAppNameAndMenuButton:m,WithAppNameLinksAndMenuButton:d,WithLinks:t,WithLinksAndMenuButton:i,WithMenuButton:o,__namedExportsOrder:Q,default:K},Symbol.toStringTag,{value:"Module"}));export{r as F,se as H,s as W,o as a,t as b,i as c,m as d,d as e}; diff --git a/demo-develop/assets/Heading-Vg3KKL7T.js b/demo-develop/assets/Heading-kLxhGLS-.js similarity index 85% rename from demo-develop/assets/Heading-Vg3KKL7T.js rename to demo-develop/assets/Heading-kLxhGLS-.js index acb94f3f38..71b2033724 100644 --- a/demo-develop/assets/Heading-Vg3KKL7T.js +++ b/demo-develop/assets/Heading-kLxhGLS-.js @@ -1 +1 @@ -import{j as d}from"./jsx-runtime-BjgbQsUx.js";import{c as m}from"./clsx-B-dksMZM.js";import{r as v}from"./index-RigO-4kf.js";import{g as c}from"./getHeadingTag-Dv1eMqvl.js";const e=v.forwardRef(({children:a,className:r,inverseColor:i,level:l=1,size:n,...o},t)=>{const s=c(l),u=n??`level-${l}`;return d.jsx(s,{ref:t,className:m("ams-heading",`ams-heading--${u}`,i&&"ams-heading--inverse-color",r),...o,children:a})});e.displayName="Heading";try{e.displayName="Heading",e.__docgenInfo={description:"",displayName:"Heading",props:{inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},level:{defaultValue:{value:"1"},description:"The hierarchical level within the document.",name:"level",required:!1,type:{name:"enum",value:[{value:"1"},{value:"2"},{value:"3"},{value:"4"}]}},size:{defaultValue:null,description:"Uses larger or smaller text without changing its position in the heading hierarchy.",name:"size",required:!1,type:{name:"enum",value:[{value:'"level-3"'},{value:'"level-4"'},{value:'"level-5"'},{value:'"level-6"'},{value:'"level-1"'},{value:'"level-2"'}]}}}}}catch{}export{e as H}; +import{j as d}from"./jsx-runtime-BjgbQsUx.js";import{c as m}from"./clsx-B-dksMZM.js";import{r as v}from"./index-RigO-4kf.js";import{g as c}from"./getHeadingTag-Dv1eMqvl.js";const e=v.forwardRef(({children:a,className:r,inverseColor:i,level:l=1,size:n,...o},t)=>{const s=c(l),u=n??`level-${l}`;return d.jsx(s,{ref:t,className:m("ams-heading",`ams-heading--${u}`,i&&"ams-heading--inverse-color",r),...o,children:a})});e.displayName="Heading";try{e.displayName="Heading",e.__docgenInfo={description:"",displayName:"Heading",props:{inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},level:{defaultValue:{value:"1"},description:"The hierarchical level within the document.",name:"level",required:!1,type:{name:"enum",value:[{value:"1"},{value:"2"},{value:"3"},{value:"4"}]}},size:{defaultValue:null,description:"Uses larger or smaller text without changing its position in the heading hierarchy.",name:"size",required:!1,type:{name:"enum",value:[{value:'"level-1"'},{value:'"level-2"'},{value:'"level-3"'},{value:'"level-4"'},{value:'"level-5"'},{value:'"level-6"'}]}}}}}catch{}export{e as H}; diff --git a/demo-develop/assets/Heading.docs-C68eXaCn.js b/demo-develop/assets/Heading.docs-B2mjLn-I.js similarity index 87% rename from demo-develop/assets/Heading.docs-C68eXaCn.js rename to demo-develop/assets/Heading.docs-B2mjLn-I.js index 9573a5ab9f..5f6ffa8b2a 100644 --- a/demo-develop/assets/Heading.docs-C68eXaCn.js +++ b/demo-develop/assets/Heading.docs-B2mjLn-I.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as i,aq as a,ar as l,as as h,at as s}from"./index-U-bvrYWS.js";import{H as c,L as d,a as p,b as u,c as g,S as m,I as v}from"./Heading.stories-mkfOO2TM.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-CpGgN1Hc.js";import"./Heading-Vg3KKL7T.js";import"./getHeadingTag-Dv1eMqvl.js";const x=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as i,aq as a,ar as l,as as h,at as s}from"./index-CYpc6MNd.js";import{H as c,L as d,a as p,b as u,c as g,S as m,I as v}from"./Heading.stories-DT4LRWj5.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./exampleContent-CpGgN1Hc.js";import"./Heading-kLxhGLS-.js";import"./getHeadingTag-Dv1eMqvl.js";const x=` # Heading diff --git a/demo-develop/assets/Heading.stories-mkfOO2TM.js b/demo-develop/assets/Heading.stories-DT4LRWj5.js similarity index 95% rename from demo-develop/assets/Heading.stories-mkfOO2TM.js rename to demo-develop/assets/Heading.stories-DT4LRWj5.js index 453bab3d87..4beb664333 100644 --- a/demo-develop/assets/Heading.stories-mkfOO2TM.js +++ b/demo-develop/assets/Heading.stories-DT4LRWj5.js @@ -1,4 +1,4 @@ -import{j as I}from"./jsx-runtime-BjgbQsUx.js";import{r as s}from"./index-RigO-4kf.js";import{C as O}from"./index.esm-C0OPbFsf.js";import{e as D}from"./exampleContent-CpGgN1Hc.js";import{H as e}from"./Heading-Vg3KKL7T.js";const M=D(),P={title:"Components/Text/Heading",component:e,args:{children:M,inverseColor:!1},argTypes:{children:{description:"The heading text.",table:{disable:!1}}}},a={},l={},o={args:{level:2}},n={args:{level:3}},t={args:{level:4}},c={render:r=>I.jsxs(O,{gap:"small",children:[s.createElement(e,{...r,key:"level-1",size:"level-1"}),s.createElement(e,{...r,key:"level-2",size:"level-2"}),s.createElement(e,{...r,key:"level-3",size:"level-3"}),s.createElement(e,{...r,key:"level-4",size:"level-4"}),s.createElement(e,{...r,key:"level-5",size:"level-5"}),s.createElement(e,{...r,key:"level-6",size:"level-6"})]})},i={args:{inverseColor:!0}};var m,p,d;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:"{}",...(d=(p=a.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};var v,g,u;l.parameters={...l.parameters,docs:{...(v=l.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(u=(g=l.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};var y,z,S;o.parameters={...o.parameters,docs:{...(y=o.parameters)==null?void 0:y.docs,source:{originalSource:`{ +import{j as I}from"./jsx-runtime-BjgbQsUx.js";import{r as s}from"./index-RigO-4kf.js";import{C as O}from"./index.esm-ciNFknO_.js";import{e as D}from"./exampleContent-CpGgN1Hc.js";import{H as e}from"./Heading-kLxhGLS-.js";const M=D(),P={title:"Components/Text/Heading",component:e,args:{children:M,inverseColor:!1},argTypes:{children:{description:"The heading text.",table:{disable:!1}}}},a={},l={},o={args:{level:2}},n={args:{level:3}},t={args:{level:4}},c={render:r=>I.jsxs(O,{gap:"small",children:[s.createElement(e,{...r,key:"level-1",size:"level-1"}),s.createElement(e,{...r,key:"level-2",size:"level-2"}),s.createElement(e,{...r,key:"level-3",size:"level-3"}),s.createElement(e,{...r,key:"level-4",size:"level-4"}),s.createElement(e,{...r,key:"level-5",size:"level-5"}),s.createElement(e,{...r,key:"level-6",size:"level-6"})]})},i={args:{inverseColor:!0}};var m,p,d;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:"{}",...(d=(p=a.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};var v,g,u;l.parameters={...l.parameters,docs:{...(v=l.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(u=(g=l.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};var y,z,S;o.parameters={...o.parameters,docs:{...(y=o.parameters)==null?void 0:y.docs,source:{originalSource:`{ args: { level: 2 } diff --git a/demo-develop/assets/HomePage.docs-BRvcsFVZ.js b/demo-develop/assets/HomePage.docs-D6HdxXhl.js similarity index 83% rename from demo-develop/assets/HomePage.docs-BRvcsFVZ.js rename to demo-develop/assets/HomePage.docs-D6HdxXhl.js index c843b09577..b953fc9151 100644 --- a/demo-develop/assets/HomePage.docs-BRvcsFVZ.js +++ b/demo-develop/assets/HomePage.docs-D6HdxXhl.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as t}from"./index-U-bvrYWS.js";import{H as a}from"./HomePage.stories-Z6XJkS0G.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Overlap.stories-BxA9qRbC.js";import"./config-4HffZTX0.js";import"./PageMenu.stories-DMSuHN48.js";import"./Icon-CPe807nE.js";import"./Footer.stories-CIRnT_Mb.js";/*@license CC0-1.0*/function r(i){const e={code:"code",h1:"h1",h2:"h2",li:"li",ol:"ol",p:"p",pre:"pre",...o(),...i.components};return n.jsxs(n.Fragment,{children:[` +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as t}from"./index-CYpc6MNd.js";import{H as a}from"./HomePage.stories-BeaIWE5g.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./Overlap.stories-CrewzBVX.js";import"./config-DlbwG7_D.js";import"./Footer.stories-DRPxLRRA.js";import"./PageMenu.stories-v0ZRXO4B.js";import"./Icon-D9-xhxHj.js";/*@license CC0-1.0*/function r(i){const e={code:"code",h1:"h1",h2:"h2",li:"li",ol:"ol",p:"p",pre:"pre",...o(),...i.components};return n.jsxs(n.Fragment,{children:[` `,` `,n.jsx(t,{of:a}),` `,n.jsx(e.h1,{id:"home-page",children:"Home page"}),` diff --git a/demo-develop/assets/HomePage.stories-Z6XJkS0G.js b/demo-develop/assets/HomePage.stories-BeaIWE5g.js similarity index 96% rename from demo-develop/assets/HomePage.stories-Z6XJkS0G.js rename to demo-develop/assets/HomePage.stories-BeaIWE5g.js index 343624159d..86dfcbf470 100644 --- a/demo-develop/assets/HomePage.stories-Z6XJkS0G.js +++ b/demo-develop/assets/HomePage.stories-BeaIWE5g.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as s,H as i,c as n,I as a,t as m,P as l,L as o,O as j}from"./index.esm-C0OPbFsf.js";import{D as x}from"./Overlap.stories-BxA9qRbC.js";import{c as u}from"./config-4HffZTX0.js";const g=()=>e.jsxs(s,{paddingVertical:"medium",children:[e.jsx(s.Cell,{span:"all",children:e.jsx(i,{level:2,children:"Nieuws"})}),e.jsx(s.Cell,{span:4,children:e.jsxs(n,{children:[e.jsx(a,{alt:"",src:"https://picsum.photos/640/360?random=1"}),e.jsx(n.HeadingGroup,{tagline:"Nieuws",children:e.jsx(i,{level:2,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Nederlands eerste houten woonwijk komt in Zuidoost"})})})]})}),e.jsx(s.Cell,{span:4,children:e.jsxs(n,{children:[e.jsx(a,{alt:"",src:"https://picsum.photos/640/360?random=2"}),e.jsx(n.HeadingGroup,{tagline:"Nieuws",children:e.jsx(i,{level:2,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Gratis openbaar vervoer voor kinderen"})})})]})}),e.jsx(s.Cell,{span:4,children:e.jsxs(n,{children:[e.jsx(a,{alt:"",src:"https://picsum.photos/640/360?random=3"}),e.jsx(n.HeadingGroup,{tagline:"Nieuws",children:e.jsx(i,{level:2,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Zonnepanelen op uw dak? Zo houdt u uw huis veilig"})})})]})})]}),p=()=>e.jsx(m,{children:e.jsxs(s,{paddingVertical:"medium",children:[e.jsxs(s.Cell,{span:{narrow:4,medium:4,wide:6},children:[e.jsx(i,{className:"ams-mb--xs",inverseColor:!0,size:"level-2",children:"Ontheffing of vergunning"}),e.jsxs(l,{className:"ams-mb--sm",inverseColor:!0,children:["Check welke ontheffing of vergunning u nodig heeft. Bijvoorbeeld een RVV, TVM, objectvergunning,"," ","nachtwerkontheffing, e-RVV, e-TVM of filmmelding. Dat regult u allemaal met 1 formulier."]}),e.jsx(o,{href:"#",inverseColor:!0,variant:"standalone",children:"Eenvoudig regelen"})]}),e.jsxs(s.Cell,{span:{narrow:4,medium:4,wide:6},children:[e.jsx(i,{className:"ams-mb--xs",inverseColor:!0,size:"level-2",children:"Werkzaamheden"}),e.jsx(l,{className:"ams-mb--sm",inverseColor:!0,children:"Lees waar en wanneer we werken aan nieuwbouw, groot onderhoud, herinrichting van straten en wegen, aanpak van parken of ontwikkeling van hele gebieden."}),e.jsx(o,{href:"#",inverseColor:!0,variant:"standalone",children:"Alle bouw- en verkeerswerkzaamheden"})]})]})}),v=()=>e.jsxs(s,{paddingVertical:"medium",children:[e.jsx(s.Cell,{span:"all",children:e.jsx(i,{children:"Belangrijkste onderwerpen"})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(i,{level:2,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Gemeentebelastingen"})}),e.jsx(l,{size:"small",children:"Bekijk welke belastingen en heffingen er zijn, hoe u bezwaar maakt of een betalingsregeling treft."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(i,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Parkeren + Reizen (P+R)"})}),e.jsx(l,{size:"small",children:"U kunt met uw auto goedkoop parkeren bij een P+R-locatie aan de rand van de stad."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(i,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Paspoort, ID-kaart en rijbewijs"})}),e.jsx(l,{size:"small",children:"Vraag deze bewijzen aan of verleng ze. Geef een vermissing aan."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(i,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Onderwijs"})}),e.jsx(l,{size:"small",children:"Meld een kind aan voor basisschool, middelbare school of kinderopvang. Bekijk het kindtegoed op uw Stadspas."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(i,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Meldingen openbare ruimte en overlast"})}),e.jsx(l,{size:"small",children:"Ziet u op straat of in een park iets waarvan u wilt dat het gemaakt of opgeruimd wordt, dan kunt u dat bij de gemeente melden."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(i,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Verhuizing doorgeven"})}),e.jsx(l,{size:"small",children:"Geef uw nieuwe adres door als u binnen Amsterdam of naar Amsterdam verhuist."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(i,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Grof afval"})}),e.jsx(l,{size:"small",children:"Grof afval zijn spullen die niet in een vuilniszak passen."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(i,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Kennisgevingen en bekendmakingen"})}),e.jsx(l,{size:"small",children:"Kennisgevingen en bekendmakingen van de gemeente Amsterdam van de laatste 8 weken."})]})})]}),w=()=>{var d;return e.jsxs("main",{id:"main",children:[e.jsx(j,{children:(d=x.args)==null?void 0:d.children}),e.jsx(v,{}),e.jsx(p,{}),e.jsx(g,{})]})};/** +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as s,H as i,a as n,I as a,s as m,P as l,L as o,O as j}from"./index.esm-ciNFknO_.js";import{D as x}from"./Overlap.stories-CrewzBVX.js";import{c as u}from"./config-DlbwG7_D.js";const g=()=>e.jsxs(s,{paddingVertical:"medium",children:[e.jsx(s.Cell,{span:"all",children:e.jsx(i,{level:2,children:"Nieuws"})}),e.jsx(s.Cell,{span:4,children:e.jsxs(n,{children:[e.jsx(a,{alt:"",src:"https://picsum.photos/640/360?random=1"}),e.jsx(n.HeadingGroup,{tagline:"Nieuws",children:e.jsx(i,{level:2,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Nederlands eerste houten woonwijk komt in Zuidoost"})})})]})}),e.jsx(s.Cell,{span:4,children:e.jsxs(n,{children:[e.jsx(a,{alt:"",src:"https://picsum.photos/640/360?random=2"}),e.jsx(n.HeadingGroup,{tagline:"Nieuws",children:e.jsx(i,{level:2,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Gratis openbaar vervoer voor kinderen"})})})]})}),e.jsx(s.Cell,{span:4,children:e.jsxs(n,{children:[e.jsx(a,{alt:"",src:"https://picsum.photos/640/360?random=3"}),e.jsx(n.HeadingGroup,{tagline:"Nieuws",children:e.jsx(i,{level:2,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Zonnepanelen op uw dak? Zo houdt u uw huis veilig"})})})]})})]}),p=()=>e.jsx(m,{children:e.jsxs(s,{paddingVertical:"medium",children:[e.jsxs(s.Cell,{span:{narrow:4,medium:4,wide:6},children:[e.jsx(i,{className:"ams-mb--xs",inverseColor:!0,size:"level-2",children:"Ontheffing of vergunning"}),e.jsxs(l,{className:"ams-mb--sm",inverseColor:!0,children:["Check welke ontheffing of vergunning u nodig heeft. Bijvoorbeeld een RVV, TVM, objectvergunning,"," ","nachtwerkontheffing, e-RVV, e-TVM of filmmelding. Dat regult u allemaal met 1 formulier."]}),e.jsx(o,{href:"#",inverseColor:!0,variant:"standalone",children:"Eenvoudig regelen"})]}),e.jsxs(s.Cell,{span:{narrow:4,medium:4,wide:6},children:[e.jsx(i,{className:"ams-mb--xs",inverseColor:!0,size:"level-2",children:"Werkzaamheden"}),e.jsx(l,{className:"ams-mb--sm",inverseColor:!0,children:"Lees waar en wanneer we werken aan nieuwbouw, groot onderhoud, herinrichting van straten en wegen, aanpak van parken of ontwikkeling van hele gebieden."}),e.jsx(o,{href:"#",inverseColor:!0,variant:"standalone",children:"Alle bouw- en verkeerswerkzaamheden"})]})]})}),v=()=>e.jsxs(s,{paddingVertical:"medium",children:[e.jsx(s.Cell,{span:"all",children:e.jsx(i,{children:"Belangrijkste onderwerpen"})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(i,{level:2,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Gemeentebelastingen"})}),e.jsx(l,{size:"small",children:"Bekijk welke belastingen en heffingen er zijn, hoe u bezwaar maakt of een betalingsregeling treft."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(i,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Parkeren + Reizen (P+R)"})}),e.jsx(l,{size:"small",children:"U kunt met uw auto goedkoop parkeren bij een P+R-locatie aan de rand van de stad."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(i,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Paspoort, ID-kaart en rijbewijs"})}),e.jsx(l,{size:"small",children:"Vraag deze bewijzen aan of verleng ze. Geef een vermissing aan."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(i,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Onderwijs"})}),e.jsx(l,{size:"small",children:"Meld een kind aan voor basisschool, middelbare school of kinderopvang. Bekijk het kindtegoed op uw Stadspas."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(i,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Meldingen openbare ruimte en overlast"})}),e.jsx(l,{size:"small",children:"Ziet u op straat of in een park iets waarvan u wilt dat het gemaakt of opgeruimd wordt, dan kunt u dat bij de gemeente melden."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(i,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Verhuizing doorgeven"})}),e.jsx(l,{size:"small",children:"Geef uw nieuwe adres door als u binnen Amsterdam of naar Amsterdam verhuist."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(i,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Grof afval"})}),e.jsx(l,{size:"small",children:"Grof afval zijn spullen die niet in een vuilniszak passen."})]})}),e.jsx(s.Cell,{span:{narrow:4,medium:4,wide:3},children:e.jsxs(n,{children:[e.jsx(i,{level:3,size:"level-4",children:e.jsx(n.Link,{href:"#",children:"Kennisgevingen en bekendmakingen"})}),e.jsx(l,{size:"small",children:"Kennisgevingen en bekendmakingen van de gemeente Amsterdam van de laatste 8 weken."})]})})]}),w=()=>{var d;return e.jsxs("main",{id:"main",children:[e.jsx(j,{children:(d=x.args)==null?void 0:d.children}),e.jsx(v,{}),e.jsx(p,{}),e.jsx(g,{})]})};/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const k={...u,title:"Pages/Amsterdam.nl/Home Page",component:w},r={};var t,h,c;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:"{}",...(c=(h=r.parameters)==null?void 0:h.docs)==null?void 0:c.source}}};const f=["Default"],H=Object.freeze(Object.defineProperty({__proto__:null,Default:r,__namedExportsOrder:f,default:k},Symbol.toStringTag,{value:"Module"}));export{H}; diff --git a/demo-develop/assets/Icon-CPe807nE.js b/demo-develop/assets/Icon-CPe807nE.js deleted file mode 100644 index f60ce558d9..0000000000 --- a/demo-develop/assets/Icon-CPe807nE.js +++ /dev/null @@ -1 +0,0 @@ -import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{c}from"./clsx-B-dksMZM.js";import{r as u}from"./index-RigO-4kf.js";const a=u.forwardRef(({className:l,inverseColor:o,size:e="level-3",square:r,svg:n,...s},i)=>t.jsx("span",{ref:i,className:c("ams-icon",o&&"ams-icon--inverse-color",e==="level-3"&&"ams-icon--size-3",e==="level-4"&&"ams-icon--size-4",e==="level-5"&&"ams-icon--size-5",e==="level-6"&&"ams-icon--size-6",r&&"ams-icon--square",l),...s,children:n()}));a.displayName="Icon";try{a.displayName="Icon",a.__docgenInfo={description:"",displayName:"Icon",props:{inverseColor:{defaultValue:null,description:"Changes the icon colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"level-3"},description:"The size of the icon. Corresponds with the text levels.",name:"size",required:!1,type:{name:"enum",value:[{value:'"level-3"'},{value:'"level-4"'},{value:'"level-5"'},{value:'"level-6"'}]}},square:{defaultValue:null,description:"Whether the icon container should be made square.",name:"square",required:!1,type:{name:"boolean"}},svg:{defaultValue:null,description:"The component rendering the icon’s markup.",name:"svg",required:!0,type:{name:"Function"}}}}}catch{}export{a as I}; diff --git a/demo-develop/assets/Icon-D9-xhxHj.js b/demo-develop/assets/Icon-D9-xhxHj.js new file mode 100644 index 0000000000..c4e1f5ac73 --- /dev/null +++ b/demo-develop/assets/Icon-D9-xhxHj.js @@ -0,0 +1 @@ +import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{c}from"./clsx-B-dksMZM.js";import{r as u}from"./index-RigO-4kf.js";const o=u.forwardRef(({className:l,inverseColor:n,size:e="level-3",square:r,svg:a,...s},i)=>t.jsx("span",{ref:i,className:c("ams-icon",n&&"ams-icon--inverse-color",e==="level-3"&&"ams-icon--size-3",e==="level-4"&&"ams-icon--size-4",e==="level-5"&&"ams-icon--size-5",e==="level-6"&&"ams-icon--size-6",r&&"ams-icon--square",l),...s,children:typeof a=="function"?a():a}));o.displayName="Icon";try{o.displayName="Icon",o.__docgenInfo={description:"",displayName:"Icon",props:{inverseColor:{defaultValue:null,description:"Changes the icon colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"level-3"},description:"The size of the icon. Corresponds with the text levels.",name:"size",required:!1,type:{name:"enum",value:[{value:'"level-3"'},{value:'"level-4"'},{value:'"level-5"'},{value:'"level-6"'}]}},square:{defaultValue:null,description:"Whether the icon container should be made square.",name:"square",required:!1,type:{name:"boolean"}},svg:{defaultValue:null,description:"The component rendering the icon’s markup.",name:"svg",required:!0,type:{name:"Function | ReactNode"}}}}}catch{}export{o as I}; diff --git a/demo-develop/assets/Icon.docs-B8pmx8iV.js b/demo-develop/assets/Icon.docs-DKOQjHFE.js similarity index 92% rename from demo-develop/assets/Icon.docs-B8pmx8iV.js rename to demo-develop/assets/Icon.docs-DKOQjHFE.js index 72afc60cae..424fd01c7a 100644 --- a/demo-develop/assets/Icon.docs-B8pmx8iV.js +++ b/demo-develop/assets/Icon.docs-DKOQjHFE.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as a}from"./index-3rgQkYFR.js";import{ae as i,aq as r,ar as c,as as l,at as t}from"./index-U-bvrYWS.js";import{I as h,W as d,S as m,L as p,a as u,b as x,c as f,d as j}from"./Icon.stories-LbYIhcfJ.js";import{S as g}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Icon-CPe807nE.js";import"./Badge-BvbF-Lgn.js";const v=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as a}from"./index-3rgQkYFR.js";import{ae as i,aq as r,ar as c,as as l,at as t}from"./index-CYpc6MNd.js";import{I as h,W as d,S as m,L as p,a as u,b as x,c as f,d as j}from"./Icon.stories-D4laREB9.js";import{S as g}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./Icon-D9-xhxHj.js";import"./Badge-BvbF-Lgn.js";const v=` # Icon diff --git a/demo-develop/assets/Icon.stories-LbYIhcfJ.js b/demo-develop/assets/Icon.stories-D4laREB9.js similarity index 95% rename from demo-develop/assets/Icon.stories-LbYIhcfJ.js rename to demo-develop/assets/Icon.stories-D4laREB9.js index c9fbee4ade..7bec6991c1 100644 --- a/demo-develop/assets/Icon.stories-LbYIhcfJ.js +++ b/demo-develop/assets/Icon.stories-D4laREB9.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as k}from"./index.esm-C0OPbFsf.js";import{d as F,I as p}from"./index.esm-Bz9pa_xK.js";import{I as M}from"./Icon-CPe807nE.js";const P={title:"Components/Media/Icon",component:M,args:{inverseColor:!1,svg:F},argTypes:{svg:{control:{type:"select"},options:Object.keys(p),mapping:p}}},r={},s={decorators:[i=>e.jsx("span",{style:{display:"flex",gap:"1rem"},children:e.jsx(i,{})})],render:i=>e.jsxs(e.Fragment,{children:[e.jsx(M,{...i,size:"level-3"}),e.jsx(k,{size:"level-3",children:"Inline text"})]})},a={args:{square:!0}},o={args:{size:"level-3"}},t={args:{size:"level-4"}},n={args:{size:"level-5"}},c={args:{size:"level-6"}},l={args:{inverseColor:!0}};var m,d,u;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:"{}",...(u=(d=r.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};var g,v,S;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as k}from"./index.esm-ciNFknO_.js";import{d as F,I as p}from"./index.esm-kml84xjK.js";import{I as M}from"./Icon-D9-xhxHj.js";const P={title:"Components/Media/Icon",component:M,args:{inverseColor:!1,svg:F},argTypes:{svg:{control:{type:"select"},options:Object.keys(p),mapping:p}}},r={},s={decorators:[i=>e.jsx("span",{style:{display:"flex",gap:"1rem"},children:e.jsx(i,{})})],render:i=>e.jsxs(e.Fragment,{children:[e.jsx(M,{...i,size:"level-3"}),e.jsx(k,{size:"level-3",children:"Inline text"})]})},a={args:{square:!0}},o={args:{size:"level-3"}},t={args:{size:"level-4"}},n={args:{size:"level-5"}},c={args:{size:"level-6"}},l={args:{inverseColor:!0}};var m,d,u;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:"{}",...(u=(d=r.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};var g,v,S;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`{ decorators: [Story => e.jsxs("button",{...i,ref:u,className:d("ams-icon-button",n&&"ams-icon-button--contrast-color",r&&"ams-icon-button--inverse-color",t),children:[e.jsx("span",{className:"ams-visually-hidden",children:a}),e.jsx(p,{svg:s,size:l,square:!0})]}));o.displayName="IconButton";try{o.displayName="IconButton",o.__docgenInfo={description:"",displayName:"IconButton",props:{label:{defaultValue:null,description:"The accessible text for the button. Will be announced by screen readers. Should describe the button’s action.",name:"label",required:!0,type:{name:"string"}},contrastColor:{defaultValue:null,description:"Changes the text colour for readability on a light (but not white) background.",name:"contrastColor",required:!1,type:{name:"boolean"}},inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"level-5"},description:"The size of the icon. Corresponds with the text levels.",name:"size",required:!1,type:{name:"enum",value:[{value:'"level-3"'},{value:'"level-4"'},{value:'"level-5"'},{value:'"level-6"'}]}},svg:{defaultValue:null,description:"The component rendering the icon’s markup.",name:"svg",required:!1,type:{name:"Function"}}}}}catch{}export{o as I}; +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{c}from"./index.esm-kml84xjK.js";import{c as d}from"./clsx-B-dksMZM.js";import{r as m}from"./index-RigO-4kf.js";import{I as p}from"./Icon-D9-xhxHj.js";const o=m.forwardRef(({className:t,label:a,contrastColor:n,inverseColor:r,size:l="level-5",svg:s=c,...i},u)=>e.jsxs("button",{...i,ref:u,className:d("ams-icon-button",n&&"ams-icon-button--contrast-color",r&&"ams-icon-button--inverse-color",t),children:[e.jsx("span",{className:"ams-visually-hidden",children:a}),e.jsx(p,{svg:s,size:l,square:!0})]}));o.displayName="IconButton";try{o.displayName="IconButton",o.__docgenInfo={description:"",displayName:"IconButton",props:{label:{defaultValue:null,description:"The accessible text for the button. Will be announced by screen readers. Should describe the button’s action.",name:"label",required:!0,type:{name:"string"}},contrastColor:{defaultValue:null,description:"Changes the text colour for readability on a light (but not white) background.",name:"contrastColor",required:!1,type:{name:"boolean"}},inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"level-5"},description:"The size of the icon. Corresponds with the text levels.",name:"size",required:!1,type:{name:"enum",value:[{value:'"level-3"'},{value:'"level-4"'},{value:'"level-5"'},{value:'"level-6"'}]}},svg:{defaultValue:null,description:"The component rendering the icon’s markup.",name:"svg",required:!1,type:{name:"Function"}}}}}catch{}export{o as I}; diff --git a/demo-develop/assets/IconButton.docs-BxC2FGz9.js b/demo-develop/assets/IconButton.docs-U5gvOIId.js similarity index 86% rename from demo-develop/assets/IconButton.docs-BxC2FGz9.js rename to demo-develop/assets/IconButton.docs-U5gvOIId.js index 8b57fc01f8..44329a75fd 100644 --- a/demo-develop/assets/IconButton.docs-BxC2FGz9.js +++ b/demo-develop/assets/IconButton.docs-U5gvOIId.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as l,aq as i,ar as a,as as c,at as r}from"./index-U-bvrYWS.js";import{I as d,L as h,a as u,b as p,c as m,C as x,d as j}from"./IconButton.stories-DxAaPKjB.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-Bz9pa_xK.js";import"./IconButton-Crov6BLL.js";import"./clsx-B-dksMZM.js";import"./Icon-CPe807nE.js";const b=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as l,aq as i,ar as a,as as c,at as r}from"./index-CYpc6MNd.js";import{I as d,L as h,a as u,b as p,c as m,C as x,d as j}from"./IconButton.stories-DBGVkmRI.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-kml84xjK.js";import"./IconButton-Be1b4x1H.js";import"./clsx-B-dksMZM.js";import"./Icon-D9-xhxHj.js";const b=` # Icon Button diff --git a/demo-develop/assets/IconButton.stories-DxAaPKjB.js b/demo-develop/assets/IconButton.stories-DBGVkmRI.js similarity index 96% rename from demo-develop/assets/IconButton.stories-DxAaPKjB.js rename to demo-develop/assets/IconButton.stories-DBGVkmRI.js index 0de7f4236b..d3a0c8d170 100644 --- a/demo-develop/assets/IconButton.stories-DxAaPKjB.js +++ b/demo-develop/assets/IconButton.stories-DBGVkmRI.js @@ -1,4 +1,4 @@ -import{I as l}from"./index.esm-Bz9pa_xK.js";import{I as D}from"./IconButton-Crov6BLL.js";/** +import{I as l}from"./index.esm-kml84xjK.js";import{I as D}from"./IconButton-Be1b4x1H.js";/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const P={title:"Components/Buttons/Icon Button",component:D,args:{contrastColor:!1,disabled:!1,inverseColor:!1,label:"Sluiten",size:void 0},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."},size:{control:{type:"radio",labels:{undefined:"level-5"}},options:["level-3","level-4",void 0,"level-6"]},svg:{control:{type:"select"},options:Object.keys(l),mapping:l}}},e={},r={args:{size:"level-3"}},s={args:{size:"level-4"}},o={args:{size:"level-5"}},a={args:{size:"level-6"}},t={args:{contrastColor:!0}},n={args:{inverseColor:!0}};var c,i,p;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(p=(i=e.parameters)==null?void 0:i.docs)==null?void 0:p.source}}};var u,d,m;r.parameters={...r.parameters,docs:{...(u=r.parameters)==null?void 0:u.docs,source:{originalSource:`{ diff --git a/demo-develop/assets/Image.docs-nYxSP6oT.js b/demo-develop/assets/Image.docs-Bq6SiMFU.js similarity index 97% rename from demo-develop/assets/Image.docs-nYxSP6oT.js rename to demo-develop/assets/Image.docs-Bq6SiMFU.js index 478d4e11e5..826e53cbb3 100644 --- a/demo-develop/assets/Image.docs-nYxSP6oT.js +++ b/demo-develop/assets/Image.docs-Bq6SiMFU.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as a}from"./index-3rgQkYFR.js";import{ae as s,aq as r,ar as l,as as d,at as o}from"./index-U-bvrYWS.js";import{I as h,R as m,L as c}from"./Image.stories-BYgQuacP.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./Image-dslpK47z.js";import"./clsx-B-dksMZM.js";const g=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as a}from"./index-3rgQkYFR.js";import{ae as s,aq as r,ar as l,as as d,at as o}from"./index-CYpc6MNd.js";import{I as h,R as m,L as c}from"./Image.stories-BYgQuacP.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./Image-dslpK47z.js";import"./clsx-B-dksMZM.js";const g=` # Image diff --git a/demo-develop/assets/ImageSlider.docs-ii_Tpwu1.js b/demo-develop/assets/ImageSlider.docs-BlULcTsO.js similarity index 88% rename from demo-develop/assets/ImageSlider.docs-ii_Tpwu1.js rename to demo-develop/assets/ImageSlider.docs-BlULcTsO.js index daa99e0a14..141548b795 100644 --- a/demo-develop/assets/ImageSlider.docs-ii_Tpwu1.js +++ b/demo-develop/assets/ImageSlider.docs-BlULcTsO.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as i,aq as a,ar as r,as as l,at as m}from"./index-U-bvrYWS.js";import{I as d,R as h}from"./ImageSlider.stories-C5bWp2Rl.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./IconButton-Crov6BLL.js";import"./Icon-CPe807nE.js";import"./Image-dslpK47z.js";const c=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as i,aq as a,ar as r,as as l,at as m}from"./index-CYpc6MNd.js";import{I as d,R as h}from"./ImageSlider.stories-DJIb_rGR.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./IconButton-Be1b4x1H.js";import"./Icon-D9-xhxHj.js";import"./Image-dslpK47z.js";const c=` # Image Slider diff --git a/demo-develop/assets/ImageSlider.stories-C5bWp2Rl.js b/demo-develop/assets/ImageSlider.stories-DJIb_rGR.js similarity index 98% rename from demo-develop/assets/ImageSlider.stories-C5bWp2Rl.js rename to demo-develop/assets/ImageSlider.stories-DJIb_rGR.js index 10d2fd7778..2e9250274b 100644 --- a/demo-develop/assets/ImageSlider.stories-C5bWp2Rl.js +++ b/demo-develop/assets/ImageSlider.stories-DJIb_rGR.js @@ -1,4 +1,4 @@ -import{j as l}from"./jsx-runtime-BjgbQsUx.js";import{c as _}from"./clsx-B-dksMZM.js";import{r as t}from"./index-RigO-4kf.js";import{l as U,e as W}from"./index.esm-Bz9pa_xK.js";import{I as q}from"./IconButton-Crov6BLL.js";import{I as X}from"./Image-dslpK47z.js";/** +import{j as l}from"./jsx-runtime-BjgbQsUx.js";import{c as _}from"./clsx-B-dksMZM.js";import{r as t}from"./index-RigO-4kf.js";import{k as U,e as W}from"./index.esm-kml84xjK.js";import{I as q}from"./IconButton-Be1b4x1H.js";import{I as X}from"./Image-dslpK47z.js";/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const Y={currentSlideId:0,isAtStart:!0,isAtEnd:!1,goToNextSlide:()=>{},goToPreviousSlide:()=>{},goToSlideId:()=>{}},T=t.createContext(Y),E=t.forwardRef(({className:o,nextLabel:c,previousLabel:d,...u},b)=>{const{isAtStart:n,isAtEnd:p,goToNextSlide:g,goToPreviousSlide:a}=t.useContext(T),x=t.useCallback(()=>a(),[a]),v=t.useCallback(()=>g(),[g]);return l.jsxs("div",{...u,className:_("ams-image-slider__controls",o),ref:b,children:[l.jsx(q,{className:"ams-image-slider__control ams-image-slider__control--previous",disabled:n,inverseColor:!0,label:d,onClick:x,svg:U}),l.jsx(q,{className:"ams-image-slider__control ams-image-slider__control--next",disabled:p,inverseColor:!0,label:c,onClick:v,svg:W})]})});E.displayName="ImageSliderControls";try{E.displayName="ImageSliderControls",E.__docgenInfo={description:"",displayName:"ImageSliderControls",props:{nextLabel:{defaultValue:null,description:"The label for the ‘next’ button",name:"nextLabel",required:!0,type:{name:"string"}},previousLabel:{defaultValue:null,description:"The label for the ‘previous’ button",name:"previousLabel",required:!0,type:{name:"string"}}}}}catch{}const L=t.forwardRef(({children:o,slideId:c,className:d,...u},b)=>{const{currentSlideId:n}=t.useContext(T),p=t.useMemo(()=>n===c,[n,c]),g=t.useMemo(()=>_("ams-image-slider__item",p&&"ams-image-slider__item--in-view",d),[p,d]);return l.jsx("div",{...u,className:g,ref:b,...!p&&{inert:""},children:o})});L.displayName="ImageSlider.Item";try{ImageSlider.Item.displayName="ImageSlider.Item",ImageSlider.Item.__docgenInfo={description:"",displayName:"ImageSlider.Item",props:{slideId:{defaultValue:null,description:"The identifier of the item. Must match the key or order of the slides (starting at 0).",name:"slideId",required:!0,type:{name:"number"}}}}}catch{}const K=t.forwardRef(({children:o,className:c,...d},u)=>l.jsx("div",{...d,className:_("ams-image-slider__scroller",c),ref:u,children:o}));K.displayName="ImageSlider.Scroller";try{ImageSlider.Scroller.displayName="ImageSlider.Scroller",ImageSlider.Scroller.__docgenInfo={description:"",displayName:"ImageSlider.Scroller",props:{}}}catch{}const F=t.forwardRef(({className:o,imageLabel:c,thumbnails:d,...u},b)=>{const{currentSlideId:n,goToNextSlide:p,goToPreviousSlide:g,goToSlideId:a}=t.useContext(T),x=t.useCallback(I=>{const m=I.currentTarget.children[n];if(I.key==="ArrowRight"){const h=m==null?void 0:m.nextElementSibling;h&&(h.focus(),p())}if(I.key==="ArrowLeft"){const h=m==null?void 0:m.previousElementSibling;h&&(h.focus(),g())}},[n,p,g]),v=t.useMemo(()=>d.map(({alt:I,aspectRatio:m,src:h},i)=>l.jsx("button",{"aria-label":`${c} ${i+1}: ${I}`,"aria-posinset":i+1,"aria-selected":n===i?"true":"false","aria-setsize":d.length,className:_("ams-image-slider__thumbnail",n===i&&"ams-image-slider__thumbnail--in-view",m&&`ams-aspect-ratio--${m}`),onClick:()=>a(i),role:"tab",style:{backgroundImage:`url(${h})`},tabIndex:n===i?0:-1},i)),[n,a,c,d]);return l.jsx("nav",{...u,className:_("ams-image-slider__thumbnails",o),onKeyDown:x,ref:b,role:"tablist",children:v})});F.displayName="ImageSlider.Thumbnails";try{ImageSlider.Thumbnails.displayName="ImageSlider.Thumbnails",ImageSlider.Thumbnails.__docgenInfo={description:"",displayName:"ImageSlider.Thumbnails",props:{imageLabel:{defaultValue:null,description:"",name:"imageLabel",required:!1,type:{name:"string"}},thumbnails:{defaultValue:null,description:"",name:"thumbnails",required:!0,type:{name:"ImageProps[]"}}}}}catch{}const G=t.forwardRef(({className:o,controls:c,imageLabel:d="Afbeelding",images:u,nextLabel:b="Volgende",previousLabel:n="Vorige",...p},g)=>{const[a,x]=t.useState(0),[v,I]=t.useState(!0),[m,h]=t.useState(!1),i=t.useRef(null),k=t.useRef(null),j=t.useCallback(e=>{var r;const s=Array.from(((r=i.current)==null?void 0:r.children)||[]);e.forEach(S=>{S.isIntersecting&&x(s.indexOf(S.target))})},[]),V=t.useMemo(()=>({root:i.current,threshold:.6}),[]),C=t.useCallback(()=>{const e=i.current;if(!e)return;const{lastElementChild:s,firstElementChild:r}=e;I(r===(e==null?void 0:e.children[a])),h(s===(e==null?void 0:e.children[a]))},[a]);t.useEffect(()=>{if(i.current){k.current=new IntersectionObserver(j,V);const e=k.current,s=Array.from(i.current.children);return s.forEach(r=>e.observe(r)),i.current.addEventListener("scrollend",A),C(),()=>{var r;s.forEach(S=>e.unobserve(S)),(r=i.current)==null||r.removeEventListener("scrollend",A)}}},[j,V,C]);const A=t.useCallback(()=>C(),[C]),f=t.useCallback(e=>{const s=i.current;!s||!e||s.scrollTo({left:s.scrollLeft+e.offsetLeft-s.scrollLeft})},[]),H=t.useCallback(e=>{var r;const s=(r=i.current)==null?void 0:r.children[e];s&&f(s)},[f]),J=t.useCallback(()=>{var r;const e=(r=i.current)==null?void 0:r.children[a],s=e==null?void 0:e.nextElementSibling;s&&f(s)},[a,f]),Q=t.useCallback(()=>{var r;const e=(r=i.current)==null?void 0:r.children[a],s=e==null?void 0:e.previousElementSibling;s&&f(s)},[a,f]);return t.useEffect(()=>{const e=()=>{var N;const s=i.current,r=(N=i.current)==null?void 0:N.children[a];if(!s||!r)return;const S=r.offsetLeft;Math.abs(s.scrollLeft-S)<1||f(r)};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[a,f]),l.jsx(T.Provider,{value:{isAtStart:v,isAtEnd:m,currentSlideId:a,goToNextSlide:J,goToPreviousSlide:Q,goToSlideId:H},children:l.jsxs("div",{...p,"aria-roledescription":"carousel",className:_("ams-image-slider",c&&"ams-image-slider--controls",o),tabIndex:-1,ref:g,children:[c&&l.jsx(E,{nextLabel:b,previousLabel:n}),l.jsx(K,{"aria-live":"polite",ref:i,role:"group",tabIndex:0,children:u.map(({alt:e,aspectRatio:s,sizes:r,src:S,srcSet:N},z)=>l.jsx(L,{slideId:z,children:l.jsx(X,{alt:e,className:`ams-aspect-ratio--${s}`,sizes:r,src:S,srcSet:N})},z))}),l.jsx(F,{imageLabel:d,thumbnails:u})]})})});G.displayName="ImageSlider";const R=Object.assign(G,{Item:L});try{R.displayName="ImageSlider",R.__docgenInfo={description:"",displayName:"ImageSlider",props:{controls:{defaultValue:null,description:"Display buttons to navigate to the previous or next image.",name:"controls",required:!1,type:{name:"boolean"}},imageLabel:{defaultValue:{value:"Afbeelding"},description:"Label for the image if you need to translate the alt text.",name:"imageLabel",required:!1,type:{name:"string"}},images:{defaultValue:null,description:"The set of images to display.",name:"images",required:!0,type:{name:"ImageProps[]"}},nextLabel:{defaultValue:{value:"Volgende"},description:"The label for the ‘next’ button",name:"nextLabel",required:!1,type:{name:"string"}},previousLabel:{defaultValue:{value:"Vorige"},description:"The label for the ‘previous’ button",name:"previousLabel",required:!1,type:{name:"string"}}}}}catch{}/** diff --git a/demo-develop/assets/Introduction.docs-BYa1yQfB.js b/demo-develop/assets/Introduction.docs-Da_VlqP_.js similarity index 92% rename from demo-develop/assets/Introduction.docs-BYa1yQfB.js rename to demo-develop/assets/Introduction.docs-Da_VlqP_.js index 1ea414e9a2..0235994b87 100644 --- a/demo-develop/assets/Introduction.docs-BYa1yQfB.js +++ b/demo-develop/assets/Introduction.docs-Da_VlqP_.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as i}from"./index-U-bvrYWS.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function o(n){const t={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",...s(),...n.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as i}from"./index-CYpc6MNd.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function o(n){const t={code:"code",h1:"h1",h2:"h2",h3:"h3",p:"p",...s(),...n.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(i,{title:"Pages/Introduction"}),` `,e.jsx(t.h1,{id:"pages",children:"Pages"}),` diff --git a/demo-develop/assets/Label.docs-B_srBDwO.js b/demo-develop/assets/Label.docs-C7q7Kskh.js similarity index 93% rename from demo-develop/assets/Label.docs-B_srBDwO.js rename to demo-develop/assets/Label.docs-C7q7Kskh.js index bf188b79f8..601d9a4e2f 100644 --- a/demo-develop/assets/Label.docs-B_srBDwO.js +++ b/demo-develop/assets/Label.docs-C7q7Kskh.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as s,aq as a,ar as h,as as l,at as o}from"./index-U-bvrYWS.js";import{L as p,O as m,W as c}from"./Label.stories-C_bEBMkh.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Hint-ny2kNNgA.js";const d=` +import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as s,aq as a,ar as h,as as l,at as o}from"./index-CYpc6MNd.js";import{L as p,O as m,W as c}from"./Label.stories-C_bEBMkh.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Hint-ny2kNNgA.js";const d=` # Label diff --git a/demo-develop/assets/Link.docs-DSKqpj-6.js b/demo-develop/assets/Link.docs-BSV3XGq7.js similarity index 94% rename from demo-develop/assets/Link.docs-DSKqpj-6.js rename to demo-develop/assets/Link.docs-BSV3XGq7.js index 9bd20f1faf..0c3b9ab654 100644 --- a/demo-develop/assets/Link.docs-DSKqpj-6.js +++ b/demo-develop/assets/Link.docs-BSV3XGq7.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as l,as as c,at as t}from"./index-U-bvrYWS.js";import{L as h,S as d,I as p,C as u,a as m}from"./Link.stories-BTSfIJHy.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const g=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as l,as as c,at as t}from"./index-CYpc6MNd.js";import{L as h,S as d,I as p,C as u,a as m}from"./Link.stories-7kOyrFAx.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";const g=` # Link diff --git a/demo-develop/assets/Link.stories-BTSfIJHy.js b/demo-develop/assets/Link.stories-7kOyrFAx.js similarity index 97% rename from demo-develop/assets/Link.stories-BTSfIJHy.js rename to demo-develop/assets/Link.stories-7kOyrFAx.js index 25f95c769d..7cc8909bfc 100644 --- a/demo-develop/assets/Link.stories-BTSfIJHy.js +++ b/demo-develop/assets/Link.stories-7kOyrFAx.js @@ -1,4 +1,4 @@ -import{j as l}from"./jsx-runtime-BjgbQsUx.js";import{P as N}from"./index.esm-C0OPbFsf.js";import{c as P}from"./clsx-B-dksMZM.js";import{r as T}from"./index-RigO-4kf.js";const t=T.forwardRef(({children:s,className:S,contrastColor:j,inverseColor:L,variant:i="standalone",...q},I)=>l.jsx("a",{...q,ref:I,className:P("ams-link",j&&"ams-link--contrast-color",L&&"ams-link--inverse-color",i==="inline"&&"ams-link--inline",i==="standalone"&&"ams-link--standalone",S),children:s}));t.displayName="Link";try{t.displayName="Link",t.__docgenInfo={description:"",displayName:"Link",props:{contrastColor:{defaultValue:null,description:"Changes the text colour for readability on a light background.",name:"contrastColor",required:!1,type:{name:"boolean"}},inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},variant:{defaultValue:{value:"standalone"},description:"Whether the link is inline or stands alone.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"inline"'},{value:'"standalone"'}]}}}}}catch{}const w={title:"Components/Navigation/Link",component:t,args:{children:"Link label",contrastColor:!1,href:"#",inverseColor:!1},argTypes:{children:{description:"The link text.",table:{disable:!1}},href:{description:"The url for the link.",name:"href",type:{name:"string",required:!1}}}},e={},r={},a={args:{children:"typograaf",variant:"inline"},decorators:[s=>l.jsxs(N,{children:["Jouw ",l.jsx(s,{})," biedt mij zulke exquise schreven!"]})]},o={args:{contrastColor:!0}},n={args:{inverseColor:!0}};var c,d,u;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(u=(d=e.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};var p,m,f;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(f=(m=r.parameters)==null?void 0:m.docs)==null?void 0:f.source}}};var g,h,k;a.parameters={...a.parameters,docs:{...(g=a.parameters)==null?void 0:g.docs,source:{originalSource:`{ +import{j as l}from"./jsx-runtime-BjgbQsUx.js";import{P as N}from"./index.esm-ciNFknO_.js";import{c as P}from"./clsx-B-dksMZM.js";import{r as T}from"./index-RigO-4kf.js";const t=T.forwardRef(({children:s,className:S,contrastColor:j,inverseColor:L,variant:i="standalone",...q},I)=>l.jsx("a",{...q,ref:I,className:P("ams-link",j&&"ams-link--contrast-color",L&&"ams-link--inverse-color",i==="inline"&&"ams-link--inline",i==="standalone"&&"ams-link--standalone",S),children:s}));t.displayName="Link";try{t.displayName="Link",t.__docgenInfo={description:"",displayName:"Link",props:{contrastColor:{defaultValue:null,description:"Changes the text colour for readability on a light background.",name:"contrastColor",required:!1,type:{name:"boolean"}},inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},variant:{defaultValue:{value:"standalone"},description:"Whether the link is inline or stands alone.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"inline"'},{value:'"standalone"'}]}}}}}catch{}const w={title:"Components/Navigation/Link",component:t,args:{children:"Link label",contrastColor:!1,href:"#",inverseColor:!1},argTypes:{children:{description:"The link text.",table:{disable:!1}},href:{description:"The url for the link.",name:"href",type:{name:"string",required:!1}}}},e={},r={},a={args:{children:"typograaf",variant:"inline"},decorators:[s=>l.jsxs(N,{children:["Jouw ",l.jsx(s,{})," biedt mij zulke exquise schreven!"]})]},o={args:{contrastColor:!0}},n={args:{inverseColor:!0}};var c,d,u;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(u=(d=e.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};var p,m,f;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(f=(m=r.parameters)==null?void 0:m.docs)==null?void 0:f.source}}};var g,h,k;a.parameters={...a.parameters,docs:{...(g=a.parameters)==null?void 0:g.docs,source:{originalSource:`{ args: { children: 'typograaf', variant: 'inline' diff --git a/demo-develop/assets/LinkList-BSPLoecX.js b/demo-develop/assets/LinkList-Dj8_gI0C.js similarity index 92% rename from demo-develop/assets/LinkList-BSPLoecX.js rename to demo-develop/assets/LinkList-Dj8_gI0C.js index dbd07cc676..a05fc54560 100644 --- a/demo-develop/assets/LinkList-BSPLoecX.js +++ b/demo-develop/assets/LinkList-Dj8_gI0C.js @@ -1 +1 @@ -import{j as i}from"./jsx-runtime-BjgbQsUx.js";import{c as l}from"./clsx-B-dksMZM.js";import{r}from"./index-RigO-4kf.js";import{e as k}from"./index.esm-Bz9pa_xK.js";import{I as L}from"./Icon-CPe807nE.js";const f={small:"level-6",medium:"level-5",large:"level-4"},c=r.forwardRef(({children:e,className:n,icon:t,contrastColor:s,inverseColor:d,size:a,...p},u)=>i.jsx("li",{children:i.jsxs("a",{className:l("ams-link-list__link",s&&"ams-link-list__link--contrast-color",d&&"ams-link-list__link--inverse-color",a&&`ams-link-list__link--${a}`,n),ref:u,...p,children:[i.jsx(L,{svg:t??k,size:f[a??"medium"]}),e]})}));c.displayName="LinkList.Link";try{LinkList.Link.displayName="LinkList.Link",LinkList.Link.__docgenInfo={description:"One link with a Link List.",displayName:"LinkList.Link",props:{icon:{defaultValue:null,description:"An icon to display instead of the default chevron. Don’t mix custom icons with chevrons in one list.",name:"icon",required:!1,type:{name:"Function"}},contrastColor:{defaultValue:null,description:"Changes the text colour for readability on a light background.",name:"contrastColor",required:!1,type:{name:"boolean"}},inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},size:{defaultValue:null,description:"The size of the text. Use the same size for all items in the list.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'}]}}}}}catch{}const m=r.forwardRef(({children:e,className:n,...t},s)=>i.jsx("ul",{ref:s,className:l("ams-link-list",n),...t,children:e}));m.displayName="LinkList";const o=Object.assign(m,{Link:c});try{o.displayName="LinkList",o.__docgenInfo={description:"",displayName:"LinkList",props:{}}}catch{}export{o as L}; +import{j as i}from"./jsx-runtime-BjgbQsUx.js";import{c as l}from"./clsx-B-dksMZM.js";import{r}from"./index-RigO-4kf.js";import{e as k}from"./index.esm-kml84xjK.js";import{I as L}from"./Icon-D9-xhxHj.js";const f={small:"level-6",medium:"level-5",large:"level-4"},c=r.forwardRef(({children:e,className:n,icon:t,contrastColor:s,inverseColor:d,size:a,...p},u)=>i.jsx("li",{children:i.jsxs("a",{className:l("ams-link-list__link",s&&"ams-link-list__link--contrast-color",d&&"ams-link-list__link--inverse-color",a&&`ams-link-list__link--${a}`,n),ref:u,...p,children:[i.jsx(L,{svg:t??k,size:f[a??"medium"]}),e]})}));c.displayName="LinkList.Link";try{LinkList.Link.displayName="LinkList.Link",LinkList.Link.__docgenInfo={description:"One link with a Link List.",displayName:"LinkList.Link",props:{icon:{defaultValue:null,description:"An icon to display instead of the default chevron. Don’t mix custom icons with chevrons in one list.",name:"icon",required:!1,type:{name:"Function"}},contrastColor:{defaultValue:null,description:"Changes the text colour for readability on a light background.",name:"contrastColor",required:!1,type:{name:"boolean"}},inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},size:{defaultValue:null,description:"The size of the text. Use the same size for all items in the list.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'}]}}}}}catch{}const m=r.forwardRef(({children:e,className:n,...t},s)=>i.jsx("ul",{ref:s,className:l("ams-link-list",n),...t,children:e}));m.displayName="LinkList";const o=Object.assign(m,{Link:c});try{o.displayName="LinkList",o.__docgenInfo={description:"",displayName:"LinkList",props:{}}}catch{}export{o as L}; diff --git a/demo-develop/assets/LinkList.docs-BTtAti_G.js b/demo-develop/assets/LinkList.docs-E6XZq2XD.js similarity index 89% rename from demo-develop/assets/LinkList.docs-BTtAti_G.js rename to demo-develop/assets/LinkList.docs-E6XZq2XD.js index 3483e648c3..a726625225 100644 --- a/demo-develop/assets/LinkList.docs-BTtAti_G.js +++ b/demo-develop/assets/LinkList.docs-E6XZq2XD.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as l,aq as a,ar as c,at as s,as as h}from"./index-U-bvrYWS.js";import{L as d,C as m,S as p,a as t,b as u,I as x}from"./LinkList.stories-tQ_PQEo5.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-CpGgN1Hc.js";import"./LinkList-BSPLoecX.js";import"./clsx-B-dksMZM.js";import"./Icon-CPe807nE.js";const j=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as l,aq as a,ar as c,at as s,as as h}from"./index-CYpc6MNd.js";import{L as d,C as m,S as p,a as t,b as u,I as x}from"./LinkList.stories-DoYCcDUX.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-kml84xjK.js";import"./exampleContent-CpGgN1Hc.js";import"./LinkList-Dj8_gI0C.js";import"./clsx-B-dksMZM.js";import"./Icon-D9-xhxHj.js";const j=` # Link List diff --git a/demo-develop/assets/LinkList.stories-tQ_PQEo5.js b/demo-develop/assets/LinkList.stories-DoYCcDUX.js similarity index 96% rename from demo-develop/assets/LinkList.stories-tQ_PQEo5.js rename to demo-develop/assets/LinkList.stories-DoYCcDUX.js index c07cefd007..f1aaa5499e 100644 --- a/demo-develop/assets/LinkList.stories-tQ_PQEo5.js +++ b/demo-develop/assets/LinkList.stories-DoYCcDUX.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{e as _,I as d,f as P,g as B,h as D}from"./index.esm-Bz9pa_xK.js";import{a as E}from"./exampleContent-CpGgN1Hc.js";import{L as e}from"./LinkList-BSPLoecX.js";const O=E(),H={title:"Components/Navigation/Link List",component:e};e.Link;const L={args:{children:O.map((r,m)=>n.jsx(e.Link,{href:"#",children:r},m))}},l={args:{children:O[0],contrastColor:!1,href:"#",icon:_,inverseColor:!1},argTypes:{icon:{control:{type:"select",labels:{undefined:"none"}},options:[void 0,...Object.keys(d)],mapping:d},size:{control:{type:"radio",labels:{undefined:"medium"}},options:["small",void 0,"large"]}},decorators:[r=>n.jsx(e,{children:n.jsx(r,{})})],render:({children:r,...m})=>n.jsx(e.Link,{...m,children:r})},s={...L},o={...L,args:{children:[n.jsx(e.Link,{href:"#",icon:P,children:"Contactformulier"},"form"),n.jsx(e.Link,{href:"#",icon:B,children:"Adressen en openingstijden"},"address"),n.jsx(e.Link,{href:"#",icon:D,children:"Bel 14 020"},"phone")]}},t={...L,args:{children:[n.jsx(e.Link,{href:"#",size:"small",children:"Over deze website"},"about"),n.jsx(e.Link,{href:"#",size:"small",children:"Abonneer u op de nieuwsbrief"},"newsletter"),n.jsx(e.Link,{href:"#",size:"small",children:"Werken bij de gemeente Amsterdam"},"jobs")]}},i={...l},a={...l,args:{...l.args,contrastColor:!0}},c={...l,args:{...l.args,inverseColor:!0}};var p,k,u;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{ +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{e as _,I as d,f as P,g as B,h as D}from"./index.esm-kml84xjK.js";import{a as E}from"./exampleContent-CpGgN1Hc.js";import{L as e}from"./LinkList-Dj8_gI0C.js";const O=E(),H={title:"Components/Navigation/Link List",component:e};e.Link;const L={args:{children:O.map((r,m)=>n.jsx(e.Link,{href:"#",children:r},m))}},l={args:{children:O[0],contrastColor:!1,href:"#",icon:_,inverseColor:!1},argTypes:{icon:{control:{type:"select",labels:{undefined:"none"}},options:[void 0,...Object.keys(d)],mapping:d},size:{control:{type:"radio",labels:{undefined:"medium"}},options:["small",void 0,"large"]}},decorators:[r=>n.jsx(e,{children:n.jsx(r,{})})],render:({children:r,...m})=>n.jsx(e.Link,{...m,children:r})},s={...L},o={...L,args:{children:[n.jsx(e.Link,{href:"#",icon:P,children:"Contactformulier"},"form"),n.jsx(e.Link,{href:"#",icon:B,children:"Adressen en openingstijden"},"address"),n.jsx(e.Link,{href:"#",icon:D,children:"Bel 14 020"},"phone")]}},t={...L,args:{children:[n.jsx(e.Link,{href:"#",size:"small",children:"Over deze website"},"about"),n.jsx(e.Link,{href:"#",size:"small",children:"Abonneer u op de nieuwsbrief"},"newsletter"),n.jsx(e.Link,{href:"#",size:"small",children:"Werken bij de gemeente Amsterdam"},"jobs")]}},i={...l},a={...l,args:{...l.args,contrastColor:!0}},c={...l,args:{...l.args,inverseColor:!0}};var p,k,u;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{ ...StoryTemplate }`,...(u=(k=s.parameters)==null?void 0:k.docs)==null?void 0:u.source}}};var g,h,f;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`{ ...StoryTemplate, diff --git a/demo-develop/assets/Logo.docs-Cwd4R0VV.js b/demo-develop/assets/Logo.docs-0A2zb0Hc.js similarity index 93% rename from demo-develop/assets/Logo.docs-Cwd4R0VV.js rename to demo-develop/assets/Logo.docs-0A2zb0Hc.js index 9956199cfd..63f01b11f2 100644 --- a/demo-develop/assets/Logo.docs-Cwd4R0VV.js +++ b/demo-develop/assets/Logo.docs-0A2zb0Hc.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as i,aq as r,ar as h,as as l,at as o}from"./index-U-bvrYWS.js";import{L as d,G as m,S as p,a as g,V as c,M as u}from"./Logo.stories-LgbwSI1-.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./Logo-BazI2ckd.js";import"./clsx-B-dksMZM.js";const f=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as i,aq as r,ar as l,as as h,at as o}from"./index-CYpc6MNd.js";import{L as d,G as m,S as p,a as g,V as c,M as u}from"./Logo.stories-LgbwSI1-.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./Logo-BazI2ckd.js";import"./clsx-B-dksMZM.js";const f=` # Logo @@ -34,7 +34,7 @@ The sub-brands are: - The logo links to the homepage of the website or application. - If the application is a form, application, or tool without a homepage, the logo links to the page where the form, application, or tool is referred to. -The height of the logo is always 40 pixels. +The logo is 40 pixels tall at its minimum, growing to 56 pixels in wider windows. This also applies to sub-brand logos. ## Download @@ -44,8 +44,8 @@ This also applies to sub-brand logos. `,` `,e.jsx(i,{of:d}),` `,e.jsx(r,{children:f}),` -`,e.jsx(h,{}),` `,e.jsx(l,{}),` +`,e.jsx(h,{}),` `,e.jsx(n.h2,{id:"examples",children:"Examples"}),` `,e.jsx(n.h3,{id:"ggd-amsterdam",children:"GGD Amsterdam"}),` `,e.jsx(o,{of:m}),` diff --git a/demo-develop/assets/Margin.docs-BRKJ7LCJ.js b/demo-develop/assets/Margin.docs-Cu7KoUBj.js similarity index 87% rename from demo-develop/assets/Margin.docs-BRKJ7LCJ.js rename to demo-develop/assets/Margin.docs-Cu7KoUBj.js index 0076539065..faf72edc19 100644 --- a/demo-develop/assets/Margin.docs-BRKJ7LCJ.js +++ b/demo-develop/assets/Margin.docs-Cu7KoUBj.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as o,aq as i,ar as m,as as r}from"./index-U-bvrYWS.js";import{M as l}from"./Margin.stories-Siz1HW6f.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const p=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as o,aq as i,ar as m,as as r}from"./index-CYpc6MNd.js";import{M as l}from"./Margin.stories-CfyTqZ8m.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";const p=` # Margin diff --git a/demo-develop/assets/Margin.stories-Siz1HW6f.js b/demo-develop/assets/Margin.stories-CfyTqZ8m.js similarity index 97% rename from demo-develop/assets/Margin.stories-Siz1HW6f.js rename to demo-develop/assets/Margin.stories-CfyTqZ8m.js index 83b237ba31..61c7c78f86 100644 --- a/demo-develop/assets/Margin.stories-Siz1HW6f.js +++ b/demo-develop/assets/Margin.stories-CfyTqZ8m.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as l,P as m}from"./index.esm-C0OPbFsf.js";/** +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as l,P as m}from"./index.esm-ciNFknO_.js";/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const s=({children:r,size:i})=>e.jsx("span",{className:`ams-mb--${i}`,children:r});try{s.displayName="Margin",s.__docgenInfo={description:"Renders examples in Storybook. Not for reuse.",displayName:"Margin",props:{size:{defaultValue:null,description:"The amount of space below the element.",name:"size",required:!0,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xl"'}]}}}}}catch{}const c=({size:r})=>e.jsxs(e.Fragment,{children:[e.jsx(l,{className:`ams-mb--${r}`,level:2,children:"This heading has a bottom margin"}),e.jsx(m,{children:"It introduces white space between the heading and this paragraph below."})]}),d={title:"Utilities/CSS/Margin",component:s,args:{size:"xs"}},a={render:c};var t,o,n;a.parameters={...a.parameters,docs:{...(t=a.parameters)==null?void 0:t.docs,source:{originalSource:`{ diff --git a/demo-develop/assets/Mark.docs-CKKS5gBS.js b/demo-develop/assets/Mark.docs-DafJhROL.js similarity index 74% rename from demo-develop/assets/Mark.docs-CKKS5gBS.js rename to demo-develop/assets/Mark.docs-DafJhROL.js index 9191e11fba..737fd19cf0 100644 --- a/demo-develop/assets/Mark.docs-CKKS5gBS.js +++ b/demo-develop/assets/Mark.docs-DafJhROL.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as o,aq as a,ar as s,as as m}from"./index-U-bvrYWS.js";import{M as p}from"./Mark.stories-CazgZjNV.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const x=` +import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as o,aq as a,ar as s,as as m}from"./index-CYpc6MNd.js";import{M as p}from"./Mark.stories-CGRmq2qs.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";const x=` # Mark diff --git a/demo-develop/assets/Mark.stories-CazgZjNV.js b/demo-develop/assets/Mark.stories-CGRmq2qs.js similarity index 96% rename from demo-develop/assets/Mark.stories-CazgZjNV.js rename to demo-develop/assets/Mark.stories-CGRmq2qs.js index 2edca6e5b6..f94c3128ed 100644 --- a/demo-develop/assets/Mark.stories-CazgZjNV.js +++ b/demo-develop/assets/Mark.stories-CGRmq2qs.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{P as l}from"./index.esm-C0OPbFsf.js";import{c}from"./clsx-B-dksMZM.js";import{r as p}from"./index-RigO-4kf.js";const r=p.forwardRef(({children:a,className:i,...m},d)=>n.jsx("mark",{...m,ref:d,className:c("ams-mark",i),children:a}));r.displayName="Mark";try{r.displayName="Mark",r.__docgenInfo={description:"",displayName:"Mark",props:{}}}catch{}const g={title:"Components/Text/Mark",component:r,argTypes:{children:{description:"The text to mark.",table:{disable:!1}}}},e={args:{children:"Wat vinden Amsterdammers belangrijk?"},render:({children:a})=>n.jsxs(l,{children:["Daarom organiseren we in 2024 het burgerberaad schone stad, waarin 150 Amsterdammers in gesprek gaan over hoe we de stad beter schoonhouden. ",n.jsx(r,{children:a})," Welke oplossingen zien zij? Hier zijn we benieuwd naar. Want elke Amsterdammer heeft afval en moet het kwijt. Wij kunnen als gemeente veel van deze afvalexperts leren."]})};var t,s,o;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{ +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{P as l}from"./index.esm-ciNFknO_.js";import{c}from"./clsx-B-dksMZM.js";import{r as p}from"./index-RigO-4kf.js";const r=p.forwardRef(({children:a,className:i,...m},d)=>n.jsx("mark",{...m,ref:d,className:c("ams-mark",i),children:a}));r.displayName="Mark";try{r.displayName="Mark",r.__docgenInfo={description:"",displayName:"Mark",props:{}}}catch{}const g={title:"Components/Text/Mark",component:r,argTypes:{children:{description:"The text to mark.",table:{disable:!1}}}},e={args:{children:"Wat vinden Amsterdammers belangrijk?"},render:({children:a})=>n.jsxs(l,{children:["Daarom organiseren we in 2024 het burgerberaad schone stad, waarin 150 Amsterdammers in gesprek gaan over hoe we de stad beter schoonhouden. ",n.jsx(r,{children:a})," Welke oplossingen zien zij? Hier zijn we benieuwd naar. Want elke Amsterdammer heeft afval en moet het kwijt. Wij kunnen als gemeente veel van deze afvalexperts leren."]})};var t,s,o;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{ args: { children: 'Wat vinden Amsterdammers belangrijk?' }, diff --git a/demo-develop/assets/MegaMenu.docs-DXEvfnRP.js b/demo-develop/assets/MegaMenu.docs-Btf4nPWX.js similarity index 69% rename from demo-develop/assets/MegaMenu.docs-DXEvfnRP.js rename to demo-develop/assets/MegaMenu.docs-Btf4nPWX.js index 1e7cde26b6..1b478c8298 100644 --- a/demo-develop/assets/MegaMenu.docs-DXEvfnRP.js +++ b/demo-develop/assets/MegaMenu.docs-Btf4nPWX.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as e}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as a,at as m}from"./index-U-bvrYWS.js";import{M as p,a as c}from"./MegaMenu.stories-BeeWaGJW.js";import{S as x}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Badge-BvbF-Lgn.js";const M=` +import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as e}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as a,at as m}from"./index-CYpc6MNd.js";import{M as p,a as c}from"./MegaMenu.stories-Cqswy_kR.js";import{S as x}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./Badge-BvbF-Lgn.js";const M=` # Mega Menu `;/*@license CC0-1.0*/function r(n){const o={h2:"h2",h3:"h3",...e(),...n.components};return t.jsxs(t.Fragment,{children:[` diff --git a/demo-develop/assets/MegaMenu.stories-BeeWaGJW.js b/demo-develop/assets/MegaMenu.stories-Cqswy_kR.js similarity index 99% rename from demo-develop/assets/MegaMenu.stories-BeeWaGJW.js rename to demo-develop/assets/MegaMenu.stories-Cqswy_kR.js index d228f84797..1a984b215a 100644 --- a/demo-develop/assets/MegaMenu.stories-BeeWaGJW.js +++ b/demo-develop/assets/MegaMenu.stories-Cqswy_kR.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as t,H as k,o as n}from"./index.esm-C0OPbFsf.js";import{c as j}from"./clsx-B-dksMZM.js";import{r as m}from"./index-RigO-4kf.js";const x=m.forwardRef(({children:r,className:a,...l},d)=>e.jsx("div",{...l,ref:d,className:j("ams-mega-menu__list-category",a),children:r}));x.displayName="MegaMenu.ListCategory";try{MegaMenu.ListCategory.displayName="MegaMenu.ListCategory",MegaMenu.ListCategory.__docgenInfo={description:"",displayName:"MegaMenu.ListCategory",props:{}}}catch{}const p=m.forwardRef(({children:r,className:a,...l},d)=>e.jsx("div",{...l,ref:d,className:j("ams-mega-menu",a),children:r}));p.displayName="MegaMenu";const i=Object.assign(p,{ListCategory:x});try{i.displayName="MegaMenu",i.__docgenInfo={description:"",displayName:"MegaMenu",props:{}}}catch{}const v={title:"Components/Navigation/Mega Menu",component:i,parameters:{layout:"fullscreen"}},s={args:{children:e.jsx(t,{paddingVertical:"medium",children:e.jsxs(t.Cell,{span:"all",children:[e.jsx(k,{level:1,size:"level-2",children:"Alle onderwerpen"}),e.jsx(i.ListCategory,{children:e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",children:"Afval"}),e.jsx(n.Link,{href:"#",children:"Bestuur en organisatie"}),e.jsx(n.Link,{href:"#",children:"Bouw- en verkeersprojecten"}),e.jsx(n.Link,{href:"#",children:"Burgerzaken"}),e.jsx(n.Link,{href:"#",children:"Diversiteit"}),e.jsx(n.Link,{href:"#",children:"Gemeentebelastingen"}),e.jsx(n.Link,{href:"#",children:"Gezondheidsdienst (GGD)"}),e.jsx(n.Link,{href:"#",children:"Kunst en cultuur"}),e.jsx(n.Link,{href:"#",children:"Ondernemen"}),e.jsx(n.Link,{href:"#",children:"Onderwijs en jeugd"}),e.jsx(n.Link,{href:"#",children:"Parkeren"}),e.jsx(n.Link,{href:"#",children:"Sport"}),e.jsx(n.Link,{href:"#",children:"Stadsdelen"}),e.jsx(n.Link,{href:"#",children:"Subsidies"}),e.jsx(n.Link,{href:"#",children:"Vacatures"}),e.jsx(n.Link,{href:"#",children:"Verkeer en vervoer"}),e.jsx(n.Link,{href:"#",children:"Vrije tijd"}),e.jsx(n.Link,{href:"#",children:"Werk aan de weg"}),e.jsx(n.Link,{href:"#",children:"Werk en inkomen"}),e.jsx(n.Link,{href:"#",children:"Wonen en leefomgeving"})]})})]})},"nav")}},L={args:{children:e.jsxs(t,{paddingVertical:"medium",children:[e.jsxs(t.Cell,{span:{narrow:4,medium:8,wide:8},children:[e.jsx(k,{level:3,size:"level-3",children:"Thema’s"}),e.jsx(i.ListCategory,{children:e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",size:"large",children:"Afval"}),e.jsx(n.Link,{href:"#",size:"large",children:"Bestuur en organisatie"}),e.jsx(n.Link,{href:"#",size:"large",children:"Bouw- en verkeersprojecten"}),e.jsx(n.Link,{href:"#",size:"large",children:"Burgerzaken"}),e.jsx(n.Link,{href:"#",size:"large",children:"Diversiteit"}),e.jsx(n.Link,{href:"#",size:"large",children:"Gemeentebelastingen"}),e.jsx(n.Link,{href:"#",size:"large",children:"Gezondheidsdienst (GGD)"}),e.jsx(n.Link,{href:"#",size:"large",children:"Kunst en cultuur"}),e.jsx(n.Link,{href:"#",size:"large",children:"Ondernemen"}),e.jsx(n.Link,{href:"#",size:"large",children:"Onderwijs en jeugd"}),e.jsx(n.Link,{href:"#",size:"large",children:"Parkeren"}),e.jsx(n.Link,{href:"#",size:"large",children:"Sport"}),e.jsx(n.Link,{href:"#",size:"large",children:"Stadsdelen"}),e.jsx(n.Link,{href:"#",size:"large",children:"Subsidies"})]})})]}),e.jsxs(t.Cell,{span:{narrow:4,medium:8,wide:4},children:[e.jsx(k,{level:3,size:"level-3",children:"Categorieën"}),e.jsx(i.ListCategory,{children:e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",children:"Vacatures"}),e.jsx(n.Link,{href:"#",children:"Verkeer en vervoer"}),e.jsx(n.Link,{href:"#",children:"Vrije tijd"}),e.jsx(n.Link,{href:"#",children:"Werk aan de weg"}),e.jsx(n.Link,{href:"#",children:"Werk en inkomen"}),e.jsx(n.Link,{href:"#",children:"Wonen en leefomgeving"})]})}),e.jsx(k,{level:3,size:"level-3",children:"Snel naar"}),e.jsx(i.ListCategory,{children:e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",children:"Vacatures"}),e.jsx(n.Link,{href:"#",children:"Verkeer en vervoer"}),e.jsx(n.Link,{href:"#",children:"Vrije tijd"}),e.jsx(n.Link,{href:"#",children:"Werk aan de weg"})]})})]})]},"nav")}};var h,o,g;s.parameters={...s.parameters,docs:{...(h=s.parameters)==null?void 0:h.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as t,H as k,m as n}from"./index.esm-ciNFknO_.js";import{c as j}from"./clsx-B-dksMZM.js";import{r as m}from"./index-RigO-4kf.js";const x=m.forwardRef(({children:r,className:a,...l},d)=>e.jsx("div",{...l,ref:d,className:j("ams-mega-menu__list-category",a),children:r}));x.displayName="MegaMenu.ListCategory";try{MegaMenu.ListCategory.displayName="MegaMenu.ListCategory",MegaMenu.ListCategory.__docgenInfo={description:"",displayName:"MegaMenu.ListCategory",props:{}}}catch{}const p=m.forwardRef(({children:r,className:a,...l},d)=>e.jsx("div",{...l,ref:d,className:j("ams-mega-menu",a),children:r}));p.displayName="MegaMenu";const i=Object.assign(p,{ListCategory:x});try{i.displayName="MegaMenu",i.__docgenInfo={description:"",displayName:"MegaMenu",props:{}}}catch{}const v={title:"Components/Navigation/Mega Menu",component:i,parameters:{layout:"fullscreen"}},s={args:{children:e.jsx(t,{paddingVertical:"medium",children:e.jsxs(t.Cell,{span:"all",children:[e.jsx(k,{level:1,size:"level-2",children:"Alle onderwerpen"}),e.jsx(i.ListCategory,{children:e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",children:"Afval"}),e.jsx(n.Link,{href:"#",children:"Bestuur en organisatie"}),e.jsx(n.Link,{href:"#",children:"Bouw- en verkeersprojecten"}),e.jsx(n.Link,{href:"#",children:"Burgerzaken"}),e.jsx(n.Link,{href:"#",children:"Diversiteit"}),e.jsx(n.Link,{href:"#",children:"Gemeentebelastingen"}),e.jsx(n.Link,{href:"#",children:"Gezondheidsdienst (GGD)"}),e.jsx(n.Link,{href:"#",children:"Kunst en cultuur"}),e.jsx(n.Link,{href:"#",children:"Ondernemen"}),e.jsx(n.Link,{href:"#",children:"Onderwijs en jeugd"}),e.jsx(n.Link,{href:"#",children:"Parkeren"}),e.jsx(n.Link,{href:"#",children:"Sport"}),e.jsx(n.Link,{href:"#",children:"Stadsdelen"}),e.jsx(n.Link,{href:"#",children:"Subsidies"}),e.jsx(n.Link,{href:"#",children:"Vacatures"}),e.jsx(n.Link,{href:"#",children:"Verkeer en vervoer"}),e.jsx(n.Link,{href:"#",children:"Vrije tijd"}),e.jsx(n.Link,{href:"#",children:"Werk aan de weg"}),e.jsx(n.Link,{href:"#",children:"Werk en inkomen"}),e.jsx(n.Link,{href:"#",children:"Wonen en leefomgeving"})]})})]})},"nav")}},L={args:{children:e.jsxs(t,{paddingVertical:"medium",children:[e.jsxs(t.Cell,{span:{narrow:4,medium:8,wide:8},children:[e.jsx(k,{level:3,size:"level-3",children:"Thema’s"}),e.jsx(i.ListCategory,{children:e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",size:"large",children:"Afval"}),e.jsx(n.Link,{href:"#",size:"large",children:"Bestuur en organisatie"}),e.jsx(n.Link,{href:"#",size:"large",children:"Bouw- en verkeersprojecten"}),e.jsx(n.Link,{href:"#",size:"large",children:"Burgerzaken"}),e.jsx(n.Link,{href:"#",size:"large",children:"Diversiteit"}),e.jsx(n.Link,{href:"#",size:"large",children:"Gemeentebelastingen"}),e.jsx(n.Link,{href:"#",size:"large",children:"Gezondheidsdienst (GGD)"}),e.jsx(n.Link,{href:"#",size:"large",children:"Kunst en cultuur"}),e.jsx(n.Link,{href:"#",size:"large",children:"Ondernemen"}),e.jsx(n.Link,{href:"#",size:"large",children:"Onderwijs en jeugd"}),e.jsx(n.Link,{href:"#",size:"large",children:"Parkeren"}),e.jsx(n.Link,{href:"#",size:"large",children:"Sport"}),e.jsx(n.Link,{href:"#",size:"large",children:"Stadsdelen"}),e.jsx(n.Link,{href:"#",size:"large",children:"Subsidies"})]})})]}),e.jsxs(t.Cell,{span:{narrow:4,medium:8,wide:4},children:[e.jsx(k,{level:3,size:"level-3",children:"Categorieën"}),e.jsx(i.ListCategory,{children:e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",children:"Vacatures"}),e.jsx(n.Link,{href:"#",children:"Verkeer en vervoer"}),e.jsx(n.Link,{href:"#",children:"Vrije tijd"}),e.jsx(n.Link,{href:"#",children:"Werk aan de weg"}),e.jsx(n.Link,{href:"#",children:"Werk en inkomen"}),e.jsx(n.Link,{href:"#",children:"Wonen en leefomgeving"})]})}),e.jsx(k,{level:3,size:"level-3",children:"Snel naar"}),e.jsx(i.ListCategory,{children:e.jsxs(n,{children:[e.jsx(n.Link,{href:"#",children:"Vacatures"}),e.jsx(n.Link,{href:"#",children:"Verkeer en vervoer"}),e.jsx(n.Link,{href:"#",children:"Vrije tijd"}),e.jsx(n.Link,{href:"#",children:"Werk aan de weg"})]})})]})]},"nav")}};var h,o,g;s.parameters={...s.parameters,docs:{...(h=s.parameters)==null?void 0:h.docs,source:{originalSource:`{ args: { children: diff --git a/demo-develop/assets/OrderedList.docs-b_-QTVxV.js b/demo-develop/assets/OrderedList.docs-afvw2gZA.js similarity index 88% rename from demo-develop/assets/OrderedList.docs-b_-QTVxV.js rename to demo-develop/assets/OrderedList.docs-afvw2gZA.js index 06e435acbb..0fddf1795a 100644 --- a/demo-develop/assets/OrderedList.docs-b_-QTVxV.js +++ b/demo-develop/assets/OrderedList.docs-afvw2gZA.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as o,aq as a,ar as h,as as l,at as r}from"./index-U-bvrYWS.js";import{O as d,T as c,S as m,D as p,W as x,I as u,a as j}from"./OrderedList.stories-BN__RrgZ.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-CpGgN1Hc.js";const f=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as o,aq as a,ar as h,as as l,at as r}from"./index-CYpc6MNd.js";import{O as d,T as c,S as m,D as p,W as x,I as u,a as j}from"./OrderedList.stories-B3Ie4GNF.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./exampleContent-CpGgN1Hc.js";const f=` # Ordered List diff --git a/demo-develop/assets/OrderedList.stories-BN__RrgZ.js b/demo-develop/assets/OrderedList.stories-B3Ie4GNF.js similarity index 99% rename from demo-develop/assets/OrderedList.stories-BN__RrgZ.js rename to demo-develop/assets/OrderedList.stories-B3Ie4GNF.js index 886d996a09..2d1a3f0c61 100644 --- a/demo-develop/assets/OrderedList.stories-BN__RrgZ.js +++ b/demo-develop/assets/OrderedList.stories-B3Ie4GNF.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as h,P as t}from"./index.esm-C0OPbFsf.js";import{f as q}from"./exampleContent-CpGgN1Hc.js";import{c as E}from"./clsx-B-dksMZM.js";import{r as H}from"./index-RigO-4kf.js";const A=H.forwardRef(({children:s,className:a,...u},p)=>e.jsx("li",{ref:p,className:E("ams-ordered-list__item",a),...u,children:s}));A.displayName="OrderedList.Item";try{OrderedList.Item.displayName="OrderedList.Item",OrderedList.Item.__docgenInfo={description:"",displayName:"OrderedList.Item",props:{}}}catch{}const G=H.forwardRef(({children:s,className:a,inverseColor:u,markers:p=!0,size:g,...R},Z)=>e.jsx("ol",{ref:Z,className:E("ams-ordered-list",u&&"ams-ordered-list--inverse-color",!p&&"ams-ordered-list--no-markers",g&&`ams-ordered-list--${g}`,a),...R,children:s}));G.displayName="OrderedList";const r=Object.assign(G,{Item:A});try{r.displayName="OrderedList",r.__docgenInfo={description:"",displayName:"OrderedList",props:{inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},markers:{defaultValue:{value:"true"},description:"Whether the list items show a marker.",name:"markers",required:!1,type:{name:"boolean"}},size:{defaultValue:null,description:"The size of the text.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'}]}}}}}catch{}const M=q().map((s,a)=>e.jsx(r.Item,{children:s},a)),V={title:"Components/Text/Ordered List",component:r,args:{children:M,inverseColor:!1,markers:void 0,reversed:void 0,start:void 0},argTypes:{reversed:{control:"boolean",description:"Numbers the items from the highest value down."},start:{control:"number",description:"The value for the first list item’s marker."},size:{control:{type:"radio",labels:{small:"small",undefined:"medium"}},options:["small",void 0]}}},d={},n={render:s=>e.jsxs(r,{...s,children:[e.jsxs(r.Item,{children:["Stadsdeel West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"Bos en Lommer"}),e.jsx(r.Item,{children:"Oud West / De Baarsjes"}),e.jsx(r.Item,{children:"Westerpark"})]})]}),e.jsxs(r.Item,{children:["Stadsdeel Nieuw-West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"De Aker, Sloten en Nieuw Sloten"}),e.jsx(r.Item,{children:"Geuzenveld, Slotermeer en Sloterdijken"}),e.jsx(r.Item,{children:"Osdorp"}),e.jsx(r.Item,{children:"Slotervaart"})]})]})]})},i={args:{children:[e.jsx(r.Item,{children:"Zes"},6),e.jsx(r.Item,{children:"Zeven"},7),e.jsx(r.Item,{children:"Acht"},8)],start:6}},o={args:{children:[e.jsx(r.Item,{children:"Drie"},3),e.jsx(r.Item,{children:"Twee"},2),e.jsx(r.Item,{children:"Eén"},1)],reversed:!0,start:3}},l={args:{children:[e.jsxs(r.Item,{children:[e.jsx(h,{size:"level-4",children:"Weg met steen, hallo extra groen en koelte"}),e.jsx(t,{children:"Sinds 2021 kwamen er maar liefst 60 nieuwe groene plekken bij in de stad. Groen is fijn en het verkoelt de stad in de zomer. Een paar voorbeelden."}),e.jsx(t,{size:"small",children:"16 augustus 2023"})]},1),e.jsxs(r.Item,{children:[e.jsx(h,{size:"level-4",children:"Amsterdam bindt de strijd aan met lawaaierige voertuigen"}),e.jsx(t,{children:"Deze zomer testen we of digitale borden langs de weg kunnen helpen om geluidsoverlast van voertuigen zoals motoren en auto’s tegen te gaan."}),e.jsx(t,{size:"small",children:"10 augustus 2023"})]},2),e.jsxs(r.Item,{children:[e.jsx(h,{size:"level-4",children:"Een prachtroute door de wonderlijke Baarsjes"}),e.jsx(t,{children:"In de Baarsjes zijn kunst en cultuur met elkaar vervlochten. We zetten een prachtige wandelroute voor u uit en laten zien hoe het was en hoe het nu is."}),e.jsx(t,{size:"small",children:"8 augustus 2023"})]},3)],markers:!1}},m={args:{inverseColor:!0},render:s=>e.jsx(r,{...s,children:e.jsxs(r.Item,{children:["Stadsdeel West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"Bos en Lommer"}),e.jsx(r.Item,{children:"Oud West / De Baarsjes"}),e.jsx(r.Item,{children:"Westerpark"})]})]})})},c={args:{size:"small"}};var I,O,L;d.parameters={...d.parameters,docs:{...(I=d.parameters)==null?void 0:I.docs,source:{originalSource:"{}",...(L=(O=d.parameters)==null?void 0:O.docs)==null?void 0:L.source}}};var j,v,x;n.parameters={...n.parameters,docs:{...(j=n.parameters)==null?void 0:j.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{H as h,P as t}from"./index.esm-ciNFknO_.js";import{f as q}from"./exampleContent-CpGgN1Hc.js";import{c as E}from"./clsx-B-dksMZM.js";import{r as H}from"./index-RigO-4kf.js";const A=H.forwardRef(({children:s,className:a,...u},p)=>e.jsx("li",{ref:p,className:E("ams-ordered-list__item",a),...u,children:s}));A.displayName="OrderedList.Item";try{OrderedList.Item.displayName="OrderedList.Item",OrderedList.Item.__docgenInfo={description:"",displayName:"OrderedList.Item",props:{}}}catch{}const G=H.forwardRef(({children:s,className:a,inverseColor:u,markers:p=!0,size:g,...R},Z)=>e.jsx("ol",{ref:Z,className:E("ams-ordered-list",u&&"ams-ordered-list--inverse-color",!p&&"ams-ordered-list--no-markers",g&&`ams-ordered-list--${g}`,a),...R,children:s}));G.displayName="OrderedList";const r=Object.assign(G,{Item:A});try{r.displayName="OrderedList",r.__docgenInfo={description:"",displayName:"OrderedList",props:{inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},markers:{defaultValue:{value:"true"},description:"Whether the list items show a marker.",name:"markers",required:!1,type:{name:"boolean"}},size:{defaultValue:null,description:"The size of the text.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'}]}}}}}catch{}const M=q().map((s,a)=>e.jsx(r.Item,{children:s},a)),V={title:"Components/Text/Ordered List",component:r,args:{children:M,inverseColor:!1,markers:void 0,reversed:void 0,start:void 0},argTypes:{reversed:{control:"boolean",description:"Numbers the items from the highest value down."},start:{control:"number",description:"The value for the first list item’s marker."},size:{control:{type:"radio",labels:{small:"small",undefined:"medium"}},options:["small",void 0]}}},d={},n={render:s=>e.jsxs(r,{...s,children:[e.jsxs(r.Item,{children:["Stadsdeel West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"Bos en Lommer"}),e.jsx(r.Item,{children:"Oud West / De Baarsjes"}),e.jsx(r.Item,{children:"Westerpark"})]})]}),e.jsxs(r.Item,{children:["Stadsdeel Nieuw-West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"De Aker, Sloten en Nieuw Sloten"}),e.jsx(r.Item,{children:"Geuzenveld, Slotermeer en Sloterdijken"}),e.jsx(r.Item,{children:"Osdorp"}),e.jsx(r.Item,{children:"Slotervaart"})]})]})]})},i={args:{children:[e.jsx(r.Item,{children:"Zes"},6),e.jsx(r.Item,{children:"Zeven"},7),e.jsx(r.Item,{children:"Acht"},8)],start:6}},o={args:{children:[e.jsx(r.Item,{children:"Drie"},3),e.jsx(r.Item,{children:"Twee"},2),e.jsx(r.Item,{children:"Eén"},1)],reversed:!0,start:3}},l={args:{children:[e.jsxs(r.Item,{children:[e.jsx(h,{size:"level-4",children:"Weg met steen, hallo extra groen en koelte"}),e.jsx(t,{children:"Sinds 2021 kwamen er maar liefst 60 nieuwe groene plekken bij in de stad. Groen is fijn en het verkoelt de stad in de zomer. Een paar voorbeelden."}),e.jsx(t,{size:"small",children:"16 augustus 2023"})]},1),e.jsxs(r.Item,{children:[e.jsx(h,{size:"level-4",children:"Amsterdam bindt de strijd aan met lawaaierige voertuigen"}),e.jsx(t,{children:"Deze zomer testen we of digitale borden langs de weg kunnen helpen om geluidsoverlast van voertuigen zoals motoren en auto’s tegen te gaan."}),e.jsx(t,{size:"small",children:"10 augustus 2023"})]},2),e.jsxs(r.Item,{children:[e.jsx(h,{size:"level-4",children:"Een prachtroute door de wonderlijke Baarsjes"}),e.jsx(t,{children:"In de Baarsjes zijn kunst en cultuur met elkaar vervlochten. We zetten een prachtige wandelroute voor u uit en laten zien hoe het was en hoe het nu is."}),e.jsx(t,{size:"small",children:"8 augustus 2023"})]},3)],markers:!1}},m={args:{inverseColor:!0},render:s=>e.jsx(r,{...s,children:e.jsxs(r.Item,{children:["Stadsdeel West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"Bos en Lommer"}),e.jsx(r.Item,{children:"Oud West / De Baarsjes"}),e.jsx(r.Item,{children:"Westerpark"})]})]})})},c={args:{size:"small"}};var I,O,L;d.parameters={...d.parameters,docs:{...(I=d.parameters)==null?void 0:I.docs,source:{originalSource:"{}",...(L=(O=d.parameters)==null?void 0:O.docs)==null?void 0:L.source}}};var j,v,x;n.parameters={...n.parameters,docs:{...(j=n.parameters)==null?void 0:j.docs,source:{originalSource:`{ render: args => Stadsdeel West diff --git a/demo-develop/assets/Overlap.docs-BADrW1kg.js b/demo-develop/assets/Overlap.docs-DJlFbMsv.js similarity index 79% rename from demo-develop/assets/Overlap.docs-BADrW1kg.js rename to demo-develop/assets/Overlap.docs-DJlFbMsv.js index 78bb6d0a3f..4205f7a219 100644 --- a/demo-develop/assets/Overlap.docs-BADrW1kg.js +++ b/demo-develop/assets/Overlap.docs-DJlFbMsv.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as t,aq as s,ar as a}from"./index-U-bvrYWS.js";import{O as l}from"./Overlap.stories-BxA9qRbC.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const m=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as t,aq as s,ar as a}from"./index-CYpc6MNd.js";import{O as l}from"./Overlap.stories-CrewzBVX.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";const m=` # Overlap diff --git a/demo-develop/assets/Overlap.stories-BxA9qRbC.js b/demo-develop/assets/Overlap.stories-CrewzBVX.js similarity index 97% rename from demo-develop/assets/Overlap.stories-BxA9qRbC.js rename to demo-develop/assets/Overlap.stories-CrewzBVX.js index 7f268008e5..1f7bb558c5 100644 --- a/demo-develop/assets/Overlap.stories-BxA9qRbC.js +++ b/demo-develop/assets/Overlap.stories-CrewzBVX.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{I as d,G as o,S as a}from"./index.esm-C0OPbFsf.js";import{c as u}from"./clsx-B-dksMZM.js";import{r as h}from"./index-RigO-4kf.js";const s=h.forwardRef(({children:r,className:n,...c},m)=>e.jsx("div",{...c,ref:m,className:u("ams-overlap",n),children:r}));s.displayName="Overlap";try{s.displayName="Overlap",s.__docgenInfo={description:"",displayName:"Overlap",props:{}}}catch{}const x={title:"Components/Layout/Overlap",component:s},t={args:{children:[e.jsx(d,{alt:"",aspectRatio:"2x-wide",sizes:"(max-width: 36rem) 640px, (max-width: 68rem) 1280px, 1600px",src:"https://picsum.photos/1600/500",srcSet:"https://picsum.photos/640/200 640w, https://picsum.photos/1280/400 1280w, https://picsum.photos/1600/500 1600w"},1),e.jsx(o,{style:{alignSelf:"center"},children:e.jsx(o.Cell,{span:{narrow:4,medium:6,wide:8},start:{narrow:1,medium:2,wide:3},children:e.jsxs(a,{onSubmit:r=>r.preventDefault(),children:[e.jsx(a.Input,{label:"Zoeken",placeholder:"Wat kunnen we voor u vinden?"}),e.jsx(a.Button,{})]})})},2)]}};var p,i,l;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{I as d,G as o,S as a}from"./index.esm-ciNFknO_.js";import{c as u}from"./clsx-B-dksMZM.js";import{r as h}from"./index-RigO-4kf.js";const s=h.forwardRef(({children:r,className:n,...c},m)=>e.jsx("div",{...c,ref:m,className:u("ams-overlap",n),children:r}));s.displayName="Overlap";try{s.displayName="Overlap",s.__docgenInfo={description:"",displayName:"Overlap",props:{}}}catch{}const x={title:"Components/Layout/Overlap",component:s},t={args:{children:[e.jsx(d,{alt:"",aspectRatio:"2x-wide",sizes:"(max-width: 36rem) 640px, (max-width: 68rem) 1280px, 1600px",src:"https://picsum.photos/1600/500",srcSet:"https://picsum.photos/640/200 640w, https://picsum.photos/1280/400 1280w, https://picsum.photos/1600/500 1600w"},1),e.jsx(o,{style:{alignSelf:"center"},children:e.jsx(o.Cell,{span:{narrow:4,medium:6,wide:8},start:{narrow:1,medium:2,wide:3},children:e.jsxs(a,{onSubmit:r=>r.preventDefault(),children:[e.jsx(a.Input,{label:"Zoeken",placeholder:"Wat kunnen we voor u vinden?"}),e.jsx(a.Button,{})]})})},2)]}};var p,i,l;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{ args: { children: [, +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as i,aq as a,ar as r,as as h,at as p}from"./index-CYpc6MNd.js";import{P as m,I as c}from"./PageHeading.stories-xdugF2bU.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const d=` # Page Heading diff --git a/demo-develop/assets/PageMenu.docs-BTlYqyUF.js b/demo-develop/assets/PageMenu.docs-C07l-dvk.js similarity index 88% rename from demo-develop/assets/PageMenu.docs-BTlYqyUF.js rename to demo-develop/assets/PageMenu.docs-C07l-dvk.js index 613b89f73f..1dce83739b 100644 --- a/demo-develop/assets/PageMenu.docs-BTlYqyUF.js +++ b/demo-develop/assets/PageMenu.docs-C07l-dvk.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as d,as as h,at as o}from"./index-U-bvrYWS.js";import{P as m,A as l,W as c}from"./PageMenu.stories-DMSuHN48.js";import{S as u}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-Bz9pa_xK.js";import"./clsx-B-dksMZM.js";import"./Icon-CPe807nE.js";import"./Badge-BvbF-Lgn.js";const p=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as d,as as h,at as o}from"./index-CYpc6MNd.js";import{P as m,A as l,W as c}from"./PageMenu.stories-v0ZRXO4B.js";import{S as u}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-kml84xjK.js";import"./clsx-B-dksMZM.js";import"./Icon-D9-xhxHj.js";import"./Badge-BvbF-Lgn.js";const p=` # Page Menu diff --git a/demo-develop/assets/PageMenu.stories-DMSuHN48.js b/demo-develop/assets/PageMenu.stories-v0ZRXO4B.js similarity index 95% rename from demo-develop/assets/PageMenu.stories-DMSuHN48.js rename to demo-develop/assets/PageMenu.stories-v0ZRXO4B.js index 0e041bc9ef..13b64faf60 100644 --- a/demo-develop/assets/PageMenu.stories-DMSuHN48.js +++ b/demo-develop/assets/PageMenu.stories-v0ZRXO4B.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{j as _}from"./index.esm-Bz9pa_xK.js";import{c as P}from"./clsx-B-dksMZM.js";import{r as M}from"./index-RigO-4kf.js";import{I as v}from"./Icon-CPe807nE.js";const y=M.forwardRef(({children:r,className:t,icon:o,...c},u)=>e.jsx("li",{children:e.jsxs("a",{...c,ref:u,className:P("ams-page-menu__link",t),children:[r,o&&e.jsx(v,{svg:o,size:"level-6"})]})}));y.displayName="PageMenu.Link";try{PageMenu.Link.displayName="PageMenu.Link",PageMenu.Link.__docgenInfo={description:"",displayName:"PageMenu.Link",props:{icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"Function"}}}}}catch{}const j=M.forwardRef(({alignEnd:r,children:t,className:o,wrap:c=!0,...u},x)=>e.jsx("ul",{...u,className:P("ams-page-menu",r&&"ams-page-menu--align-end",!c&&"ams-page-menu--no-wrap",o),ref:x,children:t}));j.displayName="PageMenu";const n=Object.assign(j,{Link:y});try{n.displayName="PageMenu",n.__docgenInfo={description:"",displayName:"PageMenu",props:{alignEnd:{defaultValue:null,description:"Whether the items align to the end margin. Set to `true` if the Page Menu itself does so.",name:"alignEnd",required:!1,type:{name:"boolean"}},wrap:{defaultValue:{value:"true"},description:"Whether menu items should wrap if they don’t fit on a single row.",name:"wrap",required:!1,type:{name:"boolean"}}}}}catch{}const w={title:"Components/Navigation/Page Menu",component:n,args:{alignEnd:!1,wrap:void 0}},a={args:{children:[e.jsx(n.Link,{href:"#",children:"Over deze site"},1),e.jsx(n.Link,{href:"#",children:"Privacy"},2),e.jsx(n.Link,{href:"#",children:"Cookies"},3)]}},i={args:{alignEnd:!0,children:[e.jsx(n.Link,{href:"#",lang:"en",children:"English"},1),e.jsx(n.Link,{href:"#",children:"Contact"},2),e.jsx(n.Link,{href:"#",icon:_,children:"Zoeken"},3)]}},s={args:{children:[e.jsx(n.Link,{href:"#",children:"Onderzoeken"},1),e.jsx(n.Link,{href:"#",children:"Bezoeken"},2),e.jsx(n.Link,{href:"#",children:"Archiveren"},3),e.jsx(n.Link,{href:"#",children:"Nieuws"},4),e.jsx(n.Link,{href:"#",children:"Themasites"},5),e.jsx(n.Link,{href:"#",children:"Onderwijs"},6),e.jsx(n.Link,{href:"#",children:"Steun ons"},7),e.jsx(n.Link,{href:"#",children:"Organisatie"},8),e.jsx(n.Link,{href:"#",children:"Contact"},9)]}};var g,l,d;a.parameters={...a.parameters,docs:{...(g=a.parameters)==null?void 0:g.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{l as _}from"./index.esm-kml84xjK.js";import{c as P}from"./clsx-B-dksMZM.js";import{r as M}from"./index-RigO-4kf.js";import{I as v}from"./Icon-D9-xhxHj.js";const y=M.forwardRef(({children:r,className:t,icon:o,...c},u)=>e.jsx("li",{children:e.jsxs("a",{...c,ref:u,className:P("ams-page-menu__link",t),children:[r,o&&e.jsx(v,{svg:o,size:"level-6"})]})}));y.displayName="PageMenu.Link";try{PageMenu.Link.displayName="PageMenu.Link",PageMenu.Link.__docgenInfo={description:"",displayName:"PageMenu.Link",props:{icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"Function"}}}}}catch{}const j=M.forwardRef(({alignEnd:r,children:t,className:o,wrap:c=!0,...u},x)=>e.jsx("ul",{...u,className:P("ams-page-menu",r&&"ams-page-menu--align-end",!c&&"ams-page-menu--no-wrap",o),ref:x,children:t}));j.displayName="PageMenu";const n=Object.assign(j,{Link:y});try{n.displayName="PageMenu",n.__docgenInfo={description:"",displayName:"PageMenu",props:{alignEnd:{defaultValue:null,description:"Whether the items align to the end margin. Set to `true` if the Page Menu itself does so.",name:"alignEnd",required:!1,type:{name:"boolean"}},wrap:{defaultValue:{value:"true"},description:"Whether menu items should wrap if they don’t fit on a single row.",name:"wrap",required:!1,type:{name:"boolean"}}}}}catch{}const w={title:"Components/Navigation/Page Menu",component:n,args:{alignEnd:!1,wrap:void 0}},a={args:{children:[e.jsx(n.Link,{href:"#",children:"Over deze site"},1),e.jsx(n.Link,{href:"#",children:"Privacy"},2),e.jsx(n.Link,{href:"#",children:"Cookies"},3)]}},i={args:{alignEnd:!0,children:[e.jsx(n.Link,{href:"#",lang:"en",children:"English"},1),e.jsx(n.Link,{href:"#",children:"Contact"},2),e.jsx(n.Link,{href:"#",icon:_,children:"Zoeken"},3)]}},s={args:{children:[e.jsx(n.Link,{href:"#",children:"Onderzoeken"},1),e.jsx(n.Link,{href:"#",children:"Bezoeken"},2),e.jsx(n.Link,{href:"#",children:"Archiveren"},3),e.jsx(n.Link,{href:"#",children:"Nieuws"},4),e.jsx(n.Link,{href:"#",children:"Themasites"},5),e.jsx(n.Link,{href:"#",children:"Onderwijs"},6),e.jsx(n.Link,{href:"#",children:"Steun ons"},7),e.jsx(n.Link,{href:"#",children:"Organisatie"},8),e.jsx(n.Link,{href:"#",children:"Contact"},9)]}};var g,l,d;a.parameters={...a.parameters,docs:{...(g=a.parameters)==null?void 0:g.docs,source:{originalSource:`{ args: { children: [ Over deze site diff --git a/demo-develop/assets/Pagination.docs-B8iuBtJt.js b/demo-develop/assets/Pagination.docs-BSUbgYkx.js similarity index 85% rename from demo-develop/assets/Pagination.docs-B8iuBtJt.js rename to demo-develop/assets/Pagination.docs-BSUbgYkx.js index 65bbf54c6a..e18190afdf 100644 --- a/demo-develop/assets/Pagination.docs-B8iuBtJt.js +++ b/demo-develop/assets/Pagination.docs-BSUbgYkx.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as o,aq as s,ar as r,as as l}from"./index-U-bvrYWS.js";import{P as p}from"./Pagination.stories-DMveVvuE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-Bz9pa_xK.js";import"./clsx-B-dksMZM.js";import"./Icon-CPe807nE.js";const g=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as o,aq as s,ar as r,as as l}from"./index-CYpc6MNd.js";import{P as p}from"./Pagination.stories-rLOPoja9.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-kml84xjK.js";import"./clsx-B-dksMZM.js";import"./Icon-D9-xhxHj.js";const g=` # Pagination diff --git a/demo-develop/assets/Pagination.stories-DMveVvuE.js b/demo-develop/assets/Pagination.stories-rLOPoja9.js similarity index 91% rename from demo-develop/assets/Pagination.stories-DMveVvuE.js rename to demo-develop/assets/Pagination.stories-rLOPoja9.js index 41c2804698..6c1dc2e312 100644 --- a/demo-develop/assets/Pagination.stories-DMveVvuE.js +++ b/demo-develop/assets/Pagination.stories-rLOPoja9.js @@ -1 +1 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{l as M,e as H}from"./index.esm-Bz9pa_xK.js";import{c as b}from"./clsx-B-dksMZM.js";import{r as c}from"./index-RigO-4kf.js";import{I as x}from"./Icon-CPe807nE.js";function I(o,i,g){const s=Math.min(i,Math.max(g,5)),u=1;let r=o-Math.floor(s/2);return r=Math.max(r,u),r=Math.min(r,u+i-s),Array.from({length:s},(l,t)=>r+t).reduce((l,t,d)=>d===0&&t!==1?[1,"firstSpacer"]:i>s&&d===s-2&&o{const[n,L]=c.useState(r),C=c.useMemo(()=>I(n,t,i),[n,t,i]),h=a=>{u!==void 0&&u(a),L(a)},T=()=>{h(n-1)},q=()=>{h(n+1)},v=c.useId();return t<=1?null:e.jsxs("nav",{...V,"aria-labelledby":v,className:b("ams-pagination",o),ref:P,children:[e.jsx("span",{id:v,className:"ams-visually-hidden",children:d}),e.jsxs("ol",{className:"ams-pagination__list",children:[e.jsx("li",{children:e.jsxs("button",{className:"ams-pagination__button",disabled:n===1,onClick:T,type:"button",children:[e.jsx(x,{svg:M,size:"level-5"}),e.jsx("span",{className:"ams-visually-hidden",children:l}),e.jsx("span",{"aria-hidden":!0,children:f})]})}),C.map(a=>typeof a=="number"?e.jsx("li",{children:e.jsxs("button",{"aria-current":a===n?!0:void 0,className:b("ams-pagination__button",a===n&&"ams-pagination__button--current"),onClick:()=>a!==n&&h(a),tabIndex:a===n?-1:0,type:"button",children:[e.jsx("span",{className:"ams-visually-hidden",children:a===n?`Pagina ${a}`:`Ga naar pagina ${a}`}),e.jsx("span",{"aria-hidden":!0,children:a})]})},a):e.jsx("li",{"aria-hidden":!0,"data-testid":a,children:"…"},a)),e.jsx("li",{children:e.jsxs("button",{className:"ams-pagination__button",disabled:n===t,onClick:q,type:"button",children:[e.jsx("span",{className:"ams-visually-hidden",children:s}),e.jsx("span",{"aria-hidden":!0,children:g}),e.jsx(x,{svg:H,size:"level-5"})]})})]})]})});p.displayName="Pagination";try{p.displayName="Pagination",p.__docgenInfo={description:"",displayName:"Pagination",props:{maxVisiblePages:{defaultValue:{value:"7"},description:"The maximum amount of pages shown. Minimum value: 5.",name:"maxVisiblePages",required:!1,type:{name:"number"}},nextLabel:{defaultValue:{value:"volgende"},description:"The visible label for the next page-button.",name:"nextLabel",required:!1,type:{name:"string"}},nextVisuallyHiddenLabel:{defaultValue:{value:"Volgende pagina"},description:"The accessible name for the next page-button.",name:"nextVisuallyHiddenLabel",required:!1,type:{name:"string"}},onPageChange:{defaultValue:null,description:"A function to run when the page number changes.",name:"onPageChange",required:!1,type:{name:"((page: number) => void)"}},page:{defaultValue:{value:"1"},description:"The current page number.",name:"page",required:!1,type:{name:"number"}},previousLabel:{defaultValue:{value:"vorige"},description:"The visible label for the previous page-button.",name:"previousLabel",required:!1,type:{name:"string"}},previousVisuallyHiddenLabel:{defaultValue:{value:"Vorige pagina"},description:"The accessible name for the previous page-button.",name:"previousVisuallyHiddenLabel",required:!1,type:{name:"string"}},totalPages:{defaultValue:null,description:"The total amount of pages.",name:"totalPages",required:!0,type:{name:"number"}},visuallyHiddenLabel:{defaultValue:{value:"Paginering"},description:"The accessible name for the Pagination component.",name:"visuallyHiddenLabel",required:!1,type:{name:"string"}}}}}catch{}const R={title:"Components/Navigation/Pagination",component:p,args:{page:1,maxVisiblePages:7,totalPages:10},argTypes:{onPageChange:{action:"page changed"},page:{control:{type:"number",min:1}}},decorators:[(o,{args:i})=>e.jsx("div",{id:"ams-docs-custom-root",children:e.jsx(o,{})},JSON.stringify(i))],parameters:{html:{root:"#ams-docs-custom-root"}}},m={};var y,_,j;m.parameters={...m.parameters,docs:{...(y=m.parameters)==null?void 0:y.docs,source:{originalSource:"{}",...(j=(_=m.parameters)==null?void 0:_.docs)==null?void 0:j.source}}};const k=["Default"],N=Object.freeze(Object.defineProperty({__proto__:null,Default:m,__namedExportsOrder:k,default:R},Symbol.toStringTag,{value:"Module"}));export{N as P}; +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{k as M,e as H}from"./index.esm-kml84xjK.js";import{c as b}from"./clsx-B-dksMZM.js";import{r as c}from"./index-RigO-4kf.js";import{I as x}from"./Icon-D9-xhxHj.js";function I(o,i,g){const s=Math.min(i,Math.max(g,5)),u=1;let r=o-Math.floor(s/2);return r=Math.max(r,u),r=Math.min(r,u+i-s),Array.from({length:s},(l,t)=>r+t).reduce((l,t,d)=>d===0&&t!==1?[1,"firstSpacer"]:i>s&&d===s-2&&o{const[n,L]=c.useState(r),C=c.useMemo(()=>I(n,t,i),[n,t,i]),h=a=>{u!==void 0&&u(a),L(a)},T=()=>{h(n-1)},q=()=>{h(n+1)},v=c.useId();return t<=1?null:e.jsxs("nav",{...V,"aria-labelledby":v,className:b("ams-pagination",o),ref:P,children:[e.jsx("span",{id:v,className:"ams-visually-hidden",children:d}),e.jsxs("ol",{className:"ams-pagination__list",children:[e.jsx("li",{children:e.jsxs("button",{className:"ams-pagination__button",disabled:n===1,onClick:T,type:"button",children:[e.jsx(x,{svg:M,size:"level-5"}),e.jsx("span",{className:"ams-visually-hidden",children:l}),e.jsx("span",{"aria-hidden":!0,children:f})]})}),C.map(a=>typeof a=="number"?e.jsx("li",{children:e.jsxs("button",{"aria-current":a===n?!0:void 0,className:b("ams-pagination__button",a===n&&"ams-pagination__button--current"),onClick:()=>a!==n&&h(a),tabIndex:a===n?-1:0,type:"button",children:[e.jsx("span",{className:"ams-visually-hidden",children:a===n?`Pagina ${a}`:`Ga naar pagina ${a}`}),e.jsx("span",{"aria-hidden":!0,children:a})]})},a):e.jsx("li",{"aria-hidden":!0,"data-testid":a,children:"…"},a)),e.jsx("li",{children:e.jsxs("button",{className:"ams-pagination__button",disabled:n===t,onClick:q,type:"button",children:[e.jsx("span",{className:"ams-visually-hidden",children:s}),e.jsx("span",{"aria-hidden":!0,children:g}),e.jsx(x,{svg:H,size:"level-5"})]})})]})]})});p.displayName="Pagination";try{p.displayName="Pagination",p.__docgenInfo={description:"",displayName:"Pagination",props:{maxVisiblePages:{defaultValue:{value:"7"},description:"The maximum amount of pages shown. Minimum value: 5.",name:"maxVisiblePages",required:!1,type:{name:"number"}},nextLabel:{defaultValue:{value:"volgende"},description:"The visible label for the next page-button.",name:"nextLabel",required:!1,type:{name:"string"}},nextVisuallyHiddenLabel:{defaultValue:{value:"Volgende pagina"},description:"The accessible name for the next page-button.",name:"nextVisuallyHiddenLabel",required:!1,type:{name:"string"}},onPageChange:{defaultValue:null,description:"A function to run when the page number changes.",name:"onPageChange",required:!1,type:{name:"((page: number) => void)"}},page:{defaultValue:{value:"1"},description:"The current page number.",name:"page",required:!1,type:{name:"number"}},previousLabel:{defaultValue:{value:"vorige"},description:"The visible label for the previous page-button.",name:"previousLabel",required:!1,type:{name:"string"}},previousVisuallyHiddenLabel:{defaultValue:{value:"Vorige pagina"},description:"The accessible name for the previous page-button.",name:"previousVisuallyHiddenLabel",required:!1,type:{name:"string"}},totalPages:{defaultValue:null,description:"The total amount of pages.",name:"totalPages",required:!0,type:{name:"number"}},visuallyHiddenLabel:{defaultValue:{value:"Paginering"},description:"The accessible name for the Pagination component.",name:"visuallyHiddenLabel",required:!1,type:{name:"string"}}}}}catch{}const k={title:"Components/Navigation/Pagination",component:p,args:{page:1,maxVisiblePages:7,totalPages:10},argTypes:{onPageChange:{action:"page changed"},page:{control:{type:"number",min:1}}},decorators:[(o,{args:i})=>e.jsx("div",{id:"ams-docs-custom-root",children:e.jsx(o,{})},JSON.stringify(i))],parameters:{html:{root:"#ams-docs-custom-root"}}},m={};var y,_,j;m.parameters={...m.parameters,docs:{...(y=m.parameters)==null?void 0:y.docs,source:{originalSource:"{}",...(j=(_=m.parameters)==null?void 0:_.docs)==null?void 0:j.source}}};const R=["Default"],N=Object.freeze(Object.defineProperty({__proto__:null,Default:m,__namedExportsOrder:R,default:k},Symbol.toStringTag,{value:"Module"}));export{N as P}; diff --git a/demo-develop/assets/Paragraph.docs-CahkV25s.js b/demo-develop/assets/Paragraph.docs-BKc28q91.js similarity index 96% rename from demo-develop/assets/Paragraph.docs-CahkV25s.js rename to demo-develop/assets/Paragraph.docs-BKc28q91.js index 8a979ad54d..5269436f36 100644 --- a/demo-develop/assets/Paragraph.docs-CahkV25s.js +++ b/demo-develop/assets/Paragraph.docs-BKc28q91.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as s,aq as i,ar as h,as as p,at as a}from"./index-U-bvrYWS.js";import{P as l,L as c,S as d,I as g}from"./Paragraph.stories-j7tRZau7.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./exampleContent-CpGgN1Hc.js";import"./Paragraph-B2U4A2CY.js";import"./clsx-B-dksMZM.js";const m=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as s,aq as i,ar as h,as as p,at as a}from"./index-CYpc6MNd.js";import{P as l,L as c,S as d,I as g}from"./Paragraph.stories-j7tRZau7.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./exampleContent-CpGgN1Hc.js";import"./Paragraph-B2U4A2CY.js";import"./clsx-B-dksMZM.js";const m=` # Paragraph diff --git a/demo-develop/assets/PasswordInput.docs-XojD9w8j.js b/demo-develop/assets/PasswordInput.docs-DI5zV_kt.js similarity index 91% rename from demo-develop/assets/PasswordInput.docs-XojD9w8j.js rename to demo-develop/assets/PasswordInput.docs-DI5zV_kt.js index 97d4328dee..97fc6fdbff 100644 --- a/demo-develop/assets/PasswordInput.docs-XojD9w8j.js +++ b/demo-develop/assets/PasswordInput.docs-DI5zV_kt.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as i,aq as a,ar as d,as as h,at as t}from"./index-U-bvrYWS.js";import{P as p,I as c,a as l}from"./PasswordInput.stories-CZDY2FII.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const m=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as i,aq as a,ar as d,as as h,at as t}from"./index-CYpc6MNd.js";import{P as p,I as c,a as l}from"./PasswordInput.stories-lL4gWE7p.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";const m=` # Password Input diff --git a/demo-develop/assets/PasswordInput.stories-CZDY2FII.js b/demo-develop/assets/PasswordInput.stories-lL4gWE7p.js similarity index 95% rename from demo-develop/assets/PasswordInput.stories-CZDY2FII.js rename to demo-develop/assets/PasswordInput.stories-lL4gWE7p.js index 8fba8984a4..8c05ddb252 100644 --- a/demo-develop/assets/PasswordInput.stories-CZDY2FII.js +++ b/demo-develop/assets/PasswordInput.stories-lL4gWE7p.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{d as v,e as h,P as b,E as f}from"./index.esm-C0OPbFsf.js";import{c as y}from"./clsx-B-dksMZM.js";import{r as I}from"./index-RigO-4kf.js";const i=I.forwardRef(({className:r,dir:j,invalid:F,...x},P)=>e.jsx("input",{...x,"aria-invalid":F||void 0,autoCorrect:"off",className:y("ams-password-input",r),dir:j??"auto",ref:P,spellCheck:"false",type:"password"}));i.displayName="PasswordInput";try{i.displayName="PasswordInput",i.__docgenInfo={description:"",displayName:"PasswordInput",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}}}}}catch{}const _={title:"Components/Forms/Password Input",component:i,args:{disabled:!1,invalid:!1},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."}}},a={},s={render:r=>e.jsxs(v,{invalid:r.invalid,children:[e.jsx(h,{htmlFor:"input1",children:"Label"}),e.jsx(b,{id:"description1",size:"small",children:"Omschrijving."}),r.invalid&&e.jsx(f,{id:"error1",children:"Foutmelding."}),e.jsx(i,{"aria-describedby":`description1${r.invalid?" error1":""}`,id:"input1",...r})]})},d={args:{invalid:!0},render:r=>e.jsxs(v,{invalid:r.invalid,children:[e.jsx(h,{htmlFor:"input2",children:"Label"}),e.jsx(b,{id:"description2",size:"small",children:"Omschrijving."}),r.invalid&&e.jsx(f,{id:"error2",children:"Foutmelding."}),e.jsx(i,{"aria-describedby":`description2${r.invalid?" error2":""}`,id:"input2",...r})]})};var o,n,t;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(t=(n=a.parameters)==null?void 0:n.docs)==null?void 0:t.source}}};var l,p,c;s.parameters={...s.parameters,docs:{...(l=s.parameters)==null?void 0:l.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{b as v,c as h,P as b,E as f}from"./index.esm-ciNFknO_.js";import{c as y}from"./clsx-B-dksMZM.js";import{r as I}from"./index-RigO-4kf.js";const i=I.forwardRef(({className:r,dir:j,invalid:F,...x},P)=>e.jsx("input",{...x,"aria-invalid":F||void 0,autoCorrect:"off",className:y("ams-password-input",r),dir:j??"auto",ref:P,spellCheck:"false",type:"password"}));i.displayName="PasswordInput";try{i.displayName="PasswordInput",i.__docgenInfo={description:"",displayName:"PasswordInput",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}}}}}catch{}const _={title:"Components/Forms/Password Input",component:i,args:{disabled:!1,invalid:!1},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."}}},a={},s={render:r=>e.jsxs(v,{invalid:r.invalid,children:[e.jsx(h,{htmlFor:"input1",children:"Label"}),e.jsx(b,{id:"description1",size:"small",children:"Omschrijving."}),r.invalid&&e.jsx(f,{id:"error1",children:"Foutmelding."}),e.jsx(i,{"aria-describedby":`description1${r.invalid?" error1":""}`,id:"input1",...r})]})},d={args:{invalid:!0},render:r=>e.jsxs(v,{invalid:r.invalid,children:[e.jsx(h,{htmlFor:"input2",children:"Label"}),e.jsx(b,{id:"description2",size:"small",children:"Omschrijving."}),r.invalid&&e.jsx(f,{id:"error2",children:"Foutmelding."}),e.jsx(i,{"aria-describedby":`description2${r.invalid?" error2":""}`,id:"input2",...r})]})};var o,n,t;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(t=(n=a.parameters)==null?void 0:n.docs)==null?void 0:t.source}}};var l,p,c;s.parameters={...s.parameters,docs:{...(l=s.parameters)==null?void 0:l.docs,source:{originalSource:`{ render: args => diff --git a/demo-develop/assets/Radio.docs-Da_dNeHT.js b/demo-develop/assets/Radio.docs-C3GCinEC.js similarity index 91% rename from demo-develop/assets/Radio.docs-Da_dNeHT.js rename to demo-develop/assets/Radio.docs-C3GCinEC.js index 82203e4c8c..fddd40ad91 100644 --- a/demo-develop/assets/Radio.docs-Da_dNeHT.js +++ b/demo-develop/assets/Radio.docs-C3GCinEC.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as d,as as c,at as i}from"./index-U-bvrYWS.js";import{R as l,I as h,a as m,W as p}from"./Radio.stories-DKE1deat.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const u=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as d,as as c,at as i}from"./index-CYpc6MNd.js";import{R as l,I as h,a as m,W as p}from"./Radio.stories-BitR48Hi.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";const u=` # Radio diff --git a/demo-develop/assets/Radio.stories-DKE1deat.js b/demo-develop/assets/Radio.stories-BitR48Hi.js similarity index 99% rename from demo-develop/assets/Radio.stories-DKE1deat.js rename to demo-develop/assets/Radio.stories-BitR48Hi.js index 791c41cb81..d8a748095f 100644 --- a/demo-develop/assets/Radio.stories-DKE1deat.js +++ b/demo-develop/assets/Radio.stories-BitR48Hi.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{F as N,P as C,E as w,C as S}from"./index.esm-C0OPbFsf.js";import{c as A}from"./clsx-B-dksMZM.js";import{r as u}from"./index-RigO-4kf.js";const W=a=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",...a,children:[e.jsx("circle",{cx:12,cy:12,r:10,className:"ams-radio__circle"}),e.jsx("circle",{cx:12,cy:12,r:9.5,className:"ams-radio__hover-indicator"}),e.jsx("circle",{cx:12,cy:12,r:6,className:"ams-radio__checked-indicator"})]});try{RadioIcon.displayName="RadioIcon",RadioIcon.__docgenInfo={description:"",displayName:"RadioIcon",props:{}}}catch{}const r=u.forwardRef(({children:a,className:l,icon:n,invalid:t,...E},k)=>{const m=u.useId();return e.jsxs("div",{className:A("ams-radio",l),children:[e.jsx("input",{...E,"aria-invalid":t||void 0,className:"ams-radio__input",id:m,ref:k,type:"radio"}),e.jsxs("label",{className:"ams-radio__label",htmlFor:m,children:[e.jsx("span",{className:"ams-radio__icon-container",children:n??e.jsx(W,{})}),a]})]})});r.displayName="Radio";try{r.displayName="Radio",r.__docgenInfo={description:"",displayName:"Radio",props:{icon:{defaultValue:null,description:"An icon to display instead of the default icon.",name:"icon",required:!1,type:{name:"ReactNode"}},invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}}}}}catch{}const c=a=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false",...a,children:[e.jsx("path",{className:"ams-radio__circle",d:"M 13.92 20.26 z m -0.1088 4.6456 l -2.336 -2.324 c -4.0904 -3.7048 -5.592 -5.1368 -7.1088 -6.9104 C 2.16 13.0928 1 10.7624 1 8 C 1 4.032 4.232 0.8 8.4 0.8 c 2.012 0 3.9624 0.808 5.4 4 C 15.2368 1.6088 17.1872 0.8 19.2 0.8 C 23.368 0.8 26.6 4.032 26.6 8.2 c 0 2.5624 -1.16 4.8928 -3.3672 7.472 c -1.516 1.7712 -3.0144 3.2 -7.104 6.904 z"}),e.jsx("path",{className:"ams-radio__checked-indicator",d:"M 13.92 20.26 z m -0.1088 4.6456 l -2.336 -2.324 c -4.0904 -3.7048 -5.592 -5.1368 -7.1088 -6.9104 C 2.16 13.0928 1 10.7624 1 8 C 1 4.032 4.232 0.8 8.4 0.8 c 2.012 0 3.9624 0.808 5.4 4 C 15.2368 1.6088 17.1872 0.8 19.2 0.8 C 23.368 0.8 26.6 4.032 26.6 8.2 c 0 2.5624 -1.16 4.8928 -3.3672 7.472 c -1.516 1.7712 -3.0144 3.2 -7.104 6.904 z"})]});try{c.displayName="CustomIcon",c.__docgenInfo={description:"",displayName:"CustomIcon",props:{}}}catch{}const{useArgs:F}=__STORYBOOK_MODULE_PREVIEW_API__,P={title:"Components/Forms/Radio",component:r,args:{checked:!1,children:"Radio label",disabled:!1,invalid:!1},argTypes:{checked:{description:"Whether the control is checked."},children:{description:"The text for the label.",table:{disable:!1}},disabled:{description:"Prevents interaction. Avoid if possible."},icon:{table:{disable:!0}},invalid:{description:"Whether the value fails a validation rule."},onChange:{action:"clicked",table:{disable:!0}}},render:a=>{const[,l]=F(),n=t=>{l({checked:t.target.checked})};return e.jsx(r,{onClick:n,...a})}},s={},i={argTypes:{checked:{table:{disable:!0}},children:{table:{disable:!0}},disabled:{table:{disable:!0}}},render:({invalid:a})=>e.jsxs(N,{"aria-describedby":`description1${a?" error1":""}`,invalid:a,legend:"Waar gaat uw melding over?",role:"radiogroup",children:[e.jsx(C,{className:"ams-mb--sm",id:"description1",size:"small",children:"De laatstgenoemde melding."}),a&&e.jsx(w,{className:"ams-mb--sm",id:"error1",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(S,{gap:"extra-small",children:[e.jsx(r,{invalid:a,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"evenement",children:"Evenement"}),e.jsx(r,{invalid:a,name:"about",value:"anders",children:"Iets anders"})]})]})},d={args:{invalid:!0},argTypes:{checked:{table:{disable:!0}},children:{table:{disable:!0}},disabled:{table:{disable:!0}}},render:({invalid:a})=>e.jsxs(N,{"aria-describedby":`description2${a?" error2":""}`,invalid:a,legend:"Waar gaat uw melding over?",role:"radiogroup",children:[e.jsx(C,{className:"ams-mb--sm",id:"description2",size:"small",children:"De laatstgenoemde melding."}),a&&e.jsx(w,{className:"ams-mb--sm",id:"error2",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(S,{gap:"extra-small",children:[e.jsx(r,{invalid:a,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"evenement",children:"Evenement"}),e.jsx(r,{invalid:a,name:"about",value:"anders",children:"Iets anders"})]})]})},o={args:{icon:e.jsx(c,{})}};var p,b,g;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(g=(b=s.parameters)==null?void 0:b.docs)==null?void 0:g.source}}};var h,v,_;i.parameters={...i.parameters,docs:{...(h=i.parameters)==null?void 0:h.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{F as N,P as C,E as w,C as S}from"./index.esm-ciNFknO_.js";import{c as A}from"./clsx-B-dksMZM.js";import{r as u}from"./index-RigO-4kf.js";const W=a=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",...a,children:[e.jsx("circle",{cx:12,cy:12,r:10,className:"ams-radio__circle"}),e.jsx("circle",{cx:12,cy:12,r:9.5,className:"ams-radio__hover-indicator"}),e.jsx("circle",{cx:12,cy:12,r:6,className:"ams-radio__checked-indicator"})]});try{RadioIcon.displayName="RadioIcon",RadioIcon.__docgenInfo={description:"",displayName:"RadioIcon",props:{}}}catch{}const r=u.forwardRef(({children:a,className:l,icon:n,invalid:t,...E},k)=>{const m=u.useId();return e.jsxs("div",{className:A("ams-radio",l),children:[e.jsx("input",{...E,"aria-invalid":t||void 0,className:"ams-radio__input",id:m,ref:k,type:"radio"}),e.jsxs("label",{className:"ams-radio__label",htmlFor:m,children:[e.jsx("span",{className:"ams-radio__icon-container",children:n??e.jsx(W,{})}),a]})]})});r.displayName="Radio";try{r.displayName="Radio",r.__docgenInfo={description:"",displayName:"Radio",props:{icon:{defaultValue:null,description:"An icon to display instead of the default icon.",name:"icon",required:!1,type:{name:"ReactNode"}},invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}}}}}catch{}const c=a=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false",...a,children:[e.jsx("path",{className:"ams-radio__circle",d:"M 13.92 20.26 z m -0.1088 4.6456 l -2.336 -2.324 c -4.0904 -3.7048 -5.592 -5.1368 -7.1088 -6.9104 C 2.16 13.0928 1 10.7624 1 8 C 1 4.032 4.232 0.8 8.4 0.8 c 2.012 0 3.9624 0.808 5.4 4 C 15.2368 1.6088 17.1872 0.8 19.2 0.8 C 23.368 0.8 26.6 4.032 26.6 8.2 c 0 2.5624 -1.16 4.8928 -3.3672 7.472 c -1.516 1.7712 -3.0144 3.2 -7.104 6.904 z"}),e.jsx("path",{className:"ams-radio__checked-indicator",d:"M 13.92 20.26 z m -0.1088 4.6456 l -2.336 -2.324 c -4.0904 -3.7048 -5.592 -5.1368 -7.1088 -6.9104 C 2.16 13.0928 1 10.7624 1 8 C 1 4.032 4.232 0.8 8.4 0.8 c 2.012 0 3.9624 0.808 5.4 4 C 15.2368 1.6088 17.1872 0.8 19.2 0.8 C 23.368 0.8 26.6 4.032 26.6 8.2 c 0 2.5624 -1.16 4.8928 -3.3672 7.472 c -1.516 1.7712 -3.0144 3.2 -7.104 6.904 z"})]});try{c.displayName="CustomIcon",c.__docgenInfo={description:"",displayName:"CustomIcon",props:{}}}catch{}const{useArgs:F}=__STORYBOOK_MODULE_PREVIEW_API__,P={title:"Components/Forms/Radio",component:r,args:{checked:!1,children:"Radio label",disabled:!1,invalid:!1},argTypes:{checked:{description:"Whether the control is checked."},children:{description:"The text for the label.",table:{disable:!1}},disabled:{description:"Prevents interaction. Avoid if possible."},icon:{table:{disable:!0}},invalid:{description:"Whether the value fails a validation rule."},onChange:{action:"clicked",table:{disable:!0}}},render:a=>{const[,l]=F(),n=t=>{l({checked:t.target.checked})};return e.jsx(r,{onClick:n,...a})}},s={},i={argTypes:{checked:{table:{disable:!0}},children:{table:{disable:!0}},disabled:{table:{disable:!0}}},render:({invalid:a})=>e.jsxs(N,{"aria-describedby":`description1${a?" error1":""}`,invalid:a,legend:"Waar gaat uw melding over?",role:"radiogroup",children:[e.jsx(C,{className:"ams-mb--sm",id:"description1",size:"small",children:"De laatstgenoemde melding."}),a&&e.jsx(w,{className:"ams-mb--sm",id:"error1",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(S,{gap:"extra-small",children:[e.jsx(r,{invalid:a,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"evenement",children:"Evenement"}),e.jsx(r,{invalid:a,name:"about",value:"anders",children:"Iets anders"})]})]})},d={args:{invalid:!0},argTypes:{checked:{table:{disable:!0}},children:{table:{disable:!0}},disabled:{table:{disable:!0}}},render:({invalid:a})=>e.jsxs(N,{"aria-describedby":`description2${a?" error2":""}`,invalid:a,legend:"Waar gaat uw melding over?",role:"radiogroup",children:[e.jsx(C,{className:"ams-mb--sm",id:"description2",size:"small",children:"De laatstgenoemde melding."}),a&&e.jsx(w,{className:"ams-mb--sm",id:"error2",children:"Geef aan waar uw laatstgenoemde melding over gaat."}),e.jsxs(S,{gap:"extra-small",children:[e.jsx(r,{invalid:a,name:"about",value:"horeca",children:"Horecabedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"ander_bedrijf",children:"Ander soort bedrijf"}),e.jsx(r,{invalid:a,name:"about",value:"evenement",children:"Evenement"}),e.jsx(r,{invalid:a,name:"about",value:"anders",children:"Iets anders"})]})]})},o={args:{icon:e.jsx(c,{})}};var p,b,g;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(g=(b=s.parameters)==null?void 0:b.docs)==null?void 0:g.source}}};var h,v,_;i.parameters={...i.parameters,docs:{...(h=i.parameters)==null?void 0:h.docs,source:{originalSource:`{ argTypes: { checked: { table: { diff --git a/demo-develop/assets/Row.docs-DHMUzlOb.js b/demo-develop/assets/Row.docs-B_6U0yZO.js similarity index 92% rename from demo-develop/assets/Row.docs-DHMUzlOb.js rename to demo-develop/assets/Row.docs-B_6U0yZO.js index ba42b80d75..f7315f43a6 100644 --- a/demo-develop/assets/Row.docs-DHMUzlOb.js +++ b/demo-develop/assets/Row.docs-B_6U0yZO.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as l}from"./index-3rgQkYFR.js";import{ae as o,aq as r,ar as a,as as h,at as t}from"./index-U-bvrYWS.js";import{R as d,A as c,E as p,a as g,b as m,V as x,W as j}from"./Row.stories-MG0PIdL0.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./types-B5YJ6HHW.js";const f=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as l}from"./index-3rgQkYFR.js";import{ae as o,aq as r,ar as a,as as h,at as t}from"./index-CYpc6MNd.js";import{R as d,A as c,E as p,a as g,b as m,V as x,W as j}from"./Row.stories-CcVF9zQ8.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./types-B5YJ6HHW.js";const f=` # Row diff --git a/demo-develop/assets/Row.stories-MG0PIdL0.js b/demo-develop/assets/Row.stories-CcVF9zQ8.js similarity index 96% rename from demo-develop/assets/Row.stories-MG0PIdL0.js rename to demo-develop/assets/Row.stories-CcVF9zQ8.js index ce05fe41da..9ee4ba18ea 100644 --- a/demo-develop/assets/Row.stories-MG0PIdL0.js +++ b/demo-develop/assets/Row.stories-CcVF9zQ8.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{g as $,H as z,L as D}from"./index.esm-C0OPbFsf.js";import{m as I,a as M}from"./types-B5YJ6HHW.js";import{c as P}from"./clsx-B-dksMZM.js";import{r as F}from"./index-RigO-4kf.js";const c=F.forwardRef(({align:a,alignVertical:m,as:L="div",children:q,className:C,gap:d,wrap:H,...B},W)=>e.jsx(L,{...B,ref:W,className:P("ams-row",a&&`ams-row--align-${a}`,m&&`ams-row--align-vertical-${m}`,d&&`ams-row--gap-${d}`,H&&"ams-row--wrap",C),children:q}));c.displayName="Row";try{c.displayName="Row",c.__docgenInfo={description:"",displayName:"Row",props:{align:{defaultValue:{value:"start"},description:"The horizontal alignment of the items in the row.",name:"align",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"end"'},{value:'"between"'},{value:'"around"'},{value:'"evenly"'}]}},alignVertical:{defaultValue:{value:"stretch"},description:"The vertical alignment of the items in the row.",name:"alignVertical",required:!1,type:{name:"enum",value:[{value:'"baseline"'},{value:'"center"'},{value:'"end"'},{value:'"start"'}]}},as:{defaultValue:{value:"div"},description:"The HTML element to use.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"div"'},{value:'"section"'}]}},gap:{defaultValue:{value:"medium"},description:"The amount of space between items.",name:"gap",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"small"'},{value:'"large"'},{value:'"extra-small"'},{value:'"extra-large"'}]}},wrap:{defaultValue:{value:"false"},description:"Whether items of the row can wrap onto multiple lines.",name:"wrap",required:!1,type:{name:"boolean"}}}}}catch{}const G=[e.jsx("div",{className:"ams-docs-item"},0),e.jsx("div",{className:"ams-docs-item"},1),e.jsx("div",{className:"ams-docs-item"},2)],J={title:"Components/Layout/Row",component:c,args:{children:G,className:"ams-docs-row"},argTypes:{align:{control:{type:"radio",labels:{undefined:"start"}},options:[void 0,...I]},alignVertical:{control:{type:"radio",labels:{undefined:"stretch"}},options:[void 0,...M]},className:{table:{disable:!0}},gap:{control:{type:"radio",labels:{undefined:"medium"}},options:["none","extra-small","small",void 0,"large","extra-large"]}}},r={},s={args:{align:"evenly"}},n={args:{align:"end",alignVertical:"center",children:e.jsx($,{label:"AB"})}},l={args:{align:"end",dir:"rtl"},argTypes:{dir:{table:{disable:!0}}}},t={args:{align:"between",alignVertical:"baseline",children:[e.jsx(z,{level:3,children:"An example heading"}),e.jsx(D,{href:"#",children:"An example link"})],className:void 0,wrap:!0}},i={args:{alignVertical:"center"}},o={args:{children:Array.from(Array(4).keys()).map(a=>e.jsx("span",{className:"ams-docs-item",style:{flexBasis:"16rem"}},a)),wrap:!0}};var p,u,g;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(g=(u=r.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var v,f,h;s.parameters={...s.parameters,docs:{...(v=s.parameters)==null?void 0:v.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{e as $,H as z,L as D}from"./index.esm-ciNFknO_.js";import{m as I,a as M}from"./types-B5YJ6HHW.js";import{c as P}from"./clsx-B-dksMZM.js";import{r as F}from"./index-RigO-4kf.js";const c=F.forwardRef(({align:a,alignVertical:m,as:L="div",children:q,className:C,gap:d,wrap:H,...B},W)=>e.jsx(L,{...B,ref:W,className:P("ams-row",a&&`ams-row--align-${a}`,m&&`ams-row--align-vertical-${m}`,d&&`ams-row--gap-${d}`,H&&"ams-row--wrap",C),children:q}));c.displayName="Row";try{c.displayName="Row",c.__docgenInfo={description:"",displayName:"Row",props:{align:{defaultValue:{value:"start"},description:"The horizontal alignment of the items in the row.",name:"align",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"end"'},{value:'"between"'},{value:'"around"'},{value:'"evenly"'}]}},alignVertical:{defaultValue:{value:"stretch"},description:"The vertical alignment of the items in the row.",name:"alignVertical",required:!1,type:{name:"enum",value:[{value:'"baseline"'},{value:'"center"'},{value:'"end"'},{value:'"start"'}]}},as:{defaultValue:{value:"div"},description:"The HTML element to use.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"div"'},{value:'"section"'}]}},gap:{defaultValue:{value:"medium"},description:"The amount of space between items.",name:"gap",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"small"'},{value:'"extra-small"'},{value:'"large"'},{value:'"extra-large"'}]}},wrap:{defaultValue:{value:"false"},description:"Whether items of the row can wrap onto multiple lines.",name:"wrap",required:!1,type:{name:"boolean"}}}}}catch{}const G=[e.jsx("div",{className:"ams-docs-item"},0),e.jsx("div",{className:"ams-docs-item"},1),e.jsx("div",{className:"ams-docs-item"},2)],J={title:"Components/Layout/Row",component:c,args:{children:G,className:"ams-docs-row"},argTypes:{align:{control:{type:"radio",labels:{undefined:"start"}},options:[void 0,...I]},alignVertical:{control:{type:"radio",labels:{undefined:"stretch"}},options:[void 0,...M]},className:{table:{disable:!0}},gap:{control:{type:"radio",labels:{undefined:"medium"}},options:["none","extra-small","small",void 0,"large","extra-large"]}}},r={},s={args:{align:"evenly"}},n={args:{align:"end",alignVertical:"center",children:e.jsx($,{label:"AB"})}},l={args:{align:"end",dir:"rtl"},argTypes:{dir:{table:{disable:!0}}}},t={args:{align:"between",alignVertical:"baseline",children:[e.jsx(z,{level:3,children:"An example heading"}),e.jsx(D,{href:"#",children:"An example link"})],className:void 0,wrap:!0}},i={args:{alignVertical:"center"}},o={args:{children:Array.from(Array(4).keys()).map(a=>e.jsx("span",{className:"ams-docs-item",style:{flexBasis:"16rem"}},a)),wrap:!0}};var p,u,g;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(g=(u=r.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var v,f,h;s.parameters={...s.parameters,docs:{...(v=s.parameters)==null?void 0:v.docs,source:{originalSource:`{ args: { align: 'evenly' } diff --git a/demo-develop/assets/Screen.docs-BJPw55BO.js b/demo-develop/assets/Screen.docs-BjRfEaJ3.js similarity index 92% rename from demo-develop/assets/Screen.docs-BJPw55BO.js rename to demo-develop/assets/Screen.docs-BjRfEaJ3.js index 8484526a17..64b3d4c4af 100644 --- a/demo-develop/assets/Screen.docs-BJPw55BO.js +++ b/demo-develop/assets/Screen.docs-BjRfEaJ3.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as i,aq as r,ar as a,as as m,at as c}from"./index-U-bvrYWS.js";import{S as d,E as p}from"./Screen.stories-BEbhUpOk.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const h=` +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as i,aq as r,ar as a,as as m,at as c}from"./index-CYpc6MNd.js";import{S as d,E as p}from"./Screen.stories-BEbhUpOk.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const h=` # Screen diff --git a/demo-develop/assets/SearchField.docs-DGqaRhsL.js b/demo-develop/assets/SearchField.docs-B8Ud8lY5.js similarity index 90% rename from demo-develop/assets/SearchField.docs-DGqaRhsL.js rename to demo-develop/assets/SearchField.docs-B8Ud8lY5.js index dac5c49ff6..873f0044ed 100644 --- a/demo-develop/assets/SearchField.docs-DGqaRhsL.js +++ b/demo-develop/assets/SearchField.docs-B8Ud8lY5.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as c,as as h,at as o}from"./index-U-bvrYWS.js";import{S as l,W as u,C as p}from"./SearchField.stories-B7d7NZfk.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Button-QlQc6Uo1.js";import"./Icon-CPe807nE.js";const d=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as c,as as h,at as o}from"./index-CYpc6MNd.js";import{S as l,W as u,C as p}from"./SearchField.stories-DkVKo3RE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./Button-D-IxByo5.js";import"./Icon-D9-xhxHj.js";const d=` # Search Field diff --git a/demo-develop/assets/SearchField.stories-B7d7NZfk.js b/demo-develop/assets/SearchField.stories-DkVKo3RE.js similarity index 89% rename from demo-develop/assets/SearchField.stories-B7d7NZfk.js rename to demo-develop/assets/SearchField.stories-DkVKo3RE.js index eff9089d31..e8c8cb725e 100644 --- a/demo-develop/assets/SearchField.stories-B7d7NZfk.js +++ b/demo-develop/assets/SearchField.stories-DkVKo3RE.js @@ -1,4 +1,4 @@ -import{j as a}from"./jsx-runtime-BjgbQsUx.js";import{c as j}from"./clsx-B-dksMZM.js";import{r as u}from"./index-RigO-4kf.js";import{j as C}from"./index.esm-Bz9pa_xK.js";import{B as N}from"./Button-QlQc6Uo1.js";const I=u.forwardRef(({children:e="Zoeken",...r},t)=>a.jsx(N,{...r,icon:C,iconOnly:!0,ref:t,children:e}));I.displayName="SearchField.Button";try{SearchField.Button.displayName="SearchField.Button",SearchField.Button.__docgenInfo={description:"",displayName:"SearchField.Button",props:{}}}catch{}const D=u.forwardRef(({className:e,dir:r,invalid:t,label:o="Zoeken",...p},h)=>{const i=u.useId();return a.jsxs(a.Fragment,{children:[a.jsx("label",{htmlFor:i,className:"ams-visually-hidden",children:o}),a.jsx("input",{...p,"aria-invalid":t||void 0,autoComplete:"off",className:j("ams-search-field__input",e),dir:r??"auto",enterKeyHint:"search",id:i,ref:h,spellCheck:"false",type:"search"})]})});D.displayName="SearchField.Input";try{SearchField.Input.displayName="SearchField.Input",SearchField.Input.__docgenInfo={description:"",displayName:"SearchField.Input",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}},label:{defaultValue:{value:"Zoeken"},description:"Describes the field for screen readers.",name:"label",required:!1,type:{name:"string"}}}}}catch{}const B=u.forwardRef(({children:e,className:r,...t},o)=>a.jsx("form",{role:"search",...t,ref:o,className:j("ams-search-field",r),children:e}));B.displayName="SearchField";const n=Object.assign(B,{Button:I,Input:D});try{n.displayName="SearchField",n.__docgenInfo={description:"",displayName:"SearchField",props:{}}}catch{}const{useArgs:w}=__STORYBOOK_MODULE_PREVIEW_API__,O={title:"Components/Forms/Search Field",component:n,args:{invalid:!1,onSubmit:e=>{e.preventDefault()}},argTypes:{label:{description:"Describes the field for screen readers."},onSubmit:{table:{disable:!0}},placeholder:{description:"Displayed while the field is empty."}},render:({invalid:e,label:r,placeholder:t,...o})=>a.jsxs(n,{...o,children:[a.jsx(n.Input,{invalid:e,label:r,placeholder:t}),a.jsx(n.Button,{})]})},s={},l={args:{placeholder:"Wat kunnen we voor u vinden?"}},c={args:{value:""},render:function({invalid:r,label:t,placeholder:o}){const[p,h]=w(),i=d=>{h({value:d.target.value})};return a.jsxs(n,{onSubmit:d=>{d.preventDefault();const m=new FormData(d.currentTarget).get("search-box");m&&alert(`Gezocht op '${m}'`)},children:[a.jsx(n.Input,{name:"search-box",value:p.value,invalid:r,label:t,onChange:i,placeholder:o}),a.jsx(n.Button,{})]})}};var f,g,_;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:"{}",...(_=(g=s.parameters)==null?void 0:g.docs)==null?void 0:_.source}}};var v,S,F;l.parameters={...l.parameters,docs:{...(v=l.parameters)==null?void 0:v.docs,source:{originalSource:`{ +import{j as a}from"./jsx-runtime-BjgbQsUx.js";import{c as I}from"./clsx-B-dksMZM.js";import{r as u}from"./index-RigO-4kf.js";import{l as C}from"./index.esm-kml84xjK.js";import{B as N}from"./Button-D-IxByo5.js";const j=u.forwardRef(({children:e="Zoeken",...r},t)=>a.jsx(N,{...r,icon:C,iconOnly:!0,ref:t,children:e}));j.displayName="SearchField.Button";try{SearchField.Button.displayName="SearchField.Button",SearchField.Button.__docgenInfo={description:"",displayName:"SearchField.Button",props:{}}}catch{}const D=u.forwardRef(({className:e,dir:r,invalid:t,label:o="Zoeken",...p},h)=>{const i=u.useId();return a.jsxs(a.Fragment,{children:[a.jsx("label",{htmlFor:i,className:"ams-visually-hidden",children:o}),a.jsx("input",{...p,"aria-invalid":t||void 0,autoComplete:"off",className:I("ams-search-field__input",e),dir:r??"auto",enterKeyHint:"search",id:i,ref:h,spellCheck:"false",type:"search"})]})});D.displayName="SearchField.Input";try{SearchField.Input.displayName="SearchField.Input",SearchField.Input.__docgenInfo={description:"",displayName:"SearchField.Input",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}},label:{defaultValue:{value:"Zoeken"},description:"Describes the field for screen readers.",name:"label",required:!1,type:{name:"string"}}}}}catch{}const B=u.forwardRef(({children:e,className:r,...t},o)=>a.jsx("form",{role:"search",...t,ref:o,className:I("ams-search-field",r),children:e}));B.displayName="SearchField";const n=Object.assign(B,{Button:j,Input:D});try{n.displayName="SearchField",n.__docgenInfo={description:"",displayName:"SearchField",props:{}}}catch{}const{useArgs:w}=__STORYBOOK_MODULE_PREVIEW_API__,O={title:"Components/Forms/Search Field",component:n,args:{invalid:!1,onSubmit:e=>{e.preventDefault()}},argTypes:{label:{description:"Describes the field for screen readers."},onSubmit:{table:{disable:!0}},placeholder:{description:"Displayed while the field is empty."}},render:({invalid:e,label:r,placeholder:t,...o})=>a.jsxs(n,{...o,children:[a.jsx(n.Input,{invalid:e,label:r,placeholder:t}),a.jsx(n.Button,{})]})},s={},l={args:{placeholder:"Wat kunnen we voor u vinden?"}},c={args:{value:""},render:function({invalid:r,label:t,placeholder:o}){const[p,h]=w(),i=d=>{h({value:d.target.value})};return a.jsxs(n,{onSubmit:d=>{d.preventDefault();const m=new FormData(d.currentTarget).get("search-box");m&&alert(`Gezocht op '${m}'`)},children:[a.jsx(n.Input,{name:"search-box",value:p.value,invalid:r,label:t,onChange:i,placeholder:o}),a.jsx(n.Button,{})]})}};var f,g,_;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:"{}",...(_=(g=s.parameters)==null?void 0:g.docs)==null?void 0:_.source}}};var v,S,F;l.parameters={...l.parameters,docs:{...(v=l.parameters)==null?void 0:v.docs,source:{originalSource:`{ args: { placeholder: 'Wat kunnen we voor u vinden?' } diff --git a/demo-develop/assets/Select.docs-CNKy4BzD.js b/demo-develop/assets/Select.docs-DlYGMCEJ.js similarity index 89% rename from demo-develop/assets/Select.docs-CNKy4BzD.js rename to demo-develop/assets/Select.docs-DlYGMCEJ.js index ce9431e963..9621e54013 100644 --- a/demo-develop/assets/Select.docs-CNKy4BzD.js +++ b/demo-develop/assets/Select.docs-DlYGMCEJ.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as d,ar as a,as as l,at as i}from"./index-U-bvrYWS.js";import{S as c,G as h,I as m,D as p,a as x,b as j}from"./Select.stories-F41ytB21.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const f=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as d,ar as a,as as l,at as i}from"./index-CYpc6MNd.js";import{S as c,G as h,I as m,D as p,a as x,b as j}from"./Select.stories-Bj4EHOpp.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";const f=` # Select diff --git a/demo-develop/assets/Select.stories-F41ytB21.js b/demo-develop/assets/Select.stories-Bj4EHOpp.js similarity index 98% rename from demo-develop/assets/Select.stories-F41ytB21.js rename to demo-develop/assets/Select.stories-Bj4EHOpp.js index 1cc939975e..be3a5d9e1b 100644 --- a/demo-develop/assets/Select.stories-F41ytB21.js +++ b/demo-develop/assets/Select.stories-Bj4EHOpp.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{d as P,e as W,P as B,E}from"./index.esm-C0OPbFsf.js";import{c as u}from"./clsx-B-dksMZM.js";import{r as O}from"./index-RigO-4kf.js";const I=O.forwardRef(({children:t,className:i,...n},o)=>e.jsx("option",{...n,ref:o,className:u("ams-select__option",i),children:t}));I.displayName="Select.Option";try{Select.Option.displayName="Select.Option",Select.Option.__docgenInfo={description:"",displayName:"Select.Option",props:{}}}catch{}const A=O.forwardRef(({children:t,className:i,...n},o)=>e.jsx("optgroup",{...n,ref:o,className:u("ams-select__group",i),children:t}));A.displayName="Select.Group";try{Select.Group.displayName="Select.Group",Select.Group.__docgenInfo={description:"",displayName:"Select.Group",props:{}}}catch{}const H=O.forwardRef(({children:t,className:i,invalid:n,...o},K)=>e.jsx("select",{...o,"aria-invalid":n||void 0,className:u("ams-select",i),ref:K,children:t}));H.displayName="Select";const r=Object.assign(H,{Option:I,Group:A});try{r.displayName="Select",r.__docgenInfo={description:"",displayName:"Select",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}}}}}catch{}const S=[e.jsx(r.Option,{value:"1",children:"Centrum"},"1"),e.jsx(r.Option,{value:"2",children:"Noord"},"2"),e.jsx(r.Option,{value:"3",children:"West"},"3"),e.jsx(r.Option,{value:"4",disabled:!0,children:"Westpoort"},"4"),e.jsx(r.Option,{value:"5",children:"Nieuw-West"},"6"),e.jsx(r.Option,{value:"6",children:"Zuid"},"7"),e.jsx(r.Option,{value:"7",children:"Zuidoost"},"8")],D={title:"Components/Forms/Select",component:r,args:{invalid:!1,disabled:!1,children:S},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."}}},l={},a={args:{children:[e.jsxs(r.Group,{label:"Burgwallen-Oude Zijde",children:[e.jsx(r.Option,{children:"BG-terrein e.o."}),e.jsx(r.Option,{children:"Burgwallen oost"}),e.jsx(r.Option,{children:"Kop Zeedijk"}),e.jsx(r.Option,{children:"Nes e.o."}),e.jsx(r.Option,{children:"Oude Kerk e.o."})]},"1"),e.jsxs(r.Group,{label:"Burgwallen-Nieuwe Zijde",children:[e.jsx(r.Option,{children:"Begijnhofbuurt"}),e.jsx(r.Option,{children:"Hemelrijk"}),e.jsx(r.Option,{children:"Kalverdriehoek"}),e.jsx(r.Option,{children:"Nieuwe Kerk e.o."}),e.jsx(r.Option,{children:"Nieuwendijk Noord"}),e.jsx(r.Option,{children:"Spuistraat Noord"}),e.jsx(r.Option,{children:"Spuistraat Zuid"}),e.jsx(r.Option,{children:"Stationsplein e.o."})]},"2"),e.jsxs(r.Group,{label:"Grachtengordel-West",children:[e.jsx(r.Option,{children:"Felix Meritisbuurt"}),e.jsx(r.Option,{children:"Langestraat e.o."}),e.jsx(r.Option,{children:"Leidsegracht Noord"}),e.jsx(r.Option,{children:"Leliegracht e.o."})]},"3"),e.jsxs(r.Group,{label:"Haarlemmerbuurt",children:[e.jsx(r.Option,{children:"Haarlemmerbuurt Oost"}),e.jsx(r.Option,{children:"Haarlemmerbuurt West"}),e.jsx(r.Option,{children:"Planciusbuurt Noord"}),e.jsx(r.Option,{children:"Planciusbuurt Zuid"}),e.jsx(r.Option,{children:"Westelijke eilanden"}),e.jsx(r.Option,{children:"Westerdokseiland"})]},"4"),e.jsxs(r.Group,{label:"Jordaan",children:[e.jsx(r.Option,{children:"Anjeliersbuurt Noord"}),e.jsx(r.Option,{children:"Anjeliersbuurt Zuid"}),e.jsx(r.Option,{children:"Bloemgrachtbuurt"}),e.jsx(r.Option,{children:"Driehoekbuurt"}),e.jsx(r.Option,{children:"Elandsgrachtbuurt"}),e.jsx(r.Option,{children:"Groenmarktkadebuurt"}),e.jsx(r.Option,{children:"Marnixbuurt Midden"}),e.jsx(r.Option,{children:"Marnixbuurt Noord"}),e.jsx(r.Option,{children:"Marnixbuurt Zuid"}),e.jsx(r.Option,{children:"Passeerdersgrachtbuurt"}),e.jsx(r.Option,{children:"Zaagpoortbuurt"})]},"5")]}},s={args:{invalid:!0}},c={args:{disabled:!0}},d={render:t=>e.jsxs(P,{invalid:t.invalid,children:[e.jsx(W,{htmlFor:"input1",children:"Label"}),e.jsx(B,{id:"description1",size:"small",children:"Omschrijving."}),t.invalid&&e.jsx(E,{id:"error1",children:"Foutmelding."}),e.jsx(r,{"aria-describedby":`description1${t.invalid?" error1":""}`,id:"input1",...t,children:S})]})},p={args:{invalid:!0},render:t=>e.jsxs(P,{invalid:t.invalid,children:[e.jsx(W,{htmlFor:"input2",children:"Label"}),e.jsx(B,{id:"description2",size:"small",children:"Omschrijving."}),t.invalid&&e.jsx(E,{id:"error2",children:"Foutmelding."}),e.jsx(r,{"aria-describedby":`description2${t.invalid?" error2":""}`,id:"input2",...t,children:S})]})};var h,m,j;l.parameters={...l.parameters,docs:{...(h=l.parameters)==null?void 0:h.docs,source:{originalSource:"{}",...(j=(m=l.parameters)==null?void 0:m.docs)==null?void 0:j.source}}};var b,g,x;a.parameters={...a.parameters,docs:{...(b=a.parameters)==null?void 0:b.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{b as P,c as W,P as B,E}from"./index.esm-ciNFknO_.js";import{c as u}from"./clsx-B-dksMZM.js";import{r as O}from"./index-RigO-4kf.js";const I=O.forwardRef(({children:t,className:i,...n},o)=>e.jsx("option",{...n,ref:o,className:u("ams-select__option",i),children:t}));I.displayName="Select.Option";try{Select.Option.displayName="Select.Option",Select.Option.__docgenInfo={description:"",displayName:"Select.Option",props:{}}}catch{}const A=O.forwardRef(({children:t,className:i,...n},o)=>e.jsx("optgroup",{...n,ref:o,className:u("ams-select__group",i),children:t}));A.displayName="Select.Group";try{Select.Group.displayName="Select.Group",Select.Group.__docgenInfo={description:"",displayName:"Select.Group",props:{}}}catch{}const H=O.forwardRef(({children:t,className:i,invalid:n,...o},K)=>e.jsx("select",{...o,"aria-invalid":n||void 0,className:u("ams-select",i),ref:K,children:t}));H.displayName="Select";const r=Object.assign(H,{Option:I,Group:A});try{r.displayName="Select",r.__docgenInfo={description:"",displayName:"Select",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}}}}}catch{}const S=[e.jsx(r.Option,{value:"1",children:"Centrum"},"1"),e.jsx(r.Option,{value:"2",children:"Noord"},"2"),e.jsx(r.Option,{value:"3",children:"West"},"3"),e.jsx(r.Option,{value:"4",disabled:!0,children:"Westpoort"},"4"),e.jsx(r.Option,{value:"5",children:"Nieuw-West"},"6"),e.jsx(r.Option,{value:"6",children:"Zuid"},"7"),e.jsx(r.Option,{value:"7",children:"Zuidoost"},"8")],D={title:"Components/Forms/Select",component:r,args:{invalid:!1,disabled:!1,children:S},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."}}},l={},a={args:{children:[e.jsxs(r.Group,{label:"Burgwallen-Oude Zijde",children:[e.jsx(r.Option,{children:"BG-terrein e.o."}),e.jsx(r.Option,{children:"Burgwallen oost"}),e.jsx(r.Option,{children:"Kop Zeedijk"}),e.jsx(r.Option,{children:"Nes e.o."}),e.jsx(r.Option,{children:"Oude Kerk e.o."})]},"1"),e.jsxs(r.Group,{label:"Burgwallen-Nieuwe Zijde",children:[e.jsx(r.Option,{children:"Begijnhofbuurt"}),e.jsx(r.Option,{children:"Hemelrijk"}),e.jsx(r.Option,{children:"Kalverdriehoek"}),e.jsx(r.Option,{children:"Nieuwe Kerk e.o."}),e.jsx(r.Option,{children:"Nieuwendijk Noord"}),e.jsx(r.Option,{children:"Spuistraat Noord"}),e.jsx(r.Option,{children:"Spuistraat Zuid"}),e.jsx(r.Option,{children:"Stationsplein e.o."})]},"2"),e.jsxs(r.Group,{label:"Grachtengordel-West",children:[e.jsx(r.Option,{children:"Felix Meritisbuurt"}),e.jsx(r.Option,{children:"Langestraat e.o."}),e.jsx(r.Option,{children:"Leidsegracht Noord"}),e.jsx(r.Option,{children:"Leliegracht e.o."})]},"3"),e.jsxs(r.Group,{label:"Haarlemmerbuurt",children:[e.jsx(r.Option,{children:"Haarlemmerbuurt Oost"}),e.jsx(r.Option,{children:"Haarlemmerbuurt West"}),e.jsx(r.Option,{children:"Planciusbuurt Noord"}),e.jsx(r.Option,{children:"Planciusbuurt Zuid"}),e.jsx(r.Option,{children:"Westelijke eilanden"}),e.jsx(r.Option,{children:"Westerdokseiland"})]},"4"),e.jsxs(r.Group,{label:"Jordaan",children:[e.jsx(r.Option,{children:"Anjeliersbuurt Noord"}),e.jsx(r.Option,{children:"Anjeliersbuurt Zuid"}),e.jsx(r.Option,{children:"Bloemgrachtbuurt"}),e.jsx(r.Option,{children:"Driehoekbuurt"}),e.jsx(r.Option,{children:"Elandsgrachtbuurt"}),e.jsx(r.Option,{children:"Groenmarktkadebuurt"}),e.jsx(r.Option,{children:"Marnixbuurt Midden"}),e.jsx(r.Option,{children:"Marnixbuurt Noord"}),e.jsx(r.Option,{children:"Marnixbuurt Zuid"}),e.jsx(r.Option,{children:"Passeerdersgrachtbuurt"}),e.jsx(r.Option,{children:"Zaagpoortbuurt"})]},"5")]}},s={args:{invalid:!0}},c={args:{disabled:!0}},d={render:t=>e.jsxs(P,{invalid:t.invalid,children:[e.jsx(W,{htmlFor:"input1",children:"Label"}),e.jsx(B,{id:"description1",size:"small",children:"Omschrijving."}),t.invalid&&e.jsx(E,{id:"error1",children:"Foutmelding."}),e.jsx(r,{"aria-describedby":`description1${t.invalid?" error1":""}`,id:"input1",...t,children:S})]})},p={args:{invalid:!0},render:t=>e.jsxs(P,{invalid:t.invalid,children:[e.jsx(W,{htmlFor:"input2",children:"Label"}),e.jsx(B,{id:"description2",size:"small",children:"Omschrijving."}),t.invalid&&e.jsx(E,{id:"error2",children:"Foutmelding."}),e.jsx(r,{"aria-describedby":`description2${t.invalid?" error2":""}`,id:"input2",...t,children:S})]})};var h,m,j;l.parameters={...l.parameters,docs:{...(h=l.parameters)==null?void 0:h.docs,source:{originalSource:"{}",...(j=(m=l.parameters)==null?void 0:m.docs)==null?void 0:j.source}}};var b,g,x;a.parameters={...a.parameters,docs:{...(b=a.parameters)==null?void 0:b.docs,source:{originalSource:`{ args: { children: [ BG-terrein e.o. diff --git a/demo-develop/assets/SkipLink.docs-C0O_SymK.js b/demo-develop/assets/SkipLink.docs-Be8nWFLp.js similarity index 85% rename from demo-develop/assets/SkipLink.docs-C0O_SymK.js rename to demo-develop/assets/SkipLink.docs-Be8nWFLp.js index 4ffbcfa5ad..7052b95d66 100644 --- a/demo-develop/assets/SkipLink.docs-C0O_SymK.js +++ b/demo-develop/assets/SkipLink.docs-Be8nWFLp.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as s,aq as r,ar as p,as as l,at as t}from"./index-U-bvrYWS.js";import{S as m,O as h,M as c}from"./SkipLink.stories-Bre2mMDb.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const d=` +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as s,aq as r,ar as p,as as l,at as t}from"./index-CYpc6MNd.js";import{S as m,O as h,M as c}from"./SkipLink.stories-Ctxb7Qdn.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";const d=` # Skip Link diff --git a/demo-develop/assets/SkipLink.stories-Bre2mMDb.js b/demo-develop/assets/SkipLink.stories-Ctxb7Qdn.js similarity index 97% rename from demo-develop/assets/SkipLink.stories-Bre2mMDb.js rename to demo-develop/assets/SkipLink.stories-Ctxb7Qdn.js index c577e705e7..87421a49aa 100644 --- a/demo-develop/assets/SkipLink.stories-Bre2mMDb.js +++ b/demo-develop/assets/SkipLink.stories-Ctxb7Qdn.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as g}from"./index.esm-C0OPbFsf.js";import{c as y}from"./clsx-B-dksMZM.js";import{r as v}from"./index-RigO-4kf.js";const i=v.forwardRef(({children:n,className:u,...f},S)=>e.jsx("a",{...f,ref:S,className:y("ams-skip-link","ams-visually-hidden",u),children:n}));i.displayName="SkipLink";try{i.displayName="SkipLink",i.__docgenInfo={description:"",displayName:"SkipLink",props:{}}}catch{}const L={title:"Components/Navigation/Skip Link",component:i,args:{children:"Direct naar inhoud",href:"#"},argTypes:{children:{description:"The text to attach the link to.",table:{disable:!1}},href:{description:"The url for the link. References an anchor on the current page."},style:{table:{disable:!0}}}},r={args:{style:{clip:"initial",clipPath:"initial",height:"initial",overflow:"initial",position:"initial",whiteSpace:"initial",width:"initial"}}},t={decorators:[n=>e.jsxs(e.Fragment,{children:[e.jsx(g,{size:"small",style:{marginBottom:"2rem"},children:"Klik op deze tekst en druk vervolgens op tab om de Skip Link te tonen."}),e.jsx(n,{})]})]},a={render:()=>e.jsxs(e.Fragment,{children:[e.jsx(g,{size:"small",style:{marginBottom:"2rem"},children:"Klik op deze tekst en druk vervolgens twee keer op tab om de Skip Links te tonen."}),e.jsx(i,{href:"#",children:"Direct naar inhoud"}),e.jsx(i,{href:"#",children:"Direct naar contactgegevens"})]})};var o,s,l;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as g}from"./index.esm-ciNFknO_.js";import{c as y}from"./clsx-B-dksMZM.js";import{r as v}from"./index-RigO-4kf.js";const i=v.forwardRef(({children:n,className:u,...f},S)=>e.jsx("a",{...f,ref:S,className:y("ams-skip-link","ams-visually-hidden",u),children:n}));i.displayName="SkipLink";try{i.displayName="SkipLink",i.__docgenInfo={description:"",displayName:"SkipLink",props:{}}}catch{}const L={title:"Components/Navigation/Skip Link",component:i,args:{children:"Direct naar inhoud",href:"#"},argTypes:{children:{description:"The text to attach the link to.",table:{disable:!1}},href:{description:"The url for the link. References an anchor on the current page."},style:{table:{disable:!0}}}},r={args:{style:{clip:"initial",clipPath:"initial",height:"initial",overflow:"initial",position:"initial",whiteSpace:"initial",width:"initial"}}},t={decorators:[n=>e.jsxs(e.Fragment,{children:[e.jsx(g,{size:"small",style:{marginBottom:"2rem"},children:"Klik op deze tekst en druk vervolgens op tab om de Skip Link te tonen."}),e.jsx(n,{})]})]},a={render:()=>e.jsxs(e.Fragment,{children:[e.jsx(g,{size:"small",style:{marginBottom:"2rem"},children:"Klik op deze tekst en druk vervolgens twee keer op tab om de Skip Links te tonen."}),e.jsx(i,{href:"#",children:"Direct naar inhoud"}),e.jsx(i,{href:"#",children:"Direct naar contactgegevens"})]})};var o,s,l;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{ args: { // This resets the default behaviour of only showing the link // on focus, in order to always show the link in Storybook diff --git a/demo-develop/assets/Spotlight.docs-Dy_82sHI.js b/demo-develop/assets/Spotlight.docs-DTiw39b7.js similarity index 88% rename from demo-develop/assets/Spotlight.docs-Dy_82sHI.js rename to demo-develop/assets/Spotlight.docs-DTiw39b7.js index 5182d943b1..082e986289 100644 --- a/demo-develop/assets/Spotlight.docs-Dy_82sHI.js +++ b/demo-develop/assets/Spotlight.docs-DTiw39b7.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as c,as as l,at as t}from"./index-U-bvrYWS.js";import{S as d,A as m,G as h,L as p,M as u,O as x,Y as j,I as g}from"./Spotlight.stories-Cakz_JvD.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-CpGgN1Hc.js";const f=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as c,as as l,at as t}from"./index-CYpc6MNd.js";import{S as d,A as m,G as h,L as p,M as u,O as x,Y as j,I as g}from"./Spotlight.stories-BdQosNKT.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./exampleContent-CpGgN1Hc.js";const f=` # Spotlight diff --git a/demo-develop/assets/Spotlight.stories-Cakz_JvD.js b/demo-develop/assets/Spotlight.stories-BdQosNKT.js similarity index 90% rename from demo-develop/assets/Spotlight.stories-Cakz_JvD.js rename to demo-develop/assets/Spotlight.stories-BdQosNKT.js index fbbc2ebc61..4a3473b1c0 100644 --- a/demo-develop/assets/Spotlight.stories-Cakz_JvD.js +++ b/demo-develop/assets/Spotlight.stories-BdQosNKT.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-BjgbQsUx.js";import{G as d,h as B}from"./index.esm-C0OPbFsf.js";import{c as H}from"./exampleContent-CpGgN1Hc.js";import{c as P}from"./clsx-B-dksMZM.js";import{r as Q}from"./index-RigO-4kf.js";const g="purple",p=Q.forwardRef(({as:i="div",children:e,className:k,color:u=g,...D},R)=>r.jsx(i,{...D,ref:R,className:P("ams-spotlight",u!==g&&`ams-spotlight--${u}`,k),children:e}));p.displayName="Spotlight";try{p.displayName="Spotlight",p.__docgenInfo={description:"",displayName:"Spotlight",props:{as:{defaultValue:null,description:"The HTML element to use.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"div"'},{value:'"section"'},{value:'"aside"'},{value:'"footer"'}]}},color:{defaultValue:{value:"purple"},description:"The background colour.",name:"color",required:!1,type:{name:"enum",value:[{value:'"azure"'},{value:'"green"'},{value:'"lime"'},{value:'"magenta"'},{value:'"orange"'},{value:'"purple"'},{value:'"yellow"'}]}}}}}catch{}const $=H(),F={title:"Components/Containers/Spotlight",component:p,render:({as:i,color:e})=>r.jsx(p,{as:i,color:e,children:r.jsx(d,{paddingVertical:"medium",children:r.jsx(d.Cell,{span:"all",children:r.jsx(B,{inverseColor:!e||!["lime","yellow"].includes(e),children:$})})})})},a={},o={args:{color:"azure"}},s={args:{color:"green"}},t={args:{color:"lime"}},c={args:{color:"magenta"}},n={args:{color:"orange"}},l={args:{color:"yellow"}},m={args:{as:"section"}};var v,S,f;a.parameters={...a.parameters,docs:{...(v=a.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(f=(S=a.parameters)==null?void 0:S.docs)==null?void 0:f.source}}};var h,_,y;o.parameters={...o.parameters,docs:{...(h=o.parameters)==null?void 0:h.docs,source:{originalSource:`{ +import{j as r}from"./jsx-runtime-BjgbQsUx.js";import{G as d,f as B}from"./index.esm-ciNFknO_.js";import{c as H}from"./exampleContent-CpGgN1Hc.js";import{c as P}from"./clsx-B-dksMZM.js";import{r as Q}from"./index-RigO-4kf.js";const g="purple",p=Q.forwardRef(({as:i="div",children:e,className:k,color:u=g,...D},R)=>r.jsx(i,{...D,ref:R,className:P("ams-spotlight",u!==g&&`ams-spotlight--${u}`,k),children:e}));p.displayName="Spotlight";try{p.displayName="Spotlight",p.__docgenInfo={description:"",displayName:"Spotlight",props:{as:{defaultValue:null,description:"The HTML element to use.",name:"as",required:!1,type:{name:"enum",value:[{value:'"article"'},{value:'"div"'},{value:'"section"'},{value:'"aside"'},{value:'"footer"'}]}},color:{defaultValue:{value:"purple"},description:"The background colour.",name:"color",required:!1,type:{name:"enum",value:[{value:'"azure"'},{value:'"green"'},{value:'"lime"'},{value:'"magenta"'},{value:'"orange"'},{value:'"purple"'},{value:'"yellow"'}]}}}}}catch{}const $=H(),F={title:"Components/Containers/Spotlight",component:p,render:({as:i,color:e})=>r.jsx(p,{as:i,color:e,children:r.jsx(d,{paddingVertical:"medium",children:r.jsx(d.Cell,{span:"all",children:r.jsx(B,{inverseColor:!e||!["lime","yellow"].includes(e),children:$})})})})},a={},o={args:{color:"azure"}},s={args:{color:"green"}},t={args:{color:"lime"}},c={args:{color:"magenta"}},n={args:{color:"orange"}},l={args:{color:"yellow"}},m={args:{as:"section"}};var v,f,S;a.parameters={...a.parameters,docs:{...(v=a.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(S=(f=a.parameters)==null?void 0:f.docs)==null?void 0:S.source}}};var h,_,y;o.parameters={...o.parameters,docs:{...(h=o.parameters)==null?void 0:h.docs,source:{originalSource:`{ args: { color: 'azure' } diff --git a/demo-develop/assets/Switch.docs-SJ-ab8ep.js b/demo-develop/assets/Switch.docs-D8olgyB_.js similarity index 85% rename from demo-develop/assets/Switch.docs-SJ-ab8ep.js rename to demo-develop/assets/Switch.docs-D8olgyB_.js index 81664860c5..663fc56dae 100644 --- a/demo-develop/assets/Switch.docs-SJ-ab8ep.js +++ b/demo-develop/assets/Switch.docs-D8olgyB_.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as o,aq as a,ar as r,as as c,at as l}from"./index-U-bvrYWS.js";import{S as h,W as m}from"./Switch.stories-D66JiAyY.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const p=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as o,aq as a,ar as r,as as c,at as l}from"./index-CYpc6MNd.js";import{S as h,W as m}from"./Switch.stories-C9fm22hr.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";const p=` # Switch diff --git a/demo-develop/assets/Switch.stories-D66JiAyY.js b/demo-develop/assets/Switch.stories-C9fm22hr.js similarity index 94% rename from demo-develop/assets/Switch.stories-D66JiAyY.js rename to demo-develop/assets/Switch.stories-C9fm22hr.js index 73388227aa..4922a395e6 100644 --- a/demo-develop/assets/Switch.stories-D66JiAyY.js +++ b/demo-develop/assets/Switch.stories-C9fm22hr.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{e as b}from"./index.esm-C0OPbFsf.js";import{c as w}from"./clsx-B-dksMZM.js";import{r as n}from"./index-RigO-4kf.js";const s=n.forwardRef(({className:t,id:r,...c},a)=>{const l=r||n.useId();return e.jsxs("div",{className:w("ams-switch",t),children:[e.jsx("input",{...c,className:"ams-switch__input",id:l,ref:a,type:"checkbox",role:"switch"}),e.jsx("label",{className:"ams-switch__label",htmlFor:l})]})});s.displayName="Switch";try{s.displayName="Switch",s.__docgenInfo={description:"",displayName:"Switch",props:{}}}catch{}const{useArgs:u}=__STORYBOOK_MODULE_PREVIEW_API__,k={title:"Components/Forms/Switch",component:s,args:{checked:!1,disabled:!1},argTypes:{checked:{description:"Whether the control is initially checked."},disabled:{description:"Prevents interaction. Avoid if possible."},onChange:{action:"clicked",table:{disable:!0}}},render:t=>{const[,r]=u(),c=a=>{r({checked:a.target.checked})};return e.jsx(s,{onClick:c,...t})}},i={},o={decorators:[t=>e.jsx("div",{style:{display:"flex",alignItems:"center",gap:"5rem"},children:e.jsx(t,{})})],render:t=>{const[,r]=u(),c=a=>{r({checked:a.target.checked})};return e.jsxs(e.Fragment,{children:[e.jsx(b,{htmlFor:"switch-with-label",children:"Label"}),e.jsx(s,{onClick:c,...t,id:"switch-with-label"})]})}};var d,h,m;i.parameters={...i.parameters,docs:{...(d=i.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(m=(h=i.parameters)==null?void 0:h.docs)==null?void 0:m.source}}};var p,g,_;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{c as b}from"./index.esm-ciNFknO_.js";import{c as w}from"./clsx-B-dksMZM.js";import{r as n}from"./index-RigO-4kf.js";const s=n.forwardRef(({className:t,id:r,...c},a)=>{const l=r||n.useId();return e.jsxs("div",{className:w("ams-switch",t),children:[e.jsx("input",{...c,className:"ams-switch__input",id:l,ref:a,type:"checkbox",role:"switch"}),e.jsx("label",{className:"ams-switch__label",htmlFor:l})]})});s.displayName="Switch";try{s.displayName="Switch",s.__docgenInfo={description:"",displayName:"Switch",props:{}}}catch{}const{useArgs:u}=__STORYBOOK_MODULE_PREVIEW_API__,k={title:"Components/Forms/Switch",component:s,args:{checked:!1,disabled:!1},argTypes:{checked:{description:"Whether the control is initially checked."},disabled:{description:"Prevents interaction. Avoid if possible."},onChange:{action:"clicked",table:{disable:!0}}},render:t=>{const[,r]=u(),c=a=>{r({checked:a.target.checked})};return e.jsx(s,{onClick:c,...t})}},i={},o={decorators:[t=>e.jsx("div",{style:{display:"flex",alignItems:"center",gap:"5rem"},children:e.jsx(t,{})})],render:t=>{const[,r]=u(),c=a=>{r({checked:a.target.checked})};return e.jsxs(e.Fragment,{children:[e.jsx(b,{htmlFor:"switch-with-label",children:"Label"}),e.jsx(s,{onClick:c,...t,id:"switch-with-label"})]})}};var d,h,m;i.parameters={...i.parameters,docs:{...(d=i.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(m=(h=i.parameters)==null?void 0:h.docs)==null?void 0:m.source}}};var p,g,_;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`{ decorators: [Story =>
    +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as i,at as d}from"./index-CYpc6MNd.js";import{T as m,W as l}from"./Table.stories-BfFwfuPP.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";const c=` # Table diff --git a/demo-develop/assets/TableOfContents.docs-CM5Tn8OY.js b/demo-develop/assets/TableOfContents.docs-CijPmAdI.js similarity index 79% rename from demo-develop/assets/TableOfContents.docs-CM5Tn8OY.js rename to demo-develop/assets/TableOfContents.docs-CijPmAdI.js index d6d8e50f18..5ff1724b61 100644 --- a/demo-develop/assets/TableOfContents.docs-CM5Tn8OY.js +++ b/demo-develop/assets/TableOfContents.docs-CijPmAdI.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as i,ar as a,as as m,at as l}from"./index-U-bvrYWS.js";import{T as p,M as c}from"./TableOfContents.stories-VCBJ07Xc.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Heading-Vg3KKL7T.js";import"./getHeadingTag-Dv1eMqvl.js";const x=` +import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r,aq as i,ar as a,as as m,at as l}from"./index-CYpc6MNd.js";import{T as p,M as c}from"./TableOfContents.stories-4wGXH9sT.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Heading-kLxhGLS-.js";import"./getHeadingTag-Dv1eMqvl.js";const x=` # Table of Contents diff --git a/demo-develop/assets/TableOfContents.stories-VCBJ07Xc.js b/demo-develop/assets/TableOfContents.stories-4wGXH9sT.js similarity index 98% rename from demo-develop/assets/TableOfContents.stories-VCBJ07Xc.js rename to demo-develop/assets/TableOfContents.stories-4wGXH9sT.js index 2c9c055abe..d4ce4326ed 100644 --- a/demo-develop/assets/TableOfContents.stories-VCBJ07Xc.js +++ b/demo-develop/assets/TableOfContents.stories-4wGXH9sT.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{c}from"./clsx-B-dksMZM.js";import{r as f}from"./index-RigO-4kf.js";import{H as C}from"./Heading-Vg3KKL7T.js";const m=f.forwardRef(({children:t,className:a,label:s,...l},r)=>e.jsxs("li",{className:"ams-table-of-contents__item",children:[e.jsx("a",{...l,className:c("ams-table-of-contents__link",a),ref:r,children:s}),t]}));m.displayName="TableOfContents.Link";try{TableOfContents.Link.displayName="TableOfContents.Link",TableOfContents.Link.__docgenInfo={description:"",displayName:"TableOfContents.Link",props:{label:{defaultValue:null,description:"The text for the link.",name:"label",required:!0,type:{name:"string"}}}}}catch{}const T=f.forwardRef(({children:t,className:a,...s},l)=>e.jsx("ul",{...s,ref:l,className:c("ams-table-of-contents__list",a),children:t}));T.displayName="TableOfContents.List";try{TableOfContents.List.displayName="TableOfContents.List",TableOfContents.List.__docgenInfo={description:"",displayName:"TableOfContents.List",props:{}}}catch{}const u=f.forwardRef(({children:t,className:a,heading:s,headingLevel:l=2,...r},O)=>e.jsxs("nav",{...r,ref:O,className:c("ams-table-of-contents",a),children:[s&&e.jsx(C,{className:"ams-table-of-contents__heading",level:l,size:"level-4",children:s}),t]}));u.displayName="TableOfContents";const n=Object.assign(u,{Link:m,List:T});try{n.displayName="TableOfContents",n.__docgenInfo={description:"",displayName:"TableOfContents",props:{heading:{defaultValue:null,description:"The text for the Heading.",name:"heading",required:!1,type:{name:"string"}},headingLevel:{defaultValue:{value:"2"},description:`The hierarchical level of the Heading within the document. +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{c}from"./clsx-B-dksMZM.js";import{r as f}from"./index-RigO-4kf.js";import{H as C}from"./Heading-kLxhGLS-.js";const m=f.forwardRef(({children:t,className:a,label:s,...l},r)=>e.jsxs("li",{className:"ams-table-of-contents__item",children:[e.jsx("a",{...l,className:c("ams-table-of-contents__link",a),ref:r,children:s}),t]}));m.displayName="TableOfContents.Link";try{TableOfContents.Link.displayName="TableOfContents.Link",TableOfContents.Link.__docgenInfo={description:"",displayName:"TableOfContents.Link",props:{label:{defaultValue:null,description:"The text for the link.",name:"label",required:!0,type:{name:"string"}}}}}catch{}const T=f.forwardRef(({children:t,className:a,...s},l)=>e.jsx("ul",{...s,ref:l,className:c("ams-table-of-contents__list",a),children:t}));T.displayName="TableOfContents.List";try{TableOfContents.List.displayName="TableOfContents.List",TableOfContents.List.__docgenInfo={description:"",displayName:"TableOfContents.List",props:{}}}catch{}const u=f.forwardRef(({children:t,className:a,heading:s,headingLevel:l=2,...r},O)=>e.jsxs("nav",{...r,ref:O,className:c("ams-table-of-contents",a),children:[s&&e.jsx(C,{className:"ams-table-of-contents__heading",level:l,size:"level-4",children:s}),t]}));u.displayName="TableOfContents";const n=Object.assign(u,{Link:m,List:T});try{n.displayName="TableOfContents",n.__docgenInfo={description:"",displayName:"TableOfContents",props:{heading:{defaultValue:null,description:"The text for the Heading.",name:"heading",required:!1,type:{name:"string"}},headingLevel:{defaultValue:{value:"2"},description:`The hierarchical level of the Heading within the document. Note: this intentionally does not change the font size.`,name:"headingLevel",required:!1,type:{name:"enum",value:[{value:"1"},{value:"2"},{value:"3"},{value:"4"}]}}}}}catch{}const g={title:"Components/Navigation/Table of Contents",component:n,args:{heading:"Op deze pagina",children:e.jsxs(n.List,{children:[e.jsx(n.Link,{href:"#section-1",label:"Zo werkt het"}),e.jsx(n.Link,{href:"#section-2",label:"Voorwaarden"}),e.jsx(n.Link,{href:"#section-3",label:"Aanvragen"}),e.jsx(n.Link,{href:"#section-4",label:"Zie ook"})]})}},i={},o={args:{heading:"Inhoudsopgave",children:e.jsxs(n.List,{children:[e.jsx(n.Link,{href:"#section-1",label:"Waarom is het belangrijk om helder te schrijven?"}),e.jsx(n.Link,{href:"#section-2",label:"Schrijf in stappen",children:e.jsxs(n.List,{children:[e.jsx(n.Link,{href:"#section-2.1",label:"Stap 2"}),e.jsx(n.Link,{href:"#section-2.2",label:"Stap 3"}),e.jsx(n.Link,{href:"#section-2.3",label:"Stap 4"})]})}),e.jsx(n.Link,{href:"#section-3",label:"Structuur van een heldere tekst",children:e.jsxs(n.List,{children:[e.jsx(n.Link,{href:"#section-3.1",label:"Opmaakeisen"}),e.jsx(n.Link,{href:"#section-3.2",label:"Tekstlengte",children:e.jsx(n.List,{children:e.jsx(n.Link,{href:"#section-3.2.1",label:"Boodschap en achtergronden"})})}),e.jsx(n.Link,{href:"#section-3.3",label:"Alinea's en tussenkopjes"}),e.jsx(n.Link,{href:"#section-3.4",label:"Opsommingen"})]})}),e.jsx(n.Link,{href:"#section-4",label:"Taalgebruik in heldere taal"}),e.jsx(n.Link,{href:"#section-5",label:"Tekstonderdelen in heldere taal"}),e.jsx(n.Link,{href:"#section-6",label:"Moeilijke woordenboek (inclusief niet te gebruiken)"})]})}};var b,d,h;i.parameters={...i.parameters,docs:{...(b=i.parameters)==null?void 0:b.docs,source:{originalSource:"{}",...(h=(d=i.parameters)==null?void 0:d.docs)==null?void 0:h.source}}};var p,k,L;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`{ args: { heading: 'Inhoudsopgave', diff --git a/demo-develop/assets/Tabs.docs-CML4x9Kb.js b/demo-develop/assets/Tabs.docs-Y8kg2RV9.js similarity index 88% rename from demo-develop/assets/Tabs.docs-CML4x9Kb.js rename to demo-develop/assets/Tabs.docs-Y8kg2RV9.js index a409bbf7c0..254ad8015b 100644 --- a/demo-develop/assets/Tabs.docs-CML4x9Kb.js +++ b/demo-develop/assets/Tabs.docs-Y8kg2RV9.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as r,at as h}from"./index-U-bvrYWS.js";import{T as c,W as l}from"./Tabs.stories-7cPRMDoo.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-CpGgN1Hc.js";import"./useKeyboardFocus-CRUFsA_C.js";const p=` +import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as i,aq as s,ar as r,at as h}from"./index-CYpc6MNd.js";import{T as c,W as l}from"./Tabs.stories-Bxrzx6a_.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./exampleContent-CpGgN1Hc.js";import"./useKeyboardFocus-CRUFsA_C.js";const p=` # Tabs diff --git a/demo-develop/assets/Tabs.stories-7cPRMDoo.js b/demo-develop/assets/Tabs.stories-Bxrzx6a_.js similarity index 98% rename from demo-develop/assets/Tabs.stories-7cPRMDoo.js rename to demo-develop/assets/Tabs.stories-Bxrzx6a_.js index b459bb913a..77ef60f0f5 100644 --- a/demo-develop/assets/Tabs.stories-7cPRMDoo.js +++ b/demo-develop/assets/Tabs.stories-Bxrzx6a_.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{H as B,P as S}from"./index.esm-C0OPbFsf.js";import{b as T}from"./exampleContent-CpGgN1Hc.js";import{c as m}from"./clsx-B-dksMZM.js";import{r}from"./index-RigO-4kf.js";import{u as D}from"./useKeyboardFocus-CRUFsA_C.js";/** +import{j as t}from"./jsx-runtime-BjgbQsUx.js";import{H as B,P as S}from"./index.esm-ciNFknO_.js";import{b as T}from"./exampleContent-CpGgN1Hc.js";import{c as m}from"./clsx-B-dksMZM.js";import{r}from"./index-RigO-4kf.js";import{u as D}from"./useKeyboardFocus-CRUFsA_C.js";/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const O={activeTab:0,tabsId:"",updateTab:()=>{}},g=r.createContext(O),P=r.forwardRef(({children:e,className:a,tab:s=0,...o},c)=>{const{activeTab:i,tabsId:n,updateTab:u}=r.useContext(g);return t.jsxs("button",{...o,"aria-controls":`${n}-panel-${s}`,"aria-selected":i===s,className:m("ams-tabs__button",a),id:`${n}-tab-${s}`,onClick:()=>{r.startTransition(()=>{u(s)})},ref:c,role:"tab",tabIndex:i===s?0:-1,children:[t.jsx("span",{"aria-hidden":"true",className:"ams-tabs__button-label-hidden",children:e}),t.jsx("span",{className:"ams-tabs__button-label",children:e})]})});P.displayName="Tabs.Button";try{Tabs.Button.displayName="Tabs.Button",Tabs.Button.__docgenInfo={description:"",displayName:"Tabs.Button",props:{tab:{defaultValue:{value:"0"},description:"An identifier.",name:"tab",required:!1,type:{name:"number"}}}}}catch{}const L=r.forwardRef(({children:e,className:a,...s},o)=>t.jsx("div",{...s,role:"tablist",ref:o,className:m("ams-tabs__list",a),children:e}));L.displayName="Tabs.List";try{Tabs.List.displayName="Tabs.List",Tabs.List.__docgenInfo={description:"",displayName:"Tabs.List",props:{}}}catch{}const w=r.forwardRef(({tab:e,children:a,className:s,...o},c)=>{const{activeTab:i,tabsId:n}=r.useContext(g);return e!==i?null:t.jsx("div",{...o,role:"tabpanel","aria-labelledby":`${n}-tab-${e}`,id:`${n}-panel-${e}`,tabIndex:0,ref:c,className:m("ams-tabs__panel",s),children:a})});w.displayName="Tabs.Panel";try{Tabs.Panel.displayName="Tabs.Panel",Tabs.Panel.__docgenInfo={description:"",displayName:"Tabs.Panel",props:{tab:{defaultValue:null,description:"The identifier of the corresponding Tab.",name:"tab",required:!0,type:{name:"number"}}}}}catch{}const C=r.forwardRef(({activeTab:e,children:a,className:s,...o},c)=>{const i=r.useId(),n=r.useRef(null),[u,p]=r.useState(0),f=r.useMemo(()=>Array.isArray(a)?a[0].props.children:[],[a]);r.useEffect(()=>{typeof e=="number"&&Number.isInteger(e)&&(e<0?p(0):e>f.length-1?p(f.length-1):p(e))},[e,f]);const $=R=>{p(R)};r.useImperativeHandle(c,()=>n.current);const{keyDown:A}=D(n,{rotating:!0,horizontally:!0});return t.jsx(g.Provider,{value:{activeTab:u,updateTab:$,tabsId:i},children:t.jsx("div",{...o,role:"tabs",ref:n,onKeyDown:A,className:m("ams-tabs",s),children:a})})});C.displayName="Tabs";const l=Object.assign(C,{Button:P,List:L,Panel:w});try{l.displayName="Tabs",l.__docgenInfo={description:"",displayName:"Tabs",props:{activeTab:{defaultValue:null,description:"The number of the active tab. Corresponds to its `tab` value.",name:"activeTab",required:!1,type:{name:"number"}}}}}catch{}const _=1e3,E=({children:e})=>{console.log(`[ARTIFICIALLY SLOW] Adding a ${_}ms delay…`);let a=performance.now();for(;performance.now()-a<_;);return e},y=[{id:0,label:"Gegevens",body:T()},{id:1,label:"Aanslagen",body:T()},{id:2,label:"Documenten",body:t.jsxs(t.Fragment,{children:["(This tab panel simulates a load time of ",_," milliseconds.)",t.jsx(E,{})]})},{id:3,label:"Acties",body:T()}],V=[t.jsx(l.List,{children:y.map(({id:e,label:a})=>t.jsx(l.Button,{tab:e,children:a},a))},"tabsList"),y.map(({id:e,body:a,label:s})=>t.jsxs(l.Panel,{tab:e,children:[t.jsx(B,{className:"ams-mb--xs",level:3,children:s}),t.jsx(S,{children:a})]},s))],W={title:"Components/Containers/Tabs",component:l,args:{children:V},argTypes:{activeTab:{control:{type:"number",min:0,max:y.length-1}}}},d={},b={args:{activeTab:3}};var x,h,I;d.parameters={...d.parameters,docs:{...(x=d.parameters)==null?void 0:x.docs,source:{originalSource:"{}",...(I=(h=d.parameters)==null?void 0:h.docs)==null?void 0:I.source}}};var N,j,v;b.parameters={...b.parameters,docs:{...(N=b.parameters)==null?void 0:N.docs,source:{originalSource:`{ diff --git a/demo-develop/assets/TextArea.docs-ONOHW6Ec.js b/demo-develop/assets/TextArea.docs-DcmoydV3.js similarity index 90% rename from demo-develop/assets/TextArea.docs-ONOHW6Ec.js rename to demo-develop/assets/TextArea.docs-DcmoydV3.js index b2f9ab659f..2850da9fc9 100644 --- a/demo-develop/assets/TextArea.docs-ONOHW6Ec.js +++ b/demo-develop/assets/TextArea.docs-DcmoydV3.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as d,as as l,at as i}from"./index-U-bvrYWS.js";import{T as h,V as c,H as m,N as x,I as p,D as f,a as j,b as u}from"./TextArea.stories-v53gZ-OK.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-CpGgN1Hc.js";const b=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as d,as as l,at as i}from"./index-CYpc6MNd.js";import{T as h,V as c,H as m,N as x,I as p,D as f,a as j,b as u}from"./TextArea.stories-CnXZ08-O.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./exampleContent-CpGgN1Hc.js";const b=` # TextArea diff --git a/demo-develop/assets/TextArea.stories-v53gZ-OK.js b/demo-develop/assets/TextArea.stories-CnXZ08-O.js similarity index 97% rename from demo-develop/assets/TextArea.stories-v53gZ-OK.js rename to demo-develop/assets/TextArea.stories-CnXZ08-O.js index 6905980372..f5ace96153 100644 --- a/demo-develop/assets/TextArea.stories-v53gZ-OK.js +++ b/demo-develop/assets/TextArea.stories-CnXZ08-O.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-BjgbQsUx.js";import{d as w,e as D,P as $,E as H}from"./index.esm-C0OPbFsf.js";import{b as k}from"./exampleContent-CpGgN1Hc.js";import{c as B}from"./clsx-B-dksMZM.js";import{r as G}from"./index-RigO-4kf.js";const a=G.forwardRef(({className:e,dir:W,invalid:q,resize:p,...m},C)=>r.jsx("textarea",{...m,"aria-invalid":q||void 0,className:B("ams-text-area",p&&`ams-text-area--resize-${p}`,m.cols&&"ams-text-area--cols",e),dir:W??"auto",ref:C}));a.displayName="TextArea";try{a.displayName="TextArea",a.__docgenInfo={description:"",displayName:"TextArea",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}},resize:{defaultValue:null,description:"Allows the user to resize the text box. The default is resizing in both directions.",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"horizontal"'},{value:'"vertical"'}]}}}}}catch{}const J=k(),K={title:"Components/Forms/Text Area",component:a,args:{defaultValue:J,disabled:!1,invalid:!1},argTypes:{cols:{control:{type:"number"},description:"The width, expressed in the average number of characters."},defaultValue:{table:{disable:!0}},disabled:{description:"Prevents interaction. Avoid if possible."},resize:{control:{type:"radio",labels:{undefined:"default",none:"none",horizontal:"horizontal",vertical:"vertical"}},options:[void 0,"none","horizontal","vertical"]},rows:{control:{type:"number"},description:"The number of lines to show"}}},i={},s={args:{resize:"vertical"}},o={args:{resize:"horizontal"}},t={args:{resize:"none"}},n={args:{invalid:!0}},l={args:{disabled:!0}},d={render:e=>r.jsxs(w,{invalid:e.invalid,children:[r.jsx(D,{htmlFor:"input1",children:"Label"}),r.jsx($,{id:"description1",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(H,{id:"error1",children:"Foutmelding."}),r.jsx(a,{"aria-describedby":`description1${e.invalid?" error1":""}`,id:"input1",...e})]})},c={args:{invalid:!0},render:e=>r.jsxs(w,{invalid:e.invalid,children:[r.jsx(D,{htmlFor:"input2",children:"Label"}),r.jsx($,{id:"description2",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(H,{id:"error2",children:"Foutmelding."}),r.jsx(a,{"aria-describedby":`description2${e.invalid?" error2":""}`,id:"input2",...e})]})};var u,g,v;i.parameters={...i.parameters,docs:{...(u=i.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(v=(g=i.parameters)==null?void 0:g.docs)==null?void 0:v.source}}};var h,b,x;s.parameters={...s.parameters,docs:{...(h=s.parameters)==null?void 0:h.docs,source:{originalSource:`{ +import{j as r}from"./jsx-runtime-BjgbQsUx.js";import{b as w,c as D,P as $,E as H}from"./index.esm-ciNFknO_.js";import{b as k}from"./exampleContent-CpGgN1Hc.js";import{c as B}from"./clsx-B-dksMZM.js";import{r as G}from"./index-RigO-4kf.js";const a=G.forwardRef(({className:e,dir:W,invalid:q,resize:p,...m},C)=>r.jsx("textarea",{...m,"aria-invalid":q||void 0,className:B("ams-text-area",p&&`ams-text-area--resize-${p}`,m.cols&&"ams-text-area--cols",e),dir:W??"auto",ref:C}));a.displayName="TextArea";try{a.displayName="TextArea",a.__docgenInfo={description:"",displayName:"TextArea",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}},resize:{defaultValue:null,description:"Allows the user to resize the text box. The default is resizing in both directions.",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"horizontal"'},{value:'"vertical"'}]}}}}}catch{}const J=k(),K={title:"Components/Forms/Text Area",component:a,args:{defaultValue:J,disabled:!1,invalid:!1},argTypes:{cols:{control:{type:"number"},description:"The width, expressed in the average number of characters."},defaultValue:{table:{disable:!0}},disabled:{description:"Prevents interaction. Avoid if possible."},resize:{control:{type:"radio",labels:{undefined:"default",none:"none",horizontal:"horizontal",vertical:"vertical"}},options:[void 0,"none","horizontal","vertical"]},rows:{control:{type:"number"},description:"The number of lines to show"}}},i={},s={args:{resize:"vertical"}},o={args:{resize:"horizontal"}},t={args:{resize:"none"}},n={args:{invalid:!0}},l={args:{disabled:!0}},d={render:e=>r.jsxs(w,{invalid:e.invalid,children:[r.jsx(D,{htmlFor:"input1",children:"Label"}),r.jsx($,{id:"description1",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(H,{id:"error1",children:"Foutmelding."}),r.jsx(a,{"aria-describedby":`description1${e.invalid?" error1":""}`,id:"input1",...e})]})},c={args:{invalid:!0},render:e=>r.jsxs(w,{invalid:e.invalid,children:[r.jsx(D,{htmlFor:"input2",children:"Label"}),r.jsx($,{id:"description2",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(H,{id:"error2",children:"Foutmelding."}),r.jsx(a,{"aria-describedby":`description2${e.invalid?" error2":""}`,id:"input2",...e})]})};var u,g,v;i.parameters={...i.parameters,docs:{...(u=i.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(v=(g=i.parameters)==null?void 0:g.docs)==null?void 0:v.source}}};var h,b,x;s.parameters={...s.parameters,docs:{...(h=s.parameters)==null?void 0:h.docs,source:{originalSource:`{ args: { resize: 'vertical' } diff --git a/demo-develop/assets/TextInput.docs-DYvrO-YP.js b/demo-develop/assets/TextInput.docs-BawhRtI-.js similarity index 96% rename from demo-develop/assets/TextInput.docs-DYvrO-YP.js rename to demo-develop/assets/TextInput.docs-BawhRtI-.js index f5c7ba3e73..ae01e12131 100644 --- a/demo-develop/assets/TextInput.docs-DYvrO-YP.js +++ b/demo-develop/assets/TextInput.docs-BawhRtI-.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as r,aq as l,ar as a,as as d,at as s}from"./index-U-bvrYWS.js";import{T as h,E as c,W as p,P as m,a as u,I as f,D as x,b as j,c as b}from"./TextInput.stories-Dv9m6two.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const g=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as r,aq as l,ar as a,as as d,at as s}from"./index-CYpc6MNd.js";import{T as h,E as c,W as p,P as m,a as u,I as f,D as x,b as j,c as b}from"./TextInput.stories-CkXgpyn7.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";const g=` # Text Input diff --git a/demo-develop/assets/TextInput.stories-Dv9m6two.js b/demo-develop/assets/TextInput.stories-CkXgpyn7.js similarity index 97% rename from demo-develop/assets/TextInput.stories-Dv9m6two.js rename to demo-develop/assets/TextInput.stories-CkXgpyn7.js index be18c04f63..990b96cd98 100644 --- a/demo-develop/assets/TextInput.stories-Dv9m6two.js +++ b/demo-develop/assets/TextInput.stories-CkXgpyn7.js @@ -1,4 +1,4 @@ -import{j as a}from"./jsx-runtime-BjgbQsUx.js";import{d as q,e as R,P as k,E as w}from"./index.esm-C0OPbFsf.js";import{c as K}from"./clsx-B-dksMZM.js";import{r as Q}from"./index-RigO-4kf.js";const r=Q.forwardRef(({className:e,dir:C,invalid:B,type:G="text",...H},J)=>a.jsx("input",{...H,"aria-invalid":B||void 0,className:K("ams-text-input",e),dir:C??"auto",ref:J,type:G}));r.displayName="TextInput";try{r.displayName="TextInput",r.__docgenInfo={description:"",displayName:"TextInput",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"text"},description:"The kind of data that the user should provide.",name:"type",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"tel"'},{value:'"url"'},{value:'"email"'}]}}}}}catch{}const U={title:"Components/Forms/Text Input",component:r,args:{disabled:!1,invalid:!1},argTypes:{defaultValue:{table:{disable:!0}},disabled:{description:"Prevents interaction. Avoid if possible."},invalid:{description:"Whether the value fails a validation rule."}}},s={},i={args:{defaultValue:"designsystem@amsterdam.nl",type:"email"}},t={args:{defaultValue:"https://designsystem.amsterdam/",type:"url"}},d={args:{defaultValue:"14020",type:"tel"}},l={args:{placeholder:"Placeholder text"}},n={args:{defaultValue:"Invalid value",invalid:!0}},o={args:{defaultValue:"Disabled input",disabled:!0}},c={render:e=>a.jsxs(q,{invalid:e.invalid,children:[a.jsx(R,{htmlFor:"input1",children:"Label"}),a.jsx(k,{id:"description1",size:"small",children:"Omschrijving."}),e.invalid&&a.jsx(w,{id:"error1",children:"Foutmelding."}),a.jsx(r,{"aria-describedby":`description1${e.invalid?" error1":""}`,id:"input1",...e})]})},u={args:{invalid:!0},render:e=>a.jsxs(q,{invalid:e.invalid,children:[a.jsx(R,{htmlFor:"input2",children:"Label"}),a.jsx(k,{id:"description2",size:"small",children:"Omschrijving."}),e.invalid&&a.jsx(w,{id:"error2",children:"Foutmelding."}),a.jsx(r,{"aria-describedby":`description2${e.invalid?" error2":""}`,id:"input2",...e})]})};var p,m,g;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(g=(m=s.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var v,h,b;i.parameters={...i.parameters,docs:{...(v=i.parameters)==null?void 0:v.docs,source:{originalSource:`{ +import{j as a}from"./jsx-runtime-BjgbQsUx.js";import{b as q,c as R,P as k,E as w}from"./index.esm-ciNFknO_.js";import{c as K}from"./clsx-B-dksMZM.js";import{r as Q}from"./index-RigO-4kf.js";const r=Q.forwardRef(({className:e,dir:C,invalid:B,type:G="text",...H},J)=>a.jsx("input",{...H,"aria-invalid":B||void 0,className:K("ams-text-input",e),dir:C??"auto",ref:J,type:G}));r.displayName="TextInput";try{r.displayName="TextInput",r.__docgenInfo={description:"",displayName:"TextInput",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"text"},description:"The kind of data that the user should provide.",name:"type",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"tel"'},{value:'"url"'},{value:'"email"'}]}}}}}catch{}const U={title:"Components/Forms/Text Input",component:r,args:{disabled:!1,invalid:!1},argTypes:{defaultValue:{table:{disable:!0}},disabled:{description:"Prevents interaction. Avoid if possible."},invalid:{description:"Whether the value fails a validation rule."}}},s={},i={args:{defaultValue:"designsystem@amsterdam.nl",type:"email"}},t={args:{defaultValue:"https://designsystem.amsterdam/",type:"url"}},d={args:{defaultValue:"14020",type:"tel"}},l={args:{placeholder:"Placeholder text"}},n={args:{defaultValue:"Invalid value",invalid:!0}},o={args:{defaultValue:"Disabled input",disabled:!0}},c={render:e=>a.jsxs(q,{invalid:e.invalid,children:[a.jsx(R,{htmlFor:"input1",children:"Label"}),a.jsx(k,{id:"description1",size:"small",children:"Omschrijving."}),e.invalid&&a.jsx(w,{id:"error1",children:"Foutmelding."}),a.jsx(r,{"aria-describedby":`description1${e.invalid?" error1":""}`,id:"input1",...e})]})},u={args:{invalid:!0},render:e=>a.jsxs(q,{invalid:e.invalid,children:[a.jsx(R,{htmlFor:"input2",children:"Label"}),a.jsx(k,{id:"description2",size:"small",children:"Omschrijving."}),e.invalid&&a.jsx(w,{id:"error2",children:"Foutmelding."}),a.jsx(r,{"aria-describedby":`description2${e.invalid?" error2":""}`,id:"input2",...e})]})};var p,m,g;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(g=(m=s.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var v,h,b;i.parameters={...i.parameters,docs:{...(v=i.parameters)==null?void 0:v.docs,source:{originalSource:`{ args: { defaultValue: 'designsystem@amsterdam.nl', type: 'email' diff --git a/demo-develop/assets/TimeInput.docs-eK6Yqdk1.js b/demo-develop/assets/TimeInput.docs-xGl6CJQC.js similarity index 87% rename from demo-develop/assets/TimeInput.docs-eK6Yqdk1.js rename to demo-develop/assets/TimeInput.docs-xGl6CJQC.js index bfa570e9d6..3006ab4504 100644 --- a/demo-develop/assets/TimeInput.docs-eK6Yqdk1.js +++ b/demo-develop/assets/TimeInput.docs-xGl6CJQC.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as d,as as c,at as o}from"./index-U-bvrYWS.js";import{T as h,I as l,D as m,a as p,b as f}from"./TimeInput.stories-CONaRONz.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const x=` +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as d,as as c,at as o}from"./index-CYpc6MNd.js";import{T as h,I as l,D as m,a as p,b as f}from"./TimeInput.stories-BFA3xcAx.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";const x=` # Time Input diff --git a/demo-develop/assets/TimeInput.stories-CONaRONz.js b/demo-develop/assets/TimeInput.stories-BFA3xcAx.js similarity index 96% rename from demo-develop/assets/TimeInput.stories-CONaRONz.js rename to demo-develop/assets/TimeInput.stories-BFA3xcAx.js index 3071e5eb9a..f023b6e781 100644 --- a/demo-develop/assets/TimeInput.stories-CONaRONz.js +++ b/demo-develop/assets/TimeInput.stories-BFA3xcAx.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-BjgbQsUx.js";import{d as y,e as _,P as T,E}from"./index.esm-C0OPbFsf.js";import{c as O}from"./clsx-B-dksMZM.js";import{r as M}from"./index-RigO-4kf.js";const i=M.forwardRef(({className:e,invalid:L,...P},S)=>r.jsx("input",{...P,"aria-invalid":L||void 0,className:O("ams-time-input",e),ref:S,type:"time"}));i.displayName="TimeInput";try{i.displayName="TimeInput",i.__docgenInfo={description:"",displayName:"TimeInput",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}}}}}catch{}const z={title:"Components/Forms/Time Input",component:i,args:{disabled:!1,invalid:!1},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."}}},a={},s={args:{invalid:!0}},d={args:{disabled:!0}},n={render:e=>r.jsxs(y,{invalid:e.invalid,children:[r.jsx(_,{htmlFor:"input1",children:"Label"}),r.jsx(T,{id:"description1",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(E,{id:"error1",children:"Foutmelding."}),r.jsx(i,{"aria-describedby":`description1${e.invalid?" error1":""}`,id:"input1",...e})]})},t={args:{invalid:!0},render:e=>r.jsxs(y,{invalid:e.invalid,children:[r.jsx(_,{htmlFor:"input2",children:"Label"}),r.jsx(T,{id:"description2",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(E,{id:"error2",children:"Foutmelding."}),r.jsx(i,{"aria-describedby":`description2${e.invalid?" error2":""}`,id:"input2",...e})]})};var o,l,c;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(c=(l=a.parameters)==null?void 0:l.docs)==null?void 0:c.source}}};var p,m,u;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{ +import{j as r}from"./jsx-runtime-BjgbQsUx.js";import{b as y,c as _,P as T,E}from"./index.esm-ciNFknO_.js";import{c as O}from"./clsx-B-dksMZM.js";import{r as M}from"./index-RigO-4kf.js";const i=M.forwardRef(({className:e,invalid:L,...P},S)=>r.jsx("input",{...P,"aria-invalid":L||void 0,className:O("ams-time-input",e),ref:S,type:"time"}));i.displayName="TimeInput";try{i.displayName="TimeInput",i.__docgenInfo={description:"",displayName:"TimeInput",props:{invalid:{defaultValue:null,description:"Whether the value fails a validation rule.",name:"invalid",required:!1,type:{name:"boolean"}}}}}catch{}const z={title:"Components/Forms/Time Input",component:i,args:{disabled:!1,invalid:!1},argTypes:{disabled:{description:"Prevents interaction. Avoid if possible."}}},a={},s={args:{invalid:!0}},d={args:{disabled:!0}},n={render:e=>r.jsxs(y,{invalid:e.invalid,children:[r.jsx(_,{htmlFor:"input1",children:"Label"}),r.jsx(T,{id:"description1",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(E,{id:"error1",children:"Foutmelding."}),r.jsx(i,{"aria-describedby":`description1${e.invalid?" error1":""}`,id:"input1",...e})]})},t={args:{invalid:!0},render:e=>r.jsxs(y,{invalid:e.invalid,children:[r.jsx(_,{htmlFor:"input2",children:"Label"}),r.jsx(T,{id:"description2",size:"small",children:"Omschrijving."}),e.invalid&&r.jsx(E,{id:"error2",children:"Foutmelding."}),r.jsx(i,{"aria-describedby":`description2${e.invalid?" error2":""}`,id:"input2",...e})]})};var o,l,c;a.parameters={...a.parameters,docs:{...(o=a.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(c=(l=a.parameters)==null?void 0:l.docs)==null?void 0:c.source}}};var p,m,u;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{ args: { invalid: true } diff --git a/demo-develop/assets/TopTaskLink.docs-lfJEBNS_.js b/demo-develop/assets/TopTaskLink.docs-_A7d0xuz.js similarity index 87% rename from demo-develop/assets/TopTaskLink.docs-lfJEBNS_.js rename to demo-develop/assets/TopTaskLink.docs-_A7d0xuz.js index 2bd2f955ec..eabee966d1 100644 --- a/demo-develop/assets/TopTaskLink.docs-lfJEBNS_.js +++ b/demo-develop/assets/TopTaskLink.docs-_A7d0xuz.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as s,aq as r,ar as a,as as p,at as l}from"./index-U-bvrYWS.js";import{T as c,M as d}from"./TopTaskLink.stories-COR1H7cZ.js";import{S as h}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./Badge-BvbF-Lgn.js";const m=` +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as s,aq as r,ar as a,as as p,at as l}from"./index-CYpc6MNd.js";import{T as c,M as d}from"./TopTaskLink.stories-4KgwrGE1.js";import{S as h}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./Badge-BvbF-Lgn.js";const m=` # Top Task Link diff --git a/demo-develop/assets/TopTaskLink.stories-COR1H7cZ.js b/demo-develop/assets/TopTaskLink.stories-4KgwrGE1.js similarity index 98% rename from demo-develop/assets/TopTaskLink.stories-COR1H7cZ.js rename to demo-develop/assets/TopTaskLink.stories-4KgwrGE1.js index f4652a7682..75dcb8e1f4 100644 --- a/demo-develop/assets/TopTaskLink.stories-COR1H7cZ.js +++ b/demo-develop/assets/TopTaskLink.stories-4KgwrGE1.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as r}from"./index.esm-C0OPbFsf.js";import{c as g}from"./clsx-B-dksMZM.js";import{r as h}from"./index-RigO-4kf.js";const a=h.forwardRef(({className:i,label:m,description:k,...u},f)=>e.jsxs("a",{...u,ref:f,className:g("ams-top-task-link",i),children:[e.jsx("span",{className:"ams-top-task-link__label",children:m}),e.jsx("span",{className:"ams-visually-hidden",children:","}),e.jsx("span",{className:"ams-top-task-link__description",children:k})]}));a.displayName="TopTaskLink";try{a.displayName="TopTaskLink",a.__docgenInfo={description:"",displayName:"TopTaskLink",props:{label:{defaultValue:null,description:"The title.",name:"label",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"The text content.",name:"description",required:!0,type:{name:"string"}}}}}catch{}const b={title:"Components/Navigation/Top Task Link",component:a},n={args:{description:"Geef uw nieuwe adres door als u binnen Amsterdam of naar Amsterdam verhuist.",href:"#",label:"Verhuizing doorgeven"},argTypes:{href:{description:"The url for the link."}}},s={args:{description:"Omschrijving",label:"Titel"},render:()=>e.jsxs(r,{children:[e.jsx(r.Cell,{span:3,children:e.jsx(a,{description:"Bekijk welke belastingen en heffingen er zijn, hoe u bezwaar maakt of een betalingsregeling treft.",href:"#",label:"Gemeentebelastingen"})}),e.jsx(r.Cell,{span:3,children:e.jsx(a,{description:"U kunt met uw auto goedkoop parkeren bij een P+R-locatie aan de rand van de stad.",href:"#",label:"Parkeren + Reizen (P+R)"})}),e.jsx(r.Cell,{span:3,children:e.jsx(a,{description:"Vraag deze bewijzen aan of verleng ze. Geef een vermissing aan.",href:"#",label:"Paspoort, ID-kaart en rijbewijs"})}),e.jsx(r.Cell,{span:3,children:e.jsx(a,{description:"Meld een kind aan voor basisschool, middelbare school of kinderopvang. Bekijk het kindtegoed op uw Stadspas.",href:"#",label:"Onderwijs"})})]}),parameters:{docs:{source:{type:"dynamic"}}}};var o,t,l;n.parameters={...n.parameters,docs:{...(o=n.parameters)==null?void 0:o.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as r}from"./index.esm-ciNFknO_.js";import{c as g}from"./clsx-B-dksMZM.js";import{r as h}from"./index-RigO-4kf.js";const a=h.forwardRef(({className:i,label:m,description:k,...u},f)=>e.jsxs("a",{...u,ref:f,className:g("ams-top-task-link",i),children:[e.jsx("span",{className:"ams-top-task-link__label",children:m}),e.jsx("span",{className:"ams-visually-hidden",children:","}),e.jsx("span",{className:"ams-top-task-link__description",children:k})]}));a.displayName="TopTaskLink";try{a.displayName="TopTaskLink",a.__docgenInfo={description:"",displayName:"TopTaskLink",props:{label:{defaultValue:null,description:"The title.",name:"label",required:!0,type:{name:"string"}},description:{defaultValue:null,description:"The text content.",name:"description",required:!0,type:{name:"string"}}}}}catch{}const b={title:"Components/Navigation/Top Task Link",component:a},n={args:{description:"Geef uw nieuwe adres door als u binnen Amsterdam of naar Amsterdam verhuist.",href:"#",label:"Verhuizing doorgeven"},argTypes:{href:{description:"The url for the link."}}},s={args:{description:"Omschrijving",label:"Titel"},render:()=>e.jsxs(r,{children:[e.jsx(r.Cell,{span:3,children:e.jsx(a,{description:"Bekijk welke belastingen en heffingen er zijn, hoe u bezwaar maakt of een betalingsregeling treft.",href:"#",label:"Gemeentebelastingen"})}),e.jsx(r.Cell,{span:3,children:e.jsx(a,{description:"U kunt met uw auto goedkoop parkeren bij een P+R-locatie aan de rand van de stad.",href:"#",label:"Parkeren + Reizen (P+R)"})}),e.jsx(r.Cell,{span:3,children:e.jsx(a,{description:"Vraag deze bewijzen aan of verleng ze. Geef een vermissing aan.",href:"#",label:"Paspoort, ID-kaart en rijbewijs"})}),e.jsx(r.Cell,{span:3,children:e.jsx(a,{description:"Meld een kind aan voor basisschool, middelbare school of kinderopvang. Bekijk het kindtegoed op uw Stadspas.",href:"#",label:"Onderwijs"})})]}),parameters:{docs:{source:{type:"dynamic"}}}};var o,t,l;n.parameters={...n.parameters,docs:{...(o=n.parameters)==null?void 0:o.docs,source:{originalSource:`{ args: { description: 'Geef uw nieuwe adres door als u binnen Amsterdam of naar Amsterdam verhuist.', href: '#', diff --git a/demo-develop/assets/UnorderedList.docs-FEmkEPFK.js b/demo-develop/assets/UnorderedList.docs-DSAlDLvK.js similarity index 89% rename from demo-develop/assets/UnorderedList.docs-FEmkEPFK.js rename to demo-develop/assets/UnorderedList.docs-DSAlDLvK.js index 5587cd7f88..9e4553d5cc 100644 --- a/demo-develop/assets/UnorderedList.docs-FEmkEPFK.js +++ b/demo-develop/assets/UnorderedList.docs-DSAlDLvK.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as h,as as l,at as t}from"./index-U-bvrYWS.js";import{U as d,T as c,W as m,I as p,S as x}from"./UnorderedList.stories-pdlMgHGk.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";import"./exampleContent-CpGgN1Hc.js";const f=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as h,as as l,at as t}from"./index-CYpc6MNd.js";import{U as d,T as c,W as m,I as p,S as x}from"./UnorderedList.stories-BNBdkZ68.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";import"./exampleContent-CpGgN1Hc.js";const f=` # Unordered List diff --git a/demo-develop/assets/UnorderedList.stories-BNBdkZ68.js b/demo-develop/assets/UnorderedList.stories-BNBdkZ68.js new file mode 100644 index 0000000000..65e69ecbaf --- /dev/null +++ b/demo-develop/assets/UnorderedList.stories-BNBdkZ68.js @@ -0,0 +1,84 @@ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{n,P as d}from"./index.esm-ciNFknO_.js";import{m as T,n as B,o as O,p as R,S as A,g as G,q as E,j as M}from"./index.esm-kml84xjK.js";import{g as V}from"./exampleContent-CpGgN1Hc.js";import{c as _}from"./clsx-B-dksMZM.js";import{r as W}from"./index-RigO-4kf.js";const b=W.forwardRef(({children:s,className:a,...c},I)=>e.jsx("li",{ref:I,className:_("ams-unordered-list__item",a),...c,children:s}));b.displayName="UnorderedList.Item";try{UnorderedList.Item.displayName="UnorderedList.Item",UnorderedList.Item.__docgenInfo={description:"",displayName:"UnorderedList.Item",props:{}}}catch{}const D=W.forwardRef(({children:s,className:a,inverseColor:c,markers:I=!0,size:p,...w},C)=>e.jsx("ul",{ref:C,className:_("ams-unordered-list",c&&"ams-unordered-list--inverse-color",!I&&"ams-unordered-list--no-markers",p&&`ams-unordered-list--${p}`,a),...w,children:s}));D.displayName="UnorderedList";const r=Object.assign(D,{Item:b});try{r.displayName="UnorderedList",r.__docgenInfo={description:"",displayName:"UnorderedList",props:{inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},markers:{defaultValue:{value:"true"},description:"Whether the list items show a marker.",name:"markers",required:!1,type:{name:"boolean"}},size:{defaultValue:null,description:"The size of the text.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'}]}}}}}catch{}const q=V().map((s,a)=>e.jsx(r.Item,{children:s},a)),H={title:"Components/Text/Unordered List",component:r,args:{children:q,inverseColor:!1,markers:void 0},argTypes:{size:{control:{type:"radio",labels:{small:"small",undefined:"medium"}},options:["small",void 0]}}},t={},o={render:s=>e.jsxs(r,{...s,children:[e.jsxs(r.Item,{children:["Stadsdeel West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"Bos en Lommer"}),e.jsx(r.Item,{children:"Oud West / De Baarsjes"}),e.jsx(r.Item,{children:"Westerpark"})]})]}),e.jsxs(r.Item,{children:["Stadsdeel Nieuw-West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"De Aker, Sloten en Nieuw Sloten"}),e.jsx(r.Item,{children:"Geuzenveld, Slotermeer en Sloterdijken"}),e.jsx(r.Item,{children:"Osdorp"}),e.jsx(r.Item,{children:"Slotervaart"})]})]})]})},i={args:{children:[e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:T,size:"level-6"}),e.jsx(d,{children:"Stadsloket: locaties en openingstijden"})]})},1),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:B,size:"level-6"}),e.jsx(d,{children:"Parkeren + Reizen (P+R)"})]})},2),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:O,size:"level-6"}),e.jsx(d,{children:"Paspoort, ID-kaart en Rijbewijs"})]})},3),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:R,size:"level-6"}),e.jsx(d,{children:"Gemeentebelastingen"})]})},4),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:A,size:"level-6"}),e.jsx(d,{children:"Melding openbare ruimte en overlast"})]})},5),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:G,size:"level-6"}),e.jsx(d,{children:"Verhuizing doorgeven"})]})},6),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:E,size:"level-6"}),e.jsx(d,{children:"Grof afval"})]})},7),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:M,size:"level-6"}),e.jsx(d,{children:"Kennisgevingen en bekendmakingen"})]})},8)],markers:!1}},l={args:{inverseColor:!0},render:s=>e.jsx(r,{...s,children:e.jsxs(r.Item,{children:["Stadsdeel West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"Bos en Lommer"}),e.jsx(r.Item,{children:"Oud West / De Baarsjes"}),e.jsx(r.Item,{children:"Westerpark"})]})]})})},m={args:{size:"small"}};var v,g,h;t.parameters={...t.parameters,docs:{...(v=t.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(h=(g=t.parameters)==null?void 0:g.docs)==null?void 0:h.source}}};var u,L,j;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`{ + render: args => + + Stadsdeel West + + Bos en Lommer + Oud West / De Baarsjes + Westerpark + + + + Stadsdeel Nieuw-West + + De Aker, Sloten en Nieuw Sloten + Geuzenveld, Slotermeer en Sloterdijken + Osdorp + Slotervaart + + + +}`,...(j=(L=o.parameters)==null?void 0:L.docs)==null?void 0:j.source}}};var U,x,S;i.parameters={...i.parameters,docs:{...(U=i.parameters)==null?void 0:U.docs,source:{originalSource:`{ + args: { + children: [ +
    + + Stadsloket: locaties en openingstijden +
    +
    , +
    + + Parkeren + Reizen (P+R) +
    +
    , +
    + + Paspoort, ID-kaart en Rijbewijs +
    +
    , +
    + + Gemeentebelastingen +
    +
    , +
    + + Melding openbare ruimte en overlast +
    +
    , +
    + + Verhuizing doorgeven +
    +
    , +
    + + Grof afval +
    +
    , +
    + + Kennisgevingen en bekendmakingen +
    +
    ], + markers: false + } +}`,...(S=(x=i.parameters)==null?void 0:x.docs)==null?void 0:S.source}}};var k,f,z;l.parameters={...l.parameters,docs:{...(k=l.parameters)==null?void 0:k.docs,source:{originalSource:`{ + args: { + inverseColor: true + }, + render: args => + + Stadsdeel West + + Bos en Lommer + Oud West / De Baarsjes + Westerpark + + + +}`,...(z=(f=l.parameters)==null?void 0:f.docs)==null?void 0:z.source}}};var N,P,y;m.parameters={...m.parameters,docs:{...(N=m.parameters)==null?void 0:N.docs,source:{originalSource:`{ + args: { + size: 'small' + } +}`,...(y=(P=m.parameters)==null?void 0:P.docs)==null?void 0:y.source}}};const K=["Default","TwoLevels","WithoutMarkers","InverseColor","SmallText"],Z=Object.freeze(Object.defineProperty({__proto__:null,Default:t,InverseColor:l,SmallText:m,TwoLevels:o,WithoutMarkers:i,__namedExportsOrder:K,default:H},Symbol.toStringTag,{value:"Module"}));export{l as I,m as S,o as T,Z as U,i as W}; diff --git a/demo-develop/assets/UnorderedList.stories-pdlMgHGk.js b/demo-develop/assets/UnorderedList.stories-pdlMgHGk.js deleted file mode 100644 index 2a0d0b5c42..0000000000 --- a/demo-develop/assets/UnorderedList.stories-pdlMgHGk.js +++ /dev/null @@ -1,84 +0,0 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{p as n,P as d}from"./index.esm-C0OPbFsf.js";import{m as T,n as B,o as O,p as R,S as A,g as G,q as E,k as M}from"./index.esm-Bz9pa_xK.js";import{g as V}from"./exampleContent-CpGgN1Hc.js";import{c as _}from"./clsx-B-dksMZM.js";import{r as W}from"./index-RigO-4kf.js";const b=W.forwardRef(({children:s,className:a,...c},I)=>e.jsx("li",{ref:I,className:_("ams-unordered-list__item",a),...c,children:s}));b.displayName="UnorderedList.Item";try{UnorderedList.Item.displayName="UnorderedList.Item",UnorderedList.Item.__docgenInfo={description:"",displayName:"UnorderedList.Item",props:{}}}catch{}const D=W.forwardRef(({children:s,className:a,inverseColor:c,markers:I=!0,size:p,...w},C)=>e.jsx("ul",{ref:C,className:_("ams-unordered-list",c&&"ams-unordered-list--inverse-color",!I&&"ams-unordered-list--no-markers",p&&`ams-unordered-list--${p}`,a),...w,children:s}));D.displayName="UnorderedList";const r=Object.assign(D,{Item:b});try{r.displayName="UnorderedList",r.__docgenInfo={description:"",displayName:"UnorderedList",props:{inverseColor:{defaultValue:null,description:"Changes the text colour for readability on a dark background.",name:"inverseColor",required:!1,type:{name:"boolean"}},markers:{defaultValue:{value:"true"},description:"Whether the list items show a marker.",name:"markers",required:!1,type:{name:"boolean"}},size:{defaultValue:null,description:"The size of the text.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'}]}}}}}catch{}const q=V().map((s,a)=>e.jsx(r.Item,{children:s},a)),H={title:"Components/Text/Unordered List",component:r,args:{children:q,inverseColor:!1,markers:void 0},argTypes:{size:{control:{type:"radio",labels:{small:"small",undefined:"medium"}},options:["small",void 0]}}},t={},o={render:s=>e.jsxs(r,{...s,children:[e.jsxs(r.Item,{children:["Stadsdeel West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"Bos en Lommer"}),e.jsx(r.Item,{children:"Oud West / De Baarsjes"}),e.jsx(r.Item,{children:"Westerpark"})]})]}),e.jsxs(r.Item,{children:["Stadsdeel Nieuw-West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"De Aker, Sloten en Nieuw Sloten"}),e.jsx(r.Item,{children:"Geuzenveld, Slotermeer en Sloterdijken"}),e.jsx(r.Item,{children:"Osdorp"}),e.jsx(r.Item,{children:"Slotervaart"})]})]})]})},i={args:{children:[e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:T,size:"level-6"}),e.jsx(d,{children:"Stadsloket: locaties en openingstijden"})]})},1),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:B,size:"level-6"}),e.jsx(d,{children:"Parkeren + Reizen (P+R)"})]})},2),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:O,size:"level-6"}),e.jsx(d,{children:"Paspoort, ID-kaart en Rijbewijs"})]})},3),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:R,size:"level-6"}),e.jsx(d,{children:"Gemeentebelastingen"})]})},4),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:A,size:"level-6"}),e.jsx(d,{children:"Melding openbare ruimte en overlast"})]})},5),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:G,size:"level-6"}),e.jsx(d,{children:"Verhuizing doorgeven"})]})},6),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:E,size:"level-6"}),e.jsx(d,{children:"Grof afval"})]})},7),e.jsx(r.Item,{children:e.jsxs("div",{className:"ams-docs-card",children:[e.jsx(n,{svg:M,size:"level-6"}),e.jsx(d,{children:"Kennisgevingen en bekendmakingen"})]})},8)],markers:!1}},l={args:{inverseColor:!0},render:s=>e.jsx(r,{...s,children:e.jsxs(r.Item,{children:["Stadsdeel West",e.jsxs(r,{...s,children:[e.jsx(r.Item,{children:"Bos en Lommer"}),e.jsx(r.Item,{children:"Oud West / De Baarsjes"}),e.jsx(r.Item,{children:"Westerpark"})]})]})})},m={args:{size:"small"}};var v,g,h;t.parameters={...t.parameters,docs:{...(v=t.parameters)==null?void 0:v.docs,source:{originalSource:"{}",...(h=(g=t.parameters)==null?void 0:g.docs)==null?void 0:h.source}}};var u,L,j;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`{ - render: args => - - Stadsdeel West - - Bos en Lommer - Oud West / De Baarsjes - Westerpark - - - - Stadsdeel Nieuw-West - - De Aker, Sloten en Nieuw Sloten - Geuzenveld, Slotermeer en Sloterdijken - Osdorp - Slotervaart - - - -}`,...(j=(L=o.parameters)==null?void 0:L.docs)==null?void 0:j.source}}};var U,x,S;i.parameters={...i.parameters,docs:{...(U=i.parameters)==null?void 0:U.docs,source:{originalSource:`{ - args: { - children: [ -
    - - Stadsloket: locaties en openingstijden -
    -
    , -
    - - Parkeren + Reizen (P+R) -
    -
    , -
    - - Paspoort, ID-kaart en Rijbewijs -
    -
    , -
    - - Gemeentebelastingen -
    -
    , -
    - - Melding openbare ruimte en overlast -
    -
    , -
    - - Verhuizing doorgeven -
    -
    , -
    - - Grof afval -
    -
    , -
    - - Kennisgevingen en bekendmakingen -
    -
    ], - markers: false - } -}`,...(S=(x=i.parameters)==null?void 0:x.docs)==null?void 0:S.source}}};var k,f,z;l.parameters={...l.parameters,docs:{...(k=l.parameters)==null?void 0:k.docs,source:{originalSource:`{ - args: { - inverseColor: true - }, - render: args => - - Stadsdeel West - - Bos en Lommer - Oud West / De Baarsjes - Westerpark - - - -}`,...(z=(f=l.parameters)==null?void 0:f.docs)==null?void 0:z.source}}};var N,P,y;m.parameters={...m.parameters,docs:{...(N=m.parameters)==null?void 0:N.docs,source:{originalSource:`{ - args: { - size: 'small' - } -}`,...(y=(P=m.parameters)==null?void 0:P.docs)==null?void 0:y.source}}};const K=["Default","TwoLevels","WithoutMarkers","InverseColor","SmallText"],Z=Object.freeze(Object.defineProperty({__proto__:null,Default:t,InverseColor:l,SmallText:m,TwoLevels:o,WithoutMarkers:i,__namedExportsOrder:K,default:H},Symbol.toStringTag,{value:"Module"}));export{l as I,m as S,o as T,Z as U,i as W}; diff --git a/demo-develop/assets/VisuallyHidden.docs-CTdcL2wx.js b/demo-develop/assets/VisuallyHidden.docs-DUjbSeKt.js similarity index 72% rename from demo-develop/assets/VisuallyHidden.docs-CTdcL2wx.js rename to demo-develop/assets/VisuallyHidden.docs-DUjbSeKt.js index af71e6a67a..31d8ce648f 100644 --- a/demo-develop/assets/VisuallyHidden.docs-CTdcL2wx.js +++ b/demo-develop/assets/VisuallyHidden.docs-DUjbSeKt.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as i,as as m}from"./index-U-bvrYWS.js";import{V as l}from"./VisuallyHidden.stories-B_m3rsFP.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";const u=` +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as r,aq as a,ar as i,as as m}from"./index-CYpc6MNd.js";import{V as l}from"./VisuallyHidden.stories-DBh4Iuvh.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";const u=` # Visually Hidden diff --git a/demo-develop/assets/VisuallyHidden.stories-B_m3rsFP.js b/demo-develop/assets/VisuallyHidden.stories-DBh4Iuvh.js similarity index 97% rename from demo-develop/assets/VisuallyHidden.stories-B_m3rsFP.js rename to demo-develop/assets/VisuallyHidden.stories-DBh4Iuvh.js index 6713a6c954..f594731042 100644 --- a/demo-develop/assets/VisuallyHidden.stories-B_m3rsFP.js +++ b/demo-develop/assets/VisuallyHidden.stories-DBh4Iuvh.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as i}from"./index.esm-C0OPbFsf.js";/** +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{P as i}from"./index.esm-ciNFknO_.js";/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */const r=({children:s})=>e.jsx("span",{className:"ams-visually-hidden",children:s});try{r.displayName="VisuallyHidden",r.__docgenInfo={description:"Renders examples in Storybook. Not for reuse.",displayName:"VisuallyHidden",props:{}}}catch{}const l=({children:s})=>e.jsxs(e.Fragment,{children:[e.jsx(i,{children:"This paragraph is available for everyone. Below this is a second paragraph, but it is aimed at non-visual user agents only. It is not perceivable on a screen."}),e.jsx(i,{className:"ams-visually-hidden",children:s})]}),d={title:"Utilities/CSS/Visually Hidden",component:r,args:{children:"Here is the paragraph that is visually hidden. A screen reader will pick it up and read it to its user."},argTypes:{children:{description:"The content to hide visually.",table:{disable:!1}}}},a={render:l};var t,o,n;a.parameters={...a.parameters,docs:{...(t=a.parameters)==null?void 0:t.docs,source:{originalSource:`{ diff --git a/demo-develop/assets/aspect-ratio.docs-C2jIejgC.js b/demo-develop/assets/aspect-ratio.docs-RamzfTaj.js similarity index 95% rename from demo-develop/assets/aspect-ratio.docs-C2jIejgC.js rename to demo-develop/assets/aspect-ratio.docs-RamzfTaj.js index d040d7f293..a599e5aeee 100644 --- a/demo-develop/assets/aspect-ratio.docs-C2jIejgC.js +++ b/demo-develop/assets/aspect-ratio.docs-RamzfTaj.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as n}from"./index-U-bvrYWS.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function a(s){const t={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...i(),...s.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as i}from"./index-3rgQkYFR.js";import{ae as n}from"./index-CYpc6MNd.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function a(s){const t={a:"a",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...i(),...s.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(n,{title:"Brand/Design Tokens/Aspect Ratio"}),` `,e.jsx(t.h1,{id:"aspect-ratio",children:"Aspect Ratio"}),` diff --git a/demo-develop/assets/border.docs-TMB7ZUZQ.js b/demo-develop/assets/border.docs-CgEyn_02.js similarity index 93% rename from demo-develop/assets/border.docs-TMB7ZUZQ.js rename to demo-develop/assets/border.docs-CgEyn_02.js index 09195f94ff..e5e4c9794b 100644 --- a/demo-develop/assets/border.docs-TMB7ZUZQ.js +++ b/demo-develop/assets/border.docs-CgEyn_02.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as n}from"./index-U-bvrYWS.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function d(r){const t={code:"code",h1:"h1",h2:"h2",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...s(),...r.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as n}from"./index-CYpc6MNd.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function d(r){const t={code:"code",h1:"h1",h2:"h2",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...s(),...r.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(n,{title:"Brand/Design Tokens/Border"}),` `,e.jsx(t.h1,{id:"border",children:"Border"}),` diff --git a/demo-develop/assets/breakpoints.docs-D66xe-e5.js b/demo-develop/assets/breakpoints.docs-CA_USfkU.js similarity index 88% rename from demo-develop/assets/breakpoints.docs-D66xe-e5.js rename to demo-develop/assets/breakpoints.docs-CA_USfkU.js index 69000f4a2d..6ea94f1c05 100644 --- a/demo-develop/assets/breakpoints.docs-D66xe-e5.js +++ b/demo-develop/assets/breakpoints.docs-CA_USfkU.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as r}from"./index-U-bvrYWS.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function t(s){const n={a:"a",code:"code",h1:"h1",p:"p",pre:"pre",...o(),...s.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as r}from"./index-CYpc6MNd.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function t(s){const n={a:"a",code:"code",h1:"h1",p:"p",pre:"pre",...o(),...s.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(r,{title:"Docs/Developer Guide/Breakpoints"}),` `,e.jsx(n.h1,{id:"breakpoints",children:"Breakpoints"}),` diff --git a/demo-develop/assets/colour.docs-BjefrPSo.js b/demo-develop/assets/colour.docs-BjefrPSo.js new file mode 100644 index 0000000000..bcd25e6759 --- /dev/null +++ b/demo-develop/assets/colour.docs-BjefrPSo.js @@ -0,0 +1,33 @@ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as c}from"./index-3rgQkYFR.js";import{ae as g}from"./index-CYpc6MNd.js";import{c as t}from"./clsx-B-dksMZM.js";import{r as p}from"./index-RigO-4kf.js";import"./index-D2MAbzvX.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-CqkleIqs.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";const v=JSON.parse(`{"aspect-ratio":{"x-tall":"9 / 16","tall":"3 / 4","square":"1 / 1","wide":"4 / 3","x-wide":"16 / 9","2x-wide":"16 / 5"},"border":{"width":{"sm":"0.0625rem","md":"0.125rem","lg":"0.1875rem","xl":"0.25rem"}},"brand":{"color":{"azure":{"60":"#009DE6"},"blue":{"60":"#004699","80":"#003677"},"green":{"60":"#00A03C"},"lime":{"60":"#BED200"},"magenta":{"60":"#E50082"},"neutral":{"0":"#FFFFFF","20":"#D1D1D1","40":"#A4A4A4","60":"#767676","80":"#474747","100":"#181818"},"orange":{"60":"#FF9100"},"purple":{"60":"#A00078"},"red":{"60":"#EC0000","80":"#B70000"},"yellow":{"60":"#FFE600"}}},"space":{"xs":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","sm":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","md":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","lg":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)","xl":"clamp(2.25rem, 2.0625rem + 0.9375vw, 3rem)","grid":{"xs":"clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)","sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)","xl":"clamp(2rem, calc(0.75rem + 6.25vw), 7rem)"}},"text":{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-weight":{"normal":400,"bold":800},"level":{"0":{"font-size":"clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)","line-height":"1.15"},"1":{"font-size":"clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)","line-height":"1.2"},"2":{"font-size":"clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)","line-height":"1.25"},"3":{"font-size":"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)","line-height":"1.3"},"4":{"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"},"5":{"font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","line-height":"1.6"},"6":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"}}},"action":{"activate":{"cursor":"pointer"},"busy":{"cursor":"wait"},"disabled":{"cursor":"not-allowed"},"inert":{"cursor":"default"},"navigate":{"cursor":"pointer"},"submit":{"cursor":"pointer"}},"focus":{"outline-offset":"0.125rem"},"hyphenation":{"hyphenate-limit-chars":"12 8 4","hyphens":"auto","overflow-wrap":"break-word"},"link-appearance":{"color":"#004699","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677"},"regular":{"text-decoration-line":"underline","hover":{"text-decoration-thickness":"0.1875rem","text-underline-offset":"0.2778em"}},"subtle":{"text-decoration-line":"none","hover":{"text-decoration-line":"underline"}},"contrast":{"color":"#181818","hover":{"color":"#181818"},"visited":{"color":"#181818"}},"inverse":{"color":"#FFFFFF","hover":{"color":"#FFFFFF"},"visited":{"color":"#FFFFFF"}}},"accordion":{"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","button":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":800,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"0","focus":{"outline-offset":"0.125rem"},"hover":{"color":"#003677"}},"panel":{"padding-block":"0","padding-inline":"0"}},"action-group":{"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"},"alert":{"background-color":"#FFFFFF","border-width":"0.25rem","border-style":"solid","gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-block":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","padding-inline":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)","error":{"border-color":"#EC0000"},"info":{"border-color":"#009DE6"},"success":{"border-color":"#00A03C"},"warning":{"border-color":"#FF9100"},"content":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"}},"avatar":{"aspect-ratio":"1 / 1","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"line-height":"1.6","padding-block":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","padding-inline":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","azure":{"background-color":"#009DE6","color":"#181818"},"black":{"background-color":"#181818","color":"#FFFFFF"},"blue":{"background-color":"#004699","color":"#FFFFFF"},"green":{"background-color":"#00A03C","color":"#FFFFFF"},"lime":{"background-color":"#BED200","color":"#181818"},"magenta":{"background-color":"#E50082","color":"#FFFFFF"},"neutral-20":{"background-color":"#D1D1D1","color":"#181818"},"neutral-40":{"background-color":"#A4A4A4","color":"#181818"},"neutral-60":{"background-color":"#767676","color":"#FFFFFF"},"neutral-80":{"background-color":"#474747","color":"#FFFFFF"},"orange":{"background-color":"#FF9100","color":"#181818"},"purple":{"background-color":"#A00078","color":"#FFFFFF"},"red":{"background-color":"#EC0000","color":"#FFFFFF"},"white":{"background-color":"#FFFFFF","color":"#181818"},"yellow":{"background-color":"#FFE600","color":"#181818"},"forced-colors":{"border-width":"0.125rem"}},"badge":{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":800,"line-height":"1.6","padding-inline":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","azure":{"background-color":"#009DE6","color":"#181818"},"black":{"background-color":"#181818","color":"#FFFFFF"},"blue":{"background-color":"#004699","color":"#FFFFFF"},"green":{"background-color":"#00A03C","color":"#FFFFFF"},"lime":{"background-color":"#BED200","color":"#181818"},"magenta":{"background-color":"#E50082","color":"#FFFFFF"},"neutral-20":{"background-color":"#D1D1D1","color":"#181818"},"neutral-40":{"background-color":"#A4A4A4","color":"#181818"},"neutral-60":{"background-color":"#767676","color":"#FFFFFF"},"neutral-80":{"background-color":"#474747","color":"#FFFFFF"},"orange":{"background-color":"#FF9100","color":"#181818"},"purple":{"background-color":"#A00078","color":"#FFFFFF"},"red":{"background-color":"#EC0000","color":"#FFFFFF"},"white":{"background-color":"#FFFFFF","color":"#181818"},"yellow":{"background-color":"#FFE600","color":"#181818"}},"blockquote":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)","font-weight":800,"line-height":"1.3","inverse-color":"#FFFFFF"},"breadcrumb":{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"line-height":"1.6","separator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")","block-size":"1ex","inline-size":"1ex","margin-inline":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"},"link":{"color":"#004699","outline-offset":"0.125rem","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677","text-decoration-line":"underline"}}},"breakout":{"row-gap":{"sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)"}},"button":{"cursor":"pointer","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","line-height":"1.6","gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","disabled":{"cursor":"not-allowed"},"forced-color-mode":{"border":"0.125rem solid"},"primary":{"background-color":"#004699","box-shadow":"inset 0 0 0 0.125rem #004699","color":"#FFFFFF","disabled":{"background-color":"#767676","box-shadow":"inset 0 0 0 0.125rem #767676"},"hover":{"background-color":"#003677","box-shadow":"inset 0 0 0 0.125rem #003677"}},"secondary":{"background-color":"#FFFFFF","color":"#004699","box-shadow":"inset 0 0 0 0.125rem #004699","hover":{"box-shadow":"inset 0 0 0 0.1875rem #003677","color":"#003677"},"disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.125rem #767676","color":"#767676"},"focus":{"box-shadow":"inset 0 0 0 0.125rem #004699"}},"tertiary":{"background-color":"transparent","color":"#004699","hover":{"box-shadow":"inset 0 0 0 0.125rem #003677","color":"#003677"},"disabled":{"background-color":"transparent","color":"#767676"}},"icon-only":{"padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"}},"card":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","heading-group":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"},"link":{"color":"#004699","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677","text-decoration-line":"underline"}},"outline-offset":"0.125rem"},"character-count":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"line-height":"1.6","error":{"color":"#EC0000"}},"checkbox":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","outline-offset":"0.125rem","checkmark":{"border-color":"#004699","border-width":"0.125rem","checked":{"background-color":"#004699","background-image":"url(\\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M12.216 27.016 0 14.168l2.91-2.77 9.346 9.837L29.129 4 32 6.8z'/%3E%3C/svg%3E\\")","hover":{"background-color":"#003677"}},"disabled":{"border-color":"#767676","border-width":"0.125rem","checked":{"background-color":"#767676","hover":{"background-color":"#767676"}},"indeterminate":{"background-color":"#767676","hover":{"background-color":"#767676"}}},"hover":{"border-color":"#003677","border-width":"0.1875rem"},"invalid":{"border-color":"#EC0000","checked":{"background-color":"#EC0000","hover":{"background-color":"#B70000"}},"hover":{"border-color":"#B70000"},"indeterminate":{"background-color":"#EC0000","hover":{"background-color":"#B70000"}}},"indeterminate":{"background-color":"#004699","background-image":"url(\\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='white'%3E%3Cpath fill-rule='evenodd' d='M0 13.714h32v4H0z'/%3E%3C/svg%3E\\")","hover":{"background-color":"#003677"}}},"disabled":{"color":"#767676"},"hover":{"color":"#003677","text-decoration-thickness":"0.125rem"}},"column":{"gap":{"no":"0","xs":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","sm":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","md":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","lg":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)","xl":"clamp(2.25rem, 2.0625rem + 0.9375vw, 3rem)"}},"date-input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"},"disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"}},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"}},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}}},"description-list":{"color":"#181818","column-gap":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","inverse-color":"#FFFFFF","line-height":"1.6","row-gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","term":{"font-weight":800},"description":{"font-weight":400,"padding-inline-start":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"}},"dialog":{"background-color":"#FFFFFF","border":"0","gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","inline-size":"calc(100% - 2 * clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem))","max-block-size":"calc(100dvh - 2 * clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem))","max-inline-size":"48rem","padding-block":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","padding-inline":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)","header":{"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"}},"error-message":{"color":"#EC0000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"gap":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","line-height":"1.6"},"field-set":{"invalid":{"border-inline-start":"0.1875rem solid #EC0000","padding-inline-start":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"},"legend":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","font-weight":800,"line-height":"1.5","margin-block-end":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"}},"field":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","invalid":{"border-inline-start":"0.1875rem solid #EC0000","padding-inline-start":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"}},"figure":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","caption":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"line-height":"1.6","inverse-color":"#FFFFFF"}},"file-input":{"background-color":"#FFFFFF","border":"0.0625rem dashed #767676","color":"#181818","cursor":"pointer","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","disabled":{"color":"#767676","cursor":"not-allowed"},"file-selector-button":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.125rem #004699","color":"#004699","cursor":"pointer","margin-inline-end":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","hover":{"box-shadow":"inset 0 0 0 0.1875rem #003677","color":"#003677"},"disabled":{"box-shadow":"inset 0 0 0 0.125rem #767676","color":"#767676","cursor":"not-allowed"},"forced-color-mode":{"border":"0.125rem solid"}}},"file-list":{"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","padding-block":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","file":{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","details":{"color":"#767676"},"preview":{"width":"clamp(2.5rem, 10vw, 5rem)"}}},"footer":{"top":{"background-color":"#004699"}},"form-error-list":{"outline-offset":"0.125rem"},"gap":{"xs":"clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)","sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)","xl":"clamp(2rem, calc(0.75rem + 6.25vw), 7rem)"},"grid":{"column-count":"4","column-gap":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","padding-block":{"sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)"},"padding-inline":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)","row-gap":{"sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)"},"medium":{"column-count":"8"},"wide":{"column-count":"12"}},"header":{"padding-block":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","padding-inline":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)","branding":{"column-gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","row-gap":"clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)"},"logo-link":{"outline-offset":"0.125rem"},"mega-menu":{"button":{"label":{"open":{"font-weight":800}}}},"menu":{"column-gap":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)","row-gap":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","item":{"color":"#004699","column-gap":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","hover":{"color":"#003677"}},"link":{"text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"text-decoration-line":"underline"}}},"navigation":{"column-gap":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)","row-gap":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)"}},"heading":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-weight":800,"inverse-color":"#FFFFFF","level":{"1":{"font-size":"clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)","line-height":"1.2"},"2":{"font-size":"clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)","line-height":"1.25"},"3":{"font-size":"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)","line-height":"1.3"},"4":{"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"},"5":{"font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","line-height":"1.6"},"6":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"}}},"hint":{"color":"#767676"},"icon-button":{"color":"#004699","outline-offset":"0.125rem","hover":{"background-color":"rgba(0, 70, 153, 0.125)","color":"#003677"},"disabled":{"color":"#767676"},"contrast-color":{"color":"#181818","hover":{"background-color":"rgba(0, 0, 0, 0.125)","color":"#181818"},"disabled":{"color":"#767676"}},"inverse-color":{"background-color":"#004699","color":"#FFFFFF","hover":{"background-color":"#003677","color":"#FFFFFF"},"disabled":{"color":"#FFFFFF","background-color":"#767676"}}},"icon":{"inverse":{"color":"#FFFFFF"},"size-3":{"font-size":"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)","line-height":"1.3"},"size-4":{"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"},"size-5":{"font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","line-height":"1.6"},"size-6":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"}},"image-slider":{"gap":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","scroller":{"gap":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","outline-offset":"0.125rem"},"thumbnails":{"gap":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","thumbnail":{"background-color":"transparent","cursor":"pointer","opacity":"40%","outline-offset":"0.125rem","in-view":{"opacity":"100%"},"hover":{"opacity":"100%"}}}},"image":{"aspect-ratio":"16 / 9"},"label":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","font-weight":800,"line-height":"1.5"},"link-list":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","link":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","outline-offset":"0.125rem","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","small":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"},"large":{"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"},"hover":{"color":"#003677","text-decoration-line":"underline"},"contrast-color":{"color":"#181818","hover":{"color":"#181818"}},"inverse-color":{"color":"#FFFFFF","hover":{"color":"#FFFFFF"}}}},"link":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-weight":400,"outline-offset":"0.125rem","hover":{"color":"#003677"},"inline":{"text-decoration-line":"underline","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","font-family":"inherit","font-size":"inherit","line-height":"inherit","hover":{"text-decoration-thickness":"0.1875rem","text-underline-offset":"0.2778em"},"visited":{"color":"#A00078"}},"standalone":{"font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","line-height":"1.6","text-decoration-line":"underline","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"text-decoration-thickness":"0.1875rem","text-underline-offset":"0.2778em"}},"contrast-color":{"color":"#181818","hover":{"color":"#181818"},"visited":{"color":"#181818"}},"inverse-color":{"color":"#FFFFFF","hover":{"color":"#FFFFFF"},"visited":{"color":"#FFFFFF"}}},"logo":{"block-size":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","emblem":{"color":"#EC0000"},"min-block-size":"2.5rem","title":{"color":"#EC0000"},"subsite":{"color":"#181818"}},"margin":{"xs":"clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)","sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)","xl":"clamp(2rem, calc(0.75rem + 6.25vw), 7rem)"},"mark":{"background-color":"#FFE600"},"mega-menu":{"list-category":{"column-gap":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","column-width":"20rem","padding-block-start":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","padding-block-end":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)"}},"ordered-list":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","inverse-color":"#FFFFFF","line-height":"1.6","list-style-type":"decimal","small":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"},"item":{"margin-inline-start":"2.25rem","padding-inline-start":"0.25rem"},"ordered-list":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","list-style-type":"lower-alpha","padding-block-end":"0","padding-block-start":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","item":{"margin-inline-start":"1.5rem","padding-inline-start":"0.25rem"}}},"page-heading":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)","font-weight":800,"inverse-color":"#FFFFFF","line-height":"clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)"},"page-menu":{"column-gap":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","row-gap":"clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)","item":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","outline-offset":"0.125rem","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677","text-decoration-line":"underline"}}},"pagination":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","button":{"gap":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","outline-offset":"0.125rem","padding-inline":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","current":{"font-weight":800},"hover":{"color":"#003677","text-decoration-line":"underline"}}},"paragraph":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","inverse-color":"#FFFFFF","small":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"},"large":{"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"}},"password-input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676"},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818"},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}},"placeholder":{"color":"#767676"}},"radio":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","outline-offset":"0.125rem","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","checked-indicator":{"fill":"#004699","disabled":{"fill":"#767676"},"disabled-invalid":{"fill":"#767676","hover":{"fill":"#767676"}},"hover":{"fill":"#003677"},"invalid":{"fill":"#EC0000","hover":{"fill":"#B70000"}}},"hover-indicator":{"stroke-width":"3px","hover":{"stroke":"#004699"},"invalid":{"hover":{"stroke":{"60":{"value":"#EC0000","filePath":"src/brand/ams/color.tokens.json","isSource":true,"original":{"value":"#EC0000"},"name":"amsBrandColorRed60","attributes":{"category":"ams","type":"brand","item":"color","subitem":"red","state":"60"},"path":["ams","brand","color","red","60"]},"80":{"value":"#B70000","filePath":"src/brand/ams/color.tokens.json","isSource":true,"original":{"value":"#B70000"},"name":"amsBrandColorRed80","attributes":{"category":"ams","type":"brand","item":"color","subitem":"red","state":"80"},"path":["ams","brand","color","red","80"]}}}}},"circle":{"fill":"#FFFFFF","stroke":"#004699","stroke-width":"2px","disabled":{"stroke":"#767676"},"disabled-invalid":{"stroke":"#767676","hover":{"stroke":"#767676"}},"hover":{"stroke":"#003677"},"invalid":{"stroke":"#EC0000","hover":{"stroke":"#B70000"}}},"disabled":{"color":"#767676"},"hover":{"color":"#003677","text-decoration-line":"underline"},"icon-container":{"block-size":"calc(clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem) * 1.6)","inline-size":"1.5rem"}},"row":{"gap":{"no":"0","xs":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","sm":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","md":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","lg":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)","xl":"clamp(2.25rem, 2.0625rem + 0.9375vw, 3rem)"}},"screen":{"background-color":"#FFFFFF","wide":{"max-inline-size":"100rem"},"x-wide":{"max-inline-size":"132rem"}},"search-field":{"input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","cancel-button":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")","block-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","color":"#004699","inline-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818"},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}},"placeholder":{"color":"#767676"}}},"select":{"background-color":"#FFFFFF","background-image":"url(\\"data:image/svg+xml;utf8,\\")","background-position":"right clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) center","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) calc(2 * clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) + 1em)","disabled":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676"},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818"},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}},"option":{"disabled":{"color":"#767676"}}},"skip-link":{"background-color":"#004699","color":"#FFFFFF","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","hover":{"background-color":"#003677"}},"spotlight":{"background-color":"#A00078","azure":{"background-color":"#009DE6"},"green":{"background-color":"#00A03C"},"lime":{"background-color":"#BED200"},"magenta":{"background-color":"#E50082"},"orange":{"background-color":"#FF9100"},"yellow":{"background-color":"#FFE600"}},"switch":{"background-color":"#767676","font-family":"'Amsterdam Sans', Arial, sans-serif","outline-offset":"0.125rem","inline-size":"3.5rem","thumb":{"background-color":"#FFFFFF","inline-size":"1.75rem","block-size":"1.75rem","hover":{"box-shadow":"0 0 0 0.125rem #003677","color":"#003677"}},"checked":{"background-color":"#004699"},"disabled":{"background-color":"#767676"}},"table-of-contents":{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","line-height":"1.6","link":{"color":"#004699","outline-offset":"0.125rem","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677","text-decoration-line":"underline"}},"list":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","list":{"padding-block-start":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline-start":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"}},"heading":{"font-weight":800,"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"}},"table":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","caption":{"font-weight":800},"cell":{"border-block-end":"0.0625rem solid #D1D1D1","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"},"header-cell":{"font-weight":800}},"tabs":{"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","list":{"box-shadow":"inset 0 calc(0.125rem * -1) #D1D1D1"},"button":{"color":"#004699","cursor":"pointer","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"-0.25rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","hover":{"color":"#003677","box-shadow":"inset 0 calc(0.125rem * -1) #003677"},"selected":{"box-shadow":"inset 0 calc(0.25rem * -1) #004699","color":"#004699","font-weight":800},"disabled":{"color":"#767676","cursor":"not-allowed"}}},"text-area":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","min-block-size":"calc(1.6 * 1em + 2 * clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem))","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676","cursor":"not-allowed"},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818"},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}},"placeholder":{"color":"#767676"}},"text-input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676"},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818"},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}},"placeholder":{"color":"#767676"}},"time-input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"},"disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"}},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"}},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}}},"top-task-link":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","description":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"line-height":"1.6"},"label":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","font-weight":800,"line-height":"1.5","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677","text-decoration-line":"underline"}},"outline-offset":"0.125rem"},"unordered-list":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","inverse-color":"#FFFFFF","line-height":"1.6","list-style-type":"'\\\\2022'","item":{"margin-inline-start":"1.625rem","padding-inline-start":"0.875rem"},"unordered-list":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","list-style-type":"'\\\\2013'","padding-block-end":"0","padding-block-start":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","item":{"margin-inline-start":"0.875rem","padding-inline-start":"0.875rem"}},"small":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"}}}`),m={ams:v},s=p.forwardRef(({children:o,...r},h)=>e.jsx("div",{...r,ref:h,className:"ams-docs-color-palette",children:o}));s.displayName="ColorPalette";const d=({color:o,name:r})=>e.jsxs("div",{className:t("ams-docs-color-swatch",`ams-docs-color-swatch--${r}`),children:[e.jsxs("code",{className:"ams-docs-color-code",children:["ams.brand.color.",r]}),r==="neutral"?e.jsxs(e.Fragment,{children:[e.jsx(a,{color:o[0],level:"0"}),e.jsx(a,{color:o[20],level:"20"}),e.jsx(a,{color:o[40],level:"40"}),e.jsx(a,{color:o[60],level:"60"}),e.jsx(a,{color:o[80],level:"80"}),e.jsx(a,{color:o[100],level:"100"})]}):e.jsxs(e.Fragment,{children:[e.jsx(a,{color:o[20],level:"20"}),e.jsx(a,{color:o[60],level:"60"}),e.jsx(a,{color:o[80],level:"80"})]})]});d.displayName="ColorPalette.Swatch";const a=({color:o,level:r})=>e.jsx("div",{className:t("ams-docs-color-tile",`ams-docs-color-tile--${r}`),children:o&&e.jsxs(e.Fragment,{children:[e.jsx("code",{className:"ams-docs-color-code",children:r}),e.jsx("div",{className:"ams-docs-color-sample",style:{backgroundColor:o},title:o})]})});a.displayName="ColorPalette.Tile";const l=Object.assign(s,{Swatch:d,Tile:a});try{l.displayName="ColorPalette",l.__docgenInfo={description:"",displayName:"ColorPalette",props:{}}}catch{}/*@license CC0-1.0*/function n(o){const r={h1:"h1",h2:"h2",h3:"h3",p:"p",...c(),...o.components};return l||i("ColorPalette",!1),l.Swatch||i("ColorPalette.Swatch",!0),e.jsxs(e.Fragment,{children:[` +`,` +`,e.jsx(g,{title:"Brand/Design Tokens/Colour"}),` +`,e.jsx(r.h1,{id:"colour",children:"Colour"}),` +`,e.jsx(r.p,{children:`Our colour palette is vibrant and crisp. +The main colours are red, blue, black, and white. +They are complemented by a range of accent colors and shades of gray.`}),` +`,e.jsxs(l,{children:[e.jsx(l.Swatch,{color:m.ams.brand.color.red,name:"red"}),e.jsx(l.Swatch,{color:m.ams.brand.color.azure,name:"azure"}),e.jsx(l.Swatch,{color:m.ams.brand.color.blue,name:"blue"}),e.jsx(l.Swatch,{color:m.ams.brand.color.yellow,name:"yellow"}),e.jsx(l.Swatch,{color:m.ams.brand.color.lime,name:"lime"}),e.jsx(l.Swatch,{color:m.ams.brand.color.green,name:"green"}),e.jsx(l.Swatch,{color:m.ams.brand.color.orange,name:"orange"}),e.jsx(l.Swatch,{color:m.ams.brand.color.magenta,name:"magenta"}),e.jsx(l.Swatch,{color:m.ams.brand.color.purple,name:"purple"}),e.jsx(l.Swatch,{color:m.ams.brand.color.neutral,name:"neutral"})]}),` +`,e.jsx(r.h2,{id:"application",children:"Application"}),` +`,e.jsx(r.h3,{id:"red",children:"Red"}),` +`,e.jsx(r.p,{children:`Red is obviously prominent in our logo. +The only other usage for it is to indicate errors.`}),` +`,e.jsx(r.h3,{id:"blue",children:"Blue"}),` +`,e.jsx(r.p,{children:`Blue indicates interactivity. +Literally all buttons and links are blue; and dark blue on hover. +Only if they are on a coloured background do they become black or white. +Radio, Checkbox and Switch are blue as well. +Our Page Footer has a blue background.`}),` +`,e.jsx(r.h3,{id:"black",children:"Black"}),` +`,e.jsx(r.p,{children:`Almost all text is black, as are links on a light background colour. +Borders of inputs are black as well.`}),` +`,e.jsx(r.h3,{id:"white",children:"White"}),` +`,e.jsx(r.p,{children:`Our pages have a white background, as do inputs. +Text and links on a dark background are white instead of black and blue.`}),` +`,e.jsx(r.h3,{id:"neutral",children:"Neutral"}),` +`,e.jsx(r.p,{children:`We use shades of gray for borders, backgrounds and labels of disabled controls. +Secondary text is dark gray.`}),` +`,e.jsx(r.h3,{id:"azure-lime-green-yellow-orange-magenta-purple",children:"Azure, Lime, Green, Yellow, Orange, Magenta, Purple"}),` +`,e.jsx(r.p,{children:`These colours are supplemental. +Spotlight and Breakout use them to create prominent sections. +Avatar and Badge can use them for a background. +An Alert is blue, orange, red, or green. +Highlighted text is yellow.`})]})}function j(o={}){const{wrapper:r}={...c(),...o.components};return r?e.jsx(r,{...o,children:e.jsx(n,{...o})}):n(o)}function i(o,r){throw new Error("Expected "+(r?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}export{j as default}; diff --git a/demo-develop/assets/colour.docs-f7HllxDT.js b/demo-develop/assets/colour.docs-f7HllxDT.js deleted file mode 100644 index 65c3afdf12..0000000000 --- a/demo-develop/assets/colour.docs-f7HllxDT.js +++ /dev/null @@ -1,33 +0,0 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as c}from"./index-3rgQkYFR.js";import{ae as g}from"./index-U-bvrYWS.js";import{c as t}from"./clsx-B-dksMZM.js";import{r as p}from"./index-RigO-4kf.js";import"./index-D2MAbzvX.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-CqkleIqs.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";const v=JSON.parse(`{"aspect-ratio":{"x-tall":"9 / 16","tall":"3 / 4","square":"1 / 1","wide":"4 / 3","x-wide":"16 / 9","2x-wide":"16 / 5"},"border":{"width":{"sm":"0.0625rem","md":"0.125rem","lg":"0.1875rem","xl":"0.25rem"}},"brand":{"color":{"azure":{"60":"#009DE6"},"blue":{"60":"#004699","80":"#003677"},"green":{"60":"#00A03C"},"lime":{"60":"#BED200"},"magenta":{"60":"#E50082"},"neutral":{"0":"#FFFFFF","20":"#D1D1D1","40":"#A4A4A4","60":"#767676","80":"#474747","100":"#181818"},"orange":{"60":"#FF9100"},"purple":{"60":"#A00078"},"red":{"60":"#EC0000","80":"#B70000"},"yellow":{"60":"#FFE600"}}},"space":{"xs":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","sm":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","md":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","lg":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)","xl":"clamp(2.25rem, 2.0625rem + 0.9375vw, 3rem)","grid":{"xs":"clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)","sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)","xl":"clamp(2rem, calc(0.75rem + 6.25vw), 7rem)"}},"text":{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-weight":{"normal":400,"bold":800},"level":{"0":{"font-size":"clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)","line-height":"1.15"},"1":{"font-size":"clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)","line-height":"1.2"},"2":{"font-size":"clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)","line-height":"1.25"},"3":{"font-size":"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)","line-height":"1.3"},"4":{"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"},"5":{"font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","line-height":"1.6"},"6":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"}}},"action":{"activate":{"cursor":"pointer"},"busy":{"cursor":"wait"},"disabled":{"cursor":"not-allowed"},"inert":{"cursor":"default"},"navigate":{"cursor":"pointer"},"submit":{"cursor":"pointer"}},"focus":{"outline-offset":"0.125rem"},"hyphenation":{"hyphenate-limit-chars":"12 8 4","hyphens":"auto","overflow-wrap":"break-word"},"link-appearance":{"color":"#004699","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677"},"regular":{"text-decoration-line":"underline","hover":{"text-decoration-thickness":"0.1875rem","text-underline-offset":"0.2778em"}},"subtle":{"text-decoration-line":"none","hover":{"text-decoration-line":"underline"}},"contrast":{"color":"#181818","hover":{"color":"#181818"},"visited":{"color":"#181818"}},"inverse":{"color":"#FFFFFF","hover":{"color":"#FFFFFF"},"visited":{"color":"#FFFFFF"}}},"accordion":{"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","button":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":800,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"0","focus":{"outline-offset":"0.125rem"},"hover":{"color":"#003677"}},"panel":{"padding-block":"0","padding-inline":"0"}},"action-group":{"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"},"alert":{"background-color":"#FFFFFF","border-width":"0.25rem","border-style":"solid","gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-block":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","padding-inline":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)","error":{"border-color":"#EC0000"},"info":{"border-color":"#009DE6"},"success":{"border-color":"#00A03C"},"warning":{"border-color":"#FF9100"},"content":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"}},"avatar":{"aspect-ratio":"1 / 1","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"line-height":"1.6","padding-block":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","padding-inline":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","azure":{"background-color":"#009DE6","color":"#181818"},"black":{"background-color":"#181818","color":"#FFFFFF"},"blue":{"background-color":"#004699","color":"#FFFFFF"},"green":{"background-color":"#00A03C","color":"#FFFFFF"},"lime":{"background-color":"#BED200","color":"#181818"},"magenta":{"background-color":"#E50082","color":"#FFFFFF"},"neutral-20":{"background-color":"#D1D1D1","color":"#181818"},"neutral-40":{"background-color":"#A4A4A4","color":"#181818"},"neutral-60":{"background-color":"#767676","color":"#FFFFFF"},"neutral-80":{"background-color":"#474747","color":"#FFFFFF"},"orange":{"background-color":"#FF9100","color":"#181818"},"purple":{"background-color":"#A00078","color":"#FFFFFF"},"red":{"background-color":"#EC0000","color":"#FFFFFF"},"white":{"background-color":"#FFFFFF","color":"#181818"},"yellow":{"background-color":"#FFE600","color":"#181818"},"forced-colors":{"border-width":"0.125rem"}},"badge":{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":800,"line-height":"1.6","padding-inline":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","azure":{"background-color":"#009DE6","color":"#181818"},"black":{"background-color":"#181818","color":"#FFFFFF"},"blue":{"background-color":"#004699","color":"#FFFFFF"},"green":{"background-color":"#00A03C","color":"#FFFFFF"},"lime":{"background-color":"#BED200","color":"#181818"},"magenta":{"background-color":"#E50082","color":"#FFFFFF"},"neutral-20":{"background-color":"#D1D1D1","color":"#181818"},"neutral-40":{"background-color":"#A4A4A4","color":"#181818"},"neutral-60":{"background-color":"#767676","color":"#FFFFFF"},"neutral-80":{"background-color":"#474747","color":"#FFFFFF"},"orange":{"background-color":"#FF9100","color":"#181818"},"purple":{"background-color":"#A00078","color":"#FFFFFF"},"red":{"background-color":"#EC0000","color":"#FFFFFF"},"white":{"background-color":"#FFFFFF","color":"#181818"},"yellow":{"background-color":"#FFE600","color":"#181818"}},"blockquote":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)","font-weight":800,"line-height":"1.3","inverse-color":"#FFFFFF"},"breadcrumb":{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"line-height":"1.6","separator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")","block-size":"1ex","inline-size":"1ex","margin-inline":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)"},"link":{"color":"#004699","outline-offset":"0.125rem","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677","text-decoration-line":"underline"}}},"breakout":{"row-gap":{"sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)"}},"button":{"cursor":"pointer","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","line-height":"1.6","gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","disabled":{"cursor":"not-allowed"},"forced-color-mode":{"border":"0.125rem solid"},"primary":{"background-color":"#004699","box-shadow":"inset 0 0 0 0.125rem #004699","color":"#FFFFFF","disabled":{"background-color":"#767676","box-shadow":"inset 0 0 0 0.125rem #767676"},"hover":{"background-color":"#003677","box-shadow":"inset 0 0 0 0.125rem #003677"}},"secondary":{"background-color":"#FFFFFF","color":"#004699","box-shadow":"inset 0 0 0 0.125rem #004699","hover":{"box-shadow":"inset 0 0 0 0.1875rem #003677","color":"#003677"},"disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.125rem #767676","color":"#767676"},"focus":{"box-shadow":"inset 0 0 0 0.125rem #004699"}},"tertiary":{"background-color":"transparent","color":"#004699","hover":{"box-shadow":"inset 0 0 0 0.125rem #003677","color":"#003677"},"disabled":{"background-color":"transparent","color":"#767676"}},"icon-only":{"padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"}},"card":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","heading-group":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)"},"link":{"color":"#004699","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677","text-decoration-line":"underline"}},"outline-offset":"0.125rem"},"character-count":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"line-height":"1.6","error":{"color":"#EC0000"}},"checkbox":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","outline-offset":"0.125rem","checkmark":{"border-color":"#004699","border-width":"0.125rem","checked":{"background-color":"#004699","background-image":"url(\\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M12.216 27.016 0 14.168l2.91-2.77 9.346 9.837L29.129 4 32 6.8z'/%3E%3C/svg%3E\\")","hover":{"background-color":"#003677"}},"disabled":{"border-color":"#767676","border-width":"0.125rem","checked":{"background-color":"#767676","hover":{"background-color":"#767676"}},"indeterminate":{"background-color":"#767676","hover":{"background-color":"#767676"}}},"hover":{"border-color":"#003677","border-width":"0.1875rem"},"invalid":{"border-color":"#EC0000","checked":{"background-color":"#EC0000","hover":{"background-color":"#B70000"}},"hover":{"border-color":"#B70000"},"indeterminate":{"background-color":"#EC0000","hover":{"background-color":"#B70000"}}},"indeterminate":{"background-color":"#004699","background-image":"url(\\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='white'%3E%3Cpath fill-rule='evenodd' d='M0 13.714h32v4H0z'/%3E%3C/svg%3E\\")","hover":{"background-color":"#003677"}}},"disabled":{"color":"#767676"},"hover":{"color":"#003677","text-decoration-thickness":"0.125rem"}},"column":{"gap":{"no":"0","xs":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","sm":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","md":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","lg":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)","xl":"clamp(2.25rem, 2.0625rem + 0.9375vw, 3rem)"}},"date-input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"},"disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"}},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"}},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}}},"description-list":{"color":"#181818","column-gap":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","inverse-color":"#FFFFFF","line-height":"1.6","row-gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","term":{"font-weight":800},"description":{"font-weight":400,"padding-inline-start":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"}},"dialog":{"background-color":"#FFFFFF","border":"0","gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","inline-size":"calc(100% - 2 * clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem))","max-block-size":"calc(100dvh - 2 * clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem))","max-inline-size":"48rem","padding-block":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","padding-inline":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)","header":{"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"}},"error-message":{"color":"#EC0000","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"gap":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","line-height":"1.6"},"field-set":{"invalid":{"border-inline-start":"0.1875rem solid #EC0000","padding-inline-start":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"},"legend":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","font-weight":800,"line-height":"1.5","margin-block-end":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"}},"field":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","invalid":{"border-inline-start":"0.1875rem solid #EC0000","padding-inline-start":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"}},"figure":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","caption":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"line-height":"1.6","inverse-color":"#FFFFFF"}},"file-input":{"background-color":"#FFFFFF","border":"0.0625rem dashed #767676","color":"#181818","cursor":"pointer","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","disabled":{"color":"#767676","cursor":"not-allowed"},"file-selector-button":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.125rem #004699","color":"#004699","cursor":"pointer","margin-inline-end":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","hover":{"box-shadow":"inset 0 0 0 0.1875rem #003677","color":"#003677"},"disabled":{"box-shadow":"inset 0 0 0 0.125rem #767676","color":"#767676","cursor":"not-allowed"},"forced-color-mode":{"border":"0.125rem solid"}}},"file-list":{"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","padding-block":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","file":{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","details":{"color":"#767676"},"preview":{"width":"clamp(2.5rem, 10vw, 5rem)"}}},"footer":{"top":{"background-color":"#004699"}},"form-error-list":{"outline-offset":"0.125rem"},"gap":{"xs":"clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)","sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)","xl":"clamp(2rem, calc(0.75rem + 6.25vw), 7rem)"},"grid":{"column-count":"4","column-gap":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","padding-block":{"sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)"},"padding-inline":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)","row-gap":{"sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)"},"medium":{"column-count":"8"},"wide":{"column-count":"12"}},"header":{"column-gap":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","padding-block":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","logo-link":{"outline-offset":"0.125rem"}},"heading":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-weight":800,"inverse-color":"#FFFFFF","level":{"1":{"font-size":"clamp(2.0842rem, calc(1.6897rem + 1.9724vw), 3.6621rem)","line-height":"1.2"},"2":{"font-size":"clamp(1.7865rem, calc(1.5007rem + 1.429vw), 2.9297rem)","line-height":"1.25"},"3":{"font-size":"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)","line-height":"1.3"},"4":{"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"},"5":{"font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","line-height":"1.6"},"6":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"}}},"hint":{"color":"#767676"},"icon-button":{"color":"#004699","outline-offset":"0.125rem","hover":{"background-color":"rgba(0, 70, 153, 0.125)","color":"#003677"},"disabled":{"color":"#767676"},"contrast-color":{"color":"#181818","hover":{"background-color":"rgba(0, 0, 0, 0.125)","color":"#181818"},"disabled":{"color":"#767676"}},"inverse-color":{"background-color":"#004699","color":"#FFFFFF","hover":{"background-color":"#003677","color":"#FFFFFF"},"disabled":{"color":"#FFFFFF","background-color":"#767676"}}},"icon":{"inverse":{"color":"#FFFFFF"},"size-3":{"font-size":"clamp(1.5313rem, calc(1.3281rem + 1.0156vw), 2.3438rem)","line-height":"1.3"},"size-4":{"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"},"size-5":{"font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","line-height":"1.6"},"size-6":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"}},"image-slider":{"gap":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","scroller":{"gap":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","outline-offset":"0.125rem"},"thumbnails":{"gap":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","thumbnail":{"background-color":"transparent","cursor":"pointer","opacity":"40%","outline-offset":"0.125rem","in-view":{"opacity":"100%"},"hover":{"opacity":"100%"}}}},"image":{"aspect-ratio":"16 / 9"},"label":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","font-weight":800,"line-height":"1.5"},"link-list":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","link":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","outline-offset":"0.125rem","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","small":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"},"large":{"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"},"hover":{"color":"#003677","text-decoration-line":"underline"},"contrast-color":{"color":"#181818","hover":{"color":"#181818"}},"inverse-color":{"color":"#FFFFFF","hover":{"color":"#FFFFFF"}}}},"link":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-weight":400,"outline-offset":"0.125rem","hover":{"color":"#003677"},"inline":{"text-decoration-line":"underline","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","font-family":"inherit","font-size":"inherit","line-height":"inherit","hover":{"text-decoration-thickness":"0.1875rem","text-underline-offset":"0.2778em"},"visited":{"color":"#A00078"}},"standalone":{"font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","line-height":"1.6","text-decoration-line":"underline","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"text-decoration-thickness":"0.1875rem","text-underline-offset":"0.2778em"}},"contrast-color":{"color":"#181818","hover":{"color":"#181818"},"visited":{"color":"#181818"}},"inverse-color":{"color":"#FFFFFF","hover":{"color":"#FFFFFF"},"visited":{"color":"#FFFFFF"}}},"logo":{"block-size":"2.5rem","emblem":{"color":"#EC0000"},"title":{"color":"#EC0000"},"subsite":{"color":"#181818"}},"margin":{"xs":"clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)","sm":"clamp(0.5rem, calc(0.1875rem + 1.5625vw), 1.75rem)","md":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","lg":"clamp(1.5rem, calc(0.5625rem + 4.6875vw), 5.25rem)","xl":"clamp(2rem, calc(0.75rem + 6.25vw), 7rem)"},"mark":{"background-color":"#FFE600"},"mega-menu":{"list-category":{"column-gap":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","column-width":"20rem","padding-block-start":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","padding-block-end":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)"}},"ordered-list":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","inverse-color":"#FFFFFF","line-height":"1.6","list-style-type":"decimal","small":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"},"item":{"margin-inline-start":"2.25rem","padding-inline-start":"0.25rem"},"ordered-list":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","list-style-type":"lower-alpha","padding-block-end":"0","padding-block-start":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","item":{"margin-inline-start":"1.5rem","padding-inline-start":"0.25rem"}}},"page-heading":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)","font-weight":800,"inverse-color":"#FFFFFF","line-height":"clamp(2.4316rem, calc(1.8951rem + 2.6826vw), 4.5776rem)"},"page-menu":{"column-gap":"clamp(1rem, calc(0.375rem + 3.125vw), 3.5rem)","row-gap":"clamp(0.25rem, calc(0.09375rem + 0.78125vw), 0.875rem)","item":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","outline-offset":"0.125rem","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677","text-decoration-line":"underline"}}},"pagination":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","button":{"gap":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","outline-offset":"0.125rem","padding-inline":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","current":{"font-weight":800},"hover":{"color":"#003677","text-decoration-line":"underline"}}},"paragraph":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","inverse-color":"#FFFFFF","small":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"},"large":{"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"}},"password-input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676"},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818"},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}},"placeholder":{"color":"#767676"}},"radio":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","line-height":"1.6","outline-offset":"0.125rem","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","checked-indicator":{"fill":"#004699","disabled":{"fill":"#767676"},"disabled-invalid":{"fill":"#767676","hover":{"fill":"#767676"}},"hover":{"fill":"#003677"},"invalid":{"fill":"#EC0000","hover":{"fill":"#B70000"}}},"hover-indicator":{"stroke-width":"3px","hover":{"stroke":"#004699"},"invalid":{"hover":{"stroke":{"60":{"value":"#EC0000","filePath":"src/brand/ams/color.tokens.json","isSource":true,"original":{"value":"#EC0000"},"name":"amsBrandColorRed60","attributes":{"category":"ams","type":"brand","item":"color","subitem":"red","state":"60"},"path":["ams","brand","color","red","60"]},"80":{"value":"#B70000","filePath":"src/brand/ams/color.tokens.json","isSource":true,"original":{"value":"#B70000"},"name":"amsBrandColorRed80","attributes":{"category":"ams","type":"brand","item":"color","subitem":"red","state":"80"},"path":["ams","brand","color","red","80"]}}}}},"circle":{"fill":"#FFFFFF","stroke":"#004699","stroke-width":"2px","disabled":{"stroke":"#767676"},"disabled-invalid":{"stroke":"#767676","hover":{"stroke":"#767676"}},"hover":{"stroke":"#003677"},"invalid":{"stroke":"#EC0000","hover":{"stroke":"#B70000"}}},"disabled":{"color":"#767676"},"hover":{"color":"#003677","text-decoration-line":"underline"},"icon-container":{"block-size":"calc(clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem) * 1.6)","inline-size":"1.5rem"}},"row":{"gap":{"no":"0","xs":"clamp(0.2813rem, 0.2578rem + 0.1172vw, 0.375rem)","sm":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","md":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","lg":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)","xl":"clamp(2.25rem, 2.0625rem + 0.9375vw, 3rem)"}},"screen":{"background-color":"#FFFFFF","wide":{"max-inline-size":"100rem"},"x-wide":{"max-inline-size":"132rem"}},"search-field":{"input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","cancel-button":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")","block-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","color":"#004699","inline-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)"},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818"},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}},"placeholder":{"color":"#767676"}}},"select":{"background-color":"#FFFFFF","background-image":"url(\\"data:image/svg+xml;utf8,\\")","background-position":"right clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) center","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) calc(2 * clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem) + 1em)","disabled":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676"},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818"},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}},"option":{"disabled":{"color":"#767676"}}},"skip-link":{"background-color":"#004699","color":"#FFFFFF","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","hover":{"background-color":"#003677"}},"spotlight":{"background-color":"#A00078","azure":{"background-color":"#009DE6"},"green":{"background-color":"#00A03C"},"lime":{"background-color":"#BED200"},"magenta":{"background-color":"#E50082"},"orange":{"background-color":"#FF9100"},"yellow":{"background-color":"#FFE600"}},"switch":{"background-color":"#767676","font-family":"'Amsterdam Sans', Arial, sans-serif","outline-offset":"0.125rem","inline-size":"3.5rem","thumb":{"background-color":"#FFFFFF","inline-size":"1.75rem","block-size":"1.75rem","hover":{"box-shadow":"0 0 0 0.125rem #003677","color":"#003677"}},"checked":{"background-color":"#004699"},"disabled":{"background-color":"#767676"}},"table-of-contents":{"font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","line-height":"1.6","link":{"color":"#004699","outline-offset":"0.125rem","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677","text-decoration-line":"underline"}},"list":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","list":{"padding-block-start":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline-start":"clamp(1.6875rem, 1.5469rem + 0.7031vw, 2.25rem)"}},"heading":{"font-weight":800,"font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","line-height":"1.5"}},"table":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","caption":{"font-weight":800},"cell":{"border-block-end":"0.0625rem solid #D1D1D1","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)"},"header-cell":{"font-weight":800}},"tabs":{"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","list":{"box-shadow":"inset 0 calc(0.125rem * -1) #D1D1D1"},"button":{"color":"#004699","cursor":"pointer","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"-0.25rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","hover":{"color":"#003677","box-shadow":"inset 0 calc(0.125rem * -1) #003677"},"selected":{"box-shadow":"inset 0 calc(0.25rem * -1) #004699","color":"#004699","font-weight":800},"disabled":{"color":"#767676","cursor":"not-allowed"}}},"text-area":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","min-block-size":"calc(1.6 * 1em + 2 * clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem))","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676","cursor":"not-allowed"},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818"},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}},"placeholder":{"color":"#767676"}},"text-input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676"},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818"},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}},"placeholder":{"color":"#767676"}},"time-input":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #181818","color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"line-height":"1.6","outline-offset":"0.125rem","padding-block":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","padding-inline":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"},"disabled":{"background-color":"#FFFFFF","box-shadow":"inset 0 0 0 0.0625rem #767676","color":"#767676","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"}},"hover":{"box-shadow":"inset 0 0 0 0.125rem #181818","calender-picker-indicator":{"background-image":"url(\\"data:image/svg+xml;utf8,\\")"}},"invalid":{"box-shadow":"inset 0 0 0 0.0625rem #EC0000","hover":{"box-shadow":"inset 0 0 0 0.125rem #B70000"}}},"top-task-link":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","description":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","font-weight":400,"line-height":"1.6"},"label":{"color":"#004699","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.3125rem, calc(1.1719rem + 0.7031vw), 1.875rem)","font-weight":800,"line-height":"1.5","text-decoration-line":"none","text-decoration-thickness":"0.125rem","text-underline-offset":"0.3333em","hover":{"color":"#003677","text-decoration-line":"underline"}},"outline-offset":"0.125rem"},"unordered-list":{"color":"#181818","font-family":"'Amsterdam Sans', Arial, sans-serif","font-size":"clamp(1.125rem, calc(1.0313rem + 0.4688vw), 1.5rem)","font-weight":400,"gap":"clamp(1.125rem, 1.0313rem + 0.4688vw, 1.5rem)","inverse-color":"#FFFFFF","line-height":"1.6","list-style-type":"'\\\\2022'","item":{"margin-inline-start":"1.625rem","padding-inline-start":"0.875rem"},"unordered-list":{"gap":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","list-style-type":"'\\\\2013'","padding-block-end":"0","padding-block-start":"clamp(0.5625rem, 0.5156rem + 0.2344vw, 0.75rem)","item":{"margin-inline-start":"0.875rem","padding-inline-start":"0.875rem"}},"small":{"font-size":"clamp(0.9643rem, calc(0.9054rem + 0.2946vw), 1.2rem)","line-height":"1.6"}}}`),m={ams:v},s=p.forwardRef(({children:o,...r},h)=>e.jsx("div",{...r,ref:h,className:"ams-docs-color-palette",children:o}));s.displayName="ColorPalette";const d=({color:o,name:r})=>e.jsxs("div",{className:t("ams-docs-color-swatch",`ams-docs-color-swatch--${r}`),children:[e.jsxs("code",{className:"ams-docs-color-code",children:["ams.brand.color.",r]}),r==="neutral"?e.jsxs(e.Fragment,{children:[e.jsx(a,{color:o[0],level:"0"}),e.jsx(a,{color:o[20],level:"20"}),e.jsx(a,{color:o[40],level:"40"}),e.jsx(a,{color:o[60],level:"60"}),e.jsx(a,{color:o[80],level:"80"}),e.jsx(a,{color:o[100],level:"100"})]}):e.jsxs(e.Fragment,{children:[e.jsx(a,{color:o[20],level:"20"}),e.jsx(a,{color:o[60],level:"60"}),e.jsx(a,{color:o[80],level:"80"})]})]});d.displayName="ColorPalette.Swatch";const a=({color:o,level:r})=>e.jsx("div",{className:t("ams-docs-color-tile",`ams-docs-color-tile--${r}`),children:o&&e.jsxs(e.Fragment,{children:[e.jsx("code",{className:"ams-docs-color-code",children:r}),e.jsx("div",{className:"ams-docs-color-sample",style:{backgroundColor:o},title:o})]})});a.displayName="ColorPalette.Tile";const l=Object.assign(s,{Swatch:d,Tile:a});try{l.displayName="ColorPalette",l.__docgenInfo={description:"",displayName:"ColorPalette",props:{}}}catch{}/*@license CC0-1.0*/function n(o){const r={h1:"h1",h2:"h2",h3:"h3",p:"p",...c(),...o.components};return l||i("ColorPalette",!1),l.Swatch||i("ColorPalette.Swatch",!0),e.jsxs(e.Fragment,{children:[` -`,` -`,e.jsx(g,{title:"Brand/Design Tokens/Colour"}),` -`,e.jsx(r.h1,{id:"colour",children:"Colour"}),` -`,e.jsx(r.p,{children:`Our colour palette is vibrant and crisp. -The main colours are red, blue, black, and white. -They are complemented by a range of accent colors and shades of gray.`}),` -`,e.jsxs(l,{children:[e.jsx(l.Swatch,{color:m.ams.brand.color.red,name:"red"}),e.jsx(l.Swatch,{color:m.ams.brand.color.azure,name:"azure"}),e.jsx(l.Swatch,{color:m.ams.brand.color.blue,name:"blue"}),e.jsx(l.Swatch,{color:m.ams.brand.color.yellow,name:"yellow"}),e.jsx(l.Swatch,{color:m.ams.brand.color.lime,name:"lime"}),e.jsx(l.Swatch,{color:m.ams.brand.color.green,name:"green"}),e.jsx(l.Swatch,{color:m.ams.brand.color.orange,name:"orange"}),e.jsx(l.Swatch,{color:m.ams.brand.color.magenta,name:"magenta"}),e.jsx(l.Swatch,{color:m.ams.brand.color.purple,name:"purple"}),e.jsx(l.Swatch,{color:m.ams.brand.color.neutral,name:"neutral"})]}),` -`,e.jsx(r.h2,{id:"application",children:"Application"}),` -`,e.jsx(r.h3,{id:"red",children:"Red"}),` -`,e.jsx(r.p,{children:`Red is obviously prominent in our logo. -The only other usage for it is to indicate errors.`}),` -`,e.jsx(r.h3,{id:"blue",children:"Blue"}),` -`,e.jsx(r.p,{children:`Blue indicates interactivity. -Literally all buttons and links are blue; and dark blue on hover. -Only if they are on a coloured background do they become black or white. -Radio, Checkbox and Switch are blue as well. -Our Page Footer has a blue background.`}),` -`,e.jsx(r.h3,{id:"black",children:"Black"}),` -`,e.jsx(r.p,{children:`Almost all text is black, as are links on a light background colour. -Borders of inputs are black as well.`}),` -`,e.jsx(r.h3,{id:"white",children:"White"}),` -`,e.jsx(r.p,{children:`Our pages have a white background, as do inputs. -Text and links on a dark background are white instead of black and blue.`}),` -`,e.jsx(r.h3,{id:"neutral",children:"Neutral"}),` -`,e.jsx(r.p,{children:`We use shades of gray for borders, backgrounds and labels of disabled controls. -Secondary text is dark gray.`}),` -`,e.jsx(r.h3,{id:"azure-lime-green-yellow-orange-magenta-purple",children:"Azure, Lime, Green, Yellow, Orange, Magenta, Purple"}),` -`,e.jsx(r.p,{children:`These colours are supplemental. -Spotlight and Breakout use them to create prominent sections. -Avatar and Badge can use them for a background. -An Alert is blue, orange, red, or green. -Highlighted text is yellow.`})]})}function j(o={}){const{wrapper:r}={...c(),...o.components};return r?e.jsx(r,{...o,children:e.jsx(n,{...o})}):n(o)}function i(o,r){throw new Error("Expected "+(r?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}export{j as default}; diff --git a/demo-develop/assets/config-4HffZTX0.js b/demo-develop/assets/config-4HffZTX0.js deleted file mode 100644 index 0ae1a53420..0000000000 --- a/demo-develop/assets/config-4HffZTX0.js +++ /dev/null @@ -1 +0,0 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{G as n,a as t,b as o,q as i,r as c}from"./index.esm-C0OPbFsf.js";import{A as l}from"./PageMenu.stories-DMSuHN48.js";import{D as d}from"./Footer.stories-CIRnT_Mb.js";const m=()=>{var r;return e.jsx(n,{children:e.jsx(n.Cell,{span:"all",children:e.jsx(t,{links:e.jsx(o,{alignEnd:!0,children:(r=l.args)==null?void 0:r.children}),menu:e.jsx("button",{className:"ams-header__menu-button",children:"Menu"})})})})},a=({children:r})=>{var s;return e.jsxs(e.Fragment,{children:[e.jsx(i,{href:"#main",children:"Direct naar inhoud"}),e.jsx(m,{}),r,e.jsx(c,{children:(s=d.args)==null?void 0:s.children})]})};try{a.displayName="Layout",a.__docgenInfo={description:"",displayName:"Layout",props:{}}}catch{}const j={decorators:[r=>e.jsx(a,{children:e.jsx(r,{})})],parameters:{layout:"fullscreen",themes:{themeOverride:"Spacious"}}};export{j as c}; diff --git a/demo-develop/assets/config-DlbwG7_D.js b/demo-develop/assets/config-DlbwG7_D.js new file mode 100644 index 0000000000..89fde91af7 --- /dev/null +++ b/demo-develop/assets/config-DlbwG7_D.js @@ -0,0 +1 @@ +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{o as n,m as s,p as t,q as o}from"./index.esm-ciNFknO_.js";import{D as c}from"./Footer.stories-DRPxLRRA.js";const d=()=>e.jsx(n,{noMenuButtonOnWideWindow:!0,menuItems:[e.jsx(n.MenuLink,{href:"#",lang:"en",children:"English"},"1"),e.jsx(n.MenuLink,{href:"#",children:"Mijn Amsterdam"},"2"),e.jsx(n.MenuLink,{href:"#",fixed:!0,children:"Zoeken"},"3")],children:e.jsxs(s,{className:"ams-mb--lg",children:[e.jsx(s.Link,{href:"#",lang:"en",children:"English"}),e.jsx(s.Link,{href:"#",children:"Mijn Amsterdam"})]})}),i=({children:r})=>{var a;return e.jsxs(e.Fragment,{children:[e.jsx(t,{href:"#main",children:"Direct naar inhoud"}),e.jsx(d,{}),r,e.jsx(o,{children:(a=c.args)==null?void 0:a.children})]})};try{i.displayName="Layout",i.__docgenInfo={description:"",displayName:"Layout",props:{}}}catch{}const p={decorators:[r=>e.jsx(i,{children:e.jsx(r,{})})],parameters:{layout:"fullscreen",themes:{themeOverride:"Spacious"}}};export{p as c}; diff --git a/demo-develop/assets/copyright.docs-BkH8XBz4.js b/demo-develop/assets/copyright.docs-DfH4PcSh.js similarity index 91% rename from demo-develop/assets/copyright.docs-BkH8XBz4.js rename to demo-develop/assets/copyright.docs-DfH4PcSh.js index ba5a2cd43d..013a621219 100644 --- a/demo-develop/assets/copyright.docs-BkH8XBz4.js +++ b/demo-develop/assets/copyright.docs-DfH4PcSh.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as s,aq as a}from"./index-U-bvrYWS.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";const i=` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as s,aq as a}from"./index-CYpc6MNd.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";const i=` # Copyright diff --git a/demo-develop/assets/entry-preview-j96DdC8u.js b/demo-develop/assets/entry-preview-BaoE_wvT.js similarity index 99% rename from demo-develop/assets/entry-preview-j96DdC8u.js rename to demo-develop/assets/entry-preview-BaoE_wvT.js index 805721a0d5..3e20e8633a 100644 --- a/demo-develop/assets/entry-preview-j96DdC8u.js +++ b/demo-develop/assets/entry-preview-BaoE_wvT.js @@ -1,5 +1,5 @@ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./react-18-1O4HD-Mi.js","./index-RigO-4kf.js","./_commonjsHelpers-CqkleIqs.js","./index-D2MAbzvX.js","./index-BIm0odtm.js"])))=>i.map(i=>d[i]); -import{_ as sr}from"./iframe-CcKRFNHG.js";import{_ as nr,a as ar,b as S}from"./chunk-XP5HYGXS-BGCqD1aY.js";import{R as pe,r as J}from"./index-RigO-4kf.js";import{r as ir}from"./index-D2MAbzvX.js";import{r as or}from"./index-BIm0odtm.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-CqkleIqs.js";var $e={exports:{}},V={};/** +import{_ as sr}from"./iframe-DelTWw7Q.js";import{_ as nr,a as ar,b as S}from"./chunk-XP5HYGXS-BGCqD1aY.js";import{R as pe,r as J}from"./index-RigO-4kf.js";import{r as ir}from"./index-D2MAbzvX.js";import{r as or}from"./index-BIm0odtm.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-CqkleIqs.js";var $e={exports:{}},V={};/** * @license React * react-dom-test-utils.production.min.js * diff --git a/demo-develop/assets/favicon.docs-C5mV8gCL.js b/demo-develop/assets/favicon.docs-C4jGbFpS.js similarity index 94% rename from demo-develop/assets/favicon.docs-C5mV8gCL.js rename to demo-develop/assets/favicon.docs-C4jGbFpS.js index 9e6849442c..a702806dc2 100644 --- a/demo-develop/assets/favicon.docs-C5mV8gCL.js +++ b/demo-develop/assets/favicon.docs-C4jGbFpS.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as t}from"./index-U-bvrYWS.js";import{F as a,S as r,A as l}from"./AppIcons-KE5ebJoc.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";/*@license CC0-1.0*/function i(s){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",ul:"ul",...o(),...s.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as t}from"./index-CYpc6MNd.js";import{F as a,S as r,A as l}from"./AppIcons-CtPqC-oN.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";/*@license CC0-1.0*/function i(s){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",ul:"ul",...o(),...s.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(t,{title:"Brand/Assets/Favicon"}),` `,e.jsx(n.h1,{id:"favicon",children:"Favicon"}),` diff --git a/demo-develop/assets/font.docs-CoF8f0Mt.js b/demo-develop/assets/font.docs-gQy8aVdl.js similarity index 95% rename from demo-develop/assets/font.docs-CoF8f0Mt.js rename to demo-develop/assets/font.docs-gQy8aVdl.js index c49c849b80..5969b3f9d1 100644 --- a/demo-develop/assets/font.docs-CoF8f0Mt.js +++ b/demo-develop/assets/font.docs-gQy8aVdl.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as i,af as r}from"./index-U-bvrYWS.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...o(),...s.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as i,af as r}from"./index-CYpc6MNd.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function t(s){const n={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...o(),...s.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(i,{title:"Brand/Assets/Font"}),` `,e.jsx(n.h1,{id:"font",children:"Font"}),` diff --git a/demo-develop/assets/getting-started.docs-D6deoB0_.js b/demo-develop/assets/getting-started.docs-ZVpJwA8O.js similarity index 92% rename from demo-develop/assets/getting-started.docs-D6deoB0_.js rename to demo-develop/assets/getting-started.docs-ZVpJwA8O.js index 814c2606f5..ae3c1c471f 100644 --- a/demo-develop/assets/getting-started.docs-D6deoB0_.js +++ b/demo-develop/assets/getting-started.docs-ZVpJwA8O.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as o}from"./index-U-bvrYWS.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function n(s){const t={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...r(),...s.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as o}from"./index-CYpc6MNd.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function n(s){const t={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...r(),...s.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(o,{title:"Docs/Developer Guide/Getting Started"}),` `,e.jsx(t.h1,{id:"getting-started",children:"Getting Started"}),` diff --git a/demo-develop/assets/grid.docs-CGYtpt8g.js b/demo-develop/assets/grid.docs-qIVmWfqh.js similarity index 98% rename from demo-develop/assets/grid.docs-CGYtpt8g.js rename to demo-develop/assets/grid.docs-qIVmWfqh.js index 28b605b01b..63f359fed4 100644 --- a/demo-develop/assets/grid.docs-CGYtpt8g.js +++ b/demo-develop/assets/grid.docs-qIVmWfqh.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as l}from"./index-U-bvrYWS.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function n(i){const t={a:"a",h1:"h1",h2:"h2",h3:"h3",h4:"h4",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...s(),...i.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as l}from"./index-CYpc6MNd.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function n(i){const t={a:"a",h1:"h1",h2:"h2",h3:"h3",h4:"h4",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...s(),...i.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(l,{title:"Brand/Design Tokens/Grid"}),` `,e.jsx(t.h1,{id:"grid",children:"Grid"}),` diff --git a/demo-develop/assets/icons.docs-Dk5ycLQD.js b/demo-develop/assets/icons.docs-BAkYcZCQ.js similarity index 87% rename from demo-develop/assets/icons.docs-Dk5ycLQD.js rename to demo-develop/assets/icons.docs-BAkYcZCQ.js index 2c0c3939b5..0886ae24ab 100644 --- a/demo-develop/assets/icons.docs-Dk5ycLQD.js +++ b/demo-develop/assets/icons.docs-BAkYcZCQ.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{au as i,av as c,ae as a}from"./index-U-bvrYWS.js";import{I as s}from"./index.esm-Bz9pa_xK.js";import{I as m}from"./Icon-CPe807nE.js";import{S as l}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Badge-BvbF-Lgn.js";const p=()=>{const t=Object.keys(s);return n.jsx(i,{children:t.map(o=>n.jsx(c,{name:o.substring(0,o.length-4),children:n.jsx(m,{svg:s[o]})},o))})};/*@license CC0-1.0*/function e(t){const o={a:"a",h1:"h1",h2:"h2",li:"li",p:"p",ul:"ul",...r(),...t.components};return n.jsxs(n.Fragment,{children:[` +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{au as i,av as c,ae as a}from"./index-CYpc6MNd.js";import{I as s}from"./index.esm-kml84xjK.js";import{I as m}from"./Icon-D9-xhxHj.js";import{S as l}from"./StatusBadge-DiE14TfE.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./clsx-B-dksMZM.js";import"./Badge-BvbF-Lgn.js";const p=()=>{const t=Object.keys(s);return n.jsx(i,{children:t.map(o=>n.jsx(c,{name:o.substring(0,o.length-4),children:n.jsx(m,{svg:s[o]})},o))})};/*@license CC0-1.0*/function e(t){const o={a:"a",h1:"h1",h2:"h2",li:"li",p:"p",ul:"ul",...r(),...t.components};return n.jsxs(n.Fragment,{children:[` `,` `,n.jsx(a,{title:"Brand/Assets/Icons"}),` `,n.jsx(l,{reason:"The set of available icons will change."}),` diff --git a/demo-develop/assets/iframe-CcKRFNHG.js b/demo-develop/assets/iframe-CcKRFNHG.js deleted file mode 100644 index 0bc484bead..0000000000 --- a/demo-develop/assets/iframe-CcKRFNHG.js +++ /dev/null @@ -1,2 +0,0 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./Accordion.docs-Dxj9zSPE.js","./jsx-runtime-BjgbQsUx.js","./index-D2MAbzvX.js","./index-3rgQkYFR.js","./index-RigO-4kf.js","./_commonjsHelpers-CqkleIqs.js","./index-U-bvrYWS.js","./index-BIm0odtm.js","./index-D-8MO0q_.js","./index-CHGET4sZ.js","./index-DrFu-skq.js","./Accordion.stories-BcMVtOi_.js","./index.esm-C0OPbFsf.js","./clsx-B-dksMZM.js","./index.esm-Bz9pa_xK.js","./exampleContent-CpGgN1Hc.js","./getHeadingTag-Dv1eMqvl.js","./Icon-CPe807nE.js","./useKeyboardFocus-CRUFsA_C.js","./ActionGroup.docs-CiWVksLo.js","./ActionGroup.stories-_f3PVZg8.js","./Alert.docs-BWIHw742.js","./Alert.stories-DD0y2WwZ.js","./Alert-c6GvXfXX.js","./Heading-Vg3KKL7T.js","./IconButton-Crov6BLL.js","./Avatar.docs-C4NQzV8z.js","./Avatar.stories-CZGsyNvx.js","./Image-dslpK47z.js","./Badge.docs-CxgBDJOS.js","./Badge.stories-DPvq_OmT.js","./Badge-BvbF-Lgn.js","./Blockquote.docs-CNG2HQSF.js","./Blockquote.stories-s8Chbawe.js","./Breadcrumb.docs-B_YTy1Dy.js","./Breadcrumb.stories-DlD_h2bb.js","./Breakout.docs-juSvdl8w.js","./Breakout.stories-C_NlLlrR.js","./paddingClasses-C5gheHLv.js","./Button.docs-DLVZjC-C.js","./Button.stories-BFitmNFu.js","./Button-QlQc6Uo1.js","./Card.docs-D0Re3BXy.js","./Card.stories-sl45n9X9.js","./Paragraph-B2U4A2CY.js","./CharacterCount.docs-BPBkETFj.js","./CharacterCount.stories-DXeDr-El.js","./Checkbox.docs-DXpQ-clh.js","./Checkbox.stories-BOfUD6I0.js","./Column.docs-LjtpJGTj.js","./Column.stories-bHdZwHmz.js","./types-B5YJ6HHW.js","./DateInput.docs-CphtBAPR.js","./DateInput.stories-RBNQuEDI.js","./DescriptionList.docs-CyaVKw0J.js","./DescriptionList.stories-BEIrM-7P.js","./Dialog.docs-OECFN3FR.js","./Dialog.stories-CNxDFR-V.js","./ErrorMessage.docs-Bv7kn2mj.js","./ErrorMessage.stories-Be50a9um.js","./Field.docs-DL6_XSzW.js","./Field.stories-0gI8y-No.js","./FieldSet.docs-lcFTH8l3.js","./FieldSet.stories-B8lghA1i.js","./Hint-ny2kNNgA.js","./Figure.docs-Ck4Mepg_.js","./Figure.stories-CaR7Mq6_.js","./FileInput.docs-DXpDYGMk.js","./FileInput.stories-CS9Me1ke.js","./FileList.docs-CRCaxRvk.js","./FileList.stories-B5SjmB_p.js","./Footer.docs-C2Y6veQs.js","./Footer.stories-CIRnT_Mb.js","./PageMenu.stories-DMSuHN48.js","./FormErrorList.docs-DZEU8Ils.js","./FormErrorList.stories-DoQK8D7t.js","./LinkList-BSPLoecX.js","./Grid.docs-Bx_uJgWa.js","./Grid.stories-bmYGHC93.js","./Header.docs-DVZA0cMH.js","./Header.stories-D1XxeJYU.js","./Logo-BazI2ckd.js","./StatusBadge-DiE14TfE.js","./StatusBadge-BPsnsflc.css","./Heading.docs-C68eXaCn.js","./Heading.stories-mkfOO2TM.js","./Icon.docs-B8pmx8iV.js","./Icon.stories-LbYIhcfJ.js","./IconButton.docs-BxC2FGz9.js","./IconButton.stories-DxAaPKjB.js","./Image.docs-nYxSP6oT.js","./Image.stories-BYgQuacP.js","./ImageSlider.docs-ii_Tpwu1.js","./ImageSlider.stories-C5bWp2Rl.js","./Label.docs-B_srBDwO.js","./Label.stories-C_bEBMkh.js","./Link.docs-DSKqpj-6.js","./Link.stories-BTSfIJHy.js","./LinkList.docs-BTtAti_G.js","./LinkList.stories-tQ_PQEo5.js","./Logo.docs-Cwd4R0VV.js","./Logo.stories-LgbwSI1-.js","./Mark.docs-CKKS5gBS.js","./Mark.stories-CazgZjNV.js","./MegaMenu.docs-DXEvfnRP.js","./MegaMenu.stories-BeeWaGJW.js","./OrderedList.docs-b_-QTVxV.js","./OrderedList.stories-BN__RrgZ.js","./Overlap.docs-BADrW1kg.js","./Overlap.stories-BxA9qRbC.js","./PageHeading.docs-CcXV-Eg8.js","./PageHeading.stories-xdugF2bU.js","./PageMenu.docs-BTlYqyUF.js","./Pagination.docs-B8iuBtJt.js","./Pagination.stories-DMveVvuE.js","./Paragraph.docs-CahkV25s.js","./Paragraph.stories-j7tRZau7.js","./PasswordInput.docs-XojD9w8j.js","./PasswordInput.stories-CZDY2FII.js","./Radio.docs-Da_dNeHT.js","./Radio.stories-DKE1deat.js","./Row.docs-DHMUzlOb.js","./Row.stories-MG0PIdL0.js","./Screen.docs-BJPw55BO.js","./Screen.stories-BEbhUpOk.js","./SearchField.docs-DGqaRhsL.js","./SearchField.stories-B7d7NZfk.js","./Select.docs-CNKy4BzD.js","./Select.stories-F41ytB21.js","./SkipLink.docs-C0O_SymK.js","./SkipLink.stories-Bre2mMDb.js","./Spotlight.docs-Dy_82sHI.js","./Spotlight.stories-Cakz_JvD.js","./Switch.docs-SJ-ab8ep.js","./Switch.stories-D66JiAyY.js","./Table.docs-0NdmR0RL.js","./Table.stories-BfFwfuPP.js","./TableOfContents.docs-CM5Tn8OY.js","./TableOfContents.stories-VCBJ07Xc.js","./Tabs.docs-CML4x9Kb.js","./Tabs.stories-7cPRMDoo.js","./TextArea.docs-ONOHW6Ec.js","./TextArea.stories-v53gZ-OK.js","./TextInput.docs-DYvrO-YP.js","./TextInput.stories-Dv9m6two.js","./TimeInput.docs-eK6Yqdk1.js","./TimeInput.stories-CONaRONz.js","./TopTaskLink.docs-lfJEBNS_.js","./TopTaskLink.stories-COR1H7cZ.js","./UnorderedList.docs-FEmkEPFK.js","./UnorderedList.stories-pdlMgHGk.js","./breakpoints.docs-D66xe-e5.js","./getting-started.docs-D6deoB0_.js","./interactivity.docs-Cf_wnPFl.js","./language.docs-vbfhKDgq.js","./routing-libraries.docs-DuyeJ8tk.js","./usability.docs-Dv3Aw2pU.js","./web-app.docs-ChQ80Rgl.js","./AppIcons-KE5ebJoc.js","./introduction.docs-Dj4YEu4Z.js","./copyright.docs-BkH8XBz4.js","./license.docs-uBo64Api.js","./favicon.docs-C5mV8gCL.js","./font.docs-CoF8f0Mt.js","./icons.docs-Dk5ycLQD.js","./aspect-ratio.docs-C2jIejgC.js","./border.docs-TMB7ZUZQ.js","./colour.docs-f7HllxDT.js","./colour-DMO0xpAR.css","./grid.docs-CGYtpt8g.js","./space.docs-D_tjZ5Jy.js","./text.docs-DrWVfft_.js","./Introduction.docs-BYa1yQfB.js","./ArticlePage.docs-DpO_0e26.js","./ArticlePage.stories-CW09gJjv.js","./config-4HffZTX0.js","./FormPage.docs-B_apIt2t.js","./FormPage.stories-BKg6lYdy.js","./HomePage.docs-BRvcsFVZ.js","./HomePage.stories-Z6XJkS0G.js","./AspectRatio.docs-CnFKveL-.js","./AspectRatio.stories-4NdL09L5.js","./Gap.docs-BHeu8yhg.js","./Gap.stories-_GUgVZRz.js","./Margin.docs-BRKJ7LCJ.js","./Margin.stories-Siz1HW6f.js","./VisuallyHidden.docs-CTdcL2wx.js","./VisuallyHidden.stories-B_m3rsFP.js","./entry-preview-j96DdC8u.js","./chunk-XP5HYGXS-BGCqD1aY.js","./entry-preview-docs-hipnMgiF.js","./preview-BhhEZcNS.js","./preview-D77C14du.js","./preview-BWzBA1C2.js","./preview-BAaMx73X.js","./preview-CNtV9hAn.css"])))=>i.map(i=>d[i]); -import"../sb-preview/runtime.js";(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))a(o);new MutationObserver(o=>{for(const e of o)if(e.type==="childList")for(const _ of e.addedNodes)_.tagName==="LINK"&&_.rel==="modulepreload"&&a(_)}).observe(document,{childList:!0,subtree:!0});function c(o){const e={};return o.integrity&&(e.integrity=o.integrity),o.referrerPolicy&&(e.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?e.credentials="include":o.crossOrigin==="anonymous"?e.credentials="omit":e.credentials="same-origin",e}function a(o){if(o.ep)return;o.ep=!0;const e=c(o);fetch(o.href,e)}})();const T="modulepreload",I=function(r,i){return new URL(r,i).href},L={},t=function(i,c,a){let o=Promise.resolve();if(c&&c.length>0){const _=document.getElementsByTagName("link"),s=document.querySelector("meta[property=csp-nonce]"),l=(s==null?void 0:s.nonce)||(s==null?void 0:s.getAttribute("nonce"));o=Promise.allSettled(c.map(m=>{if(m=I(m,a),m in L)return;L[m]=!0;const p=m.endsWith(".css"),O=p?'[rel="stylesheet"]':"";if(!!a)for(let d=_.length-1;d>=0;d--){const u=_[d];if(u.href===m&&(!p||u.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${m}"]${O}`))return;const n=document.createElement("link");if(n.rel=p?"stylesheet":T,p||(n.as="script"),n.crossOrigin="",n.href=m,l&&n.setAttribute("nonce",l),document.head.appendChild(n),p)return new Promise((d,u)=>{n.addEventListener("load",d),n.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${m}`)))})}))}function e(_){const s=new Event("vite:preloadError",{cancelable:!0});if(s.payload=_,window.dispatchEvent(s),!s.defaultPrevented)throw _}return o.then(_=>{for(const s of _||[])s.status==="rejected"&&e(s.reason);return i().catch(e)})},{createBrowserChannel:P}=__STORYBOOK_MODULE_CHANNELS__,{addons:R}=__STORYBOOK_MODULE_PREVIEW_API__,E=P({page:"preview"});R.setChannel(E);window.__STORYBOOK_ADDONS_CHANNEL__=E;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=E);const A={"./src/components/Accordion/Accordion.docs.mdx":async()=>t(()=>import("./Accordion.docs-Dxj9zSPE.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18]),import.meta.url),"./src/components/Accordion/Accordion.stories.tsx":async()=>t(()=>import("./Accordion.stories-BcMVtOi_.js").then(r=>r.A),__vite__mapDeps([11,1,2,12,13,4,5,14,15,16,17,18]),import.meta.url),"./src/components/ActionGroup/ActionGroup.docs.mdx":async()=>t(()=>import("./ActionGroup.docs-CiWVksLo.js"),__vite__mapDeps([19,1,2,3,4,5,6,7,8,9,10,20,12,13,14]),import.meta.url),"./src/components/ActionGroup/ActionGroup.stories.tsx":async()=>t(()=>import("./ActionGroup.stories-_f3PVZg8.js").then(r=>r.A),__vite__mapDeps([20,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Alert/Alert.docs.mdx":async()=>t(()=>import("./Alert.docs-BWIHw742.js"),__vite__mapDeps([21,1,2,3,4,5,6,7,8,9,10,22,12,13,14,23,17,24,16,25]),import.meta.url),"./src/components/Alert/Alert.stories.tsx":async()=>t(()=>import("./Alert.stories-DD0y2WwZ.js").then(r=>r.A),__vite__mapDeps([22,1,2,12,13,4,5,14,23,17,24,16,25]),import.meta.url),"./src/components/Avatar/Avatar.docs.mdx":async()=>t(()=>import("./Avatar.docs-C4NQzV8z.js"),__vite__mapDeps([26,1,2,3,4,5,6,7,8,9,10,27,12,13,14,28,17]),import.meta.url),"./src/components/Avatar/Avatar.stories.tsx":async()=>t(()=>import("./Avatar.stories-CZGsyNvx.js").then(r=>r.A),__vite__mapDeps([27,1,2,12,13,4,5,14,28,17]),import.meta.url),"./src/components/Badge/Badge.docs.mdx":async()=>t(()=>import("./Badge.docs-CxgBDJOS.js"),__vite__mapDeps([29,1,2,3,4,5,6,7,8,9,10,30,31,13]),import.meta.url),"./src/components/Badge/Badge.stories.tsx":async()=>t(()=>import("./Badge.stories-DPvq_OmT.js").then(r=>r.B),__vite__mapDeps([30,31,1,2,13,4,5]),import.meta.url),"./src/components/Blockquote/Blockquote.docs.mdx":async()=>t(()=>import("./Blockquote.docs-CNG2HQSF.js"),__vite__mapDeps([32,1,2,3,4,5,6,7,8,9,10,33,15,13]),import.meta.url),"./src/components/Blockquote/Blockquote.stories.tsx":async()=>t(()=>import("./Blockquote.stories-s8Chbawe.js").then(r=>r.B),__vite__mapDeps([33,15,1,2,13,4,5]),import.meta.url),"./src/components/Breadcrumb/Breadcrumb.docs.mdx":async()=>t(()=>import("./Breadcrumb.docs-B_YTy1Dy.js"),__vite__mapDeps([34,1,2,3,4,5,6,7,8,9,10,35,13]),import.meta.url),"./src/components/Breadcrumb/Breadcrumb.stories.tsx":async()=>t(()=>import("./Breadcrumb.stories-DlD_h2bb.js").then(r=>r.B),__vite__mapDeps([35,1,2,13,4,5]),import.meta.url),"./src/components/Breakout/Breakout.docs.mdx":async()=>t(()=>import("./Breakout.docs-juSvdl8w.js"),__vite__mapDeps([36,1,2,3,4,5,6,7,8,9,10,37,12,13,14,38]),import.meta.url),"./src/components/Breakout/Breakout.stories.tsx":async()=>t(()=>import("./Breakout.stories-C_NlLlrR.js").then(r=>r.B),__vite__mapDeps([37,1,2,12,13,4,5,14,38]),import.meta.url),"./src/components/Button/Button.docs.mdx":async()=>t(()=>import("./Button.docs-DLVZjC-C.js"),__vite__mapDeps([39,1,2,3,4,5,6,7,8,9,10,40,14,41,13,17]),import.meta.url),"./src/components/Button/Button.stories.tsx":async()=>t(()=>import("./Button.stories-BFitmNFu.js").then(r=>r.B),__vite__mapDeps([40,1,2,14,41,13,4,5,17]),import.meta.url),"./src/components/Card/Card.docs.mdx":async()=>t(()=>import("./Card.docs-D0Re3BXy.js"),__vite__mapDeps([42,1,2,3,4,5,6,7,8,9,10,43,12,13,14,15,44]),import.meta.url),"./src/components/Card/Card.stories.tsx":async()=>t(()=>import("./Card.stories-sl45n9X9.js").then(r=>r.C),__vite__mapDeps([43,1,2,12,13,4,5,14,15,44]),import.meta.url),"./src/components/CharacterCount/CharacterCount.docs.mdx":async()=>t(()=>import("./CharacterCount.docs-BPBkETFj.js"),__vite__mapDeps([45,1,2,3,4,5,6,7,8,9,10,46,13]),import.meta.url),"./src/components/CharacterCount/CharacterCount.stories.tsx":async()=>t(()=>import("./CharacterCount.stories-DXeDr-El.js").then(r=>r.C),__vite__mapDeps([46,1,2,13,4,5]),import.meta.url),"./src/components/Checkbox/Checkbox.docs.mdx":async()=>t(()=>import("./Checkbox.docs-DXpQ-clh.js"),__vite__mapDeps([47,1,2,3,4,5,6,7,8,9,10,48,12,13,14]),import.meta.url),"./src/components/Checkbox/Checkbox.stories.tsx":async()=>t(()=>import("./Checkbox.stories-BOfUD6I0.js").then(r=>r.C),__vite__mapDeps([48,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Column/Column.docs.mdx":async()=>t(()=>import("./Column.docs-LjtpJGTj.js"),__vite__mapDeps([49,1,2,3,4,5,6,7,8,9,10,50,12,13,14,51]),import.meta.url),"./src/components/Column/Column.stories.tsx":async()=>t(()=>import("./Column.stories-bHdZwHmz.js").then(r=>r.C),__vite__mapDeps([50,1,2,12,13,4,5,14,51]),import.meta.url),"./src/components/DateInput/DateInput.docs.mdx":async()=>t(()=>import("./DateInput.docs-CphtBAPR.js"),__vite__mapDeps([52,1,2,3,4,5,6,7,8,9,10,53,12,13,14]),import.meta.url),"./src/components/DateInput/DateInput.stories.tsx":async()=>t(()=>import("./DateInput.stories-RBNQuEDI.js").then(r=>r.D),__vite__mapDeps([53,1,2,12,13,4,5,14]),import.meta.url),"./src/components/DescriptionList/DescriptionList.docs.mdx":async()=>t(()=>import("./DescriptionList.docs-CyaVKw0J.js"),__vite__mapDeps([54,1,2,3,4,5,6,7,8,9,10,55,12,13,14]),import.meta.url),"./src/components/DescriptionList/DescriptionList.stories.tsx":async()=>t(()=>import("./DescriptionList.stories-BEIrM-7P.js").then(r=>r.D),__vite__mapDeps([55,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Dialog/Dialog.docs.mdx":async()=>t(()=>import("./Dialog.docs-OECFN3FR.js"),__vite__mapDeps([56,1,2,3,4,5,6,7,8,9,10,57,12,13,14,24,16,25,17]),import.meta.url),"./src/components/Dialog/Dialog.stories.tsx":async()=>t(()=>import("./Dialog.stories-CNxDFR-V.js").then(r=>r.D),__vite__mapDeps([57,1,2,12,13,4,5,14,24,16,25,17]),import.meta.url),"./src/components/ErrorMessage/ErrorMessage.docs.mdx":async()=>t(()=>import("./ErrorMessage.docs-Bv7kn2mj.js"),__vite__mapDeps([58,1,2,3,4,5,6,7,8,9,10,59,14,13,17]),import.meta.url),"./src/components/ErrorMessage/ErrorMessage.stories.tsx":async()=>t(()=>import("./ErrorMessage.stories-Be50a9um.js").then(r=>r.E),__vite__mapDeps([59,14,1,2,13,4,5,17]),import.meta.url),"./src/components/Field/Field.docs.mdx":async()=>t(()=>import("./Field.docs-DL6_XSzW.js"),__vite__mapDeps([60,1,2,3,4,5,6,7,8,9,10,61,12,13,14]),import.meta.url),"./src/components/Field/Field.stories.tsx":async()=>t(()=>import("./Field.stories-0gI8y-No.js").then(r=>r.F),__vite__mapDeps([61,1,2,12,13,4,5,14]),import.meta.url),"./src/components/FieldSet/FieldSet.docs.mdx":async()=>t(()=>import("./FieldSet.docs-lcFTH8l3.js"),__vite__mapDeps([62,1,2,3,4,5,6,7,8,9,10,63,12,13,14,64]),import.meta.url),"./src/components/FieldSet/FieldSet.stories.tsx":async()=>t(()=>import("./FieldSet.stories-B8lghA1i.js").then(r=>r.F),__vite__mapDeps([63,1,2,12,13,4,5,14,64]),import.meta.url),"./src/components/Figure/Figure.docs.mdx":async()=>t(()=>import("./Figure.docs-Ck4Mepg_.js"),__vite__mapDeps([65,1,2,3,4,5,6,7,8,9,10,66,12,13,14,15]),import.meta.url),"./src/components/Figure/Figure.stories.tsx":async()=>t(()=>import("./Figure.stories-CaR7Mq6_.js").then(r=>r.F),__vite__mapDeps([66,1,2,12,13,4,5,14,15]),import.meta.url),"./src/components/FileInput/FileInput.docs.mdx":async()=>t(()=>import("./FileInput.docs-DXpDYGMk.js"),__vite__mapDeps([67,1,2,3,4,5,6,7,8,9,10,68,12,13,14]),import.meta.url),"./src/components/FileInput/FileInput.stories.tsx":async()=>t(()=>import("./FileInput.stories-CS9Me1ke.js").then(r=>r.F),__vite__mapDeps([68,1,2,12,13,4,5,14]),import.meta.url),"./src/components/FileList/FileList.docs.mdx":async()=>t(()=>import("./FileList.docs-CRCaxRvk.js"),__vite__mapDeps([69,1,2,3,4,5,6,7,8,9,10,70,12,13,14,17,41]),import.meta.url),"./src/components/FileList/FileList.stories.tsx":async()=>t(()=>import("./FileList.stories-B5SjmB_p.js").then(r=>r.F),__vite__mapDeps([70,1,2,12,13,4,5,14,17,41]),import.meta.url),"./src/components/Footer/Footer.docs.mdx":async()=>t(()=>import("./Footer.docs-C2Y6veQs.js"),__vite__mapDeps([71,1,2,3,4,5,6,7,8,9,10,72,12,13,14,73,17]),import.meta.url),"./src/components/Footer/Footer.stories.tsx":async()=>t(()=>import("./Footer.stories-CIRnT_Mb.js").then(r=>r.F),__vite__mapDeps([72,1,2,12,13,4,5,14,73,17]),import.meta.url),"./src/components/FormErrorList/FormErrorList.docs.mdx":async()=>t(()=>import("./FormErrorList.docs-DZEU8Ils.js"),__vite__mapDeps([74,1,2,3,4,5,6,7,8,9,10,75,13,23,14,17,24,16,25,76]),import.meta.url),"./src/components/FormErrorList/FormErrorList.stories.tsx":async()=>t(()=>import("./FormErrorList.stories-DoQK8D7t.js").then(r=>r.F),__vite__mapDeps([75,1,2,4,5,13,23,14,17,24,16,25,76]),import.meta.url),"./src/components/Grid/Grid.docs.mdx":async()=>t(()=>import("./Grid.docs-Bx_uJgWa.js"),__vite__mapDeps([77,1,2,3,4,5,6,7,8,9,10,78,13,38]),import.meta.url),"./src/components/Grid/Grid.stories.tsx":async()=>t(()=>import("./Grid.stories-bmYGHC93.js").then(r=>r.G),__vite__mapDeps([78,1,2,13,4,5,38]),import.meta.url),"./src/components/Header/Header.docs.mdx":async()=>t(()=>import("./Header.docs-DVZA0cMH.js"),__vite__mapDeps([79,1,2,3,4,5,6,7,8,9,10,80,12,13,14,81,24,16,82,31,83]),import.meta.url),"./src/components/Header/Header.stories.tsx":async()=>t(()=>import("./Header.stories-D1XxeJYU.js").then(r=>r.H),__vite__mapDeps([80,1,2,12,13,4,5,14,81,24,16]),import.meta.url),"./src/components/Heading/Heading.docs.mdx":async()=>t(()=>import("./Heading.docs-C68eXaCn.js"),__vite__mapDeps([84,1,2,3,4,5,6,7,8,9,10,85,12,13,14,15,24,16]),import.meta.url),"./src/components/Heading/Heading.stories.tsx":async()=>t(()=>import("./Heading.stories-mkfOO2TM.js").then(r=>r.H),__vite__mapDeps([85,1,2,4,5,12,13,14,15,24,16]),import.meta.url),"./src/components/Icon/Icon.docs.mdx":async()=>t(()=>import("./Icon.docs-B8pmx8iV.js"),__vite__mapDeps([86,1,2,3,4,5,6,7,8,9,10,87,12,13,14,17,82,31,83]),import.meta.url),"./src/components/Icon/Icon.stories.tsx":async()=>t(()=>import("./Icon.stories-LbYIhcfJ.js").then(r=>r.I),__vite__mapDeps([87,1,2,12,13,4,5,14,17]),import.meta.url),"./src/components/IconButton/IconButton.docs.mdx":async()=>t(()=>import("./IconButton.docs-BxC2FGz9.js"),__vite__mapDeps([88,1,2,3,4,5,6,7,8,9,10,89,14,25,13,17]),import.meta.url),"./src/components/IconButton/IconButton.stories.tsx":async()=>t(()=>import("./IconButton.stories-DxAaPKjB.js").then(r=>r.I),__vite__mapDeps([89,14,1,2,25,13,4,5,17]),import.meta.url),"./src/components/Image/Image.docs.mdx":async()=>t(()=>import("./Image.docs-nYxSP6oT.js"),__vite__mapDeps([90,1,2,3,4,5,6,7,8,9,10,91,28,13]),import.meta.url),"./src/components/Image/Image.stories.tsx":async()=>t(()=>import("./Image.stories-BYgQuacP.js").then(r=>r.I),__vite__mapDeps([91,28,1,2,13,4,5]),import.meta.url),"./src/components/ImageSlider/ImageSlider.docs.mdx":async()=>t(()=>import("./ImageSlider.docs-ii_Tpwu1.js"),__vite__mapDeps([92,1,2,3,4,5,6,7,8,9,10,93,13,14,25,17,28]),import.meta.url),"./src/components/ImageSlider/ImageSlider.stories.tsx":async()=>t(()=>import("./ImageSlider.stories-C5bWp2Rl.js").then(r=>r.I),__vite__mapDeps([93,1,2,13,4,5,14,25,17,28]),import.meta.url),"./src/components/Label/Label.docs.mdx":async()=>t(()=>import("./Label.docs-B_srBDwO.js"),__vite__mapDeps([94,1,2,3,4,5,6,7,8,9,10,95,13,64]),import.meta.url),"./src/components/Label/Label.stories.tsx":async()=>t(()=>import("./Label.stories-C_bEBMkh.js").then(r=>r.L),__vite__mapDeps([95,1,2,13,4,5,64]),import.meta.url),"./src/components/Link/Link.docs.mdx":async()=>t(()=>import("./Link.docs-DSKqpj-6.js"),__vite__mapDeps([96,1,2,3,4,5,6,7,8,9,10,97,12,13,14]),import.meta.url),"./src/components/Link/Link.stories.tsx":async()=>t(()=>import("./Link.stories-BTSfIJHy.js").then(r=>r.L),__vite__mapDeps([97,1,2,12,13,4,5,14]),import.meta.url),"./src/components/LinkList/LinkList.docs.mdx":async()=>t(()=>import("./LinkList.docs-BTtAti_G.js"),__vite__mapDeps([98,1,2,3,4,5,6,7,8,9,10,99,14,15,76,13,17]),import.meta.url),"./src/components/LinkList/LinkList.stories.tsx":async()=>t(()=>import("./LinkList.stories-tQ_PQEo5.js").then(r=>r.L),__vite__mapDeps([99,1,2,14,15,76,13,4,5,17]),import.meta.url),"./src/components/Logo/Logo.docs.mdx":async()=>t(()=>import("./Logo.docs-Cwd4R0VV.js"),__vite__mapDeps([100,1,2,3,4,5,6,7,8,9,10,101,81,13]),import.meta.url),"./src/components/Logo/Logo.stories.tsx":async()=>t(()=>import("./Logo.stories-LgbwSI1-.js").then(r=>r.L),__vite__mapDeps([101,81,1,2,13,4,5]),import.meta.url),"./src/components/Mark/Mark.docs.mdx":async()=>t(()=>import("./Mark.docs-CKKS5gBS.js"),__vite__mapDeps([102,1,2,3,4,5,6,7,8,9,10,103,12,13,14]),import.meta.url),"./src/components/Mark/Mark.stories.tsx":async()=>t(()=>import("./Mark.stories-CazgZjNV.js").then(r=>r.M),__vite__mapDeps([103,1,2,12,13,4,5,14]),import.meta.url),"./src/components/MegaMenu/MegaMenu.docs.mdx":async()=>t(()=>import("./MegaMenu.docs-DXEvfnRP.js"),__vite__mapDeps([104,1,2,3,4,5,6,7,8,9,10,105,12,13,14,82,31,83]),import.meta.url),"./src/components/MegaMenu/MegaMenu.stories.tsx":async()=>t(()=>import("./MegaMenu.stories-BeeWaGJW.js").then(r=>r.M),__vite__mapDeps([105,1,2,12,13,4,5,14]),import.meta.url),"./src/components/OrderedList/OrderedList.docs.mdx":async()=>t(()=>import("./OrderedList.docs-b_-QTVxV.js"),__vite__mapDeps([106,1,2,3,4,5,6,7,8,9,10,107,12,13,14,15]),import.meta.url),"./src/components/OrderedList/OrderedList.stories.tsx":async()=>t(()=>import("./OrderedList.stories-BN__RrgZ.js").then(r=>r.O),__vite__mapDeps([107,1,2,12,13,4,5,14,15]),import.meta.url),"./src/components/Overlap/Overlap.docs.mdx":async()=>t(()=>import("./Overlap.docs-BADrW1kg.js"),__vite__mapDeps([108,1,2,3,4,5,6,7,8,9,10,109,12,13,14]),import.meta.url),"./src/components/Overlap/Overlap.stories.tsx":async()=>t(()=>import("./Overlap.stories-BxA9qRbC.js").then(r=>r.O),__vite__mapDeps([109,1,2,12,13,4,5,14]),import.meta.url),"./src/components/PageHeading/PageHeading.docs.mdx":async()=>t(()=>import("./PageHeading.docs-CcXV-Eg8.js"),__vite__mapDeps([110,1,2,3,4,5,6,7,8,9,10,111,13]),import.meta.url),"./src/components/PageHeading/PageHeading.stories.tsx":async()=>t(()=>import("./PageHeading.stories-xdugF2bU.js").then(r=>r.P),__vite__mapDeps([111,1,2,13,4,5]),import.meta.url),"./src/components/PageMenu/PageMenu.docs.mdx":async()=>t(()=>import("./PageMenu.docs-BTlYqyUF.js"),__vite__mapDeps([112,1,2,3,4,5,6,7,8,9,10,73,14,13,17,82,31,83]),import.meta.url),"./src/components/PageMenu/PageMenu.stories.tsx":async()=>t(()=>import("./PageMenu.stories-DMSuHN48.js").then(r=>r.P),__vite__mapDeps([73,1,2,14,13,4,5,17]),import.meta.url),"./src/components/Pagination/Pagination.docs.mdx":async()=>t(()=>import("./Pagination.docs-B8iuBtJt.js"),__vite__mapDeps([113,1,2,3,4,5,6,7,8,9,10,114,14,13,17]),import.meta.url),"./src/components/Pagination/Pagination.stories.tsx":async()=>t(()=>import("./Pagination.stories-DMveVvuE.js").then(r=>r.P),__vite__mapDeps([114,1,2,14,13,4,5,17]),import.meta.url),"./src/components/Paragraph/Paragraph.docs.mdx":async()=>t(()=>import("./Paragraph.docs-CahkV25s.js"),__vite__mapDeps([115,1,2,3,4,5,6,7,8,9,10,116,15,44,13]),import.meta.url),"./src/components/Paragraph/Paragraph.stories.tsx":async()=>t(()=>import("./Paragraph.stories-j7tRZau7.js").then(r=>r.P),__vite__mapDeps([116,15,44,1,2,13,4,5]),import.meta.url),"./src/components/PasswordInput/PasswordInput.docs.mdx":async()=>t(()=>import("./PasswordInput.docs-XojD9w8j.js"),__vite__mapDeps([117,1,2,3,4,5,6,7,8,9,10,118,12,13,14]),import.meta.url),"./src/components/PasswordInput/PasswordInput.stories.tsx":async()=>t(()=>import("./PasswordInput.stories-CZDY2FII.js").then(r=>r.P),__vite__mapDeps([118,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Radio/Radio.docs.mdx":async()=>t(()=>import("./Radio.docs-Da_dNeHT.js"),__vite__mapDeps([119,1,2,3,4,5,6,7,8,9,10,120,12,13,14]),import.meta.url),"./src/components/Radio/Radio.stories.tsx":async()=>t(()=>import("./Radio.stories-DKE1deat.js").then(r=>r.R),__vite__mapDeps([120,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Row/Row.docs.mdx":async()=>t(()=>import("./Row.docs-DHMUzlOb.js"),__vite__mapDeps([121,1,2,3,4,5,6,7,8,9,10,122,12,13,14,51]),import.meta.url),"./src/components/Row/Row.stories.tsx":async()=>t(()=>import("./Row.stories-MG0PIdL0.js").then(r=>r.R),__vite__mapDeps([122,1,2,12,13,4,5,14,51]),import.meta.url),"./src/components/Screen/Screen.docs.mdx":async()=>t(()=>import("./Screen.docs-BJPw55BO.js"),__vite__mapDeps([123,1,2,3,4,5,6,7,8,9,10,124,13]),import.meta.url),"./src/components/Screen/Screen.stories.tsx":async()=>t(()=>import("./Screen.stories-BEbhUpOk.js").then(r=>r.S),__vite__mapDeps([124,1,2,13,4,5]),import.meta.url),"./src/components/SearchField/SearchField.docs.mdx":async()=>t(()=>import("./SearchField.docs-DGqaRhsL.js"),__vite__mapDeps([125,1,2,3,4,5,6,7,8,9,10,126,13,14,41,17]),import.meta.url),"./src/components/SearchField/SearchField.stories.tsx":async()=>t(()=>import("./SearchField.stories-B7d7NZfk.js").then(r=>r.S),__vite__mapDeps([126,1,2,13,4,5,14,41,17]),import.meta.url),"./src/components/Select/Select.docs.mdx":async()=>t(()=>import("./Select.docs-CNKy4BzD.js"),__vite__mapDeps([127,1,2,3,4,5,6,7,8,9,10,128,12,13,14]),import.meta.url),"./src/components/Select/Select.stories.tsx":async()=>t(()=>import("./Select.stories-F41ytB21.js").then(r=>r.S),__vite__mapDeps([128,1,2,12,13,4,5,14]),import.meta.url),"./src/components/SkipLink/SkipLink.docs.mdx":async()=>t(()=>import("./SkipLink.docs-C0O_SymK.js"),__vite__mapDeps([129,1,2,3,4,5,6,7,8,9,10,130,12,13,14]),import.meta.url),"./src/components/SkipLink/SkipLink.stories.tsx":async()=>t(()=>import("./SkipLink.stories-Bre2mMDb.js").then(r=>r.S),__vite__mapDeps([130,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Spotlight/Spotlight.docs.mdx":async()=>t(()=>import("./Spotlight.docs-Dy_82sHI.js"),__vite__mapDeps([131,1,2,3,4,5,6,7,8,9,10,132,12,13,14,15]),import.meta.url),"./src/components/Spotlight/Spotlight.stories.tsx":async()=>t(()=>import("./Spotlight.stories-Cakz_JvD.js").then(r=>r.S),__vite__mapDeps([132,1,2,12,13,4,5,14,15]),import.meta.url),"./src/components/Switch/Switch.docs.mdx":async()=>t(()=>import("./Switch.docs-SJ-ab8ep.js"),__vite__mapDeps([133,1,2,3,4,5,6,7,8,9,10,134,12,13,14]),import.meta.url),"./src/components/Switch/Switch.stories.tsx":async()=>t(()=>import("./Switch.stories-D66JiAyY.js").then(r=>r.S),__vite__mapDeps([134,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Table/Table.docs.mdx":async()=>t(()=>import("./Table.docs-0NdmR0RL.js"),__vite__mapDeps([135,1,2,3,4,5,6,7,8,9,10,136,13]),import.meta.url),"./src/components/Table/Table.stories.tsx":async()=>t(()=>import("./Table.stories-BfFwfuPP.js").then(r=>r.T),__vite__mapDeps([136,1,2,13,4,5]),import.meta.url),"./src/components/TableOfContents/TableOfContents.docs.mdx":async()=>t(()=>import("./TableOfContents.docs-CM5Tn8OY.js"),__vite__mapDeps([137,1,2,3,4,5,6,7,8,9,10,138,13,24,16]),import.meta.url),"./src/components/TableOfContents/TableOfContents.stories.tsx":async()=>t(()=>import("./TableOfContents.stories-VCBJ07Xc.js").then(r=>r.T),__vite__mapDeps([138,1,2,13,4,5,24,16]),import.meta.url),"./src/components/Tabs/Tabs.docs.mdx":async()=>t(()=>import("./Tabs.docs-CML4x9Kb.js"),__vite__mapDeps([139,1,2,3,4,5,6,7,8,9,10,140,12,13,14,15,18]),import.meta.url),"./src/components/Tabs/Tabs.stories.tsx":async()=>t(()=>import("./Tabs.stories-7cPRMDoo.js").then(r=>r.T),__vite__mapDeps([140,1,2,12,13,4,5,14,15,18]),import.meta.url),"./src/components/TextArea/TextArea.docs.mdx":async()=>t(()=>import("./TextArea.docs-ONOHW6Ec.js"),__vite__mapDeps([141,1,2,3,4,5,6,7,8,9,10,142,12,13,14,15]),import.meta.url),"./src/components/TextArea/TextArea.stories.tsx":async()=>t(()=>import("./TextArea.stories-v53gZ-OK.js").then(r=>r.T),__vite__mapDeps([142,1,2,12,13,4,5,14,15]),import.meta.url),"./src/components/TextInput/TextInput.docs.mdx":async()=>t(()=>import("./TextInput.docs-DYvrO-YP.js"),__vite__mapDeps([143,1,2,3,4,5,6,7,8,9,10,144,12,13,14]),import.meta.url),"./src/components/TextInput/TextInput.stories.tsx":async()=>t(()=>import("./TextInput.stories-Dv9m6two.js").then(r=>r.T),__vite__mapDeps([144,1,2,12,13,4,5,14]),import.meta.url),"./src/components/TimeInput/TimeInput.docs.mdx":async()=>t(()=>import("./TimeInput.docs-eK6Yqdk1.js"),__vite__mapDeps([145,1,2,3,4,5,6,7,8,9,10,146,12,13,14]),import.meta.url),"./src/components/TimeInput/TimeInput.stories.tsx":async()=>t(()=>import("./TimeInput.stories-CONaRONz.js").then(r=>r.T),__vite__mapDeps([146,1,2,12,13,4,5,14]),import.meta.url),"./src/components/TopTaskLink/TopTaskLink.docs.mdx":async()=>t(()=>import("./TopTaskLink.docs-lfJEBNS_.js"),__vite__mapDeps([147,1,2,3,4,5,6,7,8,9,10,148,12,13,14,82,31,83]),import.meta.url),"./src/components/TopTaskLink/TopTaskLink.stories.tsx":async()=>t(()=>import("./TopTaskLink.stories-COR1H7cZ.js").then(r=>r.T),__vite__mapDeps([148,1,2,12,13,4,5,14]),import.meta.url),"./src/components/UnorderedList/UnorderedList.docs.mdx":async()=>t(()=>import("./UnorderedList.docs-FEmkEPFK.js"),__vite__mapDeps([149,1,2,3,4,5,6,7,8,9,10,150,12,13,14,15]),import.meta.url),"./src/components/UnorderedList/UnorderedList.stories.tsx":async()=>t(()=>import("./UnorderedList.stories-pdlMgHGk.js").then(r=>r.U),__vite__mapDeps([150,1,2,12,13,4,5,14,15]),import.meta.url),"./src/docs/developer-guide/breakpoints.docs.mdx":async()=>t(()=>import("./breakpoints.docs-D66xe-e5.js"),__vite__mapDeps([151,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/getting-started.docs.mdx":async()=>t(()=>import("./getting-started.docs-D6deoB0_.js"),__vite__mapDeps([152,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/interactivity.docs.mdx":async()=>t(()=>import("./interactivity.docs-Cf_wnPFl.js"),__vite__mapDeps([153,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/language.docs.mdx":async()=>t(()=>import("./language.docs-vbfhKDgq.js"),__vite__mapDeps([154,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/routing-libraries.docs.mdx":async()=>t(()=>import("./routing-libraries.docs-DuyeJ8tk.js"),__vite__mapDeps([155,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/usability.docs.mdx":async()=>t(()=>import("./usability.docs-Dv3Aw2pU.js"),__vite__mapDeps([156,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/web-app.docs.mdx":async()=>t(()=>import("./web-app.docs-ChQ80Rgl.js"),__vite__mapDeps([157,1,2,3,4,5,6,7,8,9,10,158,12,13,14]),import.meta.url),"./src/docs/introduction.docs.mdx":async()=>t(()=>import("./introduction.docs-Dj4YEu4Z.js"),__vite__mapDeps([159,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/terms-of-use/copyright.docs.mdx":async()=>t(()=>import("./copyright.docs-BkH8XBz4.js"),__vite__mapDeps([160,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/terms-of-use/license.docs.mdx":async()=>t(()=>import("./license.docs-uBo64Api.js"),__vite__mapDeps([161,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/assets/favicon.docs.mdx":async()=>t(()=>import("./favicon.docs-C5mV8gCL.js"),__vite__mapDeps([162,1,2,3,4,5,6,7,8,9,10,158,12,13,14]),import.meta.url),"./src/foundation/assets/font.docs.mdx":async()=>t(()=>import("./font.docs-CoF8f0Mt.js"),__vite__mapDeps([163,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/assets/icons.docs.mdx":async()=>t(()=>import("./icons.docs-Dk5ycLQD.js"),__vite__mapDeps([164,1,2,3,4,5,6,7,8,9,10,14,17,13,82,31,83]),import.meta.url),"./src/foundation/design-tokens/aspect-ratio.docs.mdx":async()=>t(()=>import("./aspect-ratio.docs-C2jIejgC.js"),__vite__mapDeps([165,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/design-tokens/border.docs.mdx":async()=>t(()=>import("./border.docs-TMB7ZUZQ.js"),__vite__mapDeps([166,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/design-tokens/colour.docs.mdx":async()=>t(()=>import("./colour.docs-f7HllxDT.js"),__vite__mapDeps([167,1,2,3,4,5,6,7,8,9,10,13,168]),import.meta.url),"./src/foundation/design-tokens/grid.docs.mdx":async()=>t(()=>import("./grid.docs-CGYtpt8g.js"),__vite__mapDeps([169,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/design-tokens/space.docs.mdx":async()=>t(()=>import("./space.docs-D_tjZ5Jy.js"),__vite__mapDeps([170,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/design-tokens/text.docs.mdx":async()=>t(()=>import("./text.docs-DrWVfft_.js"),__vite__mapDeps([171,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/pages/Introduction.docs.mdx":async()=>t(()=>import("./Introduction.docs-BYa1yQfB.js"),__vite__mapDeps([172,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/pages/amsterdam/ArticlePage/ArticlePage.docs.mdx":async()=>t(()=>import("./ArticlePage.docs-DpO_0e26.js"),__vite__mapDeps([173,1,2,3,4,5,6,7,8,9,10,174,12,13,14,91,28,175,73,17,72]),import.meta.url),"./src/pages/amsterdam/ArticlePage/ArticlePage.stories.tsx":async()=>t(()=>import("./ArticlePage.stories-CW09gJjv.js").then(r=>r.A),__vite__mapDeps([174,1,2,12,13,4,5,14,91,28,175,73,17,72]),import.meta.url),"./src/pages/amsterdam/FormPage/FormPage.docs.mdx":async()=>t(()=>import("./FormPage.docs-B_apIt2t.js"),__vite__mapDeps([176,1,2,3,4,5,6,7,8,9,10,177,12,13,14,175,73,17,72]),import.meta.url),"./src/pages/amsterdam/FormPage/FormPage.stories.tsx":async()=>t(()=>import("./FormPage.stories-BKg6lYdy.js").then(r=>r.F),__vite__mapDeps([177,1,2,12,13,4,5,14,175,73,17,72]),import.meta.url),"./src/pages/amsterdam/HomePage/HomePage.docs.mdx":async()=>t(()=>import("./HomePage.docs-BRvcsFVZ.js"),__vite__mapDeps([178,1,2,3,4,5,6,7,8,9,10,179,12,13,14,109,175,73,17,72]),import.meta.url),"./src/pages/amsterdam/HomePage/HomePage.stories.tsx":async()=>t(()=>import("./HomePage.stories-Z6XJkS0G.js").then(r=>r.H),__vite__mapDeps([179,1,2,12,13,4,5,14,109,175,73,17,72]),import.meta.url),"./src/utils/AspectRatio/AspectRatio.docs.mdx":async()=>t(()=>import("./AspectRatio.docs-CnFKveL-.js"),__vite__mapDeps([180,1,2,3,4,5,6,7,8,9,10,181]),import.meta.url),"./src/utils/AspectRatio/AspectRatio.stories.tsx":async()=>t(()=>import("./AspectRatio.stories-4NdL09L5.js").then(r=>r.A),__vite__mapDeps([181,1,2]),import.meta.url),"./src/utils/Gap/Gap.docs.mdx":async()=>t(()=>import("./Gap.docs-BHeu8yhg.js"),__vite__mapDeps([182,1,2,3,4,5,6,7,8,9,10,183,12,13,14]),import.meta.url),"./src/utils/Gap/Gap.stories.tsx":async()=>t(()=>import("./Gap.stories-_GUgVZRz.js").then(r=>r.G),__vite__mapDeps([183,1,2,12,13,4,5,14]),import.meta.url),"./src/utils/Margin/Margin.docs.mdx":async()=>t(()=>import("./Margin.docs-BRKJ7LCJ.js"),__vite__mapDeps([184,1,2,3,4,5,6,7,8,9,10,185,12,13,14]),import.meta.url),"./src/utils/Margin/Margin.stories.tsx":async()=>t(()=>import("./Margin.stories-Siz1HW6f.js").then(r=>r.M),__vite__mapDeps([185,1,2,12,13,4,5,14]),import.meta.url),"./src/utils/VisuallyHidden/VisuallyHidden.docs.mdx":async()=>t(()=>import("./VisuallyHidden.docs-CTdcL2wx.js"),__vite__mapDeps([186,1,2,3,4,5,6,7,8,9,10,187,12,13,14]),import.meta.url),"./src/utils/VisuallyHidden/VisuallyHidden.stories.tsx":async()=>t(()=>import("./VisuallyHidden.stories-B_m3rsFP.js").then(r=>r.V),__vite__mapDeps([187,1,2,12,13,4,5,14]),import.meta.url)};async function D(r){return A[r]()}const{composeConfigs:v,PreviewWeb:y,ClientApi:h}=__STORYBOOK_MODULE_PREVIEW_API__,V=async(r=[])=>{const i=await Promise.all([r[0]??t(()=>import("./entry-preview-j96DdC8u.js"),__vite__mapDeps([188,189,4,5,2,7]),import.meta.url),r[1]??t(()=>import("./entry-preview-docs-hipnMgiF.js"),__vite__mapDeps([190,189,9,4,5,2]),import.meta.url),r[2]??t(()=>import("./preview-BhhEZcNS.js"),__vite__mapDeps([191,8]),import.meta.url),r[3]??t(()=>import("./preview-aVwhiz9X.js"),[],import.meta.url),r[4]??t(()=>import("./preview-D77C14du.js"),__vite__mapDeps([192,10]),import.meta.url),r[5]??t(()=>import("./preview-DFmD0pui.js"),[],import.meta.url),r[6]??t(()=>import("./preview-CFgKly6U.js"),[],import.meta.url),r[7]??t(()=>import("./preview-BWzBA1C2.js"),__vite__mapDeps([193,10]),import.meta.url),r[8]??t(()=>import("./preview-DGUiP6tS.js"),[],import.meta.url),r[9]??t(()=>import("./preview-BJ6EHSBF.js"),[],import.meta.url),r[10]??t(()=>import("./preview-BYSMlS8c.js"),[],import.meta.url),r[11]??t(()=>import("./preview-CVgpLj3b.js"),[],import.meta.url),r[12]??t(()=>import("./preview-GIfpcfDr.js"),[],import.meta.url),r[13]??t(()=>import("./preview-C7tAAfkq.js"),[],import.meta.url),r[14]??t(()=>import("./preview-BAaMx73X.js"),__vite__mapDeps([194,1,2,12,13,4,5,14,195]),import.meta.url)]);return v(i)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new y(D,V);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; diff --git a/demo-develop/assets/iframe-DelTWw7Q.js b/demo-develop/assets/iframe-DelTWw7Q.js new file mode 100644 index 0000000000..61d89b52d5 --- /dev/null +++ b/demo-develop/assets/iframe-DelTWw7Q.js @@ -0,0 +1,2 @@ +const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./Accordion.docs-CTUkWHv4.js","./jsx-runtime-BjgbQsUx.js","./index-D2MAbzvX.js","./index-3rgQkYFR.js","./index-RigO-4kf.js","./_commonjsHelpers-CqkleIqs.js","./index-CYpc6MNd.js","./index-BIm0odtm.js","./index-D-8MO0q_.js","./index-CHGET4sZ.js","./index-DrFu-skq.js","./Accordion.stories-DL9hUQU9.js","./index.esm-ciNFknO_.js","./clsx-B-dksMZM.js","./index.esm-kml84xjK.js","./exampleContent-CpGgN1Hc.js","./getHeadingTag-Dv1eMqvl.js","./Icon-D9-xhxHj.js","./useKeyboardFocus-CRUFsA_C.js","./ActionGroup.docs-TkyFJxFO.js","./ActionGroup.stories-BkP-Fnyi.js","./Alert.docs-W0ntHf9G.js","./Alert.stories-eGU7L8eh.js","./Alert-BcJseYnK.js","./Heading-kLxhGLS-.js","./IconButton-Be1b4x1H.js","./Avatar.docs-CfXYsfgV.js","./Avatar.stories-CRL5zeap.js","./Image-dslpK47z.js","./Badge.docs-Cm5OQcau.js","./Badge.stories-DPvq_OmT.js","./Badge-BvbF-Lgn.js","./Blockquote.docs-BsxssZ5S.js","./Blockquote.stories-s8Chbawe.js","./Breadcrumb.docs-CnLHrPmg.js","./Breadcrumb.stories-DlD_h2bb.js","./Breakout.docs-Upj2JfgG.js","./Breakout.stories-D6eSwQ1y.js","./paddingClasses-C5gheHLv.js","./Button.docs-CKoe238a.js","./Button.stories-CpTiIZEw.js","./Button-D-IxByo5.js","./Card.docs-CpdJcJ7x.js","./Card.stories-BBU47nP4.js","./Paragraph-B2U4A2CY.js","./CharacterCount.docs-CtelpfeY.js","./CharacterCount.stories-DXeDr-El.js","./Checkbox.docs-CTr6oxCj.js","./Checkbox.stories-BXPwWUVK.js","./Column.docs-CJX4IBVk.js","./Column.stories-C4RsOl2I.js","./types-B5YJ6HHW.js","./DateInput.docs-Cb6AMyAO.js","./DateInput.stories-DcjPKiYv.js","./DescriptionList.docs-CXmG-RzC.js","./DescriptionList.stories-Dmd1cfvk.js","./Dialog.docs-DGpE5QtP.js","./Dialog.stories-cTqFWb0A.js","./ErrorMessage.docs-BKWb858W.js","./ErrorMessage.stories-BA4c4ZNY.js","./Field.docs-BdVWC1tT.js","./Field.stories-B2Ivb9i6.js","./FieldSet.docs-DHG3FItu.js","./FieldSet.stories-CMR_3SLj.js","./Hint-ny2kNNgA.js","./Figure.docs-D4bOrJxi.js","./Figure.stories-Bmrnzu9z.js","./FileInput.docs-CWK5xlgI.js","./FileInput.stories-BxTZu5mk.js","./FileList.docs-B60JfBzm.js","./FileList.stories-D-CQV51P.js","./Footer.docs-BFDBkDES.js","./Footer.stories-DRPxLRRA.js","./PageMenu.stories-v0ZRXO4B.js","./FormErrorList.docs-O19jPcMj.js","./FormErrorList.stories-BDaOt6O7.js","./LinkList-Dj8_gI0C.js","./Grid.docs-se0Nh0Pi.js","./Grid.stories-BCyuDymN.js","./Grid-D-BW1_rY.js","./Header.docs-CkBObEYM.js","./Header.stories-CCKFmKcM.js","./Logo-BazI2ckd.js","./StatusBadge-DiE14TfE.js","./StatusBadge-BPsnsflc.css","./Heading.docs-B2mjLn-I.js","./Heading.stories-DT4LRWj5.js","./Icon.docs-DKOQjHFE.js","./Icon.stories-D4laREB9.js","./IconButton.docs-U5gvOIId.js","./IconButton.stories-DBGVkmRI.js","./Image.docs-Bq6SiMFU.js","./Image.stories-BYgQuacP.js","./ImageSlider.docs-BlULcTsO.js","./ImageSlider.stories-DJIb_rGR.js","./Label.docs-C7q7Kskh.js","./Label.stories-C_bEBMkh.js","./Link.docs-BSV3XGq7.js","./Link.stories-7kOyrFAx.js","./LinkList.docs-E6XZq2XD.js","./LinkList.stories-DoYCcDUX.js","./Logo.docs-0A2zb0Hc.js","./Logo.stories-LgbwSI1-.js","./Mark.docs-DafJhROL.js","./Mark.stories-CGRmq2qs.js","./MegaMenu.docs-Btf4nPWX.js","./MegaMenu.stories-Cqswy_kR.js","./OrderedList.docs-afvw2gZA.js","./OrderedList.stories-B3Ie4GNF.js","./Overlap.docs-DJlFbMsv.js","./Overlap.stories-CrewzBVX.js","./PageHeading.docs-BUttRxRB.js","./PageHeading.stories-xdugF2bU.js","./PageMenu.docs-C07l-dvk.js","./Pagination.docs-BSUbgYkx.js","./Pagination.stories-rLOPoja9.js","./Paragraph.docs-BKc28q91.js","./Paragraph.stories-j7tRZau7.js","./PasswordInput.docs-DI5zV_kt.js","./PasswordInput.stories-lL4gWE7p.js","./Radio.docs-C3GCinEC.js","./Radio.stories-BitR48Hi.js","./Row.docs-B_6U0yZO.js","./Row.stories-CcVF9zQ8.js","./Screen.docs-BjRfEaJ3.js","./Screen.stories-BEbhUpOk.js","./SearchField.docs-B8Ud8lY5.js","./SearchField.stories-DkVKo3RE.js","./Select.docs-DlYGMCEJ.js","./Select.stories-Bj4EHOpp.js","./SkipLink.docs-Be8nWFLp.js","./SkipLink.stories-Ctxb7Qdn.js","./Spotlight.docs-DTiw39b7.js","./Spotlight.stories-BdQosNKT.js","./Switch.docs-D8olgyB_.js","./Switch.stories-C9fm22hr.js","./Table.docs-BDDEdT7M.js","./Table.stories-BfFwfuPP.js","./TableOfContents.docs-CijPmAdI.js","./TableOfContents.stories-4wGXH9sT.js","./Tabs.docs-Y8kg2RV9.js","./Tabs.stories-Bxrzx6a_.js","./TextArea.docs-DcmoydV3.js","./TextArea.stories-CnXZ08-O.js","./TextInput.docs-BawhRtI-.js","./TextInput.stories-CkXgpyn7.js","./TimeInput.docs-xGl6CJQC.js","./TimeInput.stories-BFA3xcAx.js","./TopTaskLink.docs-_A7d0xuz.js","./TopTaskLink.stories-4KgwrGE1.js","./UnorderedList.docs-DSAlDLvK.js","./UnorderedList.stories-BNBdkZ68.js","./breakpoints.docs-CA_USfkU.js","./getting-started.docs-ZVpJwA8O.js","./interactivity.docs-ACrt1oyh.js","./language.docs-BgIAhiMY.js","./routing-libraries.docs-BzzcnkFA.js","./usability.docs-wLK4uhe_.js","./web-app.docs-CqQyKHTI.js","./AppIcons-CtPqC-oN.js","./introduction.docs-D7CaBy_c.js","./copyright.docs-DfH4PcSh.js","./license.docs-xuHuRzHH.js","./favicon.docs-C4jGbFpS.js","./font.docs-gQy8aVdl.js","./icons.docs-BAkYcZCQ.js","./aspect-ratio.docs-RamzfTaj.js","./border.docs-CgEyn_02.js","./colour.docs-BjefrPSo.js","./colour-DMO0xpAR.css","./grid.docs-qIVmWfqh.js","./space.docs-BGHoY8B-.js","./text.docs-C_AlZwWF.js","./Introduction.docs-Da_VlqP_.js","./ArticlePage.docs-CigKyOg0.js","./ArticlePage.stories-CBXE9MLy.js","./config-DlbwG7_D.js","./FormPage.docs-B5r3TeVJ.js","./FormPage.stories-D8owIPF5.js","./HomePage.docs-D6HdxXhl.js","./HomePage.stories-BeaIWE5g.js","./AspectRatio.docs-C9K_-5W7.js","./AspectRatio.stories-4NdL09L5.js","./Gap.docs-CwLD5Xmg.js","./Gap.stories-DE-rVrCr.js","./Margin.docs-Cu7KoUBj.js","./Margin.stories-CfyTqZ8m.js","./VisuallyHidden.docs-DUjbSeKt.js","./VisuallyHidden.stories-DBh4Iuvh.js","./entry-preview-BaoE_wvT.js","./chunk-XP5HYGXS-BGCqD1aY.js","./entry-preview-docs-hipnMgiF.js","./preview-BhhEZcNS.js","./preview-D77C14du.js","./preview-BWzBA1C2.js","./preview-C8Sx34P2.js","./preview-CrEepBd0.css"])))=>i.map(i=>d[i]); +import"../sb-preview/runtime.js";(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))a(o);new MutationObserver(o=>{for(const e of o)if(e.type==="childList")for(const _ of e.addedNodes)_.tagName==="LINK"&&_.rel==="modulepreload"&&a(_)}).observe(document,{childList:!0,subtree:!0});function c(o){const e={};return o.integrity&&(e.integrity=o.integrity),o.referrerPolicy&&(e.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?e.credentials="include":o.crossOrigin==="anonymous"?e.credentials="omit":e.credentials="same-origin",e}function a(o){if(o.ep)return;o.ep=!0;const e=c(o);fetch(o.href,e)}})();const T="modulepreload",I=function(r,i){return new URL(r,i).href},L={},t=function(i,c,a){let o=Promise.resolve();if(c&&c.length>0){const _=document.getElementsByTagName("link"),s=document.querySelector("meta[property=csp-nonce]"),l=(s==null?void 0:s.nonce)||(s==null?void 0:s.getAttribute("nonce"));o=Promise.allSettled(c.map(m=>{if(m=I(m,a),m in L)return;L[m]=!0;const p=m.endsWith(".css"),O=p?'[rel="stylesheet"]':"";if(!!a)for(let d=_.length-1;d>=0;d--){const u=_[d];if(u.href===m&&(!p||u.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${m}"]${O}`))return;const n=document.createElement("link");if(n.rel=p?"stylesheet":T,p||(n.as="script"),n.crossOrigin="",n.href=m,l&&n.setAttribute("nonce",l),document.head.appendChild(n),p)return new Promise((d,u)=>{n.addEventListener("load",d),n.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${m}`)))})}))}function e(_){const s=new Event("vite:preloadError",{cancelable:!0});if(s.payload=_,window.dispatchEvent(s),!s.defaultPrevented)throw _}return o.then(_=>{for(const s of _||[])s.status==="rejected"&&e(s.reason);return i().catch(e)})},{createBrowserChannel:P}=__STORYBOOK_MODULE_CHANNELS__,{addons:R}=__STORYBOOK_MODULE_PREVIEW_API__,E=P({page:"preview"});R.setChannel(E);window.__STORYBOOK_ADDONS_CHANNEL__=E;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=E);const A={"./src/components/Accordion/Accordion.docs.mdx":async()=>t(()=>import("./Accordion.docs-CTUkWHv4.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18]),import.meta.url),"./src/components/Accordion/Accordion.stories.tsx":async()=>t(()=>import("./Accordion.stories-DL9hUQU9.js").then(r=>r.A),__vite__mapDeps([11,1,2,12,13,4,5,14,15,16,17,18]),import.meta.url),"./src/components/ActionGroup/ActionGroup.docs.mdx":async()=>t(()=>import("./ActionGroup.docs-TkyFJxFO.js"),__vite__mapDeps([19,1,2,3,4,5,6,7,8,9,10,20,12,13,14]),import.meta.url),"./src/components/ActionGroup/ActionGroup.stories.tsx":async()=>t(()=>import("./ActionGroup.stories-BkP-Fnyi.js").then(r=>r.A),__vite__mapDeps([20,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Alert/Alert.docs.mdx":async()=>t(()=>import("./Alert.docs-W0ntHf9G.js"),__vite__mapDeps([21,1,2,3,4,5,6,7,8,9,10,22,12,13,14,23,17,24,16,25]),import.meta.url),"./src/components/Alert/Alert.stories.tsx":async()=>t(()=>import("./Alert.stories-eGU7L8eh.js").then(r=>r.A),__vite__mapDeps([22,1,2,12,13,4,5,14,23,17,24,16,25]),import.meta.url),"./src/components/Avatar/Avatar.docs.mdx":async()=>t(()=>import("./Avatar.docs-CfXYsfgV.js"),__vite__mapDeps([26,1,2,3,4,5,6,7,8,9,10,27,14,13,28,17]),import.meta.url),"./src/components/Avatar/Avatar.stories.tsx":async()=>t(()=>import("./Avatar.stories-CRL5zeap.js").then(r=>r.A),__vite__mapDeps([27,1,2,14,13,4,5,28,17]),import.meta.url),"./src/components/Badge/Badge.docs.mdx":async()=>t(()=>import("./Badge.docs-Cm5OQcau.js"),__vite__mapDeps([29,1,2,3,4,5,6,7,8,9,10,30,31,13]),import.meta.url),"./src/components/Badge/Badge.stories.tsx":async()=>t(()=>import("./Badge.stories-DPvq_OmT.js").then(r=>r.B),__vite__mapDeps([30,31,1,2,13,4,5]),import.meta.url),"./src/components/Blockquote/Blockquote.docs.mdx":async()=>t(()=>import("./Blockquote.docs-BsxssZ5S.js"),__vite__mapDeps([32,1,2,3,4,5,6,7,8,9,10,33,15,13]),import.meta.url),"./src/components/Blockquote/Blockquote.stories.tsx":async()=>t(()=>import("./Blockquote.stories-s8Chbawe.js").then(r=>r.B),__vite__mapDeps([33,15,1,2,13,4,5]),import.meta.url),"./src/components/Breadcrumb/Breadcrumb.docs.mdx":async()=>t(()=>import("./Breadcrumb.docs-CnLHrPmg.js"),__vite__mapDeps([34,1,2,3,4,5,6,7,8,9,10,35,13]),import.meta.url),"./src/components/Breadcrumb/Breadcrumb.stories.tsx":async()=>t(()=>import("./Breadcrumb.stories-DlD_h2bb.js").then(r=>r.B),__vite__mapDeps([35,1,2,13,4,5]),import.meta.url),"./src/components/Breakout/Breakout.docs.mdx":async()=>t(()=>import("./Breakout.docs-Upj2JfgG.js"),__vite__mapDeps([36,1,2,3,4,5,6,7,8,9,10,37,12,13,14,38]),import.meta.url),"./src/components/Breakout/Breakout.stories.tsx":async()=>t(()=>import("./Breakout.stories-D6eSwQ1y.js").then(r=>r.B),__vite__mapDeps([37,1,2,12,13,4,5,14,38]),import.meta.url),"./src/components/Button/Button.docs.mdx":async()=>t(()=>import("./Button.docs-CKoe238a.js"),__vite__mapDeps([39,1,2,3,4,5,6,7,8,9,10,40,14,41,13,17]),import.meta.url),"./src/components/Button/Button.stories.tsx":async()=>t(()=>import("./Button.stories-CpTiIZEw.js").then(r=>r.B),__vite__mapDeps([40,1,2,14,41,13,4,5,17]),import.meta.url),"./src/components/Card/Card.docs.mdx":async()=>t(()=>import("./Card.docs-CpdJcJ7x.js"),__vite__mapDeps([42,1,2,3,4,5,6,7,8,9,10,43,12,13,14,15,44]),import.meta.url),"./src/components/Card/Card.stories.tsx":async()=>t(()=>import("./Card.stories-BBU47nP4.js").then(r=>r.C),__vite__mapDeps([43,1,2,12,13,4,5,14,15,44]),import.meta.url),"./src/components/CharacterCount/CharacterCount.docs.mdx":async()=>t(()=>import("./CharacterCount.docs-CtelpfeY.js"),__vite__mapDeps([45,1,2,3,4,5,6,7,8,9,10,46,13]),import.meta.url),"./src/components/CharacterCount/CharacterCount.stories.tsx":async()=>t(()=>import("./CharacterCount.stories-DXeDr-El.js").then(r=>r.C),__vite__mapDeps([46,1,2,13,4,5]),import.meta.url),"./src/components/Checkbox/Checkbox.docs.mdx":async()=>t(()=>import("./Checkbox.docs-CTr6oxCj.js"),__vite__mapDeps([47,1,2,3,4,5,6,7,8,9,10,48,12,13,14]),import.meta.url),"./src/components/Checkbox/Checkbox.stories.tsx":async()=>t(()=>import("./Checkbox.stories-BXPwWUVK.js").then(r=>r.C),__vite__mapDeps([48,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Column/Column.docs.mdx":async()=>t(()=>import("./Column.docs-CJX4IBVk.js"),__vite__mapDeps([49,1,2,3,4,5,6,7,8,9,10,50,12,13,14,51]),import.meta.url),"./src/components/Column/Column.stories.tsx":async()=>t(()=>import("./Column.stories-C4RsOl2I.js").then(r=>r.C),__vite__mapDeps([50,1,2,12,13,4,5,14,51]),import.meta.url),"./src/components/DateInput/DateInput.docs.mdx":async()=>t(()=>import("./DateInput.docs-Cb6AMyAO.js"),__vite__mapDeps([52,1,2,3,4,5,6,7,8,9,10,53,12,13,14]),import.meta.url),"./src/components/DateInput/DateInput.stories.tsx":async()=>t(()=>import("./DateInput.stories-DcjPKiYv.js").then(r=>r.D),__vite__mapDeps([53,1,2,12,13,4,5,14]),import.meta.url),"./src/components/DescriptionList/DescriptionList.docs.mdx":async()=>t(()=>import("./DescriptionList.docs-CXmG-RzC.js"),__vite__mapDeps([54,1,2,3,4,5,6,7,8,9,10,55,12,13,14]),import.meta.url),"./src/components/DescriptionList/DescriptionList.stories.tsx":async()=>t(()=>import("./DescriptionList.stories-Dmd1cfvk.js").then(r=>r.D),__vite__mapDeps([55,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Dialog/Dialog.docs.mdx":async()=>t(()=>import("./Dialog.docs-DGpE5QtP.js"),__vite__mapDeps([56,1,2,3,4,5,6,7,8,9,10,57,12,13,14,24,16,25,17]),import.meta.url),"./src/components/Dialog/Dialog.stories.tsx":async()=>t(()=>import("./Dialog.stories-cTqFWb0A.js").then(r=>r.D),__vite__mapDeps([57,1,2,12,13,4,5,14,24,16,25,17]),import.meta.url),"./src/components/ErrorMessage/ErrorMessage.docs.mdx":async()=>t(()=>import("./ErrorMessage.docs-BKWb858W.js"),__vite__mapDeps([58,1,2,3,4,5,6,7,8,9,10,59,14,13,17]),import.meta.url),"./src/components/ErrorMessage/ErrorMessage.stories.tsx":async()=>t(()=>import("./ErrorMessage.stories-BA4c4ZNY.js").then(r=>r.E),__vite__mapDeps([59,14,1,2,13,4,5,17]),import.meta.url),"./src/components/Field/Field.docs.mdx":async()=>t(()=>import("./Field.docs-BdVWC1tT.js"),__vite__mapDeps([60,1,2,3,4,5,6,7,8,9,10,61,12,13,14]),import.meta.url),"./src/components/Field/Field.stories.tsx":async()=>t(()=>import("./Field.stories-B2Ivb9i6.js").then(r=>r.F),__vite__mapDeps([61,1,2,12,13,4,5,14]),import.meta.url),"./src/components/FieldSet/FieldSet.docs.mdx":async()=>t(()=>import("./FieldSet.docs-DHG3FItu.js"),__vite__mapDeps([62,1,2,3,4,5,6,7,8,9,10,63,12,13,14,64]),import.meta.url),"./src/components/FieldSet/FieldSet.stories.tsx":async()=>t(()=>import("./FieldSet.stories-CMR_3SLj.js").then(r=>r.F),__vite__mapDeps([63,1,2,12,13,4,5,14,64]),import.meta.url),"./src/components/Figure/Figure.docs.mdx":async()=>t(()=>import("./Figure.docs-D4bOrJxi.js"),__vite__mapDeps([65,1,2,3,4,5,6,7,8,9,10,66,12,13,14,15]),import.meta.url),"./src/components/Figure/Figure.stories.tsx":async()=>t(()=>import("./Figure.stories-Bmrnzu9z.js").then(r=>r.F),__vite__mapDeps([66,1,2,12,13,4,5,14,15]),import.meta.url),"./src/components/FileInput/FileInput.docs.mdx":async()=>t(()=>import("./FileInput.docs-CWK5xlgI.js"),__vite__mapDeps([67,1,2,3,4,5,6,7,8,9,10,68,12,13,14]),import.meta.url),"./src/components/FileInput/FileInput.stories.tsx":async()=>t(()=>import("./FileInput.stories-BxTZu5mk.js").then(r=>r.F),__vite__mapDeps([68,1,2,12,13,4,5,14]),import.meta.url),"./src/components/FileList/FileList.docs.mdx":async()=>t(()=>import("./FileList.docs-B60JfBzm.js"),__vite__mapDeps([69,1,2,3,4,5,6,7,8,9,10,70,12,13,14,17,41]),import.meta.url),"./src/components/FileList/FileList.stories.tsx":async()=>t(()=>import("./FileList.stories-D-CQV51P.js").then(r=>r.F),__vite__mapDeps([70,1,2,12,13,4,5,14,17,41]),import.meta.url),"./src/components/Footer/Footer.docs.mdx":async()=>t(()=>import("./Footer.docs-BFDBkDES.js"),__vite__mapDeps([71,1,2,3,4,5,6,7,8,9,10,72,12,13,14,73,17]),import.meta.url),"./src/components/Footer/Footer.stories.tsx":async()=>t(()=>import("./Footer.stories-DRPxLRRA.js").then(r=>r.F),__vite__mapDeps([72,1,2,12,13,4,5,14,73,17]),import.meta.url),"./src/components/FormErrorList/FormErrorList.docs.mdx":async()=>t(()=>import("./FormErrorList.docs-O19jPcMj.js"),__vite__mapDeps([74,1,2,3,4,5,6,7,8,9,10,75,13,23,14,17,24,16,25,76]),import.meta.url),"./src/components/FormErrorList/FormErrorList.stories.tsx":async()=>t(()=>import("./FormErrorList.stories-BDaOt6O7.js").then(r=>r.F),__vite__mapDeps([75,1,2,4,5,13,23,14,17,24,16,25,76]),import.meta.url),"./src/components/Grid/Grid.docs.mdx":async()=>t(()=>import("./Grid.docs-se0Nh0Pi.js"),__vite__mapDeps([77,1,2,3,4,5,6,7,8,9,10,78,79,13,38]),import.meta.url),"./src/components/Grid/Grid.stories.tsx":async()=>t(()=>import("./Grid.stories-BCyuDymN.js").then(r=>r.G),__vite__mapDeps([78,1,2,79,13,4,5,38]),import.meta.url),"./src/components/Header/Header.docs.mdx":async()=>t(()=>import("./Header.docs-CkBObEYM.js"),__vite__mapDeps([80,1,2,3,4,5,6,7,8,9,10,81,12,13,14,79,38,82,24,16,17,83,31,84]),import.meta.url),"./src/components/Header/Header.stories.tsx":async()=>t(()=>import("./Header.stories-CCKFmKcM.js").then(r=>r.H),__vite__mapDeps([81,1,2,12,13,4,5,14,79,38,82,24,16,17]),import.meta.url),"./src/components/Heading/Heading.docs.mdx":async()=>t(()=>import("./Heading.docs-B2mjLn-I.js"),__vite__mapDeps([85,1,2,3,4,5,6,7,8,9,10,86,12,13,14,15,24,16]),import.meta.url),"./src/components/Heading/Heading.stories.tsx":async()=>t(()=>import("./Heading.stories-DT4LRWj5.js").then(r=>r.H),__vite__mapDeps([86,1,2,4,5,12,13,14,15,24,16]),import.meta.url),"./src/components/Icon/Icon.docs.mdx":async()=>t(()=>import("./Icon.docs-DKOQjHFE.js"),__vite__mapDeps([87,1,2,3,4,5,6,7,8,9,10,88,12,13,14,17,83,31,84]),import.meta.url),"./src/components/Icon/Icon.stories.tsx":async()=>t(()=>import("./Icon.stories-D4laREB9.js").then(r=>r.I),__vite__mapDeps([88,1,2,12,13,4,5,14,17]),import.meta.url),"./src/components/IconButton/IconButton.docs.mdx":async()=>t(()=>import("./IconButton.docs-U5gvOIId.js"),__vite__mapDeps([89,1,2,3,4,5,6,7,8,9,10,90,14,25,13,17]),import.meta.url),"./src/components/IconButton/IconButton.stories.tsx":async()=>t(()=>import("./IconButton.stories-DBGVkmRI.js").then(r=>r.I),__vite__mapDeps([90,14,1,2,25,13,4,5,17]),import.meta.url),"./src/components/Image/Image.docs.mdx":async()=>t(()=>import("./Image.docs-Bq6SiMFU.js"),__vite__mapDeps([91,1,2,3,4,5,6,7,8,9,10,92,28,13]),import.meta.url),"./src/components/Image/Image.stories.tsx":async()=>t(()=>import("./Image.stories-BYgQuacP.js").then(r=>r.I),__vite__mapDeps([92,28,1,2,13,4,5]),import.meta.url),"./src/components/ImageSlider/ImageSlider.docs.mdx":async()=>t(()=>import("./ImageSlider.docs-BlULcTsO.js"),__vite__mapDeps([93,1,2,3,4,5,6,7,8,9,10,94,13,14,25,17,28]),import.meta.url),"./src/components/ImageSlider/ImageSlider.stories.tsx":async()=>t(()=>import("./ImageSlider.stories-DJIb_rGR.js").then(r=>r.I),__vite__mapDeps([94,1,2,13,4,5,14,25,17,28]),import.meta.url),"./src/components/Label/Label.docs.mdx":async()=>t(()=>import("./Label.docs-C7q7Kskh.js"),__vite__mapDeps([95,1,2,3,4,5,6,7,8,9,10,96,13,64]),import.meta.url),"./src/components/Label/Label.stories.tsx":async()=>t(()=>import("./Label.stories-C_bEBMkh.js").then(r=>r.L),__vite__mapDeps([96,1,2,13,4,5,64]),import.meta.url),"./src/components/Link/Link.docs.mdx":async()=>t(()=>import("./Link.docs-BSV3XGq7.js"),__vite__mapDeps([97,1,2,3,4,5,6,7,8,9,10,98,12,13,14]),import.meta.url),"./src/components/Link/Link.stories.tsx":async()=>t(()=>import("./Link.stories-7kOyrFAx.js").then(r=>r.L),__vite__mapDeps([98,1,2,12,13,4,5,14]),import.meta.url),"./src/components/LinkList/LinkList.docs.mdx":async()=>t(()=>import("./LinkList.docs-E6XZq2XD.js"),__vite__mapDeps([99,1,2,3,4,5,6,7,8,9,10,100,14,15,76,13,17]),import.meta.url),"./src/components/LinkList/LinkList.stories.tsx":async()=>t(()=>import("./LinkList.stories-DoYCcDUX.js").then(r=>r.L),__vite__mapDeps([100,1,2,14,15,76,13,4,5,17]),import.meta.url),"./src/components/Logo/Logo.docs.mdx":async()=>t(()=>import("./Logo.docs-0A2zb0Hc.js"),__vite__mapDeps([101,1,2,3,4,5,6,7,8,9,10,102,82,13]),import.meta.url),"./src/components/Logo/Logo.stories.tsx":async()=>t(()=>import("./Logo.stories-LgbwSI1-.js").then(r=>r.L),__vite__mapDeps([102,82,1,2,13,4,5]),import.meta.url),"./src/components/Mark/Mark.docs.mdx":async()=>t(()=>import("./Mark.docs-DafJhROL.js"),__vite__mapDeps([103,1,2,3,4,5,6,7,8,9,10,104,12,13,14]),import.meta.url),"./src/components/Mark/Mark.stories.tsx":async()=>t(()=>import("./Mark.stories-CGRmq2qs.js").then(r=>r.M),__vite__mapDeps([104,1,2,12,13,4,5,14]),import.meta.url),"./src/components/MegaMenu/MegaMenu.docs.mdx":async()=>t(()=>import("./MegaMenu.docs-Btf4nPWX.js"),__vite__mapDeps([105,1,2,3,4,5,6,7,8,9,10,106,12,13,14,83,31,84]),import.meta.url),"./src/components/MegaMenu/MegaMenu.stories.tsx":async()=>t(()=>import("./MegaMenu.stories-Cqswy_kR.js").then(r=>r.M),__vite__mapDeps([106,1,2,12,13,4,5,14]),import.meta.url),"./src/components/OrderedList/OrderedList.docs.mdx":async()=>t(()=>import("./OrderedList.docs-afvw2gZA.js"),__vite__mapDeps([107,1,2,3,4,5,6,7,8,9,10,108,12,13,14,15]),import.meta.url),"./src/components/OrderedList/OrderedList.stories.tsx":async()=>t(()=>import("./OrderedList.stories-B3Ie4GNF.js").then(r=>r.O),__vite__mapDeps([108,1,2,12,13,4,5,14,15]),import.meta.url),"./src/components/Overlap/Overlap.docs.mdx":async()=>t(()=>import("./Overlap.docs-DJlFbMsv.js"),__vite__mapDeps([109,1,2,3,4,5,6,7,8,9,10,110,12,13,14]),import.meta.url),"./src/components/Overlap/Overlap.stories.tsx":async()=>t(()=>import("./Overlap.stories-CrewzBVX.js").then(r=>r.O),__vite__mapDeps([110,1,2,12,13,4,5,14]),import.meta.url),"./src/components/PageHeading/PageHeading.docs.mdx":async()=>t(()=>import("./PageHeading.docs-BUttRxRB.js"),__vite__mapDeps([111,1,2,3,4,5,6,7,8,9,10,112,13]),import.meta.url),"./src/components/PageHeading/PageHeading.stories.tsx":async()=>t(()=>import("./PageHeading.stories-xdugF2bU.js").then(r=>r.P),__vite__mapDeps([112,1,2,13,4,5]),import.meta.url),"./src/components/PageMenu/PageMenu.docs.mdx":async()=>t(()=>import("./PageMenu.docs-C07l-dvk.js"),__vite__mapDeps([113,1,2,3,4,5,6,7,8,9,10,73,14,13,17,83,31,84]),import.meta.url),"./src/components/PageMenu/PageMenu.stories.tsx":async()=>t(()=>import("./PageMenu.stories-v0ZRXO4B.js").then(r=>r.P),__vite__mapDeps([73,1,2,14,13,4,5,17]),import.meta.url),"./src/components/Pagination/Pagination.docs.mdx":async()=>t(()=>import("./Pagination.docs-BSUbgYkx.js"),__vite__mapDeps([114,1,2,3,4,5,6,7,8,9,10,115,14,13,17]),import.meta.url),"./src/components/Pagination/Pagination.stories.tsx":async()=>t(()=>import("./Pagination.stories-rLOPoja9.js").then(r=>r.P),__vite__mapDeps([115,1,2,14,13,4,5,17]),import.meta.url),"./src/components/Paragraph/Paragraph.docs.mdx":async()=>t(()=>import("./Paragraph.docs-BKc28q91.js"),__vite__mapDeps([116,1,2,3,4,5,6,7,8,9,10,117,15,44,13]),import.meta.url),"./src/components/Paragraph/Paragraph.stories.tsx":async()=>t(()=>import("./Paragraph.stories-j7tRZau7.js").then(r=>r.P),__vite__mapDeps([117,15,44,1,2,13,4,5]),import.meta.url),"./src/components/PasswordInput/PasswordInput.docs.mdx":async()=>t(()=>import("./PasswordInput.docs-DI5zV_kt.js"),__vite__mapDeps([118,1,2,3,4,5,6,7,8,9,10,119,12,13,14]),import.meta.url),"./src/components/PasswordInput/PasswordInput.stories.tsx":async()=>t(()=>import("./PasswordInput.stories-lL4gWE7p.js").then(r=>r.P),__vite__mapDeps([119,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Radio/Radio.docs.mdx":async()=>t(()=>import("./Radio.docs-C3GCinEC.js"),__vite__mapDeps([120,1,2,3,4,5,6,7,8,9,10,121,12,13,14]),import.meta.url),"./src/components/Radio/Radio.stories.tsx":async()=>t(()=>import("./Radio.stories-BitR48Hi.js").then(r=>r.R),__vite__mapDeps([121,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Row/Row.docs.mdx":async()=>t(()=>import("./Row.docs-B_6U0yZO.js"),__vite__mapDeps([122,1,2,3,4,5,6,7,8,9,10,123,12,13,14,51]),import.meta.url),"./src/components/Row/Row.stories.tsx":async()=>t(()=>import("./Row.stories-CcVF9zQ8.js").then(r=>r.R),__vite__mapDeps([123,1,2,12,13,4,5,14,51]),import.meta.url),"./src/components/Screen/Screen.docs.mdx":async()=>t(()=>import("./Screen.docs-BjRfEaJ3.js"),__vite__mapDeps([124,1,2,3,4,5,6,7,8,9,10,125,13]),import.meta.url),"./src/components/Screen/Screen.stories.tsx":async()=>t(()=>import("./Screen.stories-BEbhUpOk.js").then(r=>r.S),__vite__mapDeps([125,1,2,13,4,5]),import.meta.url),"./src/components/SearchField/SearchField.docs.mdx":async()=>t(()=>import("./SearchField.docs-B8Ud8lY5.js"),__vite__mapDeps([126,1,2,3,4,5,6,7,8,9,10,127,13,14,41,17]),import.meta.url),"./src/components/SearchField/SearchField.stories.tsx":async()=>t(()=>import("./SearchField.stories-DkVKo3RE.js").then(r=>r.S),__vite__mapDeps([127,1,2,13,4,5,14,41,17]),import.meta.url),"./src/components/Select/Select.docs.mdx":async()=>t(()=>import("./Select.docs-DlYGMCEJ.js"),__vite__mapDeps([128,1,2,3,4,5,6,7,8,9,10,129,12,13,14]),import.meta.url),"./src/components/Select/Select.stories.tsx":async()=>t(()=>import("./Select.stories-Bj4EHOpp.js").then(r=>r.S),__vite__mapDeps([129,1,2,12,13,4,5,14]),import.meta.url),"./src/components/SkipLink/SkipLink.docs.mdx":async()=>t(()=>import("./SkipLink.docs-Be8nWFLp.js"),__vite__mapDeps([130,1,2,3,4,5,6,7,8,9,10,131,12,13,14]),import.meta.url),"./src/components/SkipLink/SkipLink.stories.tsx":async()=>t(()=>import("./SkipLink.stories-Ctxb7Qdn.js").then(r=>r.S),__vite__mapDeps([131,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Spotlight/Spotlight.docs.mdx":async()=>t(()=>import("./Spotlight.docs-DTiw39b7.js"),__vite__mapDeps([132,1,2,3,4,5,6,7,8,9,10,133,12,13,14,15]),import.meta.url),"./src/components/Spotlight/Spotlight.stories.tsx":async()=>t(()=>import("./Spotlight.stories-BdQosNKT.js").then(r=>r.S),__vite__mapDeps([133,1,2,12,13,4,5,14,15]),import.meta.url),"./src/components/Switch/Switch.docs.mdx":async()=>t(()=>import("./Switch.docs-D8olgyB_.js"),__vite__mapDeps([134,1,2,3,4,5,6,7,8,9,10,135,12,13,14]),import.meta.url),"./src/components/Switch/Switch.stories.tsx":async()=>t(()=>import("./Switch.stories-C9fm22hr.js").then(r=>r.S),__vite__mapDeps([135,1,2,12,13,4,5,14]),import.meta.url),"./src/components/Table/Table.docs.mdx":async()=>t(()=>import("./Table.docs-BDDEdT7M.js"),__vite__mapDeps([136,1,2,3,4,5,6,7,8,9,10,137,13]),import.meta.url),"./src/components/Table/Table.stories.tsx":async()=>t(()=>import("./Table.stories-BfFwfuPP.js").then(r=>r.T),__vite__mapDeps([137,1,2,13,4,5]),import.meta.url),"./src/components/TableOfContents/TableOfContents.docs.mdx":async()=>t(()=>import("./TableOfContents.docs-CijPmAdI.js"),__vite__mapDeps([138,1,2,3,4,5,6,7,8,9,10,139,13,24,16]),import.meta.url),"./src/components/TableOfContents/TableOfContents.stories.tsx":async()=>t(()=>import("./TableOfContents.stories-4wGXH9sT.js").then(r=>r.T),__vite__mapDeps([139,1,2,13,4,5,24,16]),import.meta.url),"./src/components/Tabs/Tabs.docs.mdx":async()=>t(()=>import("./Tabs.docs-Y8kg2RV9.js"),__vite__mapDeps([140,1,2,3,4,5,6,7,8,9,10,141,12,13,14,15,18]),import.meta.url),"./src/components/Tabs/Tabs.stories.tsx":async()=>t(()=>import("./Tabs.stories-Bxrzx6a_.js").then(r=>r.T),__vite__mapDeps([141,1,2,12,13,4,5,14,15,18]),import.meta.url),"./src/components/TextArea/TextArea.docs.mdx":async()=>t(()=>import("./TextArea.docs-DcmoydV3.js"),__vite__mapDeps([142,1,2,3,4,5,6,7,8,9,10,143,12,13,14,15]),import.meta.url),"./src/components/TextArea/TextArea.stories.tsx":async()=>t(()=>import("./TextArea.stories-CnXZ08-O.js").then(r=>r.T),__vite__mapDeps([143,1,2,12,13,4,5,14,15]),import.meta.url),"./src/components/TextInput/TextInput.docs.mdx":async()=>t(()=>import("./TextInput.docs-BawhRtI-.js"),__vite__mapDeps([144,1,2,3,4,5,6,7,8,9,10,145,12,13,14]),import.meta.url),"./src/components/TextInput/TextInput.stories.tsx":async()=>t(()=>import("./TextInput.stories-CkXgpyn7.js").then(r=>r.T),__vite__mapDeps([145,1,2,12,13,4,5,14]),import.meta.url),"./src/components/TimeInput/TimeInput.docs.mdx":async()=>t(()=>import("./TimeInput.docs-xGl6CJQC.js"),__vite__mapDeps([146,1,2,3,4,5,6,7,8,9,10,147,12,13,14]),import.meta.url),"./src/components/TimeInput/TimeInput.stories.tsx":async()=>t(()=>import("./TimeInput.stories-BFA3xcAx.js").then(r=>r.T),__vite__mapDeps([147,1,2,12,13,4,5,14]),import.meta.url),"./src/components/TopTaskLink/TopTaskLink.docs.mdx":async()=>t(()=>import("./TopTaskLink.docs-_A7d0xuz.js"),__vite__mapDeps([148,1,2,3,4,5,6,7,8,9,10,149,12,13,14,83,31,84]),import.meta.url),"./src/components/TopTaskLink/TopTaskLink.stories.tsx":async()=>t(()=>import("./TopTaskLink.stories-4KgwrGE1.js").then(r=>r.T),__vite__mapDeps([149,1,2,12,13,4,5,14]),import.meta.url),"./src/components/UnorderedList/UnorderedList.docs.mdx":async()=>t(()=>import("./UnorderedList.docs-DSAlDLvK.js"),__vite__mapDeps([150,1,2,3,4,5,6,7,8,9,10,151,12,13,14,15]),import.meta.url),"./src/components/UnorderedList/UnorderedList.stories.tsx":async()=>t(()=>import("./UnorderedList.stories-BNBdkZ68.js").then(r=>r.U),__vite__mapDeps([151,1,2,12,13,4,5,14,15]),import.meta.url),"./src/docs/developer-guide/breakpoints.docs.mdx":async()=>t(()=>import("./breakpoints.docs-CA_USfkU.js"),__vite__mapDeps([152,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/getting-started.docs.mdx":async()=>t(()=>import("./getting-started.docs-ZVpJwA8O.js"),__vite__mapDeps([153,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/interactivity.docs.mdx":async()=>t(()=>import("./interactivity.docs-ACrt1oyh.js"),__vite__mapDeps([154,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/language.docs.mdx":async()=>t(()=>import("./language.docs-BgIAhiMY.js"),__vite__mapDeps([155,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/routing-libraries.docs.mdx":async()=>t(()=>import("./routing-libraries.docs-BzzcnkFA.js"),__vite__mapDeps([156,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/usability.docs.mdx":async()=>t(()=>import("./usability.docs-wLK4uhe_.js"),__vite__mapDeps([157,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/developer-guide/web-app.docs.mdx":async()=>t(()=>import("./web-app.docs-CqQyKHTI.js"),__vite__mapDeps([158,1,2,3,4,5,6,7,8,9,10,159,12,13,14]),import.meta.url),"./src/docs/introduction.docs.mdx":async()=>t(()=>import("./introduction.docs-D7CaBy_c.js"),__vite__mapDeps([160,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/terms-of-use/copyright.docs.mdx":async()=>t(()=>import("./copyright.docs-DfH4PcSh.js"),__vite__mapDeps([161,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/docs/terms-of-use/license.docs.mdx":async()=>t(()=>import("./license.docs-xuHuRzHH.js"),__vite__mapDeps([162,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/assets/favicon.docs.mdx":async()=>t(()=>import("./favicon.docs-C4jGbFpS.js"),__vite__mapDeps([163,1,2,3,4,5,6,7,8,9,10,159,12,13,14]),import.meta.url),"./src/foundation/assets/font.docs.mdx":async()=>t(()=>import("./font.docs-gQy8aVdl.js"),__vite__mapDeps([164,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/assets/icons.docs.mdx":async()=>t(()=>import("./icons.docs-BAkYcZCQ.js"),__vite__mapDeps([165,1,2,3,4,5,6,7,8,9,10,14,17,13,83,31,84]),import.meta.url),"./src/foundation/design-tokens/aspect-ratio.docs.mdx":async()=>t(()=>import("./aspect-ratio.docs-RamzfTaj.js"),__vite__mapDeps([166,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/design-tokens/border.docs.mdx":async()=>t(()=>import("./border.docs-CgEyn_02.js"),__vite__mapDeps([167,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/design-tokens/colour.docs.mdx":async()=>t(()=>import("./colour.docs-BjefrPSo.js"),__vite__mapDeps([168,1,2,3,4,5,6,7,8,9,10,13,169]),import.meta.url),"./src/foundation/design-tokens/grid.docs.mdx":async()=>t(()=>import("./grid.docs-qIVmWfqh.js"),__vite__mapDeps([170,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/design-tokens/space.docs.mdx":async()=>t(()=>import("./space.docs-BGHoY8B-.js"),__vite__mapDeps([171,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/foundation/design-tokens/text.docs.mdx":async()=>t(()=>import("./text.docs-C_AlZwWF.js"),__vite__mapDeps([172,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/pages/Introduction.docs.mdx":async()=>t(()=>import("./Introduction.docs-Da_VlqP_.js"),__vite__mapDeps([173,1,2,3,4,5,6,7,8,9,10]),import.meta.url),"./src/pages/amsterdam/ArticlePage/ArticlePage.docs.mdx":async()=>t(()=>import("./ArticlePage.docs-CigKyOg0.js"),__vite__mapDeps([174,1,2,3,4,5,6,7,8,9,10,175,12,13,14,92,28,176,72,73,17]),import.meta.url),"./src/pages/amsterdam/ArticlePage/ArticlePage.stories.tsx":async()=>t(()=>import("./ArticlePage.stories-CBXE9MLy.js").then(r=>r.A),__vite__mapDeps([175,1,2,12,13,4,5,14,92,28,176,72,73,17]),import.meta.url),"./src/pages/amsterdam/FormPage/FormPage.docs.mdx":async()=>t(()=>import("./FormPage.docs-B5r3TeVJ.js"),__vite__mapDeps([177,1,2,3,4,5,6,7,8,9,10,178,12,13,14,176,72,73,17]),import.meta.url),"./src/pages/amsterdam/FormPage/FormPage.stories.tsx":async()=>t(()=>import("./FormPage.stories-D8owIPF5.js").then(r=>r.F),__vite__mapDeps([178,1,2,12,13,4,5,14,176,72,73,17]),import.meta.url),"./src/pages/amsterdam/HomePage/HomePage.docs.mdx":async()=>t(()=>import("./HomePage.docs-D6HdxXhl.js"),__vite__mapDeps([179,1,2,3,4,5,6,7,8,9,10,180,12,13,14,110,176,72,73,17]),import.meta.url),"./src/pages/amsterdam/HomePage/HomePage.stories.tsx":async()=>t(()=>import("./HomePage.stories-BeaIWE5g.js").then(r=>r.H),__vite__mapDeps([180,1,2,12,13,4,5,14,110,176,72,73,17]),import.meta.url),"./src/utils/AspectRatio/AspectRatio.docs.mdx":async()=>t(()=>import("./AspectRatio.docs-C9K_-5W7.js"),__vite__mapDeps([181,1,2,3,4,5,6,7,8,9,10,182]),import.meta.url),"./src/utils/AspectRatio/AspectRatio.stories.tsx":async()=>t(()=>import("./AspectRatio.stories-4NdL09L5.js").then(r=>r.A),__vite__mapDeps([182,1,2]),import.meta.url),"./src/utils/Gap/Gap.docs.mdx":async()=>t(()=>import("./Gap.docs-CwLD5Xmg.js"),__vite__mapDeps([183,1,2,3,4,5,6,7,8,9,10,184,12,13,14]),import.meta.url),"./src/utils/Gap/Gap.stories.tsx":async()=>t(()=>import("./Gap.stories-DE-rVrCr.js").then(r=>r.G),__vite__mapDeps([184,1,2,12,13,4,5,14]),import.meta.url),"./src/utils/Margin/Margin.docs.mdx":async()=>t(()=>import("./Margin.docs-Cu7KoUBj.js"),__vite__mapDeps([185,1,2,3,4,5,6,7,8,9,10,186,12,13,14]),import.meta.url),"./src/utils/Margin/Margin.stories.tsx":async()=>t(()=>import("./Margin.stories-CfyTqZ8m.js").then(r=>r.M),__vite__mapDeps([186,1,2,12,13,4,5,14]),import.meta.url),"./src/utils/VisuallyHidden/VisuallyHidden.docs.mdx":async()=>t(()=>import("./VisuallyHidden.docs-DUjbSeKt.js"),__vite__mapDeps([187,1,2,3,4,5,6,7,8,9,10,188,12,13,14]),import.meta.url),"./src/utils/VisuallyHidden/VisuallyHidden.stories.tsx":async()=>t(()=>import("./VisuallyHidden.stories-DBh4Iuvh.js").then(r=>r.V),__vite__mapDeps([188,1,2,12,13,4,5,14]),import.meta.url)};async function D(r){return A[r]()}const{composeConfigs:v,PreviewWeb:y,ClientApi:h}=__STORYBOOK_MODULE_PREVIEW_API__,V=async(r=[])=>{const i=await Promise.all([r[0]??t(()=>import("./entry-preview-BaoE_wvT.js"),__vite__mapDeps([189,190,4,5,2,7]),import.meta.url),r[1]??t(()=>import("./entry-preview-docs-hipnMgiF.js"),__vite__mapDeps([191,190,9,4,5,2]),import.meta.url),r[2]??t(()=>import("./preview-BhhEZcNS.js"),__vite__mapDeps([192,8]),import.meta.url),r[3]??t(()=>import("./preview-aVwhiz9X.js"),[],import.meta.url),r[4]??t(()=>import("./preview-D77C14du.js"),__vite__mapDeps([193,10]),import.meta.url),r[5]??t(()=>import("./preview-DFmD0pui.js"),[],import.meta.url),r[6]??t(()=>import("./preview-CFgKly6U.js"),[],import.meta.url),r[7]??t(()=>import("./preview-BWzBA1C2.js"),__vite__mapDeps([194,10]),import.meta.url),r[8]??t(()=>import("./preview-DGUiP6tS.js"),[],import.meta.url),r[9]??t(()=>import("./preview-BJ6EHSBF.js"),[],import.meta.url),r[10]??t(()=>import("./preview-BWlHv9L3.js"),[],import.meta.url),r[11]??t(()=>import("./preview-CVgpLj3b.js"),[],import.meta.url),r[12]??t(()=>import("./preview-CO1E5Isi.js"),[],import.meta.url),r[13]??t(()=>import("./preview-C7tAAfkq.js"),[],import.meta.url),r[14]??t(()=>import("./preview-C8Sx34P2.js"),__vite__mapDeps([195,1,2,12,13,4,5,14,196]),import.meta.url)]);return v(i)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new y(D,V);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; diff --git a/demo-develop/assets/index-nXDhx9BK.js b/demo-develop/assets/index-C0w7uGYQ.js similarity index 96% rename from demo-develop/assets/index-nXDhx9BK.js rename to demo-develop/assets/index-C0w7uGYQ.js index ef6612383c..a83436354a 100644 --- a/demo-develop/assets/index-nXDhx9BK.js +++ b/demo-develop/assets/index-C0w7uGYQ.js @@ -1 +1 @@ -import{m as T,a as b,G as d,K as S,P as B,g as L,L as C,b as H,v as u,w as g,c as y,E as I,$ as h,y as k,d as P,N as W,e as A,D as F,x,C as D,f as R,S as f,R as v,I as E,h as M,i as N,A as q,F as w,j as O,k as U,l as Z,W as j,n as z,T as G,t as J,o as K,p as Q,q as V,r as X,s as Y,u as _,z as $,B as aa,H as sa,J as oa,M as ta,V as ea,O as ra,Q as pa,U as ia,X as na,Y as ma,Z as la,_ as ca,a0 as Ta,a1 as ba,a2 as da,a3 as Sa,a4 as Ba,a5 as La,a6 as Ca,a7 as Ha,a8 as ua,a9 as ga,aa as ya,ab as Ia,ac as ha,ad as ka}from"./index-U-bvrYWS.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./index-D2MAbzvX.js";import"./jsx-runtime-BjgbQsUx.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";export{T as A,b as ActionBar,d as AddonPanel,S as Badge,B as Bar,L as Blockquote,C as Button,H as ClipboardCode,u as Code,g as DL,y as Div,I as DocumentWrapper,h as EmptyTabContent,k as ErrorFormatter,P as FlexBar,W as Form,A as H1,F as H2,x as H3,D as H4,R as H5,f as H6,v as HR,E as IconButton,M as IconButtonSkeleton,N as Icons,q as Img,w as LI,O as Link,U as ListItem,Z as Loader,j as Modal,z as OL,G as P,J as Placeholder,K as Pre,Q as ResetWrapper,V as ScrollArea,X as Separator,Y as Spaced,_ as Span,$ as StorybookIcon,aa as StorybookLogo,sa as Symbols,oa as SyntaxHighlighter,ta as TT,ea as TabBar,ra as TabButton,pa as TabWrapper,ia as Table,na as Tabs,ma as TabsState,la as TooltipLinkList,ca as TooltipMessage,Ta as TooltipNote,ba as UL,da as WithTooltip,Sa as WithTooltipPure,Ba as Zoom,La as codeCommon,Ca as components,Ha as createCopyToClipboardFunction,ua as getStoryHref,ga as icons,ya as interleaveSeparators,Ia as nameSpaceClassNames,ha as resetComponents,ka as withReset}; +import{m as T,a as b,G as d,K as S,P as B,g as L,L as C,b as H,v as u,w as g,c as y,E as I,$ as h,y as k,d as P,N as W,e as A,D as F,x,C as D,f as R,S as f,R as v,I as E,h as M,i as N,A as q,F as w,j as O,k as U,l as Z,W as j,n as z,T as G,t as J,o as K,p as Q,q as V,r as X,s as Y,u as _,z as $,B as aa,H as sa,J as oa,M as ta,V as ea,O as ra,Q as pa,U as ia,X as na,Y as ma,Z as la,_ as ca,a0 as Ta,a1 as ba,a2 as da,a3 as Sa,a4 as Ba,a5 as La,a6 as Ca,a7 as Ha,a8 as ua,a9 as ga,aa as ya,ab as Ia,ac as ha,ad as ka}from"./index-CYpc6MNd.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./index-D2MAbzvX.js";import"./jsx-runtime-BjgbQsUx.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";export{T as A,b as ActionBar,d as AddonPanel,S as Badge,B as Bar,L as Blockquote,C as Button,H as ClipboardCode,u as Code,g as DL,y as Div,I as DocumentWrapper,h as EmptyTabContent,k as ErrorFormatter,P as FlexBar,W as Form,A as H1,F as H2,x as H3,D as H4,R as H5,f as H6,v as HR,E as IconButton,M as IconButtonSkeleton,N as Icons,q as Img,w as LI,O as Link,U as ListItem,Z as Loader,j as Modal,z as OL,G as P,J as Placeholder,K as Pre,Q as ResetWrapper,V as ScrollArea,X as Separator,Y as Spaced,_ as Span,$ as StorybookIcon,aa as StorybookLogo,sa as Symbols,oa as SyntaxHighlighter,ta as TT,ea as TabBar,ra as TabButton,pa as TabWrapper,ia as Table,na as Tabs,ma as TabsState,la as TooltipLinkList,ca as TooltipMessage,Ta as TooltipNote,ba as UL,da as WithTooltip,Sa as WithTooltipPure,Ba as Zoom,La as codeCommon,Ca as components,Ha as createCopyToClipboardFunction,ua as getStoryHref,ga as icons,ya as interleaveSeparators,Ia as nameSpaceClassNames,ha as resetComponents,ka as withReset}; diff --git a/demo-develop/assets/index-U-bvrYWS.js b/demo-develop/assets/index-CYpc6MNd.js similarity index 99% rename from demo-develop/assets/index-U-bvrYWS.js rename to demo-develop/assets/index-CYpc6MNd.js index 69b7a3ebe6..5f07dde143 100644 --- a/demo-develop/assets/index-U-bvrYWS.js +++ b/demo-develop/assets/index-CYpc6MNd.js @@ -1,5 +1,5 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./index-nXDhx9BK.js","./iframe-CcKRFNHG.js","./index-RigO-4kf.js","./_commonjsHelpers-CqkleIqs.js","./index-D2MAbzvX.js","./jsx-runtime-BjgbQsUx.js","./index-BIm0odtm.js","./index-D-8MO0q_.js","./index-CHGET4sZ.js","./index-DrFu-skq.js","./Color-F6OSRLHC-BZ0ujiS5.js"])))=>i.map(i=>d[i]); -var Hx=Object.defineProperty;var jx=(e,t,r)=>t in e?Hx(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var Rn=(e,t,r)=>jx(e,typeof t!="symbol"?t+"":t,r);import{_ as K4}from"./iframe-CcKRFNHG.js";import{r as l,R as y}from"./index-RigO-4kf.js";import{j as J}from"./jsx-runtime-BjgbQsUx.js";import{g as Vx}from"./_commonjsHelpers-CqkleIqs.js";import{r as Ux}from"./index-BIm0odtm.js";import{O as Z4,P as qx}from"./index-D-8MO0q_.js";import{y as gh,g as Eu}from"./index-CHGET4sZ.js";import{d as Wx}from"./index-DrFu-skq.js";var Gx=Object.create,J4=Object.defineProperty,Yx=Object.getOwnPropertyDescriptor,X4=Object.getOwnPropertyNames,Kx=Object.getPrototypeOf,Zx=Object.prototype.hasOwnProperty,Di=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof require<"u"?require:t)[r]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')}),mn=(e,t)=>function(){return t||(0,e[X4(e)[0]])((t={exports:{}}).exports,t),t.exports},Jx=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of X4(t))!Zx.call(e,a)&&a!==r&&J4(e,a,{get:()=>t[a],enumerable:!(n=Yx(t,a))||n.enumerable});return e},Y1=(e,t,r)=>(r=e!=null?Gx(Kx(e)):{},Jx(t||!e||!e.__esModule?J4(r,"default",{value:e,enumerable:!0}):r,e));function Xx(e,t,{signal:r,edges:n}={}){let a,o=null,i=n!=null&&n.includes("leading"),s=n==null||n.includes("trailing"),c=()=>{o!==null&&(e.apply(a,o),a=void 0,o=null)},d=()=>{s&&c(),f()},p=null,m=()=>{p!=null&&clearTimeout(p),p=setTimeout(()=>{p=null,d()},t)},h=()=>{p!==null&&(clearTimeout(p),p=null)},f=()=>{h(),a=void 0,o=null},v=()=>{h(),c()},g=function(...w){if(r!=null&&r.aborted)return;a=this,o=w;let x=p==null;m(),i&&x&&c()};return g.schedule=m,g.cancel=f,g.flush=v,r==null||r.addEventListener("abort",f,{once:!0}),g}function EV(e,t=0,r={}){typeof r!="object"&&(r={});let{signal:n,leading:a=!1,trailing:o=!0,maxWait:i}=r,s=Array(2);a&&(s[0]="leading"),o&&(s[1]="trailing");let c,d=null,p=Xx(function(...f){c=e.apply(this,f),d=null},t,{signal:n,edges:s}),m=function(...f){if(i!=null){if(d===null)d=Date.now();else if(Date.now()-d>=i)return c=e.apply(this,f),d=Date.now(),p.cancel(),p.schedule(),c}return p.apply(this,f),c},h=()=>(p.flush(),c);return m.cancel=p.cancel,m.flush=h,m}function Qx(e){return Array.from(new Set(e))}function eD(e,t){let r={},n=Object.entries(e);for(let a=0;a`control-${e.replace(/\s+/g,"-")}`,hs=e=>`set-${e.replace(/\s+/g,"-")}`,sD=Object.create,K1=Object.defineProperty,uD=Object.getOwnPropertyDescriptor,cD=Object.getOwnPropertyNames,dD=Object.getPrototypeOf,pD=Object.prototype.hasOwnProperty,R=(e,t)=>K1(e,"name",{value:t,configurable:!0}),Ci=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof require<"u"?require:t)[r]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')}),ms=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),fD=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of cD(t))!pD.call(e,a)&&a!==r&&K1(e,a,{get:()=>t[a],enumerable:!(n=uD(t,a))||n.enumerable});return e},Z1=(e,t,r)=>(r=e!=null?sD(dD(e)):{},fD(t||!e||!e.__esModule?K1(r,"default",{value:e,enumerable:!0}):r,e)),hD=ms(e=>{(function(){var t=typeof Symbol=="function"&&Symbol.for,r=t?Symbol.for("react.element"):60103,n=t?Symbol.for("react.portal"):60106,a=t?Symbol.for("react.fragment"):60107,o=t?Symbol.for("react.strict_mode"):60108,i=t?Symbol.for("react.profiler"):60114,s=t?Symbol.for("react.provider"):60109,c=t?Symbol.for("react.context"):60110,d=t?Symbol.for("react.async_mode"):60111,p=t?Symbol.for("react.concurrent_mode"):60111,m=t?Symbol.for("react.forward_ref"):60112,h=t?Symbol.for("react.suspense"):60113,f=t?Symbol.for("react.suspense_list"):60120,v=t?Symbol.for("react.memo"):60115,g=t?Symbol.for("react.lazy"):60116,w=t?Symbol.for("react.block"):60121,x=t?Symbol.for("react.fundamental"):60117,D=t?Symbol.for("react.responder"):60118,E=t?Symbol.for("react.scope"):60119;function b($){return typeof $=="string"||typeof $=="function"||$===a||$===p||$===i||$===o||$===h||$===f||typeof $=="object"&&$!==null&&($.$$typeof===g||$.$$typeof===v||$.$$typeof===s||$.$$typeof===c||$.$$typeof===m||$.$$typeof===x||$.$$typeof===D||$.$$typeof===E||$.$$typeof===w)}R(b,"isValidElementType");function C($){if(typeof $=="object"&&$!==null){var nt=$.$$typeof;switch(nt){case r:var Dt=$.type;switch(Dt){case d:case p:case a:case i:case o:case h:return Dt;default:var Mr=Dt&&Dt.$$typeof;switch(Mr){case c:case m:case g:case v:case s:return Mr;default:return nt}}case n:return nt}}}R(C,"typeOf");var S=d,k=p,A=c,_=s,I=r,B=m,z=a,L=g,M=v,O=n,P=i,j=o,U=h,V=!1;function G($){return V||(V=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),Q($)||C($)===d}R(G,"isAsyncMode");function Q($){return C($)===p}R(Q,"isConcurrentMode");function ne($){return C($)===c}R(ne,"isContextConsumer");function Z($){return C($)===s}R(Z,"isContextProvider");function ie($){return typeof $=="object"&&$!==null&&$.$$typeof===r}R(ie,"isElement");function N($){return C($)===m}R(N,"isForwardRef");function K($){return C($)===a}R(K,"isFragment");function re($){return C($)===g}R(re,"isLazy");function fe($){return C($)===v}R(fe,"isMemo");function Ce($){return C($)===n}R(Ce,"isPortal");function xt($){return C($)===i}R(xt,"isProfiler");function He($){return C($)===o}R(He,"isStrictMode");function rt($){return C($)===h}R(rt,"isSuspense"),e.AsyncMode=S,e.ConcurrentMode=k,e.ContextConsumer=A,e.ContextProvider=_,e.Element=I,e.ForwardRef=B,e.Fragment=z,e.Lazy=L,e.Memo=M,e.Portal=O,e.Profiler=P,e.StrictMode=j,e.Suspense=U,e.isAsyncMode=G,e.isConcurrentMode=Q,e.isContextConsumer=ne,e.isContextProvider=Z,e.isElement=ie,e.isForwardRef=N,e.isFragment=K,e.isLazy=re,e.isMemo=fe,e.isPortal=Ce,e.isProfiler=xt,e.isStrictMode=He,e.isSuspense=rt,e.isValidElementType=b,e.typeOf=C})()}),mD=ms((e,t)=>{t.exports=hD()}),Q4=ms((e,t)=>{var r=mD(),n={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},o={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};s[r.ForwardRef]=o,s[r.Memo]=i;function c(w){return r.isMemo(w)?i:s[w.$$typeof]||n}R(c,"getStatics");var d=Object.defineProperty,p=Object.getOwnPropertyNames,m=Object.getOwnPropertySymbols,h=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,v=Object.prototype;function g(w,x,D){if(typeof x!="string"){if(v){var E=f(x);E&&E!==v&&g(w,E,D)}var b=p(x);m&&(b=b.concat(m(x)));for(var C=c(w),S=c(x),k=0;k{(function(r){if(typeof e=="object"&&typeof t<"u")t.exports=r();else if(typeof define=="function"&&define.amd)define([],r);else{var n;typeof window<"u"?n=window:typeof global<"u"?n=global:typeof self<"u"?n=self:n=this,n.memoizerific=r()}})(function(){return R(function r(n,a,o){function i(d,p){if(!a[d]){if(!n[d]){var m=typeof Ci=="function"&&Ci;if(!p&&m)return m(d,!0);if(s)return s(d,!0);var h=new Error("Cannot find module '"+d+"'");throw h.code="MODULE_NOT_FOUND",h}var f=a[d]={exports:{}};n[d][0].call(f.exports,function(v){var g=n[d][1][v];return i(g||v)},f,f.exports,r,n,a,o)}return a[d].exports}R(i,"s");for(var s=typeof Ci=="function"&&Ci,c=0;c=0)return this.lastItem=this.list[s],this.list[s].val},o.prototype.set=function(i,s){var c;return this.lastItem&&this.isEqual(this.lastItem.key,i)?(this.lastItem.val=s,this):(c=this.indexOf(i),c>=0?(this.lastItem=this.list[c],this.list[c].val=s,this):(this.lastItem={key:i,val:s},this.list.push(this.lastItem),this.size++,this))},o.prototype.delete=function(i){var s;if(this.lastItem&&this.isEqual(this.lastItem.key,i)&&(this.lastItem=void 0),s=this.indexOf(i),s>=0)return this.size--,this.list.splice(s,1)[0]},o.prototype.has=function(i){var s;return this.lastItem&&this.isEqual(this.lastItem.key,i)?!0:(s=this.indexOf(i),s>=0?(this.lastItem=this.list[s],!0):!1)},o.prototype.forEach=function(i,s){var c;for(c=0;c0&&(D[x]={cacheItem:v,arg:arguments[x]},E?i(m,D):m.push(D),m.length>d&&s(m.shift())),f.wasMemoized=E,f.numArgs=x+1,w},"memoizerific");return f.limit=d,f.wasMemoized=!1,f.cache=p,f.lru=m,f}};function i(d,p){var m=d.length,h=p.length,f,v,g;for(v=0;v=0&&(m=d[f],h=m.cacheItem.get(m.arg),!h||!h.size);f--)m.cacheItem.delete(m.arg)}R(s,"removeCachedResult");function c(d,p){return d===p||d!==d&&p!==p}R(c,"isEqual")},{"map-or-similar":1}]},{},[3])(3)})});function Nt(){return Nt=Object.assign?Object.assign.bind():function(e){for(var t=1;ti.map(i=>d[i]); +var Hx=Object.defineProperty;var jx=(e,t,r)=>t in e?Hx(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var Rn=(e,t,r)=>jx(e,typeof t!="symbol"?t+"":t,r);import{_ as K4}from"./iframe-DelTWw7Q.js";import{r as l,R as y}from"./index-RigO-4kf.js";import{j as J}from"./jsx-runtime-BjgbQsUx.js";import{g as Vx}from"./_commonjsHelpers-CqkleIqs.js";import{r as Ux}from"./index-BIm0odtm.js";import{O as Z4,P as qx}from"./index-D-8MO0q_.js";import{y as gh,g as Eu}from"./index-CHGET4sZ.js";import{d as Wx}from"./index-DrFu-skq.js";var Gx=Object.create,J4=Object.defineProperty,Yx=Object.getOwnPropertyDescriptor,X4=Object.getOwnPropertyNames,Kx=Object.getPrototypeOf,Zx=Object.prototype.hasOwnProperty,Di=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof require<"u"?require:t)[r]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')}),mn=(e,t)=>function(){return t||(0,e[X4(e)[0]])((t={exports:{}}).exports,t),t.exports},Jx=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of X4(t))!Zx.call(e,a)&&a!==r&&J4(e,a,{get:()=>t[a],enumerable:!(n=Yx(t,a))||n.enumerable});return e},Y1=(e,t,r)=>(r=e!=null?Gx(Kx(e)):{},Jx(t||!e||!e.__esModule?J4(r,"default",{value:e,enumerable:!0}):r,e));function Xx(e,t,{signal:r,edges:n}={}){let a,o=null,i=n!=null&&n.includes("leading"),s=n==null||n.includes("trailing"),c=()=>{o!==null&&(e.apply(a,o),a=void 0,o=null)},d=()=>{s&&c(),f()},p=null,m=()=>{p!=null&&clearTimeout(p),p=setTimeout(()=>{p=null,d()},t)},h=()=>{p!==null&&(clearTimeout(p),p=null)},f=()=>{h(),a=void 0,o=null},v=()=>{h(),c()},g=function(...w){if(r!=null&&r.aborted)return;a=this,o=w;let x=p==null;m(),i&&x&&c()};return g.schedule=m,g.cancel=f,g.flush=v,r==null||r.addEventListener("abort",f,{once:!0}),g}function EV(e,t=0,r={}){typeof r!="object"&&(r={});let{signal:n,leading:a=!1,trailing:o=!0,maxWait:i}=r,s=Array(2);a&&(s[0]="leading"),o&&(s[1]="trailing");let c,d=null,p=Xx(function(...f){c=e.apply(this,f),d=null},t,{signal:n,edges:s}),m=function(...f){if(i!=null){if(d===null)d=Date.now();else if(Date.now()-d>=i)return c=e.apply(this,f),d=Date.now(),p.cancel(),p.schedule(),c}return p.apply(this,f),c},h=()=>(p.flush(),c);return m.cancel=p.cancel,m.flush=h,m}function Qx(e){return Array.from(new Set(e))}function eD(e,t){let r={},n=Object.entries(e);for(let a=0;a`control-${e.replace(/\s+/g,"-")}`,hs=e=>`set-${e.replace(/\s+/g,"-")}`,sD=Object.create,K1=Object.defineProperty,uD=Object.getOwnPropertyDescriptor,cD=Object.getOwnPropertyNames,dD=Object.getPrototypeOf,pD=Object.prototype.hasOwnProperty,R=(e,t)=>K1(e,"name",{value:t,configurable:!0}),Ci=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,r)=>(typeof require<"u"?require:t)[r]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+e+'" is not supported')}),ms=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),fD=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of cD(t))!pD.call(e,a)&&a!==r&&K1(e,a,{get:()=>t[a],enumerable:!(n=uD(t,a))||n.enumerable});return e},Z1=(e,t,r)=>(r=e!=null?sD(dD(e)):{},fD(t||!e||!e.__esModule?K1(r,"default",{value:e,enumerable:!0}):r,e)),hD=ms(e=>{(function(){var t=typeof Symbol=="function"&&Symbol.for,r=t?Symbol.for("react.element"):60103,n=t?Symbol.for("react.portal"):60106,a=t?Symbol.for("react.fragment"):60107,o=t?Symbol.for("react.strict_mode"):60108,i=t?Symbol.for("react.profiler"):60114,s=t?Symbol.for("react.provider"):60109,c=t?Symbol.for("react.context"):60110,d=t?Symbol.for("react.async_mode"):60111,p=t?Symbol.for("react.concurrent_mode"):60111,m=t?Symbol.for("react.forward_ref"):60112,h=t?Symbol.for("react.suspense"):60113,f=t?Symbol.for("react.suspense_list"):60120,v=t?Symbol.for("react.memo"):60115,g=t?Symbol.for("react.lazy"):60116,w=t?Symbol.for("react.block"):60121,x=t?Symbol.for("react.fundamental"):60117,D=t?Symbol.for("react.responder"):60118,E=t?Symbol.for("react.scope"):60119;function b($){return typeof $=="string"||typeof $=="function"||$===a||$===p||$===i||$===o||$===h||$===f||typeof $=="object"&&$!==null&&($.$$typeof===g||$.$$typeof===v||$.$$typeof===s||$.$$typeof===c||$.$$typeof===m||$.$$typeof===x||$.$$typeof===D||$.$$typeof===E||$.$$typeof===w)}R(b,"isValidElementType");function C($){if(typeof $=="object"&&$!==null){var nt=$.$$typeof;switch(nt){case r:var Dt=$.type;switch(Dt){case d:case p:case a:case i:case o:case h:return Dt;default:var Mr=Dt&&Dt.$$typeof;switch(Mr){case c:case m:case g:case v:case s:return Mr;default:return nt}}case n:return nt}}}R(C,"typeOf");var S=d,k=p,A=c,_=s,I=r,B=m,z=a,L=g,M=v,O=n,P=i,j=o,U=h,V=!1;function G($){return V||(V=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),Q($)||C($)===d}R(G,"isAsyncMode");function Q($){return C($)===p}R(Q,"isConcurrentMode");function ne($){return C($)===c}R(ne,"isContextConsumer");function Z($){return C($)===s}R(Z,"isContextProvider");function ie($){return typeof $=="object"&&$!==null&&$.$$typeof===r}R(ie,"isElement");function N($){return C($)===m}R(N,"isForwardRef");function K($){return C($)===a}R(K,"isFragment");function re($){return C($)===g}R(re,"isLazy");function fe($){return C($)===v}R(fe,"isMemo");function Ce($){return C($)===n}R(Ce,"isPortal");function xt($){return C($)===i}R(xt,"isProfiler");function He($){return C($)===o}R(He,"isStrictMode");function rt($){return C($)===h}R(rt,"isSuspense"),e.AsyncMode=S,e.ConcurrentMode=k,e.ContextConsumer=A,e.ContextProvider=_,e.Element=I,e.ForwardRef=B,e.Fragment=z,e.Lazy=L,e.Memo=M,e.Portal=O,e.Profiler=P,e.StrictMode=j,e.Suspense=U,e.isAsyncMode=G,e.isConcurrentMode=Q,e.isContextConsumer=ne,e.isContextProvider=Z,e.isElement=ie,e.isForwardRef=N,e.isFragment=K,e.isLazy=re,e.isMemo=fe,e.isPortal=Ce,e.isProfiler=xt,e.isStrictMode=He,e.isSuspense=rt,e.isValidElementType=b,e.typeOf=C})()}),mD=ms((e,t)=>{t.exports=hD()}),Q4=ms((e,t)=>{var r=mD(),n={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},o={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};s[r.ForwardRef]=o,s[r.Memo]=i;function c(w){return r.isMemo(w)?i:s[w.$$typeof]||n}R(c,"getStatics");var d=Object.defineProperty,p=Object.getOwnPropertyNames,m=Object.getOwnPropertySymbols,h=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,v=Object.prototype;function g(w,x,D){if(typeof x!="string"){if(v){var E=f(x);E&&E!==v&&g(w,E,D)}var b=p(x);m&&(b=b.concat(m(x)));for(var C=c(w),S=c(x),k=0;k{(function(r){if(typeof e=="object"&&typeof t<"u")t.exports=r();else if(typeof define=="function"&&define.amd)define([],r);else{var n;typeof window<"u"?n=window:typeof global<"u"?n=global:typeof self<"u"?n=self:n=this,n.memoizerific=r()}})(function(){return R(function r(n,a,o){function i(d,p){if(!a[d]){if(!n[d]){var m=typeof Ci=="function"&&Ci;if(!p&&m)return m(d,!0);if(s)return s(d,!0);var h=new Error("Cannot find module '"+d+"'");throw h.code="MODULE_NOT_FOUND",h}var f=a[d]={exports:{}};n[d][0].call(f.exports,function(v){var g=n[d][1][v];return i(g||v)},f,f.exports,r,n,a,o)}return a[d].exports}R(i,"s");for(var s=typeof Ci=="function"&&Ci,c=0;c=0)return this.lastItem=this.list[s],this.list[s].val},o.prototype.set=function(i,s){var c;return this.lastItem&&this.isEqual(this.lastItem.key,i)?(this.lastItem.val=s,this):(c=this.indexOf(i),c>=0?(this.lastItem=this.list[c],this.list[c].val=s,this):(this.lastItem={key:i,val:s},this.list.push(this.lastItem),this.size++,this))},o.prototype.delete=function(i){var s;if(this.lastItem&&this.isEqual(this.lastItem.key,i)&&(this.lastItem=void 0),s=this.indexOf(i),s>=0)return this.size--,this.list.splice(s,1)[0]},o.prototype.has=function(i){var s;return this.lastItem&&this.isEqual(this.lastItem.key,i)?!0:(s=this.indexOf(i),s>=0?(this.lastItem=this.list[s],!0):!1)},o.prototype.forEach=function(i,s){var c;for(c=0;c0&&(D[x]={cacheItem:v,arg:arguments[x]},E?i(m,D):m.push(D),m.length>d&&s(m.shift())),f.wasMemoized=E,f.numArgs=x+1,w},"memoizerific");return f.limit=d,f.wasMemoized=!1,f.cache=p,f.lru=m,f}};function i(d,p){var m=d.length,h=p.length,f,v,g;for(v=0;v=0&&(m=d[f],h=m.cacheItem.get(m.arg),!h||!h.size);f--)m.cacheItem.delete(m.arg)}R(s,"removeCachedResult");function c(d,p){return d===p||d!==d&&p!==p}R(c,"isEqual")},{"map-or-similar":1}]},{},[3])(3)})});function Nt(){return Nt=Object.assign?Object.assign.bind():function(e){for(var t=1;t0?we(ka,--$e):0,la--,de===10&&(la=1,ys--),de}R(s3,"prev");function Oe(){return de=$e2||sa(de)>3?"":" "}R(u3,"whitespace");function c3(e,t){for(;--t&&Oe()&&!(de<48||de>102||de>57&&de<65||de>70&&de<97););return Aa(e,bo()+(t<6&&pt()==32&&Oe()==32))}R(c3,"escaping");function Sl(e){for(;Oe();)switch(de){case e:return $e;case 34:case 39:e!==34&&e!==39&&Sl(de);break;case 40:e===41&&Sl(e);break;case 92:Oe();break}return $e}R(Sl,"delimiter");function d3(e,t){for(;Oe()&&e+de!==57&&!(e+de===84&&pt()===47););return"/*"+Aa(t,$e-1)+"*"+gs(e===47?e:Oe())}R(d3,"commenter");function p3(e){for(;!sa(pt());)Oe();return Aa(e,$e)}R(p3,"identifier");function f3(e){return ap(Eo("",null,null,null,[""],e=np(e),0,[0],e))}R(f3,"compile");function Eo(e,t,r,n,a,o,i,s,c){for(var d=0,p=0,m=i,h=0,f=0,v=0,g=1,w=1,x=1,D=0,E="",b=a,C=o,S=n,k=E;w;)switch(v=D,D=Oe()){case 40:if(v!=108&&we(k,m-1)==58){Cl(k+=ee(wo(D),"&","&\f"),"&\f")!=-1&&(x=-1);break}case 34:case 39:case 91:k+=wo(D);break;case 9:case 10:case 13:case 32:k+=u3(v);break;case 92:k+=c3(bo()-1,7);continue;case 47:switch(pt()){case 42:case 47:oo(h3(d3(Oe(),bo()),t,r),c);break;default:k+="/"}break;case 123*g:s[d++]=st(k)*x;case 125*g:case 59:case 0:switch(D){case 0:case 125:w=0;case 59+p:x==-1&&(k=ee(k,/\f/g,"")),f>0&&st(k)-m&&oo(f>32?Q0(k+";",n,r,m-1):Q0(ee(k," ","")+";",n,r,m-2),c);break;case 59:k+=";";default:if(oo(S=X0(k,t,r,d,p,a,s,E,b=[],C=[],m),o),D===123)if(p===0)Eo(k,t,S,S,b,o,m,s,C);else switch(h===99&&we(k,3)===110?100:h){case 100:case 108:case 109:case 115:Eo(e,S,S,n&&oo(X0(e,S,S,0,0,a,s,E,a,b=[],m),C),a,C,m,s,n?b:C);break;default:Eo(k,S,S,S,[""],C,0,s,C)}}d=p=f=0,g=x=1,E=k="",m=i;break;case 58:m=1+st(k),f=v;default:if(g<1){if(D==123)--g;else if(D==125&&g++==0&&s3()==125)continue}switch(k+=gs(D),D*g){case 38:x=p>0?1:(k+="\f",-1);break;case 44:s[d++]=(st(k)-1)*x,x=1;break;case 64:pt()===45&&(k+=wo(Oe())),h=pt(),p=m=st(E=k+=p3(bo())),D++;break;case 45:v===45&&st(k)==2&&(g=0)}}return o}R(Eo,"parse");function X0(e,t,r,n,a,o,i,s,c,d,p){for(var m=a-1,h=a===0?o:[""],f=vs(h),v=0,g=0,w=0;v0?h[x]+" "+D:ee(D,/&\f/g,h[x])))&&(c[w++]=E);return Ko(e,t,r,a===0?ep:s,c,d,p)}R(X0,"ruleset");function h3(e,t,r){return Ko(e,t,r,Q1,gs(l3()),ia(e,2,-2),0)}R(h3,"comment");function Q0(e,t,r,n){return Ko(e,t,r,tp,ia(e,0,n),ia(e,n+1,-1),n)}R(Q0,"declaration");function an(e,t){for(var r="",n=vs(e),a=0;a-1},"isIgnoringComment"),RD=R(function(e){return function(t,r,n){if(!(t.type!=="rule"||e.compat)){var a=t.value.match(/(:first|:nth|:nth-last)-child/g);if(a){for(var o=!!t.parent,i=o?t.parent.children:n,s=i.length-1;s>=0;s--){var c=i[s];if(c.line=0;r--)if(!v3(t[r]))return!0;return!1},"isPrependedWithRegularRules"),wh=R(function(e){e.type="",e.value="",e.return="",e.children="",e.props=""},"nullifyElement"),BD=R(function(e,t,r){v3(e)&&(e.parent?(console.error("`@import` rules can't be nested inside other rules. Please move it to the top level and put it before regular rules. Keep in mind that they can only be used within global styles."),wh(e)):ID(t,r)&&(console.error("`@import` rules can't be after other rules. Please put your `@import` rules before your other rules."),wh(e)))},"incorrectImportAlarm");function op(e,t){switch(n3(e,t)){case 5103:return te+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return te+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return te+e+Dl+e+_e+e+e;case 6828:case 4268:return te+e+_e+e+e;case 6165:return te+e+_e+"flex-"+e+e;case 5187:return te+e+ee(e,/(\w+).+(:[^]+)/,te+"box-$1$2"+_e+"flex-$1$2")+e;case 5443:return te+e+_e+"flex-item-"+ee(e,/flex-|-self/,"")+e;case 4675:return te+e+_e+"flex-line-pack"+ee(e,/align-content|flex-|-self/,"")+e;case 5548:return te+e+_e+ee(e,"shrink","negative")+e;case 5292:return te+e+_e+ee(e,"basis","preferred-size")+e;case 6060:return te+"box-"+ee(e,"-grow","")+te+e+_e+ee(e,"grow","positive")+e;case 4554:return te+ee(e,/([^-])(transform)/g,"$1"+te+"$2")+e;case 6187:return ee(ee(ee(e,/(zoom-|grab)/,te+"$1"),/(image-set)/,te+"$1"),e,"")+e;case 5495:case 3959:return ee(e,/(image-set\([^]*)/,te+"$1$`$1");case 4968:return ee(ee(e,/(.+:)(flex-)?(.*)/,te+"box-pack:$3"+_e+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+te+e+e;case 4095:case 3583:case 4068:case 2532:return ee(e,/(.+)-inline(.+)/,te+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(st(e)-1-t>6)switch(we(e,t+1)){case 109:if(we(e,t+4)!==45)break;case 102:return ee(e,/(.+:)(.+)-([^]+)/,"$1"+te+"$2-$3$1"+Dl+(we(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~Cl(e,"stretch")?op(ee(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(we(e,t+1)!==115)break;case 6444:switch(we(e,st(e)-3-(~Cl(e,"!important")&&10))){case 107:return ee(e,":",":"+te)+e;case 101:return ee(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+te+(we(e,14)===45?"inline-":"")+"box$3$1"+te+"$2$3$1"+_e+"$2box$3")+e}break;case 5936:switch(we(e,t+11)){case 114:return te+e+_e+ee(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return te+e+_e+ee(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return te+e+_e+ee(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return te+e+_e+e+e}return e}R(op,"prefix");var TD=R(function(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case tp:e.return=op(e.value,e.length);break;case r3:return an([$n(e,{value:ee(e.value,"@","@"+te)})],n);case ep:if(e.length)return o3(e.props,function(a){switch(a3(a,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return an([$n(e,{props:[ee(a,/:(read-\w+)/,":"+Dl+"$1")]})],n);case"::placeholder":return an([$n(e,{props:[ee(a,/:(plac\w+)/,":"+te+"input-$1")]}),$n(e,{props:[ee(a,/:(plac\w+)/,":"+Dl+"$1")]}),$n(e,{props:[ee(a,/:(plac\w+)/,_e+"input-$1")]})],n)}return""})}},"prefixer"),zD=[TD],LD=R(function(e){var t=e.key;if(!t)throw new Error(`You have to configure \`key\` for your cache. Please make sure it's unique (and not equal to 'css') as it's used for linking styles to your cache. If multiple caches share the same key they might "fight" for each other's style elements.`);if(t==="css"){var r=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(r,function(v){var g=v.getAttribute("data-emotion");g.indexOf(" ")!==-1&&(document.head.appendChild(v),v.setAttribute("data-s",""))})}var n=e.stylisPlugins||zD;if(/[^a-z-]/.test(t))throw new Error('Emotion key must only contain lower case alphabetical characters and - but "'+t+'" was passed');var a={},o,i=[];o=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),function(v){for(var g=v.getAttribute("data-emotion").split(" "),w=1;w=4;++n,a-=4)r=e.charCodeAt(n)&255|(e.charCodeAt(++n)&255)<<8|(e.charCodeAt(++n)&255)<<16|(e.charCodeAt(++n)&255)<<24,r=(r&65535)*1540483477+((r>>>16)*59797<<16),r^=r>>>24,t=(r&65535)*1540483477+((r>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(a){case 3:t^=(e.charCodeAt(n+2)&255)<<16;case 2:t^=(e.charCodeAt(n+1)&255)<<8;case 1:t^=e.charCodeAt(n)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}R(y3,"murmur2");var $D={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},Eh=`You have illegal escape sequence in your template literal, most likely inside content's property value. Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';". @@ -677,7 +677,7 @@ To pass a single animation please supply them in simple values, e.g. animation(' `,77:`remToPx expects a value in "rem" but you provided it in "%s". `,78:`base must be set in "px" or "%" but you set it in "%s". -`};function WL(){for(var e=arguments.length,t=new Array(e),r=0;r1?a-1:0),i=1;i=0&&a<1?(s=o,c=i):a>=1&&a<2?(s=i,c=o):a>=2&&a<3?(c=o,d=i):a>=3&&a<4?(c=i,d=o):a>=4&&a<5?(s=i,d=o):a>=5&&a<6&&(s=o,d=i);var p=r-o/2,m=s+p,h=c+p,f=d+p;return n(m,h,f)}var x4={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function YL(e){if(typeof e!="string")return e;var t=e.toLowerCase();return x4[t]?"#"+x4[t]:e}var KL=/^#[a-fA-F0-9]{6}$/,ZL=/^#[a-fA-F0-9]{8}$/,JL=/^#[a-fA-F0-9]{3}$/,XL=/^#[a-fA-F0-9]{4}$/,j0=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,QL=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,eO=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,tO=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function du(e){if(typeof e!="string")throw new Mt(3);var t=YL(e);if(t.match(KL))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(ZL)){var r=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:r}}if(t.match(JL))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(XL)){var n=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:n}}var a=j0.exec(t);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var o=QL.exec(t.substring(0,50));if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10),alpha:parseFloat(""+o[4])>1?parseFloat(""+o[4])/100:parseFloat(""+o[4])};var i=eO.exec(t);if(i){var s=parseInt(""+i[1],10),c=parseInt(""+i[2],10)/100,d=parseInt(""+i[3],10)/100,p="rgb("+Go(s,c,d)+")",m=j0.exec(p);if(!m)throw new Mt(4,t,p);return{red:parseInt(""+m[1],10),green:parseInt(""+m[2],10),blue:parseInt(""+m[3],10)}}var h=tO.exec(t.substring(0,50));if(h){var f=parseInt(""+h[1],10),v=parseInt(""+h[2],10)/100,g=parseInt(""+h[3],10)/100,w="rgb("+Go(f,v,g)+")",x=j0.exec(w);if(!x)throw new Mt(4,t,w);return{red:parseInt(""+x[1],10),green:parseInt(""+x[2],10),blue:parseInt(""+x[3],10),alpha:parseFloat(""+h[4])>1?parseFloat(""+h[4])/100:parseFloat(""+h[4])}}throw new Mt(5)}function rO(e){var t=e.red/255,r=e.green/255,n=e.blue/255,a=Math.max(t,r,n),o=Math.min(t,r,n),i=(a+o)/2;if(a===o)return e.alpha!==void 0?{hue:0,saturation:0,lightness:i,alpha:e.alpha}:{hue:0,saturation:0,lightness:i};var s,c=a-o,d=i>.5?c/(2-a-o):c/(a+o);switch(a){case t:s=(r-n)/c+(r=1?fs(e,t,r):"rgba("+Go(e,t,r)+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?fs(e.hue,e.saturation,e.lightness):"rgba("+Go(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new Mt(2)}function P1(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return M1("#"+Yr(e)+Yr(t)+Yr(r));if(typeof e=="object"&&t===void 0&&r===void 0)return M1("#"+Yr(e.red)+Yr(e.green)+Yr(e.blue));throw new Mt(6)}function nr(e,t,r,n){if(typeof e=="string"&&typeof t=="number"){var a=du(e);return"rgba("+a.red+","+a.green+","+a.blue+","+t+")"}else{if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?P1(e,t,r):"rgba("+e+","+t+","+r+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?P1(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new Mt(7)}var lO=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},sO=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&typeof e.alpha=="number"},uO=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},cO=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&typeof e.alpha=="number"};function P9(e){if(typeof e!="object")throw new Mt(8);if(sO(e))return nr(e);if(lO(e))return P1(e);if(cO(e))return iO(e);if(uO(e))return oO(e);throw new Mt(8)}function $9(e,t,r){return function(){var n=r.concat(Array.prototype.slice.call(arguments));return n.length>=t?e.apply(this,n):$9(e,t,n)}}function pu(e){return $9(e,e.length,[])}function fu(e,t,r){return Math.max(e,Math.min(t,r))}function dO(e,t){if(t==="transparent")return t;var r=M9(t);return P9(Ca({},r,{lightness:fu(0,1,r.lightness-parseFloat(e))}))}var pO=pu(dO),It=pO;function fO(e,t){if(t==="transparent")return t;var r=M9(t);return P9(Ca({},r,{lightness:fu(0,1,r.lightness+parseFloat(e))}))}var hO=pu(fO),Kr=hO;function mO(e,t){if(t==="transparent")return t;var r=du(t),n=typeof r.alpha=="number"?r.alpha:1,a=Ca({},r,{alpha:fu(0,1,(n*100+parseFloat(e)*100)/100)});return nr(a)}var gO=pu(mO),Ji=gO;function vO(e,t){if(t==="transparent")return t;var r=du(t),n=typeof r.alpha=="number"?r.alpha:1,a=Ca({},r,{alpha:fu(0,1,+(n*100-parseFloat(e)*100).toFixed(2)/100)});return nr(a)}var yO=pu(vO),oe=yO,bO=F.div(se,({theme:e})=>({backgroundColor:e.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:e.appBorderRadius,border:`1px dashed ${e.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:oe(.3,e.color.defaultText),fontSize:e.typography.size.s2})),N9=e=>y.createElement(bO,{...e,className:"docblock-emptyblock sb-unstyled"}),wO=F(jf)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}})),EO=F.div(({theme:e})=>({background:e.background.content,borderRadius:e.appBorderRadius,border:`1px solid ${e.appBorderColor}`,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"})),Xi=F.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${nd}`]:{margin:0}})),xO=()=>y.createElement(EO,null,y.createElement(Xi,null),y.createElement(Xi,{style:{width:"80%"}}),y.createElement(Xi,{style:{width:"30%"}}),y.createElement(Xi,{style:{width:"80%"}})),Qf=({isLoading:e,error:t,language:r,code:n,dark:a,format:o=!1,...i})=>{let{typography:s}=C3();if(e)return y.createElement(xO,null);if(t)return y.createElement(N9,null,t);let c=y.createElement(wO,{bordered:!0,copyable:!0,format:o,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof a>"u")return c;let d=a?td.dark:td.light;return y.createElement(S3,{theme:rd({...d,fontCode:s.fonts.mono,fontBase:s.fonts.base})},c)},he=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,eh=600,DO=F.h1(se,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${eh}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),CO=F.h2(se,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${eh}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:oe(.25,e.color.defaultText)})),SO=F.div(({theme:e})=>{let t={fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},r={margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& code":{fontSize:"inherit"}},n={lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:e.typography.size.s2-1,border:e.base==="light"?`1px solid ${e.color.mediumlight}`:`1px solid ${e.color.darker}`,color:e.base==="light"?oe(.1,e.color.defaultText):oe(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[he("a")]:{...t,fontSize:"inherit",lineHeight:"24px",color:e.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}},[he("blockquote")]:{...t,margin:"16px 0",borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[he("div")]:t,[he("dl")]:{...t,margin:"16px 0",padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}},[he("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[he("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[he("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[he("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[he("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[he("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[he("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[he("img")]:{maxWidth:"100%"},[he("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[he("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[he("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[he("pre")]:{...t,fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}},[he("span")]:{...t,"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}},[he("table")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base==="dark"?e.color.darker:e.color.lighter},"& tr th":{fontWeight:"bold",color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}},[he("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),kO=F.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${eh}px)`]:{}})),AO=({children:e,toc:t})=>y.createElement(kO,{className:"sbdocs sbdocs-wrapper"},y.createElement(SO,{className:"sbdocs sbdocs-content"},e),t),hu=e=>({borderRadius:e.appBorderRadius,background:e.background.content,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${e.appBorderColor}`}),{window:FO}=globalThis,_O=class extends l.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=FO.document.getElementById(e)}shouldComponentUpdate(e){let{scale:t}=e;return t!==this.props.scale&&this.setIframeBodyStyle({width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(e){return Object.assign(this.iframe.contentDocument.body.style,e)}render(){let{id:e,title:t,src:r,allowFullScreen:n,scale:a,...o}=this.props;return y.createElement("iframe",{id:e,title:t,src:r,...n?{allow:"fullscreen"}:{},loading:"lazy",...o})}},H9=l.createContext({scale:1}),{PREVIEW_URL:RO}=globalThis,IO=RO||"iframe.html",$1=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,BO=e=>{let t=l.useRef(),[r,n]=l.useState(!0),[a,o]=l.useState(),{story:i,height:s,autoplay:c,forceInitialArgs:d,renderStoryToElement:p}=e;return l.useEffect(()=>{if(!(i&&t.current))return()=>{};let m=t.current,h=p(i,m,{showMain:()=>{},showError:({title:f,description:v})=>o(new Error(`${f} - ${v}`)),showException:f=>o(f)},{autoplay:c,forceInitialArgs:d});return n(!1),()=>{Promise.resolve().then(()=>h())}},[c,p,i]),a?y.createElement("pre",null,y.createElement(UT,{error:a})):y.createElement(y.Fragment,null,s?y.createElement("style",null,`#${$1(e)} { min-height: ${s}; transform: translateZ(0); overflow: auto }`):null,r&&y.createElement(j9,null),y.createElement("div",{ref:t,id:`${$1(e)}-inner`,"data-name":i.name}))},TO=({story:e,height:t="500px"})=>y.createElement("div",{style:{width:"100%",height:t}},y.createElement(H9.Consumer,null,({scale:r})=>y.createElement(_O,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:fL(IO,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),zO=F.strong(({theme:e})=>({color:e.color.orange})),LO=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?y.createElement(zO,null,"This story mounts inside of play. Set"," ",y.createElement("a",{href:"https://storybook.js.org/docs/api/doc-blocks/doc-block-story#autoplay"},"autoplay")," ","to true to view this story."):y.createElement("div",{id:$1(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?y.createElement(BO,{...e}):y.createElement(TO,{...e}))},j9=()=>y.createElement(pL,null),OO=F(Jf)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),MO=F.div({display:"flex",alignItems:"center",gap:4}),PO=F.div(({theme:e})=>({width:14,height:14,borderRadius:2,margin:"0 7px",backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),$O=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...o})=>y.createElement(OO,{...o},y.createElement(MO,{key:"left"},e?[1,2,3].map(i=>y.createElement(PO,{key:i})):y.createElement(y.Fragment,null,y.createElement(sn,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},y.createElement(vL,null)),y.createElement(sn,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},y.createElement(yL,null)),y.createElement(sn,{key:"zoomreset",onClick:i=>{i.preventDefault(),a()},title:"Reset zoom"},y.createElement(bL,null))))),NO=F.div(({isColumn:e,columns:t,layout:r})=>({display:e||!t?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:e?"column":"row","& .innerZoomElementWrapper > *":e?{width:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout:e="padded"})=>e==="centered"||e==="padded"?{padding:"30px 20px","& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{},({layout:e="padded"})=>e==="centered"?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),D4=F(Qf)(({theme:e})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:e.appBorderRadius,borderBottomRightRadius:e.appBorderRadius,border:"none",background:e.base==="light"?"rgba(0, 0, 0, 0.85)":It(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":It(.05,e.background.content)}})),HO=F.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...hu(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),jO=(e,t,r)=>{switch(!0){case!!(e&&e.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>r(!1)}};case t:return{source:y.createElement(D4,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:y.createElement(D4,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function VO(e){if(l.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var UO=F($O)({position:"absolute",top:0,left:0,right:0,height:40}),qO=F.div({overflow:"hidden",position:"relative"}),V9=({isLoading:e,isColumn:t,columns:r,children:n,withSource:a,withToolbar:o=!1,isExpanded:i=!1,additionalActions:s,className:c,layout:d="padded",...p})=>{let[m,h]=l.useState(i),{source:f,actionItem:v}=jO(a,m,h),[g,w]=l.useState(1),x=[c].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),D=a?[v]:[],[E,b]=l.useState(s?[...s]:[]),C=[...D,...E],{window:S}=globalThis,k=l.useCallback(async _=>{let{createCopyToClipboardFunction:I}=await K4(()=>import("./index-nXDhx9BK.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9]),import.meta.url);I()},[]),A=_=>{let I=S.getSelection();I&&I.type==="Range"||(_.preventDefault(),E.filter(B=>B.title==="Copied").length===0&&k(f.props.code).then(()=>{b([...E,{title:"Copied",onClick:()=>{}}]),S.setTimeout(()=>b(E.filter(B=>B.title!=="Copied")),1500)}))};return y.createElement(HO,{withSource:a,withToolbar:o,...p,className:x.join(" ")},o&&y.createElement(UO,{isLoading:e,border:!0,zoom:_=>w(g*_),resetZoom:()=>w(1),storyId:VO(n),baseUrl:"./iframe.html"}),y.createElement(H9.Provider,{value:{scale:g}},y.createElement(qO,{className:"docs-story",onCopyCapture:a&&A},y.createElement(NO,{isColumn:t||!Array.isArray(n),columns:r,layout:d},y.createElement(OT.Element,{scale:g},Array.isArray(n)?n.map((_,I)=>y.createElement("div",{key:I},_)):y.createElement("div",null,n))),y.createElement(Dp,{actionItems:C}))),a&&m&&f)};F(V9)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));function Jr(){return Jr=Object.assign?Object.assign.bind():function(e){for(var t=1;t(e[t.toLowerCase()]=t,e),{for:"htmlFor"}),A4={amp:"&",apos:"'",gt:">",lt:"<",nbsp:" ",quot:"“"},GO=["style","script"],YO=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,KO=/mailto:/i,ZO=/\n{2,}$/,U9=/^(\s*>[\s\S]*?)(?=\n{2,})/,JO=/^ *> ?/gm,XO=/^ {2,}\n/,QO=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,q9=/^\s*(`{3,}|~{3,}) *(\S+)?([^\n]*?)?\n([\s\S]+?)\s*\1 *(?:\n *)*\n?/,W9=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,eM=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,tM=/^(?:\n *)*\n/,rM=/\r\n?/g,nM=/^\[\^([^\]]+)](:(.*)((\n+ {4,}.*)|(\n(?!\[\^).+))*)/,aM=/^\[\^([^\]]+)]/,oM=/\f/g,iM=/^---[ \t]*\n(.|\n)*\n---[ \t]*\n/,lM=/^\s*?\[(x|\s)\]/,G9=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,Y9=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,K9=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,N1=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1\b)[\s\S])*?)<\/\1>(?!<\/\1>)\n*/i,sM=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,Z9=/^)/,uM=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,H1=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,cM=/^\{.*\}$/,dM=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,pM=/^<([^ >]+@[^ >]+)>/,fM=/^<([^ >]+:\/[^ >]+)>/,hM=/-([a-z])?/gi,J9=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,mM=/^\[([^\]]*)\]:\s+]+)>?\s*("([^"]*)")?/,gM=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,vM=/^\[([^\]]*)\] ?\[([^\]]*)\]/,yM=/(\[|\])/g,bM=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,wM=/\t/g,EM=/^ *\| */,xM=/(^ *\||\| *$)/g,DM=/ *$/,CM=/^ *:-+: *$/,SM=/^ *:-+ *$/,kM=/^ *-+: *$/,mu="((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~~.*?~~|==.*?==|.|\\n)*?)",AM=new RegExp(`^([*_])\\1${mu}\\1\\1(?!\\1)`),FM=new RegExp(`^([*_])${mu}\\1(?!\\1|\\w)`),_M=new RegExp(`^==${mu}==`),RM=new RegExp(`^~~${mu}~~`),IM=/^\\([^0-9A-Za-z\s])/,BM=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&#;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,TM=/^\n+/,zM=/^([ \t]*)/,LM=/\\([^\\])/g,F4=/ *\n+$/,OM=/(?:^|\n)( *)$/,th="(?:\\d+\\.)",rh="(?:[*+-])";function X9(e){return"( *)("+(e===1?th:rh)+") +"}var Q9=X9(1),ex=X9(2);function tx(e){return new RegExp("^"+(e===1?Q9:ex))}var MM=tx(1),PM=tx(2);function rx(e){return new RegExp("^"+(e===1?Q9:ex)+"[^\\n]*(?:\\n(?!\\1"+(e===1?th:rh)+" )[^\\n]*)*(\\n|$)","gm")}var nx=rx(1),ax=rx(2);function ox(e){let t=e===1?th:rh;return new RegExp("^( *)("+t+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+t+" (?!"+t+" ))\\n*|\\s*\\n*$)")}var ix=ox(1),lx=ox(2);function _4(e,t){let r=t===1,n=r?ix:lx,a=r?nx:ax,o=r?MM:PM;return{match(i,s,c){let d=OM.exec(c);return d&&(s.list||!s.inline&&!s.simple)?n.exec(i=d[1]+i):null},order:1,parse(i,s,c){let d=r?+i[2]:void 0,p=i[0].replace(ZO,` +`};function WL(){for(var e=arguments.length,t=new Array(e),r=0;r1?a-1:0),i=1;i=0&&a<1?(s=o,c=i):a>=1&&a<2?(s=i,c=o):a>=2&&a<3?(c=o,d=i):a>=3&&a<4?(c=i,d=o):a>=4&&a<5?(s=i,d=o):a>=5&&a<6&&(s=o,d=i);var p=r-o/2,m=s+p,h=c+p,f=d+p;return n(m,h,f)}var x4={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function YL(e){if(typeof e!="string")return e;var t=e.toLowerCase();return x4[t]?"#"+x4[t]:e}var KL=/^#[a-fA-F0-9]{6}$/,ZL=/^#[a-fA-F0-9]{8}$/,JL=/^#[a-fA-F0-9]{3}$/,XL=/^#[a-fA-F0-9]{4}$/,j0=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,QL=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,eO=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,tO=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function du(e){if(typeof e!="string")throw new Mt(3);var t=YL(e);if(t.match(KL))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(ZL)){var r=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:r}}if(t.match(JL))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(XL)){var n=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:n}}var a=j0.exec(t);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var o=QL.exec(t.substring(0,50));if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10),alpha:parseFloat(""+o[4])>1?parseFloat(""+o[4])/100:parseFloat(""+o[4])};var i=eO.exec(t);if(i){var s=parseInt(""+i[1],10),c=parseInt(""+i[2],10)/100,d=parseInt(""+i[3],10)/100,p="rgb("+Go(s,c,d)+")",m=j0.exec(p);if(!m)throw new Mt(4,t,p);return{red:parseInt(""+m[1],10),green:parseInt(""+m[2],10),blue:parseInt(""+m[3],10)}}var h=tO.exec(t.substring(0,50));if(h){var f=parseInt(""+h[1],10),v=parseInt(""+h[2],10)/100,g=parseInt(""+h[3],10)/100,w="rgb("+Go(f,v,g)+")",x=j0.exec(w);if(!x)throw new Mt(4,t,w);return{red:parseInt(""+x[1],10),green:parseInt(""+x[2],10),blue:parseInt(""+x[3],10),alpha:parseFloat(""+h[4])>1?parseFloat(""+h[4])/100:parseFloat(""+h[4])}}throw new Mt(5)}function rO(e){var t=e.red/255,r=e.green/255,n=e.blue/255,a=Math.max(t,r,n),o=Math.min(t,r,n),i=(a+o)/2;if(a===o)return e.alpha!==void 0?{hue:0,saturation:0,lightness:i,alpha:e.alpha}:{hue:0,saturation:0,lightness:i};var s,c=a-o,d=i>.5?c/(2-a-o):c/(a+o);switch(a){case t:s=(r-n)/c+(r=1?fs(e,t,r):"rgba("+Go(e,t,r)+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?fs(e.hue,e.saturation,e.lightness):"rgba("+Go(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new Mt(2)}function P1(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return M1("#"+Yr(e)+Yr(t)+Yr(r));if(typeof e=="object"&&t===void 0&&r===void 0)return M1("#"+Yr(e.red)+Yr(e.green)+Yr(e.blue));throw new Mt(6)}function nr(e,t,r,n){if(typeof e=="string"&&typeof t=="number"){var a=du(e);return"rgba("+a.red+","+a.green+","+a.blue+","+t+")"}else{if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?P1(e,t,r):"rgba("+e+","+t+","+r+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?P1(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new Mt(7)}var lO=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},sO=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&typeof e.alpha=="number"},uO=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},cO=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&typeof e.alpha=="number"};function P9(e){if(typeof e!="object")throw new Mt(8);if(sO(e))return nr(e);if(lO(e))return P1(e);if(cO(e))return iO(e);if(uO(e))return oO(e);throw new Mt(8)}function $9(e,t,r){return function(){var n=r.concat(Array.prototype.slice.call(arguments));return n.length>=t?e.apply(this,n):$9(e,t,n)}}function pu(e){return $9(e,e.length,[])}function fu(e,t,r){return Math.max(e,Math.min(t,r))}function dO(e,t){if(t==="transparent")return t;var r=M9(t);return P9(Ca({},r,{lightness:fu(0,1,r.lightness-parseFloat(e))}))}var pO=pu(dO),It=pO;function fO(e,t){if(t==="transparent")return t;var r=M9(t);return P9(Ca({},r,{lightness:fu(0,1,r.lightness+parseFloat(e))}))}var hO=pu(fO),Kr=hO;function mO(e,t){if(t==="transparent")return t;var r=du(t),n=typeof r.alpha=="number"?r.alpha:1,a=Ca({},r,{alpha:fu(0,1,(n*100+parseFloat(e)*100)/100)});return nr(a)}var gO=pu(mO),Ji=gO;function vO(e,t){if(t==="transparent")return t;var r=du(t),n=typeof r.alpha=="number"?r.alpha:1,a=Ca({},r,{alpha:fu(0,1,+(n*100-parseFloat(e)*100).toFixed(2)/100)});return nr(a)}var yO=pu(vO),oe=yO,bO=F.div(se,({theme:e})=>({backgroundColor:e.base==="light"?"rgba(0,0,0,.01)":"rgba(255,255,255,.01)",borderRadius:e.appBorderRadius,border:`1px dashed ${e.appBorderColor}`,display:"flex",alignItems:"center",justifyContent:"center",padding:20,margin:"25px 0 40px",color:oe(.3,e.color.defaultText),fontSize:e.typography.size.s2})),N9=e=>y.createElement(bO,{...e,className:"docblock-emptyblock sb-unstyled"}),wO=F(jf)(({theme:e})=>({fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}})),EO=F.div(({theme:e})=>({background:e.background.content,borderRadius:e.appBorderRadius,border:`1px solid ${e.appBorderColor}`,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",margin:"25px 0 40px",padding:"20px 20px 20px 22px"})),Xi=F.div(({theme:e})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,height:17,marginTop:1,width:"60%",[`&:first-child${nd}`]:{margin:0}})),xO=()=>y.createElement(EO,null,y.createElement(Xi,null),y.createElement(Xi,{style:{width:"80%"}}),y.createElement(Xi,{style:{width:"30%"}}),y.createElement(Xi,{style:{width:"80%"}})),Qf=({isLoading:e,error:t,language:r,code:n,dark:a,format:o=!1,...i})=>{let{typography:s}=C3();if(e)return y.createElement(xO,null);if(t)return y.createElement(N9,null,t);let c=y.createElement(wO,{bordered:!0,copyable:!0,format:o,language:r,className:"docblock-source sb-unstyled",...i},n);if(typeof a>"u")return c;let d=a?td.dark:td.light;return y.createElement(S3,{theme:rd({...d,fontCode:s.fonts.mono,fontBase:s.fonts.base})},c)},he=e=>`& :where(${e}:not(.sb-anchor, .sb-unstyled, .sb-unstyled ${e}))`,eh=600,DO=F.h1(se,({theme:e})=>({color:e.color.defaultText,fontSize:e.typography.size.m3,fontWeight:e.typography.weight.bold,lineHeight:"32px",[`@media (min-width: ${eh}px)`]:{fontSize:e.typography.size.l1,lineHeight:"36px",marginBottom:"16px"}})),CO=F.h2(se,({theme:e})=>({fontWeight:e.typography.weight.regular,fontSize:e.typography.size.s3,lineHeight:"20px",borderBottom:"none",marginBottom:15,[`@media (min-width: ${eh}px)`]:{fontSize:e.typography.size.m1,lineHeight:"28px",marginBottom:24},color:oe(.25,e.color.defaultText)})),SO=F.div(({theme:e})=>{let t={fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"},r={margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& code":{fontSize:"inherit"}},n={lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:e.typography.size.s2-1,border:e.base==="light"?`1px solid ${e.color.mediumlight}`:`1px solid ${e.color.darker}`,color:e.base==="light"?oe(.1,e.color.defaultText):oe(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border};return{maxWidth:1e3,width:"100%",[he("a")]:{...t,fontSize:"inherit",lineHeight:"24px",color:e.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}},[he("blockquote")]:{...t,margin:"16px 0",borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},[he("div")]:t,[he("dl")]:{...t,margin:"16px 0",padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}},[he("h1")]:{...t,...r,fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},[he("h2")]:{...t,...r,fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`},[he("h3")]:{...t,...r,fontSize:`${e.typography.size.m1}px`,fontWeight:e.typography.weight.bold},[he("h4")]:{...t,...r,fontSize:`${e.typography.size.s3}px`},[he("h5")]:{...t,...r,fontSize:`${e.typography.size.s2}px`},[he("h6")]:{...t,...r,fontSize:`${e.typography.size.s2}px`,color:e.color.dark},[he("hr")]:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},[he("img")]:{maxWidth:"100%"},[he("li")]:{...t,fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":n},[he("ol")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},[he("p")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":n},[he("pre")]:{...t,fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}},[he("span")]:{...t,"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}},[he("table")]:{...t,margin:"16px 0",fontSize:e.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base==="dark"?e.color.darker:e.color.lighter},"& tr th":{fontWeight:"bold",color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}},[he("ul")]:{...t,margin:"16px 0",paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0},listStyle:"disc"}}}),kO=F.div(({theme:e})=>({background:e.background.content,display:"flex",justifyContent:"center",padding:"4rem 20px",minHeight:"100vh",boxSizing:"border-box",gap:"3rem",[`@media (min-width: ${eh}px)`]:{}})),AO=({children:e,toc:t})=>y.createElement(kO,{className:"sbdocs sbdocs-wrapper"},y.createElement(SO,{className:"sbdocs sbdocs-content"},e),t),hu=e=>({borderRadius:e.appBorderRadius,background:e.background.content,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0",border:`1px solid ${e.appBorderColor}`}),{window:FO}=globalThis,_O=class extends l.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{id:e}=this.props;this.iframe=FO.document.getElementById(e)}shouldComponentUpdate(e){let{scale:t}=e;return t!==this.props.scale&&this.setIframeBodyStyle({width:`${t*100}%`,height:`${t*100}%`,transform:`scale(${1/t})`,transformOrigin:"top left"}),!1}setIframeBodyStyle(e){return Object.assign(this.iframe.contentDocument.body.style,e)}render(){let{id:e,title:t,src:r,allowFullScreen:n,scale:a,...o}=this.props;return y.createElement("iframe",{id:e,title:t,src:r,...n?{allow:"fullscreen"}:{},loading:"lazy",...o})}},H9=l.createContext({scale:1}),{PREVIEW_URL:RO}=globalThis,IO=RO||"iframe.html",$1=({story:e,primary:t})=>`story--${e.id}${t?"--primary":""}`,BO=e=>{let t=l.useRef(),[r,n]=l.useState(!0),[a,o]=l.useState(),{story:i,height:s,autoplay:c,forceInitialArgs:d,renderStoryToElement:p}=e;return l.useEffect(()=>{if(!(i&&t.current))return()=>{};let m=t.current,h=p(i,m,{showMain:()=>{},showError:({title:f,description:v})=>o(new Error(`${f} - ${v}`)),showException:f=>o(f)},{autoplay:c,forceInitialArgs:d});return n(!1),()=>{Promise.resolve().then(()=>h())}},[c,p,i]),a?y.createElement("pre",null,y.createElement(UT,{error:a})):y.createElement(y.Fragment,null,s?y.createElement("style",null,`#${$1(e)} { min-height: ${s}; transform: translateZ(0); overflow: auto }`):null,r&&y.createElement(j9,null),y.createElement("div",{ref:t,id:`${$1(e)}-inner`,"data-name":i.name}))},TO=({story:e,height:t="500px"})=>y.createElement("div",{style:{width:"100%",height:t}},y.createElement(H9.Consumer,null,({scale:r})=>y.createElement(_O,{key:"iframe",id:`iframe--${e.id}`,title:e.name,src:fL(IO,e.id,{viewMode:"story"}),allowFullScreen:!0,scale:r,style:{width:"100%",height:"100%",border:"0 none"}}))),zO=F.strong(({theme:e})=>({color:e.color.orange})),LO=e=>{let{inline:t,story:r}=e;return t&&!e.autoplay&&r.usesMount?y.createElement(zO,null,"This story mounts inside of play. Set"," ",y.createElement("a",{href:"https://storybook.js.org/docs/api/doc-blocks/doc-block-story#autoplay"},"autoplay")," ","to true to view this story."):y.createElement("div",{id:$1(e),className:"sb-story sb-unstyled","data-story-block":"true"},t?y.createElement(BO,{...e}):y.createElement(TO,{...e}))},j9=()=>y.createElement(pL,null),OO=F(Jf)({position:"absolute",left:0,right:0,top:0,transition:"transform .2s linear"}),MO=F.div({display:"flex",alignItems:"center",gap:4}),PO=F.div(({theme:e})=>({width:14,height:14,borderRadius:2,margin:"0 7px",backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),$O=({isLoading:e,storyId:t,baseUrl:r,zoom:n,resetZoom:a,...o})=>y.createElement(OO,{...o},y.createElement(MO,{key:"left"},e?[1,2,3].map(i=>y.createElement(PO,{key:i})):y.createElement(y.Fragment,null,y.createElement(sn,{key:"zoomin",onClick:i=>{i.preventDefault(),n(.8)},title:"Zoom in"},y.createElement(vL,null)),y.createElement(sn,{key:"zoomout",onClick:i=>{i.preventDefault(),n(1.25)},title:"Zoom out"},y.createElement(yL,null)),y.createElement(sn,{key:"zoomreset",onClick:i=>{i.preventDefault(),a()},title:"Reset zoom"},y.createElement(bL,null))))),NO=F.div(({isColumn:e,columns:t,layout:r})=>({display:e||!t?"block":"flex",position:"relative",flexWrap:"wrap",overflow:"auto",flexDirection:e?"column":"row","& .innerZoomElementWrapper > *":e?{width:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"block"}:{maxWidth:r!=="fullscreen"?"calc(100% - 20px)":"100%",display:"inline-block"}}),({layout:e="padded"})=>e==="centered"||e==="padded"?{padding:"30px 20px","& .innerZoomElementWrapper > *":{width:"auto",border:"10px solid transparent!important"}}:{},({layout:e="padded"})=>e==="centered"?{display:"flex",justifyContent:"center",justifyItems:"center",alignContent:"center",alignItems:"center"}:{},({columns:e})=>e&&e>1?{".innerZoomElementWrapper > *":{minWidth:`calc(100% / ${e} - 20px)`}}:{}),D4=F(Qf)(({theme:e})=>({margin:0,borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:e.appBorderRadius,borderBottomRightRadius:e.appBorderRadius,border:"none",background:e.base==="light"?"rgba(0, 0, 0, 0.85)":It(.05,e.background.content),color:e.color.lightest,button:{background:e.base==="light"?"rgba(0, 0, 0, 0.85)":It(.05,e.background.content)}})),HO=F.div(({theme:e,withSource:t,isExpanded:r})=>({position:"relative",overflow:"hidden",margin:"25px 0 40px",...hu(e),borderBottomLeftRadius:t&&r&&0,borderBottomRightRadius:t&&r&&0,borderBottomWidth:r&&0,"h3 + &":{marginTop:"16px"}}),({withToolbar:e})=>e&&{paddingTop:40}),jO=(e,t,r)=>{switch(!0){case!!(e&&e.error):return{source:null,actionItem:{title:"No code available",className:"docblock-code-toggle docblock-code-toggle--disabled",disabled:!0,onClick:()=>r(!1)}};case t:return{source:y.createElement(D4,{...e,dark:!0}),actionItem:{title:"Hide code",className:"docblock-code-toggle docblock-code-toggle--expanded",onClick:()=>r(!1)}};default:return{source:y.createElement(D4,{...e,dark:!0}),actionItem:{title:"Show code",className:"docblock-code-toggle",onClick:()=>r(!0)}}}};function VO(e){if(l.Children.count(e)===1){let t=e;if(t.props)return t.props.id}return null}var UO=F($O)({position:"absolute",top:0,left:0,right:0,height:40}),qO=F.div({overflow:"hidden",position:"relative"}),V9=({isLoading:e,isColumn:t,columns:r,children:n,withSource:a,withToolbar:o=!1,isExpanded:i=!1,additionalActions:s,className:c,layout:d="padded",...p})=>{let[m,h]=l.useState(i),{source:f,actionItem:v}=jO(a,m,h),[g,w]=l.useState(1),x=[c].concat(["sbdocs","sbdocs-preview","sb-unstyled"]),D=a?[v]:[],[E,b]=l.useState(s?[...s]:[]),C=[...D,...E],{window:S}=globalThis,k=l.useCallback(async _=>{let{createCopyToClipboardFunction:I}=await K4(()=>import("./index-C0w7uGYQ.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9]),import.meta.url);I()},[]),A=_=>{let I=S.getSelection();I&&I.type==="Range"||(_.preventDefault(),E.filter(B=>B.title==="Copied").length===0&&k(f.props.code).then(()=>{b([...E,{title:"Copied",onClick:()=>{}}]),S.setTimeout(()=>b(E.filter(B=>B.title!=="Copied")),1500)}))};return y.createElement(HO,{withSource:a,withToolbar:o,...p,className:x.join(" ")},o&&y.createElement(UO,{isLoading:e,border:!0,zoom:_=>w(g*_),resetZoom:()=>w(1),storyId:VO(n),baseUrl:"./iframe.html"}),y.createElement(H9.Provider,{value:{scale:g}},y.createElement(qO,{className:"docs-story",onCopyCapture:a&&A},y.createElement(NO,{isColumn:t||!Array.isArray(n),columns:r,layout:d},y.createElement(OT.Element,{scale:g},Array.isArray(n)?n.map((_,I)=>y.createElement("div",{key:I},_)):y.createElement("div",null,n))),y.createElement(Dp,{actionItems:C}))),a&&m&&f)};F(V9)(()=>({".docs-story":{paddingTop:32,paddingBottom:40}}));function Jr(){return Jr=Object.assign?Object.assign.bind():function(e){for(var t=1;t(e[t.toLowerCase()]=t,e),{for:"htmlFor"}),A4={amp:"&",apos:"'",gt:">",lt:"<",nbsp:" ",quot:"“"},GO=["style","script"],YO=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,KO=/mailto:/i,ZO=/\n{2,}$/,U9=/^(\s*>[\s\S]*?)(?=\n{2,})/,JO=/^ *> ?/gm,XO=/^ {2,}\n/,QO=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,q9=/^\s*(`{3,}|~{3,}) *(\S+)?([^\n]*?)?\n([\s\S]+?)\s*\1 *(?:\n *)*\n?/,W9=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,eM=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,tM=/^(?:\n *)*\n/,rM=/\r\n?/g,nM=/^\[\^([^\]]+)](:(.*)((\n+ {4,}.*)|(\n(?!\[\^).+))*)/,aM=/^\[\^([^\]]+)]/,oM=/\f/g,iM=/^---[ \t]*\n(.|\n)*\n---[ \t]*\n/,lM=/^\s*?\[(x|\s)\]/,G9=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,Y9=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,K9=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,N1=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1\b)[\s\S])*?)<\/\1>(?!<\/\1>)\n*/i,sM=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,Z9=/^)/,uM=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,H1=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,cM=/^\{.*\}$/,dM=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,pM=/^<([^ >]+@[^ >]+)>/,fM=/^<([^ >]+:\/[^ >]+)>/,hM=/-([a-z])?/gi,J9=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,mM=/^\[([^\]]*)\]:\s+]+)>?\s*("([^"]*)")?/,gM=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,vM=/^\[([^\]]*)\] ?\[([^\]]*)\]/,yM=/(\[|\])/g,bM=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,wM=/\t/g,EM=/^ *\| */,xM=/(^ *\||\| *$)/g,DM=/ *$/,CM=/^ *:-+: *$/,SM=/^ *:-+ *$/,kM=/^ *-+: *$/,mu="((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~~.*?~~|==.*?==|.|\\n)*?)",AM=new RegExp(`^([*_])\\1${mu}\\1\\1(?!\\1)`),FM=new RegExp(`^([*_])${mu}\\1(?!\\1|\\w)`),_M=new RegExp(`^==${mu}==`),RM=new RegExp(`^~~${mu}~~`),IM=/^\\([^0-9A-Za-z\s])/,BM=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&#;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,TM=/^\n+/,zM=/^([ \t]*)/,LM=/\\([^\\])/g,F4=/ *\n+$/,OM=/(?:^|\n)( *)$/,th="(?:\\d+\\.)",rh="(?:[*+-])";function X9(e){return"( *)("+(e===1?th:rh)+") +"}var Q9=X9(1),ex=X9(2);function tx(e){return new RegExp("^"+(e===1?Q9:ex))}var MM=tx(1),PM=tx(2);function rx(e){return new RegExp("^"+(e===1?Q9:ex)+"[^\\n]*(?:\\n(?!\\1"+(e===1?th:rh)+" )[^\\n]*)*(\\n|$)","gm")}var nx=rx(1),ax=rx(2);function ox(e){let t=e===1?th:rh;return new RegExp("^( *)("+t+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+t+" (?!"+t+" ))\\n*|\\s*\\n*$)")}var ix=ox(1),lx=ox(2);function _4(e,t){let r=t===1,n=r?ix:lx,a=r?nx:ax,o=r?MM:PM;return{match(i,s,c){let d=OM.exec(c);return d&&(s.list||!s.inline&&!s.simple)?n.exec(i=d[1]+i):null},order:1,parse(i,s,c){let d=r?+i[2]:void 0,p=i[0].replace(ZO,` `).match(a),m=!1;return{items:p.map(function(h,f){let v=o.exec(h)[0].length,g=new RegExp("^ {1,"+v+"}","gm"),w=h.replace(g,"").replace(o,""),x=f===p.length-1,D=w.indexOf(` `)!==-1||x&&m;m=D;let E=c.inline,b=c.list,C;c.list=!0,D?(c.inline=!1,C=w.replace(F4,` @@ -708,7 +708,7 @@ To pass a single animation please supply them in simple values, e.g. animation(' ${It(.02,e.input.background)} 100%)`:`linear-gradient(to right, ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, ${Kr(.02,e.input.background)} ${(n-t)/(r-t)*100}%, - ${Kr(.02,e.input.background)} 100%)`,boxShadow:`${e.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${e.input.background}`,border:`1px solid ${nr(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),Ex=F.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums","[aria-readonly=true] &":{opacity:.5}}),GP=F(Ex)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),YP=F.div({display:"flex",alignItems:"center",width:"100%"});function KP(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}var ZP=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:o=1,onBlur:i,onFocus:s,argType:c})=>{var f;let d=v=>{r(iP(v.target.value))},p=t!==void 0,m=l.useMemo(()=>KP(o),[o]),h=!!((f=c==null?void 0:c.table)!=null&&f.readonly);return y.createElement(YP,{"aria-readonly":h},y.createElement(Ex,null,n),y.createElement(WP,{id:yt(e),type:"range",disabled:h,onChange:d,name:e,value:t,min:n,max:a,step:o,onFocus:s,onBlur:i}),y.createElement(GP,{numberOFDecimalsPlaces:m,max:a},p?t.toFixed(m):"--"," / ",a))},JP=F.label({display:"flex"}),XP=F.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),QP=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:o,argType:i})=>{var f;let s=v=>{r(v.target.value)},c=!!((f=i==null?void 0:i.table)!=null&&f.readonly),[d,p]=l.useState(!1),m=l.useCallback(()=>{r(""),p(!0)},[p]);if(t===void 0)return y.createElement(Sn,{variant:"outline",size:"medium",disabled:c,id:hs(e),onClick:m},"Set string");let h=typeof t=="string";return y.createElement(JP,null,y.createElement(bi.Textarea,{id:yt(e),maxLength:o,onChange:s,disabled:c,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:h?null:"error",name:e,value:h?t:"",onFocus:n,onBlur:a}),o&&y.createElement(XP,{isMaxed:(t==null?void 0:t.length)===o},(t==null?void 0:t.length)??0," / ",o))},e$=F(bi.Input)({padding:10});function t$(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var r$=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{var c;let o=l.useRef(null),i=(c=a==null?void 0:a.control)==null?void 0:c.readOnly;function s(d){if(!d.target.files)return;let p=Array.from(d.target.files).map(m=>URL.createObjectURL(m));e(p),t$(n)}return l.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),y.createElement(e$,{ref:o,id:yt(t),type:"file",name:t,multiple:!0,disabled:i,onChange:s,accept:r,size:"flex"})},n$=l.lazy(()=>K4(()=>import("./Color-F6OSRLHC-BZ0ujiS5.js"),__vite__mapDeps([10,2,3,4,1,5,6,7,8,9]),import.meta.url)),a$=e=>y.createElement(l.Suspense,{fallback:y.createElement("div",null)},y.createElement(n$,{...e})),o$={array:$4,object:$4,boolean:XM,color:a$,date:aP,number:sP,check:Pn,"inline-check":Pn,radio:Pn,"inline-radio":Pn,select:Pn,"multi-select":Pn,range:ZP,text:QP,file:r$},N4=()=>y.createElement(y.Fragment,null,"-"),i$=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var g;let{key:a,control:o}=e,[i,s]=l.useState(!1),[c,d]=l.useState({value:t});l.useEffect(()=>{i||d({value:t})},[i,t]);let p=l.useCallback(w=>(d({value:w}),r({[a]:w}),w),[r,a]),m=l.useCallback(()=>s(!1),[]),h=l.useCallback(()=>s(!0),[]);if(!o||o.disable){let w=(o==null?void 0:o.disable)!==!0&&((g=e==null?void 0:e.type)==null?void 0:g.name)!=="function";return n&&w?y.createElement(oa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):y.createElement(N4,null)}let f={name:a,argType:e,value:c.value,onChange:p,onBlur:m,onFocus:h},v=o$[o.type]||N4;return y.createElement(v,{...f,...o,controlType:o.type})},l$=F.table(({theme:e})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:Lr({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),s$=({tags:e})=>{let t=(e.params||[]).filter(o=>o.description),r=t.length!==0,n=e.deprecated!=null,a=e.returns!=null&&e.returns.description!=null;return!r&&!a&&!n?null:y.createElement(y.Fragment,null,y.createElement(l$,null,y.createElement("tbody",null,n&&y.createElement("tr",{key:"deprecated"},y.createElement("td",{colSpan:2},y.createElement("strong",null,"Deprecated"),": ",e.deprecated.toString())),r&&t.map(o=>y.createElement("tr",{key:o.name},y.createElement("td",null,y.createElement("code",null,o.name)),y.createElement("td",null,o.description))),a&&y.createElement("tr",{key:"returns"},y.createElement("td",null,y.createElement("code",null,"Returns")),y.createElement("td",null,e.returns.description)))))},u$=Y1(L9()),U1=8,H4=F.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),c$=F.span(Lr,({theme:e,simple:t=!1})=>({flex:"0 0 auto",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...t&&{background:"transparent",border:"0 none",paddingLeft:0}})),d$=F.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),p$=F.div(Lr,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),f$=F.div(({theme:e,width:t})=>({width:t,minWidth:200,maxWidth:800,padding:15,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}})),h$=F(FL)({marginLeft:4}),m$=F(z9)({marginLeft:4}),g$=()=>y.createElement("span",null,"-"),xx=({text:e,simple:t})=>y.createElement(c$,{simple:t},e),v$=(0,u$.default)(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),y$=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return Qx(t)},j4=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,U1)),r.map(n=>y.createElement(xx,{key:n,text:n===""?'""':n}))},b$=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[a,o]=l.useState(!1),[i,s]=l.useState(t||!1);if(r==null)return null;let c=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(c))return y.createElement(xx,{text:c});let d=y$(c),p=d.length;return p>U1?y.createElement(H4,{isExpanded:i},j4(d,i),y.createElement(d$,{onClick:()=>s(!i)},i?"Show less...":`Show ${p-U1} more...`)):y.createElement(H4,null,j4(d))}return y.createElement(gz,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:y.createElement(f$,{width:v$(n)},y.createElement(jf,{language:"jsx",format:!1},n))},y.createElement(p$,{className:"sbdocs-expandable"},y.createElement("span",null,c),a?y.createElement(h$,null):y.createElement(m$,null)))},K0=({value:e,initialExpandedArgs:t})=>e==null?y.createElement(g$,null):y.createElement(b$,{value:e,initialExpandedArgs:t}),w$=F.span({fontWeight:"bold"}),E$=F.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),x$=F.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Lr({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),D$=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?oe(.1,e.color.defaultText):oe(.2,e.color.defaultText),marginTop:t?4:0})),C$=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?oe(.1,e.color.defaultText):oe(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),S$=F.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),k$=e=>e&&{summary:typeof e=="string"?e:e.name},Qi=e=>{var g;let[t,r]=l.useState(!1),{row:n,updateArgs:a,compact:o,expandable:i,initialExpandedArgs:s}=e,{name:c,description:d}=n,p=n.table||{},m=p.type||k$(n.type),h=p.defaultValue||n.defaultValue,f=(g=n.type)==null?void 0:g.required,v=d!=null&&d!=="";return y.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},y.createElement(S$,{expandable:i},y.createElement(w$,null,c),f?y.createElement(E$,{title:"Required"},"*"):null),o?null:y.createElement("td",null,v&&y.createElement(x$,null,y.createElement(ux,null,d)),p.jsDocTags!=null?y.createElement(y.Fragment,null,y.createElement(C$,{hasDescription:v},y.createElement(K0,{value:m,initialExpandedArgs:s})),y.createElement(s$,{tags:p.jsDocTags})):y.createElement(D$,{hasDescription:v},y.createElement(K0,{value:m,initialExpandedArgs:s}))),o?null:y.createElement("td",null,y.createElement(K0,{value:h,initialExpandedArgs:s})),a?y.createElement("td",null,y.createElement(i$,{...e,isHovered:t})):null)},A$=F.div(({inAddonPanel:e,theme:t})=>({height:e?"100%":"auto",display:"flex",border:e?"none":`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:t.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),F$=F.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),_$=F.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),R$=({inAddonPanel:e})=>{let[t,r]=l.useState(!0);return l.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:y.createElement(A$,{inAddonPanel:e},y.createElement(A9,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:y.createElement(y.Fragment,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically."),footer:y.createElement(F$,null,e&&y.createElement(y.Fragment,null,y.createElement(oa,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},y.createElement(xL,null)," Watch 5m video"),y.createElement(_$,null),y.createElement(oa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(z1,null)," Read docs")),!e&&y.createElement(oa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(z1,null)," Learn how to set that up"))}))},I$=F(kL)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?oe(.25,e.color.defaultText):oe(.3,e.color.defaultText),border:"none",display:"inline-block"})),B$=F(AL)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?oe(.25,e.color.defaultText):oe(.3,e.color.defaultText),border:"none",display:"inline-block"})),T$=F.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),z$=F.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),L$=F.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),O$=F.td(()=>({position:"relative"})),M$=F.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Kr(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),V4=F.button(()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"})),Z0=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[o,i]=l.useState(n),s=e==="subsection"?L$:z$,c=(r==null?void 0:r.length)||0,d=e==="subsection"?`${c} item${c!==1?"s":""}`:"",p=`${o?"Hide":"Show"} ${e==="subsection"?c:t} item${c!==1?"s":""}`;return y.createElement(y.Fragment,null,y.createElement(M$,{title:p},y.createElement(s,{colSpan:1},y.createElement(V4,{onClick:m=>i(!o),tabIndex:0},p),y.createElement(T$,null,o?y.createElement(I$,null):y.createElement(B$,null),t)),y.createElement(O$,{colSpan:a-1},y.createElement(V4,{onClick:m=>i(!o),tabIndex:-1,style:{outline:"none"}},p),o?null:d)),o?r:null)},el=F.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),Ae=F.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),me=F.div(({theme:e,width:t,height:r})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:r||16,borderRadius:3})),Fe=[2,4,2,2],P$=()=>y.createElement(y.Fragment,null,y.createElement(el,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(el,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(el,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(el,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"})))),$$=F.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:r?0:25,marginBottom:r?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?oe(.25,e.color.defaultText):oe(.45,e.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:r?0:1,marginRight:r?0:1,tbody:{...r?null:{filter:e.base==="light"?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...r?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),N$=F(sn)(({theme:e})=>({margin:"-4px -12px -4px 0"})),H$=F.span({display:"flex",justifyContent:"space-between"}),j$={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var r,n;return+!!((r=t.type)!=null&&r.required)-+!!((n=e.type)!=null&&n.required)||e.name.localeCompare(t.name)},none:void 0},V$=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([o,i])=>{let{category:s,subcategory:c}=(i==null?void 0:i.table)||{};if(s){let d=r.sections[s]||{ungrouped:[],subsections:{}};if(!c)d.ungrouped.push({key:o,...i});else{let p=d.subsections[c]||[];p.push({key:o,...i}),d.subsections[c]=p}r.sections[s]=d}else if(c){let d=r.ungroupedSubsections[c]||[];d.push({key:o,...i}),r.ungroupedSubsections[c]=d}else r.ungrouped.push({key:o,...i})});let n=j$[t],a=o=>n?Object.keys(o).reduce((i,s)=>({...i,[s]:o[s].sort(n)}),{}):o;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((o,i)=>({...o,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},U$=(e,t,r)=>{try{return qx(e,t,r)}catch(n){return IL.warn(n.message),!1}},q1=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:o,sort:i="none",isLoading:s}=e;if("error"in e){let{error:D}=e;return y.createElement(N9,null,D," ",y.createElement(oa,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},y.createElement(z1,null)," Read the docs"))}if(s)return y.createElement(P$,null);let{rows:c,args:d,globals:p}="rows"in e&&e,m=V$(eD(c||{},D=>{var E;return!((E=D==null?void 0:D.table)!=null&&E.disable)&&U$(D,d||{},p||{})}),i),h=m.ungrouped.length===0,f=Object.entries(m.sections).length===0,v=Object.entries(m.ungroupedSubsections).length===0;if(h&&f&&v)return y.createElement(R$,{inAddonPanel:a});let g=1;t&&(g+=1),n||(g+=2);let w=Object.keys(m.sections).length>0,x={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:o};return y.createElement(Hf,null,y.createElement($$,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},y.createElement("thead",{className:"docblock-argstable-head"},y.createElement("tr",null,y.createElement("th",null,y.createElement("span",null,"Name")),n?null:y.createElement("th",null,y.createElement("span",null,"Description")),n?null:y.createElement("th",null,y.createElement("span",null,"Default")),t?y.createElement("th",null,y.createElement(H$,null,"Control"," ",!s&&r&&y.createElement(N$,{onClick:()=>r(),title:"Reset controls"},y.createElement(_L,{"aria-hidden":!0})))):null)),y.createElement("tbody",{className:"docblock-argstable-body"},m.ungrouped.map(D=>y.createElement(Qi,{key:D.key,row:D,arg:d&&d[D.key],...x})),Object.entries(m.ungroupedSubsections).map(([D,E])=>y.createElement(Z0,{key:D,label:D,level:"subsection",colSpan:g},E.map(b=>y.createElement(Qi,{key:b.key,row:b,arg:d&&d[b.key],expandable:w,...x})))),Object.entries(m.sections).map(([D,E])=>y.createElement(Z0,{key:D,label:D,level:"section",colSpan:g},E.ungrouped.map(b=>y.createElement(Qi,{key:b.key,row:b,arg:d&&d[b.key],...x})),Object.entries(E.subsections).map(([b,C])=>y.createElement(Z0,{key:b,label:b,level:"subsection",colSpan:g},C.map(S=>y.createElement(Qi,{key:S.key,row:S,arg:d&&d[S.key],expandable:w,...x})))))))))},q$=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?y.createElement(q1,{...r[0][1],...t}):y.createElement(Xz,null,r.map((n,a)=>{let[o,i]=n,s=`prop_table_div_${o}`,c="div",d=a===0?t:{sort:t.sort};return y.createElement(c,{key:s,id:s,title:o},({active:p})=>p?y.createElement(q1,{key:`prop_table_${o}`,...i,...d}):null)}))},W$=F.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText)})),G$=F.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),Y$=F.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),K$=F.div(se,({theme:e})=>({...hu(e),margin:"25px 0 40px",padding:"30px 20px"})),WV=({fontFamily:e,fontSizes:t,fontWeight:r,sampleText:n,...a})=>y.createElement(K$,{...a,className:"docblock-typeset sb-unstyled"},t.map(o=>y.createElement(Y$,{key:o},y.createElement(W$,null,o),y.createElement(G$,{style:{fontFamily:e,fontSize:o,fontWeight:r,lineHeight:1.2}},n||"Was he a beast if music could move him so?"))));F.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));F.div(({theme:e})=>({color:e.base==="light"?oe(.2,e.color.defaultText):oe(.6,e.color.defaultText)}));F.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});F.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));F.div({display:"flex",flexDirection:"row"});F.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));F.div(({theme:e})=>({...hu(e),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));F.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});F.div({flex:1,display:"flex",flexDirection:"row"});F.div({display:"flex",alignItems:"flex-start"});F.div({flex:"0 0 30%"});F.div({flex:1});F.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText)}));F.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));var Z$=F.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2})),J$=F.div(({theme:e})=>({...hu(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}})),X$=F.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),Q$=F.div({display:"flex",flexFlow:"row wrap"}),GV=({name:e,children:t})=>y.createElement(X$,null,y.createElement(J$,null,t),y.createElement(Z$,null,e)),YV=({children:e,...t})=>y.createElement(Hf,null,y.createElement(Q$,{...t,className:"docblock-icongallery sb-unstyled"},e)),eN=e=>`anchor--${e}`,Dx=({storyId:e,children:t})=>y.createElement("div",{id:eN(e),className:"sb-anchor"},t);globalThis&&globalThis.__DOCS_CONTEXT__===void 0&&(globalThis.__DOCS_CONTEXT__=l.createContext(null),globalThis.__DOCS_CONTEXT__.displayName="DocsContext");var et=globalThis?globalThis.__DOCS_CONTEXT__:l.createContext(null),kn=(e,t)=>l.useContext(et).resolveOf(e,t),tN=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),rN=e=>{if(e)return typeof e=="string"?e.includes("-")?tN(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function nN(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}var aN=Object.create,Cx=Object.defineProperty,oN=Object.getOwnPropertyDescriptor,Sx=Object.getOwnPropertyNames,iN=Object.getPrototypeOf,lN=Object.prototype.hasOwnProperty,tt=(e,t)=>function(){return t||(0,e[Sx(e)[0]])((t={exports:{}}).exports,t),t.exports},sN=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Sx(t))!lN.call(e,a)&&a!==r&&Cx(e,a,{get:()=>t[a],enumerable:!(n=oN(t,a))||n.enumerable});return e},oh=(e,t,r)=>(r=e!=null?aN(iN(e)):{},sN(!e||!e.__esModule?Cx(r,"default",{value:e,enumerable:!0}):r,e)),uN=["bubbles","cancelBubble","cancelable","composed","currentTarget","defaultPrevented","eventPhase","isTrusted","returnValue","srcElement","target","timeStamp","type"],cN=["detail"];function dN(e){let t=uN.filter(r=>e[r]!==void 0).reduce((r,n)=>({...r,[n]:e[n]}),{});return e instanceof CustomEvent&&cN.filter(r=>e[r]!==void 0).forEach(r=>{t[r]=e[r]}),t}var pN=Y1(L9(),1),kx=tt({"node_modules/has-symbols/shams.js"(e,t){t.exports=function(){if(typeof Symbol!="function"||typeof Object.getOwnPropertySymbols!="function")return!1;if(typeof Symbol.iterator=="symbol")return!0;var r={},n=Symbol("test"),a=Object(n);if(typeof n=="string"||Object.prototype.toString.call(n)!=="[object Symbol]"||Object.prototype.toString.call(a)!=="[object Symbol]")return!1;var o=42;r[n]=o;for(n in r)return!1;if(typeof Object.keys=="function"&&Object.keys(r).length!==0||typeof Object.getOwnPropertyNames=="function"&&Object.getOwnPropertyNames(r).length!==0)return!1;var i=Object.getOwnPropertySymbols(r);if(i.length!==1||i[0]!==n||!Object.prototype.propertyIsEnumerable.call(r,n))return!1;if(typeof Object.getOwnPropertyDescriptor=="function"){var s=Object.getOwnPropertyDescriptor(r,n);if(s.value!==o||s.enumerable!==!0)return!1}return!0}}}),Ax=tt({"node_modules/has-symbols/index.js"(e,t){var r=typeof Symbol<"u"&&Symbol,n=kx();t.exports=function(){return typeof r!="function"||typeof Symbol!="function"||typeof r("foo")!="symbol"||typeof Symbol("bar")!="symbol"?!1:n()}}}),fN=tt({"node_modules/function-bind/implementation.js"(e,t){var r="Function.prototype.bind called on incompatible ",n=Array.prototype.slice,a=Object.prototype.toString,o="[object Function]";t.exports=function(i){var s=this;if(typeof s!="function"||a.call(s)!==o)throw new TypeError(r+s);for(var c=n.call(arguments,1),d,p=function(){if(this instanceof d){var g=s.apply(this,c.concat(n.call(arguments)));return Object(g)===g?g:this}else return s.apply(i,c.concat(n.call(arguments)))},m=Math.max(0,s.length-c.length),h=[],f=0;f"u"?r:m(Uint8Array),v={"%AggregateError%":typeof AggregateError>"u"?r:AggregateError,"%Array%":Array,"%ArrayBuffer%":typeof ArrayBuffer>"u"?r:ArrayBuffer,"%ArrayIteratorPrototype%":p?m([][Symbol.iterator]()):r,"%AsyncFromSyncIteratorPrototype%":r,"%AsyncFunction%":h,"%AsyncGenerator%":h,"%AsyncGeneratorFunction%":h,"%AsyncIteratorPrototype%":h,"%Atomics%":typeof Atomics>"u"?r:Atomics,"%BigInt%":typeof BigInt>"u"?r:BigInt,"%Boolean%":Boolean,"%DataView%":typeof DataView>"u"?r:DataView,"%Date%":Date,"%decodeURI%":decodeURI,"%decodeURIComponent%":decodeURIComponent,"%encodeURI%":encodeURI,"%encodeURIComponent%":encodeURIComponent,"%Error%":Error,"%eval%":eval,"%EvalError%":EvalError,"%Float32Array%":typeof Float32Array>"u"?r:Float32Array,"%Float64Array%":typeof Float64Array>"u"?r:Float64Array,"%FinalizationRegistry%":typeof FinalizationRegistry>"u"?r:FinalizationRegistry,"%Function%":a,"%GeneratorFunction%":h,"%Int8Array%":typeof Int8Array>"u"?r:Int8Array,"%Int16Array%":typeof Int16Array>"u"?r:Int16Array,"%Int32Array%":typeof Int32Array>"u"?r:Int32Array,"%isFinite%":isFinite,"%isNaN%":isNaN,"%IteratorPrototype%":p?m(m([][Symbol.iterator]())):r,"%JSON%":typeof JSON=="object"?JSON:r,"%Map%":typeof Map>"u"?r:Map,"%MapIteratorPrototype%":typeof Map>"u"||!p?r:m(new Map()[Symbol.iterator]()),"%Math%":Math,"%Number%":Number,"%Object%":Object,"%parseFloat%":parseFloat,"%parseInt%":parseInt,"%Promise%":typeof Promise>"u"?r:Promise,"%Proxy%":typeof Proxy>"u"?r:Proxy,"%RangeError%":RangeError,"%ReferenceError%":ReferenceError,"%Reflect%":typeof Reflect>"u"?r:Reflect,"%RegExp%":RegExp,"%Set%":typeof Set>"u"?r:Set,"%SetIteratorPrototype%":typeof Set>"u"||!p?r:m(new Set()[Symbol.iterator]()),"%SharedArrayBuffer%":typeof SharedArrayBuffer>"u"?r:SharedArrayBuffer,"%String%":String,"%StringIteratorPrototype%":p?m(""[Symbol.iterator]()):r,"%Symbol%":p?Symbol:r,"%SyntaxError%":n,"%ThrowTypeError%":d,"%TypedArray%":f,"%TypeError%":o,"%Uint8Array%":typeof Uint8Array>"u"?r:Uint8Array,"%Uint8ClampedArray%":typeof Uint8ClampedArray>"u"?r:Uint8ClampedArray,"%Uint16Array%":typeof Uint16Array>"u"?r:Uint16Array,"%Uint32Array%":typeof Uint32Array>"u"?r:Uint32Array,"%URIError%":URIError,"%WeakMap%":typeof WeakMap>"u"?r:WeakMap,"%WeakRef%":typeof WeakRef>"u"?r:WeakRef,"%WeakSet%":typeof WeakSet>"u"?r:WeakSet},g=function z(L){var M;if(L==="%AsyncFunction%")M=i("async function () {}");else if(L==="%GeneratorFunction%")M=i("function* () {}");else if(L==="%AsyncGeneratorFunction%")M=i("async function* () {}");else if(L==="%AsyncGenerator%"){var O=z("%AsyncGeneratorFunction%");O&&(M=O.prototype)}else if(L==="%AsyncIteratorPrototype%"){var P=z("%AsyncGenerator%");P&&(M=m(P.prototype))}return v[L]=M,M},w={"%ArrayBufferPrototype%":["ArrayBuffer","prototype"],"%ArrayPrototype%":["Array","prototype"],"%ArrayProto_entries%":["Array","prototype","entries"],"%ArrayProto_forEach%":["Array","prototype","forEach"],"%ArrayProto_keys%":["Array","prototype","keys"],"%ArrayProto_values%":["Array","prototype","values"],"%AsyncFunctionPrototype%":["AsyncFunction","prototype"],"%AsyncGenerator%":["AsyncGeneratorFunction","prototype"],"%AsyncGeneratorPrototype%":["AsyncGeneratorFunction","prototype","prototype"],"%BooleanPrototype%":["Boolean","prototype"],"%DataViewPrototype%":["DataView","prototype"],"%DatePrototype%":["Date","prototype"],"%ErrorPrototype%":["Error","prototype"],"%EvalErrorPrototype%":["EvalError","prototype"],"%Float32ArrayPrototype%":["Float32Array","prototype"],"%Float64ArrayPrototype%":["Float64Array","prototype"],"%FunctionPrototype%":["Function","prototype"],"%Generator%":["GeneratorFunction","prototype"],"%GeneratorPrototype%":["GeneratorFunction","prototype","prototype"],"%Int8ArrayPrototype%":["Int8Array","prototype"],"%Int16ArrayPrototype%":["Int16Array","prototype"],"%Int32ArrayPrototype%":["Int32Array","prototype"],"%JSONParse%":["JSON","parse"],"%JSONStringify%":["JSON","stringify"],"%MapPrototype%":["Map","prototype"],"%NumberPrototype%":["Number","prototype"],"%ObjectPrototype%":["Object","prototype"],"%ObjProto_toString%":["Object","prototype","toString"],"%ObjProto_valueOf%":["Object","prototype","valueOf"],"%PromisePrototype%":["Promise","prototype"],"%PromiseProto_then%":["Promise","prototype","then"],"%Promise_all%":["Promise","all"],"%Promise_reject%":["Promise","reject"],"%Promise_resolve%":["Promise","resolve"],"%RangeErrorPrototype%":["RangeError","prototype"],"%ReferenceErrorPrototype%":["ReferenceError","prototype"],"%RegExpPrototype%":["RegExp","prototype"],"%SetPrototype%":["Set","prototype"],"%SharedArrayBufferPrototype%":["SharedArrayBuffer","prototype"],"%StringPrototype%":["String","prototype"],"%SymbolPrototype%":["Symbol","prototype"],"%SyntaxErrorPrototype%":["SyntaxError","prototype"],"%TypedArrayPrototype%":["TypedArray","prototype"],"%TypeErrorPrototype%":["TypeError","prototype"],"%Uint8ArrayPrototype%":["Uint8Array","prototype"],"%Uint8ClampedArrayPrototype%":["Uint8ClampedArray","prototype"],"%Uint16ArrayPrototype%":["Uint16Array","prototype"],"%Uint32ArrayPrototype%":["Uint32Array","prototype"],"%URIErrorPrototype%":["URIError","prototype"],"%WeakMapPrototype%":["WeakMap","prototype"],"%WeakSetPrototype%":["WeakSet","prototype"]},x=ih(),D=hN(),E=x.call(Function.call,Array.prototype.concat),b=x.call(Function.apply,Array.prototype.splice),C=x.call(Function.call,String.prototype.replace),S=x.call(Function.call,String.prototype.slice),k=x.call(Function.call,RegExp.prototype.exec),A=/[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g,_=/\\(\\)?/g,I=function(z){var L=S(z,0,1),M=S(z,-1);if(L==="%"&&M!=="%")throw new n("invalid intrinsic syntax, expected closing `%`");if(M==="%"&&L!=="%")throw new n("invalid intrinsic syntax, expected opening `%`");var O=[];return C(z,A,function(P,j,U,V){O[O.length]=U?C(V,_,"$1"):j||P}),O},B=function(z,L){var M=z,O;if(D(w,M)&&(O=w[M],M="%"+O[0]+"%"),D(v,M)){var P=v[M];if(P===h&&(P=g(M)),typeof P>"u"&&!L)throw new o("intrinsic "+z+" exists, but is not available. Please file an issue!");return{alias:O,name:M,value:P}}throw new n("intrinsic "+z+" does not exist!")};t.exports=function(z,L){if(typeof z!="string"||z.length===0)throw new o("intrinsic name must be a non-empty string");if(arguments.length>1&&typeof L!="boolean")throw new o('"allowMissing" argument must be a boolean');if(k(/^%?[^%]*%?$/,z)===null)throw new n("`%` may not be present anywhere but at the beginning and end of the intrinsic name");var M=I(z),O=M.length>0?M[0]:"",P=B("%"+O+"%",L),j=P.name,U=P.value,V=!1,G=P.alias;G&&(O=G[0],b(M,E([0,1],G)));for(var Q=1,ne=!0;Q=M.length){var K=s(U,Z);ne=!!K,ne&&"get"in K&&!("originalValue"in K.get)?U=K.get:U=U[Z]}else ne=D(U,Z),U=U[Z];ne&&!V&&(v[j]=U)}}return U}}}),mN=tt({"node_modules/call-bind/index.js"(e,t){var r=ih(),n=Fx(),a=n("%Function.prototype.apply%"),o=n("%Function.prototype.call%"),i=n("%Reflect.apply%",!0)||r.call(o,a),s=n("%Object.getOwnPropertyDescriptor%",!0),c=n("%Object.defineProperty%",!0),d=n("%Math.max%");if(c)try{c({},"a",{value:1})}catch{c=null}t.exports=function(m){var h=i(r,o,arguments);if(s&&c){var f=s(h,"length");f.configurable&&c(h,"length",{value:1+d(0,m.length-(arguments.length-1))})}return h};var p=function(){return i(r,a,arguments)};c?c(t.exports,"apply",{value:p}):t.exports.apply=p}}),gN=tt({"node_modules/call-bind/callBound.js"(e,t){var r=Fx(),n=mN(),a=n(r("String.prototype.indexOf"));t.exports=function(o,i){var s=r(o,!!i);return typeof s=="function"&&a(o,".prototype.")>-1?n(s):s}}}),vN=tt({"node_modules/has-tostringtag/shams.js"(e,t){var r=kx();t.exports=function(){return r()&&!!Symbol.toStringTag}}}),yN=tt({"node_modules/is-regex/index.js"(e,t){var r=gN(),n=vN()(),a,o,i,s;n&&(a=r("Object.prototype.hasOwnProperty"),o=r("RegExp.prototype.exec"),i={},c=function(){throw i},s={toString:c,valueOf:c},typeof Symbol.toPrimitive=="symbol"&&(s[Symbol.toPrimitive]=c));var c,d=r("Object.prototype.toString"),p=Object.getOwnPropertyDescriptor,m="[object RegExp]";t.exports=n?function(h){if(!h||typeof h!="object")return!1;var f=p(h,"lastIndex"),v=f&&a(f,"value");if(!v)return!1;try{o(h,s)}catch(g){return g===i}}:function(h){return!h||typeof h!="object"&&typeof h!="function"?!1:d(h)===m}}}),bN=tt({"node_modules/is-function/index.js"(e,t){t.exports=n;var r=Object.prototype.toString;function n(a){if(!a)return!1;var o=r.call(a);return o==="[object Function]"||typeof a=="function"&&o!=="[object RegExp]"||typeof window<"u"&&(a===window.setTimeout||a===window.alert||a===window.confirm||a===window.prompt)}}}),wN=tt({"node_modules/is-symbol/index.js"(e,t){var r=Object.prototype.toString,n=Ax()();n?(a=Symbol.prototype.toString,o=/^Symbol\(.*\)$/,i=function(s){return typeof s.valueOf()!="symbol"?!1:o.test(a.call(s))},t.exports=function(s){if(typeof s=="symbol")return!0;if(r.call(s)!=="[object Symbol]")return!1;try{return i(s)}catch{return!1}}):t.exports=function(s){return!1};var a,o,i}}),EN=oh(yN()),xN=oh(bN()),DN=oh(wN());function CN(e){return e!=null&&typeof e=="object"&&Array.isArray(e)===!1}var SN=typeof global=="object"&&global&&global.Object===Object&&global,kN=SN,AN=typeof self=="object"&&self&&self.Object===Object&&self,FN=kN||AN||Function("return this")(),lh=FN,_N=lh.Symbol,Sa=_N,_x=Object.prototype,RN=_x.hasOwnProperty,IN=_x.toString,ao=Sa?Sa.toStringTag:void 0;function BN(e){var t=RN.call(e,ao),r=e[ao];try{e[ao]=void 0;var n=!0}catch{}var a=IN.call(e);return n&&(t?e[ao]=r:delete e[ao]),a}var TN=BN,zN=Object.prototype,LN=zN.toString;function ON(e){return LN.call(e)}var MN=ON,PN="[object Null]",$N="[object Undefined]",U4=Sa?Sa.toStringTag:void 0;function NN(e){return e==null?e===void 0?$N:PN:U4&&U4 in Object(e)?TN(e):MN(e)}var HN=NN,q4=Sa?Sa.prototype:void 0;q4&&q4.toString;function jN(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var Rx=jN,VN="[object AsyncFunction]",UN="[object Function]",qN="[object GeneratorFunction]",WN="[object Proxy]";function GN(e){if(!Rx(e))return!1;var t=HN(e);return t==UN||t==qN||t==VN||t==WN}var YN=GN,KN=lh["__core-js_shared__"],J0=KN,W4=function(){var e=/[^.]+$/.exec(J0&&J0.keys&&J0.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function ZN(e){return!!W4&&W4 in e}var JN=ZN,XN=Function.prototype,QN=XN.toString;function eH(e){if(e!=null){try{return QN.call(e)}catch{}try{return e+""}catch{}}return""}var tH=eH,rH=/[\\^$.*+?()[\]{}|]/g,nH=/^\[object .+?Constructor\]$/,aH=Function.prototype,oH=Object.prototype,iH=aH.toString,lH=oH.hasOwnProperty,sH=RegExp("^"+iH.call(lH).replace(rH,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function uH(e){if(!Rx(e)||JN(e))return!1;var t=YN(e)?sH:nH;return t.test(tH(e))}var cH=uH;function dH(e,t){return e==null?void 0:e[t]}var pH=dH;function fH(e,t){var r=pH(e,t);return cH(r)?r:void 0}var Ix=fH;function hH(e,t){return e===t||e!==e&&t!==t}var mH=hH,gH=Ix(Object,"create"),Yo=gH;function vH(){this.__data__=Yo?Yo(null):{},this.size=0}var yH=vH;function bH(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var wH=bH,EH="__lodash_hash_undefined__",xH=Object.prototype,DH=xH.hasOwnProperty;function CH(e){var t=this.__data__;if(Yo){var r=t[e];return r===EH?void 0:r}return DH.call(t,e)?t[e]:void 0}var SH=CH,kH=Object.prototype,AH=kH.hasOwnProperty;function FH(e){var t=this.__data__;return Yo?t[e]!==void 0:AH.call(t,e)}var _H=FH,RH="__lodash_hash_undefined__";function IH(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Yo&&t===void 0?RH:t,this}var BH=IH;function La(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t-1}var VH=jH;function UH(e,t){var r=this.__data__,n=vu(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this}var qH=UH;function Oa(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t{let t=null,r=!1,n=!1,a=!1,o="";if(e.indexOf("//")>=0||e.indexOf("/*")>=0)for(let i=0;i({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),YP=F.div({display:"flex",alignItems:"center",width:"100%"});function KP(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}var ZP=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:o=1,onBlur:i,onFocus:s,argType:c})=>{var f;let d=v=>{r(iP(v.target.value))},p=t!==void 0,m=l.useMemo(()=>KP(o),[o]),h=!!((f=c==null?void 0:c.table)!=null&&f.readonly);return y.createElement(YP,{"aria-readonly":h},y.createElement(Ex,null,n),y.createElement(WP,{id:yt(e),type:"range",disabled:h,onChange:d,name:e,value:t,min:n,max:a,step:o,onFocus:s,onBlur:i}),y.createElement(GP,{numberOFDecimalsPlaces:m,max:a},p?t.toFixed(m):"--"," / ",a))},JP=F.label({display:"flex"}),XP=F.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),QP=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:o,argType:i})=>{var f;let s=v=>{r(v.target.value)},c=!!((f=i==null?void 0:i.table)!=null&&f.readonly),[d,p]=l.useState(!1),m=l.useCallback(()=>{r(""),p(!0)},[p]);if(t===void 0)return y.createElement(Sn,{variant:"outline",size:"medium",disabled:c,id:hs(e),onClick:m},"Set string");let h=typeof t=="string";return y.createElement(JP,null,y.createElement(bi.Textarea,{id:yt(e),maxLength:o,onChange:s,disabled:c,size:"flex",placeholder:"Edit string...",autoFocus:d,valid:h?null:"error",name:e,value:h?t:"",onFocus:n,onBlur:a}),o&&y.createElement(XP,{isMaxed:(t==null?void 0:t.length)===o},(t==null?void 0:t.length)??0," / ",o))},e$=F(bi.Input)({padding:10});function t$(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var r$=({onChange:e,name:t,accept:r="image/*",value:n,argType:a})=>{var c;let o=l.useRef(null),i=(c=a==null?void 0:a.control)==null?void 0:c.readOnly;function s(d){if(!d.target.files)return;let p=Array.from(d.target.files).map(m=>URL.createObjectURL(m));e(p),t$(n)}return l.useEffect(()=>{n==null&&o.current&&(o.current.value=null)},[n,t]),y.createElement(e$,{ref:o,id:yt(t),type:"file",name:t,multiple:!0,disabled:i,onChange:s,accept:r,size:"flex"})},n$=l.lazy(()=>K4(()=>import("./Color-F6OSRLHC-CKZe07qN.js"),__vite__mapDeps([10,2,3,4,1,5,6,7,8,9]),import.meta.url)),a$=e=>y.createElement(l.Suspense,{fallback:y.createElement("div",null)},y.createElement(n$,{...e})),o$={array:$4,object:$4,boolean:XM,color:a$,date:aP,number:sP,check:Pn,"inline-check":Pn,radio:Pn,"inline-radio":Pn,select:Pn,"multi-select":Pn,range:ZP,text:QP,file:r$},N4=()=>y.createElement(y.Fragment,null,"-"),i$=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var g;let{key:a,control:o}=e,[i,s]=l.useState(!1),[c,d]=l.useState({value:t});l.useEffect(()=>{i||d({value:t})},[i,t]);let p=l.useCallback(w=>(d({value:w}),r({[a]:w}),w),[r,a]),m=l.useCallback(()=>s(!1),[]),h=l.useCallback(()=>s(!0),[]);if(!o||o.disable){let w=(o==null?void 0:o.disable)!==!0&&((g=e==null?void 0:e.type)==null?void 0:g.name)!=="function";return n&&w?y.createElement(oa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):y.createElement(N4,null)}let f={name:a,argType:e,value:c.value,onChange:p,onBlur:m,onFocus:h},v=o$[o.type]||N4;return y.createElement(v,{...f,...o,controlType:o.type})},l$=F.table(({theme:e})=>({"&&":{borderCollapse:"collapse",borderSpacing:0,border:"none",tr:{border:"none !important",background:"none"},"td, th":{padding:0,border:"none",width:"auto!important"},marginTop:0,marginBottom:0,"th:first-of-type, td:first-of-type":{paddingLeft:0},"th:last-of-type, td:last-of-type":{paddingRight:0},td:{paddingTop:0,paddingBottom:4,"&:not(:first-of-type)":{paddingLeft:10,paddingRight:0}},tbody:{boxShadow:"none",border:"none"},code:Lr({theme:e}),div:{span:{fontWeight:"bold"}},"& code":{margin:0,display:"inline-block",fontSize:e.typography.size.s1}}})),s$=({tags:e})=>{let t=(e.params||[]).filter(o=>o.description),r=t.length!==0,n=e.deprecated!=null,a=e.returns!=null&&e.returns.description!=null;return!r&&!a&&!n?null:y.createElement(y.Fragment,null,y.createElement(l$,null,y.createElement("tbody",null,n&&y.createElement("tr",{key:"deprecated"},y.createElement("td",{colSpan:2},y.createElement("strong",null,"Deprecated"),": ",e.deprecated.toString())),r&&t.map(o=>y.createElement("tr",{key:o.name},y.createElement("td",null,y.createElement("code",null,o.name)),y.createElement("td",null,o.description))),a&&y.createElement("tr",{key:"returns"},y.createElement("td",null,y.createElement("code",null,"Returns")),y.createElement("td",null,e.returns.description)))))},u$=Y1(L9()),U1=8,H4=F.div(({isExpanded:e})=>({display:"flex",flexDirection:e?"column":"row",flexWrap:"wrap",alignItems:"flex-start",marginBottom:"-4px",minWidth:100})),c$=F.span(Lr,({theme:e,simple:t=!1})=>({flex:"0 0 auto",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,wordBreak:"break-word",whiteSpace:"normal",maxWidth:"100%",margin:0,marginRight:"4px",marginBottom:"4px",paddingTop:"2px",paddingBottom:"2px",lineHeight:"13px",...t&&{background:"transparent",border:"0 none",paddingLeft:0}})),d$=F.button(({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,marginBottom:"4px",background:"none",border:"none"})),p$=F.div(Lr,({theme:e})=>({fontFamily:e.typography.fonts.mono,color:e.color.secondary,fontSize:e.typography.size.s1,margin:0,whiteSpace:"nowrap",display:"flex",alignItems:"center"})),f$=F.div(({theme:e,width:t})=>({width:t,minWidth:200,maxWidth:800,padding:15,fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,boxSizing:"content-box","& code":{padding:"0 !important"}})),h$=F(FL)({marginLeft:4}),m$=F(z9)({marginLeft:4}),g$=()=>y.createElement("span",null,"-"),xx=({text:e,simple:t})=>y.createElement(c$,{simple:t},e),v$=(0,u$.default)(1e3)(e=>{let t=e.split(/\r?\n/);return`${Math.max(...t.map(r=>r.length))}ch`}),y$=e=>{if(!e)return[e];let t=e.split("|").map(r=>r.trim());return Qx(t)},j4=(e,t=!0)=>{let r=e;return t||(r=e.slice(0,U1)),r.map(n=>y.createElement(xx,{key:n,text:n===""?'""':n}))},b$=({value:e,initialExpandedArgs:t})=>{let{summary:r,detail:n}=e,[a,o]=l.useState(!1),[i,s]=l.useState(t||!1);if(r==null)return null;let c=typeof r.toString=="function"?r.toString():r;if(n==null){if(/[(){}[\]<>]/.test(c))return y.createElement(xx,{text:c});let d=y$(c),p=d.length;return p>U1?y.createElement(H4,{isExpanded:i},j4(d,i),y.createElement(d$,{onClick:()=>s(!i)},i?"Show less...":`Show ${p-U1} more...`)):y.createElement(H4,null,j4(d))}return y.createElement(gz,{closeOnOutsideClick:!0,placement:"bottom",visible:a,onVisibleChange:d=>{o(d)},tooltip:y.createElement(f$,{width:v$(n)},y.createElement(jf,{language:"jsx",format:!1},n))},y.createElement(p$,{className:"sbdocs-expandable"},y.createElement("span",null,c),a?y.createElement(h$,null):y.createElement(m$,null)))},K0=({value:e,initialExpandedArgs:t})=>e==null?y.createElement(g$,null):y.createElement(b$,{value:e,initialExpandedArgs:t}),w$=F.span({fontWeight:"bold"}),E$=F.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),x$=F.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...Lr({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),D$=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?oe(.1,e.color.defaultText):oe(.2,e.color.defaultText),marginTop:t?4:0})),C$=F.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?oe(.1,e.color.defaultText):oe(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),S$=F.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),k$=e=>e&&{summary:typeof e=="string"?e:e.name},Qi=e=>{var g;let[t,r]=l.useState(!1),{row:n,updateArgs:a,compact:o,expandable:i,initialExpandedArgs:s}=e,{name:c,description:d}=n,p=n.table||{},m=p.type||k$(n.type),h=p.defaultValue||n.defaultValue,f=(g=n.type)==null?void 0:g.required,v=d!=null&&d!=="";return y.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},y.createElement(S$,{expandable:i},y.createElement(w$,null,c),f?y.createElement(E$,{title:"Required"},"*"):null),o?null:y.createElement("td",null,v&&y.createElement(x$,null,y.createElement(ux,null,d)),p.jsDocTags!=null?y.createElement(y.Fragment,null,y.createElement(C$,{hasDescription:v},y.createElement(K0,{value:m,initialExpandedArgs:s})),y.createElement(s$,{tags:p.jsDocTags})):y.createElement(D$,{hasDescription:v},y.createElement(K0,{value:m,initialExpandedArgs:s}))),o?null:y.createElement("td",null,y.createElement(K0,{value:h,initialExpandedArgs:s})),a?y.createElement("td",null,y.createElement(i$,{...e,isHovered:t})):null)},A$=F.div(({inAddonPanel:e,theme:t})=>({height:e?"100%":"auto",display:"flex",border:e?"none":`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:t.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),F$=F.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),_$=F.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),R$=({inAddonPanel:e})=>{let[t,r]=l.useState(!0);return l.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:y.createElement(A$,{inAddonPanel:e},y.createElement(A9,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:y.createElement(y.Fragment,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically."),footer:y.createElement(F$,null,e&&y.createElement(y.Fragment,null,y.createElement(oa,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},y.createElement(xL,null)," Watch 5m video"),y.createElement(_$,null),y.createElement(oa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(z1,null)," Read docs")),!e&&y.createElement(oa,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},y.createElement(z1,null)," Learn how to set that up"))}))},I$=F(kL)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?oe(.25,e.color.defaultText):oe(.3,e.color.defaultText),border:"none",display:"inline-block"})),B$=F(AL)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?oe(.25,e.color.defaultText):oe(.3,e.color.defaultText),border:"none",display:"inline-block"})),T$=F.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),z$=F.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),L$=F.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),O$=F.td(()=>({position:"relative"})),M$=F.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${Kr(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),V4=F.button(()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"})),Z0=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[o,i]=l.useState(n),s=e==="subsection"?L$:z$,c=(r==null?void 0:r.length)||0,d=e==="subsection"?`${c} item${c!==1?"s":""}`:"",p=`${o?"Hide":"Show"} ${e==="subsection"?c:t} item${c!==1?"s":""}`;return y.createElement(y.Fragment,null,y.createElement(M$,{title:p},y.createElement(s,{colSpan:1},y.createElement(V4,{onClick:m=>i(!o),tabIndex:0},p),y.createElement(T$,null,o?y.createElement(I$,null):y.createElement(B$,null),t)),y.createElement(O$,{colSpan:a-1},y.createElement(V4,{onClick:m=>i(!o),tabIndex:-1,style:{outline:"none"}},p),o?null:d)),o?r:null)},el=F.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),Ae=F.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),me=F.div(({theme:e,width:t,height:r})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:r||16,borderRadius:3})),Fe=[2,4,2,2],P$=()=>y.createElement(y.Fragment,null,y.createElement(el,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(el,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(el,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"}))),y.createElement(el,null,y.createElement(Ae,{numColumn:Fe[0]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[1]},y.createElement(me,{width:"80%"}),y.createElement(me,{width:"30%"})),y.createElement(Ae,{numColumn:Fe[2]},y.createElement(me,{width:"60%"})),y.createElement(Ae,{numColumn:Fe[3]},y.createElement(me,{width:"60%"})))),$$=F.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:r?0:25,marginBottom:r?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?oe(.25,e.color.defaultText):oe(.45,e.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:r?0:1,marginRight:r?0:1,tbody:{...r?null:{filter:e.base==="light"?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...r?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),N$=F(sn)(({theme:e})=>({margin:"-4px -12px -4px 0"})),H$=F.span({display:"flex",justifyContent:"space-between"}),j$={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var r,n;return+!!((r=t.type)!=null&&r.required)-+!!((n=e.type)!=null&&n.required)||e.name.localeCompare(t.name)},none:void 0},V$=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([o,i])=>{let{category:s,subcategory:c}=(i==null?void 0:i.table)||{};if(s){let d=r.sections[s]||{ungrouped:[],subsections:{}};if(!c)d.ungrouped.push({key:o,...i});else{let p=d.subsections[c]||[];p.push({key:o,...i}),d.subsections[c]=p}r.sections[s]=d}else if(c){let d=r.ungroupedSubsections[c]||[];d.push({key:o,...i}),r.ungroupedSubsections[c]=d}else r.ungrouped.push({key:o,...i})});let n=j$[t],a=o=>n?Object.keys(o).reduce((i,s)=>({...i,[s]:o[s].sort(n)}),{}):o;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((o,i)=>({...o,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},U$=(e,t,r)=>{try{return qx(e,t,r)}catch(n){return IL.warn(n.message),!1}},q1=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:o,sort:i="none",isLoading:s}=e;if("error"in e){let{error:D}=e;return y.createElement(N9,null,D," ",y.createElement(oa,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},y.createElement(z1,null)," Read the docs"))}if(s)return y.createElement(P$,null);let{rows:c,args:d,globals:p}="rows"in e&&e,m=V$(eD(c||{},D=>{var E;return!((E=D==null?void 0:D.table)!=null&&E.disable)&&U$(D,d||{},p||{})}),i),h=m.ungrouped.length===0,f=Object.entries(m.sections).length===0,v=Object.entries(m.ungroupedSubsections).length===0;if(h&&f&&v)return y.createElement(R$,{inAddonPanel:a});let g=1;t&&(g+=1),n||(g+=2);let w=Object.keys(m.sections).length>0,x={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:o};return y.createElement(Hf,null,y.createElement($$,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},y.createElement("thead",{className:"docblock-argstable-head"},y.createElement("tr",null,y.createElement("th",null,y.createElement("span",null,"Name")),n?null:y.createElement("th",null,y.createElement("span",null,"Description")),n?null:y.createElement("th",null,y.createElement("span",null,"Default")),t?y.createElement("th",null,y.createElement(H$,null,"Control"," ",!s&&r&&y.createElement(N$,{onClick:()=>r(),title:"Reset controls"},y.createElement(_L,{"aria-hidden":!0})))):null)),y.createElement("tbody",{className:"docblock-argstable-body"},m.ungrouped.map(D=>y.createElement(Qi,{key:D.key,row:D,arg:d&&d[D.key],...x})),Object.entries(m.ungroupedSubsections).map(([D,E])=>y.createElement(Z0,{key:D,label:D,level:"subsection",colSpan:g},E.map(b=>y.createElement(Qi,{key:b.key,row:b,arg:d&&d[b.key],expandable:w,...x})))),Object.entries(m.sections).map(([D,E])=>y.createElement(Z0,{key:D,label:D,level:"section",colSpan:g},E.ungrouped.map(b=>y.createElement(Qi,{key:b.key,row:b,arg:d&&d[b.key],...x})),Object.entries(E.subsections).map(([b,C])=>y.createElement(Z0,{key:b,label:b,level:"subsection",colSpan:g},C.map(S=>y.createElement(Qi,{key:S.key,row:S,arg:d&&d[S.key],expandable:w,...x})))))))))},q$=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?y.createElement(q1,{...r[0][1],...t}):y.createElement(Xz,null,r.map((n,a)=>{let[o,i]=n,s=`prop_table_div_${o}`,c="div",d=a===0?t:{sort:t.sort};return y.createElement(c,{key:s,id:s,title:o},({active:p})=>p?y.createElement(q1,{key:`prop_table_${o}`,...i,...d}):null)}))},W$=F.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText)})),G$=F.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"}),Y$=F.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}}),K$=F.div(se,({theme:e})=>({...hu(e),margin:"25px 0 40px",padding:"30px 20px"})),WV=({fontFamily:e,fontSizes:t,fontWeight:r,sampleText:n,...a})=>y.createElement(K$,{...a,className:"docblock-typeset sb-unstyled"},t.map(o=>y.createElement(Y$,{key:o},y.createElement(W$,null,o),y.createElement(G$,{style:{fontFamily:e,fontSize:o,fontWeight:r,lineHeight:1.2}},n||"Was he a beast if music could move him so?"))));F.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));F.div(({theme:e})=>({color:e.base==="light"?oe(.2,e.color.defaultText):oe(.6,e.color.defaultText)}));F.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});F.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));F.div({display:"flex",flexDirection:"row"});F.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));F.div(({theme:e})=>({...hu(e),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));F.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});F.div({flex:1,display:"flex",flexDirection:"row"});F.div({display:"flex",alignItems:"flex-start"});F.div({flex:"0 0 30%"});F.div({flex:1});F.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?oe(.4,e.color.defaultText):oe(.6,e.color.defaultText)}));F.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));var Z$=F.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2})),J$=F.div(({theme:e})=>({...hu(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}})),X$=F.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"}),Q$=F.div({display:"flex",flexFlow:"row wrap"}),GV=({name:e,children:t})=>y.createElement(X$,null,y.createElement(J$,null,t),y.createElement(Z$,null,e)),YV=({children:e,...t})=>y.createElement(Hf,null,y.createElement(Q$,{...t,className:"docblock-icongallery sb-unstyled"},e)),eN=e=>`anchor--${e}`,Dx=({storyId:e,children:t})=>y.createElement("div",{id:eN(e),className:"sb-anchor"},t);globalThis&&globalThis.__DOCS_CONTEXT__===void 0&&(globalThis.__DOCS_CONTEXT__=l.createContext(null),globalThis.__DOCS_CONTEXT__.displayName="DocsContext");var et=globalThis?globalThis.__DOCS_CONTEXT__:l.createContext(null),kn=(e,t)=>l.useContext(et).resolveOf(e,t),tN=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),rN=e=>{if(e)return typeof e=="string"?e.includes("-")?tN(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function nN(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}var aN=Object.create,Cx=Object.defineProperty,oN=Object.getOwnPropertyDescriptor,Sx=Object.getOwnPropertyNames,iN=Object.getPrototypeOf,lN=Object.prototype.hasOwnProperty,tt=(e,t)=>function(){return t||(0,e[Sx(e)[0]])((t={exports:{}}).exports,t),t.exports},sN=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Sx(t))!lN.call(e,a)&&a!==r&&Cx(e,a,{get:()=>t[a],enumerable:!(n=oN(t,a))||n.enumerable});return e},oh=(e,t,r)=>(r=e!=null?aN(iN(e)):{},sN(!e||!e.__esModule?Cx(r,"default",{value:e,enumerable:!0}):r,e)),uN=["bubbles","cancelBubble","cancelable","composed","currentTarget","defaultPrevented","eventPhase","isTrusted","returnValue","srcElement","target","timeStamp","type"],cN=["detail"];function dN(e){let t=uN.filter(r=>e[r]!==void 0).reduce((r,n)=>({...r,[n]:e[n]}),{});return e instanceof CustomEvent&&cN.filter(r=>e[r]!==void 0).forEach(r=>{t[r]=e[r]}),t}var pN=Y1(L9(),1),kx=tt({"node_modules/has-symbols/shams.js"(e,t){t.exports=function(){if(typeof Symbol!="function"||typeof Object.getOwnPropertySymbols!="function")return!1;if(typeof Symbol.iterator=="symbol")return!0;var r={},n=Symbol("test"),a=Object(n);if(typeof n=="string"||Object.prototype.toString.call(n)!=="[object Symbol]"||Object.prototype.toString.call(a)!=="[object Symbol]")return!1;var o=42;r[n]=o;for(n in r)return!1;if(typeof Object.keys=="function"&&Object.keys(r).length!==0||typeof Object.getOwnPropertyNames=="function"&&Object.getOwnPropertyNames(r).length!==0)return!1;var i=Object.getOwnPropertySymbols(r);if(i.length!==1||i[0]!==n||!Object.prototype.propertyIsEnumerable.call(r,n))return!1;if(typeof Object.getOwnPropertyDescriptor=="function"){var s=Object.getOwnPropertyDescriptor(r,n);if(s.value!==o||s.enumerable!==!0)return!1}return!0}}}),Ax=tt({"node_modules/has-symbols/index.js"(e,t){var r=typeof Symbol<"u"&&Symbol,n=kx();t.exports=function(){return typeof r!="function"||typeof Symbol!="function"||typeof r("foo")!="symbol"||typeof Symbol("bar")!="symbol"?!1:n()}}}),fN=tt({"node_modules/function-bind/implementation.js"(e,t){var r="Function.prototype.bind called on incompatible ",n=Array.prototype.slice,a=Object.prototype.toString,o="[object Function]";t.exports=function(i){var s=this;if(typeof s!="function"||a.call(s)!==o)throw new TypeError(r+s);for(var c=n.call(arguments,1),d,p=function(){if(this instanceof d){var g=s.apply(this,c.concat(n.call(arguments)));return Object(g)===g?g:this}else return s.apply(i,c.concat(n.call(arguments)))},m=Math.max(0,s.length-c.length),h=[],f=0;f"u"?r:m(Uint8Array),v={"%AggregateError%":typeof AggregateError>"u"?r:AggregateError,"%Array%":Array,"%ArrayBuffer%":typeof ArrayBuffer>"u"?r:ArrayBuffer,"%ArrayIteratorPrototype%":p?m([][Symbol.iterator]()):r,"%AsyncFromSyncIteratorPrototype%":r,"%AsyncFunction%":h,"%AsyncGenerator%":h,"%AsyncGeneratorFunction%":h,"%AsyncIteratorPrototype%":h,"%Atomics%":typeof Atomics>"u"?r:Atomics,"%BigInt%":typeof BigInt>"u"?r:BigInt,"%Boolean%":Boolean,"%DataView%":typeof DataView>"u"?r:DataView,"%Date%":Date,"%decodeURI%":decodeURI,"%decodeURIComponent%":decodeURIComponent,"%encodeURI%":encodeURI,"%encodeURIComponent%":encodeURIComponent,"%Error%":Error,"%eval%":eval,"%EvalError%":EvalError,"%Float32Array%":typeof Float32Array>"u"?r:Float32Array,"%Float64Array%":typeof Float64Array>"u"?r:Float64Array,"%FinalizationRegistry%":typeof FinalizationRegistry>"u"?r:FinalizationRegistry,"%Function%":a,"%GeneratorFunction%":h,"%Int8Array%":typeof Int8Array>"u"?r:Int8Array,"%Int16Array%":typeof Int16Array>"u"?r:Int16Array,"%Int32Array%":typeof Int32Array>"u"?r:Int32Array,"%isFinite%":isFinite,"%isNaN%":isNaN,"%IteratorPrototype%":p?m(m([][Symbol.iterator]())):r,"%JSON%":typeof JSON=="object"?JSON:r,"%Map%":typeof Map>"u"?r:Map,"%MapIteratorPrototype%":typeof Map>"u"||!p?r:m(new Map()[Symbol.iterator]()),"%Math%":Math,"%Number%":Number,"%Object%":Object,"%parseFloat%":parseFloat,"%parseInt%":parseInt,"%Promise%":typeof Promise>"u"?r:Promise,"%Proxy%":typeof Proxy>"u"?r:Proxy,"%RangeError%":RangeError,"%ReferenceError%":ReferenceError,"%Reflect%":typeof Reflect>"u"?r:Reflect,"%RegExp%":RegExp,"%Set%":typeof Set>"u"?r:Set,"%SetIteratorPrototype%":typeof Set>"u"||!p?r:m(new Set()[Symbol.iterator]()),"%SharedArrayBuffer%":typeof SharedArrayBuffer>"u"?r:SharedArrayBuffer,"%String%":String,"%StringIteratorPrototype%":p?m(""[Symbol.iterator]()):r,"%Symbol%":p?Symbol:r,"%SyntaxError%":n,"%ThrowTypeError%":d,"%TypedArray%":f,"%TypeError%":o,"%Uint8Array%":typeof Uint8Array>"u"?r:Uint8Array,"%Uint8ClampedArray%":typeof Uint8ClampedArray>"u"?r:Uint8ClampedArray,"%Uint16Array%":typeof Uint16Array>"u"?r:Uint16Array,"%Uint32Array%":typeof Uint32Array>"u"?r:Uint32Array,"%URIError%":URIError,"%WeakMap%":typeof WeakMap>"u"?r:WeakMap,"%WeakRef%":typeof WeakRef>"u"?r:WeakRef,"%WeakSet%":typeof WeakSet>"u"?r:WeakSet},g=function z(L){var M;if(L==="%AsyncFunction%")M=i("async function () {}");else if(L==="%GeneratorFunction%")M=i("function* () {}");else if(L==="%AsyncGeneratorFunction%")M=i("async function* () {}");else if(L==="%AsyncGenerator%"){var O=z("%AsyncGeneratorFunction%");O&&(M=O.prototype)}else if(L==="%AsyncIteratorPrototype%"){var P=z("%AsyncGenerator%");P&&(M=m(P.prototype))}return v[L]=M,M},w={"%ArrayBufferPrototype%":["ArrayBuffer","prototype"],"%ArrayPrototype%":["Array","prototype"],"%ArrayProto_entries%":["Array","prototype","entries"],"%ArrayProto_forEach%":["Array","prototype","forEach"],"%ArrayProto_keys%":["Array","prototype","keys"],"%ArrayProto_values%":["Array","prototype","values"],"%AsyncFunctionPrototype%":["AsyncFunction","prototype"],"%AsyncGenerator%":["AsyncGeneratorFunction","prototype"],"%AsyncGeneratorPrototype%":["AsyncGeneratorFunction","prototype","prototype"],"%BooleanPrototype%":["Boolean","prototype"],"%DataViewPrototype%":["DataView","prototype"],"%DatePrototype%":["Date","prototype"],"%ErrorPrototype%":["Error","prototype"],"%EvalErrorPrototype%":["EvalError","prototype"],"%Float32ArrayPrototype%":["Float32Array","prototype"],"%Float64ArrayPrototype%":["Float64Array","prototype"],"%FunctionPrototype%":["Function","prototype"],"%Generator%":["GeneratorFunction","prototype"],"%GeneratorPrototype%":["GeneratorFunction","prototype","prototype"],"%Int8ArrayPrototype%":["Int8Array","prototype"],"%Int16ArrayPrototype%":["Int16Array","prototype"],"%Int32ArrayPrototype%":["Int32Array","prototype"],"%JSONParse%":["JSON","parse"],"%JSONStringify%":["JSON","stringify"],"%MapPrototype%":["Map","prototype"],"%NumberPrototype%":["Number","prototype"],"%ObjectPrototype%":["Object","prototype"],"%ObjProto_toString%":["Object","prototype","toString"],"%ObjProto_valueOf%":["Object","prototype","valueOf"],"%PromisePrototype%":["Promise","prototype"],"%PromiseProto_then%":["Promise","prototype","then"],"%Promise_all%":["Promise","all"],"%Promise_reject%":["Promise","reject"],"%Promise_resolve%":["Promise","resolve"],"%RangeErrorPrototype%":["RangeError","prototype"],"%ReferenceErrorPrototype%":["ReferenceError","prototype"],"%RegExpPrototype%":["RegExp","prototype"],"%SetPrototype%":["Set","prototype"],"%SharedArrayBufferPrototype%":["SharedArrayBuffer","prototype"],"%StringPrototype%":["String","prototype"],"%SymbolPrototype%":["Symbol","prototype"],"%SyntaxErrorPrototype%":["SyntaxError","prototype"],"%TypedArrayPrototype%":["TypedArray","prototype"],"%TypeErrorPrototype%":["TypeError","prototype"],"%Uint8ArrayPrototype%":["Uint8Array","prototype"],"%Uint8ClampedArrayPrototype%":["Uint8ClampedArray","prototype"],"%Uint16ArrayPrototype%":["Uint16Array","prototype"],"%Uint32ArrayPrototype%":["Uint32Array","prototype"],"%URIErrorPrototype%":["URIError","prototype"],"%WeakMapPrototype%":["WeakMap","prototype"],"%WeakSetPrototype%":["WeakSet","prototype"]},x=ih(),D=hN(),E=x.call(Function.call,Array.prototype.concat),b=x.call(Function.apply,Array.prototype.splice),C=x.call(Function.call,String.prototype.replace),S=x.call(Function.call,String.prototype.slice),k=x.call(Function.call,RegExp.prototype.exec),A=/[^%.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|%$))/g,_=/\\(\\)?/g,I=function(z){var L=S(z,0,1),M=S(z,-1);if(L==="%"&&M!=="%")throw new n("invalid intrinsic syntax, expected closing `%`");if(M==="%"&&L!=="%")throw new n("invalid intrinsic syntax, expected opening `%`");var O=[];return C(z,A,function(P,j,U,V){O[O.length]=U?C(V,_,"$1"):j||P}),O},B=function(z,L){var M=z,O;if(D(w,M)&&(O=w[M],M="%"+O[0]+"%"),D(v,M)){var P=v[M];if(P===h&&(P=g(M)),typeof P>"u"&&!L)throw new o("intrinsic "+z+" exists, but is not available. Please file an issue!");return{alias:O,name:M,value:P}}throw new n("intrinsic "+z+" does not exist!")};t.exports=function(z,L){if(typeof z!="string"||z.length===0)throw new o("intrinsic name must be a non-empty string");if(arguments.length>1&&typeof L!="boolean")throw new o('"allowMissing" argument must be a boolean');if(k(/^%?[^%]*%?$/,z)===null)throw new n("`%` may not be present anywhere but at the beginning and end of the intrinsic name");var M=I(z),O=M.length>0?M[0]:"",P=B("%"+O+"%",L),j=P.name,U=P.value,V=!1,G=P.alias;G&&(O=G[0],b(M,E([0,1],G)));for(var Q=1,ne=!0;Q=M.length){var K=s(U,Z);ne=!!K,ne&&"get"in K&&!("originalValue"in K.get)?U=K.get:U=U[Z]}else ne=D(U,Z),U=U[Z];ne&&!V&&(v[j]=U)}}return U}}}),mN=tt({"node_modules/call-bind/index.js"(e,t){var r=ih(),n=Fx(),a=n("%Function.prototype.apply%"),o=n("%Function.prototype.call%"),i=n("%Reflect.apply%",!0)||r.call(o,a),s=n("%Object.getOwnPropertyDescriptor%",!0),c=n("%Object.defineProperty%",!0),d=n("%Math.max%");if(c)try{c({},"a",{value:1})}catch{c=null}t.exports=function(m){var h=i(r,o,arguments);if(s&&c){var f=s(h,"length");f.configurable&&c(h,"length",{value:1+d(0,m.length-(arguments.length-1))})}return h};var p=function(){return i(r,a,arguments)};c?c(t.exports,"apply",{value:p}):t.exports.apply=p}}),gN=tt({"node_modules/call-bind/callBound.js"(e,t){var r=Fx(),n=mN(),a=n(r("String.prototype.indexOf"));t.exports=function(o,i){var s=r(o,!!i);return typeof s=="function"&&a(o,".prototype.")>-1?n(s):s}}}),vN=tt({"node_modules/has-tostringtag/shams.js"(e,t){var r=kx();t.exports=function(){return r()&&!!Symbol.toStringTag}}}),yN=tt({"node_modules/is-regex/index.js"(e,t){var r=gN(),n=vN()(),a,o,i,s;n&&(a=r("Object.prototype.hasOwnProperty"),o=r("RegExp.prototype.exec"),i={},c=function(){throw i},s={toString:c,valueOf:c},typeof Symbol.toPrimitive=="symbol"&&(s[Symbol.toPrimitive]=c));var c,d=r("Object.prototype.toString"),p=Object.getOwnPropertyDescriptor,m="[object RegExp]";t.exports=n?function(h){if(!h||typeof h!="object")return!1;var f=p(h,"lastIndex"),v=f&&a(f,"value");if(!v)return!1;try{o(h,s)}catch(g){return g===i}}:function(h){return!h||typeof h!="object"&&typeof h!="function"?!1:d(h)===m}}}),bN=tt({"node_modules/is-function/index.js"(e,t){t.exports=n;var r=Object.prototype.toString;function n(a){if(!a)return!1;var o=r.call(a);return o==="[object Function]"||typeof a=="function"&&o!=="[object RegExp]"||typeof window<"u"&&(a===window.setTimeout||a===window.alert||a===window.confirm||a===window.prompt)}}}),wN=tt({"node_modules/is-symbol/index.js"(e,t){var r=Object.prototype.toString,n=Ax()();n?(a=Symbol.prototype.toString,o=/^Symbol\(.*\)$/,i=function(s){return typeof s.valueOf()!="symbol"?!1:o.test(a.call(s))},t.exports=function(s){if(typeof s=="symbol")return!0;if(r.call(s)!=="[object Symbol]")return!1;try{return i(s)}catch{return!1}}):t.exports=function(s){return!1};var a,o,i}}),EN=oh(yN()),xN=oh(bN()),DN=oh(wN());function CN(e){return e!=null&&typeof e=="object"&&Array.isArray(e)===!1}var SN=typeof global=="object"&&global&&global.Object===Object&&global,kN=SN,AN=typeof self=="object"&&self&&self.Object===Object&&self,FN=kN||AN||Function("return this")(),lh=FN,_N=lh.Symbol,Sa=_N,_x=Object.prototype,RN=_x.hasOwnProperty,IN=_x.toString,ao=Sa?Sa.toStringTag:void 0;function BN(e){var t=RN.call(e,ao),r=e[ao];try{e[ao]=void 0;var n=!0}catch{}var a=IN.call(e);return n&&(t?e[ao]=r:delete e[ao]),a}var TN=BN,zN=Object.prototype,LN=zN.toString;function ON(e){return LN.call(e)}var MN=ON,PN="[object Null]",$N="[object Undefined]",U4=Sa?Sa.toStringTag:void 0;function NN(e){return e==null?e===void 0?$N:PN:U4&&U4 in Object(e)?TN(e):MN(e)}var HN=NN,q4=Sa?Sa.prototype:void 0;q4&&q4.toString;function jN(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var Rx=jN,VN="[object AsyncFunction]",UN="[object Function]",qN="[object GeneratorFunction]",WN="[object Proxy]";function GN(e){if(!Rx(e))return!1;var t=HN(e);return t==UN||t==qN||t==VN||t==WN}var YN=GN,KN=lh["__core-js_shared__"],J0=KN,W4=function(){var e=/[^.]+$/.exec(J0&&J0.keys&&J0.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function ZN(e){return!!W4&&W4 in e}var JN=ZN,XN=Function.prototype,QN=XN.toString;function eH(e){if(e!=null){try{return QN.call(e)}catch{}try{return e+""}catch{}}return""}var tH=eH,rH=/[\\^$.*+?()[\]{}|]/g,nH=/^\[object .+?Constructor\]$/,aH=Function.prototype,oH=Object.prototype,iH=aH.toString,lH=oH.hasOwnProperty,sH=RegExp("^"+iH.call(lH).replace(rH,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function uH(e){if(!Rx(e)||JN(e))return!1;var t=YN(e)?sH:nH;return t.test(tH(e))}var cH=uH;function dH(e,t){return e==null?void 0:e[t]}var pH=dH;function fH(e,t){var r=pH(e,t);return cH(r)?r:void 0}var Ix=fH;function hH(e,t){return e===t||e!==e&&t!==t}var mH=hH,gH=Ix(Object,"create"),Yo=gH;function vH(){this.__data__=Yo?Yo(null):{},this.size=0}var yH=vH;function bH(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var wH=bH,EH="__lodash_hash_undefined__",xH=Object.prototype,DH=xH.hasOwnProperty;function CH(e){var t=this.__data__;if(Yo){var r=t[e];return r===EH?void 0:r}return DH.call(t,e)?t[e]:void 0}var SH=CH,kH=Object.prototype,AH=kH.hasOwnProperty;function FH(e){var t=this.__data__;return Yo?t[e]!==void 0:AH.call(t,e)}var _H=FH,RH="__lodash_hash_undefined__";function IH(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=Yo&&t===void 0?RH:t,this}var BH=IH;function La(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t-1}var VH=jH;function UH(e,t){var r=this.__data__,n=vu(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this}var qH=UH;function Oa(e){var t=-1,r=e==null?0:e.length;for(this.clear();++t{let t=null,r=!1,n=!1,a=!1,o="";if(e.indexOf("//")>=0||e.indexOf("/*")>=0)for(let i=0;igj(e).replace(/\n\s*/g,"").trim()),yj=function(e,t){let r=t.slice(0,t.indexOf("{")),n=t.slice(t.indexOf("{"));if(r.includes("=>")||r.includes("function"))return t;let a=r;return a=a.replace(e,"function"),a+n},bj=/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{3})?Z$/;function Tx(e){if(!mj(e))return e;let t=e,r=!1;return typeof Event<"u"&&e instanceof Event&&(t=dN(t),r=!0),t=Object.keys(t).reduce((n,a)=>{try{t[a]&&t[a].toJSON,n[a]=t[a]}catch{r=!0}return n},{}),r?t:e}var wj=function(e){let t,r,n,a;return function(o,i){try{if(o==="")return a=[],t=new Map([[i,"[]"]]),r=new Map,n=[],i;let s=r.get(this)||this;for(;n.length&&s!==n[0];)n.shift(),a.pop();if(typeof i=="boolean")return i;if(i===void 0)return e.allowUndefined?"_undefined_":void 0;if(i===null)return null;if(typeof i=="number")return i===-1/0?"_-Infinity_":i===1/0?"_Infinity_":Number.isNaN(i)?"_NaN_":i;if(typeof i=="bigint")return`_bigint_${i.toString()}`;if(typeof i=="string")return bj.test(i)?e.allowDate?`_date_${i}`:void 0:i;if((0,EN.default)(i))return e.allowRegExp?`_regexp_${i.flags}|${i.source}`:void 0;if((0,xN.default)(i)){if(!e.allowFunction)return;let{name:d}=i,p=i.toString();return p.match(/(\[native code\]|WEBPACK_IMPORTED_MODULE|__webpack_exports__|__webpack_require__)/)?`_function_${d}|${(()=>{}).toString()}`:`_function_${d}|${vj(yj(o,p))}`}if((0,DN.default)(i)){if(!e.allowSymbol)return;let d=Symbol.keyFor(i);return d!==void 0?`_gsymbol_${d}`:`_symbol_${i.toString().slice(7,-1)}`}if(n.length>=e.maxDepth)return Array.isArray(i)?`[Array(${i.length})]`:"[Object]";if(i===this)return`_duplicate_${JSON.stringify(a)}`;if(i instanceof Error&&e.allowError)return{__isConvertedError__:!0,errorProperties:{...i.cause?{cause:i.cause}:{},...i,name:i.name,message:i.message,stack:i.stack,"_constructor-name_":i.constructor.name}};if(i.constructor&&i.constructor.name&&i.constructor.name!=="Object"&&!Array.isArray(i)&&!e.allowClass)return;let c=t.get(i);if(!c){let d=Array.isArray(i)?i:Tx(i);if(i.constructor&&i.constructor.name&&i.constructor.name!=="Object"&&!Array.isArray(i)&&e.allowClass)try{Object.assign(d,{"_constructor-name_":i.constructor.name})}catch{}return a.push(o),n.unshift(d),t.set(i,JSON.stringify(a)),i!==d&&r.set(i,d),d}return`_duplicate_${c}`}catch{return}}},Ej={maxDepth:10,space:void 0,allowFunction:!0,allowRegExp:!0,allowDate:!0,allowClass:!0,allowError:!0,allowUndefined:!0,allowSymbol:!0,lazyEval:!0},xj=(e,t={})=>{let r={...Ej,...t};return JSON.stringify(Tx(e),wj(r),t.space)};function zx(e){return xj(e,{allowFunction:!1})}var uh=l.createContext({sources:{}}),Lx="--unknown--",Dj=({children:e,channel:t})=>{let[r,n]=l.useState({});return l.useEffect(()=>{let a=(o,i=null,s=!1)=>{let{id:c,args:d=void 0,source:p,format:m}=typeof o=="string"?{id:o,source:i,format:s}:o,h=d?zx(d):Lx;n(f=>({...f,[c]:{...f[c],[h]:{code:p,format:m}}}))};return t.on(gh,a),()=>t.off(gh,a)},[]),y.createElement(uh.Provider,{value:{sources:r}},e)},Cj=(e,t,r)=>{let{sources:n}=r,a=n==null?void 0:n[e];return(a==null?void 0:a[zx(t)])||(a==null?void 0:a[Lx])||{code:""}},Sj=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var c,d;let{__isArgsStory:a}=t.parameters,o=((c=t.parameters.docs)==null?void 0:c.source)||{},i=r||o.type||Eu.AUTO;if(o.code!==void 0)return o.code;let s=i===Eu.DYNAMIC||i===Eu.AUTO&&e&&a?e:o.originalSource||"";return((d=n??o.transform)==null?void 0:d(s,t))||s},Ox=(e,t,r)=>{var f,v,g,w;let n,{of:a}=e;if("of"in e&&a===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(a)n=t.resolveOf(a,["story"]).story;else try{n=t.storyById()}catch{}let o=((v=(f=n==null?void 0:n.parameters)==null?void 0:f.docs)==null?void 0:v.source)||{},{code:i}=e,s=e.format??o.format,c=e.language??o.language??"jsx",d=e.dark??o.dark??!1;if(!i&&!n)return{error:"Oh no! The source is not available."};if(i)return{code:i,format:s,language:c,dark:d};let p=t.getStoryContext(n),m=e.__forceInitialArgs?p.initialArgs:p.unmappedArgs,h=Cj(n.id,m,r);return s=h.format??((w=(g=n.parameters.docs)==null?void 0:g.source)==null?void 0:w.format)??!1,{code:Sj({snippet:h.code,storyContext:{...p,args:m},typeFromProps:e.type,transformFromProps:e.transform}),format:s,language:c,dark:d}},KV=e=>{let t=l.useContext(uh),r=l.useContext(et),n=Ox(e,r,t);return y.createElement(Qf,{...n})};function kj(e,t){let r=Aj([e],t);return r&&r[0]}function Aj(e,t){let[r,n]=l.useState({});return l.useEffect(()=>{Promise.all(e.map(async a=>{let o=await t.loadStory(a);n(i=>i[a]===o?i:{...i,[a]:o})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}var Fj=(e,t)=>{let{of:r,meta:n}=e;if("of"in e&&r===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");return n&&t.referenceMeta(n,!1),t.resolveOf(r||"story",["story"]).story.id},_j=(e,t,r)=>{let{parameters:n={}}=t||{},{docs:a={}}=n,o=a.story||{};if(a.disable)return null;if(e.inline??o.inline??!1){let s=e.height??o.height,c=e.autoplay??o.autoplay??!1;return{story:t,inline:!0,height:s,autoplay:c,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:r.renderStoryToElement}}let i=e.height??o.height??o.iframeHeight??"100px";return{story:t,inline:!1,height:i,primary:!!e.__primary}},Rj=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=l.useContext(et),r=Fj(e,t),n=kj(r,t);if(!n)return y.createElement(j9,null);let a=_j(e,n,t);return a?y.createElement(LO,{...a}):null},Ij=e=>{var h,f,v,g,w,x,D,E,b,C;let t=l.useContext(et),r=l.useContext(uh),{of:n,source:a}=e;if("of"in e&&n===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:o}=kn(n||"story",["story"]),i=Ox({...a,...n&&{of:n}},t,r),s=e.layout??o.parameters.layout??((f=(h=o.parameters.docs)==null?void 0:h.canvas)==null?void 0:f.layout)??"padded",c=e.withToolbar??((g=(v=o.parameters.docs)==null?void 0:v.canvas)==null?void 0:g.withToolbar)??!1,d=e.additionalActions??((x=(w=o.parameters.docs)==null?void 0:w.canvas)==null?void 0:x.additionalActions),p=e.sourceState??((E=(D=o.parameters.docs)==null?void 0:D.canvas)==null?void 0:E.sourceState)??"hidden",m=e.className??((C=(b=o.parameters.docs)==null?void 0:b.canvas)==null?void 0:C.className);return y.createElement(V9,{withSource:p==="none"?void 0:i,isExpanded:p==="shown",withToolbar:c,additionalActions:d,className:m,layout:s},y.createElement(Rj,{of:n||o.moduleExport,meta:e.meta,...e.story}))},Bj=(e,t)=>{let r=Tj(e,t);if(!r)throw new Error("No result when story was defined");return r},Tj=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,o]=l.useState(r.args);l.useEffect(()=>{let c=d=>{d.storyId===n&&o(d.args)};return t.channel.on(w4,c),()=>t.channel.off(w4,c)},[n,t.channel]);let i=l.useCallback(c=>t.channel.emit(BL,{storyId:n,updatedArgs:c}),[n,t.channel]),s=l.useCallback(c=>t.channel.emit(TL,{storyId:n,argNames:c}),[n,t.channel]);return e&&[a,i,s]},zj=(e,t)=>{let r=t.getStoryContext(e),[n,a]=l.useState(r.globals);return l.useEffect(()=>{let o=i=>{a(i.globals)};return t.channel.on(E4,o),()=>t.channel.off(E4,o)},[t.channel]),[n]};function Lj(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var Oj=e=>{var b;let{of:t}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let r=l.useContext(et),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:o,component:i,subcomponents:s}=n,c=((b=a.docs)==null?void 0:b.controls)||{},d=e.include??c.include,p=e.exclude??c.exclude,m=e.sort??c.sort,[h,f,v]=Bj(n,r),[g]=zj(n,r),w=b4(o,d,p);if(!(s&&Object.keys(s).length>0))return Object.keys(w).length>0||Object.keys(h).length>0?y.createElement(q1,{rows:w,sort:m,args:h,globals:g,updateArgs:f,resetArgs:v}):null;let x=rN(i),D=Object.fromEntries(Object.entries(s).map(([C,S])=>[C,{rows:b4(Lj(S,a),d,p),sort:m}])),E={[x]:{rows:w,sort:m},...D};return y.createElement(q$,{tabs:E,sort:m,args:h,globals:g,updateArgs:f,resetArgs:v})},{document:Mx}=globalThis,Mj=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return y.createElement(U8,null,t);let n=e&&e.split("-");return y.createElement(Qf,{language:n&&n[1]||"text",format:!1,code:t,...r})};function ch(e,t){e.channel.emit(zL,t)}var W1=mL.a,Pj=({hash:e,children:t})=>{let r=l.useContext(et);return y.createElement(W1,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);Mx.getElementById(a)&&ch(r,e)}},t)},$j=e=>{let{href:t,target:r,children:n,...a}=e,o=l.useContext(et);return!t||r==="_blank"||/^https?:\/\//.test(t)?y.createElement(W1,{...e}):t.startsWith("#")?y.createElement(Pj,{hash:t},n):y.createElement(W1,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),ch(o,i.currentTarget.getAttribute("href")))},target:r,...a},n)},Px=["h1","h2","h3","h4","h5","h6"],Nj=Px.reduce((e,t)=>({...e,[t]:F(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),Hj=F.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),jj=({as:e,id:t,children:r,...n})=>{let a=l.useContext(et),o=Nj[e],i=`#${t}`;return y.createElement(o,{id:t,...n},y.createElement(Hj,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:s=>{Mx.getElementById(t)&&ch(a,i)}},y.createElement(SL,null)),r)},dh=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return y.createElement(jj,{as:t,id:r,...a},n);let o=t,{as:i,...s}=e;return y.createElement(o,{...le(s,t)})},Vj=Px.reduce((e,t)=>({...e,[t]:r=>y.createElement(dh,{as:t,...r})}),{}),Uj=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error(Wx`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}' diff --git a/demo-develop/assets/index.esm-C0OPbFsf.js b/demo-develop/assets/index.esm-C0OPbFsf.js deleted file mode 100644 index 6c875c017e..0000000000 --- a/demo-develop/assets/index.esm-C0OPbFsf.js +++ /dev/null @@ -1,24 +0,0 @@ -import{j as c}from"./jsx-runtime-BjgbQsUx.js";import{c as p}from"./clsx-B-dksMZM.js";import{r as o}from"./index-RigO-4kf.js";import{r as s1,S as re,x as o1,e as ne,l as Ca,c as i1,a as l1,b as u1,i as p1,j as d1}from"./index.esm-Bz9pa_xK.js";function B(e){"@babel/helpers - typeof";return B=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(n){return typeof n}:function(n){return n&&typeof Symbol=="function"&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},B(e)}function m1(e,n){if(B(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var t=r.call(e,n||"default");if(B(t)!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(e)}function b1(e){var n=m1(e,"string");return B(n)=="symbol"?n:n+""}function u(e,n,r){return(n=b1(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function O1(e){if(Array.isArray(e))return e}function f1(e,n){var r=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(r!=null){var t,a,s,l,i=[],m=!0,b=!1;try{if(s=(r=r.call(e)).next,n!==0)for(;!(m=(t=s.call(r)).done)&&(i.push(t.value),i.length!==n);m=!0);}catch(f){b=!0,a=f}finally{try{if(!m&&r.return!=null&&(l=r.return(),Object(l)!==l))return}finally{if(b)throw a}}return i}}function te(e,n){(n==null||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r ":"",j=Array.from(O.querySelectorAll("".concat(S).concat(S1.join(", ".concat(S))))),_=function(Z){return Z&&j.includes(Z)?j.indexOf(Z):0},x;switch(g.key){case b:{_(w)!==j.length-1?(x=j[_(w)+1],w&&!j.includes(w)&&(x=j[0])):a&&(x=j[0]);break}case f:{_(w)!==0?x=j[_(w)-1]:a&&(x=j[j.length-1]);break}case E.Home:{x=j[0];break}case E.End:{x=j[j.length-1];break}}(g.key===E.ArrowDown||g.key===E.ArrowUp||g.key===E.ArrowLeft||g.key===E.ArrowRight||g.key===E.Home||g.key===E.End)&&x instanceof HTMLElement&&(x.focus(),g.preventDefault())}};return{keyDown:y}},ae=o.forwardRef(function(e,n){var r=e.children,t=e.className,a=e.headingLevel,s=e.sectionAs,l=s===void 0?"section":s,i=o.useRef(null);o.useImperativeHandle(n,function(){return i.current});var m=Ea(i,{rotating:!0}),b=m.keyDown;return c.jsx(La.Provider,{value:{headingLevel:a,sectionAs:l},children:c.jsx("div",{className:p("ams-accordion",t),onKeyDown:b,ref:i,children:r})})});ae.displayName="Accordion";Object.assign(ae,{Section:ka});var D1=["children","className"];function Ze(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,t)}return r}function Me(e){for(var n=1;na&&"ams-character-count--error",r),role:"status",children:"".concat(t," van ").concat(a," tekens")}))});za.displayName="CharacterCount";var U1=["children","className","invalid","indeterminate"];function fr(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,t)}return r}function vr(e){for(var n=1;n1&&arguments[1]!==void 0?arguments[1]:3,t=["bytes","kB","MB","GB"];if(n===0)return"0 bytes";var a=Math.floor(Math.log10(n)/3),s=(n/Math.pow(1e3,a)).toPrecision(r);return"".concat(s," ").concat(t[a])};/** - * @license EUPL-1.2+ - * Copyright Gemeente Amsterdam - */var ds=function(n){switch(n){case"image/gif":return"gif";case"image/jpeg":return"jpg";case"image/png":return"png";case"text/plain":return"txt";case"application/pdf":return"pdf";case"application/msword":case"application/vnd.openxmlformats-officedocument.wordprocessingml.document":return"Word";case"application/vnd.ms-excel":case"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":return"Excel";case"application/vnd.ms-powerpoint":case"application/vnd.openxmlformats-officedocument.presentationml.presentation":return"PowerPoint";default:return"Document"}},ms=["file","onDelete","className"];function Gr(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,t)}return r}function qr(e){for(var n=1;n1&&arguments[1]!==void 0?arguments[1]:{plural:"invoerfouten",singular:"invoerfout"},t=o.useState(),a=R(t,2),s=a[0],l=a[1];return o.useEffect(function(){l(document.title)},[]),s&&(n.length===1?document.title="(".concat(n.length," ").concat(r.singular,") ").concat(s):n.length>1?document.title="(".concat(n.length," ").concat(r.plural,") ").concat(s):document.title=s),null},ws=["errors","errorCountLabel"];function lt(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,t)}return r}function ut(e){for(var n=1;nt&&b===t-2&&eP.length-1?y(P.length-1):y(r))},[r,P]);var g=function(j){y(j)};o.useImperativeHandle(n,function(){return i.current});var O=Ea(i,{rotating:!0,horizontally:!0}),w=O.keyDown;return c.jsx(xe.Provider,{value:{activeTab:f,updateTab:g,tabsId:l},children:c.jsx("div",Oa(Oa({},s),{},{role:"tabs",ref:i,onKeyDown:w,className:p("ams-tabs",a),children:t}))})});Ce.displayName="Tabs";Object.assign(Ce,{Button:Uc,List:Wc,Panel:Jc});var So=["className","dir","invalid","resize"];function fa(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,t)}return r}function va(e){for(var n=1;ne.length)&&(n=e.length);for(var r=0,t=Array(n);r ":"",y=Array.from(f.querySelectorAll("".concat(N).concat(Es.join(", ".concat(N))))),L=function(k){return k&&y.includes(k)?y.indexOf(k):0},x;switch(v.key){case b:{L(w)!==y.length-1?(x=y[L(w)+1],w&&!y.includes(w)&&(x=y[0])):a&&(x=y[0]);break}case O:{L(w)!==0?x=y[L(w)-1]:a&&(x=y[y.length-1]);break}case Z.Home:{x=y[0];break}case Z.End:{x=y[y.length-1];break}}(v.key===Z.ArrowDown||v.key===Z.ArrowUp||v.key===Z.ArrowLeft||v.key===Z.ArrowRight||v.key===Z.Home||v.key===Z.End)&&x instanceof HTMLElement&&(x.focus(),v.preventDefault())}};return{keyDown:h}},se=o.forwardRef(function(e,n){var r=e.children,t=e.className,a=e.headingLevel,s=e.sectionAs,l=s===void 0?"section":s,i=o.useRef(null);o.useImperativeHandle(n,function(){return i.current});var m=Ta(i,{rotating:!0}),b=m.keyDown;return c.jsx(Ia.Provider,{value:{headingLevel:a,sectionAs:l},children:c.jsx("div",{className:p("ams-accordion",t),onKeyDown:b,ref:i,children:r})})});se.displayName="Accordion";Object.assign(se,{Section:Va});var Zs=["children","className"];function He(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,t)}return r}function Ie(e){for(var n=1;na&&"ams-character-count--error",r),role:"status",children:"".concat(t," van ").concat(a," tekens")}))});Ja.displayName="CharacterCount";var t1=["children","className","invalid","indeterminate"];function gr(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,t)}return r}function hr(e){for(var n=1;n1&&arguments[1]!==void 0?arguments[1]:3,t=["bytes","kB","MB","GB"];if(n===0)return"0 bytes";var a=Math.floor(Math.log10(n)/3),s=(n/Math.pow(1e3,a)).toPrecision(r);return"".concat(s," ").concat(t[a])};/** + * @license EUPL-1.2+ + * Copyright Gemeente Amsterdam + */var y1=function(n){switch(n){case"image/gif":return"gif";case"image/jpeg":return"jpg";case"image/png":return"png";case"text/plain":return"txt";case"application/pdf":return"pdf";case"application/msword":case"application/vnd.openxmlformats-officedocument.wordprocessingml.document":return"Word";case"application/vnd.ms-excel":case"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":return"Excel";case"application/vnd.ms-powerpoint":case"application/vnd.openxmlformats-officedocument.presentationml.presentation":return"PowerPoint";default:return"Document"}},j1=["file","onDelete","className"];function qr(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,t)}return r}function Ur(e){for(var n=1;n1&&arguments[1]!==void 0?arguments[1]:{plural:"invoerfouten",singular:"invoerfout"},t=o.useState(),a=H(t,2),s=a[0],l=a[1];return o.useEffect(function(){l(document.title)},[]),s&&(n.length===1?document.title="(".concat(n.length," ").concat(r.singular,") ").concat(s):n.length>1?document.title="(".concat(n.length," ").concat(r.plural,") ").concat(s):document.title=s),null},L1=["errors","errorCountLabel"];function pt(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,t)}return r}function dt(e){for(var n=1;nt&&b===t-2&&eP.length-1?h(P.length-1):h(r))},[r,P]);var v=function(y){h(y)};o.useImperativeHandle(n,function(){return i.current});var f=Ta(i,{rotating:!0,horizontally:!0}),w=f.keyDown;return c.jsx($e.Provider,{value:{activeTab:O,updateTab:v,tabsId:l},children:c.jsx("div",wa(wa({},s),{},{role:"tabs",ref:i,onKeyDown:w,className:p("ams-tabs",a),children:t}))})});_e.displayName="Tabs";Object.assign(_e,{Button:ts,List:ns,Panel:as});var Vo=["className","dir","invalid","resize"];function Pa(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,t)}return r}function Na(e){for(var n=1;ns.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:[s.jsx("path",{d:"M33.63 30.9H2.37L18 3zm-24.44-4h17.62L18 11.19z"}),s.jsx("path",{d:"M17 16.99h2v4.95h-2zm0 5.95h2v1.95h-2z"})]})),l=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"m28.291 13.29 3.062-3.062 1.414 1.414-3.062 3.062zm.022 9.429 1.385-1.443 3.059 2.937-1.386 1.443zM30 17h4v2h-4zm-5-3.22V2.16L9.43 10.5H2v15h7.43l1.46.78-4.3 4.3 2.83 2.83 5.16-5.16L25 33.84V22.22a4.47 4.47 0 0 0 0-8.45zM6 21.5v-7h4v7zm15 5.66-9-4.82v-8.68l9-4.82z"})})),h=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M18.593 17.812a.94.94 0 0 1 0 1.326l-2.217 2.216 2.12 2.12L16.975 25H9.126l-5 5L2 27.879l4.99-4.99V15.01l1.521-1.521 2.12 2.12 2.217-2.217a.937.937 0 1 1 1.325 1.326l-2.216 2.217 3.093 3.093 2.217-2.216a.94.94 0 0 1 1.326 0M30 4.121 27.879 2l-4.907 4.907-.9-.9h-6l-3.1 3 10 10 3.1-3v-6l-.982-.982z","data-name":"plat klein"})})),n=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M20.06 15a9.01 9.01 0 0 1 4.215-6.622A11.22 11.22 0 0 0 17 4.794V15zm2.017 0h5.13a11.2 11.2 0 0 0-1.705-5.025A7.01 7.01 0 0 0 22.077 15m-.011 2a7.01 7.01 0 0 0 3.398 5.085A11.2 11.2 0 0 0 27.206 17zm-2.015 0H17v10.206a11.22 11.22 0 0 0 7.227-3.532A9.01 9.01 0 0 1 20.05 17zm-8.106 0a9.01 9.01 0 0 1-4.196 6.648A11.22 11.22 0 0 0 15 27.206V17zm-2.016 0H4.794c.163 1.85.773 3.571 1.723 5.055A7.01 7.01 0 0 0 9.929 17m0-2a7.01 7.01 0 0 0-3.412-5.055A11.2 11.2 0 0 0 4.794 15zm2.016 0H15V4.794a11.22 11.22 0 0 0-7.25 3.558A9.01 9.01 0 0 1 11.944 15zM16 31C7.716 31 1 24.284 1 16S7.716 1 16 1s15 6.716 15 15-6.716 15-15 15"})})),v=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M12 28H0v-4h1a4 4 0 0 0 4-4V10a8 8 0 0 1 8-8h1a2 2 0 1 1 4 0h1a8 8 0 0 1 8 8v10a4 4 0 0 0 4 4h1v4H20a4 4 0 1 1-8 0m2 0a2 2 0 1 0 4 0zM9 10v10c0 1.457-.39 2.823-1.07 4h16.14A7.96 7.96 0 0 1 23 20V10a4 4 0 0 0-4-4h-6a4 4 0 0 0-4 4"})})),t=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"m7.83 0 11.23 22.39 3.789-1.925.924 1.84-.652.33 3.879 3.8L15.728 32l-.494-5.355-.786.4-.925-1.84 3.708-1.885L6 .928z"})})),o=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M5 0v32h22V0zm18 28H9V4h14zm-8-17h-4V7h4zm0 7h-4v-4h4zm6-7h-4V7h4zm0 7h-4v-4h4zm-6 7h-4v-4h4zm6 0h-4v-4h4z"})})),i=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M22 7V0H0v32h32V7zM4 28V4h14v24zm26 2h-8V9h8zM6 7h4v4H6zm0 7h4v4H6zm10-3h-4V7h4zm0 7h-4v-4h4zm10 0h-2v-2h4v2zm0 4h-2v-2h4v2zm0 4h-2v-2h4v2zm0-12h-2v-2h4v2zM6 21h4v4H6zm10 4h-4v-4h4z"})})),c=e=>s.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:[s.jsx("path",{d:"M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z"}),s.jsx("path",{d:"M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z"})]})),d=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M24 5V3H8v2H0v25h32V5zm4 21H4V9h24zm-12-2a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13m0-11a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9m10 0h-2v-2h2z"})})),g=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M24 20a3 3 0 1 1 0 6 3 3 0 0 1 0-6M7 20a3 3 0 1 1 0 6 3 3 0 0 1 0-6M19 7l7 7h6v9h-3a5 5 0 0 0-10 0h-7a5 5 0 0 0-10 0H0v-9l7-7zm-1 2h-5v5h9.962zm-7 0H8l-5 5h8z"})})),r=e=>s.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:[s.jsx("path",{d:"M34 30H2V6h32zM6 26h24V10H6z"}),s.jsx("circle",{cx:12.8,cy:15.21,r:3.21}),s.jsx("path",{d:"M15.6 19.2H10a2 2 0 0 0-2 2V24h9.6v-2.8a2 2 0 0 0-2-2M28 17h-3v-3h-2v3h-3v2h3v3h2v-3h3z"})]})),w=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M17 28V5H7v23zm2-6h5c.46 0 .998-.533.998-.996V15H23v-2h-1V9h1V6h2v3h2V6h2v3h1v4h-1v2h-2.003v6.002C27 22.575 25.56 24 24 24h-5v4h13v4H0v-4h5V1h14zm-6-11v4h3l-5 6v-4H8z"})})),x=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M23.5 12.5h-17v-2h17zm-4 2h-13v2h13zm12-9.5v17h-11v5l-5-5H.5V5zm-2 2h-27v13h27z"})})),u=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M23.5 7h-15V5.5h15zm-4 1.5h-11V10h11zm10-7v13h-9v5l-5-5h-13v-13zm-2 2h-23v9h23zm-2.5 24h-3.7c-2.1 0-3.6.9-3.6 3.6v.9h11v-.9c0-2.7-1.6-3.6-3.7-3.6m.9-3.7a2.8 2.8 0 1 0-5.5-1.054 2.8 2.8 0 0 0 5.5 1.054M11 27.5H7.3c-2.1 0-3.6.9-3.6 3.6v.9h11v-.9c0-2.7-1.6-3.6-3.7-3.6m.9-3.7a2.8 2.8 0 1 0-5.5 0 2.7 2.7 0 0 0 2.8 2.7 2.7 2.7 0 0 0 2.7-2.7"})})),m=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M12.216 27.016 0 14.168l2.91-2.77 9.346 9.837L29.129 4 32 6.8z"})})),j=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z"})})),f=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m22.857 32-16-16 16-16 2.9 2.91L12.677 16l13.08 13.09z"})})),z=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m9.757 32-2.9-2.91L19.937 16 6.857 2.91 9.757 0l16 16z"})})),p=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 15","aria-hidden":"true",focusable:"false"},e,{children:s.jsxs("g",{fillRule:"evenodd",children:[s.jsx("path",{d:"M6 14 1 8.92 1.91 8 6 12.152 10.09 8l.91.92z",className:"chevron-down"}),s.jsx("path",{d:"M6 1 1 6.08l.91.92L6 2.848 10.09 7l.91-.92z",className:"chevron-up"})]})})),b=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M29.09 25.757 16 12.677 2.91 25.757 0 22.857l16-16 16 16z"})})),H=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0m.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11m.1-13h4v2h-6V9h2z"})})),M=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M29.333 5.47 26.53 2.668 16 13.187 5.47 2.666 2.668 5.47 13.187 16 2.666 26.53l2.804 2.803L16 18.813l10.53 10.52 2.803-2.804L18.813 16z"})})),V=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m26.3 18.3 5.3-5.3L19.9 1.4l-4.2 4.2-3.8-3.8L.5 13.2l5.4 5.4-1.2 1.2a2.9 2.9 0 0 0 0 4.2 2.9 2.9 0 0 0 2.1.9 3.1 3.1 0 0 0 .9 2.2 3.3 3.3 0 0 0 2.2.8 3.3 3.3 0 0 0 .8 2.2 3.1 3.1 0 0 0 2.2.9 2.7 2.7 0 0 0 2.1-.9l1.2-1.2.9.9a3.3 3.3 0 0 0 2.1.9 3.4 3.4 0 0 0 2.2-.9 3.1 3.1 0 0 0 .9-2.2 2.9 2.9 0 0 0 2.1-.9 2.7 2.7 0 0 0 .9-2.1 3.1 3.1 0 0 0 3-3 3.1 3.1 0 0 0-.9-2.2zM19.9 4.2l8.8 8.8-3.5 3.6-.3.3-7.2-7.2-2.4 2.4a1.2 1.2 0 0 1-1.6 0 1.2 1.2 0 0 1 0-1.7zM7.6 22.6a1.1 1.1 0 0 1-1.5 0 1 1 0 0 1 0-1.4L7.3 20l1.5 1.4zm3 3a1.1 1.1 0 0 1-1.5 0 .9.9 0 0 1-.3-.7 1.1 1.1 0 0 1 .3-.7l1.2-1.2 1.5 1.5zm3 3.1a1 1 0 0 1-1.4 0 1.1 1.1 0 0 1-.3-.8 1.1 1.1 0 0 1 .3-.7l1.1-1.2 1.5 1.5zM26 22.3a1 1 0 0 1-1.4 0L21.3 19l-1.6 1.6 3.3 3.3a1 1 0 0 1 0 1.4 1.1 1.1 0 0 1-.7.3 1.1 1.1 0 0 1-.8-.3l-3.2-3.2-1.6 1.5 3.3 3.3a1.1 1.1 0 0 1 0 1.5 1.1 1.1 0 0 1-.8.3 1.1 1.1 0 0 1-.7-.3L3.3 13.2l.2-.2 8.4-8.4L14.3 7l-2 2a3.1 3.1 0 0 0 0 4.5 3.3 3.3 0 0 0 4.5 0l.9-.9 8.3 8.3a1 1 0 0 1 0 1.4"})})),S=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M2 6c0-1.1 6.3-2 14-2s14 .9 14 2v4c0 1.1-6.3 2-14 2s-14-.9-14-2zm0 20c0 1.1 6.3 2 14 2s14-.9 14-2v-4c0 1.1-6.3 2-14 2s-14-.9-14-2zm0-8c0 1.1 6.3 2 14 2s14-.9 14-2v-4c0 1.1-6.3 2-14 2s-14-.9-14-2z"})})),B=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M21.83 2H6v32h24V10.17zM10 30V6h10v6h6v18z"})})),I=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M16.484 4H32v28H9V18a9 9 0 1 1 7.484-14M13 17.064V28h15V8H17.945a9.1 9.1 0 0 1-.168 3H26v2h-8.936a9 9 0 0 1-1.356 2H26v2H15v-1.292c-.6.537-1.272.995-2 1.356M15 19h11v2H15zm0 4h11v2H15zm-6-7A7 7 0 1 0 9 2a7 7 0 0 0 0 14M6.67 7.797l2.121 2.121 3.539-3.539 1.414 1.415-4.953 4.952-3.535-3.535z"})})),O=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m19.938 24.1 3.987-4V32H0V0h15.75l7.079 7.1-2.891 2.9h-5.982V4H3.988v24h15.95zm-5.583-1 4.187-1.2L32 7.8l-2.99-3-13.459 14z"})})),L=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M19.83 0 28 8.17V32H4V0zm-1.66 4H8v24h16V9.83zM22 24v2H10v-2zm0-4v2H10v-2zm0-4v2H10v-2zM14.6 6q.472 0 .955.086t.794.236l-.526 1.35a2.2 2.2 0 0 0-.584-.181 4 4 0 0 0-.692-.065q-.279 0-.547.07a2 2 0 0 0-.499.204 1.7 1.7 0 0 0-.413.338q-.182.204-.278.46h2.841l-.375 1.116H12.51a1 1 0 0 0-.021.188v.386q0 .102.01.187h2.585l-.365 1.105h-1.994q.075.225.236.423.161.199.397.344t.525.225a2.3 2.3 0 0 0 .611.08q.794 0 1.362-.332l.397 1.362a3 3 0 0 1-.799.3 4.6 4.6 0 0 1-1.088.118q-.708 0-1.271-.193a3.2 3.2 0 0 1-.981-.53 3.1 3.1 0 0 1-.703-.8 3.6 3.6 0 0 1-.423-.997H10l.365-1.105h.482a2 2 0 0 1-.01-.193V10q0-.193.032-.386h-.837l.386-1.115h.611q.172-.59.505-1.051.332-.462.798-.783a3.7 3.7 0 0 1 1.04-.493A4.3 4.3 0 0 1 14.602 6z"})})),R=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"m17.6 5 5.4 5.4V27H9V5zm1.3-3H6v28h20V9.1zM11 16h10v-2H11zm0 4h10v-2H11zm0 4h10v-2H11z"})})),C=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M0 27.996h32V32H0zm22.36-13.983 2.83 2.823L16 26.044l-9.19-9.208 2.83-2.823L14 18.377V0h4v18.377z"})})),A=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M784 565.599H675.401V457H784zm-217.198 0H458.203V457h108.6zm-218.203 0H240V457h108.599z"})})),P=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m19.938 24.1 3.987-4V32H0V0h15.75l7.079 7.1-2.891 2.9h-5.982V4H3.988v24h15.95zm-5.583-1 4.187-1.2L32 7.8l-2.99-3-13.459 14z"})})),E=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M14.375 9.256H11.83V6.711h2.545zm-5.09 0H6.739V6.711h2.545v2.545zm-5.115 0H1.625V6.711H4.17z"})})),q=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M0 4v24h32V4zm16.12 12.33L6 8h20.06zM11.33 15 4 21.78V8.94zm1.56 1.28 3.24 2.67 3.08-2.58L27.45 24H4.55zm7.87-1.2L28 9v12.8z"})})),k=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"m18.14 6 1.86.498L14.86 25 13 24.502zM11 9.55 5.077 15.5 11 21.45 8.462 24 0 15.5 8.462 7zm10 11.9 5.923-5.95L21 9.55 23.538 7 32 15.5 23.538 24z"})})),D=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m6.8 32 8.6-15.7H4L14.9 0h12.5L16.2 11.3h11.4z"})})),F=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M32 14H18V0h-4v14H0v4h14v14h4V18h14z"})})),y=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"m17.83 21.64 1.51 3.64h8.36L29.56 30H34L24 6h-5.59l-3.56 8.48L17 19.62l4.13-9.21 5 11.24zM15.84 30l-1.24-3.14H6.4L5.23 30H2l6.74-16h3.75l6.64 16zm-5.3-12.73-3 6.49h6z"})})),T=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M16 2c7.732 0 14 6.268 14 14s-6.268 14-14 14S2 23.732 2 16 8.268 2 16 2m0 4C10.477 6 6 10.477 6 16s4.477 10 10 10 10-4.477 10-10S21.523 6 16 6m.75 5q.591 0 1.194.107.602.108.992.295l-.657 1.69a2.8 2.8 0 0 0-.73-.229 5 5 0 0 0-.865-.08q-.349 0-.684.087a2.5 2.5 0 0 0-.623.255 2.1 2.1 0 0 0-.516.422 1.8 1.8 0 0 0-.349.576h3.552l-.469 1.394h-3.458a1 1 0 0 0-.027.235v.483q0 .127.013.234h3.23l-.455 1.38h-2.493q.093.283.295.53.201.249.496.43.294.18.657.28.361.102.764.101.99 0 1.702-.415l.496 1.702a3.7 3.7 0 0 1-.999.376q-.61.147-1.36.147-.885 0-1.589-.241a4 4 0 0 1-1.226-.664 3.9 3.9 0 0 1-.878-.998 4.5 4.5 0 0 1-.53-1.247H11l.456-1.38h.603a2 2 0 0 1-.013-.242V16q0-.24.04-.483H11.04l.483-1.394h.764a4.3 4.3 0 0 1 .63-1.313q.415-.576.999-.979a4.6 4.6 0 0 1 1.3-.617Q15.933 11 16.751 11z"})})),U=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M19.006 0H32.01v12.992h-4.002V6.826L14.434 20.417l-2.83-2.818L25.187 3.998h-6.182zm7.002 13.991L26.018 32H.01V6.016h17.975l-3.98 3.978.02.02H4.01v17.988h18.006l-.01-10.013 4-3.998z"})})),_=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 30 30","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"m24.508 18.126.636-4.606H20.37v-2.97c0-1.33.424-2.252 2.334-2.252h2.545V4.205C24.826 4.102 23.34 4 21.538 4c-3.712 0-6.152 2.15-6.152 6.142v3.378H11.25v4.606h4.136V30h4.985V18.126z"})})),Q=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"m667.709 541.102 15.874-119.055H564.528v-76.724c0-34.394 10.582-58.205 58.204-58.205h63.496V181.291C675.646 178.646 638.606 176 593.63 176c-92.599 0-153.449 55.56-153.449 158.74v87.307H337v119.055h103.181V848h124.347V541.102z"})})),N=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m16.7 17-9.5 9.5-2.9-2.8L11 17l-6.7-6.6 2.9-2.9zm1.5-9.5-2.9 2.9L22 17l-6.7 6.7 2.9 2.8 9.5-9.5z"})})),W=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M16.15 25.325C23.29 18.86 28 14.585 28 10.25c0-3-2.25-5.25-5.25-5.25-2.31 0-4.56 1.485-5.34 3.54h-2.805C13.809 6.485 11.559 5 9.25 5 6.25 5 4 7.25 4 10.25c0 4.335 4.71 8.61 11.85 15.075l.15.15zm-.136 5.807-2.92-2.905c-5.113-4.631-6.99-6.421-8.886-8.638C1.45 16.366 0 13.453 0 10.25 0 5.04 4.04 1 9.25 1c2.515 0 4.953 1.01 6.751 2.685C17.796 2.011 20.234 1 22.75 1 27.96 1 32 5.04 32 10.25c0 3.203-1.45 6.116-4.209 9.34-1.895 2.214-3.768 4-8.88 8.63z"})})),G=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M.3 0v4.7l9.6 9.6V32h6l6.2-5.5V14.3l9.6-9.6V0zm17.5 12.5v12l-3.6 3.2V12.5L6.1 4.3h19.8z"})})),J=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m22 4.571 10 24h-4.44l-1.86-4.72h-8.36l-1.51-3.64 8.3.01-5-11.24-4.13 9.21-2.15-5.14 3.56-8.48zm-11.51 8 6.64 16h-3.29l-1.24-3.14H4.4l-1.17 3.14H0l6.74-16zm-1.95 3.27-3 6.49h6z"})})),K=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M0 14V.1h14v4.2H4.2V14zm25 13.7h2.8V18H32v13.9H18v-4.2zM18 0h14v14.1h-4.2V4.2H18zM4.2 17.9v9.9H14V32H0V17.9z"})})),X=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M20 21c1.076 0 2 .454 2 2s-1.112 2-2 2h-5q-2 0-2 2h8c.62 0 .817-.228.965-.342l6.823-5.244a2 2 0 1 1 2.437 3.172l-7.187 5.524c-.6.46-1.43.86-2.729.869a4 4 0 0 1-.18.006H0V25h3.987l2.566-2.453A6.3 6.3 0 0 1 10.665 21zM16 1a9 9 0 1 1 0 18 9 9 0 0 1 0-18m0 2a7 7 0 1 0 0 14 7 7 0 0 0 0-14m.6 3q.472 0 .955.086t.794.236l-.526 1.35a2.2 2.2 0 0 0-.584-.181 4 4 0 0 0-.692-.065q-.279 0-.547.07a2 2 0 0 0-.499.204 1.7 1.7 0 0 0-.413.338q-.182.204-.278.46h2.841l-.375 1.116H14.51a1 1 0 0 0-.021.188v.386q0 .102.01.187h2.585l-.365 1.105h-1.994q.075.225.236.423.161.199.397.344t.525.225a2.3 2.3 0 0 0 .611.08q.794 0 1.362-.332l.397 1.362a3 3 0 0 1-.799.3 4.6 4.6 0 0 1-1.088.118q-.708 0-1.271-.193a3.2 3.2 0 0 1-.981-.53 3.1 3.1 0 0 1-.703-.8 3.6 3.6 0 0 1-.423-.997H12l.365-1.105h.482a2 2 0 0 1-.01-.193V10q0-.193.032-.386h-.837l.386-1.115h.611q.172-.59.505-1.051.332-.462.798-.783a3.7 3.7 0 0 1 1.04-.493A4.3 4.3 0 0 1 16.602 6z"})})),Y=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M8.2 3a3 3 0 1 1 6 0 3 3 0 0 1-6 0m2 27a6 6 0 0 1-6-6 6.1 6.1 0 0 1 2-4.5v-2.4a7.9 7.9 0 0 0-4 6.9 8 8 0 0 0 15.7 2h-2.1a6 6 0 0 1-5.6 4m8.6-11h-5.6v-5.2l3 3.2h7v-4h-5l-5-5h-3a2.2 2.2 0 0 0-2 2v11.1l2.9 2.9h6.7l6 6h6z"})})),Z=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m24 24-1 4h8v4H1v-4h8l-.96-4zm.102-12s-1.032 6.103-2.387 7.493a3.515 3.515 0 0 1-4.43.499 2.8 2.8 0 0 0-.277.909l-.008.165v2.929h-2v-2.929c0-.825.305-1.801.934-2.721a3.51 3.51 0 0 1 .742-3.758C18.31 12.907 24.102 12 24.102 12M7.616 14.932s4.233.469 5.242 1.345a2.421 2.421 0 0 1-3.173 3.656c-1.219-1.058-2.069-5.001-2.069-5.001M15.998 1l15.062 9.291L31 18h-4l.043-5.487-11.04-6.81L5 12.515V18H1v-7.712z"})})),$=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M14 28h4.008v-8H14zm-2 0V18h8.008v10H28V12.98L16 5 4 13.516V28zM0 32V11.022L16 0l16 11.022V32z"})})),s1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M32 4v24H0V4zm-4 4H4v16h24zm-14.4 9.2a2 2 0 0 1 2 2V22H6v-2.8a2 2 0 0 1 2-2zM23 12v3h3v2h-3v3h-2v-3h-3v-2h3v-3zm-12.2-2a3.21 3.21 0 1 1 0 6.42 3.21 3.21 0 0 1 0-6.42"})})),e1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M4.9 14H27v4H4.9z",clipRule:"evenodd"})})),a1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 28 28","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M14 0C6.3 0 0 6.3 0 14s6.3 14 14 14 14-6.3 14-14S21.7 0 14 0m0 24C8.5 24 4 19.5 4 14S8.5 4 14 4s10 4.5 10 10-4.5 10-10 10M13 9h2V7h-2zm0 12h2V11h-2z"})})),l1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M32 14v2h-4v-2zM4 14v2H0v-2zM26.707 3.879l1.414 1.414-2.828 2.828-1.414-1.414zm-21.414 0L8.12 6.707 6.707 8.121 3.88 5.293zM17 0v4h-2V0zm2 32h-6v-1h-1.973v-3H9.034q-.032-3-.032-5C9.002 21 6 19 6 15c0-5.376 4.383-9 10-9 5.665 0 10.001 3.613 10 9 0 4-3 6-3 8v5h-2v3h-2zm.06-9c0-2.808 2.94-5 2.94-8s-2.4-5-6-5c-3.535 0-6 2-6 5s3.034 5.176 3.034 8v2.061h6.026zM13 27h6v2h-6z"})})),h1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M3.8 11.4 16 17.8l12.2-6.4L16 5zM16 2.6 32 11v.9l-16 8.3-16-8.3V11zm12.1 11.9 3.9 2.1v.9l-16 8.3-16-8.3v-.9l3.9-2.1 2.3 1.3L3.8 17 16 23.4 28.2 17l-2.4-1.2zm0 5.6 3.9 2v.9l-16 8.4L0 23v-.9l3.9-2 2.3 1.3-2.4 1.2L16 29l12.2-6.4-2.4-1.2z"})})),n1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M11 10.452V32h6.696V21.301c0-2.863.608-5.575 4.108-5.575s3.5 3.164 3.5 5.726V32H32V20.247C32 14.37 30.783 10 23.935 10c-3.348 0-5.478 1.808-6.392 3.466h-.152v-3.014zM0 11h7v21H0zm4-3a4 4 0 1 1 0-8 4 4 0 0 1 0 8"})})),v1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M30.7 22v4H9.3v-4zM5.3 22v4h-4v-4zm25.4-8v4H9.3v-4zM5.3 14v4h-4v-4zm25.4-8v4H9.3V6zM5.3 6v4h-4V6z"})})),t1=e=>s.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:[s.jsx("path",{d:"m18 33.42-1.2-1.06C16.36 32 6.18 22.91 6.18 14a11.82 11.82 0 0 1 23.64 0c0 8.91-10.18 18-10.62 18.36zm0-27.6A8.19 8.19 0 0 0 9.82 14c0 5.26 5.12 11.45 8.17 14.49C20.52 26 26.18 19.67 26.18 14A8.19 8.19 0 0 0 18 5.82"}),s.jsx("circle",{cx:18,cy:14,r:4})]})),o1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M18.375 13.718C20.035 11.588 21 9.525 21 7.81 21 5.166 18.774 3 16 3s-5 2.166-5 4.81c0 1.715.965 3.778 2.625 5.908a25.5 25.5 0 0 0 2.377 2.628 26 26 0 0 0 2.373-2.628M16 19l-.71-.61C15.028 18.181 9 12.943 9 7.81 9 4.05 12.134 1 16 1s7 3.05 7 6.81c0 5.134-6.029 10.372-6.29 10.58zM1 31l5-10h2l-3 6h18l2 4zm9-10h10l2 4H8zm15 6h4l2 4h-4zm-3-6h4l2 4h-4zm-6-11a2 2 0 1 1 0-4 2 2 0 0 1 0 4"})})),i1=e=>s.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:[s.jsx("path",{d:"M20 2v4h10v24H20v4h14V2z"}),s.jsx("path",{d:"M18.82 8.81 16 11.64 20.36 16H2v4h18.36L16 24.36l2.82 2.83 9.2-9.19z"})]})),c1=e=>s.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:[s.jsx("path",{d:"M16 6V2H2v32h14v-4H6V6z"}),s.jsx("path",{d:"M24.82 8.81 22 11.64 26.36 16H8v4h18.36L22 24.36l2.82 2.83 9.2-9.19z"})]})),d1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M2 29.7c0 .3.2.4.4.2l7.2-4.5c.2-.1.4-.4.4-.7V2.3c0-.3-.2-.4-.4-.2L2.4 6.5c-.2.2-.4.5-.4.8zM12 2.3c0-.3.2-.4.4-.2l7.2 4.5c.2.1.4.4.4.7v22.4c0 .3-.2.4-.4.2l-7.2-4.5c-.2-.1-.4-.4-.4-.7zm10 27.4c0 .3.2.4.4.2l7.2-4.5c.2-.1.4-.5.4-.8V2.3c0-.3-.2-.4-.4-.2l-7.2 4.5c-.2.1-.4.4-.4.7z"})})),g1=e=>s.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 553.8 536.5","aria-hidden":"true",focusable:"false"},e,{children:[s.jsx("path",{d:"M278 320.6 0 156.1 270.1 0l278 164.6zM67.2 156.4l211 124.9 202.6-117.1-211-124.9z"}),s.jsx("path",{d:"m446 253.8 34.9 20.6-202.7 117.1-211-124.9 34.7-20-33.5-19.8L0 266.3l278 164.6 270.1-156.1-68.4-40.5z"}),s.jsx("path",{d:"m446 354.2 34.9 20.7L278.2 492l-211-124.9 34.7-20.1-33.5-19.8L0 366.7l278 164.6 270.1-156.1-68.4-40.5z"})]})),r1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M4 0h24l4 13h-4v11h2v2h-2v6h-4v-6H8v6H4v-6H2v-2h2V13H0zm1 10h22l-2-6H7zm3 14h16V12H8z"})})),w1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M0 3.238h32V7.81H0zm0 10.476h32v4.572H0zM0 24.19h32v4.572H0z"})})),x1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M0 13.714h32v4H0z"})})),u1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M31.9 14.1H18V0h4.2v9.9h9.7zM9.8 32v-9.8H0v-4.3h14V32zM14 .1V14H0V9.8h9.8V.1zm18 22.1h-9.8v9.7H18V18h14z"})})),m1=e=>s.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:[s.jsx("path",{d:"M21 16h-4v-5h2v3h2z"}),s.jsx("path",{d:"M18 2.18A11.83 11.83 0 0 0 6.18 14c0 8.91 10.18 18 10.62 18.36l1.2 1.06 1.2-1.06C19.64 32 29.82 22.91 29.82 14A11.83 11.83 0 0 0 18 2.18m0 26.31c-2.68-2.66-6.94-7.74-8-12.49h2v-2H9.82A8.19 8.19 0 0 1 17 5.89V8h2V5.89A8.19 8.19 0 0 1 26.18 14H24v2h2c-1.1 5.09-5.77 10.26-8 12.49"})]})),j1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M22.3 19.9c0 1-.8 1.9-2.1 2.5-1.5.6-3 .9-4.6.9s-3.2-.3-4.6-.9-2.1-1.5-2.1-2.5v-.2l3.5-8.1v-.1c-2.3-1.8-2.8-5.1-1-7.4s5.1-2.8 7.4-1 2.8 5.1 1 7.4c-.3.4-.6.7-1 1v.1l3.5 8.1c-.1.1 0 .1 0 .2M30 30l-1.4-5.3-.9-3.2c.9-1.8 1.3-3.8 1.3-5.7v-.5c0-5.1-2.9-9.7-7.5-11.9.8 1.2 1.2 2.6 1.2 4v.3l.3.3c2 1.9 3.1 4.6 3.1 7.3v.5c0 5.7-4.7 10.4-10.4 10.4h-.5c-5.7 0-10.4-4.7-10.4-10.4v-.5c0-2.8 1.1-5.4 3-7.3l.3-.3v-.3c0-1.4.4-2.8 1.2-4C4.9 5.6 2 10.2 2 15.3v.5C2 23.1 8 29 15.3 29h.5c2 0 4-.4 5.7-1.3l3.2.9z"})})),f1=e=>s.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:[s.jsx("path",{d:"M24 26v-1c0-3-1.7-4-4-4h-4c-2.31 0-4 1-4 4v1z"}),s.jsx("circle",{cx:18,cy:17.01,r:2.99}),s.jsx("path",{d:"M26 6V2L5 6v28h26V6zm1 24H9V10h18z"})]})),z1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M14 24h-4V8h4zm8-16h-4v16h4z"})})),p1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M30 16v2h-2v12h-2v-2H6v2H4V18H2v-2zm-4 4H6v4h20zM18 8.98c2.3 0 4 1 4 4v1H10v-1c0-3 1.69-4 4-4zM16 2a2.99 2.99 0 1 1 0 5.98A2.99 2.99 0 0 1 16 2"})})),b1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M31 32H1v-2.5c0-7.5 4.2-10 10-10h10c5.8 0 10 2.5 10 10zM16 17a7.6 7.6 0 0 0 7.5-7.5 7.5 7.5 0 0 0-15 0A7.6 7.6 0 0 0 16 17"})})),H1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M31.5 26.9s-3.1 3.4-5.6 3.6-9.2-3.2-14.7-8.7-9-11.4-8.7-14.7 3.6-5.6 3.6-5.6l7.1 7.1-2.8 2.8 11.2 11.2 2.8-2.8z"})})),M1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M0 3v26h32V3zm28 14.6-5.7-5.9-4.3 4.4 1.3 1.3 3-3 5.7 5.9V25H4.8l8.5-8.6 2.1 2.2 1.4 1.4 2.8 3 1.3-1.2-7.9-7.9-9 9.2V7h24zM6 11a2 2 0 1 1 4 0 2 2 0 0 1-4 0"})})),V1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M13.458 18.445H4.785l-2.392 3.789H0l1.196-6.28L0 9.672h2.393l2.392 3.788h8.673L9.769 1h3.09l7.976 12.461h8.673a2.492 2.492 0 1 1 0 4.984h-8.673L12.86 30.907H9.77z"})})),S1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M8 6v20l16-10z"})})),B1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M28.8 14A12.8 12.8 0 0 0 18 3.2V0h-4v3.2A12.7 12.7 0 0 0 3.2 14H0v4h3.2A12.7 12.7 0 0 0 14 28.8V32h4v-3.2A12.9 12.9 0 0 0 28.8 18H32v-4zM16 25a9 9 0 1 1 0-18 9 9 0 0 1 0 18m5-9a5 5 0 1 1-10 0 5 5 0 0 1 10 0"})})),I1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M27 12h5v16h-5v4H5v-4H0V12h5V0h16.41L27 5.59zM7 2v10h18V7h-5V2zm18 28V20H7v10zM9 22h14v2H9zm0 4h14v2H9z"})})),O1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M25 28v-3a.9.9 0 0 0-1-1h-3.2l-.9-3.2-1.9.4 1 3.8v3h-5V15.9h.2a4 4 0 0 0 2.8 1.3h.1a2.4 2.4 0 0 0 1.4-.3 4 4 0 0 0 2.5-3.8v-.6a4.1 4.1 0 0 0-2-2.8 2.9 2.9 0 0 0 .4-1.7 3.4 3.4 0 0 0-2.9-3.4v-.7A3.4 3.4 0 0 0 14.6.8a4.4 4.4 0 0 0-3.2 0 3.4 3.4 0 0 0-1.9 3.1v.7A3.4 3.4 0 0 0 6.6 8 2.9 2.9 0 0 0 7 9.6a4.1 4.1 0 0 0-2 2.8v.6a4 4 0 0 0 2.5 3.8 2.4 2.4 0 0 0 1.4.3H9a4 4 0 0 0 2.8-1.1h.2v12H0v4h32v-4zm-2 0h-2v-2h2z"})})),L1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M30.7 18a14.9 14.9 0 0 1-3.2-7.3A2 2 0 0 0 25.6 9h-8l1.7-1.7a2 2 0 0 0 1.1.3 2.7 2.7 0 1 0-2.7-2.7 2.7 2.7 0 0 0 .3 1.2l-1.7 1.7-1.6-1.6A2.4 2.4 0 0 0 15 5a2.7 2.7 0 1 0-2.7 2.7l1.2-.2L15 9H6.4a1.9 1.9 0 0 0-1.9 1.7A14.9 14.9 0 0 1 1.3 18 5.6 5.6 0 0 0 0 21.5v4.8a3.5 3.5 0 0 0 3.5 3.4h25a3.5 3.5 0 0 0 3.5-3.4v-4.8a5.6 5.6 0 0 0-1.3-3.5M28 25.7H4v-4.2a1.2 1.2 0 0 1 .3-.8h.1A18.4 18.4 0 0 0 8.1 13h15.8a18.4 18.4 0 0 0 3.7 7.6h.1a1.2 1.2 0 0 1 .3.8zm-11.9-8.6.5-.2H18l.7.2.6-1.6-.9-.2h-1.1a3.2 3.2 0 0 0-1.4.2l-1.2.5-.9.9-.6 1.1h-.7l-.4 1.3h1a.6.6 0 0 0-.1.4v.4h-.5l-.4 1.3h1.1a3.7 3.7 0 0 0 .5 1.1 2.4 2.4 0 0 0 .8.9 2.4 2.4 0 0 0 1.1.6 3.2 3.2 0 0 0 1.4.3l1.3-.2.9-.3-.5-1.6a2.4 2.4 0 0 1-1.5.4h-.7l-.6-.2-.5-.4c-.1-.2-.2-.3-.2-.5h2.2l.5-1.3h-3v-.8h3.2l.4-1.3h-3.2a.5.5 0 0 1 .3-.5 1 1 0 0 1 .5-.5"})})),R1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M0 13.097v-2.028L5.074 6.03 5.054 6h3.113v7.097H14V27H0zm18 0v-2.028l5.084-5.039-.03-.03h3.113v7.097H32V27H18z"})})),C1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M23.4 7h-15V5.5h15zm-4 1.5h-11V10h11zm10-7v13h-27v-13zm-2 2h-23v9h23zm-7 16v-5h-5zm4.5 8h-3.7c-2.1 0-3.6.9-3.6 3.6v.9h11v-.9c0-2.7-1.6-3.6-3.7-3.6m-1.8-1a2.7 2.7 0 0 0 2.7-2.7 2.8 2.8 0 0 0-2.7-2.8 2.9 2.9 0 0 0-2.8 2.8 2.8 2.8 0 0 0 2.8 2.7"})})),A1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M15 22v-6.157L12 19l-8.005-9H9l2.972 3.215L15 10h3c1.015 0 2 1 2 2.027v10.978L16.999 26H22v2h10v2H0v-2h9zm1-14a3 3 0 1 1 0-6 3 3 0 0 1 0 6"})})),P1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M16 8V4l-5 5 5 5v-4c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H8c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8"})})),E1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M7 27.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0M27.5 7a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m-1 1.3V15l2 2V8.3l-1 .2zM15.2 26.8l-.3-.3H8.4a3.1 3.1 0 0 1 .1 1 3.4 3.4 0 0 1-.1 1h8.5l-.3-.3zm8.5-21.3a3.6 3.6 0 0 1-.2-1 3 3 0 0 1 .2-1h-8.6l2 2zM5.5 23.6v-6.5l-.2-.2-1.4-1.5-.4-.3v8.5zM9.1.3.4 9.1l2.1 2.1 3.6-3.6L7.5 9l-3.6 3.6L5.3 14l2.2-2.1 1.4 1.4-2.2 2.1 1.4 1.5 3.6-3.6 1.4 1.4-3.5 3.6 1.4 1.4 2.1-2.2 1.5 1.4-2.2 2.2 1.4 1.4 3.6-3.6 1.4 1.4-3.6 3.6 1.4 1.4 2.2-2.1 1.4 1.4-2.2 2.2 1.5 1.4 3.5-3.6 1.5 1.4-3.6 3.6 2.1 2.1 8.7-8.7z"})})),q1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m32 29.119-9.825-9.825a12.217 12.217 0 1 0-2.88 2.881L29.118 32zm-19.771-8.746a8.145 8.145 0 1 1 0-16.289 8.145 8.145 0 0 1 0 16.29z"})})),k1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M4 28h24V16h4v16H0V16h4m10-8.3v15.4h4V7.7l4.4 4.4 2.8-2.8L16 .1 6.8 9.3l2.8 2.8z"})})),D1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M50 100C22.4 99.967.033 77.6 0 50h10c0 22.091 17.909 40 40 40s40-17.909 40-40-17.909-40-40-40V0c27.614 0 50 22.386 50 50s-22.386 50-50 50"})})),F1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M30 17.2c0 7.732-6.268 14-14 14s-14-6.268-14-14A14.1 14.1 0 0 1 7.1 6.4l2.8 2.9A9.9 9.9 0 0 0 6 17.2c0 5.523 4.477 10 10 10s10-4.477 10-10a9.9 9.9 0 0 0-3.9-7.9l2.8-2.9A14.1 14.1 0 0 1 30 17.2M18 2.8h-4v16h4z"})})),y1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M28 30v2H4v-2c0-6 3.4-8 8-8h8c4.6 0 8 2 8 8M10.1 12.9A3.7 3.7 0 0 0 10 14a6 6 0 1 0 12 0 3.7 3.7 0 0 0-.1-1.1L16 16.4zm14.1-3.4v4.9h2V8.3L28 7.2 16 0 4 7.2l12 7.2z"})})),T1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M23 8V3.1H9V8H0v22h32V8zM11 5.1h10V8H11zM28 26H4V12h24z"})})),U1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m24 21.828-4 2-4-2-4 2.016-4-2.016 5.257-5.257-4.085-4.086L17.657 4l2.828 2.828-5.657 5.657zm-1-6a3 3 0 1 1 0-6 3 3 0 0 1 0 6m5 12-4-2-4 2-4-2-4 2-4-2-4 2-4-2v-2l4 2 4-2 4 2 4-2 4 2 4-2 4 2 4-2v2z"})})),_1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 696.5","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M139.3 0v139.3H0V0zM1024 0v139.3H278.6V0zM139.3 278.6v139.3H0V278.6zm884.7 0v139.3H278.6V278.6zM139.3 557.2v139.3H0V557.2zm884.7 0v139.3H278.6V557.2z"})})),Q1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M4 4h6v6H4zm9 6h6V4h-6zm9-6v6h6V4zM4 19h6v-6H4zm9 0h6v-6h-6zm9 0h6v-6h-6zM4 28h6v-6H4zm9 0h6v-6h-6zm9 0h6v-6h-6z"})})),N1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M31.5 16.7V1.6S4 1.6 3 1.8A3.5 3.5 0 0 0 .5 5.2a3.9 3.9 0 0 0 .9 2.6 3.9 3.9 0 0 0-.9 2.6 3.4 3.4 0 0 0 .9 2.4 4.7 4.7 0 0 0-.9 2.8A3.4 3.4 0 0 0 3.9 19h6.7v6.7a4.7 4.7 0 0 0 4.7 4.7 1.2 1.2 0 0 0 1.1-1l1.2-6.1c.9-4.3 2.4-5.9 3.9-6.6z"})})),W1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M.5 15.3v15.1s27.5 0 28.5-.2a3.5 3.5 0 0 0 2.5-3.4 3.9 3.9 0 0 0-.9-2.6 3.9 3.9 0 0 0 .9-2.6 3.4 3.4 0 0 0-.9-2.4 4.7 4.7 0 0 0 .9-2.8 3.4 3.4 0 0 0-3.4-3.4h-6.7V6.3a4.7 4.7 0 0 0-4.7-4.7 1.2 1.2 0 0 0-1.1 1l-1.2 6.1c-.9 4.3-2.4 5.9-3.9 6.6z"})})),G1=e=>s.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:[s.jsx("path",{d:"M31 6h-8V2H13v4H5v4h2v24h22V10h2zM15 4h6v2h-6zm10 26H11V10h14z"}),s.jsx("path",{d:"M13.02 14H15v12h-1.98zM17 14h2v12h-2zm4.02 0H23v12h-1.98z"})]})),J1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M10.17 29c12.067 0 18.576-10.126 18.576-18.747v-.821c1.22-.958 2.44-2.053 3.254-3.421-1.22.547-2.44.82-3.797 1.094 1.356-.82 2.441-2.052 2.848-3.694-1.22.82-2.712 1.368-4.204 1.642C25.627 3.82 24 3 22.102 3c-3.661 0-6.509 3.01-6.509 6.568 0 .548 0 .958.136 1.506C10.305 10.8 5.424 8.2 2.305 4.232c-.542.684-.813 1.915-.813 3.147 0 2.326 1.22 4.379 2.847 5.474-1.085 0-2.034-.274-2.983-.821v.136c0 3.148 2.305 5.885 5.288 6.432-.542.137-1.085.274-1.763.274-.406 0-.813 0-1.22-.137.814 2.6 3.254 4.516 6.102 4.652-2.305 1.78-5.017 2.874-8.136 2.874-.542 0-1.085 0-1.627-.137C2.983 27.906 6.373 29 10.17 29"})})),K1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M27 28h4v4H1v-4h4v-3l-1-3.756 1.94-.486L6.751 24H10a1 1 0 0 1 1 1v3h3V18H1v-8l14.998-9L31 10v8H18v10h3v-3a1 1 0 0 1 1-1h3.219l.811-3.242 1.94.486L27 25zm-2 0v-2h-2v2zM9 28v-2H7v2zM5 12.071V14h22v-1.929L16 6.048z"})})),X1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M28.2 10.9h-1.9v-4H1v18.2h25.3V21h1.8l2.9 2.9V8.1zm-5.9 10.2H5.1V10.9h17.2z"})})),Y1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M7 13v6h4l5 5V8l-5 5zm13.5 3a4.5 4.5 0 0 0-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02M18 7.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77"})})),Z1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M20.5 16a4.5 4.5 0 0 0-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63m2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.8 8.8 0 0 0 25 16c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71M8.27 7 7 8.27 11.73 13H7v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a9 9 0 0 0 3.69-1.81L23.73 25 25 23.73l-9-9zM16 8l-2.09 2.09L16 12.18z"})})),$1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M20 21.4V29H4V13h8.6l-1.2 1.2a6.9 6.9 0 1 0 7.2 8.6zm-2.1-4.5 9-9-1.4-1.4-9 9zm9.8-8.2L18.5 18l-2.4.5-1.2-1.2.4-2.2 9.4-9.4-1.4-1.4-9.6 9.7-1.6 7.3 7.2-1.2 9.8-10z"})})),s2=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m23.2 18.9-2.9 2.8a5.5 5.5 0 0 0-8.6 0l-2.9-2.8a9.5 9.5 0 0 1 14.4 0M16 22.5a2.3 2.3 0 0 0-2.1 1.3l2.1 2 2.1-2a2.3 2.3 0 0 0-2.1-1.3m0-14.3a16.8 16.8 0 0 0-12.5 5.5l2.8 2.8a12.9 12.9 0 0 1 19.4 0l2.8-2.8A16.8 16.8 0 0 0 16 8.2"})})),a2=Object.freeze(Object.defineProperty({__proto__:null,AlertIcon:a,AnnouncementIcon:l,ApiIcon:h,BallIcon:n,BellIcon:v,BroomIcon:t,BuildingIcon:o,BuildingsIcon:i,CalendarIcon:c,CameraIcon:d,CarIcon:g,CardIcon:r,ChargingPointIcon:w,ChatBubbleIcon:x,ChattingIcon:u,CheckmarkIcon:m,ChevronDownIcon:j,ChevronLeftIcon:f,ChevronRightIcon:z,ChevronSortingIcon:p,ChevronUpIcon:b,ClockIcon:H,CloseIcon:M,CollaborateIcon:V,DataIcon:S,DocumentCheckmarkIcon:I,DocumentEditIcon:O,DocumentEuroSignIcon:L,DocumentIcon:B,DocumentTextIcon:R,DownloadIcon:C,EclipseIcon:A,EditDocumentIcon:P,EllipsisIcon:E,EmailIcon:q,EmbedIcon:k,EnergyIcon:D,EnlargeFontIcon:y,EnlargeIcon:F,EuroCoinIcon:T,ExternalLinkIcon:U,FacebookIcon:_,FacebookPaddedIcon:Q,FastForwardIcon:N,FavouriteIcon:W,FilterIcon:G,FontEnlargeIcon:J,FullScreenIcon:K,HandEuroCoinIcon:X,HandicapIcon:Y,HousePlantIcon:Z,HousingIcon:$,IdentityCardIcon:s1,IndeterminateIcon:e1,InfoIcon:a1,LampIcon:l1,LayersIcon:h1,LinkedinIcon:n1,ListIcon:v1,LocationFieldsIcon:o1,LocationIcon:t1,LoginIcon:i1,LogoutIcon:c1,MapIcon:d1,MapLayersIcon:g1,MarketStallIcon:r1,MenuIcon:w1,MinimiseIcon:x1,MinimizeIcon:u1,OpeningHoursIcon:m1,PanoIcon:j1,PassportIcon:f1,PauseIcon:z1,PersonDeskIcon:p1,PersonalLoginIcon:b1,PhoneIcon:H1,PictureIcon:M1,PlaneIcon:V1,PlayIcon:S1,PointerIcon:B1,PrintIcon:I1,PublicParksIcon:O1,PurseIcon:L1,QuoteIcon:R1,ReactionIcon:C1,ReligionIcon:A1,ReplayIcon:P1,RulerIcon:E1,SearchIcon:q1,ShareIcon:k1,SpinnerIcon:D1,StopIcon:F1,StudentIcon:y1,SuitcaseIcon:T1,SwimmingIcon:U1,TableIcon:_1,ThumbnailResultsIcon:Q1,ThumbsDownIcon:N1,ThumbsUpIcon:W1,TrashBinIcon:G1,TwitterIcon:J1,UmbrellaChairsIcon:K1,VideoIcon:X1,VolumeIcon:Y1,VolumeOffIcon:Z1,VoteIcon:$1,WifiIcon:s2},Symbol.toStringTag,{value:"Module"}));export{a2 as I,a as S,a1 as a,m as b,M as c,q as d,z as e,u as f,$ as g,H1 as h,b1 as i,q1 as j,l as k,f as l,t1 as m,g as n,f1 as o,L as p,G1 as q,j as r,H as s,J1 as t,_ as u,n1 as v,d as w,B as x}; +import{j as s}from"./jsx-runtime-BjgbQsUx.js";const a=e=>s.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:[s.jsx("path",{d:"M33.63 30.9H2.37L18 3zm-24.44-4h17.62L18 11.19z"}),s.jsx("path",{d:"M17 16.99h2v4.95h-2zm0 5.95h2v1.95h-2z"})]})),l=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"m28.291 13.29 3.062-3.062 1.414 1.414-3.062 3.062zm.022 9.429 1.385-1.443 3.059 2.937-1.386 1.443zM30 17h4v2h-4zm-5-3.22V2.16L9.43 10.5H2v15h7.43l1.46.78-4.3 4.3 2.83 2.83 5.16-5.16L25 33.84V22.22a4.47 4.47 0 0 0 0-8.45zM6 21.5v-7h4v7zm15 5.66-9-4.82v-8.68l9-4.82z"})})),h=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M18.593 17.812a.94.94 0 0 1 0 1.326l-2.217 2.216 2.12 2.12L16.975 25H9.126l-5 5L2 27.879l4.99-4.99V15.01l1.521-1.521 2.12 2.12 2.217-2.217a.937.937 0 1 1 1.325 1.326l-2.216 2.217 3.093 3.093 2.217-2.216a.94.94 0 0 1 1.326 0M30 4.121 27.879 2l-4.907 4.907-.9-.9h-6l-3.1 3 10 10 3.1-3v-6l-.982-.982z","data-name":"plat klein"})})),n=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M20.06 15a9.01 9.01 0 0 1 4.215-6.622A11.22 11.22 0 0 0 17 4.794V15zm2.017 0h5.13a11.2 11.2 0 0 0-1.705-5.025A7.01 7.01 0 0 0 22.077 15m-.011 2a7.01 7.01 0 0 0 3.398 5.085A11.2 11.2 0 0 0 27.206 17zm-2.015 0H17v10.206a11.22 11.22 0 0 0 7.227-3.532A9.01 9.01 0 0 1 20.05 17zm-8.106 0a9.01 9.01 0 0 1-4.196 6.648A11.22 11.22 0 0 0 15 27.206V17zm-2.016 0H4.794c.163 1.85.773 3.571 1.723 5.055A7.01 7.01 0 0 0 9.929 17m0-2a7.01 7.01 0 0 0-3.412-5.055A11.2 11.2 0 0 0 4.794 15zm2.016 0H15V4.794a11.22 11.22 0 0 0-7.25 3.558A9.01 9.01 0 0 1 11.944 15zM16 31C7.716 31 1 24.284 1 16S7.716 1 16 1s15 6.716 15 15-6.716 15-15 15"})})),v=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M12 28H0v-4h1a4 4 0 0 0 4-4V10a8 8 0 0 1 8-8h1a2 2 0 1 1 4 0h1a8 8 0 0 1 8 8v10a4 4 0 0 0 4 4h1v4H20a4 4 0 1 1-8 0m2 0a2 2 0 1 0 4 0zM9 10v10c0 1.457-.39 2.823-1.07 4h16.14A7.96 7.96 0 0 1 23 20V10a4 4 0 0 0-4-4h-6a4 4 0 0 0-4 4"})})),t=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"m7.83 0 11.23 22.39 3.789-1.925.924 1.84-.652.33 3.879 3.8L15.728 32l-.494-5.355-.786.4-.925-1.84 3.708-1.885L6 .928z"})})),o=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M5 0v32h22V0zm18 28H9V4h14zm-8-17h-4V7h4zm0 7h-4v-4h4zm6-7h-4V7h4zm0 7h-4v-4h4zm-6 7h-4v-4h4zm6 0h-4v-4h4z"})})),i=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M22 7V0H0v32h32V7zM4 28V4h14v24zm26 2h-8V9h8zM6 7h4v4H6zm0 7h4v4H6zm10-3h-4V7h4zm0 7h-4v-4h4zm10 0h-2v-2h4v2zm0 4h-2v-2h4v2zm0 4h-2v-2h4v2zm0-12h-2v-2h4v2zM6 21h4v4H6zm10 4h-4v-4h4z"})})),c=e=>s.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:[s.jsx("path",{d:"M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z"}),s.jsx("path",{d:"M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z"})]})),d=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M24 5V3H8v2H0v25h32V5zm4 21H4V9h24zm-12-2a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13m0-11a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9m10 0h-2v-2h2z"})})),g=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M24 20a3 3 0 1 1 0 6 3 3 0 0 1 0-6M7 20a3 3 0 1 1 0 6 3 3 0 0 1 0-6M19 7l7 7h6v9h-3a5 5 0 0 0-10 0h-7a5 5 0 0 0-10 0H0v-9l7-7zm-1 2h-5v5h9.962zm-7 0H8l-5 5h8z"})})),r=e=>s.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:[s.jsx("path",{d:"M34 30H2V6h32zM6 26h24V10H6z"}),s.jsx("circle",{cx:12.8,cy:15.21,r:3.21}),s.jsx("path",{d:"M15.6 19.2H10a2 2 0 0 0-2 2V24h9.6v-2.8a2 2 0 0 0-2-2M28 17h-3v-3h-2v3h-3v2h3v3h2v-3h3z"})]})),w=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M17 28V5H7v23zm2-6h5c.46 0 .998-.533.998-.996V15H23v-2h-1V9h1V6h2v3h2V6h2v3h1v4h-1v2h-2.003v6.002C27 22.575 25.56 24 24 24h-5v4h13v4H0v-4h5V1h14zm-6-11v4h3l-5 6v-4H8z"})})),x=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M23.5 12.5h-17v-2h17zm-4 2h-13v2h13zm12-9.5v17h-11v5l-5-5H.5V5zm-2 2h-27v13h27z"})})),u=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M23.5 7h-15V5.5h15zm-4 1.5h-11V10h11zm10-7v13h-9v5l-5-5h-13v-13zm-2 2h-23v9h23zm-2.5 24h-3.7c-2.1 0-3.6.9-3.6 3.6v.9h11v-.9c0-2.7-1.6-3.6-3.7-3.6m.9-3.7a2.8 2.8 0 1 0-5.5-1.054 2.8 2.8 0 0 0 5.5 1.054M11 27.5H7.3c-2.1 0-3.6.9-3.6 3.6v.9h11v-.9c0-2.7-1.6-3.6-3.7-3.6m.9-3.7a2.8 2.8 0 1 0-5.5 0 2.7 2.7 0 0 0 2.8 2.7 2.7 2.7 0 0 0 2.7-2.7"})})),m=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M12.216 27.016 0 14.168l2.91-2.77 9.346 9.837L29.129 4 32 6.8z"})})),j=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m16 25.757-16-16 2.91-2.9L16 19.937l13.09-13.08 2.91 2.9z"})})),f=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m22.857 32-16-16 16-16 2.9 2.91L12.677 16l13.08 13.09z"})})),z=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m9.757 32-2.9-2.91L19.937 16 6.857 2.91 9.757 0l16 16z"})})),p=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 15","aria-hidden":"true",focusable:"false"},e,{children:s.jsxs("g",{fillRule:"evenodd",children:[s.jsx("path",{d:"M6 14 1 8.92 1.91 8 6 12.152 10.09 8l.91.92z",className:"chevron-down"}),s.jsx("path",{d:"M6 1 1 6.08l.91.92L6 2.848 10.09 7l.91-.92z",className:"chevron-up"})]})})),b=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M29.09 25.757 16 12.677 2.91 25.757 0 22.857l16-16 16 16z"})})),H=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16A16 16 0 0 0 16 0m.9 28v-2h-2v1.9A11.8 11.8 0 0 1 4.1 17H6v-2H4.1A11.8 11.8 0 0 1 15 4.1V6h2V4.1A11.8 11.8 0 0 1 27.9 15H26v2h1.9a11.9 11.9 0 0 1-11 11m.1-13h4v2h-6V9h2z"})})),M=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M29.333 5.47 26.53 2.668 16 13.187 5.47 2.666 2.668 5.47 13.187 16 2.666 26.53l2.804 2.803L16 18.813l10.53 10.52 2.803-2.804L18.813 16z"})})),V=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m26.3 18.3 5.3-5.3L19.9 1.4l-4.2 4.2-3.8-3.8L.5 13.2l5.4 5.4-1.2 1.2a2.9 2.9 0 0 0 0 4.2 2.9 2.9 0 0 0 2.1.9 3.1 3.1 0 0 0 .9 2.2 3.3 3.3 0 0 0 2.2.8 3.3 3.3 0 0 0 .8 2.2 3.1 3.1 0 0 0 2.2.9 2.7 2.7 0 0 0 2.1-.9l1.2-1.2.9.9a3.3 3.3 0 0 0 2.1.9 3.4 3.4 0 0 0 2.2-.9 3.1 3.1 0 0 0 .9-2.2 2.9 2.9 0 0 0 2.1-.9 2.7 2.7 0 0 0 .9-2.1 3.1 3.1 0 0 0 3-3 3.1 3.1 0 0 0-.9-2.2zM19.9 4.2l8.8 8.8-3.5 3.6-.3.3-7.2-7.2-2.4 2.4a1.2 1.2 0 0 1-1.6 0 1.2 1.2 0 0 1 0-1.7zM7.6 22.6a1.1 1.1 0 0 1-1.5 0 1 1 0 0 1 0-1.4L7.3 20l1.5 1.4zm3 3a1.1 1.1 0 0 1-1.5 0 .9.9 0 0 1-.3-.7 1.1 1.1 0 0 1 .3-.7l1.2-1.2 1.5 1.5zm3 3.1a1 1 0 0 1-1.4 0 1.1 1.1 0 0 1-.3-.8 1.1 1.1 0 0 1 .3-.7l1.1-1.2 1.5 1.5zM26 22.3a1 1 0 0 1-1.4 0L21.3 19l-1.6 1.6 3.3 3.3a1 1 0 0 1 0 1.4 1.1 1.1 0 0 1-.7.3 1.1 1.1 0 0 1-.8-.3l-3.2-3.2-1.6 1.5 3.3 3.3a1.1 1.1 0 0 1 0 1.5 1.1 1.1 0 0 1-.8.3 1.1 1.1 0 0 1-.7-.3L3.3 13.2l.2-.2 8.4-8.4L14.3 7l-2 2a3.1 3.1 0 0 0 0 4.5 3.3 3.3 0 0 0 4.5 0l.9-.9 8.3 8.3a1 1 0 0 1 0 1.4"})})),S=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M2 6c0-1.1 6.3-2 14-2s14 .9 14 2v4c0 1.1-6.3 2-14 2s-14-.9-14-2zm0 20c0 1.1 6.3 2 14 2s14-.9 14-2v-4c0 1.1-6.3 2-14 2s-14-.9-14-2zm0-8c0 1.1 6.3 2 14 2s14-.9 14-2v-4c0 1.1-6.3 2-14 2s-14-.9-14-2z"})})),B=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M21.83 2H6v32h24V10.17zM10 30V6h10v6h6v18z"})})),I=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M16.484 4H32v28H9V18a9 9 0 1 1 7.484-14M13 17.064V28h15V8H17.945a9.1 9.1 0 0 1-.168 3H26v2h-8.936a9 9 0 0 1-1.356 2H26v2H15v-1.292c-.6.537-1.272.995-2 1.356M15 19h11v2H15zm0 4h11v2H15zm-6-7A7 7 0 1 0 9 2a7 7 0 0 0 0 14M6.67 7.797l2.121 2.121 3.539-3.539 1.414 1.415-4.953 4.952-3.535-3.535z"})})),O=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m19.938 24.1 3.987-4V32H0V0h15.75l7.079 7.1-2.891 2.9h-5.982V4H3.988v24h15.95zm-5.583-1 4.187-1.2L32 7.8l-2.99-3-13.459 14z"})})),L=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M19.83 0 28 8.17V32H4V0zm-1.66 4H8v24h16V9.83zM22 24v2H10v-2zm0-4v2H10v-2zm0-4v2H10v-2zM14.6 6q.472 0 .955.086t.794.236l-.526 1.35a2.2 2.2 0 0 0-.584-.181 4 4 0 0 0-.692-.065q-.279 0-.547.07a2 2 0 0 0-.499.204 1.7 1.7 0 0 0-.413.338q-.182.204-.278.46h2.841l-.375 1.116H12.51a1 1 0 0 0-.021.188v.386q0 .102.01.187h2.585l-.365 1.105h-1.994q.075.225.236.423.161.199.397.344t.525.225a2.3 2.3 0 0 0 .611.08q.794 0 1.362-.332l.397 1.362a3 3 0 0 1-.799.3 4.6 4.6 0 0 1-1.088.118q-.708 0-1.271-.193a3.2 3.2 0 0 1-.981-.53 3.1 3.1 0 0 1-.703-.8 3.6 3.6 0 0 1-.423-.997H10l.365-1.105h.482a2 2 0 0 1-.01-.193V10q0-.193.032-.386h-.837l.386-1.115h.611q.172-.59.505-1.051.332-.462.798-.783a3.7 3.7 0 0 1 1.04-.493A4.3 4.3 0 0 1 14.602 6z"})})),R=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"m17.6 5 5.4 5.4V27H9V5zm1.3-3H6v28h20V9.1zM11 16h10v-2H11zm0 4h10v-2H11zm0 4h10v-2H11z"})})),C=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M0 27.996h32V32H0zm22.36-13.983 2.83 2.823L16 26.044l-9.19-9.208 2.83-2.823L14 18.377V0h4v18.377z"})})),A=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M784 565.599H675.401V457H784zm-217.198 0H458.203V457h108.6zm-218.203 0H240V457h108.599z"})})),P=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m19.938 24.1 3.987-4V32H0V0h15.75l7.079 7.1-2.891 2.9h-5.982V4H3.988v24h15.95zm-5.583-1 4.187-1.2L32 7.8l-2.99-3-13.459 14z"})})),E=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M14.375 9.256H11.83V6.711h2.545zm-5.09 0H6.739V6.711h2.545v2.545zm-5.115 0H1.625V6.711H4.17z"})})),q=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M0 4v24h32V4zm16.12 12.33L6 8h20.06zM11.33 15 4 21.78V8.94zm1.56 1.28 3.24 2.67 3.08-2.58L27.45 24H4.55zm7.87-1.2L28 9v12.8z"})})),k=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"m18.14 6 1.86.498L14.86 25 13 24.502zM11 9.55 5.077 15.5 11 21.45 8.462 24 0 15.5 8.462 7zm10 11.9 5.923-5.95L21 9.55 23.538 7 32 15.5 23.538 24z"})})),D=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m6.8 32 8.6-15.7H4L14.9 0h12.5L16.2 11.3h11.4z"})})),F=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M32 14H18V0h-4v14H0v4h14v14h4V18h14z"})})),y=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"m17.83 21.64 1.51 3.64h8.36L29.56 30H34L24 6h-5.59l-3.56 8.48L17 19.62l4.13-9.21 5 11.24zM15.84 30l-1.24-3.14H6.4L5.23 30H2l6.74-16h3.75l6.64 16zm-5.3-12.73-3 6.49h6z"})})),T=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M16 2c7.732 0 14 6.268 14 14s-6.268 14-14 14S2 23.732 2 16 8.268 2 16 2m0 4C10.477 6 6 10.477 6 16s4.477 10 10 10 10-4.477 10-10S21.523 6 16 6m.75 5q.591 0 1.194.107.602.108.992.295l-.657 1.69a2.8 2.8 0 0 0-.73-.229 5 5 0 0 0-.865-.08q-.349 0-.684.087a2.5 2.5 0 0 0-.623.255 2.1 2.1 0 0 0-.516.422 1.8 1.8 0 0 0-.349.576h3.552l-.469 1.394h-3.458a1 1 0 0 0-.027.235v.483q0 .127.013.234h3.23l-.455 1.38h-2.493q.093.283.295.53.201.249.496.43.294.18.657.28.361.102.764.101.99 0 1.702-.415l.496 1.702a3.7 3.7 0 0 1-.999.376q-.61.147-1.36.147-.885 0-1.589-.241a4 4 0 0 1-1.226-.664 3.9 3.9 0 0 1-.878-.998 4.5 4.5 0 0 1-.53-1.247H11l.456-1.38h.603a2 2 0 0 1-.013-.242V16q0-.24.04-.483H11.04l.483-1.394h.764a4.3 4.3 0 0 1 .63-1.313q.415-.576.999-.979a4.6 4.6 0 0 1 1.3-.617Q15.933 11 16.751 11z"})})),U=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M19.006 0H32.01v12.992h-4.002V6.826L14.434 20.417l-2.83-2.818L25.187 3.998h-6.182zm7.002 13.991L26.018 32H.01V6.016h17.975l-3.98 3.978.02.02H4.01v17.988h18.006l-.01-10.013 4-3.998z"})})),_=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 30 30","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"m24.508 18.126.636-4.606H20.37v-2.97c0-1.33.424-2.252 2.334-2.252h2.545V4.205C24.826 4.102 23.34 4 21.538 4c-3.712 0-6.152 2.15-6.152 6.142v3.378H11.25v4.606h4.136V30h4.985V18.126z"})})),Q=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"m667.709 541.102 15.874-119.055H564.528v-76.724c0-34.394 10.582-58.205 58.204-58.205h63.496V181.291C675.646 178.646 638.606 176 593.63 176c-92.599 0-153.449 55.56-153.449 158.74v87.307H337v119.055h103.181V848h124.347V541.102z"})})),N=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m16.7 17-9.5 9.5-2.9-2.8L11 17l-6.7-6.6 2.9-2.9zm1.5-9.5-2.9 2.9L22 17l-6.7 6.7 2.9 2.8 9.5-9.5z"})})),W=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M16.15 25.325C23.29 18.86 28 14.585 28 10.25c0-3-2.25-5.25-5.25-5.25-2.31 0-4.56 1.485-5.34 3.54h-2.805C13.809 6.485 11.559 5 9.25 5 6.25 5 4 7.25 4 10.25c0 4.335 4.71 8.61 11.85 15.075l.15.15zm-.136 5.807-2.92-2.905c-5.113-4.631-6.99-6.421-8.886-8.638C1.45 16.366 0 13.453 0 10.25 0 5.04 4.04 1 9.25 1c2.515 0 4.953 1.01 6.751 2.685C17.796 2.011 20.234 1 22.75 1 27.96 1 32 5.04 32 10.25c0 3.203-1.45 6.116-4.209 9.34-1.895 2.214-3.768 4-8.88 8.63z"})})),G=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M.3 0v4.7l9.6 9.6V32h6l6.2-5.5V14.3l9.6-9.6V0zm17.5 12.5v12l-3.6 3.2V12.5L6.1 4.3h19.8z"})})),J=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m22 4.571 10 24h-4.44l-1.86-4.72h-8.36l-1.51-3.64 8.3.01-5-11.24-4.13 9.21-2.15-5.14 3.56-8.48zm-11.51 8 6.64 16h-3.29l-1.24-3.14H4.4l-1.17 3.14H0l6.74-16zm-1.95 3.27-3 6.49h6z"})})),K=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M0 14V.1h14v4.2H4.2V14zm25 13.7h2.8V18H32v13.9H18v-4.2zM18 0h14v14.1h-4.2V4.2H18zM4.2 17.9v9.9H14V32H0V17.9z"})})),X=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M20 21c1.076 0 2 .454 2 2s-1.112 2-2 2h-5q-2 0-2 2h8c.62 0 .817-.228.965-.342l6.823-5.244a2 2 0 1 1 2.437 3.172l-7.187 5.524c-.6.46-1.43.86-2.729.869a4 4 0 0 1-.18.006H0V25h3.987l2.566-2.453A6.3 6.3 0 0 1 10.665 21zM16 1a9 9 0 1 1 0 18 9 9 0 0 1 0-18m0 2a7 7 0 1 0 0 14 7 7 0 0 0 0-14m.6 3q.472 0 .955.086t.794.236l-.526 1.35a2.2 2.2 0 0 0-.584-.181 4 4 0 0 0-.692-.065q-.279 0-.547.07a2 2 0 0 0-.499.204 1.7 1.7 0 0 0-.413.338q-.182.204-.278.46h2.841l-.375 1.116H14.51a1 1 0 0 0-.021.188v.386q0 .102.01.187h2.585l-.365 1.105h-1.994q.075.225.236.423.161.199.397.344t.525.225a2.3 2.3 0 0 0 .611.08q.794 0 1.362-.332l.397 1.362a3 3 0 0 1-.799.3 4.6 4.6 0 0 1-1.088.118q-.708 0-1.271-.193a3.2 3.2 0 0 1-.981-.53 3.1 3.1 0 0 1-.703-.8 3.6 3.6 0 0 1-.423-.997H12l.365-1.105h.482a2 2 0 0 1-.01-.193V10q0-.193.032-.386h-.837l.386-1.115h.611q.172-.59.505-1.051.332-.462.798-.783a3.7 3.7 0 0 1 1.04-.493A4.3 4.3 0 0 1 16.602 6z"})})),Y=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M8.2 3a3 3 0 1 1 6 0 3 3 0 0 1-6 0m2 27a6 6 0 0 1-6-6 6.1 6.1 0 0 1 2-4.5v-2.4a7.9 7.9 0 0 0-4 6.9 8 8 0 0 0 15.7 2h-2.1a6 6 0 0 1-5.6 4m8.6-11h-5.6v-5.2l3 3.2h7v-4h-5l-5-5h-3a2.2 2.2 0 0 0-2 2v11.1l2.9 2.9h6.7l6 6h6z"})})),Z=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m24 24-1 4h8v4H1v-4h8l-.96-4zm.102-12s-1.032 6.103-2.387 7.493a3.515 3.515 0 0 1-4.43.499 2.8 2.8 0 0 0-.277.909l-.008.165v2.929h-2v-2.929c0-.825.305-1.801.934-2.721a3.51 3.51 0 0 1 .742-3.758C18.31 12.907 24.102 12 24.102 12M7.616 14.932s4.233.469 5.242 1.345a2.421 2.421 0 0 1-3.173 3.656c-1.219-1.058-2.069-5.001-2.069-5.001M15.998 1l15.062 9.291L31 18h-4l.043-5.487-11.04-6.81L5 12.515V18H1v-7.712z"})})),$=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M14 28h4.008v-8H14zm-2 0V18h8.008v10H28V12.98L16 5 4 13.516V28zM0 32V11.022L16 0l16 11.022V32z"})})),s1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M32 4v24H0V4zm-4 4H4v16h24zm-14.4 9.2a2 2 0 0 1 2 2V22H6v-2.8a2 2 0 0 1 2-2zM23 12v3h3v2h-3v3h-2v-3h-3v-2h3v-3zm-12.2-2a3.21 3.21 0 1 1 0 6.42 3.21 3.21 0 0 1 0-6.42"})})),e1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M4.9 14H27v4H4.9z",clipRule:"evenodd"})})),a1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 28 28","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M14 0C6.3 0 0 6.3 0 14s6.3 14 14 14 14-6.3 14-14S21.7 0 14 0m0 24C8.5 24 4 19.5 4 14S8.5 4 14 4s10 4.5 10 10-4.5 10-10 10M13 9h2V7h-2zm0 12h2V11h-2z"})})),l1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M32 14v2h-4v-2zM4 14v2H0v-2zM26.707 3.879l1.414 1.414-2.828 2.828-1.414-1.414zm-21.414 0L8.12 6.707 6.707 8.121 3.88 5.293zM17 0v4h-2V0zm2 32h-6v-1h-1.973v-3H9.034q-.032-3-.032-5C9.002 21 6 19 6 15c0-5.376 4.383-9 10-9 5.665 0 10.001 3.613 10 9 0 4-3 6-3 8v5h-2v3h-2zm.06-9c0-2.808 2.94-5 2.94-8s-2.4-5-6-5c-3.535 0-6 2-6 5s3.034 5.176 3.034 8v2.061h6.026zM13 27h6v2h-6z"})})),h1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M3.8 11.4 16 17.8l12.2-6.4L16 5zM16 2.6 32 11v.9l-16 8.3-16-8.3V11zm12.1 11.9 3.9 2.1v.9l-16 8.3-16-8.3v-.9l3.9-2.1 2.3 1.3L3.8 17 16 23.4 28.2 17l-2.4-1.2zm0 5.6 3.9 2v.9l-16 8.4L0 23v-.9l3.9-2 2.3 1.3-2.4 1.2L16 29l12.2-6.4-2.4-1.2z"})})),n1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M11 10.452V32h6.696V21.301c0-2.863.608-5.575 4.108-5.575s3.5 3.164 3.5 5.726V32H32V20.247C32 14.37 30.783 10 23.935 10c-3.348 0-5.478 1.808-6.392 3.466h-.152v-3.014zM0 11h7v21H0zm4-3a4 4 0 1 1 0-8 4 4 0 0 1 0 8"})})),v1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M30.7 22v4H9.3v-4zM5.3 22v4h-4v-4zm25.4-8v4H9.3v-4zM5.3 14v4h-4v-4zm25.4-8v4H9.3V6zM5.3 6v4h-4V6z"})})),t1=e=>s.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:[s.jsx("path",{d:"m18 33.42-1.2-1.06C16.36 32 6.18 22.91 6.18 14a11.82 11.82 0 0 1 23.64 0c0 8.91-10.18 18-10.62 18.36zm0-27.6A8.19 8.19 0 0 0 9.82 14c0 5.26 5.12 11.45 8.17 14.49C20.52 26 26.18 19.67 26.18 14A8.19 8.19 0 0 0 18 5.82"}),s.jsx("circle",{cx:18,cy:14,r:4})]})),o1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M18.375 13.718C20.035 11.588 21 9.525 21 7.81 21 5.166 18.774 3 16 3s-5 2.166-5 4.81c0 1.715.965 3.778 2.625 5.908a25.5 25.5 0 0 0 2.377 2.628 26 26 0 0 0 2.373-2.628M16 19l-.71-.61C15.028 18.181 9 12.943 9 7.81 9 4.05 12.134 1 16 1s7 3.05 7 6.81c0 5.134-6.029 10.372-6.29 10.58zM1 31l5-10h2l-3 6h18l2 4zm9-10h10l2 4H8zm15 6h4l2 4h-4zm-3-6h4l2 4h-4zm-6-11a2 2 0 1 1 0-4 2 2 0 0 1 0 4"})})),i1=e=>s.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:[s.jsx("path",{d:"M20 2v4h10v24H20v4h14V2z"}),s.jsx("path",{d:"M18.82 8.81 16 11.64 20.36 16H2v4h18.36L16 24.36l2.82 2.83 9.2-9.19z"})]})),c1=e=>s.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:[s.jsx("path",{d:"M16 6V2H2v32h14v-4H6V6z"}),s.jsx("path",{d:"M24.82 8.81 22 11.64 26.36 16H8v4h18.36L22 24.36l2.82 2.83 9.2-9.19z"})]})),d1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M2 29.7c0 .3.2.4.4.2l7.2-4.5c.2-.1.4-.4.4-.7V2.3c0-.3-.2-.4-.4-.2L2.4 6.5c-.2.2-.4.5-.4.8zM12 2.3c0-.3.2-.4.4-.2l7.2 4.5c.2.1.4.4.4.7v22.4c0 .3-.2.4-.4.2l-7.2-4.5c-.2-.1-.4-.4-.4-.7zm10 27.4c0 .3.2.4.4.2l7.2-4.5c.2-.1.4-.5.4-.8V2.3c0-.3-.2-.4-.4-.2l-7.2 4.5c-.2.1-.4.4-.4.7z"})})),g1=e=>s.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 553.8 536.5","aria-hidden":"true",focusable:"false"},e,{children:[s.jsx("path",{d:"M278 320.6 0 156.1 270.1 0l278 164.6zM67.2 156.4l211 124.9 202.6-117.1-211-124.9z"}),s.jsx("path",{d:"m446 253.8 34.9 20.6-202.7 117.1-211-124.9 34.7-20-33.5-19.8L0 266.3l278 164.6 270.1-156.1-68.4-40.5z"}),s.jsx("path",{d:"m446 354.2 34.9 20.7L278.2 492l-211-124.9 34.7-20.1-33.5-19.8L0 366.7l278 164.6 270.1-156.1-68.4-40.5z"})]})),r1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M4 0h24l4 13h-4v11h2v2h-2v6h-4v-6H8v6H4v-6H2v-2h2V13H0zm1 10h22l-2-6H7zm3 14h16V12H8z"})})),w1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M0 3.238h32V7.81H0zm0 10.476h32v4.572H0zM0 24.19h32v4.572H0z"})})),x1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M0 13.714h32v4H0z"})})),u1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M31.9 14.1H18V0h4.2v9.9h9.7zM9.8 32v-9.8H0v-4.3h14V32zM14 .1V14H0V9.8h9.8V.1zm18 22.1h-9.8v9.7H18V18h14z"})})),m1=e=>s.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:[s.jsx("path",{d:"M21 16h-4v-5h2v3h2z"}),s.jsx("path",{d:"M18 2.18A11.83 11.83 0 0 0 6.18 14c0 8.91 10.18 18 10.62 18.36l1.2 1.06 1.2-1.06C19.64 32 29.82 22.91 29.82 14A11.83 11.83 0 0 0 18 2.18m0 26.31c-2.68-2.66-6.94-7.74-8-12.49h2v-2H9.82A8.19 8.19 0 0 1 17 5.89V8h2V5.89A8.19 8.19 0 0 1 26.18 14H24v2h2c-1.1 5.09-5.77 10.26-8 12.49"})]})),j1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M22.3 19.9c0 1-.8 1.9-2.1 2.5-1.5.6-3 .9-4.6.9s-3.2-.3-4.6-.9-2.1-1.5-2.1-2.5v-.2l3.5-8.1v-.1c-2.3-1.8-2.8-5.1-1-7.4s5.1-2.8 7.4-1 2.8 5.1 1 7.4c-.3.4-.6.7-1 1v.1l3.5 8.1c-.1.1 0 .1 0 .2M30 30l-1.4-5.3-.9-3.2c.9-1.8 1.3-3.8 1.3-5.7v-.5c0-5.1-2.9-9.7-7.5-11.9.8 1.2 1.2 2.6 1.2 4v.3l.3.3c2 1.9 3.1 4.6 3.1 7.3v.5c0 5.7-4.7 10.4-10.4 10.4h-.5c-5.7 0-10.4-4.7-10.4-10.4v-.5c0-2.8 1.1-5.4 3-7.3l.3-.3v-.3c0-1.4.4-2.8 1.2-4C4.9 5.6 2 10.2 2 15.3v.5C2 23.1 8 29 15.3 29h.5c2 0 4-.4 5.7-1.3l3.2.9z"})})),f1=e=>s.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:[s.jsx("path",{d:"M24 26v-1c0-3-1.7-4-4-4h-4c-2.31 0-4 1-4 4v1z"}),s.jsx("circle",{cx:18,cy:17.01,r:2.99}),s.jsx("path",{d:"M26 6V2L5 6v28h26V6zm1 24H9V10h18z"})]})),z1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M14 24h-4V8h4zm8-16h-4v16h4z"})})),p1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M30 16v2h-2v12h-2v-2H6v2H4V18H2v-2zm-4 4H6v4h20zM18 8.98c2.3 0 4 1 4 4v1H10v-1c0-3 1.69-4 4-4zM16 2a2.99 2.99 0 1 1 0 5.98A2.99 2.99 0 0 1 16 2"})})),b1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M31 32H1v-2.5c0-7.5 4.2-10 10-10h10c5.8 0 10 2.5 10 10zM16 17a7.6 7.6 0 0 0 7.5-7.5 7.5 7.5 0 0 0-15 0A7.6 7.6 0 0 0 16 17"})})),H1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M31.5 26.9s-3.1 3.4-5.6 3.6-9.2-3.2-14.7-8.7-9-11.4-8.7-14.7 3.6-5.6 3.6-5.6l7.1 7.1-2.8 2.8 11.2 11.2 2.8-2.8z"})})),M1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M0 3v26h32V3zm28 14.6-5.7-5.9-4.3 4.4 1.3 1.3 3-3 5.7 5.9V25H4.8l8.5-8.6 2.1 2.2 1.4 1.4 2.8 3 1.3-1.2-7.9-7.9-9 9.2V7h24zM6 11a2 2 0 1 1 4 0 2 2 0 0 1-4 0"})})),V1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M13.458 18.445H4.785l-2.392 3.789H0l1.196-6.28L0 9.672h2.393l2.392 3.788h8.673L9.769 1h3.09l7.976 12.461h8.673a2.492 2.492 0 1 1 0 4.984h-8.673L12.86 30.907H9.77z"})})),S1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M8 6v20l16-10z"})})),B1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M28.8 14A12.8 12.8 0 0 0 18 3.2V0h-4v3.2A12.7 12.7 0 0 0 3.2 14H0v4h3.2A12.7 12.7 0 0 0 14 28.8V32h4v-3.2A12.9 12.9 0 0 0 28.8 18H32v-4zM16 25a9 9 0 1 1 0-18 9 9 0 0 1 0 18m5-9a5 5 0 1 1-10 0 5 5 0 0 1 10 0"})})),I1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M27 12h5v16h-5v4H5v-4H0V12h5V0h16.41L27 5.59zM7 2v10h18V7h-5V2zm18 28V20H7v10zM9 22h14v2H9zm0 4h14v2H9z"})})),O1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M25 28v-3a.9.9 0 0 0-1-1h-3.2l-.9-3.2-1.9.4 1 3.8v3h-5V15.9h.2a4 4 0 0 0 2.8 1.3h.1a2.4 2.4 0 0 0 1.4-.3 4 4 0 0 0 2.5-3.8v-.6a4.1 4.1 0 0 0-2-2.8 2.9 2.9 0 0 0 .4-1.7 3.4 3.4 0 0 0-2.9-3.4v-.7A3.4 3.4 0 0 0 14.6.8a4.4 4.4 0 0 0-3.2 0 3.4 3.4 0 0 0-1.9 3.1v.7A3.4 3.4 0 0 0 6.6 8 2.9 2.9 0 0 0 7 9.6a4.1 4.1 0 0 0-2 2.8v.6a4 4 0 0 0 2.5 3.8 2.4 2.4 0 0 0 1.4.3H9a4 4 0 0 0 2.8-1.1h.2v12H0v4h32v-4zm-2 0h-2v-2h2z"})})),L1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M30.7 18a14.9 14.9 0 0 1-3.2-7.3A2 2 0 0 0 25.6 9h-8l1.7-1.7a2 2 0 0 0 1.1.3 2.7 2.7 0 1 0-2.7-2.7 2.7 2.7 0 0 0 .3 1.2l-1.7 1.7-1.6-1.6A2.4 2.4 0 0 0 15 5a2.7 2.7 0 1 0-2.7 2.7l1.2-.2L15 9H6.4a1.9 1.9 0 0 0-1.9 1.7A14.9 14.9 0 0 1 1.3 18 5.6 5.6 0 0 0 0 21.5v4.8a3.5 3.5 0 0 0 3.5 3.4h25a3.5 3.5 0 0 0 3.5-3.4v-4.8a5.6 5.6 0 0 0-1.3-3.5M28 25.7H4v-4.2a1.2 1.2 0 0 1 .3-.8h.1A18.4 18.4 0 0 0 8.1 13h15.8a18.4 18.4 0 0 0 3.7 7.6h.1a1.2 1.2 0 0 1 .3.8zm-11.9-8.6.5-.2H18l.7.2.6-1.6-.9-.2h-1.1a3.2 3.2 0 0 0-1.4.2l-1.2.5-.9.9-.6 1.1h-.7l-.4 1.3h1a.6.6 0 0 0-.1.4v.4h-.5l-.4 1.3h1.1a3.7 3.7 0 0 0 .5 1.1 2.4 2.4 0 0 0 .8.9 2.4 2.4 0 0 0 1.1.6 3.2 3.2 0 0 0 1.4.3l1.3-.2.9-.3-.5-1.6a2.4 2.4 0 0 1-1.5.4h-.7l-.6-.2-.5-.4c-.1-.2-.2-.3-.2-.5h2.2l.5-1.3h-3v-.8h3.2l.4-1.3h-3.2a.5.5 0 0 1 .3-.5 1 1 0 0 1 .5-.5"})})),R1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M0 13.097v-2.028L5.074 6.03 5.054 6h3.113v7.097H14V27H0zm18 0v-2.028l5.084-5.039-.03-.03h3.113v7.097H32V27H18z"})})),C1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M23.4 7h-15V5.5h15zm-4 1.5h-11V10h11zm10-7v13h-27v-13zm-2 2h-23v9h23zm-7 16v-5h-5zm4.5 8h-3.7c-2.1 0-3.6.9-3.6 3.6v.9h11v-.9c0-2.7-1.6-3.6-3.7-3.6m-1.8-1a2.7 2.7 0 0 0 2.7-2.7 2.8 2.8 0 0 0-2.7-2.8 2.9 2.9 0 0 0-2.8 2.8 2.8 2.8 0 0 0 2.8 2.7"})})),A1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M15 22v-6.157L12 19l-8.005-9H9l2.972 3.215L15 10h3c1.015 0 2 1 2 2.027v10.978L16.999 26H22v2h10v2H0v-2h9zm1-14a3 3 0 1 1 0-6 3 3 0 0 1 0 6"})})),P1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M16 8V4l-5 5 5 5v-4c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H8c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8"})})),E1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M7 27.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0M27.5 7a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m-1 1.3V15l2 2V8.3l-1 .2zM15.2 26.8l-.3-.3H8.4a3.1 3.1 0 0 1 .1 1 3.4 3.4 0 0 1-.1 1h8.5l-.3-.3zm8.5-21.3a3.6 3.6 0 0 1-.2-1 3 3 0 0 1 .2-1h-8.6l2 2zM5.5 23.6v-6.5l-.2-.2-1.4-1.5-.4-.3v8.5zM9.1.3.4 9.1l2.1 2.1 3.6-3.6L7.5 9l-3.6 3.6L5.3 14l2.2-2.1 1.4 1.4-2.2 2.1 1.4 1.5 3.6-3.6 1.4 1.4-3.5 3.6 1.4 1.4 2.1-2.2 1.5 1.4-2.2 2.2 1.4 1.4 3.6-3.6 1.4 1.4-3.6 3.6 1.4 1.4 2.2-2.1 1.4 1.4-2.2 2.2 1.5 1.4 3.5-3.6 1.5 1.4-3.6 3.6 2.1 2.1 8.7-8.7z"})})),q1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m32 29.119-9.825-9.825a12.217 12.217 0 1 0-2.88 2.881L29.118 32zm-19.771-8.746a8.145 8.145 0 1 1 0-16.289 8.145 8.145 0 0 1 0 16.29z"})})),k1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M4 28h24V16h4v16H0V16h4m10-8.3v15.4h4V7.7l4.4 4.4 2.8-2.8L16 .1 6.8 9.3l2.8 2.8z"})})),D1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M50 100C22.4 99.967.033 77.6 0 50h10c0 22.091 17.909 40 40 40s40-17.909 40-40-17.909-40-40-40V0c27.614 0 50 22.386 50 50s-22.386 50-50 50"})})),F1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M30 17.2c0 7.732-6.268 14-14 14s-14-6.268-14-14A14.1 14.1 0 0 1 7.1 6.4l2.8 2.9A9.9 9.9 0 0 0 6 17.2c0 5.523 4.477 10 10 10s10-4.477 10-10a9.9 9.9 0 0 0-3.9-7.9l2.8-2.9A14.1 14.1 0 0 1 30 17.2M18 2.8h-4v16h4z"})})),y1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M28 30v2H4v-2c0-6 3.4-8 8-8h8c4.6 0 8 2 8 8M10.1 12.9A3.7 3.7 0 0 0 10 14a6 6 0 1 0 12 0 3.7 3.7 0 0 0-.1-1.1L16 16.4zm14.1-3.4v4.9h2V8.3L28 7.2 16 0 4 7.2l12 7.2z"})})),T1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M23 8V3.1H9V8H0v22h32V8zM11 5.1h10V8H11zM28 26H4V12h24z"})})),U1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m24 21.828-4 2-4-2-4 2.016-4-2.016 5.257-5.257-4.085-4.086L17.657 4l2.828 2.828-5.657 5.657zm-1-6a3 3 0 1 1 0-6 3 3 0 0 1 0 6m5 12-4-2-4 2-4-2-4 2-4-2-4 2-4-2v-2l4 2 4-2 4 2 4-2 4 2 4-2 4 2 4-2v2z"})})),_1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 696.5","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M139.3 0v139.3H0V0zM1024 0v139.3H278.6V0zM139.3 278.6v139.3H0V278.6zm884.7 0v139.3H278.6V278.6zM139.3 557.2v139.3H0V557.2zm884.7 0v139.3H278.6V557.2z"})})),Q1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M4 4h6v6H4zm9 6h6V4h-6zm9-6v6h6V4zM4 19h6v-6H4zm9 0h6v-6h-6zm9 0h6v-6h-6zM4 28h6v-6H4zm9 0h6v-6h-6zm9 0h6v-6h-6z"})})),N1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M31.5 16.7V1.6S4 1.6 3 1.8A3.5 3.5 0 0 0 .5 5.2a3.9 3.9 0 0 0 .9 2.6 3.9 3.9 0 0 0-.9 2.6 3.4 3.4 0 0 0 .9 2.4 4.7 4.7 0 0 0-.9 2.8A3.4 3.4 0 0 0 3.9 19h6.7v6.7a4.7 4.7 0 0 0 4.7 4.7 1.2 1.2 0 0 0 1.1-1l1.2-6.1c.9-4.3 2.4-5.9 3.9-6.6z"})})),W1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M.5 15.3v15.1s27.5 0 28.5-.2a3.5 3.5 0 0 0 2.5-3.4 3.9 3.9 0 0 0-.9-2.6 3.9 3.9 0 0 0 .9-2.6 3.4 3.4 0 0 0-.9-2.4 4.7 4.7 0 0 0 .9-2.8 3.4 3.4 0 0 0-3.4-3.4h-6.7V6.3a4.7 4.7 0 0 0-4.7-4.7 1.2 1.2 0 0 0-1.1 1l-1.2 6.1c-.9 4.3-2.4 5.9-3.9 6.6z"})})),G1=e=>s.jsxs("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 36 36","aria-hidden":"true",focusable:"false"},e,{children:[s.jsx("path",{d:"M31 6h-8V2H13v4H5v4h2v24h22V10h2zM15 4h6v2h-6zm10 26H11V10h14z"}),s.jsx("path",{d:"M13.02 14H15v12h-1.98zM17 14h2v12h-2zm4.02 0H23v12h-1.98z"})]})),J1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{d:"M10.17 29c12.067 0 18.576-10.126 18.576-18.747v-.821c1.22-.958 2.44-2.053 3.254-3.421-1.22.547-2.44.82-3.797 1.094 1.356-.82 2.441-2.052 2.848-3.694-1.22.82-2.712 1.368-4.204 1.642C25.627 3.82 24 3 22.102 3c-3.661 0-6.509 3.01-6.509 6.568 0 .548 0 .958.136 1.506C10.305 10.8 5.424 8.2 2.305 4.232c-.542.684-.813 1.915-.813 3.147 0 2.326 1.22 4.379 2.847 5.474-1.085 0-2.034-.274-2.983-.821v.136c0 3.148 2.305 5.885 5.288 6.432-.542.137-1.085.274-1.763.274-.406 0-.813 0-1.22-.137.814 2.6 3.254 4.516 6.102 4.652-2.305 1.78-5.017 2.874-8.136 2.874-.542 0-1.085 0-1.627-.137C2.983 27.906 6.373 29 10.17 29"})})),K1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M27 28h4v4H1v-4h4v-3l-1-3.756 1.94-.486L6.751 24H10a1 1 0 0 1 1 1v3h3V18H1v-8l14.998-9L31 10v8H18v10h3v-3a1 1 0 0 1 1-1h3.219l.811-3.242 1.94.486L27 25zm-2 0v-2h-2v2zM9 28v-2H7v2zM5 12.071V14h22v-1.929L16 6.048z"})})),X1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M28.2 10.9h-1.9v-4H1v18.2h25.3V21h1.8l2.9 2.9V8.1zm-5.9 10.2H5.1V10.9h17.2z"})})),Y1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M7 13v6h4l5 5V8l-5 5zm13.5 3a4.5 4.5 0 0 0-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02M18 7.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77"})})),Z1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M20.5 16a4.5 4.5 0 0 0-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63m2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.8 8.8 0 0 0 25 16c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71M8.27 7 7 8.27 11.73 13H7v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a9 9 0 0 0 3.69-1.81L23.73 25 25 23.73l-9-9zM16 8l-2.09 2.09L16 12.18z"})})),$1=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"M20 21.4V29H4V13h8.6l-1.2 1.2a6.9 6.9 0 1 0 7.2 8.6zm-2.1-4.5 9-9-1.4-1.4-9 9zm9.8-8.2L18.5 18l-2.4.5-1.2-1.2.4-2.2 9.4-9.4-1.4-1.4-9.6 9.7-1.6 7.3 7.2-1.2 9.8-10z"})})),s2=e=>s.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32","aria-hidden":"true",focusable:"false"},e,{children:s.jsx("path",{fillRule:"evenodd",d:"m23.2 18.9-2.9 2.8a5.5 5.5 0 0 0-8.6 0l-2.9-2.8a9.5 9.5 0 0 1 14.4 0M16 22.5a2.3 2.3 0 0 0-2.1 1.3l2.1 2 2.1-2a2.3 2.3 0 0 0-2.1-1.3m0-14.3a16.8 16.8 0 0 0-12.5 5.5l2.8 2.8a12.9 12.9 0 0 1 19.4 0l2.8-2.8A16.8 16.8 0 0 0 16 8.2"})})),a2=Object.freeze(Object.defineProperty({__proto__:null,AlertIcon:a,AnnouncementIcon:l,ApiIcon:h,BallIcon:n,BellIcon:v,BroomIcon:t,BuildingIcon:o,BuildingsIcon:i,CalendarIcon:c,CameraIcon:d,CarIcon:g,CardIcon:r,ChargingPointIcon:w,ChatBubbleIcon:x,ChattingIcon:u,CheckmarkIcon:m,ChevronDownIcon:j,ChevronLeftIcon:f,ChevronRightIcon:z,ChevronSortingIcon:p,ChevronUpIcon:b,ClockIcon:H,CloseIcon:M,CollaborateIcon:V,DataIcon:S,DocumentCheckmarkIcon:I,DocumentEditIcon:O,DocumentEuroSignIcon:L,DocumentIcon:B,DocumentTextIcon:R,DownloadIcon:C,EclipseIcon:A,EditDocumentIcon:P,EllipsisIcon:E,EmailIcon:q,EmbedIcon:k,EnergyIcon:D,EnlargeFontIcon:y,EnlargeIcon:F,EuroCoinIcon:T,ExternalLinkIcon:U,FacebookIcon:_,FacebookPaddedIcon:Q,FastForwardIcon:N,FavouriteIcon:W,FilterIcon:G,FontEnlargeIcon:J,FullScreenIcon:K,HandEuroCoinIcon:X,HandicapIcon:Y,HousePlantIcon:Z,HousingIcon:$,IdentityCardIcon:s1,IndeterminateIcon:e1,InfoIcon:a1,LampIcon:l1,LayersIcon:h1,LinkedinIcon:n1,ListIcon:v1,LocationFieldsIcon:o1,LocationIcon:t1,LoginIcon:i1,LogoutIcon:c1,MapIcon:d1,MapLayersIcon:g1,MarketStallIcon:r1,MenuIcon:w1,MinimiseIcon:x1,MinimizeIcon:u1,OpeningHoursIcon:m1,PanoIcon:j1,PassportIcon:f1,PauseIcon:z1,PersonDeskIcon:p1,PersonalLoginIcon:b1,PhoneIcon:H1,PictureIcon:M1,PlaneIcon:V1,PlayIcon:S1,PointerIcon:B1,PrintIcon:I1,PublicParksIcon:O1,PurseIcon:L1,QuoteIcon:R1,ReactionIcon:C1,ReligionIcon:A1,ReplayIcon:P1,RulerIcon:E1,SearchIcon:q1,ShareIcon:k1,SpinnerIcon:D1,StopIcon:F1,StudentIcon:y1,SuitcaseIcon:T1,SwimmingIcon:U1,TableIcon:_1,ThumbnailResultsIcon:Q1,ThumbsDownIcon:N1,ThumbsUpIcon:W1,TrashBinIcon:G1,TwitterIcon:J1,UmbrellaChairsIcon:K1,VideoIcon:X1,VolumeIcon:Y1,VolumeOffIcon:Z1,VoteIcon:$1,WifiIcon:s2},Symbol.toStringTag,{value:"Module"}));export{a2 as I,a as S,a1 as a,m as b,M as c,q as d,z as e,u as f,$ as g,H1 as h,b1 as i,l as j,f as k,q1 as l,t1 as m,g as n,f1 as o,L as p,G1 as q,j as r,H as s,J1 as t,_ as u,n1 as v,d as w,B as x}; diff --git a/demo-develop/assets/interactivity.docs-Cf_wnPFl.js b/demo-develop/assets/interactivity.docs-ACrt1oyh.js similarity index 97% rename from demo-develop/assets/interactivity.docs-Cf_wnPFl.js rename to demo-develop/assets/interactivity.docs-ACrt1oyh.js index 2367b6fce1..012b61ca29 100644 --- a/demo-develop/assets/interactivity.docs-Cf_wnPFl.js +++ b/demo-develop/assets/interactivity.docs-ACrt1oyh.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r}from"./index-U-bvrYWS.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function i(n){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",ul:"ul",...s(),...n.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as r}from"./index-CYpc6MNd.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function i(n){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",ul:"ul",...s(),...n.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(r,{title:"Docs/Developer Guide/Interactivity"}),` `,e.jsx(t.h1,{id:"interactivity",children:"Interactivity"}),` diff --git a/demo-develop/assets/introduction.docs-Dj4YEu4Z.js b/demo-develop/assets/introduction.docs-D7CaBy_c.js similarity index 97% rename from demo-develop/assets/introduction.docs-Dj4YEu4Z.js rename to demo-develop/assets/introduction.docs-D7CaBy_c.js index f79caf686a..d027314d15 100644 --- a/demo-develop/assets/introduction.docs-Dj4YEu4Z.js +++ b/demo-develop/assets/introduction.docs-D7CaBy_c.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as i}from"./index-U-bvrYWS.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function s(t){const n={a:"a",h1:"h1",h2:"h2",h3:"h3",p:"p",...o(),...t.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as o}from"./index-3rgQkYFR.js";import{ae as i}from"./index-CYpc6MNd.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function s(t){const n={a:"a",h1:"h1",h2:"h2",h3:"h3",p:"p",...o(),...t.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(i,{title:"Docs/Introduction"}),` `,e.jsx(n.h1,{id:"amsterdam-design-system",children:"Amsterdam Design System"}),` diff --git a/demo-develop/assets/language.docs-vbfhKDgq.js b/demo-develop/assets/language.docs-BgIAhiMY.js similarity index 94% rename from demo-develop/assets/language.docs-vbfhKDgq.js rename to demo-develop/assets/language.docs-BgIAhiMY.js index b148a70467..069cf73a87 100644 --- a/demo-develop/assets/language.docs-vbfhKDgq.js +++ b/demo-develop/assets/language.docs-BgIAhiMY.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as a}from"./index-3rgQkYFR.js";import{ae as o}from"./index-U-bvrYWS.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function i(t){const n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",ul:"ul",...a(),...t.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as a}from"./index-3rgQkYFR.js";import{ae as o}from"./index-CYpc6MNd.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function i(t){const n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",ul:"ul",...a(),...t.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(o,{title:"Docs/Developer Guide/Language"}),` `,e.jsx(n.h1,{id:"language",children:"Language"}),` diff --git a/demo-develop/assets/license.docs-uBo64Api.js b/demo-develop/assets/license.docs-xuHuRzHH.js similarity index 99% rename from demo-develop/assets/license.docs-uBo64Api.js rename to demo-develop/assets/license.docs-xuHuRzHH.js index 17eec8781e..2729bf6c67 100644 --- a/demo-develop/assets/license.docs-uBo64Api.js +++ b/demo-develop/assets/license.docs-xuHuRzHH.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as r,aq as a}from"./index-U-bvrYWS.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";const s=`# EUROPEAN UNION PUBLIC LICENCE v. 1.2 +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as r,aq as a}from"./index-CYpc6MNd.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";const s=`# EUROPEAN UNION PUBLIC LICENCE v. 1.2 EUPL © the European Union 2007, 2016 diff --git a/demo-develop/assets/preview-BYSMlS8c.js b/demo-develop/assets/preview-BWlHv9L3.js similarity index 93% rename from demo-develop/assets/preview-BYSMlS8c.js rename to demo-develop/assets/preview-BWlHv9L3.js index 738ec1c6b6..5179eaeeb8 100644 --- a/demo-develop/assets/preview-BYSMlS8c.js +++ b/demo-develop/assets/preview-BWlHv9L3.js @@ -1,2 +1,2 @@ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./axe-CAdAuYKS.js","./_commonjsHelpers-CqkleIqs.js"])))=>i.map(i=>d[i]); -import{_ as S}from"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";const{addons:f}=__STORYBOOK_MODULE_PREVIEW_API__,{global:U}=__STORYBOOK_MODULE_GLOBAL__;var o="storybook/a11y",y=`${o}/result`,L=`${o}/request`,d=`${o}/running`,A=`${o}/error`,T=`${o}/manual`,r={RESULT:y,REQUEST:L,RUNNING:d,ERROR:A,MANUAL:T},{document:g}=U,a=f.getChannel(),l=!1,_,R={config:{},options:{}},v=async(n,e)=>{e!=null&&e.manual||await i(n,e??R)},i=async(n,e=R)=>{_=n;try{if(!l){l=!0,a.emit(r.RUNNING);let{default:t}=await S(()=>import("./axe-CAdAuYKS.js").then(N=>N.a),__vite__mapDeps([0,1]),import.meta.url),{element:m="#storybook-root",config:s,options:O={}}=e,E=g.querySelector(m);if(!E)return;t.reset(),s&&t.configure(s);let c=await t.run(E,O),u=JSON.parse(JSON.stringify(c));_===n?a.emit(r.RESULT,u):(l=!1,i(_))}}catch(t){a.emit(r.ERROR,t)}finally{l=!1}};a.on(r.REQUEST,v);a.on(r.MANUAL,i); +import{_ as S}from"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";const{addons:f}=__STORYBOOK_MODULE_PREVIEW_API__,{global:U}=__STORYBOOK_MODULE_GLOBAL__;var o="storybook/a11y",y=`${o}/result`,L=`${o}/request`,d=`${o}/running`,A=`${o}/error`,T=`${o}/manual`,r={RESULT:y,REQUEST:L,RUNNING:d,ERROR:A,MANUAL:T},{document:g}=U,a=f.getChannel(),l=!1,_,R={config:{},options:{}},v=async(n,e)=>{e!=null&&e.manual||await i(n,e??R)},i=async(n,e=R)=>{_=n;try{if(!l){l=!0,a.emit(r.RUNNING);let{default:t}=await S(()=>import("./axe-CAdAuYKS.js").then(N=>N.a),__vite__mapDeps([0,1]),import.meta.url),{element:m="#storybook-root",config:s,options:O={}}=e,E=g.querySelector(m);if(!E)return;t.reset(),s&&t.configure(s);let c=await t.run(E,O),u=JSON.parse(JSON.stringify(c));_===n?a.emit(r.RESULT,u):(l=!1,i(_))}}catch(t){a.emit(r.ERROR,t)}finally{l=!1}};a.on(r.REQUEST,v);a.on(r.MANUAL,i); diff --git a/demo-develop/assets/preview-BAaMx73X.js b/demo-develop/assets/preview-C8Sx34P2.js similarity index 90% rename from demo-develop/assets/preview-BAaMx73X.js rename to demo-develop/assets/preview-C8Sx34P2.js index 1ccd8e32c6..1bd78e8ce1 100644 --- a/demo-develop/assets/preview-BAaMx73X.js +++ b/demo-develop/assets/preview-C8Sx34P2.js @@ -1 +1 @@ -import{j as c}from"./jsx-runtime-BjgbQsUx.js";import{s as g}from"./index.esm-C0OPbFsf.js";import"./index-RigO-4kf.js";import{c as b}from"./clsx-B-dksMZM.js";import"./index-D2MAbzvX.js";import"./index.esm-Bz9pa_xK.js";import"./_commonjsHelpers-CqkleIqs.js";const{useParameter:x,addons:f,useEffect:v,useMemo:H}=__STORYBOOK_MODULE_PREVIEW_API__;var y=Object.defineProperty,R=(e,t)=>{for(var r in t)y(e,r,{get:t[r],enumerable:!0})},k={};R(k,{initializeThemeState:()=>u,pluckThemeFromContext:()=>h,useThemeParameters:()=>E});var d="themes",M=`storybook/${d}`,P="theme",A={},C={REGISTER_THEMES:`${M}/REGISTER_THEMES`};function h({globals:e}){return e[P]||""}function E(){return x(d,A)}function u(e,t){f.getChannel().emit(C.REGISTER_THEMES,{defaultTheme:t,themes:e})}var O="html",p=e=>e.split(" ").filter(Boolean),L=({themes:e,defaultTheme:t,parentSelector:r=O})=>(u(Object.keys(e),t),(T,_)=>{let{themeOverride:s}=E(),a=h(_);return v(()=>{let n=s||a||t,o=document.querySelector(r);if(!o)return;Object.entries(e).filter(([m])=>m!==n).forEach(([m,S])=>{let l=p(S);l.length>0&&o.classList.remove(...l)});let i=p(e[n]);i.length>0&&o.classList.add(...i)},[s,a]),T()});const D={phone:{name:"Phone",styles:{height:"680px",width:"320px"},type:"mobile"},tablet:{name:"Tablet",styles:{height:"1080px",width:"832px"},type:"tablet"},desktop:{name:"Desktop",styles:{height:"1080px",width:"1600px"},type:"desktop"}},U={children:{table:{disable:!0}}},K=[(e,{args:t})=>c.jsx(g,{className:b({"ams-docs-dark-background":t.inverseColor,"ams-docs-light-background":t.contrastColor}),lang:"nl",children:c.jsx(e,{})}),L({themes:{Spacious:"",Compact:"ams-theme--compact"},defaultTheme:"Spacious"})],Y={backgrounds:{disable:!0},controls:{sort:"alpha"},grid:{disable:!0},options:{storySort:{order:["Docs",["Introduction","Developer Guide",["Getting Started"]],"Brand","Components",["Buttons","Containers","Feedback","Forms","Layout","Media","Navigation","Text"],"Utilities","Pages",["Introduction","Amsterdam.nl",["Home Page"]]]}},viewport:{viewports:D},viewMode:"docs",html:{root:".ams-screen"}};export{U as argTypes,K as decorators,Y as parameters}; +import{j as c}from"./jsx-runtime-BjgbQsUx.js";import{r as g}from"./index.esm-ciNFknO_.js";import"./index-RigO-4kf.js";import{c as b}from"./clsx-B-dksMZM.js";import"./index-D2MAbzvX.js";import"./index.esm-kml84xjK.js";import"./_commonjsHelpers-CqkleIqs.js";const{useParameter:x,addons:f,useEffect:v,useMemo:H}=__STORYBOOK_MODULE_PREVIEW_API__;var y=Object.defineProperty,R=(e,t)=>{for(var r in t)y(e,r,{get:t[r],enumerable:!0})},k={};R(k,{initializeThemeState:()=>u,pluckThemeFromContext:()=>h,useThemeParameters:()=>E});var d="themes",M=`storybook/${d}`,P="theme",A={},C={REGISTER_THEMES:`${M}/REGISTER_THEMES`};function h({globals:e}){return e[P]||""}function E(){return x(d,A)}function u(e,t){f.getChannel().emit(C.REGISTER_THEMES,{defaultTheme:t,themes:e})}var O="html",p=e=>e.split(" ").filter(Boolean),L=({themes:e,defaultTheme:t,parentSelector:r=O})=>(u(Object.keys(e),t),(T,_)=>{let{themeOverride:s}=E(),a=h(_);return v(()=>{let n=s||a||t,o=document.querySelector(r);if(!o)return;Object.entries(e).filter(([m])=>m!==n).forEach(([m,S])=>{let l=p(S);l.length>0&&o.classList.remove(...l)});let i=p(e[n]);i.length>0&&o.classList.add(...i)},[s,a]),T()});const D={phone:{name:"Phone",styles:{height:"680px",width:"320px"},type:"mobile"},tablet:{name:"Tablet",styles:{height:"1080px",width:"832px"},type:"tablet"},desktop:{name:"Desktop",styles:{height:"1080px",width:"1600px"},type:"desktop"}},U={children:{table:{disable:!0}}},K=[(e,{args:t})=>c.jsx(g,{className:b({"ams-docs-dark-background":t.inverseColor,"ams-docs-light-background":t.contrastColor}),lang:"nl",children:c.jsx(e,{})}),L({themes:{Spacious:"",Compact:"ams-theme--compact"},defaultTheme:"Spacious"})],Y={backgrounds:{disable:!0},controls:{sort:"alpha"},grid:{disable:!0},options:{storySort:{order:["Docs",["Introduction","Developer Guide",["Getting Started"]],"Brand","Components",["Buttons","Containers","Feedback","Forms","Layout","Media","Navigation","Text"],"Utilities","Pages",["Introduction","Amsterdam.nl",["Home Page"]]]}},viewport:{viewports:D},viewMode:"docs",html:{root:".ams-screen"}};export{U as argTypes,K as decorators,Y as parameters}; diff --git a/demo-develop/assets/preview-CNtV9hAn.css b/demo-develop/assets/preview-CNtV9hAn.css deleted file mode 100644 index 8beb969551..0000000000 --- a/demo-develop/assets/preview-CNtV9hAn.css +++ /dev/null @@ -1,5 +0,0 @@ -:root{--ams-aspect-ratio-x-tall: 9 / 16;--ams-aspect-ratio-tall: 3 / 4;--ams-aspect-ratio-square: 1 / 1;--ams-aspect-ratio-wide: 4 / 3;--ams-aspect-ratio-x-wide: 16 / 9;--ams-aspect-ratio-2x-wide: 16 / 5;--ams-border-width-sm: .0625rem;--ams-border-width-md: .125rem;--ams-border-width-lg: .1875rem;--ams-border-width-xl: .25rem;--ams-brand-color-azure-60: #009DE6;--ams-brand-color-blue-60: #004699;--ams-brand-color-blue-80: #003677;--ams-brand-color-green-60: #00A03C;--ams-brand-color-lime-60: #BED200;--ams-brand-color-magenta-60: #E50082;--ams-brand-color-neutral-0: #FFFFFF;--ams-brand-color-neutral-20: #D1D1D1;--ams-brand-color-neutral-40: #A4A4A4;--ams-brand-color-neutral-60: #767676;--ams-brand-color-neutral-80: #474747;--ams-brand-color-neutral-100: #181818;--ams-brand-color-orange-60: #FF9100;--ams-brand-color-purple-60: #A00078;--ams-brand-color-red-60: #EC0000;--ams-brand-color-red-80: #B70000;--ams-brand-color-yellow-60: #FFE600;--ams-space-xs: clamp(.2813rem, .2578rem + .1172vw, .375rem);--ams-space-sm: clamp(.5625rem, .5156rem + .2344vw, .75rem);--ams-space-md: clamp(1.125rem, 1.0313rem + .4688vw, 1.5rem);--ams-space-lg: clamp(1.6875rem, 1.5469rem + .7031vw, 2.25rem);--ams-space-xl: clamp(2.25rem, 2.0625rem + .9375vw, 3rem);--ams-space-grid-xs: clamp(.25rem, calc(.09375rem + .78125vw) , .875rem);--ams-space-grid-sm: clamp(.5rem, calc(.1875rem + 1.5625vw) , 1.75rem);--ams-space-grid-md: clamp(1rem, calc(.375rem + 3.125vw) , 3.5rem);--ams-space-grid-lg: clamp(1.5rem, calc(.5625rem + 4.6875vw) , 5.25rem);--ams-space-grid-xl: clamp(2rem, calc(.75rem + 6.25vw) , 7rem);--ams-text-font-family: "Amsterdam Sans", Arial, sans-serif;--ams-text-font-weight-normal: 400;--ams-text-font-weight-bold: 800;--ams-text-level-0-font-size: clamp(2.4316rem, calc(1.8951rem + 2.6826vw) , 4.5776rem);--ams-text-level-0-line-height: 1.15;--ams-text-level-1-font-size: clamp(2.0842rem, calc(1.6897rem + 1.9724vw) , 3.6621rem);--ams-text-level-1-line-height: 1.2;--ams-text-level-2-font-size: clamp(1.7865rem, calc(1.5007rem + 1.429vw) , 2.9297rem);--ams-text-level-2-line-height: 1.25;--ams-text-level-3-font-size: clamp(1.5313rem, calc(1.3281rem + 1.0156vw) , 2.3438rem);--ams-text-level-3-line-height: 1.3;--ams-text-level-4-font-size: clamp(1.3125rem, calc(1.1719rem + .7031vw) , 1.875rem);--ams-text-level-4-line-height: 1.5;--ams-text-level-5-font-size: clamp(1.125rem, calc(1.0313rem + .4688vw) , 1.5rem);--ams-text-level-5-line-height: 1.6;--ams-text-level-6-font-size: clamp(.9643rem, calc(.9054rem + .2946vw) , 1.2rem);--ams-text-level-6-line-height: 1.6;--ams-action-activate-cursor: pointer;--ams-action-busy-cursor: wait;--ams-action-disabled-cursor: not-allowed;--ams-action-inert-cursor: default;--ams-action-navigate-cursor: pointer;--ams-action-submit-cursor: pointer;--ams-focus-outline-offset: .125rem;--ams-hyphenation-hyphenate-limit-chars: 12 8 4;--ams-hyphenation-hyphens: auto;--ams-hyphenation-overflow-wrap: break-word;--ams-link-appearance-text-underline-offset: .3333em;--ams-link-appearance-regular-text-decoration-line: underline;--ams-link-appearance-regular-hover-text-underline-offset: .2778em;--ams-link-appearance-subtle-text-decoration-line: none;--ams-link-appearance-subtle-hover-text-decoration-line: underline;--ams-accordion-button-padding-inline: 0;--ams-accordion-panel-padding-block: 0;--ams-accordion-panel-padding-inline: 0;--ams-alert-border-style: solid;--ams-breadcrumb-separator-background-image: url("data:image/svg+xml;utf8,");--ams-breadcrumb-separator-block-size: 1ex;--ams-breadcrumb-separator-inline-size: 1ex;--ams-button-tertiary-background-color: transparent;--ams-button-tertiary-disabled-background-color: transparent;--ams-checkbox-checkmark-checked-background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M12.216 27.016 0 14.168l2.91-2.77 9.346 9.837L29.129 4 32 6.8z'/%3E%3C/svg%3E");--ams-checkbox-checkmark-indeterminate-background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='white'%3E%3Cpath fill-rule='evenodd' d='M0 13.714h32v4H0z'/%3E%3C/svg%3E");--ams-column-gap-no: 0;--ams-date-input-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-date-input-disabled-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-date-input-hover-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-dialog-border: 0;--ams-dialog-max-inline-size: 48rem;--ams-file-list-file-preview-width: clamp(2.5rem, 10vw, 5rem);--ams-grid-column-count: 4;--ams-grid-medium-column-count: 8;--ams-grid-wide-column-count: 12;--ams-icon-button-hover-background-color: rgba(0, 70, 153, .125);--ams-icon-button-contrast-color-hover-background-color: rgba(0, 0, 0, .125);--ams-image-slider-thumbnails-thumbnail-background-color: transparent;--ams-image-slider-thumbnails-thumbnail-opacity: 40%;--ams-image-slider-thumbnails-thumbnail-in-view-opacity: 100%;--ams-image-slider-thumbnails-thumbnail-hover-opacity: 100%;--ams-link-inline-font-family: inherit;--ams-link-inline-font-size: inherit;--ams-link-inline-line-height: inherit;--ams-logo-block-size: 2.5rem;--ams-mega-menu-list-category-column-width: 20rem;--ams-ordered-list-list-style-type: decimal;--ams-ordered-list-item-margin-inline-start: 2.25rem;--ams-ordered-list-item-padding-inline-start: .25rem;--ams-ordered-list-ordered-list-list-style-type: lower-alpha;--ams-ordered-list-ordered-list-padding-block-end: 0;--ams-ordered-list-ordered-list-item-margin-inline-start: 1.5rem;--ams-ordered-list-ordered-list-item-padding-inline-start: .25rem;--ams-radio-hover-indicator-stroke-width: 3px;--ams-radio-circle-stroke-width: 2px;--ams-radio-icon-container-inline-size: 1.5rem;--ams-row-gap-no: 0;--ams-screen-wide-max-inline-size: 100rem;--ams-screen-x-wide-max-inline-size: 132rem;--ams-search-field-input-cancel-button-background-image: url("data:image/svg+xml;utf8,");--ams-select-background-image: url("data:image/svg+xml;utf8,");--ams-select-disabled-background-image: url("data:image/svg+xml;utf8,");--ams-switch-inline-size: 3.5rem;--ams-switch-thumb-inline-size: 1.75rem;--ams-switch-thumb-block-size: 1.75rem;--ams-tabs-button-outline-offset: -.25rem;--ams-time-input-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-time-input-disabled-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-time-input-hover-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-unordered-list-list-style-type: "•";--ams-unordered-list-item-margin-inline-start: 1.625rem;--ams-unordered-list-item-padding-inline-start: .875rem;--ams-unordered-list-unordered-list-list-style-type: "–";--ams-unordered-list-unordered-list-padding-block-end: 0;--ams-unordered-list-unordered-list-item-margin-inline-start: .875rem;--ams-unordered-list-unordered-list-item-padding-inline-start: .875rem;--ams-link-appearance-color: var(--ams-brand-color-blue-60);--ams-link-appearance-text-decoration-thickness: var(--ams-border-width-md);--ams-link-appearance-hover-color: var(--ams-brand-color-blue-80);--ams-link-appearance-regular-hover-text-decoration-thickness: var(--ams-border-width-lg);--ams-link-appearance-contrast-color: var(--ams-brand-color-neutral-100);--ams-link-appearance-contrast-hover-color: var(--ams-brand-color-neutral-100);--ams-link-appearance-contrast-visited-color: var(--ams-brand-color-neutral-100);--ams-link-appearance-inverse-color: var(--ams-brand-color-neutral-0);--ams-link-appearance-inverse-hover-color: var(--ams-brand-color-neutral-0);--ams-link-appearance-inverse-visited-color: var(--ams-brand-color-neutral-0);--ams-accordion-gap: var(--ams-space-md);--ams-accordion-button-color: var(--ams-brand-color-blue-60);--ams-accordion-button-font-family: var(--ams-text-font-family);--ams-accordion-button-font-size: var(--ams-text-level-5-font-size);--ams-accordion-button-font-weight: var(--ams-text-font-weight-bold);--ams-accordion-button-gap: var(--ams-space-sm);--ams-accordion-button-line-height: var(--ams-text-level-5-line-height);--ams-accordion-button-padding-block: var(--ams-space-sm);--ams-accordion-button-focus-outline-offset: var(--ams-focus-outline-offset);--ams-accordion-button-hover-color: var(--ams-brand-color-blue-80);--ams-action-group-gap: var(--ams-space-md);--ams-alert-background-color: var(--ams-brand-color-neutral-0);--ams-alert-border-width: var(--ams-border-width-xl);--ams-alert-gap: var(--ams-space-sm);--ams-alert-padding-block: var(--ams-space-md);--ams-alert-padding-inline: var(--ams-space-lg);--ams-alert-error-border-color: var(--ams-brand-color-red-60);--ams-alert-info-border-color: var(--ams-brand-color-azure-60);--ams-alert-success-border-color: var(--ams-brand-color-green-60);--ams-alert-warning-border-color: var(--ams-brand-color-orange-60);--ams-alert-content-gap: var(--ams-space-sm);--ams-avatar-aspect-ratio: var(--ams-aspect-ratio-square);--ams-avatar-font-family: var(--ams-text-font-family);--ams-avatar-font-size: var(--ams-text-level-6-font-size);--ams-avatar-font-weight: var(--ams-text-font-weight-normal);--ams-avatar-line-height: var(--ams-text-level-6-line-height);--ams-avatar-padding-block: var(--ams-space-xs);--ams-avatar-padding-inline: var(--ams-space-xs);--ams-avatar-azure-background-color: var(--ams-brand-color-azure-60);--ams-avatar-azure-color: var(--ams-brand-color-neutral-100);--ams-avatar-black-background-color: var(--ams-brand-color-neutral-100);--ams-avatar-black-color: var(--ams-brand-color-neutral-0);--ams-avatar-blue-background-color: var(--ams-brand-color-blue-60);--ams-avatar-blue-color: var(--ams-brand-color-neutral-0);--ams-avatar-green-background-color: var(--ams-brand-color-green-60);--ams-avatar-green-color: var(--ams-brand-color-neutral-0);--ams-avatar-lime-background-color: var(--ams-brand-color-lime-60);--ams-avatar-lime-color: var(--ams-brand-color-neutral-100);--ams-avatar-magenta-background-color: var(--ams-brand-color-magenta-60);--ams-avatar-magenta-color: var(--ams-brand-color-neutral-0);--ams-avatar-neutral-20-background-color: var(--ams-brand-color-neutral-20);--ams-avatar-neutral-20-color: var(--ams-brand-color-neutral-100);--ams-avatar-neutral-40-background-color: var(--ams-brand-color-neutral-40);--ams-avatar-neutral-40-color: var(--ams-brand-color-neutral-100);--ams-avatar-neutral-60-background-color: var(--ams-brand-color-neutral-60);--ams-avatar-neutral-60-color: var(--ams-brand-color-neutral-0);--ams-avatar-neutral-80-background-color: var(--ams-brand-color-neutral-80);--ams-avatar-neutral-80-color: var(--ams-brand-color-neutral-0);--ams-avatar-orange-background-color: var(--ams-brand-color-orange-60);--ams-avatar-orange-color: var(--ams-brand-color-neutral-100);--ams-avatar-purple-background-color: var(--ams-brand-color-purple-60);--ams-avatar-purple-color: var(--ams-brand-color-neutral-0);--ams-avatar-red-background-color: var(--ams-brand-color-red-60);--ams-avatar-red-color: var(--ams-brand-color-neutral-0);--ams-avatar-white-background-color: var(--ams-brand-color-neutral-0);--ams-avatar-white-color: var(--ams-brand-color-neutral-100);--ams-avatar-yellow-background-color: var(--ams-brand-color-yellow-60);--ams-avatar-yellow-color: var(--ams-brand-color-neutral-100);--ams-avatar-forced-colors-border-width: var(--ams-border-width-md);--ams-badge-font-family: var(--ams-text-font-family);--ams-badge-font-size: var(--ams-text-level-5-font-size);--ams-badge-font-weight: var(--ams-text-font-weight-bold);--ams-badge-line-height: var(--ams-text-level-5-line-height);--ams-badge-padding-inline: var(--ams-space-xs);--ams-badge-azure-background-color: var(--ams-brand-color-azure-60);--ams-badge-azure-color: var(--ams-brand-color-neutral-100);--ams-badge-black-background-color: var(--ams-brand-color-neutral-100);--ams-badge-black-color: var(--ams-brand-color-neutral-0);--ams-badge-blue-background-color: var(--ams-brand-color-blue-60);--ams-badge-blue-color: var(--ams-brand-color-neutral-0);--ams-badge-green-background-color: var(--ams-brand-color-green-60);--ams-badge-green-color: var(--ams-brand-color-neutral-0);--ams-badge-lime-background-color: var(--ams-brand-color-lime-60);--ams-badge-lime-color: var(--ams-brand-color-neutral-100);--ams-badge-magenta-background-color: var(--ams-brand-color-magenta-60);--ams-badge-magenta-color: var(--ams-brand-color-neutral-0);--ams-badge-neutral-20-background-color: var(--ams-brand-color-neutral-20);--ams-badge-neutral-20-color: var(--ams-brand-color-neutral-100);--ams-badge-neutral-40-background-color: var(--ams-brand-color-neutral-40);--ams-badge-neutral-40-color: var(--ams-brand-color-neutral-100);--ams-badge-neutral-60-background-color: var(--ams-brand-color-neutral-60);--ams-badge-neutral-60-color: var(--ams-brand-color-neutral-0);--ams-badge-neutral-80-background-color: var(--ams-brand-color-neutral-80);--ams-badge-neutral-80-color: var(--ams-brand-color-neutral-0);--ams-badge-orange-background-color: var(--ams-brand-color-orange-60);--ams-badge-orange-color: var(--ams-brand-color-neutral-100);--ams-badge-purple-background-color: var(--ams-brand-color-purple-60);--ams-badge-purple-color: var(--ams-brand-color-neutral-0);--ams-badge-red-background-color: var(--ams-brand-color-red-60);--ams-badge-red-color: var(--ams-brand-color-neutral-0);--ams-badge-white-background-color: var(--ams-brand-color-neutral-0);--ams-badge-white-color: var(--ams-brand-color-neutral-100);--ams-badge-yellow-background-color: var(--ams-brand-color-yellow-60);--ams-badge-yellow-color: var(--ams-brand-color-neutral-100);--ams-blockquote-color: var(--ams-brand-color-neutral-100);--ams-blockquote-font-family: var(--ams-text-font-family);--ams-blockquote-font-size: var(--ams-text-level-3-font-size);--ams-blockquote-font-weight: var(--ams-text-font-weight-bold);--ams-blockquote-line-height: var(--ams-text-level-3-line-height);--ams-blockquote-inverse-color: var(--ams-brand-color-neutral-0);--ams-breadcrumb-font-family: var(--ams-text-font-family);--ams-breadcrumb-font-size: var(--ams-text-level-6-font-size);--ams-breadcrumb-font-weight: var(--ams-text-font-weight-normal);--ams-breadcrumb-line-height: var(--ams-text-level-6-line-height);--ams-breadcrumb-separator-margin-inline: var(--ams-space-xs);--ams-breadcrumb-link-outline-offset: var(--ams-focus-outline-offset);--ams-breadcrumb-link-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-breadcrumb-link-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-breadcrumb-link-hover-color: var(--ams-brand-color-blue-80);--ams-breadcrumb-link-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-breakout-row-gap-sm: var(--ams-space-grid-sm);--ams-breakout-row-gap-md: var(--ams-space-grid-md);--ams-breakout-row-gap-lg: var(--ams-space-grid-lg);--ams-button-cursor: var(--ams-action-activate-cursor);--ams-button-font-family: var(--ams-text-font-family);--ams-button-font-size: var(--ams-text-level-5-font-size);--ams-button-line-height: var(--ams-text-level-5-line-height);--ams-button-gap: var(--ams-space-sm);--ams-button-outline-offset: var(--ams-focus-outline-offset);--ams-button-padding-block: var(--ams-space-sm);--ams-button-padding-inline: var(--ams-space-md);--ams-button-disabled-cursor: var(--ams-action-disabled-cursor);--ams-button-forced-color-mode-border: var(--ams-border-width-md) solid;--ams-button-primary-background-color: var(--ams-brand-color-blue-60);--ams-button-primary-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-60);--ams-button-primary-color: var(--ams-brand-color-neutral-0);--ams-button-primary-disabled-background-color: var(--ams-brand-color-neutral-60);--ams-button-primary-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-60);--ams-button-primary-hover-background-color: var(--ams-brand-color-blue-80);--ams-button-primary-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-80);--ams-button-secondary-background-color: var(--ams-brand-color-neutral-0);--ams-button-secondary-color: var(--ams-brand-color-blue-60);--ams-button-secondary-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-60);--ams-button-secondary-hover-box-shadow: inset 0 0 0 var(--ams-border-width-lg) var(--ams-brand-color-blue-80);--ams-button-secondary-hover-color: var(--ams-brand-color-blue-80);--ams-button-secondary-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-button-secondary-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-60);--ams-button-secondary-disabled-color: var(--ams-brand-color-neutral-60);--ams-button-secondary-focus-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-60);--ams-button-tertiary-color: var(--ams-brand-color-blue-60);--ams-button-tertiary-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-80);--ams-button-tertiary-hover-color: var(--ams-brand-color-blue-80);--ams-button-tertiary-disabled-color: var(--ams-brand-color-neutral-60);--ams-button-icon-only-padding-block: var(--ams-space-sm);--ams-button-icon-only-padding-inline: var(--ams-space-sm);--ams-card-gap: var(--ams-space-sm);--ams-card-heading-group-gap: var(--ams-space-sm);--ams-card-link-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-card-link-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-card-link-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-card-outline-offset: var(--ams-focus-outline-offset);--ams-character-count-color: var(--ams-brand-color-neutral-100);--ams-character-count-font-family: var(--ams-text-font-family);--ams-character-count-font-size: var(--ams-text-level-6-font-size);--ams-character-count-font-weight: var(--ams-text-font-weight-normal);--ams-character-count-line-height: var(--ams-text-level-6-line-height);--ams-character-count-error-color: var(--ams-brand-color-red-60);--ams-checkbox-color: var(--ams-brand-color-neutral-100);--ams-checkbox-font-family: var(--ams-text-font-family);--ams-checkbox-font-size: var(--ams-text-level-5-font-size);--ams-checkbox-font-weight: var(--ams-text-font-weight-normal);--ams-checkbox-gap: var(--ams-space-sm);--ams-checkbox-line-height: var(--ams-text-level-5-line-height);--ams-checkbox-outline-offset: var(--ams-focus-outline-offset);--ams-checkbox-checkmark-border-color: var(--ams-brand-color-blue-60);--ams-checkbox-checkmark-border-width: var(--ams-border-width-md);--ams-checkbox-checkmark-checked-background-color: var(--ams-brand-color-blue-60);--ams-checkbox-checkmark-checked-hover-background-color: var(--ams-brand-color-blue-80);--ams-checkbox-checkmark-disabled-border-color: var(--ams-brand-color-neutral-60);--ams-checkbox-checkmark-disabled-border-width: var(--ams-border-width-md);--ams-checkbox-checkmark-disabled-checked-background-color: var(--ams-brand-color-neutral-60);--ams-checkbox-checkmark-disabled-checked-hover-background-color: var(--ams-brand-color-neutral-60);--ams-checkbox-checkmark-disabled-indeterminate-background-color: var(--ams-brand-color-neutral-60);--ams-checkbox-checkmark-disabled-indeterminate-hover-background-color: var(--ams-brand-color-neutral-60);--ams-checkbox-checkmark-hover-border-color: var(--ams-brand-color-blue-80);--ams-checkbox-checkmark-hover-border-width: var(--ams-border-width-lg);--ams-checkbox-checkmark-invalid-border-color: var(--ams-brand-color-red-60);--ams-checkbox-checkmark-invalid-checked-background-color: var(--ams-brand-color-red-60);--ams-checkbox-checkmark-invalid-checked-hover-background-color: var(--ams-brand-color-red-80);--ams-checkbox-checkmark-invalid-hover-border-color: var(--ams-brand-color-red-80);--ams-checkbox-checkmark-invalid-indeterminate-background-color: var(--ams-brand-color-red-60);--ams-checkbox-checkmark-invalid-indeterminate-hover-background-color: var(--ams-brand-color-red-80);--ams-checkbox-checkmark-indeterminate-background-color: var(--ams-brand-color-blue-60);--ams-checkbox-checkmark-indeterminate-hover-background-color: var(--ams-brand-color-blue-80);--ams-checkbox-disabled-color: var(--ams-brand-color-neutral-60);--ams-checkbox-hover-color: var(--ams-brand-color-blue-80);--ams-checkbox-hover-text-decoration-thickness: var(--ams-border-width-md);--ams-column-gap-xs: var(--ams-space-xs);--ams-column-gap-sm: var(--ams-space-sm);--ams-column-gap-md: var(--ams-space-md);--ams-column-gap-lg: var(--ams-space-lg);--ams-column-gap-xl: var(--ams-space-xl);--ams-date-input-background-color: var(--ams-brand-color-neutral-0);--ams-date-input-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-date-input-color: var(--ams-brand-color-neutral-100);--ams-date-input-font-family: var(--ams-text-font-family);--ams-date-input-font-size: var(--ams-text-level-5-font-size);--ams-date-input-font-weight: var(--ams-text-font-weight-normal);--ams-date-input-line-height: var(--ams-text-level-5-line-height);--ams-date-input-outline-offset: var(--ams-focus-outline-offset);--ams-date-input-padding-block: var(--ams-space-sm);--ams-date-input-padding-inline: var(--ams-space-md);--ams-date-input-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-date-input-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-date-input-disabled-color: var(--ams-brand-color-neutral-60);--ams-date-input-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-date-input-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-date-input-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-description-list-color: var(--ams-brand-color-neutral-100);--ams-description-list-column-gap: var(--ams-space-lg);--ams-description-list-font-family: var(--ams-text-font-family);--ams-description-list-font-size: var(--ams-text-level-5-font-size);--ams-description-list-inverse-color: var(--ams-brand-color-neutral-0);--ams-description-list-line-height: var(--ams-text-level-5-line-height);--ams-description-list-row-gap: var(--ams-space-sm);--ams-description-list-term-font-weight: var(--ams-text-font-weight-bold);--ams-description-list-description-font-weight: var(--ams-text-font-weight-normal);--ams-description-list-description-padding-inline-start: var(--ams-space-lg);--ams-dialog-background-color: var(--ams-brand-color-neutral-0);--ams-dialog-gap: var(--ams-space-md);--ams-dialog-inline-size: calc(100% - 2 * var(--ams-space-grid-md));--ams-dialog-max-block-size: calc(100dvh - 2 * var(--ams-space-grid-md));--ams-dialog-padding-block: var(--ams-space-grid-md);--ams-dialog-padding-inline: var(--ams-space-grid-lg);--ams-dialog-header-gap: var(--ams-space-md);--ams-error-message-color: var(--ams-brand-color-red-60);--ams-error-message-font-family: var(--ams-text-font-family);--ams-error-message-font-size: var(--ams-text-level-6-font-size);--ams-error-message-font-weight: var(--ams-text-font-weight-normal);--ams-error-message-gap: var(--ams-space-xs);--ams-error-message-line-height: var(--ams-text-level-6-line-height);--ams-field-set-invalid-border-inline-start: var(--ams-border-width-lg) solid var(--ams-brand-color-red-60);--ams-field-set-invalid-padding-inline-start: var(--ams-space-md);--ams-field-set-legend-color: var(--ams-brand-color-neutral-100);--ams-field-set-legend-font-family: var(--ams-text-font-family);--ams-field-set-legend-font-size: var(--ams-text-level-4-font-size);--ams-field-set-legend-font-weight: var(--ams-text-font-weight-bold);--ams-field-set-legend-line-height: var(--ams-text-level-4-line-height);--ams-field-set-legend-margin-block-end: var(--ams-space-md);--ams-field-gap: var(--ams-space-sm);--ams-field-invalid-border-inline-start: var(--ams-border-width-lg) solid var(--ams-brand-color-red-60);--ams-field-invalid-padding-inline-start: var(--ams-space-md);--ams-figure-gap: var(--ams-space-sm);--ams-figure-caption-color: var(--ams-brand-color-neutral-100);--ams-figure-caption-font-family: var(--ams-text-font-family);--ams-figure-caption-font-size: var(--ams-text-level-6-font-size);--ams-figure-caption-font-weight: var(--ams-text-font-weight-normal);--ams-figure-caption-line-height: var(--ams-text-level-6-line-height);--ams-figure-caption-inverse-color: var(--ams-brand-color-neutral-0);--ams-file-input-background-color: var(--ams-brand-color-neutral-0);--ams-file-input-border: var(--ams-border-width-sm) dashed var(--ams-brand-color-neutral-60);--ams-file-input-color: var(--ams-brand-color-neutral-100);--ams-file-input-cursor: var(--ams-action-activate-cursor);--ams-file-input-font-family: var(--ams-text-font-family);--ams-file-input-font-size: var(--ams-text-level-5-font-size);--ams-file-input-font-weight: var(--ams-text-font-weight-normal);--ams-file-input-line-height: var(--ams-text-level-5-line-height);--ams-file-input-outline-offset: var(--ams-focus-outline-offset);--ams-file-input-padding-block: var(--ams-space-md);--ams-file-input-padding-inline: var(--ams-space-md);--ams-file-input-disabled-color: var(--ams-brand-color-neutral-60);--ams-file-input-disabled-cursor: var(--ams-action-disabled-cursor);--ams-file-input-file-selector-button-background-color: var(--ams-brand-color-neutral-0);--ams-file-input-file-selector-button-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-60);--ams-file-input-file-selector-button-color: var(--ams-brand-color-blue-60);--ams-file-input-file-selector-button-cursor: var(--ams-action-activate-cursor);--ams-file-input-file-selector-button-margin-inline-end: var(--ams-space-md);--ams-file-input-file-selector-button-padding-block: var(--ams-space-sm);--ams-file-input-file-selector-button-padding-inline: var(--ams-space-md);--ams-file-input-file-selector-button-hover-box-shadow: inset 0 0 0 var(--ams-border-width-lg) var(--ams-brand-color-blue-80);--ams-file-input-file-selector-button-hover-color: var(--ams-brand-color-blue-80);--ams-file-input-file-selector-button-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-60);--ams-file-input-file-selector-button-disabled-color: var(--ams-brand-color-neutral-60);--ams-file-input-file-selector-button-disabled-cursor: var(--ams-action-disabled-cursor);--ams-file-input-file-selector-button-forced-color-mode-border: var(--ams-border-width-md) solid;--ams-file-list-gap: var(--ams-space-md);--ams-file-list-padding-block: var(--ams-space-md);--ams-file-list-file-font-family: var(--ams-text-font-family);--ams-file-list-file-font-size: var(--ams-text-level-6-font-size);--ams-file-list-file-font-weight: var(--ams-text-font-weight-normal);--ams-file-list-file-gap: var(--ams-space-sm);--ams-file-list-file-line-height: var(--ams-text-level-6-line-height);--ams-file-list-file-details-color: var(--ams-brand-color-neutral-60);--ams-footer-top-background-color: var(--ams-brand-color-blue-60);--ams-form-error-list-outline-offset: var(--ams-focus-outline-offset);--ams-gap-xs: var(--ams-space-grid-xs);--ams-gap-sm: var(--ams-space-grid-sm);--ams-gap-md: var(--ams-space-grid-md);--ams-gap-lg: var(--ams-space-grid-lg);--ams-gap-xl: var(--ams-space-grid-xl);--ams-grid-column-gap: var(--ams-space-grid-md);--ams-grid-padding-block-sm: var(--ams-space-grid-sm);--ams-grid-padding-block-md: var(--ams-space-grid-md);--ams-grid-padding-block-lg: var(--ams-space-grid-lg);--ams-grid-padding-inline: var(--ams-space-grid-lg);--ams-grid-row-gap-sm: var(--ams-space-grid-sm);--ams-grid-row-gap-md: var(--ams-space-grid-md);--ams-grid-row-gap-lg: var(--ams-space-grid-lg);--ams-header-column-gap: var(--ams-space-grid-md);--ams-header-padding-block: var(--ams-space-md);--ams-header-logo-link-outline-offset: var(--ams-focus-outline-offset);--ams-heading-color: var(--ams-brand-color-neutral-100);--ams-heading-font-family: var(--ams-text-font-family);--ams-heading-font-weight: var(--ams-text-font-weight-bold);--ams-heading-inverse-color: var(--ams-brand-color-neutral-0);--ams-heading-level-1-font-size: var(--ams-text-level-1-font-size);--ams-heading-level-1-line-height: var(--ams-text-level-1-line-height);--ams-heading-level-2-font-size: var(--ams-text-level-2-font-size);--ams-heading-level-2-line-height: var(--ams-text-level-2-line-height);--ams-heading-level-3-font-size: var(--ams-text-level-3-font-size);--ams-heading-level-3-line-height: var(--ams-text-level-3-line-height);--ams-heading-level-4-font-size: var(--ams-text-level-4-font-size);--ams-heading-level-4-line-height: var(--ams-text-level-4-line-height);--ams-heading-level-5-font-size: var(--ams-text-level-5-font-size);--ams-heading-level-5-line-height: var(--ams-text-level-5-line-height);--ams-heading-level-6-font-size: var(--ams-text-level-6-font-size);--ams-heading-level-6-line-height: var(--ams-text-level-6-line-height);--ams-hint-color: var(--ams-brand-color-neutral-60);--ams-icon-button-color: var(--ams-brand-color-blue-60);--ams-icon-button-outline-offset: var(--ams-focus-outline-offset);--ams-icon-button-hover-color: var(--ams-brand-color-blue-80);--ams-icon-button-disabled-color: var(--ams-brand-color-neutral-60);--ams-icon-button-contrast-color-color: var(--ams-brand-color-neutral-100);--ams-icon-button-contrast-color-hover-color: var(--ams-brand-color-neutral-100);--ams-icon-button-contrast-color-disabled-color: var(--ams-brand-color-neutral-60);--ams-icon-button-inverse-color-background-color: var(--ams-brand-color-blue-60);--ams-icon-button-inverse-color-color: var(--ams-brand-color-neutral-0);--ams-icon-button-inverse-color-hover-background-color: var(--ams-brand-color-blue-80);--ams-icon-button-inverse-color-hover-color: var(--ams-brand-color-neutral-0);--ams-icon-button-inverse-color-disabled-color: var(--ams-brand-color-neutral-0);--ams-icon-button-inverse-color-disabled-background-color: var(--ams-brand-color-neutral-60);--ams-icon-inverse-color: var(--ams-brand-color-neutral-0);--ams-icon-size-3-font-size: var(--ams-text-level-3-font-size);--ams-icon-size-3-line-height: var(--ams-text-level-3-line-height);--ams-icon-size-4-font-size: var(--ams-text-level-4-font-size);--ams-icon-size-4-line-height: var(--ams-text-level-4-line-height);--ams-icon-size-5-font-size: var(--ams-text-level-5-font-size);--ams-icon-size-5-line-height: var(--ams-text-level-5-line-height);--ams-icon-size-6-font-size: var(--ams-text-level-6-font-size);--ams-icon-size-6-line-height: var(--ams-text-level-6-line-height);--ams-image-slider-gap: var(--ams-space-xs);--ams-image-slider-scroller-gap: var(--ams-space-xs);--ams-image-slider-scroller-outline-offset: var(--ams-focus-outline-offset);--ams-image-slider-thumbnails-gap: var(--ams-space-xs);--ams-image-slider-thumbnails-thumbnail-cursor: var(--ams-action-activate-cursor);--ams-image-slider-thumbnails-thumbnail-outline-offset: var(--ams-focus-outline-offset);--ams-image-aspect-ratio: var(--ams-aspect-ratio-x-wide);--ams-label-color: var(--ams-brand-color-neutral-100);--ams-label-font-family: var(--ams-text-font-family);--ams-label-font-size: var(--ams-text-level-4-font-size);--ams-label-font-weight: var(--ams-text-font-weight-bold);--ams-label-line-height: var(--ams-text-level-4-line-height);--ams-link-list-gap: var(--ams-space-sm);--ams-link-list-link-font-family: var(--ams-text-font-family);--ams-link-list-link-font-size: var(--ams-text-level-5-font-size);--ams-link-list-link-font-weight: var(--ams-text-font-weight-normal);--ams-link-list-link-gap: var(--ams-space-sm);--ams-link-list-link-line-height: var(--ams-text-level-5-line-height);--ams-link-list-link-outline-offset: var(--ams-focus-outline-offset);--ams-link-list-link-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-link-list-link-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-link-list-link-small-font-size: var(--ams-text-level-6-font-size);--ams-link-list-link-small-line-height: var(--ams-text-level-6-line-height);--ams-link-list-link-large-font-size: var(--ams-text-level-4-font-size);--ams-link-list-link-large-line-height: var(--ams-text-level-4-line-height);--ams-link-list-link-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-link-font-family: var(--ams-text-font-family);--ams-link-font-weight: var(--ams-text-font-weight-normal);--ams-link-outline-offset: var(--ams-focus-outline-offset);--ams-link-inline-text-decoration-line: var(--ams-link-appearance-regular-text-decoration-line);--ams-link-inline-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-link-inline-hover-text-underline-offset: var(--ams-link-appearance-regular-hover-text-underline-offset);--ams-link-inline-visited-color: var(--ams-brand-color-purple-60);--ams-link-standalone-font-size: var(--ams-text-level-5-font-size);--ams-link-standalone-line-height: var(--ams-text-level-5-line-height);--ams-link-standalone-text-decoration-line: var(--ams-link-appearance-regular-text-decoration-line);--ams-link-standalone-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-link-standalone-hover-text-underline-offset: var(--ams-link-appearance-regular-hover-text-underline-offset);--ams-logo-emblem-color: var(--ams-brand-color-red-60);--ams-logo-title-color: var(--ams-brand-color-red-60);--ams-logo-subsite-color: var(--ams-brand-color-neutral-100);--ams-margin-xs: var(--ams-space-grid-xs);--ams-margin-sm: var(--ams-space-grid-sm);--ams-margin-md: var(--ams-space-grid-md);--ams-margin-lg: var(--ams-space-grid-lg);--ams-margin-xl: var(--ams-space-grid-xl);--ams-mark-background-color: var(--ams-brand-color-yellow-60);--ams-mega-menu-list-category-column-gap: var(--ams-space-grid-md);--ams-mega-menu-list-category-padding-block-start: var(--ams-space-md);--ams-mega-menu-list-category-padding-block-end: var(--ams-space-grid-md);--ams-ordered-list-color: var(--ams-brand-color-neutral-100);--ams-ordered-list-font-family: var(--ams-text-font-family);--ams-ordered-list-font-size: var(--ams-text-level-5-font-size);--ams-ordered-list-font-weight: var(--ams-text-font-weight-normal);--ams-ordered-list-gap: var(--ams-space-md);--ams-ordered-list-inverse-color: var(--ams-brand-color-neutral-0);--ams-ordered-list-line-height: var(--ams-text-level-5-line-height);--ams-ordered-list-small-font-size: var(--ams-text-level-6-font-size);--ams-ordered-list-small-line-height: var(--ams-text-level-6-line-height);--ams-ordered-list-ordered-list-gap: var(--ams-space-sm);--ams-ordered-list-ordered-list-padding-block-start: var(--ams-space-sm);--ams-page-heading-color: var(--ams-brand-color-neutral-100);--ams-page-heading-font-family: var(--ams-text-font-family);--ams-page-heading-font-size: var(--ams-text-level-0-font-size);--ams-page-heading-font-weight: var(--ams-text-font-weight-bold);--ams-page-heading-inverse-color: var(--ams-brand-color-neutral-0);--ams-page-heading-line-height: var(--ams-text-level-0-font-size);--ams-page-menu-column-gap: var(--ams-space-grid-md);--ams-page-menu-row-gap: var(--ams-space-grid-xs);--ams-page-menu-item-font-family: var(--ams-text-font-family);--ams-page-menu-item-font-size: var(--ams-text-level-6-font-size);--ams-page-menu-item-font-weight: var(--ams-text-font-weight-normal);--ams-page-menu-item-gap: var(--ams-space-sm);--ams-page-menu-item-line-height: var(--ams-text-level-6-line-height);--ams-page-menu-item-outline-offset: var(--ams-focus-outline-offset);--ams-page-menu-item-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-page-menu-item-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-page-menu-item-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-pagination-font-family: var(--ams-text-font-family);--ams-pagination-font-size: var(--ams-text-level-5-font-size);--ams-pagination-font-weight: var(--ams-text-font-weight-normal);--ams-pagination-line-height: var(--ams-text-level-5-line-height);--ams-pagination-button-gap: var(--ams-space-xs);--ams-pagination-button-outline-offset: var(--ams-focus-outline-offset);--ams-pagination-button-padding-inline: var(--ams-space-sm);--ams-pagination-button-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-pagination-button-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-pagination-button-current-font-weight: var(--ams-text-font-weight-bold);--ams-pagination-button-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-paragraph-color: var(--ams-brand-color-neutral-100);--ams-paragraph-font-family: var(--ams-text-font-family);--ams-paragraph-font-size: var(--ams-text-level-5-font-size);--ams-paragraph-font-weight: var(--ams-text-font-weight-normal);--ams-paragraph-line-height: var(--ams-text-level-5-line-height);--ams-paragraph-inverse-color: var(--ams-brand-color-neutral-0);--ams-paragraph-small-font-size: var(--ams-text-level-6-font-size);--ams-paragraph-small-line-height: var(--ams-text-level-6-line-height);--ams-paragraph-large-font-size: var(--ams-text-level-4-font-size);--ams-paragraph-large-line-height: var(--ams-text-level-4-line-height);--ams-password-input-background-color: var(--ams-brand-color-neutral-0);--ams-password-input-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-password-input-color: var(--ams-brand-color-neutral-100);--ams-password-input-font-family: var(--ams-text-font-family);--ams-password-input-font-size: var(--ams-text-level-5-font-size);--ams-password-input-font-weight: var(--ams-text-font-weight-normal);--ams-password-input-line-height: var(--ams-text-level-5-line-height);--ams-password-input-outline-offset: var(--ams-focus-outline-offset);--ams-password-input-padding-block: var(--ams-space-sm);--ams-password-input-padding-inline: var(--ams-space-md);--ams-password-input-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-password-input-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-password-input-disabled-color: var(--ams-brand-color-neutral-60);--ams-password-input-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-password-input-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-password-input-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-password-input-placeholder-color: var(--ams-brand-color-neutral-60);--ams-radio-color: var(--ams-brand-color-neutral-100);--ams-radio-font-family: var(--ams-text-font-family);--ams-radio-font-size: var(--ams-text-level-5-font-size);--ams-radio-font-weight: var(--ams-text-font-weight-normal);--ams-radio-gap: var(--ams-space-sm);--ams-radio-line-height: var(--ams-text-level-5-line-height);--ams-radio-outline-offset: var(--ams-focus-outline-offset);--ams-radio-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-radio-checked-indicator-fill: var(--ams-brand-color-blue-60);--ams-radio-checked-indicator-disabled-fill: var(--ams-brand-color-neutral-60);--ams-radio-checked-indicator-disabled-invalid-fill: var(--ams-brand-color-neutral-60);--ams-radio-checked-indicator-disabled-invalid-hover-fill: var(--ams-brand-color-neutral-60);--ams-radio-checked-indicator-hover-fill: var(--ams-brand-color-blue-80);--ams-radio-checked-indicator-invalid-fill: var(--ams-brand-color-red-60);--ams-radio-checked-indicator-invalid-hover-fill: var(--ams-brand-color-red-80);--ams-radio-hover-indicator-hover-stroke: var(--ams-brand-color-blue-60);--ams-radio-circle-fill: var(--ams-brand-color-neutral-0);--ams-radio-circle-stroke: var(--ams-brand-color-blue-60);--ams-radio-circle-disabled-stroke: var(--ams-brand-color-neutral-60);--ams-radio-circle-disabled-invalid-stroke: var(--ams-brand-color-neutral-60);--ams-radio-circle-disabled-invalid-hover-stroke: var(--ams-brand-color-neutral-60);--ams-radio-circle-hover-stroke: var(--ams-brand-color-blue-80);--ams-radio-circle-invalid-stroke: var(--ams-brand-color-red-60);--ams-radio-circle-invalid-hover-stroke: var(--ams-brand-color-red-80);--ams-radio-disabled-color: var(--ams-brand-color-neutral-60);--ams-radio-hover-color: var(--ams-brand-color-blue-80);--ams-radio-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-row-gap-xs: var(--ams-space-xs);--ams-row-gap-sm: var(--ams-space-sm);--ams-row-gap-md: var(--ams-space-md);--ams-row-gap-lg: var(--ams-space-lg);--ams-row-gap-xl: var(--ams-space-xl);--ams-screen-background-color: var(--ams-brand-color-neutral-0);--ams-search-field-input-background-color: var(--ams-brand-color-neutral-0);--ams-search-field-input-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-search-field-input-color: var(--ams-brand-color-neutral-100);--ams-search-field-input-font-family: var(--ams-text-font-family);--ams-search-field-input-font-size: var(--ams-text-level-5-font-size);--ams-search-field-input-font-weight: var(--ams-text-font-weight-normal);--ams-search-field-input-line-height: var(--ams-text-level-5-line-height);--ams-search-field-input-outline-offset: var(--ams-focus-outline-offset);--ams-search-field-input-padding-block: var(--ams-space-sm);--ams-search-field-input-padding-inline: var(--ams-space-md);--ams-search-field-input-cancel-button-block-size: var(--ams-text-level-5-font-size);--ams-search-field-input-cancel-button-color: var(--ams-brand-color-blue-60);--ams-search-field-input-cancel-button-inline-size: var(--ams-text-level-5-font-size);--ams-search-field-input-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-search-field-input-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-search-field-input-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-search-field-input-placeholder-color: var(--ams-brand-color-neutral-60);--ams-select-background-color: var(--ams-brand-color-neutral-0);--ams-select-background-position: right var(--ams-space-md) center;--ams-select-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-select-color: var(--ams-brand-color-neutral-100);--ams-select-font-family: var(--ams-text-font-family);--ams-select-font-size: var(--ams-text-level-5-font-size);--ams-select-font-weight: var(--ams-text-font-weight-normal);--ams-select-line-height: var(--ams-text-level-5-line-height);--ams-select-outline-offset: var(--ams-focus-outline-offset);--ams-select-padding-block: var(--ams-space-sm);--ams-select-padding-inline: var(--ams-space-md) calc(2 * var(--ams-space-md) + 1em);--ams-select-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-select-disabled-color: var(--ams-brand-color-neutral-60);--ams-select-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-select-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-select-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-select-option-disabled-color: var(--ams-brand-color-neutral-60);--ams-skip-link-background-color: var(--ams-brand-color-blue-60);--ams-skip-link-color: var(--ams-brand-color-neutral-0);--ams-skip-link-font-family: var(--ams-text-font-family);--ams-skip-link-font-size: var(--ams-text-level-6-font-size);--ams-skip-link-font-weight: var(--ams-text-font-weight-normal);--ams-skip-link-line-height: var(--ams-text-level-6-line-height);--ams-skip-link-outline-offset: var(--ams-focus-outline-offset);--ams-skip-link-padding-block: var(--ams-space-sm);--ams-skip-link-padding-inline: var(--ams-space-md);--ams-skip-link-hover-background-color: var(--ams-brand-color-blue-80);--ams-spotlight-background-color: var(--ams-brand-color-purple-60);--ams-spotlight-azure-background-color: var(--ams-brand-color-azure-60);--ams-spotlight-green-background-color: var(--ams-brand-color-green-60);--ams-spotlight-lime-background-color: var(--ams-brand-color-lime-60);--ams-spotlight-magenta-background-color: var(--ams-brand-color-magenta-60);--ams-spotlight-orange-background-color: var(--ams-brand-color-orange-60);--ams-spotlight-yellow-background-color: var(--ams-brand-color-yellow-60);--ams-switch-background-color: var(--ams-brand-color-neutral-60);--ams-switch-font-family: var(--ams-text-font-family);--ams-switch-outline-offset: var(--ams-focus-outline-offset);--ams-switch-thumb-background-color: var(--ams-brand-color-neutral-0);--ams-switch-thumb-hover-color: var(--ams-brand-color-blue-80);--ams-switch-checked-background-color: var(--ams-brand-color-blue-60);--ams-switch-disabled-background-color: var(--ams-brand-color-neutral-60);--ams-table-of-contents-font-family: var(--ams-text-font-family);--ams-table-of-contents-font-size: var(--ams-text-level-5-font-size);--ams-table-of-contents-font-weight: var(--ams-text-font-weight-normal);--ams-table-of-contents-gap: var(--ams-space-md);--ams-table-of-contents-line-height: var(--ams-text-level-5-line-height);--ams-table-of-contents-link-outline-offset: var(--ams-focus-outline-offset);--ams-table-of-contents-link-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-table-of-contents-link-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-table-of-contents-link-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-table-of-contents-list-gap: var(--ams-space-sm);--ams-table-of-contents-list-list-padding-block-start: var(--ams-space-sm);--ams-table-of-contents-list-list-padding-inline-start: var(--ams-space-lg);--ams-table-of-contents-heading-font-weight: var(--ams-text-font-weight-bold);--ams-table-of-contents-heading-font-size: var(--ams-text-level-4-font-size);--ams-table-of-contents-heading-line-height: var(--ams-text-level-4-line-height);--ams-table-color: var(--ams-brand-color-neutral-100);--ams-table-font-family: var(--ams-text-font-family);--ams-table-font-size: var(--ams-text-level-5-font-size);--ams-table-font-weight: var(--ams-text-font-weight-normal);--ams-table-line-height: var(--ams-text-level-5-line-height);--ams-table-caption-font-weight: var(--ams-text-font-weight-bold);--ams-table-cell-border-block-end: var(--ams-border-width-sm) solid var(--ams-brand-color-neutral-20);--ams-table-cell-padding-block: var(--ams-space-sm);--ams-table-cell-padding-inline: var(--ams-space-md);--ams-table-header-cell-font-weight: var(--ams-text-font-weight-bold);--ams-tabs-gap: var(--ams-space-md);--ams-tabs-list-box-shadow: inset 0 calc(var(--ams-border-width-md) * -1) var(--ams-brand-color-neutral-20);--ams-tabs-button-color: var(--ams-brand-color-blue-60);--ams-tabs-button-cursor: var(--ams-action-activate-cursor);--ams-tabs-button-font-family: var(--ams-text-font-family);--ams-tabs-button-font-size: var(--ams-text-level-5-font-size);--ams-tabs-button-font-weight: var(--ams-text-font-weight-normal);--ams-tabs-button-line-height: var(--ams-text-level-5-line-height);--ams-tabs-button-padding-block: var(--ams-space-sm);--ams-tabs-button-padding-inline: var(--ams-space-md);--ams-tabs-button-hover-color: var(--ams-brand-color-blue-80);--ams-tabs-button-hover-box-shadow: inset 0 calc(var(--ams-border-width-md) * -1) var(--ams-brand-color-blue-80);--ams-tabs-button-selected-box-shadow: inset 0 calc(var(--ams-border-width-xl) * -1) var(--ams-brand-color-blue-60);--ams-tabs-button-selected-color: var(--ams-brand-color-blue-60);--ams-tabs-button-selected-font-weight: var(--ams-text-font-weight-bold);--ams-tabs-button-disabled-color: var(--ams-brand-color-neutral-60);--ams-tabs-button-disabled-cursor: var(--ams-action-disabled-cursor);--ams-text-area-background-color: var(--ams-brand-color-neutral-0);--ams-text-area-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-text-area-color: var(--ams-brand-color-neutral-100);--ams-text-area-font-family: var(--ams-text-font-family);--ams-text-area-font-size: var(--ams-text-level-5-font-size);--ams-text-area-font-weight: var(--ams-text-font-weight-normal);--ams-text-area-line-height: var(--ams-text-level-5-line-height);--ams-text-area-min-block-size: calc(var(--ams-text-level-5-line-height) * 1em + 2 * var(--ams-text-area-padding-block));--ams-text-area-outline-offset: var(--ams-focus-outline-offset);--ams-text-area-padding-block: var(--ams-space-sm);--ams-text-area-padding-inline: var(--ams-space-md);--ams-text-area-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-text-area-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-text-area-disabled-color: var(--ams-brand-color-neutral-60);--ams-text-area-disabled-cursor: var(--ams-action-disabled-cursor);--ams-text-area-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-text-area-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-text-area-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-text-area-placeholder-color: var(--ams-brand-color-neutral-60);--ams-text-input-background-color: var(--ams-brand-color-neutral-0);--ams-text-input-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-text-input-color: var(--ams-brand-color-neutral-100);--ams-text-input-font-family: var(--ams-text-font-family);--ams-text-input-font-size: var(--ams-text-level-5-font-size);--ams-text-input-font-weight: var(--ams-text-font-weight-normal);--ams-text-input-line-height: var(--ams-text-level-5-line-height);--ams-text-input-outline-offset: var(--ams-focus-outline-offset);--ams-text-input-padding-block: var(--ams-space-sm);--ams-text-input-padding-inline: var(--ams-space-md);--ams-text-input-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-text-input-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-text-input-disabled-color: var(--ams-brand-color-neutral-60);--ams-text-input-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-text-input-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-text-input-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-text-input-placeholder-color: var(--ams-brand-color-neutral-60);--ams-time-input-background-color: var(--ams-brand-color-neutral-0);--ams-time-input-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-time-input-color: var(--ams-brand-color-neutral-100);--ams-time-input-font-family: var(--ams-text-font-family);--ams-time-input-font-size: var(--ams-text-level-5-font-size);--ams-time-input-font-weight: var(--ams-text-font-weight-normal);--ams-time-input-line-height: var(--ams-text-level-5-line-height);--ams-time-input-outline-offset: var(--ams-focus-outline-offset);--ams-time-input-padding-block: var(--ams-space-sm);--ams-time-input-padding-inline: var(--ams-space-md);--ams-time-input-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-time-input-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-time-input-disabled-color: var(--ams-brand-color-neutral-60);--ams-time-input-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-time-input-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-time-input-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-top-task-link-gap: var(--ams-space-sm);--ams-top-task-link-description-color: var(--ams-brand-color-neutral-100);--ams-top-task-link-description-font-family: var(--ams-text-font-family);--ams-top-task-link-description-font-size: var(--ams-text-level-6-font-size);--ams-top-task-link-description-font-weight: var(--ams-text-font-weight-normal);--ams-top-task-link-description-line-height: var(--ams-text-level-6-line-height);--ams-top-task-link-label-font-family: var(--ams-text-font-family);--ams-top-task-link-label-font-size: var(--ams-text-level-4-font-size);--ams-top-task-link-label-font-weight: var(--ams-text-font-weight-bold);--ams-top-task-link-label-line-height: var(--ams-text-level-4-line-height);--ams-top-task-link-label-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-top-task-link-label-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-top-task-link-label-hover-color: var(--ams-brand-color-blue-80);--ams-top-task-link-label-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-top-task-link-outline-offset: var(--ams-focus-outline-offset);--ams-unordered-list-color: var(--ams-brand-color-neutral-100);--ams-unordered-list-font-family: var(--ams-text-font-family);--ams-unordered-list-font-size: var(--ams-text-level-5-font-size);--ams-unordered-list-font-weight: var(--ams-text-font-weight-normal);--ams-unordered-list-gap: var(--ams-space-md);--ams-unordered-list-inverse-color: var(--ams-brand-color-neutral-0);--ams-unordered-list-line-height: var(--ams-text-level-5-line-height);--ams-unordered-list-unordered-list-gap: var(--ams-space-sm);--ams-unordered-list-unordered-list-padding-block-start: var(--ams-space-sm);--ams-unordered-list-small-font-size: var(--ams-text-level-6-font-size);--ams-unordered-list-small-line-height: var(--ams-text-level-6-line-height);--ams-breadcrumb-link-color: var(--ams-link-appearance-color);--ams-breadcrumb-link-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-card-link-color: var(--ams-link-appearance-color);--ams-card-link-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-card-link-hover-color: var(--ams-link-appearance-hover-color);--ams-link-list-link-color: var(--ams-link-appearance-color);--ams-link-list-link-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-link-list-link-hover-color: var(--ams-link-appearance-hover-color);--ams-link-list-link-contrast-color-color: var(--ams-link-appearance-contrast-color);--ams-link-list-link-contrast-color-hover-color: var(--ams-link-appearance-contrast-hover-color);--ams-link-list-link-inverse-color-color: var(--ams-link-appearance-inverse-color);--ams-link-list-link-inverse-color-hover-color: var(--ams-link-appearance-inverse-hover-color);--ams-link-color: var(--ams-link-appearance-color);--ams-link-hover-color: var(--ams-link-appearance-hover-color);--ams-link-inline-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-link-inline-hover-text-decoration-thickness: var(--ams-link-appearance-regular-hover-text-decoration-thickness);--ams-link-standalone-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-link-standalone-hover-text-decoration-thickness: var(--ams-link-appearance-regular-hover-text-decoration-thickness);--ams-link-contrast-color-color: var(--ams-link-appearance-contrast-color);--ams-link-contrast-color-hover-color: var(--ams-link-appearance-contrast-hover-color);--ams-link-contrast-color-visited-color: var(--ams-link-appearance-contrast-visited-color);--ams-link-inverse-color-color: var(--ams-link-appearance-inverse-color);--ams-link-inverse-color-hover-color: var(--ams-link-appearance-inverse-hover-color);--ams-link-inverse-color-visited-color: var(--ams-link-appearance-inverse-visited-color);--ams-page-menu-item-color: var(--ams-link-appearance-color);--ams-page-menu-item-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-page-menu-item-hover-color: var(--ams-link-appearance-hover-color);--ams-pagination-color: var(--ams-link-appearance-color);--ams-pagination-button-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-pagination-button-hover-color: var(--ams-link-appearance-hover-color);--ams-radio-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-radio-icon-container-block-size: calc(var(--ams-radio-font-size) * var(--ams-radio-line-height));--ams-switch-thumb-hover-box-shadow: 0 0 0 .125rem var(--ams-switch-thumb-hover-color);--ams-table-of-contents-link-color: var(--ams-link-appearance-color);--ams-table-of-contents-link-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-table-of-contents-link-hover-color: var(--ams-link-appearance-hover-color);--ams-top-task-link-label-color: var(--ams-link-appearance-color);--ams-top-task-link-label-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness)}:root --ams-radio-hover-indicator-invalid-hover-stroke:{ams.brand.color.red}.ams-theme--compact{--ams-space-xs: .25rem;--ams-space-sm: .5rem;--ams-space-md: 1rem;--ams-space-lg: 1.5rem;--ams-space-xl: 2rem;--ams-space-grid-xs: clamp(.25rem, calc(.390625vw - .015625rem), .625rem);--ams-space-grid-sm: clamp(.5rem, calc(.78125vw - .03125rem) , 1.25rem);--ams-space-grid-md: clamp(1rem, calc(1.5625vw - .0625rem) , 2.5rem);--ams-space-grid-lg: clamp(1.5rem, calc(2.34375vw - .09375rem) , 3.75rem);--ams-space-grid-xl: clamp(2rem, calc(3.125vw - .125rem) , 5rem);--ams-text-level-0-font-size: clamp(1.6105rem, calc(1.5626rem + .2394vw) , 1.802rem);--ams-text-level-1-font-size: clamp(1.4641rem, calc(1.4297rem + .1721vw) , 1.6018rem);--ams-text-level-2-font-size: clamp(1.331rem, calc(1.3078rem + .116vw) , 1.4238rem);--ams-text-level-3-font-size: clamp(1.21rem, calc(1.1961rem + .0695vw) , 1.2656rem);--ams-text-level-4-font-size: clamp(1.1rem, calc(1.0938rem + .0313vw) , 1.125rem);--ams-text-level-5-font-size: 1rem;--ams-text-level-6-font-size: clamp(.8889rem, calc(.9141rem - .0253vw) , .9091rem);--ams-grid-padding-inline: var(--ams-space-grid-md)}/** - * @license SEE LICENSE.md - * Copyright Gemeente Amsterdam - * All rights reserved - */@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:normal;font-weight:300;src:url(./AmsterdamSans-Light-C9JJu_TU.eot?#iefix);src:url(./AmsterdamSans-Light-C9JJu_TU.eot?#iefix) format("eot"),url(./AmsterdamSans-Light-D_AncfMf.woff2) format("woff2"),url(./AmsterdamSans-Light-iEj3CW9t.woff) format("woff")}@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:normal;font-weight:400;src:url(./AmsterdamSans-Regular-BSIiMMb3.eot?#iefix);src:url(./AmsterdamSans-Regular-BSIiMMb3.eot?#iefix) format("eot"),url(./AmsterdamSans-Regular-QnM7etvR.woff2) format("woff2"),url(./AmsterdamSans-Regular-nwmnLZDN.woff) format("woff")}@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:italic;font-weight:400;src:url(./AmsterdamSans-Italic-Djuh9q7q.eot?#iefix);src:url(./AmsterdamSans-Italic-Djuh9q7q.eot?#iefix) format("eot"),url(./AmsterdamSans-Italic-DW94SgHh.woff2) format("woff2"),url(./AmsterdamSans-Italic-D8oH3P5t.woff) format("woff")}@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:normal;font-weight:700;src:url(./AmsterdamSans-Bold-B-eEYlh-.eot?#iefix);src:url(./AmsterdamSans-Bold-B-eEYlh-.eot?#iefix) format("eot"),url(./AmsterdamSans-Bold-rXlH1Jru.woff2) format("woff2"),url(./AmsterdamSans-Bold-CN8ieXn0.woff) format("woff")}@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:italic;font-weight:700;src:url(./AmsterdamSans-BoldItalic-D8IgX2tE.eot?#iefix);src:url(./AmsterdamSans-BoldItalic-D8IgX2tE.eot?#iefix) format("eot"),url(./AmsterdamSans-BoldItalic-DGVdd_B4.woff2) format("woff2"),url(./AmsterdamSans-BoldItalic-Iks2g4JK.woff) format("woff")}@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:normal;font-weight:800;src:url(./AmsterdamSans-ExtraBold-0zPbyHYJ.eot?#iefix);src:url(./AmsterdamSans-ExtraBold-0zPbyHYJ.eot?#iefix) format("eot"),url(./AmsterdamSans-ExtraBold-hk2GetsY.woff2) format("woff2"),url(./AmsterdamSans-ExtraBold-GN1-Za61.woff) format("woff")}.ams-accordion{display:flex;flex-direction:column;gap:var(--ams-accordion-gap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-accordion__header{display:flex;margin-block:0;margin-inline:0}.ams-accordion__button{background-color:#0000;color:var(--ams-accordion-button-color);cursor:pointer;display:flex;font-family:var(--ams-accordion-button-font-family);font-size:var(--ams-accordion-button-font-size);font-weight:var(--ams-accordion-button-font-weight);gap:var(--ams-accordion-button-gap);inline-size:100%;line-height:var(--ams-accordion-button-line-height);padding-block:var(--ams-accordion-button-padding-block);padding-inline:var(--ams-accordion-button-padding-inline);text-align:start;border:0;margin-block:0;margin-inline:0}.ams-accordion__button:focus{outline-offset:var(--ams-accordion-button-focus-outline-offset)}.ams-accordion__button:hover{color:var(--ams-accordion-button-hover-color)}.ams-accordion__icon svg{rotate:0deg;transition:none}[aria-expanded=true] .ams-accordion__icon svg{rotate:-180deg}@media not (prefers-reduced-motion){.ams-accordion__icon svg{transition:rotate .3s ease}}.ams-accordion__button[aria-expanded=true] svg{rotate:-180deg}.ams-accordion__panel{display:none;padding-block:var(--ams-accordion-panel-padding-block);padding-inline:var(--ams-accordion-panel-padding-inline)}.ams-accordion__panel--expanded{display:block}.ams-action-group{align-items:baseline;display:inline-flex;flex-wrap:wrap;gap:var(--ams-action-group-gap)}.ams-action-group>*{flex:auto}.ams-alert{align-items:flex-start;background-color:var(--ams-alert-background-color);border-style:var(--ams-alert-border-style);border-width:var(--ams-alert-border-width);display:flex;flex-direction:row;gap:var(--ams-alert-gap);justify-content:space-between;padding-block:var(--ams-alert-padding-block);padding-inline:var(--ams-alert-padding-inline)}.ams-alert__content{display:flex;flex:auto;flex-direction:column;gap:var(--ams-alert-content-gap)}.ams-alert--error{border-color:var(--ams-alert-error-border-color)}.ams-alert--info{border-color:var(--ams-alert-info-border-color)}.ams-alert--success{border-color:var(--ams-alert-success-border-color)}.ams-alert--warning{border-color:var(--ams-alert-warning-border-color)}.ams-aspect-ratio--x-tall{aspect-ratio:var(--ams-aspect-ratio-x-tall)!important}.ams-aspect-ratio--tall{aspect-ratio:var(--ams-aspect-ratio-tall)!important}.ams-aspect-ratio--square{aspect-ratio:var(--ams-aspect-ratio-square)!important}.ams-aspect-ratio--wide{aspect-ratio:var(--ams-aspect-ratio-wide)!important}.ams-aspect-ratio--x-wide{aspect-ratio:var(--ams-aspect-ratio-x-wide)!important}.ams-aspect-ratio--2x-wide{aspect-ratio:var(--ams-aspect-ratio-2x-wide)!important}.ams-avatar{aspect-ratio:var(--ams-avatar-aspect-ratio);border-radius:50%;display:inline-flex;font-family:var(--ams-avatar-font-family);font-size:var(--ams-avatar-font-size);inline-size:calc(var(--ams-avatar-line-height)*var(--ams-avatar-font-size));line-height:var(--ams-avatar-line-height);padding-block:var(--ams-avatar-padding-block);padding-inline:var(--ams-avatar-padding-inline);place-content:center}.ams-avatar svg{fill:currentColor}@media (forced-colors: active){.ams-avatar:not(.ams-avatar--has-image){border-style:solid;border-width:var(--ams-avatar-forced-colors-border-width);padding-block:calc(var(--ams-avatar-padding-block) - var(--ams-avatar-forced-colors-border-width));padding-inline:calc(var(--ams-avatar-padding-inline) - var(--ams-avatar-forced-colors-border-width))}}.ams-avatar--has-image{inline-size:calc(var(--ams-avatar-line-height)*var(--ams-avatar-font-size) + 2*var(--ams-avatar-padding-inline));overflow:hidden;padding-block:0;padding-inline:0;vertical-align:middle}.ams-avatar--azure{background-color:var(--ams-avatar-azure-background-color);color:var(--ams-avatar-azure-color)}.ams-avatar--black{background-color:var(--ams-avatar-black-background-color);color:var(--ams-avatar-black-color)}.ams-avatar--blue{background-color:var(--ams-avatar-blue-background-color);color:var(--ams-avatar-blue-color)}.ams-avatar--green{background-color:var(--ams-avatar-green-background-color);color:var(--ams-avatar-green-color)}.ams-avatar--lime{background-color:var(--ams-avatar-lime-background-color);color:var(--ams-avatar-lime-color)}.ams-avatar--magenta{background-color:var(--ams-avatar-magenta-background-color);color:var(--ams-avatar-magenta-color)}.ams-avatar--neutral-20{background-color:var(--ams-avatar-neutral-20-background-color);color:var(--ams-avatar-neutral-20-color)}.ams-avatar--neutral-40{background-color:var(--ams-avatar-neutral-40-background-color);color:var(--ams-avatar-neutral-40-color)}.ams-avatar--neutral-60{background-color:var(--ams-avatar-neutral-60-background-color);color:var(--ams-avatar-neutral-60-color)}.ams-avatar--neutral-80{background-color:var(--ams-avatar-neutral-80-background-color);color:var(--ams-avatar-neutral-80-color)}.ams-avatar--orange{background-color:var(--ams-avatar-orange-background-color);color:var(--ams-avatar-orange-color)}.ams-avatar--purple{background-color:var(--ams-avatar-purple-background-color);color:var(--ams-avatar-purple-color)}.ams-avatar--red{background-color:var(--ams-avatar-red-background-color);color:var(--ams-avatar-red-color)}.ams-avatar--white{background-color:var(--ams-avatar-white-background-color);color:var(--ams-avatar-white-color)}.ams-avatar--yellow{background-color:var(--ams-avatar-yellow-background-color);color:var(--ams-avatar-yellow-color)}.ams-badge{display:inline-block;font-family:var(--ams-badge-font-family);font-size:var(--ams-badge-font-size);font-weight:var(--ams-badge-font-weight);line-height:var(--ams-badge-line-height);padding-inline:var(--ams-badge-padding-inline)}.ams-badge--azure{background-color:var(--ams-badge-azure-background-color);color:var(--ams-badge-azure-color)}.ams-badge--black{background-color:var(--ams-badge-black-background-color);color:var(--ams-badge-black-color)}.ams-badge--blue{background-color:var(--ams-badge-blue-background-color);color:var(--ams-badge-blue-color)}.ams-badge--green{background-color:var(--ams-badge-green-background-color);color:var(--ams-badge-green-color)}.ams-badge--lime{background-color:var(--ams-badge-lime-background-color);color:var(--ams-badge-lime-color)}.ams-badge--magenta{background-color:var(--ams-badge-magenta-background-color);color:var(--ams-badge-magenta-color)}.ams-badge--neutral-20{background-color:var(--ams-badge-neutral-20-background-color);color:var(--ams-badge-neutral-20-color)}.ams-badge--neutral-40{background-color:var(--ams-badge-neutral-40-background-color);color:var(--ams-badge-neutral-40-color)}.ams-badge--neutral-60{background-color:var(--ams-badge-neutral-60-background-color);color:var(--ams-badge-neutral-60-color)}.ams-badge--neutral-80{background-color:var(--ams-badge-neutral-80-background-color);color:var(--ams-badge-neutral-80-color)}.ams-badge--orange{background-color:var(--ams-badge-orange-background-color);color:var(--ams-badge-orange-color)}.ams-badge--purple{background-color:var(--ams-badge-purple-background-color);color:var(--ams-badge-purple-color)}.ams-badge--red{background-color:var(--ams-badge-red-background-color);color:var(--ams-badge-red-color)}.ams-badge--white{background-color:var(--ams-badge-white-background-color);color:var(--ams-badge-white-color)}.ams-badge--yellow{background-color:var(--ams-badge-yellow-background-color);color:var(--ams-badge-yellow-color)}.ams-blockquote{box-sizing:border-box;break-inside:avoid;color:var(--ams-blockquote-color);font-family:var(--ams-blockquote-font-family);font-size:var(--ams-blockquote-font-size);font-weight:var(--ams-blockquote-font-weight);line-height:var(--ams-blockquote-line-height);quotes:"“" "”";hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0;margin-inline:0}.ams-blockquote:before{content:open-quote}.ams-blockquote:after{content:close-quote}.ams-blockquote--inverse-color{color:var(--ams-blockquote-inverse-color)}.ams-breadcrumb{font-family:var(--ams-breadcrumb-font-family);font-size:var(--ams-breadcrumb-font-size);font-weight:var(--ams-breadcrumb-font-weight);line-height:var(--ams-breadcrumb-line-height)}.ams-breadcrumb__list{box-sizing:border-box;break-after:avoid;break-inside:avoid;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0;padding-inline:0}.ams-breadcrumb__item{display:inline}.ams-breadcrumb__item:not(:last-child):after{background-image:var(--ams-breadcrumb-separator-background-image);background-repeat:no-repeat;block-size:var(--ams-breadcrumb-separator-block-size);content:"";display:inline-block;inline-size:var(--ams-breadcrumb-separator-inline-size);margin-inline:var(--ams-breadcrumb-separator-margin-inline)}.ams-breadcrumb__link{color:var(--ams-breadcrumb-link-color);outline-offset:var(--ams-breadcrumb-link-outline-offset);text-decoration-line:var(--ams-breadcrumb-link-text-decoration-line);text-decoration-thickness:var(--ams-breadcrumb-link-text-decoration-thickness);text-underline-offset:var(--ams-breadcrumb-link-text-underline-offset)}.ams-breadcrumb__link:hover{color:var(--ams-breadcrumb-link-hover-color);text-decoration-line:var(--ams-breadcrumb-link-hover-text-decoration-line)}.ams-grid{column-gap:var(--ams-grid-column-gap);display:grid;grid-template-columns:repeat(var(--ams-grid-column-count),1fr);padding-inline:var(--ams-grid-padding-inline);row-gap:var(--ams-grid-row-gap-md)}@media screen and (min-width: 36rem){.ams-grid{grid-template-columns:repeat(var(--ams-grid-medium-column-count),1fr)}}@media screen and (min-width: 68rem){.ams-grid{grid-template-columns:repeat(var(--ams-grid-wide-column-count),1fr)}}.ams-grid--gap-vertical--none{row-gap:initial}.ams-grid--gap-vertical--small{row-gap:var(--ams-grid-row-gap-sm)}.ams-grid--gap-vertical--large{row-gap:var(--ams-grid-row-gap-lg)}.ams-grid--padding-bottom--small{padding-block-end:var(--ams-grid-padding-block-sm)}.ams-grid--padding-bottom--medium{padding-block-end:var(--ams-grid-padding-block-md)}.ams-grid--padding-bottom--large{padding-block-end:var(--ams-grid-padding-block-lg)}.ams-grid--padding-top--small{padding-block-start:var(--ams-grid-padding-block-sm)}.ams-grid--padding-top--medium{padding-block-start:var(--ams-grid-padding-block-md)}.ams-grid--padding-top--large{padding-block-start:var(--ams-grid-padding-block-lg)}.ams-grid--padding-vertical--small{padding-block:var(--ams-grid-padding-block-sm)}.ams-grid--padding-vertical--medium{padding-block:var(--ams-grid-padding-block-md)}.ams-grid--padding-vertical--large{padding-block:var(--ams-grid-padding-block-lg)}.ams-grid__cell--span-all{grid-column:1/-1}.ams-grid__cell--span-1{grid-column-end:span 1}.ams-grid__cell--start-1{grid-column-start:1}.ams-grid__cell--span-2{grid-column-end:span 2}.ams-grid__cell--start-2{grid-column-start:2}.ams-grid__cell--span-3{grid-column-end:span 3}.ams-grid__cell--start-3{grid-column-start:3}.ams-grid__cell--span-4{grid-column-end:span 4}.ams-grid__cell--start-4{grid-column-start:4}.ams-grid__cell--span-5{grid-column-end:span 5}.ams-grid__cell--start-5{grid-column-start:5}.ams-grid__cell--span-6{grid-column-end:span 6}.ams-grid__cell--start-6{grid-column-start:6}.ams-grid__cell--span-7{grid-column-end:span 7}.ams-grid__cell--start-7{grid-column-start:7}.ams-grid__cell--span-8{grid-column-end:span 8}.ams-grid__cell--start-8{grid-column-start:8}.ams-grid__cell--span-9{grid-column-end:span 9}.ams-grid__cell--start-9{grid-column-start:9}.ams-grid__cell--span-10{grid-column-end:span 10}.ams-grid__cell--start-10{grid-column-start:10}.ams-grid__cell--span-11{grid-column-end:span 11}.ams-grid__cell--start-11{grid-column-start:11}.ams-grid__cell--span-12{grid-column-end:span 12}.ams-grid__cell--start-12{grid-column-start:12}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-1-medium{grid-column-end:span 1}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-1-medium{grid-column-start:1}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-2-medium{grid-column-end:span 2}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-2-medium{grid-column-start:2}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-3-medium{grid-column-end:span 3}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-3-medium{grid-column-start:3}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-4-medium{grid-column-end:span 4}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-4-medium{grid-column-start:4}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-5-medium{grid-column-end:span 5}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-5-medium{grid-column-start:5}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-6-medium{grid-column-end:span 6}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-6-medium{grid-column-start:6}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-7-medium{grid-column-end:span 7}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-7-medium{grid-column-start:7}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-8-medium{grid-column-end:span 8}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-8-medium{grid-column-start:8}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-9-medium{grid-column-end:span 9}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-9-medium{grid-column-start:9}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-10-medium{grid-column-end:span 10}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-10-medium{grid-column-start:10}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-11-medium{grid-column-end:span 11}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-11-medium{grid-column-start:11}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-12-medium{grid-column-end:span 12}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-12-medium{grid-column-start:12}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-1-wide{grid-column-end:span 1}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-1-wide{grid-column-start:1}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-2-wide{grid-column-end:span 2}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-2-wide{grid-column-start:2}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-3-wide{grid-column-end:span 3}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-3-wide{grid-column-start:3}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-4-wide{grid-column-end:span 4}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-4-wide{grid-column-start:4}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-5-wide{grid-column-end:span 5}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-5-wide{grid-column-start:5}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-6-wide{grid-column-end:span 6}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-6-wide{grid-column-start:6}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-7-wide{grid-column-end:span 7}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-7-wide{grid-column-start:7}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-8-wide{grid-column-end:span 8}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-8-wide{grid-column-start:8}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-9-wide{grid-column-end:span 9}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-9-wide{grid-column-start:9}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-10-wide{grid-column-end:span 10}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-10-wide{grid-column-start:10}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-11-wide{grid-column-end:span 11}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-11-wide{grid-column-start:11}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-12-wide{grid-column-end:span 12}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-12-wide{grid-column-start:12}}.ams-breakout{column-gap:var(--ams-grid-column-gap);display:grid;grid-template-columns:repeat(var(--ams-grid-column-count),1fr);padding-inline:var(--ams-grid-padding-inline);row-gap:var(--ams-grid-row-gap-md)}@media screen and (min-width: 36rem){.ams-breakout{grid-template-columns:repeat(var(--ams-grid-medium-column-count),1fr)}}@media screen and (min-width: 68rem){.ams-breakout{grid-template-columns:repeat(var(--ams-grid-wide-column-count),1fr)}}.ams-breakout--gap-vertical--none{row-gap:initial}.ams-breakout--gap-vertical--small{row-gap:var(--ams-grid-row-gap-sm)}.ams-breakout--gap-vertical--large{row-gap:var(--ams-grid-row-gap-lg)}.ams-breakout--padding-bottom--small{padding-block-end:var(--ams-grid-padding-block-sm)}.ams-breakout--padding-bottom--medium{padding-block-end:var(--ams-grid-padding-block-md)}.ams-breakout--padding-bottom--large{padding-block-end:var(--ams-grid-padding-block-lg)}.ams-breakout--padding-top--small{padding-block-start:var(--ams-grid-padding-block-sm)}.ams-breakout--padding-top--medium{padding-block-start:var(--ams-grid-padding-block-md)}.ams-breakout--padding-top--large{padding-block-start:var(--ams-grid-padding-block-lg)}.ams-breakout--padding-vertical--small{padding-block:var(--ams-grid-padding-block-sm)}.ams-breakout--padding-vertical--medium{padding-block:var(--ams-grid-padding-block-md)}.ams-breakout--padding-vertical--large{padding-block:var(--ams-grid-padding-block-lg)}.ams-breakout__cell--col-span-all{grid-column:1/-1}.ams-breakout__cell--col-span-1{grid-column-end:span 1}.ams-breakout__cell--col-start-1{grid-column-start:1}.ams-breakout__cell--col-span-2{grid-column-end:span 2}.ams-breakout__cell--col-start-2{grid-column-start:2}.ams-breakout__cell--col-span-3{grid-column-end:span 3}.ams-breakout__cell--col-start-3{grid-column-start:3}.ams-breakout__cell--col-span-4{grid-column-end:span 4}.ams-breakout__cell--col-start-4{grid-column-start:4}.ams-breakout__cell--col-span-5{grid-column-end:span 5}.ams-breakout__cell--col-start-5{grid-column-start:5}.ams-breakout__cell--col-span-6{grid-column-end:span 6}.ams-breakout__cell--col-start-6{grid-column-start:6}.ams-breakout__cell--col-span-7{grid-column-end:span 7}.ams-breakout__cell--col-start-7{grid-column-start:7}.ams-breakout__cell--col-span-8{grid-column-end:span 8}.ams-breakout__cell--col-start-8{grid-column-start:8}.ams-breakout__cell--col-span-9{grid-column-end:span 9}.ams-breakout__cell--col-start-9{grid-column-start:9}.ams-breakout__cell--col-span-10{grid-column-end:span 10}.ams-breakout__cell--col-start-10{grid-column-start:10}.ams-breakout__cell--col-span-11{grid-column-end:span 11}.ams-breakout__cell--col-start-11{grid-column-start:11}.ams-breakout__cell--col-span-12{grid-column-end:span 12}.ams-breakout__cell--col-start-12{grid-column-start:12}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-1-medium{grid-column-end:span 1}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-1-medium{grid-column-start:1}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-2-medium{grid-column-end:span 2}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-2-medium{grid-column-start:2}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-3-medium{grid-column-end:span 3}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-3-medium{grid-column-start:3}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-4-medium{grid-column-end:span 4}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-4-medium{grid-column-start:4}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-5-medium{grid-column-end:span 5}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-5-medium{grid-column-start:5}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-6-medium{grid-column-end:span 6}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-6-medium{grid-column-start:6}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-7-medium{grid-column-end:span 7}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-7-medium{grid-column-start:7}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-8-medium{grid-column-end:span 8}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-8-medium{grid-column-start:8}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-9-medium{grid-column-end:span 9}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-9-medium{grid-column-start:9}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-10-medium{grid-column-end:span 10}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-10-medium{grid-column-start:10}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-11-medium{grid-column-end:span 11}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-11-medium{grid-column-start:11}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-12-medium{grid-column-end:span 12}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-12-medium{grid-column-start:12}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-1-wide{grid-column-end:span 1}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-1-wide{grid-column-start:1}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-2-wide{grid-column-end:span 2}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-2-wide{grid-column-start:2}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-3-wide{grid-column-end:span 3}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-3-wide{grid-column-start:3}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-4-wide{grid-column-end:span 4}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-4-wide{grid-column-start:4}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-5-wide{grid-column-end:span 5}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-5-wide{grid-column-start:5}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-6-wide{grid-column-end:span 6}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-6-wide{grid-column-start:6}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-7-wide{grid-column-end:span 7}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-7-wide{grid-column-start:7}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-8-wide{grid-column-end:span 8}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-8-wide{grid-column-start:8}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-9-wide{grid-column-end:span 9}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-9-wide{grid-column-start:9}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-10-wide{grid-column-end:span 10}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-10-wide{grid-column-start:10}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-11-wide{grid-column-end:span 11}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-11-wide{grid-column-start:11}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-12-wide{grid-column-end:span 12}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-12-wide{grid-column-start:12}}.ams-breakout__cell--has-figure{align-self:end}.ams-breakout__cell--has-spotlight{display:grid;margin-block:calc(var(--ams-space-grid-md)*-1);margin-inline:calc(var(--ams-space-grid-lg)*-1)}.ams-breakout--gap-vertical--small>.ams-breakout__cell--has-spotlight{margin-block:calc(var(--ams-space-grid-sm)*-1)}.ams-breakout--gap-vertical--large>.ams-breakout__cell--has-spotlight{margin-block:calc(var(--ams-space-grid-lg)*-1)}.ams-breakout__cell--row-span-1{grid-row-end:span 1}.ams-breakout__cell--row-start-1{grid-row-start:1}.ams-breakout__cell--row-span-2{grid-row-end:span 2}.ams-breakout__cell--row-start-2{grid-row-start:2}.ams-breakout__cell--row-span-3{grid-row-end:span 3}.ams-breakout__cell--row-start-3{grid-row-start:3}.ams-breakout__cell--row-span-4{grid-row-end:span 4}.ams-breakout__cell--row-start-4{grid-row-start:4}@media screen and (min-width: 36rem){.ams-breakout__cell--row-span-1-medium{grid-row-end:span 1}.ams-breakout__cell--row-start-1-medium{grid-row-start:1}.ams-breakout__cell--row-span-2-medium{grid-row-end:span 2}.ams-breakout__cell--row-start-2-medium{grid-row-start:2}.ams-breakout__cell--row-span-3-medium{grid-row-end:span 3}.ams-breakout__cell--row-start-3-medium{grid-row-start:3}.ams-breakout__cell--row-span-4-medium{grid-row-end:span 4}.ams-breakout__cell--row-start-4-medium{grid-row-start:4}}@media screen and (min-width: 68rem){.ams-breakout__cell--row-span-1-wide{grid-row-end:span 1}.ams-breakout__cell--row-start-1-wide{grid-row-start:1}.ams-breakout__cell--row-span-2-wide{grid-row-end:span 2}.ams-breakout__cell--row-start-2-wide{grid-row-start:2}.ams-breakout__cell--row-span-3-wide{grid-row-end:span 3}.ams-breakout__cell--row-start-3-wide{grid-row-start:3}.ams-breakout__cell--row-span-4-wide{grid-row-end:span 4}.ams-breakout__cell--row-start-4-wide{grid-row-start:4}}.ams-button{cursor:var(--ams-button-cursor);display:inline-flex;font-family:var(--ams-button-font-family);font-size:var(--ams-button-font-size);gap:var(--ams-button-gap);justify-content:center;line-height:var(--ams-button-line-height);outline-offset:var(--ams-button-outline-offset);padding-block:var(--ams-button-padding-block);padding-inline:var(--ams-button-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;border:0;margin-block:0;margin-inline:0}.ams-button:disabled,.ams-button[aria-disabled=true]{cursor:var(--ams-button-disabled-cursor)}.ams-button--primary{background-color:var(--ams-button-primary-background-color);box-shadow:var(--ams-button-primary-box-shadow);color:var(--ams-button-primary-color)}@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.ams-button--primary{border:var(--ams-button-forced-color-mode-border)}}.ams-button--primary:disabled,.ams-button--primary [aria-disabled=true]{background-color:var(--ams-button-primary-disabled-background-color);box-shadow:var(--ams-button-primary-disabled-box-shadow)}.ams-button--primary:hover:not(:disabled,[aria-disabled=true]){background-color:var(--ams-button-primary-hover-background-color);box-shadow:var(--ams-button-primary-hover-box-shadow)}.ams-button--secondary{background-color:var(--ams-button-secondary-background-color);box-shadow:var(--ams-button-secondary-box-shadow);color:var(--ams-button-secondary-color)}@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.ams-button--secondary{border:var(--ams-button-forced-color-mode-border)}}.ams-button--secondary:disabled,.ams-button--secondary [aria-disabled=true]{background-color:var(--ams-button-secondary-disabled-background-color);box-shadow:var(--ams-button-secondary-disabled-box-shadow);color:var(--ams-button-secondary-disabled-color)}.ams-button--secondary:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--ams-button-secondary-hover-box-shadow);color:var(--ams-button-secondary-hover-color)}.ams-button--tertiary{background-color:var(--ams-button-tertiary-background-color);color:var(--ams-button-tertiary-color)}.ams-button--tertiary:disabled,.ams-button--tertiary [aria-disabled=true]{background-color:var(--ams-button-tertiary-disabled-background-color);color:var(--ams-button-tertiary-disabled-color)}.ams-button--tertiary:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--ams-button-tertiary-hover-box-shadow);color:var(--ams-button-tertiary-hover-color)}.ams-button--icon-only{padding-block:var(--ams-button-icon-only-padding-block);padding-inline:var(--ams-button-icon-only-padding-inline)}.ams-card{display:grid;gap:var(--ams-card-gap);outline-offset:var(--ams-card-outline-offset);position:relative;touch-action:manipulation}.ams-card:has(:focus-visible){outline-color:-webkit-focus-ring-color;outline-style:auto;outline-width:.0625rem}.ams-card:has(:focus-visible) a:focus{outline:none}.ams-card a:after{content:"";display:block;inset-block:0;inset-inline:0;position:absolute}.ams-card__heading-group{display:flex;flex-direction:column-reverse;gap:var(--ams-card-heading-group-gap)}.ams-card__link{color:var(--ams-card-link-color);text-decoration-line:var(--ams-card-link-text-decoration-line);text-decoration-thickness:var(--ams-card-link-text-decoration-thickness);text-underline-offset:var(--ams-card-link-text-underline-offset)}.ams-card__link:hover{color:var(--ams-card-link-hover-color);text-decoration-line:var(--ams-card-link-hover-text-decoration-line)}.ams-character-count{color:var(--ams-character-count-color);font-family:var(--ams-character-count-font-family);font-size:var(--ams-character-count-font-size);font-weight:var(--ams-character-count-font-weight);line-height:var(--ams-character-count-line-height);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-character-count--error{color:var(--ams-character-count-error-color)}.ams-checkbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-checkbox__input:focus+label{outline:auto}.ams-checkbox__input:focus:not(:focus-visible)+label{outline:0}.ams-checkbox__checkmark{align-items:center;block-size:calc(var(--ams-checkbox-font-size)*var(--ams-checkbox-line-height));display:flex;flex-shrink:0;inline-size:1.5rem}.ams-checkbox__checkmark:after{background-position:center;background-repeat:no-repeat;background-size:1rem;block-size:1.5rem;border-color:var(--ams-checkbox-checkmark-border-color);border-style:solid;border-width:var(--ams-checkbox-checkmark-border-width);box-sizing:border-box;content:"";inline-size:100%}.ams-checkbox__label{color:var(--ams-checkbox-color);cursor:pointer;display:inline-flex;font-family:var(--ams-checkbox-font-family);font-size:var(--ams-checkbox-font-size);font-weight:var(--ams-checkbox-font-weight);gap:var(--ams-checkbox-gap);line-height:var(--ams-checkbox-line-height);outline-offset:var(--ams-checkbox-outline-offset);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-checkbox__label:hover{color:var(--ams-checkbox-hover-color);text-decoration-line:underline;text-decoration-thickness:var(--ams-checkbox-hover-text-decoration-thickness);text-underline-offset:.375rem}.ams-checkbox__label:hover .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-hover-border-color);border-width:var(--ams-checkbox-checkmark-hover-border-width)}.ams-checkbox__input:checked+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-checked-background-color);background-image:var(--ams-checkbox-checkmark-checked-background-image);border:0}.ams-checkbox__input:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-indeterminate-background-color);background-image:var(--ams-checkbox-checkmark-indeterminate-background-image);background-position:center;background-repeat:no-repeat;background-size:1rem;border:0}.ams-checkbox__input:invalid+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]+.ams-checkbox__label .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-invalid-border-color)}.ams-checkbox__input:disabled+.ams-checkbox__label{color:var(--ams-checkbox-disabled-color);cursor:not-allowed}.ams-checkbox__input:disabled+.ams-checkbox__label .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-disabled-border-color);border-width:var(--ams-checkbox-checkmark-disabled-border-width)}.ams-checkbox__input:invalid:checked+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]:checked+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-invalid-checked-background-color)}.ams-checkbox__input:invalid:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-invalid-indeterminate-background-color)}.ams-checkbox__input:disabled+.ams-checkbox__label:hover{text-decoration:none}.ams-checkbox__input:disabled:checked+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-disabled-checked-background-color)}.ams-checkbox__input:disabled:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-disabled-indeterminate-background-color)}.ams-checkbox__input:invalid:disabled+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]:disabled+.ams-checkbox__label .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-disabled-border-color)}:is(.ams-checkbox__input:invalid,.ams-checkbox__input[aria-invalid=true])+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-invalid-hover-border-color)}.ams-checkbox__input:checked+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-checked-hover-background-color)}.ams-checkbox__input:indeterminate+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-indeterminate-hover-background-color)}:is(.ams-checkbox__input:invalid:checked,.ams-checkbox__input[aria-invalid=true]:checked)+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-invalid-checked-hover-background-color)}:is(.ams-checkbox__input:invalid:indeterminate,.ams-checkbox__input[aria-invalid=true]:indeterminate)+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-invalid-indeterminate-hover-background-color)}.ams-checkbox__input:disabled:checked+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-disabled-checked-hover-background-color)}.ams-checkbox__input:disabled:indeterminate+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-disabled-indeterminate-hover-background-color)}:is(.ams-checkbox__input:invalid:disabled,.ams-checkbox__input[aria-invalid=true]:disabled)+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-disabled-border-color)}.ams-checkbox__input:invalid:disabled:checked+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input:invalid:disabled:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]:disabled:checked+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]:disabled:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-disabled-checked-background-color)}.ams-column{display:flex;flex-direction:column;gap:var(--ams-column-gap-md)}.ams-column--gap-none{gap:var(--ams-column-gap-no)}.ams-column--gap-extra-small{gap:var(--ams-column-gap-xs)}.ams-column--gap-small{gap:var(--ams-column-gap-sm)}.ams-column--gap-large{gap:var(--ams-column-gap-lg)}.ams-column--gap-extra-large{gap:var(--ams-column-gap-xl)}.ams-column--align-around{justify-content:space-around}.ams-column--align-between{justify-content:space-between}.ams-column--align-center{justify-content:center}.ams-column--align-end{justify-content:flex-end}.ams-column--align-evenly{justify-content:space-evenly}.ams-column--align-horizontal-center{align-items:center}.ams-column--align-horizontal-end{align-items:flex-end}.ams-column--align-horizontal-start{align-items:flex-start}.ams-date-input{background-color:var(--ams-date-input-background-color);box-shadow:var(--ams-date-input-box-shadow);box-sizing:border-box;color:var(--ams-date-input-color);font-family:var(--ams-date-input-font-family);font-size:var(--ams-date-input-font-size);font-weight:var(--ams-date-input-font-weight);line-height:var(--ams-date-input-line-height);min-block-size:calc(var(--ams-date-input-font-size)*var(--ams-date-input-line-height) + 2*var(--ams-date-input-padding-block));min-inline-size:calc(8ch + 2*var(--ams-date-input-padding-inline));outline-offset:var(--ams-date-input-outline-offset);padding-block:var(--ams-date-input-padding-block);padding-inline:var(--ams-date-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-date-input:hover{box-shadow:var(--ams-date-input-hover-box-shadow)}.ams-date-input::-webkit-calendar-picker-indicator{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--ams-date-input-calender-picker-indicator-background-image);cursor:pointer}.ams-date-input:hover::-webkit-calendar-picker-indicator{background-image:var(--ams-date-input-hover-calender-picker-indicator-background-image)}.ams-date-input:disabled{background-color:var(--ams-date-input-disabled-background-color);box-shadow:var(--ams-date-input-disabled-box-shadow);color:var(--ams-date-input-disabled-color);cursor:not-allowed}.ams-date-input:disabled::-webkit-calendar-picker-indicator{background-image:var(--ams-date-input-disabled-calender-picker-indicator-background-image);visibility:visible}.ams-date-input:invalid,.ams-date-input[aria-invalid=true]{box-shadow:var(--ams-date-input-invalid-box-shadow)}.ams-date-input:invalid:hover,.ams-date-input[aria-invalid=true]:hover{box-shadow:var(--ams-date-input-invalid-hover-box-shadow)}.ams-description-list{box-sizing:border-box;color:var(--ams-description-list-color);column-gap:var(--ams-description-list-column-gap);display:grid;font-family:var(--ams-description-list-font-family);font-size:var(--ams-description-list-font-size);line-height:var(--ams-description-list-line-height);row-gap:var(--ams-description-list-row-gap);margin-block:0;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}@media screen and (min-width: 36rem){.ams-description-list,.ams-description-list__section{grid-template-columns:auto 1fr}.ams-description-list--terms-width-sm,.ams-description-list--terms-width-sm .ams-description-list__section{grid-template-columns:1fr 4fr}.ams-description-list--terms-width-md,.ams-description-list--terms-width-md .ams-description-list__section{grid-template-columns:1fr 2fr}.ams-description-list--terms-width-lg,.ams-description-list--terms-width-lg .ams-description-list__section{grid-template-columns:1fr 1fr}}.ams-description-list--inverse-color{color:var(--ams-description-list-inverse-color)}.ams-description-list__term{font-weight:var(--ams-description-list-term-font-weight)}@media screen and (min-width: 36rem){.ams-description-list__term{grid-column-start:1}}@media screen and (min-width: 36rem){.ams-description-list__section{column-gap:var(--ams-description-list-column-gap);display:grid;grid-column:span 2}.ams-description-list__section>:only-of-type{grid-row:1/9}}.ams-description-list .ams-description-list__section{grid-template-columns:subgrid}.ams-description-list__description{font-weight:var(--ams-description-list-description-font-weight);padding-inline-start:var(--ams-description-list-description-padding-inline-start);margin-inline:0}@media screen and (min-width: 36rem){.ams-description-list__description{grid-column-start:2;padding-inline-start:0}}.ams-dialog:not(dialog:not([open])){background-color:var(--ams-dialog-background-color);border:var(--ams-dialog-border);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ams-dialog-gap);inline-size:var(--ams-dialog-inline-size);max-block-size:var(--ams-dialog-max-block-size);max-inline-size:var(--ams-dialog-max-inline-size);padding-block:var(--ams-dialog-padding-block);padding-inline:var(--ams-dialog-padding-inline);inset-block:0}.ams-dialog:not(dialog:not([open]))::backdrop{background:#0006}.ams-dialog__header{align-items:flex-start;display:flex;gap:var(--ams-dialog-header-gap);justify-content:space-between}.ams-dialog__body{overflow-y:auto;overscroll-behavior-y:contain}.ams-body{margin-block:0;margin-inline:0}.ams-error-message{box-sizing:border-box;color:var(--ams-error-message-color);display:inline-flex;font-family:var(--ams-error-message-font-family);font-size:var(--ams-error-message-font-size);font-weight:var(--ams-error-message-font-weight);gap:var(--ams-error-message-gap);line-height:var(--ams-error-message-line-height);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0}.ams-field-set{break-inside:avoid;border:0;margin-inline:0;padding-block:0;padding-inline:0}.ams-field-set--invalid{border-inline-start:var(--ams-field-set-invalid-border-inline-start);padding-inline-start:var(--ams-field-set-invalid-padding-inline-start)}.ams-field-set__legend{color:var(--ams-field-set-legend-color);font-family:var(--ams-field-set-legend-font-family);font-size:var(--ams-field-set-legend-font-size);font-weight:var(--ams-field-set-legend-font-weight);line-height:var(--ams-field-set-legend-line-height);margin-block-end:var(--ams-field-set-legend-margin-block-end);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;float:inline-start;inline-size:100%;padding-inline:0}.ams-field-set__legend+*{clear:both}.ams-field{align-items:start;break-inside:avoid;display:flex;flex-direction:column;gap:var(--ams-field-gap)}.ams-field--invalid{border-inline-start:var(--ams-field-invalid-border-inline-start);padding-inline-start:var(--ams-field-invalid-padding-inline-start)}.ams-figure{display:flex;flex-direction:column;gap:var(--ams-figure-gap);margin-block:0;margin-inline:0}.ams-figure__caption{color:var(--ams-figure-caption-color);font-family:var(--ams-figure-caption-font-family);font-size:var(--ams-figure-caption-font-size);font-weight:var(--ams-figure-caption-font-weight);line-height:var(--ams-figure-caption-line-height);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-figure__caption--inverse-color{color:var(--ams-figure-caption-inverse-color)}.ams-file-input{background-color:var(--ams-file-input-background-color);border:var(--ams-file-input-border);box-sizing:border-box;color:var(--ams-file-input-color);cursor:var(--ams-file-input-cursor);font-family:var(--ams-file-input-font-family);font-size:var(--ams-file-input-font-size);font-weight:var(--ams-file-input-font-weight);inline-size:100%;line-height:var(--ams-file-input-line-height);outline-offset:calc(var(--ams-focus-outline-offset)*2);padding-block:var(--ams-file-input-padding-block);padding-inline:var(--ams-file-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-file-input:disabled{color:var(--ams-file-input-disabled-color);cursor:var(--ams-file-input-disabled-cursor)}.ams-file-input::file-selector-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--ams-file-input-file-selector-button-background-color);box-shadow:var(--ams-file-input-file-selector-button-box-shadow);box-sizing:border-box;color:var(--ams-file-input-file-selector-button-color);cursor:var(--ams-file-input-file-selector-button-cursor);font-family:inherit;font-size:inherit;font-weight:inherit;margin-inline-end:var(--ams-file-input-file-selector-button-margin-inline-end);padding-block:var(--ams-file-input-file-selector-button-padding-block);padding-inline:var(--ams-file-input-file-selector-button-padding-inline);border:0;border-radius:0}@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.ams-file-input::file-selector-button{border:var(--ams-file-input-file-selector-button-forced-color-mode-border)}}.ams-file-input:disabled::file-selector-button{box-shadow:var(--ams-file-input-file-selector-button-disabled-box-shadow);color:var(--ams-file-input-disabled-color);cursor:var(--ams-file-input-file-selector-button-disabled-cursor)}.ams-file-input:not(:disabled):hover::file-selector-button{box-shadow:var(--ams-file-input-file-selector-button-hover-box-shadow);color:var(--ams-file-input-file-selector-button-hover-color)}.ams-file-list{display:flex;flex-direction:column;gap:var(--ams-file-list-gap);padding-block:var(--ams-file-list-padding-block);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;list-style:none;margin-block:0;padding-inline:0}.ams-file-list__item{display:flex;flex-direction:row;font-family:var(--ams-file-list-file-font-family);font-size:var(--ams-file-list-file-font-size);font-weight:var(--ams-file-list-file-font-weight);gap:var(--ams-file-list-file-gap);line-height:var(--ams-file-list-file-line-height)}.ams-file-list__item-preview{display:grid;flex:0 0 var(--ams-file-list-file-preview-width);place-items:center}.ams-file-list__item-preview img{inline-size:100%;min-block-size:auto}.ams-file-list__item-info{flex:1;gap:var(--ams-file-list-file-gap);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ams-file-input__item-details{color:var(--ams-file-list-file-details-color)}.ams-footer__top{background-color:var(--ams-footer-top-background-color)}.ams-form-error-list{outline-offset:var(--ams-form-error-list-outline-offset)}@supports (contain: paint) and (not (-moz-appearance: none)){.ams-form-error-list{outline-offset:calc(var(--ams-form-error-list-outline-offset)*2)}@supports (font: -apple-system-body){.ams-form-error-list{outline-offset:var(--ams-form-error-list-outline-offset)}}}[class|=ams-gap-]{display:grid!important}.ams-gap--xs{grid-gap:var(--ams-gap-xs)!important}.ams-gap--sm{grid-gap:var(--ams-gap-sm)!important}.ams-gap--md{grid-gap:var(--ams-gap-md)!important}.ams-gap--lg{grid-gap:var(--ams-gap-lg)!important}.ams-gap--xl{grid-gap:var(--ams-gap-xl)!important}.ams-header{align-items:center;display:flex;flex-wrap:wrap;padding-block:var(--ams-header-padding-block);row-gap:1.5rem}@media screen and (min-width: 68rem){.ams-header{column-gap:var(--ams-header-column-gap);flex-wrap:nowrap}}.ams-header__logo-link{flex:none;outline-offset:var(--ams-header-logo-link-outline-offset)}.ams-header__links{display:none}@media screen and (min-width: 36rem){.ams-header__links{display:block;flex:10 0 auto}}@media screen and (min-width: 68rem){.ams-header__links{order:3}}.ams-header__menu{flex:1;padding-inline-start:var(--ams-page-menu-column-gap);text-align:end}@media screen and (min-width: 68rem){.ams-header__menu{order:4;padding-inline-start:0}}.ams-header__app-name{flex:1 1 100%}@media screen and (min-width: 68rem){.ams-header__app-name{min-inline-size:0;order:2}.ams-header__app-name .ams-header__app-name-heading{display:block;inline-size:100%;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.ams-header__menu-button{background-color:#0000;background-image:url("data:image/svg+xml;utf8,");background-position:center right;background-repeat:no-repeat;background-size:1.1875rem 1.1875rem;border:0;color:var(--ams-page-menu-item-color);font-family:var(--ams-page-menu-item-font-family);font-size:var(--ams-page-menu-item-font-size);font-weight:var(--ams-page-menu-item-font-weight);line-height:var(--ams-page-menu-item-line-height);margin-block:0;margin-inline:0;padding-inline:0 1.875rem;text-align:center;touch-action:manipulation}.ams-heading{box-sizing:border-box;break-after:avoid;break-inside:avoid;color:var(--ams-heading-color);font-family:var(--ams-heading-font-family);font-weight:var(--ams-heading-font-weight);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0}.ams-heading--level-1{font-size:var(--ams-heading-level-1-font-size);line-height:var(--ams-heading-level-1-line-height)}.ams-heading--level-2{font-size:var(--ams-heading-level-2-font-size);line-height:var(--ams-heading-level-2-line-height)}.ams-heading--level-3{font-size:var(--ams-heading-level-3-font-size);line-height:var(--ams-heading-level-3-line-height)}.ams-heading--level-4{font-size:var(--ams-heading-level-4-font-size);line-height:var(--ams-heading-level-4-line-height)}.ams-heading--level-5{font-size:var(--ams-heading-level-5-font-size);line-height:var(--ams-heading-level-5-line-height)}.ams-heading--level-6{font-size:var(--ams-heading-level-6-font-size);line-height:var(--ams-heading-level-6-line-height)}.ams-heading--inverse-color{color:var(--ams-heading-inverse-color)}.ams-hint{color:var(--ams-hint-color);display:inline-block}.ams-icon-button{background-color:#0000;color:var(--ams-icon-button-color);cursor:pointer;outline-offset:var(--ams-icon-button-outline-offset);touch-action:manipulation;border:0;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.ams-icon-button:hover{background-color:var(--ams-icon-button-hover-background-color);color:var(--ams-icon-button-hover-color)}.ams-icon-button:disabled{background-color:#0000;color:var(--ams-icon-button-disabled-color);cursor:not-allowed}.ams-icon-button--contrast-color{color:var(--ams-icon-button-contrast-color-color)}.ams-icon-button--contrast-color:hover{background-color:var(--ams-icon-button-contrast-color-hover-background-color);color:var(--ams-icon-button-contrast-color-hover-color)}.ams-icon-button--contrast-color:disabled{background-color:#0000;color:var(--ams-icon-button-contrast-color-disabled-color)}.ams-icon-button--inverse-color{background-color:var(--ams-icon-button-inverse-color-background-color);color:var(--ams-icon-button-inverse-color-color)}.ams-icon-button--inverse-color:hover{background-color:var(--ams-icon-button-inverse-color-hover-background-color);color:var(--ams-icon-button-inverse-color-hover-color)}.ams-icon-button--inverse-color:disabled{background-color:var(--ams-icon-button-inverse-color-disabled-background-color);color:var(--ams-icon-button-inverse-color-disabled-color)}.ams-icon{align-items:center;display:inline-flex}.ams-icon svg{fill:currentColor}.ams-icon--inverse-color{color:var(--ams-icon-inverse-color)}.ams-icon--square{aspect-ratio:1/1;justify-content:center}.ams-icon--size-3{block-size:calc(var(--ams-icon-size-3-font-size)*var(--ams-icon-size-3-line-height))}.ams-icon--size-3 svg{block-size:var(--ams-icon-size-3-font-size);inline-size:var(--ams-icon-size-3-font-size)}.ams-icon--size-4{block-size:calc(var(--ams-icon-size-4-font-size)*var(--ams-icon-size-4-line-height))}.ams-icon--size-4 svg{block-size:var(--ams-icon-size-4-font-size);inline-size:var(--ams-icon-size-4-font-size)}.ams-icon--size-5{block-size:calc(var(--ams-icon-size-5-font-size)*var(--ams-icon-size-5-line-height))}.ams-icon--size-5 svg{block-size:var(--ams-icon-size-5-font-size);inline-size:var(--ams-icon-size-5-font-size)}.ams-icon--size-6{block-size:calc(var(--ams-icon-size-6-font-size)*var(--ams-icon-size-6-line-height))}.ams-icon--size-6 svg{block-size:var(--ams-icon-size-6-font-size);inline-size:var(--ams-icon-size-6-font-size)}.ams-image-slider{display:grid;gap:var(--ams-image-slider-gap);grid-template-rows:1fr auto}.ams-image-slider__item{scroll-snap-align:center;scroll-snap-stop:always}.ams-image-slider__item .ams-image{inline-size:100%}.ams-image-slider__scroller{align-items:center;display:grid;gap:var(--ams-image-slider-scroller-gap);grid-auto-columns:100%;grid-auto-flow:column;grid-column:1/-1;grid-row:1;outline-offset:var(--ams-image-slider-scroller-outline-offset);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.ams-image-slider__scroller::-webkit-scrollbar{display:none}@media not (prefers-reduced-motion){.ams-image-slider__scroller{scroll-behavior:smooth}}.ams-image-slider__controls{display:flex;grid-column:1/-1;grid-row:1;justify-content:space-between}@media (pointer: coarse)and (max-width: 36rem){.ams-image-slider__controls{display:none}}.ams-image-slider__control{place-self:center;z-index:1}.ams-image-slider__thumbnails{display:grid;gap:var(--ams-image-slider-thumbnails-gap);grid-template-columns:repeat(5,1fr);max-inline-size:100%}.ams-image-slider__thumbnail{background-color:var(--ams-image-slider-thumbnails-thumbnail-background-color);background-position:center;background-size:cover;border:none;cursor:var(--ams-image-slider-thumbnails-thumbnail-cursor);opacity:var(--ams-image-slider-thumbnails-thumbnail-opacity);outline-offset:var(--ams-button-outline-offset);padding-block:0;padding-inline:0;position:relative;scroll-snap-align:start}.ams-image-slider__thumbnail:hover{opacity:var(--ams-image-slider-thumbnails-thumbnail-hover-opacity)}.ams-image-slider__thumbnail--in-view{opacity:var(--ams-image-slider-thumbnails-thumbnail-in-view-opacity)}.ams-image{aspect-ratio:var(--ams-image-aspect-ratio);block-size:auto;font-style:italic;inline-size:fit-content;max-inline-size:100%;object-fit:cover;vertical-align:middle}.ams-label{color:var(--ams-label-color);font-family:var(--ams-label-font-family);font-size:var(--ams-label-font-size);font-weight:var(--ams-label-font-weight);line-height:var(--ams-label-line-height);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-link-list{box-sizing:border-box;display:grid;gap:var(--ams-link-list-gap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;list-style:none;margin-block:0;padding-inline-start:0}.ams-link-list__link{align-items:flex-start;color:var(--ams-link-list-link-color);display:inline-flex;font-family:var(--ams-link-list-link-font-family);font-size:var(--ams-link-list-link-font-size);font-weight:var(--ams-link-list-link-font-weight);gap:var(--ams-link-list-link-gap);line-height:var(--ams-link-list-link-line-height);outline-offset:var(--ams-link-list-link-outline-offset);text-decoration-line:var(--ams-link-list-link-text-decoration-line);text-decoration-thickness:var(--ams-link-list-link-text-decoration-thickness);text-underline-offset:var(--ams-link-list-link-text-underline-offset)}.ams-link-list__link:hover{color:var(--ams-link-list-link-hover-color);text-decoration-line:var(--ams-link-list-link-hover-text-decoration-line)}.ams-link-list__link--small{font-size:var(--ams-link-list-link-small-font-size);line-height:var(--ams-link-list-link-small-line-height)}.ams-link-list__link--large{font-size:var(--ams-link-list-link-large-font-size);line-height:var(--ams-link-list-link-large-line-height);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap)}.ams-link-list__link--contrast-color{color:var(--ams-link-list-link-contrast-color-color)}.ams-link-list__link--contrast-color:hover{color:var(--ams-link-list-link-contrast-color-hover-color)}.ams-link-list__link--inverse-color{color:var(--ams-link-list-link-inverse-color-color)}.ams-link-list__link--inverse-color:hover{color:var(--ams-link-list-link-inverse-color-hover-color)}.ams-link{color:var(--ams-link-color);font-family:var(--ams-link-font-family);font-weight:var(--ams-link-font-weight);outline-offset:var(--ams-link-outline-offset);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-link:hover{color:var(--ams-link-hover-color)}.ams-link--standalone{display:inline-block;font-size:var(--ams-link-standalone-font-size);line-height:var(--ams-link-standalone-line-height);text-decoration-line:var(--ams-link-standalone-text-decoration-line);text-decoration-thickness:var(--ams-link-standalone-text-decoration-thickness);text-underline-offset:var(--ams-link-standalone-text-underline-offset)}.ams-link--standalone:hover{text-decoration-thickness:var(--ams-link-standalone-hover-text-decoration-thickness);text-underline-offset:var(--ams-link-standalone-hover-text-underline-offset)}.ams-link--inline{font-family:var(--ams-link-inline-font-family);font-size:var(--ams-link-inline-font-size);line-height:var(--ams-link-inline-line-height);text-decoration-line:var(--ams-link-inline-text-decoration-line);text-decoration-thickness:var(--ams-link-inline-text-decoration-thickness);text-underline-offset:var(--ams-link-inline-text-underline-offset)}.ams-link--inline:hover{text-decoration-thickness:var(--ams-link-inline-hover-text-decoration-thickness);text-underline-offset:var(--ams-link-inline-hover-text-underline-offset)}.ams-link--inline:visited{color:var(--ams-link-inline-visited-color)}.ams-link--contrast-color{color:var(--ams-link-contrast-color-color)}.ams-link--contrast-color:hover{color:var(--ams-link-contrast-color-hover-color)}.ams-link--contrast-color:visited{color:var(--ams-link-contrast-color-visited-color)}.ams-link--inverse-color{color:var(--ams-link-inverse-color-color)}.ams-link--inverse-color:hover{color:var(--ams-link-inverse-color-hover-color)}.ams-link--inverse-color:visited{color:var(--ams-link-inverse-color-visited-color)}.ams-logo{block-size:var(--ams-logo-block-size);display:block}.ams-logo__emblem{fill:var(--ams-logo-emblem-color)}.ams-logo__text-primary{fill:var(--ams-logo-title-color)}.ams-logo__text-secondary{fill:var(--ams-logo-subsite-color)}.ams-mb--xs{margin-block-end:var(--ams-margin-xs)!important}.ams-mb--sm{margin-block-end:var(--ams-margin-sm)!important}.ams-mb--md{margin-block-end:var(--ams-margin-md)!important}.ams-mb--lg{margin-block-end:var(--ams-margin-lg)!important}.ams-mb--xl{margin-block-end:var(--ams-margin-xl)!important}.ams-mark{background-color:var(--ams-mark-background-color)}.ams-mega-menu__list-category{column-gap:var(--ams-mega-menu-list-category-column-gap);column-width:var(--ams-mega-menu-list-category-column-width);padding-block-start:var(--ams-mega-menu-list-category-padding-block-start)}.ams-mega-menu__list-category:not(:last-child){padding-block-end:var(--ams-mega-menu-list-category-padding-block-end)}.ams-ordered-list{box-sizing:border-box;display:grid;gap:var(--ams-ordered-list-gap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;list-style-type:none;margin-block:0;padding-inline-start:0}.ams-ordered-list:not(.ams-ordered-list--no-markers){color:var(--ams-ordered-list-color);font-family:var(--ams-ordered-list-font-family);font-size:var(--ams-ordered-list-font-size);font-weight:var(--ams-ordered-list-font-weight);line-height:var(--ams-ordered-list-line-height);list-style-type:var(--ams-ordered-list-list-style-type)}.ams-ordered-list:not(.ams-ordered-list--no-markers) .ams-ordered-list__item{margin-inline-start:var(--ams-ordered-list-item-margin-inline-start);padding-inline-start:var(--ams-ordered-list-item-padding-inline-start)}.ams-ordered-list--inverse-color:not(.ams-ordered-list--no-markers){color:var(--ams-ordered-list-inverse-color)}.ams-ordered-list--small:not(.ams-ordered-list--no-markers){font-size:var(--ams-ordered-list-small-font-size);line-height:var(--ams-ordered-list-small-line-height)}:is(.ams-ordered-list,.ams-unordered-list) .ams-ordered-list{gap:var(--ams-ordered-list-ordered-list-gap);list-style-type:var(--ams-ordered-list-ordered-list-list-style-type);padding-block-end:var(--ams-ordered-list-ordered-list-padding-block-end);padding-block-start:var(--ams-ordered-list-ordered-list-padding-block-start)}:is(.ams-ordered-list,.ams-unordered-list) .ams-ordered-list .ams-ordered-list__item{margin-inline-start:var(--ams-ordered-list-ordered-list-item-margin-inline-start);padding-inline-start:var(--ams-ordered-list-ordered-list-item-padding-inline-start)}.ams-overlap{display:grid}.ams-overlap>*{grid-column:1/-1;grid-row:1/-1}.ams-page-heading{box-sizing:border-box;break-after:avoid;break-inside:avoid;color:var(--ams-page-heading-color);font-family:var(--ams-page-heading-font-family);font-size:var(--ams-page-heading-font-size);font-weight:var(--ams-page-heading-font-weight);line-height:var(--ams-page-heading-line-height);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0}.ams-page-heading--inverse-color{color:var(--ams-page-heading-inverse-color)}.ams-page-menu{align-items:center;box-sizing:border-box;column-gap:var(--ams-page-menu-column-gap);display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;row-gap:var(--ams-page-menu-row-gap);margin-block:0;padding-inline:0}.ams-page-menu--align-end{justify-content:end}.ams-page-menu--no-wrap{flex-wrap:nowrap}.ams-page-menu__link{box-sizing:border-box;color:var(--ams-page-menu-item-color);display:inline-flex;flex-direction:row;font-family:var(--ams-page-menu-item-font-family);font-size:var(--ams-page-menu-item-font-size);font-weight:var(--ams-page-menu-item-font-weight);gap:var(--ams-page-menu-item-gap);line-height:var(--ams-page-menu-item-line-height);outline-offset:var(--ams-page-menu-item-outline-offset);text-align:center;text-decoration-line:var(--ams-page-menu-item-text-decoration-line);text-decoration-thickness:var(--ams-page-menu-item-text-decoration-thickness);text-underline-offset:var(--ams-page-menu-item-text-underline-offset);touch-action:manipulation;white-space:nowrap;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-page-menu__link:hover,.ams-page-menu__button:hover{color:var(--ams-page-menu-item-hover-color);text-decoration-line:var(--ams-page-menu-item-hover-text-decoration-line)}.ams-page-menu__link svg{color:currentColor}.ams-pagination__list{color:var(--ams-pagination-color);display:flex;flex-wrap:wrap;font-family:var(--ams-pagination-font-family);font-size:var(--ams-pagination-font-size);font-weight:var(--ams-pagination-font-weight);justify-content:center;line-height:var(--ams-pagination-line-height);list-style-type:none;margin-block:0;padding-inline-start:0}.ams-pagination__button{all:unset;outline:revert;box-sizing:border-box;cursor:pointer;display:flex;gap:var(--ams-pagination-button-gap);outline-offset:var(--ams-pagination-button-outline-offset);padding-inline:var(--ams-pagination-button-padding-inline);text-decoration-line:var(--ams-pagination-button-text-decoration-line);text-decoration-thickness:var(--ams-pagination-button-text-decoration-thickness);text-underline-offset:var(--ams-pagination-button-text-underline-offset);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-pagination__button:disabled{display:none}.ams-pagination__button:hover{color:var(--ams-pagination-button-hover-color);text-decoration-line:var(--ams-pagination-button-hover-text-decoration-line)}.ams-pagination__button span.ams-icon svg{block-size:1rem;inline-size:1rem}.ams-pagination__button--current{cursor:default;font-weight:var(--ams-pagination-button-current-font-weight)}.ams-pagination__button--current:hover{text-decoration:none}.ams-paragraph{box-sizing:border-box;color:var(--ams-paragraph-color);font-family:var(--ams-paragraph-font-family);font-size:var(--ams-paragraph-font-size);font-weight:var(--ams-paragraph-font-weight);line-height:var(--ams-paragraph-line-height);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0}.ams-paragraph--small{font-size:var(--ams-paragraph-small-font-size);line-height:var(--ams-paragraph-small-line-height)}.ams-paragraph--large{font-size:var(--ams-paragraph-large-font-size);line-height:var(--ams-paragraph-large-line-height)}.ams-paragraph--inverse-color{color:var(--ams-paragraph-inverse-color)}.ams-password-input{background-color:var(--ams-password-input-background-color);box-shadow:var(--ams-password-input-box-shadow);box-sizing:border-box;color:var(--ams-password-input-color);font-family:var(--ams-password-input-font-family);font-size:var(--ams-password-input-font-size);font-weight:var(--ams-password-input-font-weight);inline-size:100%;line-height:var(--ams-password-input-line-height);outline-offset:var(--ams-password-input-outline-offset);padding-block:var(--ams-password-input-padding-block);padding-inline:var(--ams-password-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-password-input:hover{box-shadow:var(--ams-password-input-hover-box-shadow)}.ams-password-input::placeholder{color:var(--ams-password-input-placeholder-color);opacity:100%}.ams-password-input:disabled{background-color:var(--ams-password-input-disabled-background-color);box-shadow:var(--ams-password-input-disabled-box-shadow);color:var(--ams-password-input-disabled-color);cursor:not-allowed}.ams-password-input:invalid,.ams-password-input[aria-invalid=true]{box-shadow:var(--ams-password-input-invalid-box-shadow)}.ams-password-input:invalid:hover,.ams-password-input[aria-invalid=true]:hover{box-shadow:var(--ams-password-input-invalid-hover-box-shadow)}.ams-radio__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-radio__input:focus+label{outline:auto}.ams-radio__input:focus:not(:focus-visible)+label{outline:0}.ams-radio__label{color:var(--ams-radio-color);cursor:pointer;display:inline-flex;font-family:var(--ams-radio-font-family);font-size:var(--ams-radio-font-size);font-weight:var(--ams-radio-font-weight);gap:var(--ams-radio-gap);line-height:var(--ams-radio-line-height);outline-offset:var(--ams-radio-outline-offset);text-decoration-thickness:var(--ams-radio-text-decoration-thickness);text-underline-offset:var(--ams-radio-text-underline-offset);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-radio__icon-container{block-size:var(--ams-radio-icon-container-block-size);display:flex;flex:none;inline-size:var(--ams-radio-icon-container-inline-size)}.ams-radio__circle{fill:var(--ams-radio-circle-fill);stroke:var(--ams-radio-circle-stroke);stroke-width:var(--ams-radio-circle-stroke-width)}.ams-radio__hover-indicator{fill:none;stroke:#0000;stroke-width:var(--ams-radio-hover-indicator-stroke-width)}.ams-radio__checked-indicator{display:none;fill:var(--ams-radio-checked-indicator-fill)}.ams-radio__label:hover{color:var(--ams-radio-hover-color);text-decoration-line:var(--ams-radio-hover-text-decoration-line)}.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-hover-stroke)}.ams-radio__label:hover .ams-radio__hover-indicator{stroke:var(--ams-radio-hover-indicator-hover-stroke)}.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-hover-fill)}.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-invalid-stroke)}.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-invalid-fill)}.ams-radio__input:checked+.ams-radio__label .ams-radio__checked-indicator{display:block}.ams-radio__input:disabled+.ams-radio__label{color:var(--ams-radio-disabled-color);cursor:not-allowed}.ams-radio__input:disabled+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-stroke)}.ams-radio__input:disabled+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-fill)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-invalid-stroke)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-invalid-fill)}.ams-radio__input:disabled+.ams-radio__label:hover{text-decoration:none}.ams-radio__input:disabled+.ams-radio__label:hover .ams-radio__hover-indicator{stroke:#0000}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-invalid-hover-stroke)}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__hover-indicator{stroke:var(--ams-radio-hover-indicator-invalid-hover-stroke)}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-invalid-hover-fill)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-invalid-hover-stroke)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__hover-indicator{stroke:#0000}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-invalid-hover-fill)}@media (forced-colors: active){.ams-radio__label .ams-radio__circle,.ams-radio__label:hover .ams-radio__circle,.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__circle{stroke:FieldText}.ams-radio__label .ams-radio__checked-indicator,.ams-radio__label:hover .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__checked-indicator{fill:FieldText}}@media (forced-colors: active){.ams-radio__input:checked+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:checked+.ams-radio__label:hover .ams-radio__circle{stroke:ActiveText}.ams-radio__input:checked+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:checked+.ams-radio__label:hover .ams-radio__checked-indicator{fill:ActiveText}}@media (forced-colors: active){.ams-radio__input:disabled+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__circle{stroke:GrayText}.ams-radio__input:disabled+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__checked-indicator{fill:GrayText}}.ams-row{display:flex;flex-direction:row;gap:var(--ams-row-gap-md)}.ams-row--gap-none{gap:var(--ams-row-gap-no)}.ams-row--gap-extra-small{gap:var(--ams-row-gap-xs)}.ams-row--gap-small{gap:var(--ams-row-gap-sm)}.ams-row--gap-large{gap:var(--ams-row-gap-lg)}.ams-row--gap-extra-large{gap:var(--ams-row-gap-xl)}.ams-row--wrap{flex-wrap:wrap}.ams-row--align-around{justify-content:space-around}.ams-row--align-between{justify-content:space-between}.ams-row--align-center{justify-content:center}.ams-row--align-end{justify-content:flex-end}.ams-row--align-evenly{justify-content:space-evenly}.ams-row--align-vertical-baseline{align-items:baseline}.ams-row--align-vertical-center{align-items:center}.ams-row--align-vertical-end{align-items:flex-end}.ams-row--align-vertical-start{align-items:flex-start}.ams-screen{background-color:var(--ams-screen-background-color);box-sizing:border-box;margin-inline:auto;position:relative}.ams-screen--full-height{min-block-size:100vh}.ams-screen--wide{max-inline-size:var(--ams-screen-wide-max-inline-size)}.ams-screen--x-wide{max-inline-size:var(--ams-screen-x-wide-max-inline-size)}.ams-search-field{display:flex;isolation:isolate}.ams-search-field__input{background-color:var(--ams-search-field-input-background-color);box-shadow:var(--ams-search-field-input-box-shadow);box-sizing:border-box;color:var(--ams-search-field-input-color);font-family:var(--ams-search-field-input-font-family);font-size:var(--ams-search-field-input-font-size);font-weight:var(--ams-search-field-input-font-weight);inline-size:100%;line-height:var(--ams-search-field-input-line-height);outline-offset:var(--ams-search-field-input-outline-offset);padding-block:var(--ams-search-field-input-padding-block);padding-inline:var(--ams-search-field-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-search-field__input:hover{box-shadow:var(--ams-search-field-input-hover-box-shadow)}.ams-search-field__input:focus{z-index:1}.ams-search-field__input:invalid,.ams-search-field__input[aria-invalid=true]{box-shadow:var(--ams-search-field-input-invalid-box-shadow)}.ams-search-field__input:invalid:hover,.ams-search-field__input[aria-invalid=true]:hover{box-shadow:var(--ams-search-field-input-invalid-hover-box-shadow)}.ams-search-field__input::placeholder{color:var(--ams-search-field-input-placeholder-color);opacity:100%}.ams-search-field__input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--ams-search-field-input-cancel-button-background-image);block-size:var(--ams-search-field-input-cancel-button-block-size);cursor:pointer;inline-size:var(--ams-search-field-input-cancel-button-inline-size);margin-inline-start:.5rem}.ams-select{background-color:var(--ams-select-background-color);box-shadow:var(--ams-select-box-shadow);color:var(--ams-select-color);font-family:var(--ams-select-font-family);font-size:var(--ams-select-font-size);font-weight:var(--ams-select-font-weight);inline-size:100%;line-height:var(--ams-select-line-height);outline-offset:var(--ams-select-outline-offset);padding-block:var(--ams-select-padding-block);padding-inline:var(--ams-select-padding-inline);touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0}.ams-select:not([multiple]){background-image:var(--ams-select-background-image);background-position:var(--ams-select-background-position);background-repeat:no-repeat;background-size:1em 1em}.ams-select:hover{box-shadow:var(--ams-select-hover-box-shadow)}.ams-select:invalid,.ams-select[aria-invalid=true]{box-shadow:var(--ams-select-invalid-box-shadow)}.ams-select:disabled{box-shadow:var(--ams-select-disabled-box-shadow);color:var(--ams-select-disabled-color);cursor:not-allowed}.ams-select:disabled:not([multiple]){background-image:var(--ams-select-disabled-background-image)}.ams-select:invalid:hover,.ams-select[aria-invalid=true]:hover{box-shadow:var(--ams-select-invalid-hover-box-shadow)}.ams-select__option:disabled{color:var(--ams-select-option-disabled-color)}.ams-skip-link{background-color:var(--ams-skip-link-background-color);color:var(--ams-skip-link-color);display:block;font-family:var(--ams-skip-link-font-family);font-size:var(--ams-skip-link-font-size);font-weight:var(--ams-skip-link-font-weight);line-height:var(--ams-skip-link-line-height);outline-offset:var(--ams-skip-link-outline-offset);padding-block:var(--ams-skip-link-padding-block);padding-inline:var(--ams-skip-link-padding-inline);text-align:center;text-decoration:none}.ams-skip-link:hover{background-color:var(--ams-skip-link-hover-background-color)}.ams-spotlight{background-color:var(--ams-spotlight-background-color)}.ams-spotlight--azure{background-color:var(--ams-spotlight-azure-background-color)}.ams-spotlight--green{background-color:var(--ams-spotlight-green-background-color)}.ams-spotlight--lime{background-color:var(--ams-spotlight-lime-background-color)}.ams-spotlight--magenta{background-color:var(--ams-spotlight-magenta-background-color)}.ams-spotlight--orange{background-color:var(--ams-spotlight-orange-background-color)}.ams-spotlight--yellow{background-color:var(--ams-spotlight-yellow-background-color)}.ams-switch__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-switch__input:focus+label{outline:auto}.ams-switch__input:focus:not(:focus-visible)+label{outline:0}.ams-switch__label{--ams-switch-track-border-width: .0625rem;background-color:var(--ams-switch-background-color);border:var(--ams-switch-track-border-width) solid rgba(0,0,0,0);border-radius:calc(var(--ams-switch-thumb-inline-size)*2);box-sizing:border-box;cursor:pointer;display:inline-block;inline-size:var(--ams-switch-inline-size);outline-offset:var(--ams-switch-outline-offset);transition:background-color .2s ease-in-out}.ams-switch__label:before{background-color:var(--ams-switch-thumb-background-color);block-size:var(--ams-switch-thumb-block-size);border-radius:50%;content:"";display:block;inline-size:var(--ams-switch-thumb-inline-size);transition-duration:.1s;transition-property:box-shadow,transform;transition-timing-function:ease-in-out}@media (forced-colors: active){.ams-switch__label:before{background-color:FieldText}}.ams-switch__input:checked+.ams-switch__label{background-color:var(--ams-switch-checked-background-color)}.ams-switch__input:disabled+.ams-switch__label{background-color:var(--ams-switch-disabled-background-color);cursor:not-allowed}.ams-switch__input:checked+.ams-switch__label:before{transform:translate(calc(100% - 2 * var(--ams-switch-track-border-width)))}.ams-switch:hover .ams-switch__input:enabled+.ams-switch__label:before{box-shadow:var(--ams-switch-thumb-hover-box-shadow)}.ams-table-of-contents{display:flex;flex-direction:column;font-family:var(--ams-table-of-contents-font-family);font-size:var(--ams-table-of-contents-font-size);font-weight:var(--ams-table-of-contents-font-weight);gap:var(--ams-table-of-contents-gap);line-height:var(--ams-table-of-contents-line-height)}.ams-table-of-contents__list{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ams-table-of-contents-list-gap);list-style:none;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0;padding-inline:0}.ams-table-of-contents__list .ams-table-of-contents__list{padding-block-start:var(--ams-table-of-contents-list-list-padding-block-start);padding-inline-start:var(--ams-table-of-contents-list-list-padding-inline-start)}.ams-table-of-contents__link{color:var(--ams-table-of-contents-link-color);outline-offset:var(--ams-table-of-contents-link-outline-offset);text-decoration-line:var(--ams-table-of-contents-link-text-decoration-line);text-decoration-thickness:var(--ams-table-of-contents-link-text-decoration-thickness);text-underline-offset:var(--ams-table-of-contents-link-text-underline-offset)}.ams-table-of-contents__link:hover{color:var(--ams-table-of-contents-link-hover-color);text-decoration-line:var(--ams-table-of-contents-link-hover-text-decoration-line)}.ams-table{overflow-x:auto}.ams-table__table{border-spacing:0;break-inside:avoid;color:var(--ams-table-color);font-family:var(--ams-table-font-family);font-size:var(--ams-table-font-size);font-weight:var(--ams-table-font-weight);line-height:var(--ams-table-line-height)}.ams-table__caption{font-weight:var(--ams-table-caption-font-weight);text-align:start}.ams-table__cell,.ams-table__header-cell{border-block-end:var(--ams-table-cell-border-block-end);padding-block:var(--ams-table-cell-padding-block);padding-inline:var(--ams-table-cell-padding-inline);text-align:start;vertical-align:top}.ams-table__header-cell{font-weight:var(--ams-table-header-cell-font-weight)}.ams-tabs{display:grid;gap:var(--ams-tabs-gap)}.ams-tabs__list{box-shadow:var(--ams-tabs-list-box-shadow);display:flex;overflow-x:auto}.ams-tabs__button{color:var(--ams-tabs-button-color);cursor:var(--ams-tabs-button-cursor);display:grid;font-family:var(--ams-tabs-button-font-family);font-size:var(--ams-tabs-button-font-size);font-weight:var(--ams-tabs-button-font-weight);line-height:var(--ams-tabs-button-line-height);outline-offset:var(--ams-tabs-button-outline-offset);padding-block:var(--ams-tabs-button-padding-block);padding-inline:var(--ams-tabs-button-padding-inline);background-color:#0000;border:0;margin-block:0;margin-inline:0}.ams-tabs__button:disabled{color:var(--ams-tabs-button-disabled-color);cursor:var(--ams-tabs-button-disabled-cursor)}@media (forced-colors: active){.ams-tabs__button:disabled{color:GrayText}}.ams-tabs__button:hover:not([aria-selected=true],[disabled]){box-shadow:var(--ams-tabs-button-hover-box-shadow);color:var(--ams-tabs-button-hover-color)}.ams-tabs__button[aria-selected=true]{box-shadow:var(--ams-tabs-button-selected-box-shadow);color:var(--ams-tabs-button-selected-color);font-weight:var(--ams-tabs-button-selected-font-weight)}@media (forced-colors: active){.ams-tabs__button[aria-selected=true]{background-color:SelectedItem}}.ams-tabs__button-label,.ams-tabs__button-label-hidden{grid-area:1/1}.ams-tabs__button-label-hidden{font-weight:var(--ams-tabs-button-selected-font-weight);pointer-events:none;-webkit-user-select:none;user-select:none;visibility:hidden}.ams-text-area{background-color:var(--ams-text-area-background-color);box-shadow:var(--ams-text-area-box-shadow);box-sizing:border-box;color:var(--ams-text-area-color);font-family:var(--ams-text-area-font-family);font-size:var(--ams-text-area-font-size);font-weight:var(--ams-text-area-font-weight);inline-size:100%;line-height:var(--ams-text-area-line-height);max-inline-size:100%;min-block-size:var(--ams-text-area-min-block-size);outline-offset:var(--ams-text-area-outline-offset);padding-block:var(--ams-text-area-padding-block);padding-inline:var(--ams-text-area-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-text-area:hover{box-shadow:var(--ams-text-area-hover-box-shadow)}.ams-text-area::placeholder{color:var(--ams-text-area-placeholder-color);opacity:100%}.ams-text-area:disabled{background-color:var(--ams-text-area-disabled-background-color);box-shadow:var(--ams-text-area-disabled-box-shadow);color:var(--ams-text-area-disabled-color);cursor:var(--ams-text-area-disabled-cursor)}.ams-text-area:invalid,.ams-text-area[aria-invalid=true]{box-shadow:var(--ams-text-area-invalid-box-shadow)}.ams-text-area:invalid:hover,.ams-text-area[aria-invalid=true]:hover{box-shadow:var(--ams-text-area-invalid-hover-box-shadow)}.ams-text-area--resize-none{resize:none}.ams-text-area--resize-horizontal{resize:inline}.ams-text-area--resize-vertical{resize:block}.ams-text-area--cols{inline-size:auto}.ams-text-input{background-color:var(--ams-text-input-background-color);box-shadow:var(--ams-text-input-box-shadow);box-sizing:border-box;color:var(--ams-text-input-color);font-family:var(--ams-text-input-font-family);font-size:var(--ams-text-input-font-size);font-weight:var(--ams-text-input-font-weight);inline-size:100%;line-height:var(--ams-text-input-line-height);outline-offset:var(--ams-text-input-outline-offset);padding-block:var(--ams-text-input-padding-block);padding-inline:var(--ams-text-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-text-input:hover{box-shadow:var(--ams-text-input-hover-box-shadow)}.ams-text-input::placeholder{color:var(--ams-text-input-placeholder-color);opacity:100%}.ams-text-input:disabled{background-color:var(--ams-text-input-disabled-background-color);box-shadow:var(--ams-text-input-disabled-box-shadow);color:var(--ams-text-input-disabled-color);cursor:not-allowed}.ams-text-input:invalid,.ams-text-input[aria-invalid=true]{box-shadow:var(--ams-text-input-invalid-box-shadow)}.ams-text-input:invalid:hover,.ams-text-input[aria-invalid=true]:hover{box-shadow:var(--ams-text-input-invalid-hover-box-shadow)}.ams-time-input{background-color:var(--ams-time-input-background-color);box-shadow:var(--ams-time-input-box-shadow);box-sizing:border-box;color:var(--ams-time-input-color);font-family:var(--ams-time-input-font-family);font-size:var(--ams-time-input-font-size);font-weight:var(--ams-time-input-font-weight);line-height:var(--ams-time-input-line-height);min-block-size:calc(var(--ams-time-input-font-size)*var(--ams-time-input-line-height) + 2*var(--ams-time-input-padding-block));min-inline-size:calc(4ch + 2*var(--ams-time-input-padding-inline));outline-offset:var(--ams-time-input-outline-offset);padding-block:var(--ams-time-input-padding-block);padding-inline:var(--ams-time-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;inline-size:auto;margin-block:0}.ams-time-input:hover{box-shadow:var(--ams-time-input-hover-box-shadow)}.ams-time-input::-webkit-calendar-picker-indicator{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--ams-time-input-calender-picker-indicator-background-image);cursor:pointer}.ams-time-input:hover::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-hover-calender-picker-indicator-background-image)}.ams-time-input:disabled{background-color:var(--ams-time-input-disabled-background-color);box-shadow:var(--ams-time-input-disabled-box-shadow);color:var(--ams-time-input-disabled-color);cursor:not-allowed}.ams-time-input:disabled::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-disabled-calender-picker-indicator-background-image);visibility:visible}.ams-time-input:invalid,.ams-time-input[aria-invalid=true]{box-shadow:var(--ams-time-input-invalid-box-shadow)}.ams-time-input:invalid:hover,.ams-time-input[aria-invalid=true]:hover{box-shadow:var(--ams-time-input-invalid-hover-box-shadow)}.ams-top-task-link{break-inside:avoid;display:flex;flex-direction:column;gap:var(--ams-top-task-link-gap);outline-offset:var(--ams-top-task-link-outline-offset);text-decoration:none}.ams-top-task-link__label{box-sizing:border-box;color:var(--ams-top-task-link-label-color);font-family:var(--ams-top-task-link-label-font-family);font-size:var(--ams-top-task-link-label-font-size);font-weight:var(--ams-top-task-link-label-font-weight);line-height:var(--ams-top-task-link-label-line-height);text-decoration-line:var(--ams-top-task-link-label-text-decoration-line);text-decoration-thickness:var(--ams-top-task-link-label-text-decoration-thickness);text-underline-offset:var(--ams-top-task-link-label-text-underline-offset);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-top-task-link:hover .ams-top-task-link__label{color:var(--ams-top-task-link-label-hover-color);text-decoration-line:var(--ams-top-task-link-label-hover-text-decoration-line)}.ams-top-task-link__description{box-sizing:border-box;color:var(--ams-top-task-link-description-color);font-family:var(--ams-top-task-link-description-font-family);font-size:var(--ams-top-task-link-description-font-size);font-weight:var(--ams-top-task-link-description-font-weight);line-height:var(--ams-top-task-link-description-line-height)}.ams-unordered-list{box-sizing:border-box;display:grid;gap:var(--ams-unordered-list-gap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;list-style:none;margin-block:0;padding-inline-start:0}.ams-unordered-list:not(.ams-unordered-list--no-markers){color:var(--ams-unordered-list-color);font-family:var(--ams-unordered-list-font-family);font-size:var(--ams-unordered-list-font-size);font-weight:var(--ams-unordered-list-font-weight);line-height:var(--ams-unordered-list-line-height);list-style-type:var(--ams-unordered-list-list-style-type)}.ams-unordered-list:not(.ams-unordered-list--no-markers) .ams-unordered-list__item{margin-inline-start:var(--ams-unordered-list-item-margin-inline-start);padding-inline-start:var(--ams-unordered-list-item-padding-inline-start)}.ams-unordered-list--inverse-color:not(.ams-unordered-list--no-markers){color:var(--ams-unordered-list-inverse-color)}.ams-unordered-list--small:not(.ams-unordered-list--no-markers){font-size:var(--ams-unordered-list-small-font-size);line-height:var(--ams-unordered-list-small-line-height)}:is(.ams-ordered-list,.ams-unordered-list) .ams-unordered-list{gap:var(--ams-unordered-list-unordered-list-gap);list-style-type:var(--ams-unordered-list-unordered-list-list-style-type);padding-block-end:var(--ams-unordered-list-unordered-list-padding-block-end);padding-block-start:var(--ams-unordered-list-unordered-list-padding-block-start)}:is(.ams-ordered-list,.ams-unordered-list) .ams-unordered-list .ams-unordered-list__item{margin-inline-start:var(--ams-unordered-list-unordered-list-item-margin-inline-start);padding-inline-start:var(--ams-unordered-list-unordered-list-item-padding-inline-start)}.ams-visually-hidden:not(:active,:focus){block-size:1px;clip:rect(0 0 0 0);clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}:root{--ams-docs-grey: rgb(0 0 0 / 6.25%);--ams-docs-pink: rgb(229 0 130 / 25%);--ams-docs-lightblue: rgb(0 130 229 / 25%)}.ams-docs-figure{display:flex;gap:.25rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.ams-docs-image,.ams-docs-figure>img{display:block;max-inline-size:100%;outline:.0625rem dashed #e8e8e8}.ams-docs-figure>figcaption{text-align:center}.ams-docs-gallery{align-items:flex-end;display:flex;gap:2rem;margin-block:1.5rem}.ams-docs-gallery .ams-docs-figure{align-items:center;display:flex;flex-direction:column;inline-size:fit-content;margin-inline:0}.ams-docs-card{border:.0625rem solid hotpink;display:flex;flex-direction:column;gap:.5rem;inline-size:50%;padding-block:.5rem;padding-inline:.5rem}.ams-docs-dark-background,.ams-docs-light-background{margin-block:-1rem;margin-inline:-1rem;padding-block:1rem;padding-inline:1rem}.ams-docs-light-background{background-color:#ffe600}.ams-docs-dark-background{background-color:#004699}.ams-docs-backdrop{background-color:#0006;block-size:100%;inline-size:100%;position:absolute}.ams-docs-column,.ams-docs-grid,.ams-docs-row{border-inline:thin solid var(--ams-docs-grey)}.ams-docs-column,.ams-docs-row{background:repeating-linear-gradient(135deg,var(--ams-docs-grey),var(--ams-docs-grey) .5rem,white .5rem,white 1rem)}.ams-docs-column{max-inline-size:16rem;min-block-size:16rem}.ams-docs-row{min-block-size:6rem}.ams-docs-grid{block-size:100vh;inset-block:0;inset-inline:0;position:absolute}#storybook-docs .ams-docs-grid{block-size:100%}.ams-docs-grid__cell{background-color:var(--ams-docs-grey)}@media screen and (width < 36rem){.ams-docs-grid__cell:nth-child(n+5){display:none}}@media screen and (width < 68rem){.ams-docs-grid__cell:nth-child(n+9){display:none}}.ams-docs-aspect-ratio{min-block-size:initial;padding-block:var(--ams-space-md);padding-inline:var(--ams-space-md)}.ams-docs-item{background-color:var(--ams-docs-pink);border:thin dashed var(--ams-docs-grey);font-family:Amsterdam Sans,sans-serif;font-size:var(--ams-paragraph-small-font-size);line-height:var(--ams-paragraph-small-line-height);padding-block:1.5rem;text-align:center}.ams-docs-row>.ams-docs-item{flex-basis:8rem;padding-inline:1.5rem}.ams-docs-column>.ams-docs-item{min-inline-size:3rem}.ams-docs-item--highlight{background-color:var(--ams-docs-lightblue)}[class*=ams-docs-token-example--]{block-size:1rem}[class*=ams-docs-token-example--border]{border-inline-start-style:solid}[class*=ams-docs-token-example--space]{background-color:var(--ams-brand-color-neutral-0);outline:1px dashed var(--ams-brand-color-neutral-40)}.ams-resize-horizontal{outline:1px dashed var(--ams-docs-pink);overflow:auto;padding-block-end:1rem;resize:horizontal}.sbdocs-wrapper.sbdocs-wrapper{padding-inline:8vw}.sbdocs-content.sbdocs-content>:is(h1,h2,h3,h4,h5,h6,p),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(h1,h2,h3,h4,h5,h6,p),.sbdocs-content.sbdocs-content>:is(ol,ul) li,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(ol,ul) li,.sbdocs-content.sbdocs-content>table:not(.sb-unstyled) :is(td,th),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>table:not(.sb-unstyled) :is(td,th),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>figure>figcaption{color:#000;font-family:Amsterdam Sans,Arial,sans-serif}.sbdocs-content.sbdocs-content>p,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>p,.sbdocs-content.sbdocs-content>blockquote>p,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>blockquote>p,.sbdocs-content.sbdocs-content>:is(ol,ul) li,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(ol,ul) li,.sbdocs-content.sbdocs-content>:is(ol,ul) li>p,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(ol,ul) li>p{font-size:1.125rem;line-height:1.75}.sbdocs-content.sbdocs-content>h1+p,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h1+p{font-size:1.375rem;margin-block-end:2em}.sbdocs-content.sbdocs-content>.ams-storybook-status-badge{margin-block-end:1.5rem}.sbdocs-content.sbdocs-content>.ams-storybook-status-badge>span:nth-child(2){color:#000;font-family:Amsterdam Sans,Arial,sans-serif;font-size:var(--ams-text-level-6-font-size)}.sbdocs-content.sbdocs-content .sbdocs-a{color:#004699;text-decoration:underline;text-decoration-thickness:.125rem;text-underline-offset:.3333em}.sbdocs-content.sbdocs-content .sbdocs-a:hover{color:#102e62;text-decoration-thickness:.1875rem;text-underline-offset:.2778em}.sbdocs-content.sbdocs-content>:is(h1,h2,h3,h4,h5,h6),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(h1,h2,h3,h4,h5,h6){margin-block:2em .25em;padding-block:0}.sbdocs-content.sbdocs-content>h1,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h1{font-size:2.5rem;margin-block-start:0}.sbdocs-content.sbdocs-content>h2,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h2{border-block-end:none;font-size:1.5rem}.sbdocs-content.sbdocs-content>h3,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h3{font-size:1.25rem}.sbdocs-content.sbdocs-content>h4,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h4{font-size:1.125rem}.sbdocs-content.sbdocs-content>h2+h3,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h2+h3,.sbdocs-content.sbdocs-content>h3+h4,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h3+h4,.sbdocs-content.sbdocs-content>h4+h5,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h4+h5{margin-block-start:1em}.sbdocs-content.sbdocs-content>:is(p,ol,ul),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(p,ol,ul){margin-block:0 1rem;padding-block:0}.sbdocs-content.sbdocs-content>table:not(.sb-unstyled) :is(td,th),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>table:not(.sb-unstyled) :is(td,th){font-size:1rem;line-height:1.5}.sbdocs-content.sbdocs-content>p code{color:currentColor;font-size:1rem}.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>figure>figcaption{font-size:.875rem}:is(#storybook-root,.sbdocs-content) a[href="#"]{cursor:not-allowed}@media (forced-colors: active){.innerZoomElementWrapper.innerZoomElementWrapper>div{border-color:Canvas!important}} diff --git a/demo-develop/assets/preview-GIfpcfDr.js b/demo-develop/assets/preview-CO1E5Isi.js similarity index 71% rename from demo-develop/assets/preview-GIfpcfDr.js rename to demo-develop/assets/preview-CO1E5Isi.js index bcceb2264d..1303f330a9 100644 --- a/demo-develop/assets/preview-GIfpcfDr.js +++ b/demo-develop/assets/preview-CO1E5Isi.js @@ -1,2 +1,2 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-CFRXHY34-C7AVeYW1.js","./iframe-CcKRFNHG.js","./index-RigO-4kf.js","./_commonjsHelpers-CqkleIqs.js","./index-D2MAbzvX.js","./index-U-bvrYWS.js","./jsx-runtime-BjgbQsUx.js","./index-BIm0odtm.js","./index-D-8MO0q_.js","./index-CHGET4sZ.js","./index-DrFu-skq.js","./react-18-1O4HD-Mi.js"])))=>i.map(i=>d[i]); -import{_ as a}from"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";var i=Object.entries(globalThis.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-CFRXHY34-C7AVeYW1.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>i[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters}; +const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-CFRXHY34-L1JMIrrr.js","./iframe-DelTWw7Q.js","./index-RigO-4kf.js","./_commonjsHelpers-CqkleIqs.js","./index-D2MAbzvX.js","./index-CYpc6MNd.js","./jsx-runtime-BjgbQsUx.js","./index-BIm0odtm.js","./index-D-8MO0q_.js","./index-CHGET4sZ.js","./index-DrFu-skq.js","./react-18-1O4HD-Mi.js"])))=>i.map(i=>d[i]); +import{_ as a}from"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";var i=Object.entries(globalThis.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-CFRXHY34-L1JMIrrr.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>i[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters}; diff --git a/demo-develop/assets/preview-CrEepBd0.css b/demo-develop/assets/preview-CrEepBd0.css new file mode 100644 index 0000000000..77ccb307f0 --- /dev/null +++ b/demo-develop/assets/preview-CrEepBd0.css @@ -0,0 +1,5 @@ +:root{--ams-aspect-ratio-x-tall: 9 / 16;--ams-aspect-ratio-tall: 3 / 4;--ams-aspect-ratio-square: 1 / 1;--ams-aspect-ratio-wide: 4 / 3;--ams-aspect-ratio-x-wide: 16 / 9;--ams-aspect-ratio-2x-wide: 16 / 5;--ams-border-width-sm: .0625rem;--ams-border-width-md: .125rem;--ams-border-width-lg: .1875rem;--ams-border-width-xl: .25rem;--ams-brand-color-azure-60: #009DE6;--ams-brand-color-blue-60: #004699;--ams-brand-color-blue-80: #003677;--ams-brand-color-green-60: #00A03C;--ams-brand-color-lime-60: #BED200;--ams-brand-color-magenta-60: #E50082;--ams-brand-color-neutral-0: #FFFFFF;--ams-brand-color-neutral-20: #D1D1D1;--ams-brand-color-neutral-40: #A4A4A4;--ams-brand-color-neutral-60: #767676;--ams-brand-color-neutral-80: #474747;--ams-brand-color-neutral-100: #181818;--ams-brand-color-orange-60: #FF9100;--ams-brand-color-purple-60: #A00078;--ams-brand-color-red-60: #EC0000;--ams-brand-color-red-80: #B70000;--ams-brand-color-yellow-60: #FFE600;--ams-space-xs: clamp(.2813rem, .2578rem + .1172vw, .375rem);--ams-space-sm: clamp(.5625rem, .5156rem + .2344vw, .75rem);--ams-space-md: clamp(1.125rem, 1.0313rem + .4688vw, 1.5rem);--ams-space-lg: clamp(1.6875rem, 1.5469rem + .7031vw, 2.25rem);--ams-space-xl: clamp(2.25rem, 2.0625rem + .9375vw, 3rem);--ams-space-grid-xs: clamp(.25rem, calc(.09375rem + .78125vw) , .875rem);--ams-space-grid-sm: clamp(.5rem, calc(.1875rem + 1.5625vw) , 1.75rem);--ams-space-grid-md: clamp(1rem, calc(.375rem + 3.125vw) , 3.5rem);--ams-space-grid-lg: clamp(1.5rem, calc(.5625rem + 4.6875vw) , 5.25rem);--ams-space-grid-xl: clamp(2rem, calc(.75rem + 6.25vw) , 7rem);--ams-text-font-family: "Amsterdam Sans", Arial, sans-serif;--ams-text-font-weight-normal: 400;--ams-text-font-weight-bold: 800;--ams-text-level-0-font-size: clamp(2.4316rem, calc(1.8951rem + 2.6826vw) , 4.5776rem);--ams-text-level-0-line-height: 1.15;--ams-text-level-1-font-size: clamp(2.0842rem, calc(1.6897rem + 1.9724vw) , 3.6621rem);--ams-text-level-1-line-height: 1.2;--ams-text-level-2-font-size: clamp(1.7865rem, calc(1.5007rem + 1.429vw) , 2.9297rem);--ams-text-level-2-line-height: 1.25;--ams-text-level-3-font-size: clamp(1.5313rem, calc(1.3281rem + 1.0156vw) , 2.3438rem);--ams-text-level-3-line-height: 1.3;--ams-text-level-4-font-size: clamp(1.3125rem, calc(1.1719rem + .7031vw) , 1.875rem);--ams-text-level-4-line-height: 1.5;--ams-text-level-5-font-size: clamp(1.125rem, calc(1.0313rem + .4688vw) , 1.5rem);--ams-text-level-5-line-height: 1.6;--ams-text-level-6-font-size: clamp(.9643rem, calc(.9054rem + .2946vw) , 1.2rem);--ams-text-level-6-line-height: 1.6;--ams-action-activate-cursor: pointer;--ams-action-busy-cursor: wait;--ams-action-disabled-cursor: not-allowed;--ams-action-inert-cursor: default;--ams-action-navigate-cursor: pointer;--ams-action-submit-cursor: pointer;--ams-focus-outline-offset: .125rem;--ams-hyphenation-hyphenate-limit-chars: 12 8 4;--ams-hyphenation-hyphens: auto;--ams-hyphenation-overflow-wrap: break-word;--ams-link-appearance-text-underline-offset: .3333em;--ams-link-appearance-regular-text-decoration-line: underline;--ams-link-appearance-regular-hover-text-underline-offset: .2778em;--ams-link-appearance-subtle-text-decoration-line: none;--ams-link-appearance-subtle-hover-text-decoration-line: underline;--ams-accordion-button-padding-inline: 0;--ams-accordion-panel-padding-block: 0;--ams-accordion-panel-padding-inline: 0;--ams-alert-border-style: solid;--ams-breadcrumb-separator-background-image: url("data:image/svg+xml;utf8,");--ams-breadcrumb-separator-block-size: 1ex;--ams-breadcrumb-separator-inline-size: 1ex;--ams-button-tertiary-background-color: transparent;--ams-button-tertiary-disabled-background-color: transparent;--ams-checkbox-checkmark-checked-background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M12.216 27.016 0 14.168l2.91-2.77 9.346 9.837L29.129 4 32 6.8z'/%3E%3C/svg%3E");--ams-checkbox-checkmark-indeterminate-background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='white'%3E%3Cpath fill-rule='evenodd' d='M0 13.714h32v4H0z'/%3E%3C/svg%3E");--ams-column-gap-no: 0;--ams-date-input-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-date-input-disabled-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-date-input-hover-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-dialog-border: 0;--ams-dialog-max-inline-size: 48rem;--ams-file-list-file-preview-width: clamp(2.5rem, 10vw, 5rem);--ams-grid-column-count: 4;--ams-grid-medium-column-count: 8;--ams-grid-wide-column-count: 12;--ams-icon-button-hover-background-color: rgba(0, 70, 153, .125);--ams-icon-button-contrast-color-hover-background-color: rgba(0, 0, 0, .125);--ams-image-slider-thumbnails-thumbnail-background-color: transparent;--ams-image-slider-thumbnails-thumbnail-opacity: 40%;--ams-image-slider-thumbnails-thumbnail-in-view-opacity: 100%;--ams-image-slider-thumbnails-thumbnail-hover-opacity: 100%;--ams-link-inline-font-family: inherit;--ams-link-inline-font-size: inherit;--ams-link-inline-line-height: inherit;--ams-logo-block-size: clamp(1rem, calc(.375rem + 3.125vw) , 3.5rem);--ams-logo-min-block-size: 2.5rem;--ams-mega-menu-list-category-column-width: 20rem;--ams-ordered-list-list-style-type: decimal;--ams-ordered-list-item-margin-inline-start: 2.25rem;--ams-ordered-list-item-padding-inline-start: .25rem;--ams-ordered-list-ordered-list-list-style-type: lower-alpha;--ams-ordered-list-ordered-list-padding-block-end: 0;--ams-ordered-list-ordered-list-item-margin-inline-start: 1.5rem;--ams-ordered-list-ordered-list-item-padding-inline-start: .25rem;--ams-radio-hover-indicator-stroke-width: 3px;--ams-radio-circle-stroke-width: 2px;--ams-radio-icon-container-inline-size: 1.5rem;--ams-row-gap-no: 0;--ams-screen-wide-max-inline-size: 100rem;--ams-screen-x-wide-max-inline-size: 132rem;--ams-search-field-input-cancel-button-background-image: url("data:image/svg+xml;utf8,");--ams-select-background-image: url("data:image/svg+xml;utf8,");--ams-select-disabled-background-image: url("data:image/svg+xml;utf8,");--ams-switch-inline-size: 3.5rem;--ams-switch-thumb-inline-size: 1.75rem;--ams-switch-thumb-block-size: 1.75rem;--ams-tabs-button-outline-offset: -.25rem;--ams-time-input-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-time-input-disabled-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-time-input-hover-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");--ams-unordered-list-list-style-type: "•";--ams-unordered-list-item-margin-inline-start: 1.625rem;--ams-unordered-list-item-padding-inline-start: .875rem;--ams-unordered-list-unordered-list-list-style-type: "–";--ams-unordered-list-unordered-list-padding-block-end: 0;--ams-unordered-list-unordered-list-item-margin-inline-start: .875rem;--ams-unordered-list-unordered-list-item-padding-inline-start: .875rem;--ams-link-appearance-color: var(--ams-brand-color-blue-60);--ams-link-appearance-text-decoration-thickness: var(--ams-border-width-md);--ams-link-appearance-hover-color: var(--ams-brand-color-blue-80);--ams-link-appearance-regular-hover-text-decoration-thickness: var(--ams-border-width-lg);--ams-link-appearance-contrast-color: var(--ams-brand-color-neutral-100);--ams-link-appearance-contrast-hover-color: var(--ams-brand-color-neutral-100);--ams-link-appearance-contrast-visited-color: var(--ams-brand-color-neutral-100);--ams-link-appearance-inverse-color: var(--ams-brand-color-neutral-0);--ams-link-appearance-inverse-hover-color: var(--ams-brand-color-neutral-0);--ams-link-appearance-inverse-visited-color: var(--ams-brand-color-neutral-0);--ams-accordion-gap: var(--ams-space-md);--ams-accordion-button-color: var(--ams-brand-color-blue-60);--ams-accordion-button-font-family: var(--ams-text-font-family);--ams-accordion-button-font-size: var(--ams-text-level-5-font-size);--ams-accordion-button-font-weight: var(--ams-text-font-weight-bold);--ams-accordion-button-gap: var(--ams-space-sm);--ams-accordion-button-line-height: var(--ams-text-level-5-line-height);--ams-accordion-button-padding-block: var(--ams-space-sm);--ams-accordion-button-focus-outline-offset: var(--ams-focus-outline-offset);--ams-accordion-button-hover-color: var(--ams-brand-color-blue-80);--ams-action-group-gap: var(--ams-space-md);--ams-alert-background-color: var(--ams-brand-color-neutral-0);--ams-alert-border-width: var(--ams-border-width-xl);--ams-alert-gap: var(--ams-space-sm);--ams-alert-padding-block: var(--ams-space-md);--ams-alert-padding-inline: var(--ams-space-lg);--ams-alert-error-border-color: var(--ams-brand-color-red-60);--ams-alert-info-border-color: var(--ams-brand-color-azure-60);--ams-alert-success-border-color: var(--ams-brand-color-green-60);--ams-alert-warning-border-color: var(--ams-brand-color-orange-60);--ams-alert-content-gap: var(--ams-space-sm);--ams-avatar-aspect-ratio: var(--ams-aspect-ratio-square);--ams-avatar-font-family: var(--ams-text-font-family);--ams-avatar-font-size: var(--ams-text-level-6-font-size);--ams-avatar-font-weight: var(--ams-text-font-weight-normal);--ams-avatar-line-height: var(--ams-text-level-6-line-height);--ams-avatar-padding-block: var(--ams-space-xs);--ams-avatar-padding-inline: var(--ams-space-xs);--ams-avatar-azure-background-color: var(--ams-brand-color-azure-60);--ams-avatar-azure-color: var(--ams-brand-color-neutral-100);--ams-avatar-black-background-color: var(--ams-brand-color-neutral-100);--ams-avatar-black-color: var(--ams-brand-color-neutral-0);--ams-avatar-blue-background-color: var(--ams-brand-color-blue-60);--ams-avatar-blue-color: var(--ams-brand-color-neutral-0);--ams-avatar-green-background-color: var(--ams-brand-color-green-60);--ams-avatar-green-color: var(--ams-brand-color-neutral-0);--ams-avatar-lime-background-color: var(--ams-brand-color-lime-60);--ams-avatar-lime-color: var(--ams-brand-color-neutral-100);--ams-avatar-magenta-background-color: var(--ams-brand-color-magenta-60);--ams-avatar-magenta-color: var(--ams-brand-color-neutral-0);--ams-avatar-neutral-20-background-color: var(--ams-brand-color-neutral-20);--ams-avatar-neutral-20-color: var(--ams-brand-color-neutral-100);--ams-avatar-neutral-40-background-color: var(--ams-brand-color-neutral-40);--ams-avatar-neutral-40-color: var(--ams-brand-color-neutral-100);--ams-avatar-neutral-60-background-color: var(--ams-brand-color-neutral-60);--ams-avatar-neutral-60-color: var(--ams-brand-color-neutral-0);--ams-avatar-neutral-80-background-color: var(--ams-brand-color-neutral-80);--ams-avatar-neutral-80-color: var(--ams-brand-color-neutral-0);--ams-avatar-orange-background-color: var(--ams-brand-color-orange-60);--ams-avatar-orange-color: var(--ams-brand-color-neutral-100);--ams-avatar-purple-background-color: var(--ams-brand-color-purple-60);--ams-avatar-purple-color: var(--ams-brand-color-neutral-0);--ams-avatar-red-background-color: var(--ams-brand-color-red-60);--ams-avatar-red-color: var(--ams-brand-color-neutral-0);--ams-avatar-white-background-color: var(--ams-brand-color-neutral-0);--ams-avatar-white-color: var(--ams-brand-color-neutral-100);--ams-avatar-yellow-background-color: var(--ams-brand-color-yellow-60);--ams-avatar-yellow-color: var(--ams-brand-color-neutral-100);--ams-avatar-forced-colors-border-width: var(--ams-border-width-md);--ams-badge-font-family: var(--ams-text-font-family);--ams-badge-font-size: var(--ams-text-level-5-font-size);--ams-badge-font-weight: var(--ams-text-font-weight-bold);--ams-badge-line-height: var(--ams-text-level-5-line-height);--ams-badge-padding-inline: var(--ams-space-xs);--ams-badge-azure-background-color: var(--ams-brand-color-azure-60);--ams-badge-azure-color: var(--ams-brand-color-neutral-100);--ams-badge-black-background-color: var(--ams-brand-color-neutral-100);--ams-badge-black-color: var(--ams-brand-color-neutral-0);--ams-badge-blue-background-color: var(--ams-brand-color-blue-60);--ams-badge-blue-color: var(--ams-brand-color-neutral-0);--ams-badge-green-background-color: var(--ams-brand-color-green-60);--ams-badge-green-color: var(--ams-brand-color-neutral-0);--ams-badge-lime-background-color: var(--ams-brand-color-lime-60);--ams-badge-lime-color: var(--ams-brand-color-neutral-100);--ams-badge-magenta-background-color: var(--ams-brand-color-magenta-60);--ams-badge-magenta-color: var(--ams-brand-color-neutral-0);--ams-badge-neutral-20-background-color: var(--ams-brand-color-neutral-20);--ams-badge-neutral-20-color: var(--ams-brand-color-neutral-100);--ams-badge-neutral-40-background-color: var(--ams-brand-color-neutral-40);--ams-badge-neutral-40-color: var(--ams-brand-color-neutral-100);--ams-badge-neutral-60-background-color: var(--ams-brand-color-neutral-60);--ams-badge-neutral-60-color: var(--ams-brand-color-neutral-0);--ams-badge-neutral-80-background-color: var(--ams-brand-color-neutral-80);--ams-badge-neutral-80-color: var(--ams-brand-color-neutral-0);--ams-badge-orange-background-color: var(--ams-brand-color-orange-60);--ams-badge-orange-color: var(--ams-brand-color-neutral-100);--ams-badge-purple-background-color: var(--ams-brand-color-purple-60);--ams-badge-purple-color: var(--ams-brand-color-neutral-0);--ams-badge-red-background-color: var(--ams-brand-color-red-60);--ams-badge-red-color: var(--ams-brand-color-neutral-0);--ams-badge-white-background-color: var(--ams-brand-color-neutral-0);--ams-badge-white-color: var(--ams-brand-color-neutral-100);--ams-badge-yellow-background-color: var(--ams-brand-color-yellow-60);--ams-badge-yellow-color: var(--ams-brand-color-neutral-100);--ams-blockquote-color: var(--ams-brand-color-neutral-100);--ams-blockquote-font-family: var(--ams-text-font-family);--ams-blockquote-font-size: var(--ams-text-level-3-font-size);--ams-blockquote-font-weight: var(--ams-text-font-weight-bold);--ams-blockquote-line-height: var(--ams-text-level-3-line-height);--ams-blockquote-inverse-color: var(--ams-brand-color-neutral-0);--ams-breadcrumb-font-family: var(--ams-text-font-family);--ams-breadcrumb-font-size: var(--ams-text-level-6-font-size);--ams-breadcrumb-font-weight: var(--ams-text-font-weight-normal);--ams-breadcrumb-line-height: var(--ams-text-level-6-line-height);--ams-breadcrumb-separator-margin-inline: var(--ams-space-xs);--ams-breadcrumb-link-outline-offset: var(--ams-focus-outline-offset);--ams-breadcrumb-link-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-breadcrumb-link-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-breadcrumb-link-hover-color: var(--ams-brand-color-blue-80);--ams-breadcrumb-link-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-breakout-row-gap-sm: var(--ams-space-grid-sm);--ams-breakout-row-gap-md: var(--ams-space-grid-md);--ams-breakout-row-gap-lg: var(--ams-space-grid-lg);--ams-button-cursor: var(--ams-action-activate-cursor);--ams-button-font-family: var(--ams-text-font-family);--ams-button-font-size: var(--ams-text-level-5-font-size);--ams-button-line-height: var(--ams-text-level-5-line-height);--ams-button-gap: var(--ams-space-sm);--ams-button-outline-offset: var(--ams-focus-outline-offset);--ams-button-padding-block: var(--ams-space-sm);--ams-button-padding-inline: var(--ams-space-md);--ams-button-disabled-cursor: var(--ams-action-disabled-cursor);--ams-button-forced-color-mode-border: var(--ams-border-width-md) solid;--ams-button-primary-background-color: var(--ams-brand-color-blue-60);--ams-button-primary-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-60);--ams-button-primary-color: var(--ams-brand-color-neutral-0);--ams-button-primary-disabled-background-color: var(--ams-brand-color-neutral-60);--ams-button-primary-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-60);--ams-button-primary-hover-background-color: var(--ams-brand-color-blue-80);--ams-button-primary-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-80);--ams-button-secondary-background-color: var(--ams-brand-color-neutral-0);--ams-button-secondary-color: var(--ams-brand-color-blue-60);--ams-button-secondary-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-60);--ams-button-secondary-hover-box-shadow: inset 0 0 0 var(--ams-border-width-lg) var(--ams-brand-color-blue-80);--ams-button-secondary-hover-color: var(--ams-brand-color-blue-80);--ams-button-secondary-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-button-secondary-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-60);--ams-button-secondary-disabled-color: var(--ams-brand-color-neutral-60);--ams-button-secondary-focus-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-60);--ams-button-tertiary-color: var(--ams-brand-color-blue-60);--ams-button-tertiary-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-80);--ams-button-tertiary-hover-color: var(--ams-brand-color-blue-80);--ams-button-tertiary-disabled-color: var(--ams-brand-color-neutral-60);--ams-button-icon-only-padding-block: var(--ams-space-sm);--ams-button-icon-only-padding-inline: var(--ams-space-sm);--ams-card-gap: var(--ams-space-sm);--ams-card-heading-group-gap: var(--ams-space-sm);--ams-card-link-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-card-link-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-card-link-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-card-outline-offset: var(--ams-focus-outline-offset);--ams-character-count-color: var(--ams-brand-color-neutral-100);--ams-character-count-font-family: var(--ams-text-font-family);--ams-character-count-font-size: var(--ams-text-level-6-font-size);--ams-character-count-font-weight: var(--ams-text-font-weight-normal);--ams-character-count-line-height: var(--ams-text-level-6-line-height);--ams-character-count-error-color: var(--ams-brand-color-red-60);--ams-checkbox-color: var(--ams-brand-color-neutral-100);--ams-checkbox-font-family: var(--ams-text-font-family);--ams-checkbox-font-size: var(--ams-text-level-5-font-size);--ams-checkbox-font-weight: var(--ams-text-font-weight-normal);--ams-checkbox-gap: var(--ams-space-sm);--ams-checkbox-line-height: var(--ams-text-level-5-line-height);--ams-checkbox-outline-offset: var(--ams-focus-outline-offset);--ams-checkbox-checkmark-border-color: var(--ams-brand-color-blue-60);--ams-checkbox-checkmark-border-width: var(--ams-border-width-md);--ams-checkbox-checkmark-checked-background-color: var(--ams-brand-color-blue-60);--ams-checkbox-checkmark-checked-hover-background-color: var(--ams-brand-color-blue-80);--ams-checkbox-checkmark-disabled-border-color: var(--ams-brand-color-neutral-60);--ams-checkbox-checkmark-disabled-border-width: var(--ams-border-width-md);--ams-checkbox-checkmark-disabled-checked-background-color: var(--ams-brand-color-neutral-60);--ams-checkbox-checkmark-disabled-checked-hover-background-color: var(--ams-brand-color-neutral-60);--ams-checkbox-checkmark-disabled-indeterminate-background-color: var(--ams-brand-color-neutral-60);--ams-checkbox-checkmark-disabled-indeterminate-hover-background-color: var(--ams-brand-color-neutral-60);--ams-checkbox-checkmark-hover-border-color: var(--ams-brand-color-blue-80);--ams-checkbox-checkmark-hover-border-width: var(--ams-border-width-lg);--ams-checkbox-checkmark-invalid-border-color: var(--ams-brand-color-red-60);--ams-checkbox-checkmark-invalid-checked-background-color: var(--ams-brand-color-red-60);--ams-checkbox-checkmark-invalid-checked-hover-background-color: var(--ams-brand-color-red-80);--ams-checkbox-checkmark-invalid-hover-border-color: var(--ams-brand-color-red-80);--ams-checkbox-checkmark-invalid-indeterminate-background-color: var(--ams-brand-color-red-60);--ams-checkbox-checkmark-invalid-indeterminate-hover-background-color: var(--ams-brand-color-red-80);--ams-checkbox-checkmark-indeterminate-background-color: var(--ams-brand-color-blue-60);--ams-checkbox-checkmark-indeterminate-hover-background-color: var(--ams-brand-color-blue-80);--ams-checkbox-disabled-color: var(--ams-brand-color-neutral-60);--ams-checkbox-hover-color: var(--ams-brand-color-blue-80);--ams-checkbox-hover-text-decoration-thickness: var(--ams-border-width-md);--ams-column-gap-xs: var(--ams-space-xs);--ams-column-gap-sm: var(--ams-space-sm);--ams-column-gap-md: var(--ams-space-md);--ams-column-gap-lg: var(--ams-space-lg);--ams-column-gap-xl: var(--ams-space-xl);--ams-date-input-background-color: var(--ams-brand-color-neutral-0);--ams-date-input-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-date-input-color: var(--ams-brand-color-neutral-100);--ams-date-input-font-family: var(--ams-text-font-family);--ams-date-input-font-size: var(--ams-text-level-5-font-size);--ams-date-input-font-weight: var(--ams-text-font-weight-normal);--ams-date-input-line-height: var(--ams-text-level-5-line-height);--ams-date-input-outline-offset: var(--ams-focus-outline-offset);--ams-date-input-padding-block: var(--ams-space-sm);--ams-date-input-padding-inline: var(--ams-space-md);--ams-date-input-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-date-input-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-date-input-disabled-color: var(--ams-brand-color-neutral-60);--ams-date-input-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-date-input-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-date-input-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-description-list-color: var(--ams-brand-color-neutral-100);--ams-description-list-column-gap: var(--ams-space-lg);--ams-description-list-font-family: var(--ams-text-font-family);--ams-description-list-font-size: var(--ams-text-level-5-font-size);--ams-description-list-inverse-color: var(--ams-brand-color-neutral-0);--ams-description-list-line-height: var(--ams-text-level-5-line-height);--ams-description-list-row-gap: var(--ams-space-sm);--ams-description-list-term-font-weight: var(--ams-text-font-weight-bold);--ams-description-list-description-font-weight: var(--ams-text-font-weight-normal);--ams-description-list-description-padding-inline-start: var(--ams-space-lg);--ams-dialog-background-color: var(--ams-brand-color-neutral-0);--ams-dialog-gap: var(--ams-space-md);--ams-dialog-inline-size: calc(100% - 2 * var(--ams-space-grid-md));--ams-dialog-max-block-size: calc(100dvh - 2 * var(--ams-space-grid-md));--ams-dialog-padding-block: var(--ams-space-grid-md);--ams-dialog-padding-inline: var(--ams-space-grid-lg);--ams-dialog-header-gap: var(--ams-space-md);--ams-error-message-color: var(--ams-brand-color-red-60);--ams-error-message-font-family: var(--ams-text-font-family);--ams-error-message-font-size: var(--ams-text-level-6-font-size);--ams-error-message-font-weight: var(--ams-text-font-weight-normal);--ams-error-message-gap: var(--ams-space-xs);--ams-error-message-line-height: var(--ams-text-level-6-line-height);--ams-field-set-invalid-border-inline-start: var(--ams-border-width-lg) solid var(--ams-brand-color-red-60);--ams-field-set-invalid-padding-inline-start: var(--ams-space-md);--ams-field-set-legend-color: var(--ams-brand-color-neutral-100);--ams-field-set-legend-font-family: var(--ams-text-font-family);--ams-field-set-legend-font-size: var(--ams-text-level-4-font-size);--ams-field-set-legend-font-weight: var(--ams-text-font-weight-bold);--ams-field-set-legend-line-height: var(--ams-text-level-4-line-height);--ams-field-set-legend-margin-block-end: var(--ams-space-md);--ams-field-gap: var(--ams-space-sm);--ams-field-invalid-border-inline-start: var(--ams-border-width-lg) solid var(--ams-brand-color-red-60);--ams-field-invalid-padding-inline-start: var(--ams-space-md);--ams-figure-gap: var(--ams-space-sm);--ams-figure-caption-color: var(--ams-brand-color-neutral-100);--ams-figure-caption-font-family: var(--ams-text-font-family);--ams-figure-caption-font-size: var(--ams-text-level-6-font-size);--ams-figure-caption-font-weight: var(--ams-text-font-weight-normal);--ams-figure-caption-line-height: var(--ams-text-level-6-line-height);--ams-figure-caption-inverse-color: var(--ams-brand-color-neutral-0);--ams-file-input-background-color: var(--ams-brand-color-neutral-0);--ams-file-input-border: var(--ams-border-width-sm) dashed var(--ams-brand-color-neutral-60);--ams-file-input-color: var(--ams-brand-color-neutral-100);--ams-file-input-cursor: var(--ams-action-activate-cursor);--ams-file-input-font-family: var(--ams-text-font-family);--ams-file-input-font-size: var(--ams-text-level-5-font-size);--ams-file-input-font-weight: var(--ams-text-font-weight-normal);--ams-file-input-line-height: var(--ams-text-level-5-line-height);--ams-file-input-outline-offset: var(--ams-focus-outline-offset);--ams-file-input-padding-block: var(--ams-space-md);--ams-file-input-padding-inline: var(--ams-space-md);--ams-file-input-disabled-color: var(--ams-brand-color-neutral-60);--ams-file-input-disabled-cursor: var(--ams-action-disabled-cursor);--ams-file-input-file-selector-button-background-color: var(--ams-brand-color-neutral-0);--ams-file-input-file-selector-button-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-blue-60);--ams-file-input-file-selector-button-color: var(--ams-brand-color-blue-60);--ams-file-input-file-selector-button-cursor: var(--ams-action-activate-cursor);--ams-file-input-file-selector-button-margin-inline-end: var(--ams-space-md);--ams-file-input-file-selector-button-padding-block: var(--ams-space-sm);--ams-file-input-file-selector-button-padding-inline: var(--ams-space-md);--ams-file-input-file-selector-button-hover-box-shadow: inset 0 0 0 var(--ams-border-width-lg) var(--ams-brand-color-blue-80);--ams-file-input-file-selector-button-hover-color: var(--ams-brand-color-blue-80);--ams-file-input-file-selector-button-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-60);--ams-file-input-file-selector-button-disabled-color: var(--ams-brand-color-neutral-60);--ams-file-input-file-selector-button-disabled-cursor: var(--ams-action-disabled-cursor);--ams-file-input-file-selector-button-forced-color-mode-border: var(--ams-border-width-md) solid;--ams-file-list-gap: var(--ams-space-md);--ams-file-list-padding-block: var(--ams-space-md);--ams-file-list-file-font-family: var(--ams-text-font-family);--ams-file-list-file-font-size: var(--ams-text-level-6-font-size);--ams-file-list-file-font-weight: var(--ams-text-font-weight-normal);--ams-file-list-file-gap: var(--ams-space-sm);--ams-file-list-file-line-height: var(--ams-text-level-6-line-height);--ams-file-list-file-details-color: var(--ams-brand-color-neutral-60);--ams-footer-top-background-color: var(--ams-brand-color-blue-60);--ams-form-error-list-outline-offset: var(--ams-focus-outline-offset);--ams-gap-xs: var(--ams-space-grid-xs);--ams-gap-sm: var(--ams-space-grid-sm);--ams-gap-md: var(--ams-space-grid-md);--ams-gap-lg: var(--ams-space-grid-lg);--ams-gap-xl: var(--ams-space-grid-xl);--ams-grid-column-gap: var(--ams-space-grid-md);--ams-grid-padding-block-sm: var(--ams-space-grid-sm);--ams-grid-padding-block-md: var(--ams-space-grid-md);--ams-grid-padding-block-lg: var(--ams-space-grid-lg);--ams-grid-padding-inline: var(--ams-space-grid-lg);--ams-grid-row-gap-sm: var(--ams-space-grid-sm);--ams-grid-row-gap-md: var(--ams-space-grid-md);--ams-grid-row-gap-lg: var(--ams-space-grid-lg);--ams-header-padding-block: var(--ams-space-grid-sm);--ams-header-branding-column-gap: var(--ams-space-md);--ams-header-branding-row-gap: var(--ams-space-grid-xs);--ams-header-logo-link-outline-offset: var(--ams-focus-outline-offset);--ams-header-mega-menu-button-label-open-font-weight: var(--ams-text-font-weight-bold);--ams-header-menu-column-gap: var(--ams-space-lg);--ams-header-menu-row-gap: var(--ams-space-xs);--ams-header-menu-item-column-gap: var(--ams-space-xs);--ams-header-menu-item-font-family: var(--ams-text-font-family);--ams-header-menu-item-font-size: var(--ams-text-level-5-font-size);--ams-header-menu-item-font-weight: var(--ams-text-font-weight-normal);--ams-header-menu-item-line-height: var(--ams-text-level-5-line-height);--ams-header-menu-item-outline-offset: var(--ams-focus-outline-offset);--ams-header-menu-item-padding-block: var(--ams-space-xs);--ams-header-menu-link-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-header-menu-link-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-header-menu-link-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-header-navigation-column-gap: var(--ams-space-lg);--ams-header-navigation-row-gap: var(--ams-space-grid-md);--ams-heading-color: var(--ams-brand-color-neutral-100);--ams-heading-font-family: var(--ams-text-font-family);--ams-heading-font-weight: var(--ams-text-font-weight-bold);--ams-heading-inverse-color: var(--ams-brand-color-neutral-0);--ams-heading-level-1-font-size: var(--ams-text-level-1-font-size);--ams-heading-level-1-line-height: var(--ams-text-level-1-line-height);--ams-heading-level-2-font-size: var(--ams-text-level-2-font-size);--ams-heading-level-2-line-height: var(--ams-text-level-2-line-height);--ams-heading-level-3-font-size: var(--ams-text-level-3-font-size);--ams-heading-level-3-line-height: var(--ams-text-level-3-line-height);--ams-heading-level-4-font-size: var(--ams-text-level-4-font-size);--ams-heading-level-4-line-height: var(--ams-text-level-4-line-height);--ams-heading-level-5-font-size: var(--ams-text-level-5-font-size);--ams-heading-level-5-line-height: var(--ams-text-level-5-line-height);--ams-heading-level-6-font-size: var(--ams-text-level-6-font-size);--ams-heading-level-6-line-height: var(--ams-text-level-6-line-height);--ams-hint-color: var(--ams-brand-color-neutral-60);--ams-icon-button-color: var(--ams-brand-color-blue-60);--ams-icon-button-outline-offset: var(--ams-focus-outline-offset);--ams-icon-button-hover-color: var(--ams-brand-color-blue-80);--ams-icon-button-disabled-color: var(--ams-brand-color-neutral-60);--ams-icon-button-contrast-color-color: var(--ams-brand-color-neutral-100);--ams-icon-button-contrast-color-hover-color: var(--ams-brand-color-neutral-100);--ams-icon-button-contrast-color-disabled-color: var(--ams-brand-color-neutral-60);--ams-icon-button-inverse-color-background-color: var(--ams-brand-color-blue-60);--ams-icon-button-inverse-color-color: var(--ams-brand-color-neutral-0);--ams-icon-button-inverse-color-hover-background-color: var(--ams-brand-color-blue-80);--ams-icon-button-inverse-color-hover-color: var(--ams-brand-color-neutral-0);--ams-icon-button-inverse-color-disabled-color: var(--ams-brand-color-neutral-0);--ams-icon-button-inverse-color-disabled-background-color: var(--ams-brand-color-neutral-60);--ams-icon-inverse-color: var(--ams-brand-color-neutral-0);--ams-icon-size-3-font-size: var(--ams-text-level-3-font-size);--ams-icon-size-3-line-height: var(--ams-text-level-3-line-height);--ams-icon-size-4-font-size: var(--ams-text-level-4-font-size);--ams-icon-size-4-line-height: var(--ams-text-level-4-line-height);--ams-icon-size-5-font-size: var(--ams-text-level-5-font-size);--ams-icon-size-5-line-height: var(--ams-text-level-5-line-height);--ams-icon-size-6-font-size: var(--ams-text-level-6-font-size);--ams-icon-size-6-line-height: var(--ams-text-level-6-line-height);--ams-image-slider-gap: var(--ams-space-xs);--ams-image-slider-scroller-gap: var(--ams-space-xs);--ams-image-slider-scroller-outline-offset: var(--ams-focus-outline-offset);--ams-image-slider-thumbnails-gap: var(--ams-space-xs);--ams-image-slider-thumbnails-thumbnail-cursor: var(--ams-action-activate-cursor);--ams-image-slider-thumbnails-thumbnail-outline-offset: var(--ams-focus-outline-offset);--ams-image-aspect-ratio: var(--ams-aspect-ratio-x-wide);--ams-label-color: var(--ams-brand-color-neutral-100);--ams-label-font-family: var(--ams-text-font-family);--ams-label-font-size: var(--ams-text-level-4-font-size);--ams-label-font-weight: var(--ams-text-font-weight-bold);--ams-label-line-height: var(--ams-text-level-4-line-height);--ams-link-list-gap: var(--ams-space-sm);--ams-link-list-link-font-family: var(--ams-text-font-family);--ams-link-list-link-font-size: var(--ams-text-level-5-font-size);--ams-link-list-link-font-weight: var(--ams-text-font-weight-normal);--ams-link-list-link-gap: var(--ams-space-sm);--ams-link-list-link-line-height: var(--ams-text-level-5-line-height);--ams-link-list-link-outline-offset: var(--ams-focus-outline-offset);--ams-link-list-link-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-link-list-link-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-link-list-link-small-font-size: var(--ams-text-level-6-font-size);--ams-link-list-link-small-line-height: var(--ams-text-level-6-line-height);--ams-link-list-link-large-font-size: var(--ams-text-level-4-font-size);--ams-link-list-link-large-line-height: var(--ams-text-level-4-line-height);--ams-link-list-link-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-link-font-family: var(--ams-text-font-family);--ams-link-font-weight: var(--ams-text-font-weight-normal);--ams-link-outline-offset: var(--ams-focus-outline-offset);--ams-link-inline-text-decoration-line: var(--ams-link-appearance-regular-text-decoration-line);--ams-link-inline-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-link-inline-hover-text-underline-offset: var(--ams-link-appearance-regular-hover-text-underline-offset);--ams-link-inline-visited-color: var(--ams-brand-color-purple-60);--ams-link-standalone-font-size: var(--ams-text-level-5-font-size);--ams-link-standalone-line-height: var(--ams-text-level-5-line-height);--ams-link-standalone-text-decoration-line: var(--ams-link-appearance-regular-text-decoration-line);--ams-link-standalone-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-link-standalone-hover-text-underline-offset: var(--ams-link-appearance-regular-hover-text-underline-offset);--ams-logo-emblem-color: var(--ams-brand-color-red-60);--ams-logo-title-color: var(--ams-brand-color-red-60);--ams-logo-subsite-color: var(--ams-brand-color-neutral-100);--ams-margin-xs: var(--ams-space-grid-xs);--ams-margin-sm: var(--ams-space-grid-sm);--ams-margin-md: var(--ams-space-grid-md);--ams-margin-lg: var(--ams-space-grid-lg);--ams-margin-xl: var(--ams-space-grid-xl);--ams-mark-background-color: var(--ams-brand-color-yellow-60);--ams-mega-menu-list-category-column-gap: var(--ams-space-grid-md);--ams-mega-menu-list-category-padding-block-start: var(--ams-space-md);--ams-mega-menu-list-category-padding-block-end: var(--ams-space-grid-md);--ams-ordered-list-color: var(--ams-brand-color-neutral-100);--ams-ordered-list-font-family: var(--ams-text-font-family);--ams-ordered-list-font-size: var(--ams-text-level-5-font-size);--ams-ordered-list-font-weight: var(--ams-text-font-weight-normal);--ams-ordered-list-gap: var(--ams-space-md);--ams-ordered-list-inverse-color: var(--ams-brand-color-neutral-0);--ams-ordered-list-line-height: var(--ams-text-level-5-line-height);--ams-ordered-list-small-font-size: var(--ams-text-level-6-font-size);--ams-ordered-list-small-line-height: var(--ams-text-level-6-line-height);--ams-ordered-list-ordered-list-gap: var(--ams-space-sm);--ams-ordered-list-ordered-list-padding-block-start: var(--ams-space-sm);--ams-page-heading-color: var(--ams-brand-color-neutral-100);--ams-page-heading-font-family: var(--ams-text-font-family);--ams-page-heading-font-size: var(--ams-text-level-0-font-size);--ams-page-heading-font-weight: var(--ams-text-font-weight-bold);--ams-page-heading-inverse-color: var(--ams-brand-color-neutral-0);--ams-page-heading-line-height: var(--ams-text-level-0-font-size);--ams-page-menu-column-gap: var(--ams-space-grid-md);--ams-page-menu-row-gap: var(--ams-space-grid-xs);--ams-page-menu-item-font-family: var(--ams-text-font-family);--ams-page-menu-item-font-size: var(--ams-text-level-6-font-size);--ams-page-menu-item-font-weight: var(--ams-text-font-weight-normal);--ams-page-menu-item-gap: var(--ams-space-sm);--ams-page-menu-item-line-height: var(--ams-text-level-6-line-height);--ams-page-menu-item-outline-offset: var(--ams-focus-outline-offset);--ams-page-menu-item-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-page-menu-item-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-page-menu-item-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-pagination-font-family: var(--ams-text-font-family);--ams-pagination-font-size: var(--ams-text-level-5-font-size);--ams-pagination-font-weight: var(--ams-text-font-weight-normal);--ams-pagination-line-height: var(--ams-text-level-5-line-height);--ams-pagination-button-gap: var(--ams-space-xs);--ams-pagination-button-outline-offset: var(--ams-focus-outline-offset);--ams-pagination-button-padding-inline: var(--ams-space-sm);--ams-pagination-button-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-pagination-button-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-pagination-button-current-font-weight: var(--ams-text-font-weight-bold);--ams-pagination-button-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-paragraph-color: var(--ams-brand-color-neutral-100);--ams-paragraph-font-family: var(--ams-text-font-family);--ams-paragraph-font-size: var(--ams-text-level-5-font-size);--ams-paragraph-font-weight: var(--ams-text-font-weight-normal);--ams-paragraph-line-height: var(--ams-text-level-5-line-height);--ams-paragraph-inverse-color: var(--ams-brand-color-neutral-0);--ams-paragraph-small-font-size: var(--ams-text-level-6-font-size);--ams-paragraph-small-line-height: var(--ams-text-level-6-line-height);--ams-paragraph-large-font-size: var(--ams-text-level-4-font-size);--ams-paragraph-large-line-height: var(--ams-text-level-4-line-height);--ams-password-input-background-color: var(--ams-brand-color-neutral-0);--ams-password-input-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-password-input-color: var(--ams-brand-color-neutral-100);--ams-password-input-font-family: var(--ams-text-font-family);--ams-password-input-font-size: var(--ams-text-level-5-font-size);--ams-password-input-font-weight: var(--ams-text-font-weight-normal);--ams-password-input-line-height: var(--ams-text-level-5-line-height);--ams-password-input-outline-offset: var(--ams-focus-outline-offset);--ams-password-input-padding-block: var(--ams-space-sm);--ams-password-input-padding-inline: var(--ams-space-md);--ams-password-input-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-password-input-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-password-input-disabled-color: var(--ams-brand-color-neutral-60);--ams-password-input-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-password-input-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-password-input-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-password-input-placeholder-color: var(--ams-brand-color-neutral-60);--ams-radio-color: var(--ams-brand-color-neutral-100);--ams-radio-font-family: var(--ams-text-font-family);--ams-radio-font-size: var(--ams-text-level-5-font-size);--ams-radio-font-weight: var(--ams-text-font-weight-normal);--ams-radio-gap: var(--ams-space-sm);--ams-radio-line-height: var(--ams-text-level-5-line-height);--ams-radio-outline-offset: var(--ams-focus-outline-offset);--ams-radio-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-radio-checked-indicator-fill: var(--ams-brand-color-blue-60);--ams-radio-checked-indicator-disabled-fill: var(--ams-brand-color-neutral-60);--ams-radio-checked-indicator-disabled-invalid-fill: var(--ams-brand-color-neutral-60);--ams-radio-checked-indicator-disabled-invalid-hover-fill: var(--ams-brand-color-neutral-60);--ams-radio-checked-indicator-hover-fill: var(--ams-brand-color-blue-80);--ams-radio-checked-indicator-invalid-fill: var(--ams-brand-color-red-60);--ams-radio-checked-indicator-invalid-hover-fill: var(--ams-brand-color-red-80);--ams-radio-hover-indicator-hover-stroke: var(--ams-brand-color-blue-60);--ams-radio-circle-fill: var(--ams-brand-color-neutral-0);--ams-radio-circle-stroke: var(--ams-brand-color-blue-60);--ams-radio-circle-disabled-stroke: var(--ams-brand-color-neutral-60);--ams-radio-circle-disabled-invalid-stroke: var(--ams-brand-color-neutral-60);--ams-radio-circle-disabled-invalid-hover-stroke: var(--ams-brand-color-neutral-60);--ams-radio-circle-hover-stroke: var(--ams-brand-color-blue-80);--ams-radio-circle-invalid-stroke: var(--ams-brand-color-red-60);--ams-radio-circle-invalid-hover-stroke: var(--ams-brand-color-red-80);--ams-radio-disabled-color: var(--ams-brand-color-neutral-60);--ams-radio-hover-color: var(--ams-brand-color-blue-80);--ams-radio-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-row-gap-xs: var(--ams-space-xs);--ams-row-gap-sm: var(--ams-space-sm);--ams-row-gap-md: var(--ams-space-md);--ams-row-gap-lg: var(--ams-space-lg);--ams-row-gap-xl: var(--ams-space-xl);--ams-screen-background-color: var(--ams-brand-color-neutral-0);--ams-search-field-input-background-color: var(--ams-brand-color-neutral-0);--ams-search-field-input-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-search-field-input-color: var(--ams-brand-color-neutral-100);--ams-search-field-input-font-family: var(--ams-text-font-family);--ams-search-field-input-font-size: var(--ams-text-level-5-font-size);--ams-search-field-input-font-weight: var(--ams-text-font-weight-normal);--ams-search-field-input-line-height: var(--ams-text-level-5-line-height);--ams-search-field-input-outline-offset: var(--ams-focus-outline-offset);--ams-search-field-input-padding-block: var(--ams-space-sm);--ams-search-field-input-padding-inline: var(--ams-space-md);--ams-search-field-input-cancel-button-block-size: var(--ams-text-level-5-font-size);--ams-search-field-input-cancel-button-color: var(--ams-brand-color-blue-60);--ams-search-field-input-cancel-button-inline-size: var(--ams-text-level-5-font-size);--ams-search-field-input-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-search-field-input-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-search-field-input-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-search-field-input-placeholder-color: var(--ams-brand-color-neutral-60);--ams-select-background-color: var(--ams-brand-color-neutral-0);--ams-select-background-position: right var(--ams-space-md) center;--ams-select-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-select-color: var(--ams-brand-color-neutral-100);--ams-select-font-family: var(--ams-text-font-family);--ams-select-font-size: var(--ams-text-level-5-font-size);--ams-select-font-weight: var(--ams-text-font-weight-normal);--ams-select-line-height: var(--ams-text-level-5-line-height);--ams-select-outline-offset: var(--ams-focus-outline-offset);--ams-select-padding-block: var(--ams-space-sm);--ams-select-padding-inline: var(--ams-space-md) calc(2 * var(--ams-space-md) + 1em);--ams-select-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-select-disabled-color: var(--ams-brand-color-neutral-60);--ams-select-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-select-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-select-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-select-option-disabled-color: var(--ams-brand-color-neutral-60);--ams-skip-link-background-color: var(--ams-brand-color-blue-60);--ams-skip-link-color: var(--ams-brand-color-neutral-0);--ams-skip-link-font-family: var(--ams-text-font-family);--ams-skip-link-font-size: var(--ams-text-level-6-font-size);--ams-skip-link-font-weight: var(--ams-text-font-weight-normal);--ams-skip-link-line-height: var(--ams-text-level-6-line-height);--ams-skip-link-outline-offset: var(--ams-focus-outline-offset);--ams-skip-link-padding-block: var(--ams-space-sm);--ams-skip-link-padding-inline: var(--ams-space-md);--ams-skip-link-hover-background-color: var(--ams-brand-color-blue-80);--ams-spotlight-background-color: var(--ams-brand-color-purple-60);--ams-spotlight-azure-background-color: var(--ams-brand-color-azure-60);--ams-spotlight-green-background-color: var(--ams-brand-color-green-60);--ams-spotlight-lime-background-color: var(--ams-brand-color-lime-60);--ams-spotlight-magenta-background-color: var(--ams-brand-color-magenta-60);--ams-spotlight-orange-background-color: var(--ams-brand-color-orange-60);--ams-spotlight-yellow-background-color: var(--ams-brand-color-yellow-60);--ams-switch-background-color: var(--ams-brand-color-neutral-60);--ams-switch-font-family: var(--ams-text-font-family);--ams-switch-outline-offset: var(--ams-focus-outline-offset);--ams-switch-thumb-background-color: var(--ams-brand-color-neutral-0);--ams-switch-thumb-hover-color: var(--ams-brand-color-blue-80);--ams-switch-checked-background-color: var(--ams-brand-color-blue-60);--ams-switch-disabled-background-color: var(--ams-brand-color-neutral-60);--ams-table-of-contents-font-family: var(--ams-text-font-family);--ams-table-of-contents-font-size: var(--ams-text-level-5-font-size);--ams-table-of-contents-font-weight: var(--ams-text-font-weight-normal);--ams-table-of-contents-gap: var(--ams-space-md);--ams-table-of-contents-line-height: var(--ams-text-level-5-line-height);--ams-table-of-contents-link-outline-offset: var(--ams-focus-outline-offset);--ams-table-of-contents-link-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-table-of-contents-link-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-table-of-contents-link-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-table-of-contents-list-gap: var(--ams-space-sm);--ams-table-of-contents-list-list-padding-block-start: var(--ams-space-sm);--ams-table-of-contents-list-list-padding-inline-start: var(--ams-space-lg);--ams-table-of-contents-heading-font-weight: var(--ams-text-font-weight-bold);--ams-table-of-contents-heading-font-size: var(--ams-text-level-4-font-size);--ams-table-of-contents-heading-line-height: var(--ams-text-level-4-line-height);--ams-table-color: var(--ams-brand-color-neutral-100);--ams-table-font-family: var(--ams-text-font-family);--ams-table-font-size: var(--ams-text-level-5-font-size);--ams-table-font-weight: var(--ams-text-font-weight-normal);--ams-table-line-height: var(--ams-text-level-5-line-height);--ams-table-caption-font-weight: var(--ams-text-font-weight-bold);--ams-table-cell-border-block-end: var(--ams-border-width-sm) solid var(--ams-brand-color-neutral-20);--ams-table-cell-padding-block: var(--ams-space-sm);--ams-table-cell-padding-inline: var(--ams-space-md);--ams-table-header-cell-font-weight: var(--ams-text-font-weight-bold);--ams-tabs-gap: var(--ams-space-md);--ams-tabs-list-box-shadow: inset 0 calc(var(--ams-border-width-md) * -1) var(--ams-brand-color-neutral-20);--ams-tabs-button-color: var(--ams-brand-color-blue-60);--ams-tabs-button-cursor: var(--ams-action-activate-cursor);--ams-tabs-button-font-family: var(--ams-text-font-family);--ams-tabs-button-font-size: var(--ams-text-level-5-font-size);--ams-tabs-button-font-weight: var(--ams-text-font-weight-normal);--ams-tabs-button-line-height: var(--ams-text-level-5-line-height);--ams-tabs-button-padding-block: var(--ams-space-sm);--ams-tabs-button-padding-inline: var(--ams-space-md);--ams-tabs-button-hover-color: var(--ams-brand-color-blue-80);--ams-tabs-button-hover-box-shadow: inset 0 calc(var(--ams-border-width-md) * -1) var(--ams-brand-color-blue-80);--ams-tabs-button-selected-box-shadow: inset 0 calc(var(--ams-border-width-xl) * -1) var(--ams-brand-color-blue-60);--ams-tabs-button-selected-color: var(--ams-brand-color-blue-60);--ams-tabs-button-selected-font-weight: var(--ams-text-font-weight-bold);--ams-tabs-button-disabled-color: var(--ams-brand-color-neutral-60);--ams-tabs-button-disabled-cursor: var(--ams-action-disabled-cursor);--ams-text-area-background-color: var(--ams-brand-color-neutral-0);--ams-text-area-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-text-area-color: var(--ams-brand-color-neutral-100);--ams-text-area-font-family: var(--ams-text-font-family);--ams-text-area-font-size: var(--ams-text-level-5-font-size);--ams-text-area-font-weight: var(--ams-text-font-weight-normal);--ams-text-area-line-height: var(--ams-text-level-5-line-height);--ams-text-area-min-block-size: calc(var(--ams-text-level-5-line-height) * 1em + 2 * var(--ams-text-area-padding-block));--ams-text-area-outline-offset: var(--ams-focus-outline-offset);--ams-text-area-padding-block: var(--ams-space-sm);--ams-text-area-padding-inline: var(--ams-space-md);--ams-text-area-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-text-area-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-text-area-disabled-color: var(--ams-brand-color-neutral-60);--ams-text-area-disabled-cursor: var(--ams-action-disabled-cursor);--ams-text-area-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-text-area-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-text-area-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-text-area-placeholder-color: var(--ams-brand-color-neutral-60);--ams-text-input-background-color: var(--ams-brand-color-neutral-0);--ams-text-input-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-text-input-color: var(--ams-brand-color-neutral-100);--ams-text-input-font-family: var(--ams-text-font-family);--ams-text-input-font-size: var(--ams-text-level-5-font-size);--ams-text-input-font-weight: var(--ams-text-font-weight-normal);--ams-text-input-line-height: var(--ams-text-level-5-line-height);--ams-text-input-outline-offset: var(--ams-focus-outline-offset);--ams-text-input-padding-block: var(--ams-space-sm);--ams-text-input-padding-inline: var(--ams-space-md);--ams-text-input-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-text-input-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-text-input-disabled-color: var(--ams-brand-color-neutral-60);--ams-text-input-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-text-input-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-text-input-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-text-input-placeholder-color: var(--ams-brand-color-neutral-60);--ams-time-input-background-color: var(--ams-brand-color-neutral-0);--ams-time-input-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-100);--ams-time-input-color: var(--ams-brand-color-neutral-100);--ams-time-input-font-family: var(--ams-text-font-family);--ams-time-input-font-size: var(--ams-text-level-5-font-size);--ams-time-input-font-weight: var(--ams-text-font-weight-normal);--ams-time-input-line-height: var(--ams-text-level-5-line-height);--ams-time-input-outline-offset: var(--ams-focus-outline-offset);--ams-time-input-padding-block: var(--ams-space-sm);--ams-time-input-padding-inline: var(--ams-space-md);--ams-time-input-disabled-background-color: var(--ams-brand-color-neutral-0);--ams-time-input-disabled-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-neutral-60);--ams-time-input-disabled-color: var(--ams-brand-color-neutral-60);--ams-time-input-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-neutral-100);--ams-time-input-invalid-box-shadow: inset 0 0 0 var(--ams-border-width-sm) var(--ams-brand-color-red-60);--ams-time-input-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-md) var(--ams-brand-color-red-80);--ams-top-task-link-gap: var(--ams-space-sm);--ams-top-task-link-description-color: var(--ams-brand-color-neutral-100);--ams-top-task-link-description-font-family: var(--ams-text-font-family);--ams-top-task-link-description-font-size: var(--ams-text-level-6-font-size);--ams-top-task-link-description-font-weight: var(--ams-text-font-weight-normal);--ams-top-task-link-description-line-height: var(--ams-text-level-6-line-height);--ams-top-task-link-label-font-family: var(--ams-text-font-family);--ams-top-task-link-label-font-size: var(--ams-text-level-4-font-size);--ams-top-task-link-label-font-weight: var(--ams-text-font-weight-bold);--ams-top-task-link-label-line-height: var(--ams-text-level-4-line-height);--ams-top-task-link-label-text-decoration-line: var(--ams-link-appearance-subtle-text-decoration-line);--ams-top-task-link-label-text-underline-offset: var(--ams-link-appearance-text-underline-offset);--ams-top-task-link-label-hover-color: var(--ams-brand-color-blue-80);--ams-top-task-link-label-hover-text-decoration-line: var(--ams-link-appearance-subtle-hover-text-decoration-line);--ams-top-task-link-outline-offset: var(--ams-focus-outline-offset);--ams-unordered-list-color: var(--ams-brand-color-neutral-100);--ams-unordered-list-font-family: var(--ams-text-font-family);--ams-unordered-list-font-size: var(--ams-text-level-5-font-size);--ams-unordered-list-font-weight: var(--ams-text-font-weight-normal);--ams-unordered-list-gap: var(--ams-space-md);--ams-unordered-list-inverse-color: var(--ams-brand-color-neutral-0);--ams-unordered-list-line-height: var(--ams-text-level-5-line-height);--ams-unordered-list-unordered-list-gap: var(--ams-space-sm);--ams-unordered-list-unordered-list-padding-block-start: var(--ams-space-sm);--ams-unordered-list-small-font-size: var(--ams-text-level-6-font-size);--ams-unordered-list-small-line-height: var(--ams-text-level-6-line-height);--ams-breadcrumb-link-color: var(--ams-link-appearance-color);--ams-breadcrumb-link-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-card-link-color: var(--ams-link-appearance-color);--ams-card-link-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-card-link-hover-color: var(--ams-link-appearance-hover-color);--ams-header-padding-inline: var(--ams-grid-padding-inline);--ams-header-menu-item-color: var(--ams-link-appearance-color);--ams-header-menu-item-hover-color: var(--ams-link-appearance-hover-color);--ams-header-menu-link-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-link-list-link-color: var(--ams-link-appearance-color);--ams-link-list-link-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-link-list-link-hover-color: var(--ams-link-appearance-hover-color);--ams-link-list-link-contrast-color-color: var(--ams-link-appearance-contrast-color);--ams-link-list-link-contrast-color-hover-color: var(--ams-link-appearance-contrast-hover-color);--ams-link-list-link-inverse-color-color: var(--ams-link-appearance-inverse-color);--ams-link-list-link-inverse-color-hover-color: var(--ams-link-appearance-inverse-hover-color);--ams-link-color: var(--ams-link-appearance-color);--ams-link-hover-color: var(--ams-link-appearance-hover-color);--ams-link-inline-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-link-inline-hover-text-decoration-thickness: var(--ams-link-appearance-regular-hover-text-decoration-thickness);--ams-link-standalone-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-link-standalone-hover-text-decoration-thickness: var(--ams-link-appearance-regular-hover-text-decoration-thickness);--ams-link-contrast-color-color: var(--ams-link-appearance-contrast-color);--ams-link-contrast-color-hover-color: var(--ams-link-appearance-contrast-hover-color);--ams-link-contrast-color-visited-color: var(--ams-link-appearance-contrast-visited-color);--ams-link-inverse-color-color: var(--ams-link-appearance-inverse-color);--ams-link-inverse-color-hover-color: var(--ams-link-appearance-inverse-hover-color);--ams-link-inverse-color-visited-color: var(--ams-link-appearance-inverse-visited-color);--ams-page-menu-item-color: var(--ams-link-appearance-color);--ams-page-menu-item-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-page-menu-item-hover-color: var(--ams-link-appearance-hover-color);--ams-pagination-color: var(--ams-link-appearance-color);--ams-pagination-button-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-pagination-button-hover-color: var(--ams-link-appearance-hover-color);--ams-radio-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-radio-icon-container-block-size: calc(var(--ams-radio-font-size) * var(--ams-radio-line-height));--ams-switch-thumb-hover-box-shadow: 0 0 0 .125rem var(--ams-switch-thumb-hover-color);--ams-table-of-contents-link-color: var(--ams-link-appearance-color);--ams-table-of-contents-link-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness);--ams-table-of-contents-link-hover-color: var(--ams-link-appearance-hover-color);--ams-top-task-link-label-color: var(--ams-link-appearance-color);--ams-top-task-link-label-text-decoration-thickness: var(--ams-link-appearance-text-decoration-thickness)}:root --ams-radio-hover-indicator-invalid-hover-stroke:{ams.brand.color.red}.ams-theme--compact{--ams-space-xs: .25rem;--ams-space-sm: .5rem;--ams-space-md: 1rem;--ams-space-lg: 1.5rem;--ams-space-xl: 2rem;--ams-space-grid-xs: clamp(.25rem, calc(.390625vw - .015625rem), .625rem);--ams-space-grid-sm: clamp(.5rem, calc(.78125vw - .03125rem) , 1.25rem);--ams-space-grid-md: clamp(1rem, calc(1.5625vw - .0625rem) , 2.5rem);--ams-space-grid-lg: clamp(1.5rem, calc(2.34375vw - .09375rem) , 3.75rem);--ams-space-grid-xl: clamp(2rem, calc(3.125vw - .125rem) , 5rem);--ams-text-level-0-font-size: clamp(1.6105rem, calc(1.5626rem + .2394vw) , 1.802rem);--ams-text-level-1-font-size: clamp(1.4641rem, calc(1.4297rem + .1721vw) , 1.6018rem);--ams-text-level-2-font-size: clamp(1.331rem, calc(1.3078rem + .116vw) , 1.4238rem);--ams-text-level-3-font-size: clamp(1.21rem, calc(1.1961rem + .0695vw) , 1.2656rem);--ams-text-level-4-font-size: clamp(1.1rem, calc(1.0938rem + .0313vw) , 1.125rem);--ams-text-level-5-font-size: 1rem;--ams-text-level-6-font-size: clamp(.8889rem, calc(.9141rem - .0253vw) , .9091rem);--ams-grid-padding-inline: var(--ams-space-grid-md)}/** + * @license SEE LICENSE.md + * Copyright Gemeente Amsterdam + * All rights reserved + */@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:normal;font-weight:300;src:url(./AmsterdamSans-Light-C9JJu_TU.eot?#iefix);src:url(./AmsterdamSans-Light-C9JJu_TU.eot?#iefix) format("eot"),url(./AmsterdamSans-Light-D_AncfMf.woff2) format("woff2"),url(./AmsterdamSans-Light-iEj3CW9t.woff) format("woff")}@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:normal;font-weight:400;src:url(./AmsterdamSans-Regular-BSIiMMb3.eot?#iefix);src:url(./AmsterdamSans-Regular-BSIiMMb3.eot?#iefix) format("eot"),url(./AmsterdamSans-Regular-QnM7etvR.woff2) format("woff2"),url(./AmsterdamSans-Regular-nwmnLZDN.woff) format("woff")}@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:italic;font-weight:400;src:url(./AmsterdamSans-Italic-Djuh9q7q.eot?#iefix);src:url(./AmsterdamSans-Italic-Djuh9q7q.eot?#iefix) format("eot"),url(./AmsterdamSans-Italic-DW94SgHh.woff2) format("woff2"),url(./AmsterdamSans-Italic-D8oH3P5t.woff) format("woff")}@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:normal;font-weight:700;src:url(./AmsterdamSans-Bold-B-eEYlh-.eot?#iefix);src:url(./AmsterdamSans-Bold-B-eEYlh-.eot?#iefix) format("eot"),url(./AmsterdamSans-Bold-rXlH1Jru.woff2) format("woff2"),url(./AmsterdamSans-Bold-CN8ieXn0.woff) format("woff")}@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:italic;font-weight:700;src:url(./AmsterdamSans-BoldItalic-D8IgX2tE.eot?#iefix);src:url(./AmsterdamSans-BoldItalic-D8IgX2tE.eot?#iefix) format("eot"),url(./AmsterdamSans-BoldItalic-DGVdd_B4.woff2) format("woff2"),url(./AmsterdamSans-BoldItalic-Iks2g4JK.woff) format("woff")}@font-face{font-display:swap;font-family:Amsterdam Sans;font-style:normal;font-weight:800;src:url(./AmsterdamSans-ExtraBold-0zPbyHYJ.eot?#iefix);src:url(./AmsterdamSans-ExtraBold-0zPbyHYJ.eot?#iefix) format("eot"),url(./AmsterdamSans-ExtraBold-hk2GetsY.woff2) format("woff2"),url(./AmsterdamSans-ExtraBold-GN1-Za61.woff) format("woff")}.ams-accordion{display:flex;flex-direction:column;gap:var(--ams-accordion-gap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-accordion__header{display:flex;margin-block:0;margin-inline:0}.ams-accordion__button{background-color:#0000;color:var(--ams-accordion-button-color);cursor:pointer;display:flex;font-family:var(--ams-accordion-button-font-family);font-size:var(--ams-accordion-button-font-size);font-weight:var(--ams-accordion-button-font-weight);gap:var(--ams-accordion-button-gap);inline-size:100%;line-height:var(--ams-accordion-button-line-height);padding-block:var(--ams-accordion-button-padding-block);padding-inline:var(--ams-accordion-button-padding-inline);text-align:start;border:0;margin-block:0;margin-inline:0}.ams-accordion__button:focus{outline-offset:var(--ams-accordion-button-focus-outline-offset)}.ams-accordion__button:hover{color:var(--ams-accordion-button-hover-color)}.ams-accordion__icon svg{rotate:0deg;transition:none}[aria-expanded=true] .ams-accordion__icon svg{rotate:-180deg}@media not (prefers-reduced-motion){.ams-accordion__icon svg{transition:rotate .3s ease}}.ams-accordion__button[aria-expanded=true] svg{rotate:-180deg}.ams-accordion__panel{display:none;padding-block:var(--ams-accordion-panel-padding-block);padding-inline:var(--ams-accordion-panel-padding-inline)}.ams-accordion__panel--expanded{display:block}.ams-action-group{align-items:baseline;display:inline-flex;flex-wrap:wrap;gap:var(--ams-action-group-gap)}.ams-action-group>*{flex:auto}.ams-alert{align-items:flex-start;background-color:var(--ams-alert-background-color);border-style:var(--ams-alert-border-style);border-width:var(--ams-alert-border-width);display:flex;flex-direction:row;gap:var(--ams-alert-gap);justify-content:space-between;padding-block:var(--ams-alert-padding-block);padding-inline:var(--ams-alert-padding-inline)}.ams-alert__content{display:flex;flex:auto;flex-direction:column;gap:var(--ams-alert-content-gap)}.ams-alert--error{border-color:var(--ams-alert-error-border-color)}.ams-alert--info{border-color:var(--ams-alert-info-border-color)}.ams-alert--success{border-color:var(--ams-alert-success-border-color)}.ams-alert--warning{border-color:var(--ams-alert-warning-border-color)}.ams-aspect-ratio--x-tall{aspect-ratio:var(--ams-aspect-ratio-x-tall)!important}.ams-aspect-ratio--tall{aspect-ratio:var(--ams-aspect-ratio-tall)!important}.ams-aspect-ratio--square{aspect-ratio:var(--ams-aspect-ratio-square)!important}.ams-aspect-ratio--wide{aspect-ratio:var(--ams-aspect-ratio-wide)!important}.ams-aspect-ratio--x-wide{aspect-ratio:var(--ams-aspect-ratio-x-wide)!important}.ams-aspect-ratio--2x-wide{aspect-ratio:var(--ams-aspect-ratio-2x-wide)!important}.ams-avatar{aspect-ratio:var(--ams-avatar-aspect-ratio);border-radius:50%;display:inline-flex;font-family:var(--ams-avatar-font-family);font-size:var(--ams-avatar-font-size);inline-size:calc(var(--ams-avatar-line-height)*var(--ams-avatar-font-size));line-height:var(--ams-avatar-line-height);padding-block:var(--ams-avatar-padding-block);padding-inline:var(--ams-avatar-padding-inline);place-content:center}.ams-avatar svg{fill:currentColor}@media (forced-colors: active){.ams-avatar:not(.ams-avatar--has-image){border-style:solid;border-width:var(--ams-avatar-forced-colors-border-width);padding-block:calc(var(--ams-avatar-padding-block) - var(--ams-avatar-forced-colors-border-width));padding-inline:calc(var(--ams-avatar-padding-inline) - var(--ams-avatar-forced-colors-border-width))}}.ams-avatar--has-image{inline-size:calc(var(--ams-avatar-line-height)*var(--ams-avatar-font-size) + 2*var(--ams-avatar-padding-inline));overflow:hidden;padding-block:0;padding-inline:0;vertical-align:middle}.ams-avatar--azure{background-color:var(--ams-avatar-azure-background-color);color:var(--ams-avatar-azure-color)}.ams-avatar--black{background-color:var(--ams-avatar-black-background-color);color:var(--ams-avatar-black-color)}.ams-avatar--blue{background-color:var(--ams-avatar-blue-background-color);color:var(--ams-avatar-blue-color)}.ams-avatar--green{background-color:var(--ams-avatar-green-background-color);color:var(--ams-avatar-green-color)}.ams-avatar--lime{background-color:var(--ams-avatar-lime-background-color);color:var(--ams-avatar-lime-color)}.ams-avatar--magenta{background-color:var(--ams-avatar-magenta-background-color);color:var(--ams-avatar-magenta-color)}.ams-avatar--neutral-20{background-color:var(--ams-avatar-neutral-20-background-color);color:var(--ams-avatar-neutral-20-color)}.ams-avatar--neutral-40{background-color:var(--ams-avatar-neutral-40-background-color);color:var(--ams-avatar-neutral-40-color)}.ams-avatar--neutral-60{background-color:var(--ams-avatar-neutral-60-background-color);color:var(--ams-avatar-neutral-60-color)}.ams-avatar--neutral-80{background-color:var(--ams-avatar-neutral-80-background-color);color:var(--ams-avatar-neutral-80-color)}.ams-avatar--orange{background-color:var(--ams-avatar-orange-background-color);color:var(--ams-avatar-orange-color)}.ams-avatar--purple{background-color:var(--ams-avatar-purple-background-color);color:var(--ams-avatar-purple-color)}.ams-avatar--red{background-color:var(--ams-avatar-red-background-color);color:var(--ams-avatar-red-color)}.ams-avatar--white{background-color:var(--ams-avatar-white-background-color);color:var(--ams-avatar-white-color)}.ams-avatar--yellow{background-color:var(--ams-avatar-yellow-background-color);color:var(--ams-avatar-yellow-color)}.ams-badge{display:inline-block;font-family:var(--ams-badge-font-family);font-size:var(--ams-badge-font-size);font-weight:var(--ams-badge-font-weight);line-height:var(--ams-badge-line-height);padding-inline:var(--ams-badge-padding-inline)}.ams-badge--azure{background-color:var(--ams-badge-azure-background-color);color:var(--ams-badge-azure-color)}.ams-badge--black{background-color:var(--ams-badge-black-background-color);color:var(--ams-badge-black-color)}.ams-badge--blue{background-color:var(--ams-badge-blue-background-color);color:var(--ams-badge-blue-color)}.ams-badge--green{background-color:var(--ams-badge-green-background-color);color:var(--ams-badge-green-color)}.ams-badge--lime{background-color:var(--ams-badge-lime-background-color);color:var(--ams-badge-lime-color)}.ams-badge--magenta{background-color:var(--ams-badge-magenta-background-color);color:var(--ams-badge-magenta-color)}.ams-badge--neutral-20{background-color:var(--ams-badge-neutral-20-background-color);color:var(--ams-badge-neutral-20-color)}.ams-badge--neutral-40{background-color:var(--ams-badge-neutral-40-background-color);color:var(--ams-badge-neutral-40-color)}.ams-badge--neutral-60{background-color:var(--ams-badge-neutral-60-background-color);color:var(--ams-badge-neutral-60-color)}.ams-badge--neutral-80{background-color:var(--ams-badge-neutral-80-background-color);color:var(--ams-badge-neutral-80-color)}.ams-badge--orange{background-color:var(--ams-badge-orange-background-color);color:var(--ams-badge-orange-color)}.ams-badge--purple{background-color:var(--ams-badge-purple-background-color);color:var(--ams-badge-purple-color)}.ams-badge--red{background-color:var(--ams-badge-red-background-color);color:var(--ams-badge-red-color)}.ams-badge--white{background-color:var(--ams-badge-white-background-color);color:var(--ams-badge-white-color)}.ams-badge--yellow{background-color:var(--ams-badge-yellow-background-color);color:var(--ams-badge-yellow-color)}.ams-blockquote{box-sizing:border-box;break-inside:avoid;color:var(--ams-blockquote-color);font-family:var(--ams-blockquote-font-family);font-size:var(--ams-blockquote-font-size);font-weight:var(--ams-blockquote-font-weight);line-height:var(--ams-blockquote-line-height);quotes:"“" "”";hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0;margin-inline:0}.ams-blockquote:before{content:open-quote}.ams-blockquote:after{content:close-quote}.ams-blockquote--inverse-color{color:var(--ams-blockquote-inverse-color)}.ams-breadcrumb{font-family:var(--ams-breadcrumb-font-family);font-size:var(--ams-breadcrumb-font-size);font-weight:var(--ams-breadcrumb-font-weight);line-height:var(--ams-breadcrumb-line-height)}.ams-breadcrumb__list{box-sizing:border-box;break-after:avoid;break-inside:avoid;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0;padding-inline:0}.ams-breadcrumb__item{display:inline}.ams-breadcrumb__item:not(:last-child):after{background-image:var(--ams-breadcrumb-separator-background-image);background-repeat:no-repeat;block-size:var(--ams-breadcrumb-separator-block-size);content:"";display:inline-block;inline-size:var(--ams-breadcrumb-separator-inline-size);margin-inline:var(--ams-breadcrumb-separator-margin-inline)}.ams-breadcrumb__link{color:var(--ams-breadcrumb-link-color);outline-offset:var(--ams-breadcrumb-link-outline-offset);text-decoration-line:var(--ams-breadcrumb-link-text-decoration-line);text-decoration-thickness:var(--ams-breadcrumb-link-text-decoration-thickness);text-underline-offset:var(--ams-breadcrumb-link-text-underline-offset)}.ams-breadcrumb__link:hover{color:var(--ams-breadcrumb-link-hover-color);text-decoration-line:var(--ams-breadcrumb-link-hover-text-decoration-line)}.ams-grid{column-gap:var(--ams-grid-column-gap);display:grid;grid-template-columns:repeat(var(--ams-grid-column-count),1fr);padding-inline:var(--ams-grid-padding-inline);row-gap:var(--ams-grid-row-gap-md)}@media screen and (min-width: 36rem){.ams-grid{grid-template-columns:repeat(var(--ams-grid-medium-column-count),1fr)}}@media screen and (min-width: 68rem){.ams-grid{grid-template-columns:repeat(var(--ams-grid-wide-column-count),1fr)}}.ams-grid--gap-vertical--none{row-gap:initial}.ams-grid--gap-vertical--small{row-gap:var(--ams-grid-row-gap-sm)}.ams-grid--gap-vertical--large{row-gap:var(--ams-grid-row-gap-lg)}.ams-grid--padding-bottom--small{padding-block-end:var(--ams-grid-padding-block-sm)}.ams-grid--padding-bottom--medium{padding-block-end:var(--ams-grid-padding-block-md)}.ams-grid--padding-bottom--large{padding-block-end:var(--ams-grid-padding-block-lg)}.ams-grid--padding-top--small{padding-block-start:var(--ams-grid-padding-block-sm)}.ams-grid--padding-top--medium{padding-block-start:var(--ams-grid-padding-block-md)}.ams-grid--padding-top--large{padding-block-start:var(--ams-grid-padding-block-lg)}.ams-grid--padding-vertical--small{padding-block:var(--ams-grid-padding-block-sm)}.ams-grid--padding-vertical--medium{padding-block:var(--ams-grid-padding-block-md)}.ams-grid--padding-vertical--large{padding-block:var(--ams-grid-padding-block-lg)}.ams-grid__cell--span-all{grid-column:1/-1}.ams-grid__cell--span-1{grid-column-end:span 1}.ams-grid__cell--start-1{grid-column-start:1}.ams-grid__cell--span-2{grid-column-end:span 2}.ams-grid__cell--start-2{grid-column-start:2}.ams-grid__cell--span-3{grid-column-end:span 3}.ams-grid__cell--start-3{grid-column-start:3}.ams-grid__cell--span-4{grid-column-end:span 4}.ams-grid__cell--start-4{grid-column-start:4}.ams-grid__cell--span-5{grid-column-end:span 5}.ams-grid__cell--start-5{grid-column-start:5}.ams-grid__cell--span-6{grid-column-end:span 6}.ams-grid__cell--start-6{grid-column-start:6}.ams-grid__cell--span-7{grid-column-end:span 7}.ams-grid__cell--start-7{grid-column-start:7}.ams-grid__cell--span-8{grid-column-end:span 8}.ams-grid__cell--start-8{grid-column-start:8}.ams-grid__cell--span-9{grid-column-end:span 9}.ams-grid__cell--start-9{grid-column-start:9}.ams-grid__cell--span-10{grid-column-end:span 10}.ams-grid__cell--start-10{grid-column-start:10}.ams-grid__cell--span-11{grid-column-end:span 11}.ams-grid__cell--start-11{grid-column-start:11}.ams-grid__cell--span-12{grid-column-end:span 12}.ams-grid__cell--start-12{grid-column-start:12}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-1-medium{grid-column-end:span 1}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-1-medium{grid-column-start:1}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-2-medium{grid-column-end:span 2}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-2-medium{grid-column-start:2}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-3-medium{grid-column-end:span 3}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-3-medium{grid-column-start:3}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-4-medium{grid-column-end:span 4}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-4-medium{grid-column-start:4}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-5-medium{grid-column-end:span 5}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-5-medium{grid-column-start:5}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-6-medium{grid-column-end:span 6}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-6-medium{grid-column-start:6}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-7-medium{grid-column-end:span 7}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-7-medium{grid-column-start:7}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-8-medium{grid-column-end:span 8}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-8-medium{grid-column-start:8}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-9-medium{grid-column-end:span 9}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-9-medium{grid-column-start:9}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-10-medium{grid-column-end:span 10}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-10-medium{grid-column-start:10}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-11-medium{grid-column-end:span 11}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-11-medium{grid-column-start:11}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--span-12-medium{grid-column-end:span 12}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-grid__cell--start-12-medium{grid-column-start:12}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-1-wide{grid-column-end:span 1}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-1-wide{grid-column-start:1}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-2-wide{grid-column-end:span 2}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-2-wide{grid-column-start:2}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-3-wide{grid-column-end:span 3}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-3-wide{grid-column-start:3}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-4-wide{grid-column-end:span 4}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-4-wide{grid-column-start:4}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-5-wide{grid-column-end:span 5}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-5-wide{grid-column-start:5}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-6-wide{grid-column-end:span 6}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-6-wide{grid-column-start:6}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-7-wide{grid-column-end:span 7}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-7-wide{grid-column-start:7}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-8-wide{grid-column-end:span 8}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-8-wide{grid-column-start:8}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-9-wide{grid-column-end:span 9}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-9-wide{grid-column-start:9}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-10-wide{grid-column-end:span 10}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-10-wide{grid-column-start:10}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-11-wide{grid-column-end:span 11}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-11-wide{grid-column-start:11}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--span-12-wide{grid-column-end:span 12}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-grid__cell--start-12-wide{grid-column-start:12}}.ams-breakout{column-gap:var(--ams-grid-column-gap);display:grid;grid-template-columns:repeat(var(--ams-grid-column-count),1fr);padding-inline:var(--ams-grid-padding-inline);row-gap:var(--ams-grid-row-gap-md)}@media screen and (min-width: 36rem){.ams-breakout{grid-template-columns:repeat(var(--ams-grid-medium-column-count),1fr)}}@media screen and (min-width: 68rem){.ams-breakout{grid-template-columns:repeat(var(--ams-grid-wide-column-count),1fr)}}.ams-breakout--gap-vertical--none{row-gap:initial}.ams-breakout--gap-vertical--small{row-gap:var(--ams-grid-row-gap-sm)}.ams-breakout--gap-vertical--large{row-gap:var(--ams-grid-row-gap-lg)}.ams-breakout--padding-bottom--small{padding-block-end:var(--ams-grid-padding-block-sm)}.ams-breakout--padding-bottom--medium{padding-block-end:var(--ams-grid-padding-block-md)}.ams-breakout--padding-bottom--large{padding-block-end:var(--ams-grid-padding-block-lg)}.ams-breakout--padding-top--small{padding-block-start:var(--ams-grid-padding-block-sm)}.ams-breakout--padding-top--medium{padding-block-start:var(--ams-grid-padding-block-md)}.ams-breakout--padding-top--large{padding-block-start:var(--ams-grid-padding-block-lg)}.ams-breakout--padding-vertical--small{padding-block:var(--ams-grid-padding-block-sm)}.ams-breakout--padding-vertical--medium{padding-block:var(--ams-grid-padding-block-md)}.ams-breakout--padding-vertical--large{padding-block:var(--ams-grid-padding-block-lg)}.ams-breakout__cell--col-span-all{grid-column:1/-1}.ams-breakout__cell--col-span-1{grid-column-end:span 1}.ams-breakout__cell--col-start-1{grid-column-start:1}.ams-breakout__cell--col-span-2{grid-column-end:span 2}.ams-breakout__cell--col-start-2{grid-column-start:2}.ams-breakout__cell--col-span-3{grid-column-end:span 3}.ams-breakout__cell--col-start-3{grid-column-start:3}.ams-breakout__cell--col-span-4{grid-column-end:span 4}.ams-breakout__cell--col-start-4{grid-column-start:4}.ams-breakout__cell--col-span-5{grid-column-end:span 5}.ams-breakout__cell--col-start-5{grid-column-start:5}.ams-breakout__cell--col-span-6{grid-column-end:span 6}.ams-breakout__cell--col-start-6{grid-column-start:6}.ams-breakout__cell--col-span-7{grid-column-end:span 7}.ams-breakout__cell--col-start-7{grid-column-start:7}.ams-breakout__cell--col-span-8{grid-column-end:span 8}.ams-breakout__cell--col-start-8{grid-column-start:8}.ams-breakout__cell--col-span-9{grid-column-end:span 9}.ams-breakout__cell--col-start-9{grid-column-start:9}.ams-breakout__cell--col-span-10{grid-column-end:span 10}.ams-breakout__cell--col-start-10{grid-column-start:10}.ams-breakout__cell--col-span-11{grid-column-end:span 11}.ams-breakout__cell--col-start-11{grid-column-start:11}.ams-breakout__cell--col-span-12{grid-column-end:span 12}.ams-breakout__cell--col-start-12{grid-column-start:12}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-1-medium{grid-column-end:span 1}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-1-medium{grid-column-start:1}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-2-medium{grid-column-end:span 2}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-2-medium{grid-column-start:2}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-3-medium{grid-column-end:span 3}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-3-medium{grid-column-start:3}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-4-medium{grid-column-end:span 4}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-4-medium{grid-column-start:4}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-5-medium{grid-column-end:span 5}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-5-medium{grid-column-start:5}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-6-medium{grid-column-end:span 6}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-6-medium{grid-column-start:6}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-7-medium{grid-column-end:span 7}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-7-medium{grid-column-start:7}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-8-medium{grid-column-end:span 8}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-8-medium{grid-column-start:8}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-9-medium{grid-column-end:span 9}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-9-medium{grid-column-start:9}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-10-medium{grid-column-end:span 10}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-10-medium{grid-column-start:10}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-11-medium{grid-column-end:span 11}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-11-medium{grid-column-start:11}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-span-12-medium{grid-column-end:span 12}}@media screen and (min-width: 36rem)and (min-width: 36rem){.ams-breakout__cell--col-start-12-medium{grid-column-start:12}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-1-wide{grid-column-end:span 1}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-1-wide{grid-column-start:1}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-2-wide{grid-column-end:span 2}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-2-wide{grid-column-start:2}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-3-wide{grid-column-end:span 3}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-3-wide{grid-column-start:3}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-4-wide{grid-column-end:span 4}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-4-wide{grid-column-start:4}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-5-wide{grid-column-end:span 5}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-5-wide{grid-column-start:5}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-6-wide{grid-column-end:span 6}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-6-wide{grid-column-start:6}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-7-wide{grid-column-end:span 7}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-7-wide{grid-column-start:7}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-8-wide{grid-column-end:span 8}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-8-wide{grid-column-start:8}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-9-wide{grid-column-end:span 9}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-9-wide{grid-column-start:9}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-10-wide{grid-column-end:span 10}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-10-wide{grid-column-start:10}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-11-wide{grid-column-end:span 11}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-11-wide{grid-column-start:11}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-span-12-wide{grid-column-end:span 12}}@media screen and (min-width: 68rem)and (min-width: 68rem){.ams-breakout__cell--col-start-12-wide{grid-column-start:12}}.ams-breakout__cell--has-figure{align-self:end}.ams-breakout__cell--has-spotlight{display:grid;margin-block:calc(var(--ams-space-grid-md)*-1);margin-inline:calc(var(--ams-space-grid-lg)*-1)}.ams-breakout--gap-vertical--small>.ams-breakout__cell--has-spotlight{margin-block:calc(var(--ams-space-grid-sm)*-1)}.ams-breakout--gap-vertical--large>.ams-breakout__cell--has-spotlight{margin-block:calc(var(--ams-space-grid-lg)*-1)}.ams-breakout__cell--row-span-1{grid-row-end:span 1}.ams-breakout__cell--row-start-1{grid-row-start:1}.ams-breakout__cell--row-span-2{grid-row-end:span 2}.ams-breakout__cell--row-start-2{grid-row-start:2}.ams-breakout__cell--row-span-3{grid-row-end:span 3}.ams-breakout__cell--row-start-3{grid-row-start:3}.ams-breakout__cell--row-span-4{grid-row-end:span 4}.ams-breakout__cell--row-start-4{grid-row-start:4}@media screen and (min-width: 36rem){.ams-breakout__cell--row-span-1-medium{grid-row-end:span 1}.ams-breakout__cell--row-start-1-medium{grid-row-start:1}.ams-breakout__cell--row-span-2-medium{grid-row-end:span 2}.ams-breakout__cell--row-start-2-medium{grid-row-start:2}.ams-breakout__cell--row-span-3-medium{grid-row-end:span 3}.ams-breakout__cell--row-start-3-medium{grid-row-start:3}.ams-breakout__cell--row-span-4-medium{grid-row-end:span 4}.ams-breakout__cell--row-start-4-medium{grid-row-start:4}}@media screen and (min-width: 68rem){.ams-breakout__cell--row-span-1-wide{grid-row-end:span 1}.ams-breakout__cell--row-start-1-wide{grid-row-start:1}.ams-breakout__cell--row-span-2-wide{grid-row-end:span 2}.ams-breakout__cell--row-start-2-wide{grid-row-start:2}.ams-breakout__cell--row-span-3-wide{grid-row-end:span 3}.ams-breakout__cell--row-start-3-wide{grid-row-start:3}.ams-breakout__cell--row-span-4-wide{grid-row-end:span 4}.ams-breakout__cell--row-start-4-wide{grid-row-start:4}}.ams-button{cursor:var(--ams-button-cursor);display:inline-flex;font-family:var(--ams-button-font-family);font-size:var(--ams-button-font-size);gap:var(--ams-button-gap);justify-content:center;line-height:var(--ams-button-line-height);outline-offset:var(--ams-button-outline-offset);padding-block:var(--ams-button-padding-block);padding-inline:var(--ams-button-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;border:0;margin-block:0;margin-inline:0}.ams-button:disabled,.ams-button[aria-disabled=true]{cursor:var(--ams-button-disabled-cursor)}.ams-button--primary{background-color:var(--ams-button-primary-background-color);box-shadow:var(--ams-button-primary-box-shadow);color:var(--ams-button-primary-color)}@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.ams-button--primary{border:var(--ams-button-forced-color-mode-border)}}.ams-button--primary:disabled,.ams-button--primary [aria-disabled=true]{background-color:var(--ams-button-primary-disabled-background-color);box-shadow:var(--ams-button-primary-disabled-box-shadow)}.ams-button--primary:hover:not(:disabled,[aria-disabled=true]){background-color:var(--ams-button-primary-hover-background-color);box-shadow:var(--ams-button-primary-hover-box-shadow)}.ams-button--secondary{background-color:var(--ams-button-secondary-background-color);box-shadow:var(--ams-button-secondary-box-shadow);color:var(--ams-button-secondary-color)}@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.ams-button--secondary{border:var(--ams-button-forced-color-mode-border)}}.ams-button--secondary:disabled,.ams-button--secondary [aria-disabled=true]{background-color:var(--ams-button-secondary-disabled-background-color);box-shadow:var(--ams-button-secondary-disabled-box-shadow);color:var(--ams-button-secondary-disabled-color)}.ams-button--secondary:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--ams-button-secondary-hover-box-shadow);color:var(--ams-button-secondary-hover-color)}.ams-button--tertiary{background-color:var(--ams-button-tertiary-background-color);color:var(--ams-button-tertiary-color)}.ams-button--tertiary:disabled,.ams-button--tertiary [aria-disabled=true]{background-color:var(--ams-button-tertiary-disabled-background-color);color:var(--ams-button-tertiary-disabled-color)}.ams-button--tertiary:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--ams-button-tertiary-hover-box-shadow);color:var(--ams-button-tertiary-hover-color)}.ams-button--icon-only{padding-block:var(--ams-button-icon-only-padding-block);padding-inline:var(--ams-button-icon-only-padding-inline)}.ams-card{display:grid;gap:var(--ams-card-gap);outline-offset:var(--ams-card-outline-offset);position:relative;touch-action:manipulation}.ams-card:has(:focus-visible){outline-color:-webkit-focus-ring-color;outline-style:auto;outline-width:.0625rem}.ams-card:has(:focus-visible) a:focus{outline:none}.ams-card a:after{content:"";display:block;inset-block:0;inset-inline:0;position:absolute}.ams-card__heading-group{display:flex;flex-direction:column-reverse;gap:var(--ams-card-heading-group-gap)}.ams-card__link{color:var(--ams-card-link-color);text-decoration-line:var(--ams-card-link-text-decoration-line);text-decoration-thickness:var(--ams-card-link-text-decoration-thickness);text-underline-offset:var(--ams-card-link-text-underline-offset)}.ams-card__link:hover{color:var(--ams-card-link-hover-color);text-decoration-line:var(--ams-card-link-hover-text-decoration-line)}.ams-character-count{color:var(--ams-character-count-color);font-family:var(--ams-character-count-font-family);font-size:var(--ams-character-count-font-size);font-weight:var(--ams-character-count-font-weight);line-height:var(--ams-character-count-line-height);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-character-count--error{color:var(--ams-character-count-error-color)}.ams-checkbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-checkbox__input:focus+label{outline:auto}.ams-checkbox__input:focus:not(:focus-visible)+label{outline:0}.ams-checkbox__checkmark{align-items:center;block-size:calc(var(--ams-checkbox-font-size)*var(--ams-checkbox-line-height));display:flex;flex-shrink:0;inline-size:1.5rem}.ams-checkbox__checkmark:after{background-position:center;background-repeat:no-repeat;background-size:1rem;block-size:1.5rem;border-color:var(--ams-checkbox-checkmark-border-color);border-style:solid;border-width:var(--ams-checkbox-checkmark-border-width);box-sizing:border-box;content:"";inline-size:100%}.ams-checkbox__label{color:var(--ams-checkbox-color);cursor:pointer;display:inline-flex;font-family:var(--ams-checkbox-font-family);font-size:var(--ams-checkbox-font-size);font-weight:var(--ams-checkbox-font-weight);gap:var(--ams-checkbox-gap);line-height:var(--ams-checkbox-line-height);outline-offset:var(--ams-checkbox-outline-offset);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-checkbox__label:hover{color:var(--ams-checkbox-hover-color);text-decoration-line:underline;text-decoration-thickness:var(--ams-checkbox-hover-text-decoration-thickness);text-underline-offset:.375rem}.ams-checkbox__label:hover .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-hover-border-color);border-width:var(--ams-checkbox-checkmark-hover-border-width)}.ams-checkbox__input:checked+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-checked-background-color);background-image:var(--ams-checkbox-checkmark-checked-background-image);border:0}.ams-checkbox__input:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-indeterminate-background-color);background-image:var(--ams-checkbox-checkmark-indeterminate-background-image);background-position:center;background-repeat:no-repeat;background-size:1rem;border:0}.ams-checkbox__input:invalid+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]+.ams-checkbox__label .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-invalid-border-color)}.ams-checkbox__input:disabled+.ams-checkbox__label{color:var(--ams-checkbox-disabled-color);cursor:not-allowed}.ams-checkbox__input:disabled+.ams-checkbox__label .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-disabled-border-color);border-width:var(--ams-checkbox-checkmark-disabled-border-width)}.ams-checkbox__input:invalid:checked+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]:checked+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-invalid-checked-background-color)}.ams-checkbox__input:invalid:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-invalid-indeterminate-background-color)}.ams-checkbox__input:disabled+.ams-checkbox__label:hover{text-decoration:none}.ams-checkbox__input:disabled:checked+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-disabled-checked-background-color)}.ams-checkbox__input:disabled:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-disabled-indeterminate-background-color)}.ams-checkbox__input:invalid:disabled+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]:disabled+.ams-checkbox__label .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-disabled-border-color)}:is(.ams-checkbox__input:invalid,.ams-checkbox__input[aria-invalid=true])+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-invalid-hover-border-color)}.ams-checkbox__input:checked+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-checked-hover-background-color)}.ams-checkbox__input:indeterminate+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-indeterminate-hover-background-color)}:is(.ams-checkbox__input:invalid:checked,.ams-checkbox__input[aria-invalid=true]:checked)+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-invalid-checked-hover-background-color)}:is(.ams-checkbox__input:invalid:indeterminate,.ams-checkbox__input[aria-invalid=true]:indeterminate)+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-invalid-indeterminate-hover-background-color)}.ams-checkbox__input:disabled:checked+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-disabled-checked-hover-background-color)}.ams-checkbox__input:disabled:indeterminate+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-disabled-indeterminate-hover-background-color)}:is(.ams-checkbox__input:invalid:disabled,.ams-checkbox__input[aria-invalid=true]:disabled)+.ams-checkbox__label:hover .ams-checkbox__checkmark:after{border-color:var(--ams-checkbox-checkmark-disabled-border-color)}.ams-checkbox__input:invalid:disabled:checked+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input:invalid:disabled:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]:disabled:checked+.ams-checkbox__label .ams-checkbox__checkmark:after,.ams-checkbox__input[aria-invalid=true]:disabled:indeterminate+.ams-checkbox__label .ams-checkbox__checkmark:after{background-color:var(--ams-checkbox-checkmark-disabled-checked-background-color)}.ams-column{display:flex;flex-direction:column;gap:var(--ams-column-gap-md)}.ams-column--gap-none{gap:var(--ams-column-gap-no)}.ams-column--gap-extra-small{gap:var(--ams-column-gap-xs)}.ams-column--gap-small{gap:var(--ams-column-gap-sm)}.ams-column--gap-large{gap:var(--ams-column-gap-lg)}.ams-column--gap-extra-large{gap:var(--ams-column-gap-xl)}.ams-column--align-around{justify-content:space-around}.ams-column--align-between{justify-content:space-between}.ams-column--align-center{justify-content:center}.ams-column--align-end{justify-content:flex-end}.ams-column--align-evenly{justify-content:space-evenly}.ams-column--align-horizontal-center{align-items:center}.ams-column--align-horizontal-end{align-items:flex-end}.ams-column--align-horizontal-start{align-items:flex-start}.ams-date-input{background-color:var(--ams-date-input-background-color);box-shadow:var(--ams-date-input-box-shadow);box-sizing:border-box;color:var(--ams-date-input-color);font-family:var(--ams-date-input-font-family);font-size:var(--ams-date-input-font-size);font-weight:var(--ams-date-input-font-weight);line-height:var(--ams-date-input-line-height);min-block-size:calc(var(--ams-date-input-font-size)*var(--ams-date-input-line-height) + 2*var(--ams-date-input-padding-block));min-inline-size:calc(8ch + 2*var(--ams-date-input-padding-inline));outline-offset:var(--ams-date-input-outline-offset);padding-block:var(--ams-date-input-padding-block);padding-inline:var(--ams-date-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-date-input:hover{box-shadow:var(--ams-date-input-hover-box-shadow)}.ams-date-input::-webkit-calendar-picker-indicator{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--ams-date-input-calender-picker-indicator-background-image);cursor:pointer}.ams-date-input:hover::-webkit-calendar-picker-indicator{background-image:var(--ams-date-input-hover-calender-picker-indicator-background-image)}.ams-date-input:disabled{background-color:var(--ams-date-input-disabled-background-color);box-shadow:var(--ams-date-input-disabled-box-shadow);color:var(--ams-date-input-disabled-color);cursor:not-allowed}.ams-date-input:disabled::-webkit-calendar-picker-indicator{background-image:var(--ams-date-input-disabled-calender-picker-indicator-background-image);visibility:visible}.ams-date-input:invalid,.ams-date-input[aria-invalid=true]{box-shadow:var(--ams-date-input-invalid-box-shadow)}.ams-date-input:invalid:hover,.ams-date-input[aria-invalid=true]:hover{box-shadow:var(--ams-date-input-invalid-hover-box-shadow)}.ams-description-list{box-sizing:border-box;color:var(--ams-description-list-color);column-gap:var(--ams-description-list-column-gap);display:grid;font-family:var(--ams-description-list-font-family);font-size:var(--ams-description-list-font-size);line-height:var(--ams-description-list-line-height);row-gap:var(--ams-description-list-row-gap);margin-block:0;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}@media screen and (min-width: 36rem){.ams-description-list,.ams-description-list__section{grid-template-columns:auto 1fr}.ams-description-list--terms-width-sm,.ams-description-list--terms-width-sm .ams-description-list__section{grid-template-columns:1fr 4fr}.ams-description-list--terms-width-md,.ams-description-list--terms-width-md .ams-description-list__section{grid-template-columns:1fr 2fr}.ams-description-list--terms-width-lg,.ams-description-list--terms-width-lg .ams-description-list__section{grid-template-columns:1fr 1fr}}.ams-description-list--inverse-color{color:var(--ams-description-list-inverse-color)}.ams-description-list__term{font-weight:var(--ams-description-list-term-font-weight)}@media screen and (min-width: 36rem){.ams-description-list__term{grid-column-start:1}}@media screen and (min-width: 36rem){.ams-description-list__section{column-gap:var(--ams-description-list-column-gap);display:grid;grid-column:span 2}.ams-description-list__section>:only-of-type{grid-row:1/9}}.ams-description-list .ams-description-list__section{grid-template-columns:subgrid}.ams-description-list__description{font-weight:var(--ams-description-list-description-font-weight);padding-inline-start:var(--ams-description-list-description-padding-inline-start);margin-inline:0}@media screen and (min-width: 36rem){.ams-description-list__description{grid-column-start:2;padding-inline-start:0}}.ams-dialog:not(dialog:not([open])){background-color:var(--ams-dialog-background-color);border:var(--ams-dialog-border);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ams-dialog-gap);inline-size:var(--ams-dialog-inline-size);max-block-size:var(--ams-dialog-max-block-size);max-inline-size:var(--ams-dialog-max-inline-size);padding-block:var(--ams-dialog-padding-block);padding-inline:var(--ams-dialog-padding-inline);inset-block:0}.ams-dialog:not(dialog:not([open]))::backdrop{background:#0006}.ams-dialog__header{align-items:flex-start;display:flex;gap:var(--ams-dialog-header-gap);justify-content:space-between}.ams-dialog__body{overflow-y:auto;overscroll-behavior-y:contain}.ams-body{margin-block:0;margin-inline:0}.ams-error-message{box-sizing:border-box;color:var(--ams-error-message-color);display:inline-flex;font-family:var(--ams-error-message-font-family);font-size:var(--ams-error-message-font-size);font-weight:var(--ams-error-message-font-weight);gap:var(--ams-error-message-gap);line-height:var(--ams-error-message-line-height);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0}.ams-field-set{break-inside:avoid;border:0;margin-inline:0;padding-block:0;padding-inline:0}.ams-field-set--invalid{border-inline-start:var(--ams-field-set-invalid-border-inline-start);padding-inline-start:var(--ams-field-set-invalid-padding-inline-start)}.ams-field-set__legend{color:var(--ams-field-set-legend-color);font-family:var(--ams-field-set-legend-font-family);font-size:var(--ams-field-set-legend-font-size);font-weight:var(--ams-field-set-legend-font-weight);line-height:var(--ams-field-set-legend-line-height);margin-block-end:var(--ams-field-set-legend-margin-block-end);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;float:inline-start;inline-size:100%;padding-inline:0}.ams-field-set__legend+*{clear:both}.ams-field{align-items:start;break-inside:avoid;display:flex;flex-direction:column;gap:var(--ams-field-gap)}.ams-field--invalid{border-inline-start:var(--ams-field-invalid-border-inline-start);padding-inline-start:var(--ams-field-invalid-padding-inline-start)}.ams-figure{display:flex;flex-direction:column;gap:var(--ams-figure-gap);margin-block:0;margin-inline:0}.ams-figure__caption{color:var(--ams-figure-caption-color);font-family:var(--ams-figure-caption-font-family);font-size:var(--ams-figure-caption-font-size);font-weight:var(--ams-figure-caption-font-weight);line-height:var(--ams-figure-caption-line-height);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-figure__caption--inverse-color{color:var(--ams-figure-caption-inverse-color)}.ams-file-input{background-color:var(--ams-file-input-background-color);border:var(--ams-file-input-border);box-sizing:border-box;color:var(--ams-file-input-color);cursor:var(--ams-file-input-cursor);font-family:var(--ams-file-input-font-family);font-size:var(--ams-file-input-font-size);font-weight:var(--ams-file-input-font-weight);inline-size:100%;line-height:var(--ams-file-input-line-height);outline-offset:calc(var(--ams-focus-outline-offset)*2);padding-block:var(--ams-file-input-padding-block);padding-inline:var(--ams-file-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-file-input:disabled{color:var(--ams-file-input-disabled-color);cursor:var(--ams-file-input-disabled-cursor)}.ams-file-input::file-selector-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--ams-file-input-file-selector-button-background-color);box-shadow:var(--ams-file-input-file-selector-button-box-shadow);box-sizing:border-box;color:var(--ams-file-input-file-selector-button-color);cursor:var(--ams-file-input-file-selector-button-cursor);font-family:inherit;font-size:inherit;font-weight:inherit;margin-inline-end:var(--ams-file-input-file-selector-button-margin-inline-end);padding-block:var(--ams-file-input-file-selector-button-padding-block);padding-inline:var(--ams-file-input-file-selector-button-padding-inline);border:0;border-radius:0}@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.ams-file-input::file-selector-button{border:var(--ams-file-input-file-selector-button-forced-color-mode-border)}}.ams-file-input:disabled::file-selector-button{box-shadow:var(--ams-file-input-file-selector-button-disabled-box-shadow);color:var(--ams-file-input-disabled-color);cursor:var(--ams-file-input-file-selector-button-disabled-cursor)}.ams-file-input:not(:disabled):hover::file-selector-button{box-shadow:var(--ams-file-input-file-selector-button-hover-box-shadow);color:var(--ams-file-input-file-selector-button-hover-color)}.ams-file-list{display:flex;flex-direction:column;gap:var(--ams-file-list-gap);padding-block:var(--ams-file-list-padding-block);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;list-style:none;margin-block:0;padding-inline:0}.ams-file-list__item{display:flex;flex-direction:row;font-family:var(--ams-file-list-file-font-family);font-size:var(--ams-file-list-file-font-size);font-weight:var(--ams-file-list-file-font-weight);gap:var(--ams-file-list-file-gap);line-height:var(--ams-file-list-file-line-height)}.ams-file-list__item-preview{display:grid;flex:0 0 var(--ams-file-list-file-preview-width);place-items:center}.ams-file-list__item-preview img{inline-size:100%;min-block-size:auto}.ams-file-list__item-info{flex:1;gap:var(--ams-file-list-file-gap);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ams-file-input__item-details{color:var(--ams-file-list-file-details-color)}.ams-footer__top{background-color:var(--ams-footer-top-background-color)}.ams-form-error-list{outline-offset:var(--ams-form-error-list-outline-offset)}@supports (contain: paint) and (not (-moz-appearance: none)){.ams-form-error-list{outline-offset:calc(var(--ams-form-error-list-outline-offset)*2)}@supports (font: -apple-system-body){.ams-form-error-list{outline-offset:var(--ams-form-error-list-outline-offset)}}}[class|=ams-gap-]{display:grid!important}.ams-gap--xs{grid-gap:var(--ams-gap-xs)!important}.ams-gap--sm{grid-gap:var(--ams-gap-sm)!important}.ams-gap--md{grid-gap:var(--ams-gap-md)!important}.ams-gap--lg{grid-gap:var(--ams-gap-lg)!important}.ams-gap--xl{grid-gap:var(--ams-gap-xl)!important}.ams-header{display:grid;padding-block:var(--ams-header-padding-block);padding-inline:var(--ams-header-padding-inline)}.ams-header__branding{align-items:center;align-self:start;column-gap:var(--ams-header-branding-column-gap);display:flex;grid-area:1/1}.ams-header__branding--hidden{opacity:0%;-webkit-user-select:none;user-select:none}.ams-header__logo-link{outline-offset:var(--ams-header-logo-link-outline-offset)}.ams-heading.ams-header__brand-name{line-height:1.35}.ams-header__navigation{column-gap:var(--ams-header-navigation-column-gap);display:flex;flex-wrap:wrap;grid-area:1/1;pointer-events:none;row-gap:var(--ams-header-navigation-row-gap)}.ams-header__menu{align-items:center;column-gap:var(--ams-header-menu-column-gap);display:flex;flex-wrap:wrap;justify-content:flex-end;margin-inline-start:auto;pointer-events:auto;row-gap:var(--ams-header-menu-row-gap);list-style:none;margin-block:0;padding-inline-start:0}@media screen and not (min-width: 68rem){.ams-header__menu-item{display:none}}.ams-header__menu-item--fixed{display:revert}.ams-header__menu-link{display:inline-block;text-decoration-line:var(--ams-header-menu-link-text-decoration-line);text-decoration-thickness:var(--ams-header-menu-link-text-decoration-thickness);text-underline-offset:var(--ams-header-menu-link-text-underline-offset);color:var(--ams-header-menu-item-color);font-family:var(--ams-header-menu-item-font-family);font-size:var(--ams-header-menu-item-font-size);font-weight:var(--ams-header-menu-item-font-weight);line-height:var(--ams-header-menu-item-line-height);outline-offset:var(--ams-header-menu-item-outline-offset);padding-block:var(--ams-header-menu-item-padding-block);touch-action:manipulation;white-space:nowrap;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-header__menu-link:hover{color:var(--ams-header-menu-item-hover-color)}.ams-header__menu-link:hover{text-decoration-line:var(--ams-header-menu-link-hover-text-decoration-line)}@media screen and (min-width: 68rem){.ams-header__mega-menu-button-item--hide-on-wide-window{display:none}}.ams-header__mega-menu-button{column-gap:var(--ams-header-menu-item-column-gap);cursor:pointer;display:grid;grid-auto-flow:column;color:var(--ams-header-menu-item-color);font-family:var(--ams-header-menu-item-font-family);font-size:var(--ams-header-menu-item-font-size);font-weight:var(--ams-header-menu-item-font-weight);line-height:var(--ams-header-menu-item-line-height);outline-offset:var(--ams-header-menu-item-outline-offset);padding-block:var(--ams-header-menu-item-padding-block);touch-action:manipulation;white-space:nowrap;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;background:none;border:0;margin-block:0;margin-inline:0;padding-inline:0}.ams-header__mega-menu-button:hover{color:var(--ams-header-menu-item-hover-color)}.ams-header__mega-menu-button[aria-expanded=true]{font-weight:var(--ams-header-mega-menu-button-label-open-font-weight)}.ams-header__mega-menu-button-label,.ams-header__mega-menu-button-hidden-label{grid-area:1/1}.ams-header__mega-menu-button-hidden-label{font-weight:var(--ams-header-mega-menu-button-label-open-font-weight);pointer-events:none;-webkit-user-select:none;user-select:none;visibility:hidden}.ams-header__menu-icon line{stroke:currentColor;stroke-width:3px;transform-origin:center;transition:translate .1s ease-in-out,rotate .2s ease-in-out,opacity .1s ease-in-out}@media (prefers-reduced-motion){.ams-header__menu-icon line{transition:none}}.ams-header__menu-icon .ams-header__menu-icon-top{translate:0 -7px}.ams-header__menu-icon .ams-header__menu-icon-bottom{translate:0 7px}.ams-header__menu-icon--open .ams-header__menu-icon-top{rotate:45deg;translate:0}.ams-header__menu-icon--open .ams-header__menu-icon-middle{opacity:0%}.ams-header__menu-icon--open .ams-header__menu-icon-bottom{rotate:-45deg;translate:0}.ams-header__mega-menu{inline-size:100%;pointer-events:auto}.ams-header__mega-menu .ams-grid{padding-inline:0}.ams-header__mega-menu--closed.ams-header__mega-menu--closed{display:none}@media screen and (min-width: 68rem){.ams-header__grid-cell-narrow-window-only{display:none}}.ams-heading{box-sizing:border-box;break-after:avoid;break-inside:avoid;color:var(--ams-heading-color);font-family:var(--ams-heading-font-family);font-weight:var(--ams-heading-font-weight);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0}.ams-heading--level-1{font-size:var(--ams-heading-level-1-font-size);line-height:var(--ams-heading-level-1-line-height)}.ams-heading--level-2{font-size:var(--ams-heading-level-2-font-size);line-height:var(--ams-heading-level-2-line-height)}.ams-heading--level-3{font-size:var(--ams-heading-level-3-font-size);line-height:var(--ams-heading-level-3-line-height)}.ams-heading--level-4{font-size:var(--ams-heading-level-4-font-size);line-height:var(--ams-heading-level-4-line-height)}.ams-heading--level-5{font-size:var(--ams-heading-level-5-font-size);line-height:var(--ams-heading-level-5-line-height)}.ams-heading--level-6{font-size:var(--ams-heading-level-6-font-size);line-height:var(--ams-heading-level-6-line-height)}.ams-heading--inverse-color{color:var(--ams-heading-inverse-color)}.ams-hint{color:var(--ams-hint-color);display:inline-block}.ams-icon-button{background-color:#0000;color:var(--ams-icon-button-color);cursor:pointer;outline-offset:var(--ams-icon-button-outline-offset);touch-action:manipulation;border:0;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.ams-icon-button:hover{background-color:var(--ams-icon-button-hover-background-color);color:var(--ams-icon-button-hover-color)}.ams-icon-button:disabled{background-color:#0000;color:var(--ams-icon-button-disabled-color);cursor:not-allowed}.ams-icon-button--contrast-color{color:var(--ams-icon-button-contrast-color-color)}.ams-icon-button--contrast-color:hover{background-color:var(--ams-icon-button-contrast-color-hover-background-color);color:var(--ams-icon-button-contrast-color-hover-color)}.ams-icon-button--contrast-color:disabled{background-color:#0000;color:var(--ams-icon-button-contrast-color-disabled-color)}.ams-icon-button--inverse-color{background-color:var(--ams-icon-button-inverse-color-background-color);color:var(--ams-icon-button-inverse-color-color)}.ams-icon-button--inverse-color:hover{background-color:var(--ams-icon-button-inverse-color-hover-background-color);color:var(--ams-icon-button-inverse-color-hover-color)}.ams-icon-button--inverse-color:disabled{background-color:var(--ams-icon-button-inverse-color-disabled-background-color);color:var(--ams-icon-button-inverse-color-disabled-color)}.ams-icon{align-items:center;display:inline-flex}.ams-icon svg{fill:currentColor}.ams-icon--inverse-color{color:var(--ams-icon-inverse-color)}.ams-icon--square{aspect-ratio:1/1;justify-content:center}.ams-icon--size-3{block-size:calc(var(--ams-icon-size-3-font-size)*var(--ams-icon-size-3-line-height))}.ams-icon--size-3 svg{block-size:var(--ams-icon-size-3-font-size);inline-size:var(--ams-icon-size-3-font-size)}.ams-icon--size-4{block-size:calc(var(--ams-icon-size-4-font-size)*var(--ams-icon-size-4-line-height))}.ams-icon--size-4 svg{block-size:var(--ams-icon-size-4-font-size);inline-size:var(--ams-icon-size-4-font-size)}.ams-icon--size-5{block-size:calc(var(--ams-icon-size-5-font-size)*var(--ams-icon-size-5-line-height))}.ams-icon--size-5 svg{block-size:var(--ams-icon-size-5-font-size);inline-size:var(--ams-icon-size-5-font-size)}.ams-icon--size-6{block-size:calc(var(--ams-icon-size-6-font-size)*var(--ams-icon-size-6-line-height))}.ams-icon--size-6 svg{block-size:var(--ams-icon-size-6-font-size);inline-size:var(--ams-icon-size-6-font-size)}.ams-image-slider{display:grid;gap:var(--ams-image-slider-gap);grid-template-rows:1fr auto}.ams-image-slider__item{scroll-snap-align:center;scroll-snap-stop:always}.ams-image-slider__item .ams-image{inline-size:100%}.ams-image-slider__scroller{align-items:center;display:grid;gap:var(--ams-image-slider-scroller-gap);grid-auto-columns:100%;grid-auto-flow:column;grid-column:1/-1;grid-row:1;outline-offset:var(--ams-image-slider-scroller-outline-offset);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.ams-image-slider__scroller::-webkit-scrollbar{display:none}@media not (prefers-reduced-motion){.ams-image-slider__scroller{scroll-behavior:smooth}}.ams-image-slider__controls{display:flex;grid-column:1/-1;grid-row:1;justify-content:space-between}@media (pointer: coarse)and (max-width: 36rem){.ams-image-slider__controls{display:none}}.ams-image-slider__control{place-self:center;z-index:1}.ams-image-slider__thumbnails{display:grid;gap:var(--ams-image-slider-thumbnails-gap);grid-template-columns:repeat(5,1fr);max-inline-size:100%}.ams-image-slider__thumbnail{background-color:var(--ams-image-slider-thumbnails-thumbnail-background-color);background-position:center;background-size:cover;border:none;cursor:var(--ams-image-slider-thumbnails-thumbnail-cursor);opacity:var(--ams-image-slider-thumbnails-thumbnail-opacity);outline-offset:var(--ams-button-outline-offset);padding-block:0;padding-inline:0;position:relative;scroll-snap-align:start}.ams-image-slider__thumbnail:hover{opacity:var(--ams-image-slider-thumbnails-thumbnail-hover-opacity)}.ams-image-slider__thumbnail--in-view{opacity:var(--ams-image-slider-thumbnails-thumbnail-in-view-opacity)}.ams-image{aspect-ratio:var(--ams-image-aspect-ratio);block-size:auto;font-style:italic;inline-size:fit-content;max-inline-size:100%;object-fit:cover;vertical-align:middle}.ams-label{color:var(--ams-label-color);font-family:var(--ams-label-font-family);font-size:var(--ams-label-font-size);font-weight:var(--ams-label-font-weight);line-height:var(--ams-label-line-height);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-link-list{box-sizing:border-box;display:grid;gap:var(--ams-link-list-gap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;list-style:none;margin-block:0;padding-inline-start:0}.ams-link-list__link{align-items:flex-start;color:var(--ams-link-list-link-color);display:inline-flex;font-family:var(--ams-link-list-link-font-family);font-size:var(--ams-link-list-link-font-size);font-weight:var(--ams-link-list-link-font-weight);gap:var(--ams-link-list-link-gap);line-height:var(--ams-link-list-link-line-height);outline-offset:var(--ams-link-list-link-outline-offset);text-decoration-line:var(--ams-link-list-link-text-decoration-line);text-decoration-thickness:var(--ams-link-list-link-text-decoration-thickness);text-underline-offset:var(--ams-link-list-link-text-underline-offset)}.ams-link-list__link:hover{color:var(--ams-link-list-link-hover-color);text-decoration-line:var(--ams-link-list-link-hover-text-decoration-line)}.ams-link-list__link--small{font-size:var(--ams-link-list-link-small-font-size);line-height:var(--ams-link-list-link-small-line-height)}.ams-link-list__link--large{font-size:var(--ams-link-list-link-large-font-size);line-height:var(--ams-link-list-link-large-line-height);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap)}.ams-link-list__link--contrast-color{color:var(--ams-link-list-link-contrast-color-color)}.ams-link-list__link--contrast-color:hover{color:var(--ams-link-list-link-contrast-color-hover-color)}.ams-link-list__link--inverse-color{color:var(--ams-link-list-link-inverse-color-color)}.ams-link-list__link--inverse-color:hover{color:var(--ams-link-list-link-inverse-color-hover-color)}.ams-link{color:var(--ams-link-color);font-family:var(--ams-link-font-family);font-weight:var(--ams-link-font-weight);outline-offset:var(--ams-link-outline-offset);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-link:hover{color:var(--ams-link-hover-color)}.ams-link--standalone{display:inline-block;font-size:var(--ams-link-standalone-font-size);line-height:var(--ams-link-standalone-line-height);text-decoration-line:var(--ams-link-standalone-text-decoration-line);text-decoration-thickness:var(--ams-link-standalone-text-decoration-thickness);text-underline-offset:var(--ams-link-standalone-text-underline-offset)}.ams-link--standalone:hover{text-decoration-thickness:var(--ams-link-standalone-hover-text-decoration-thickness);text-underline-offset:var(--ams-link-standalone-hover-text-underline-offset)}.ams-link--inline{font-family:var(--ams-link-inline-font-family);font-size:var(--ams-link-inline-font-size);line-height:var(--ams-link-inline-line-height);text-decoration-line:var(--ams-link-inline-text-decoration-line);text-decoration-thickness:var(--ams-link-inline-text-decoration-thickness);text-underline-offset:var(--ams-link-inline-text-underline-offset)}.ams-link--inline:hover{text-decoration-thickness:var(--ams-link-inline-hover-text-decoration-thickness);text-underline-offset:var(--ams-link-inline-hover-text-underline-offset)}.ams-link--inline:visited{color:var(--ams-link-inline-visited-color)}.ams-link--contrast-color{color:var(--ams-link-contrast-color-color)}.ams-link--contrast-color:hover{color:var(--ams-link-contrast-color-hover-color)}.ams-link--contrast-color:visited{color:var(--ams-link-contrast-color-visited-color)}.ams-link--inverse-color{color:var(--ams-link-inverse-color-color)}.ams-link--inverse-color:hover{color:var(--ams-link-inverse-color-hover-color)}.ams-link--inverse-color:visited{color:var(--ams-link-inverse-color-visited-color)}.ams-logo{block-size:var(--ams-logo-block-size);display:block;min-block-size:var(--ams-logo-min-block-size)}.ams-logo__emblem{fill:var(--ams-logo-emblem-color)}.ams-logo__text-primary{fill:var(--ams-logo-title-color)}.ams-logo__text-secondary{fill:var(--ams-logo-subsite-color)}.ams-mb--xs{margin-block-end:var(--ams-margin-xs)!important}.ams-mb--sm{margin-block-end:var(--ams-margin-sm)!important}.ams-mb--md{margin-block-end:var(--ams-margin-md)!important}.ams-mb--lg{margin-block-end:var(--ams-margin-lg)!important}.ams-mb--xl{margin-block-end:var(--ams-margin-xl)!important}.ams-mark{background-color:var(--ams-mark-background-color)}.ams-mega-menu__list-category{column-gap:var(--ams-mega-menu-list-category-column-gap);column-width:var(--ams-mega-menu-list-category-column-width);padding-block-start:var(--ams-mega-menu-list-category-padding-block-start)}.ams-mega-menu__list-category:not(:last-child){padding-block-end:var(--ams-mega-menu-list-category-padding-block-end)}.ams-ordered-list{box-sizing:border-box;display:grid;gap:var(--ams-ordered-list-gap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;list-style-type:none;margin-block:0;padding-inline-start:0}.ams-ordered-list:not(.ams-ordered-list--no-markers){color:var(--ams-ordered-list-color);font-family:var(--ams-ordered-list-font-family);font-size:var(--ams-ordered-list-font-size);font-weight:var(--ams-ordered-list-font-weight);line-height:var(--ams-ordered-list-line-height);list-style-type:var(--ams-ordered-list-list-style-type)}.ams-ordered-list:not(.ams-ordered-list--no-markers) .ams-ordered-list__item{margin-inline-start:var(--ams-ordered-list-item-margin-inline-start);padding-inline-start:var(--ams-ordered-list-item-padding-inline-start)}.ams-ordered-list--inverse-color:not(.ams-ordered-list--no-markers){color:var(--ams-ordered-list-inverse-color)}.ams-ordered-list--small:not(.ams-ordered-list--no-markers){font-size:var(--ams-ordered-list-small-font-size);line-height:var(--ams-ordered-list-small-line-height)}:is(.ams-ordered-list,.ams-unordered-list) .ams-ordered-list{gap:var(--ams-ordered-list-ordered-list-gap);list-style-type:var(--ams-ordered-list-ordered-list-list-style-type);padding-block-end:var(--ams-ordered-list-ordered-list-padding-block-end);padding-block-start:var(--ams-ordered-list-ordered-list-padding-block-start)}:is(.ams-ordered-list,.ams-unordered-list) .ams-ordered-list .ams-ordered-list__item{margin-inline-start:var(--ams-ordered-list-ordered-list-item-margin-inline-start);padding-inline-start:var(--ams-ordered-list-ordered-list-item-padding-inline-start)}.ams-overlap{display:grid}.ams-overlap>*{grid-column:1/-1;grid-row:1/-1}.ams-page-heading{box-sizing:border-box;break-after:avoid;break-inside:avoid;color:var(--ams-page-heading-color);font-family:var(--ams-page-heading-font-family);font-size:var(--ams-page-heading-font-size);font-weight:var(--ams-page-heading-font-weight);line-height:var(--ams-page-heading-line-height);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0}.ams-page-heading--inverse-color{color:var(--ams-page-heading-inverse-color)}.ams-page-menu{align-items:center;box-sizing:border-box;column-gap:var(--ams-page-menu-column-gap);display:flex;flex-direction:row;flex-wrap:wrap;list-style:none;row-gap:var(--ams-page-menu-row-gap);margin-block:0;padding-inline:0}.ams-page-menu--align-end{justify-content:end}.ams-page-menu--no-wrap{flex-wrap:nowrap}.ams-page-menu__link{box-sizing:border-box;color:var(--ams-page-menu-item-color);display:inline-flex;flex-direction:row;font-family:var(--ams-page-menu-item-font-family);font-size:var(--ams-page-menu-item-font-size);font-weight:var(--ams-page-menu-item-font-weight);gap:var(--ams-page-menu-item-gap);line-height:var(--ams-page-menu-item-line-height);outline-offset:var(--ams-page-menu-item-outline-offset);text-align:center;text-decoration-line:var(--ams-page-menu-item-text-decoration-line);text-decoration-thickness:var(--ams-page-menu-item-text-decoration-thickness);text-underline-offset:var(--ams-page-menu-item-text-underline-offset);touch-action:manipulation;white-space:nowrap;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-page-menu__link:hover,.ams-page-menu__button:hover{color:var(--ams-page-menu-item-hover-color);text-decoration-line:var(--ams-page-menu-item-hover-text-decoration-line)}.ams-page-menu__link svg{color:currentColor}.ams-pagination__list{color:var(--ams-pagination-color);display:flex;flex-wrap:wrap;font-family:var(--ams-pagination-font-family);font-size:var(--ams-pagination-font-size);font-weight:var(--ams-pagination-font-weight);justify-content:center;line-height:var(--ams-pagination-line-height);list-style-type:none;margin-block:0;padding-inline-start:0}.ams-pagination__button{all:unset;outline:revert;box-sizing:border-box;cursor:pointer;display:flex;gap:var(--ams-pagination-button-gap);outline-offset:var(--ams-pagination-button-outline-offset);padding-inline:var(--ams-pagination-button-padding-inline);text-decoration-line:var(--ams-pagination-button-text-decoration-line);text-decoration-thickness:var(--ams-pagination-button-text-decoration-thickness);text-underline-offset:var(--ams-pagination-button-text-underline-offset);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-pagination__button:disabled{display:none}.ams-pagination__button:hover{color:var(--ams-pagination-button-hover-color);text-decoration-line:var(--ams-pagination-button-hover-text-decoration-line)}.ams-pagination__button span.ams-icon svg{block-size:1rem;inline-size:1rem}.ams-pagination__button--current{cursor:default;font-weight:var(--ams-pagination-button-current-font-weight)}.ams-pagination__button--current:hover{text-decoration:none}.ams-paragraph{box-sizing:border-box;color:var(--ams-paragraph-color);font-family:var(--ams-paragraph-font-family);font-size:var(--ams-paragraph-font-size);font-weight:var(--ams-paragraph-font-weight);line-height:var(--ams-paragraph-line-height);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0}.ams-paragraph--small{font-size:var(--ams-paragraph-small-font-size);line-height:var(--ams-paragraph-small-line-height)}.ams-paragraph--large{font-size:var(--ams-paragraph-large-font-size);line-height:var(--ams-paragraph-large-line-height)}.ams-paragraph--inverse-color{color:var(--ams-paragraph-inverse-color)}.ams-password-input{background-color:var(--ams-password-input-background-color);box-shadow:var(--ams-password-input-box-shadow);box-sizing:border-box;color:var(--ams-password-input-color);font-family:var(--ams-password-input-font-family);font-size:var(--ams-password-input-font-size);font-weight:var(--ams-password-input-font-weight);inline-size:100%;line-height:var(--ams-password-input-line-height);outline-offset:var(--ams-password-input-outline-offset);padding-block:var(--ams-password-input-padding-block);padding-inline:var(--ams-password-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-password-input:hover{box-shadow:var(--ams-password-input-hover-box-shadow)}.ams-password-input::placeholder{color:var(--ams-password-input-placeholder-color);opacity:100%}.ams-password-input:disabled{background-color:var(--ams-password-input-disabled-background-color);box-shadow:var(--ams-password-input-disabled-box-shadow);color:var(--ams-password-input-disabled-color);cursor:not-allowed}.ams-password-input:invalid,.ams-password-input[aria-invalid=true]{box-shadow:var(--ams-password-input-invalid-box-shadow)}.ams-password-input:invalid:hover,.ams-password-input[aria-invalid=true]:hover{box-shadow:var(--ams-password-input-invalid-hover-box-shadow)}.ams-radio__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-radio__input:focus+label{outline:auto}.ams-radio__input:focus:not(:focus-visible)+label{outline:0}.ams-radio__label{color:var(--ams-radio-color);cursor:pointer;display:inline-flex;font-family:var(--ams-radio-font-family);font-size:var(--ams-radio-font-size);font-weight:var(--ams-radio-font-weight);gap:var(--ams-radio-gap);line-height:var(--ams-radio-line-height);outline-offset:var(--ams-radio-outline-offset);text-decoration-thickness:var(--ams-radio-text-decoration-thickness);text-underline-offset:var(--ams-radio-text-underline-offset);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-radio__icon-container{block-size:var(--ams-radio-icon-container-block-size);display:flex;flex:none;inline-size:var(--ams-radio-icon-container-inline-size)}.ams-radio__circle{fill:var(--ams-radio-circle-fill);stroke:var(--ams-radio-circle-stroke);stroke-width:var(--ams-radio-circle-stroke-width)}.ams-radio__hover-indicator{fill:none;stroke:#0000;stroke-width:var(--ams-radio-hover-indicator-stroke-width)}.ams-radio__checked-indicator{display:none;fill:var(--ams-radio-checked-indicator-fill)}.ams-radio__label:hover{color:var(--ams-radio-hover-color);text-decoration-line:var(--ams-radio-hover-text-decoration-line)}.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-hover-stroke)}.ams-radio__label:hover .ams-radio__hover-indicator{stroke:var(--ams-radio-hover-indicator-hover-stroke)}.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-hover-fill)}.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-invalid-stroke)}.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-invalid-fill)}.ams-radio__input:checked+.ams-radio__label .ams-radio__checked-indicator{display:block}.ams-radio__input:disabled+.ams-radio__label{color:var(--ams-radio-disabled-color);cursor:not-allowed}.ams-radio__input:disabled+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-stroke)}.ams-radio__input:disabled+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-fill)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-invalid-stroke)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-invalid-fill)}.ams-radio__input:disabled+.ams-radio__label:hover{text-decoration:none}.ams-radio__input:disabled+.ams-radio__label:hover .ams-radio__hover-indicator{stroke:#0000}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-invalid-hover-stroke)}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__hover-indicator{stroke:var(--ams-radio-hover-indicator-invalid-hover-stroke)}.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-invalid-hover-fill)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__circle{stroke:var(--ams-radio-circle-disabled-invalid-hover-stroke)}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__hover-indicator{stroke:#0000}.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__checked-indicator{fill:var(--ams-radio-checked-indicator-disabled-invalid-hover-fill)}@media (forced-colors: active){.ams-radio__label .ams-radio__circle,.ams-radio__label:hover .ams-radio__circle,.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__circle{stroke:FieldText}.ams-radio__label .ams-radio__checked-indicator,.ams-radio__label:hover .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]+.ams-radio__label:hover .ams-radio__checked-indicator{fill:FieldText}}@media (forced-colors: active){.ams-radio__input:checked+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:checked+.ams-radio__label:hover .ams-radio__circle{stroke:ActiveText}.ams-radio__input:checked+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:checked+.ams-radio__label:hover .ams-radio__checked-indicator{fill:ActiveText}}@media (forced-colors: active){.ams-radio__input:disabled+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__circle,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__circle{stroke:GrayText}.ams-radio__input:disabled+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label .ams-radio__checked-indicator,.ams-radio__input[aria-invalid=true]:disabled+.ams-radio__label:hover .ams-radio__checked-indicator{fill:GrayText}}.ams-row{display:flex;flex-direction:row;gap:var(--ams-row-gap-md)}.ams-row--gap-none{gap:var(--ams-row-gap-no)}.ams-row--gap-extra-small{gap:var(--ams-row-gap-xs)}.ams-row--gap-small{gap:var(--ams-row-gap-sm)}.ams-row--gap-large{gap:var(--ams-row-gap-lg)}.ams-row--gap-extra-large{gap:var(--ams-row-gap-xl)}.ams-row--wrap{flex-wrap:wrap}.ams-row--align-around{justify-content:space-around}.ams-row--align-between{justify-content:space-between}.ams-row--align-center{justify-content:center}.ams-row--align-end{justify-content:flex-end}.ams-row--align-evenly{justify-content:space-evenly}.ams-row--align-vertical-baseline{align-items:baseline}.ams-row--align-vertical-center{align-items:center}.ams-row--align-vertical-end{align-items:flex-end}.ams-row--align-vertical-start{align-items:flex-start}.ams-screen{background-color:var(--ams-screen-background-color);box-sizing:border-box;margin-inline:auto;position:relative}.ams-screen--full-height{min-block-size:100vh}.ams-screen--wide{max-inline-size:var(--ams-screen-wide-max-inline-size)}.ams-screen--x-wide{max-inline-size:var(--ams-screen-x-wide-max-inline-size)}.ams-search-field{display:flex;isolation:isolate}.ams-search-field__input{background-color:var(--ams-search-field-input-background-color);box-shadow:var(--ams-search-field-input-box-shadow);box-sizing:border-box;color:var(--ams-search-field-input-color);font-family:var(--ams-search-field-input-font-family);font-size:var(--ams-search-field-input-font-size);font-weight:var(--ams-search-field-input-font-weight);inline-size:100%;line-height:var(--ams-search-field-input-line-height);outline-offset:var(--ams-search-field-input-outline-offset);padding-block:var(--ams-search-field-input-padding-block);padding-inline:var(--ams-search-field-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-search-field__input:hover{box-shadow:var(--ams-search-field-input-hover-box-shadow)}.ams-search-field__input:focus{z-index:1}.ams-search-field__input:invalid,.ams-search-field__input[aria-invalid=true]{box-shadow:var(--ams-search-field-input-invalid-box-shadow)}.ams-search-field__input:invalid:hover,.ams-search-field__input[aria-invalid=true]:hover{box-shadow:var(--ams-search-field-input-invalid-hover-box-shadow)}.ams-search-field__input::placeholder{color:var(--ams-search-field-input-placeholder-color);opacity:100%}.ams-search-field__input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--ams-search-field-input-cancel-button-background-image);block-size:var(--ams-search-field-input-cancel-button-block-size);cursor:pointer;inline-size:var(--ams-search-field-input-cancel-button-inline-size);margin-inline-start:.5rem}.ams-select{background-color:var(--ams-select-background-color);box-shadow:var(--ams-select-box-shadow);color:var(--ams-select-color);font-family:var(--ams-select-font-family);font-size:var(--ams-select-font-size);font-weight:var(--ams-select-font-weight);inline-size:100%;line-height:var(--ams-select-line-height);outline-offset:var(--ams-select-outline-offset);padding-block:var(--ams-select-padding-block);padding-inline:var(--ams-select-padding-inline);touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0}.ams-select:not([multiple]){background-image:var(--ams-select-background-image);background-position:var(--ams-select-background-position);background-repeat:no-repeat;background-size:1em 1em}.ams-select:hover{box-shadow:var(--ams-select-hover-box-shadow)}.ams-select:invalid,.ams-select[aria-invalid=true]{box-shadow:var(--ams-select-invalid-box-shadow)}.ams-select:disabled{box-shadow:var(--ams-select-disabled-box-shadow);color:var(--ams-select-disabled-color);cursor:not-allowed}.ams-select:disabled:not([multiple]){background-image:var(--ams-select-disabled-background-image)}.ams-select:invalid:hover,.ams-select[aria-invalid=true]:hover{box-shadow:var(--ams-select-invalid-hover-box-shadow)}.ams-select__option:disabled{color:var(--ams-select-option-disabled-color)}.ams-skip-link{background-color:var(--ams-skip-link-background-color);color:var(--ams-skip-link-color);display:block;font-family:var(--ams-skip-link-font-family);font-size:var(--ams-skip-link-font-size);font-weight:var(--ams-skip-link-font-weight);line-height:var(--ams-skip-link-line-height);outline-offset:var(--ams-skip-link-outline-offset);padding-block:var(--ams-skip-link-padding-block);padding-inline:var(--ams-skip-link-padding-inline);text-align:center;text-decoration:none}.ams-skip-link:hover{background-color:var(--ams-skip-link-hover-background-color)}.ams-spotlight{background-color:var(--ams-spotlight-background-color)}.ams-spotlight--azure{background-color:var(--ams-spotlight-azure-background-color)}.ams-spotlight--green{background-color:var(--ams-spotlight-green-background-color)}.ams-spotlight--lime{background-color:var(--ams-spotlight-lime-background-color)}.ams-spotlight--magenta{background-color:var(--ams-spotlight-magenta-background-color)}.ams-spotlight--orange{background-color:var(--ams-spotlight-orange-background-color)}.ams-spotlight--yellow{background-color:var(--ams-spotlight-yellow-background-color)}.ams-switch__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:0;margin-block:0;margin-inline:0}.ams-switch__input:focus+label{outline:auto}.ams-switch__input:focus:not(:focus-visible)+label{outline:0}.ams-switch__label{--ams-switch-track-border-width: .0625rem;background-color:var(--ams-switch-background-color);border:var(--ams-switch-track-border-width) solid rgba(0,0,0,0);border-radius:calc(var(--ams-switch-thumb-inline-size)*2);box-sizing:border-box;cursor:pointer;display:inline-block;inline-size:var(--ams-switch-inline-size);outline-offset:var(--ams-switch-outline-offset);transition:background-color .2s ease-in-out}.ams-switch__label:before{background-color:var(--ams-switch-thumb-background-color);block-size:var(--ams-switch-thumb-block-size);border-radius:50%;content:"";display:block;inline-size:var(--ams-switch-thumb-inline-size);transition-duration:.1s;transition-property:box-shadow,transform;transition-timing-function:ease-in-out}@media (forced-colors: active){.ams-switch__label:before{background-color:FieldText}}.ams-switch__input:checked+.ams-switch__label{background-color:var(--ams-switch-checked-background-color)}.ams-switch__input:disabled+.ams-switch__label{background-color:var(--ams-switch-disabled-background-color);cursor:not-allowed}.ams-switch__input:checked+.ams-switch__label:before{transform:translate(calc(100% - 2 * var(--ams-switch-track-border-width)))}.ams-switch:hover .ams-switch__input:enabled+.ams-switch__label:before{box-shadow:var(--ams-switch-thumb-hover-box-shadow)}.ams-table-of-contents{display:flex;flex-direction:column;font-family:var(--ams-table-of-contents-font-family);font-size:var(--ams-table-of-contents-font-size);font-weight:var(--ams-table-of-contents-font-weight);gap:var(--ams-table-of-contents-gap);line-height:var(--ams-table-of-contents-line-height)}.ams-table-of-contents__list{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ams-table-of-contents-list-gap);list-style:none;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;margin-block:0;padding-inline:0}.ams-table-of-contents__list .ams-table-of-contents__list{padding-block-start:var(--ams-table-of-contents-list-list-padding-block-start);padding-inline-start:var(--ams-table-of-contents-list-list-padding-inline-start)}.ams-table-of-contents__link{color:var(--ams-table-of-contents-link-color);outline-offset:var(--ams-table-of-contents-link-outline-offset);text-decoration-line:var(--ams-table-of-contents-link-text-decoration-line);text-decoration-thickness:var(--ams-table-of-contents-link-text-decoration-thickness);text-underline-offset:var(--ams-table-of-contents-link-text-underline-offset)}.ams-table-of-contents__link:hover{color:var(--ams-table-of-contents-link-hover-color);text-decoration-line:var(--ams-table-of-contents-link-hover-text-decoration-line)}.ams-table{overflow-x:auto}.ams-table__table{border-spacing:0;break-inside:avoid;color:var(--ams-table-color);font-family:var(--ams-table-font-family);font-size:var(--ams-table-font-size);font-weight:var(--ams-table-font-weight);line-height:var(--ams-table-line-height)}.ams-table__caption{font-weight:var(--ams-table-caption-font-weight);text-align:start}.ams-table__cell,.ams-table__header-cell{border-block-end:var(--ams-table-cell-border-block-end);padding-block:var(--ams-table-cell-padding-block);padding-inline:var(--ams-table-cell-padding-inline);text-align:start;vertical-align:top}.ams-table__header-cell{font-weight:var(--ams-table-header-cell-font-weight)}.ams-tabs{display:grid;gap:var(--ams-tabs-gap)}.ams-tabs__list{box-shadow:var(--ams-tabs-list-box-shadow);display:flex;overflow-x:auto}.ams-tabs__button{color:var(--ams-tabs-button-color);cursor:var(--ams-tabs-button-cursor);display:grid;font-family:var(--ams-tabs-button-font-family);font-size:var(--ams-tabs-button-font-size);font-weight:var(--ams-tabs-button-font-weight);line-height:var(--ams-tabs-button-line-height);outline-offset:var(--ams-tabs-button-outline-offset);padding-block:var(--ams-tabs-button-padding-block);padding-inline:var(--ams-tabs-button-padding-inline);background-color:#0000;border:0;margin-block:0;margin-inline:0}.ams-tabs__button:disabled{color:var(--ams-tabs-button-disabled-color);cursor:var(--ams-tabs-button-disabled-cursor)}@media (forced-colors: active){.ams-tabs__button:disabled{color:GrayText}}.ams-tabs__button:hover:not([aria-selected=true],[disabled]){box-shadow:var(--ams-tabs-button-hover-box-shadow);color:var(--ams-tabs-button-hover-color)}.ams-tabs__button[aria-selected=true]{box-shadow:var(--ams-tabs-button-selected-box-shadow);color:var(--ams-tabs-button-selected-color);font-weight:var(--ams-tabs-button-selected-font-weight)}@media (forced-colors: active){.ams-tabs__button[aria-selected=true]{background-color:SelectedItem}}.ams-tabs__button-label,.ams-tabs__button-label-hidden{grid-area:1/1}.ams-tabs__button-label-hidden{font-weight:var(--ams-tabs-button-selected-font-weight);pointer-events:none;-webkit-user-select:none;user-select:none;visibility:hidden}.ams-text-area{background-color:var(--ams-text-area-background-color);box-shadow:var(--ams-text-area-box-shadow);box-sizing:border-box;color:var(--ams-text-area-color);font-family:var(--ams-text-area-font-family);font-size:var(--ams-text-area-font-size);font-weight:var(--ams-text-area-font-weight);inline-size:100%;line-height:var(--ams-text-area-line-height);max-inline-size:100%;min-block-size:var(--ams-text-area-min-block-size);outline-offset:var(--ams-text-area-outline-offset);padding-block:var(--ams-text-area-padding-block);padding-inline:var(--ams-text-area-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-text-area:hover{box-shadow:var(--ams-text-area-hover-box-shadow)}.ams-text-area::placeholder{color:var(--ams-text-area-placeholder-color);opacity:100%}.ams-text-area:disabled{background-color:var(--ams-text-area-disabled-background-color);box-shadow:var(--ams-text-area-disabled-box-shadow);color:var(--ams-text-area-disabled-color);cursor:var(--ams-text-area-disabled-cursor)}.ams-text-area:invalid,.ams-text-area[aria-invalid=true]{box-shadow:var(--ams-text-area-invalid-box-shadow)}.ams-text-area:invalid:hover,.ams-text-area[aria-invalid=true]:hover{box-shadow:var(--ams-text-area-invalid-hover-box-shadow)}.ams-text-area--resize-none{resize:none}.ams-text-area--resize-horizontal{resize:inline}.ams-text-area--resize-vertical{resize:block}.ams-text-area--cols{inline-size:auto}.ams-text-input{background-color:var(--ams-text-input-background-color);box-shadow:var(--ams-text-input-box-shadow);box-sizing:border-box;color:var(--ams-text-input-color);font-family:var(--ams-text-input-font-family);font-size:var(--ams-text-input-font-size);font-weight:var(--ams-text-input-font-weight);inline-size:100%;line-height:var(--ams-text-input-line-height);outline-offset:var(--ams-text-input-outline-offset);padding-block:var(--ams-text-input-padding-block);padding-inline:var(--ams-text-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;margin-block:0}.ams-text-input:hover{box-shadow:var(--ams-text-input-hover-box-shadow)}.ams-text-input::placeholder{color:var(--ams-text-input-placeholder-color);opacity:100%}.ams-text-input:disabled{background-color:var(--ams-text-input-disabled-background-color);box-shadow:var(--ams-text-input-disabled-box-shadow);color:var(--ams-text-input-disabled-color);cursor:not-allowed}.ams-text-input:invalid,.ams-text-input[aria-invalid=true]{box-shadow:var(--ams-text-input-invalid-box-shadow)}.ams-text-input:invalid:hover,.ams-text-input[aria-invalid=true]:hover{box-shadow:var(--ams-text-input-invalid-hover-box-shadow)}.ams-time-input{background-color:var(--ams-time-input-background-color);box-shadow:var(--ams-time-input-box-shadow);box-sizing:border-box;color:var(--ams-time-input-color);font-family:var(--ams-time-input-font-family);font-size:var(--ams-time-input-font-size);font-weight:var(--ams-time-input-font-weight);line-height:var(--ams-time-input-line-height);min-block-size:calc(var(--ams-time-input-font-size)*var(--ams-time-input-line-height) + 2*var(--ams-time-input-padding-block));min-inline-size:calc(4ch + 2*var(--ams-time-input-padding-inline));outline-offset:var(--ams-time-input-outline-offset);padding-block:var(--ams-time-input-padding-block);padding-inline:var(--ams-time-input-padding-inline);touch-action:manipulation;text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;inline-size:auto;margin-block:0}.ams-time-input:hover{box-shadow:var(--ams-time-input-hover-box-shadow)}.ams-time-input::-webkit-calendar-picker-indicator{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--ams-time-input-calender-picker-indicator-background-image);cursor:pointer}.ams-time-input:hover::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-hover-calender-picker-indicator-background-image)}.ams-time-input:disabled{background-color:var(--ams-time-input-disabled-background-color);box-shadow:var(--ams-time-input-disabled-box-shadow);color:var(--ams-time-input-disabled-color);cursor:not-allowed}.ams-time-input:disabled::-webkit-calendar-picker-indicator{background-image:var(--ams-time-input-disabled-calender-picker-indicator-background-image);visibility:visible}.ams-time-input:invalid,.ams-time-input[aria-invalid=true]{box-shadow:var(--ams-time-input-invalid-box-shadow)}.ams-time-input:invalid:hover,.ams-time-input[aria-invalid=true]:hover{box-shadow:var(--ams-time-input-invalid-hover-box-shadow)}.ams-top-task-link{break-inside:avoid;display:flex;flex-direction:column;gap:var(--ams-top-task-link-gap);outline-offset:var(--ams-top-task-link-outline-offset);text-decoration:none}.ams-top-task-link__label{box-sizing:border-box;color:var(--ams-top-task-link-label-color);font-family:var(--ams-top-task-link-label-font-family);font-size:var(--ams-top-task-link-label-font-size);font-weight:var(--ams-top-task-link-label-font-weight);line-height:var(--ams-top-task-link-label-line-height);text-decoration-line:var(--ams-top-task-link-label-text-decoration-line);text-decoration-thickness:var(--ams-top-task-link-label-text-decoration-thickness);text-underline-offset:var(--ams-top-task-link-label-text-underline-offset);hyphenate-limit-chars:var(--ams-hyphenation-hyphenate-limit-chars);-webkit-hyphens:var(--ams-hyphenation-hyphens);hyphens:var(--ams-hyphenation-hyphens);overflow-wrap:var(--ams-hyphenation-overflow-wrap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.ams-top-task-link:hover .ams-top-task-link__label{color:var(--ams-top-task-link-label-hover-color);text-decoration-line:var(--ams-top-task-link-label-hover-text-decoration-line)}.ams-top-task-link__description{box-sizing:border-box;color:var(--ams-top-task-link-description-color);font-family:var(--ams-top-task-link-description-font-family);font-size:var(--ams-top-task-link-description-font-size);font-weight:var(--ams-top-task-link-description-font-weight);line-height:var(--ams-top-task-link-description-line-height)}.ams-unordered-list{box-sizing:border-box;display:grid;gap:var(--ams-unordered-list-gap);text-rendering:optimizeLegibility;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;list-style:none;margin-block:0;padding-inline-start:0}.ams-unordered-list:not(.ams-unordered-list--no-markers){color:var(--ams-unordered-list-color);font-family:var(--ams-unordered-list-font-family);font-size:var(--ams-unordered-list-font-size);font-weight:var(--ams-unordered-list-font-weight);line-height:var(--ams-unordered-list-line-height);list-style-type:var(--ams-unordered-list-list-style-type)}.ams-unordered-list:not(.ams-unordered-list--no-markers) .ams-unordered-list__item{margin-inline-start:var(--ams-unordered-list-item-margin-inline-start);padding-inline-start:var(--ams-unordered-list-item-padding-inline-start)}.ams-unordered-list--inverse-color:not(.ams-unordered-list--no-markers){color:var(--ams-unordered-list-inverse-color)}.ams-unordered-list--small:not(.ams-unordered-list--no-markers){font-size:var(--ams-unordered-list-small-font-size);line-height:var(--ams-unordered-list-small-line-height)}:is(.ams-ordered-list,.ams-unordered-list) .ams-unordered-list{gap:var(--ams-unordered-list-unordered-list-gap);list-style-type:var(--ams-unordered-list-unordered-list-list-style-type);padding-block-end:var(--ams-unordered-list-unordered-list-padding-block-end);padding-block-start:var(--ams-unordered-list-unordered-list-padding-block-start)}:is(.ams-ordered-list,.ams-unordered-list) .ams-unordered-list .ams-unordered-list__item{margin-inline-start:var(--ams-unordered-list-unordered-list-item-margin-inline-start);padding-inline-start:var(--ams-unordered-list-unordered-list-item-padding-inline-start)}.ams-visually-hidden:not(:active,:focus){block-size:1px;clip:rect(0 0 0 0);clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}:root{--ams-docs-grey: rgb(0 0 0 / 6.25%);--ams-docs-pink: rgb(229 0 130 / 25%);--ams-docs-lightblue: rgb(0 130 229 / 25%)}.ams-docs-figure{display:flex;gap:.25rem;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.ams-docs-image,.ams-docs-figure>img{display:block;max-inline-size:100%;outline:.0625rem dashed #e8e8e8}.ams-docs-figure>figcaption{text-align:center}.ams-docs-gallery{align-items:flex-end;display:flex;gap:2rem;margin-block:1.5rem}.ams-docs-gallery .ams-docs-figure{align-items:center;display:flex;flex-direction:column;inline-size:fit-content;margin-inline:0}.ams-docs-card{border:.0625rem solid hotpink;display:flex;flex-direction:column;gap:.5rem;inline-size:50%;padding-block:.5rem;padding-inline:.5rem}.ams-docs-dark-background,.ams-docs-light-background{margin-block:-1rem;margin-inline:-1rem;padding-block:1rem;padding-inline:1rem}.ams-docs-light-background{background-color:#ffe600}.ams-docs-dark-background{background-color:#004699}.ams-docs-backdrop{background-color:#0006;block-size:100%;inline-size:100%;position:absolute}.ams-docs-column,.ams-docs-grid,.ams-docs-row{border-inline:thin solid var(--ams-docs-grey)}.ams-docs-column,.ams-docs-row{background:repeating-linear-gradient(135deg,var(--ams-docs-grey),var(--ams-docs-grey) .5rem,white .5rem,white 1rem)}.ams-docs-column{max-inline-size:16rem;min-block-size:16rem}.ams-docs-row{min-block-size:6rem}.ams-docs-grid{block-size:100vh;inset-block:0;inset-inline:0;position:absolute}#storybook-docs .ams-docs-grid{block-size:100%}.ams-docs-grid__cell{background-color:var(--ams-docs-grey)}@media screen and (width < 36rem){.ams-docs-grid__cell:nth-child(n+5){display:none}}@media screen and (width < 68rem){.ams-docs-grid__cell:nth-child(n+9){display:none}}.ams-docs-aspect-ratio{min-block-size:initial;padding-block:var(--ams-space-md);padding-inline:var(--ams-space-md)}.ams-docs-item{background-color:var(--ams-docs-pink);border:thin dashed var(--ams-docs-grey);font-family:Amsterdam Sans,sans-serif;font-size:var(--ams-paragraph-small-font-size);line-height:var(--ams-paragraph-small-line-height);padding-block:1.5rem;text-align:center}.ams-docs-row>.ams-docs-item{flex-basis:8rem;padding-inline:1.5rem}.ams-docs-column>.ams-docs-item{min-inline-size:3rem}.ams-docs-item--highlight{background-color:var(--ams-docs-lightblue)}[class*=ams-docs-token-example--]{block-size:1rem}[class*=ams-docs-token-example--border]{border-inline-start-style:solid}[class*=ams-docs-token-example--space]{background-color:var(--ams-brand-color-neutral-0);outline:1px dashed var(--ams-brand-color-neutral-40)}.ams-resize-horizontal{outline:1px dashed var(--ams-docs-pink);overflow:auto;padding-block-end:1rem;resize:horizontal}.sbdocs-wrapper.sbdocs-wrapper{padding-inline:8vw}.sbdocs-content.sbdocs-content>:is(h1,h2,h3,h4,h5,h6,p),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(h1,h2,h3,h4,h5,h6,p),.sbdocs-content.sbdocs-content>:is(ol,ul) li,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(ol,ul) li,.sbdocs-content.sbdocs-content>table:not(.sb-unstyled) :is(td,th),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>table:not(.sb-unstyled) :is(td,th),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>figure>figcaption{color:#000;font-family:Amsterdam Sans,Arial,sans-serif}.sbdocs-content.sbdocs-content>p,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>p,.sbdocs-content.sbdocs-content>blockquote>p,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>blockquote>p,.sbdocs-content.sbdocs-content>:is(ol,ul) li,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(ol,ul) li,.sbdocs-content.sbdocs-content>:is(ol,ul) li>p,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(ol,ul) li>p{font-size:1.125rem;line-height:1.75}.sbdocs-content.sbdocs-content>h1+p,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h1+p{font-size:1.375rem;margin-block-end:2em}.sbdocs-content.sbdocs-content>.ams-storybook-status-badge{margin-block-end:1.5rem}.sbdocs-content.sbdocs-content>.ams-storybook-status-badge>span:nth-child(2){color:#000;font-family:Amsterdam Sans,Arial,sans-serif;font-size:var(--ams-text-level-6-font-size)}.sbdocs-content.sbdocs-content .sbdocs-a{color:#004699;text-decoration:underline;text-decoration-thickness:.125rem;text-underline-offset:.3333em}.sbdocs-content.sbdocs-content .sbdocs-a:hover{color:#102e62;text-decoration-thickness:.1875rem;text-underline-offset:.2778em}.sbdocs-content.sbdocs-content>:is(h1,h2,h3,h4,h5,h6),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(h1,h2,h3,h4,h5,h6){margin-block:2em .25em;padding-block:0}.sbdocs-content.sbdocs-content>h1,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h1{font-size:2.5rem;margin-block-start:0}.sbdocs-content.sbdocs-content>h2,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h2{border-block-end:none;font-size:1.5rem}.sbdocs-content.sbdocs-content>h3,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h3{font-size:1.25rem}.sbdocs-content.sbdocs-content>h4,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h4{font-size:1.125rem}.sbdocs-content.sbdocs-content>h2+h3,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h2+h3,.sbdocs-content.sbdocs-content>h3+h4,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h3+h4,.sbdocs-content.sbdocs-content>h4+h5,.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>h4+h5{margin-block-start:1em}.sbdocs-content.sbdocs-content>:is(p,ol,ul),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>:is(p,ol,ul){margin-block:0 1rem;padding-block:0}.sbdocs-content.sbdocs-content>table:not(.sb-unstyled) :is(td,th),.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>table:not(.sb-unstyled) :is(td,th){font-size:1rem;line-height:1.5}.sbdocs-content.sbdocs-content>p code{color:currentColor;font-size:1rem}.sbdocs-content.sbdocs-content>div:not(.sb-unstyled)>figure>figcaption{font-size:.875rem}:is(#storybook-root,.sbdocs-content) a[href="#"]{cursor:not-allowed}@media (forced-colors: active){.innerZoomElementWrapper.innerZoomElementWrapper>div{border-color:Canvas!important}} diff --git a/demo-develop/assets/routing-libraries.docs-DuyeJ8tk.js b/demo-develop/assets/routing-libraries.docs-BzzcnkFA.js similarity index 93% rename from demo-develop/assets/routing-libraries.docs-DuyeJ8tk.js rename to demo-develop/assets/routing-libraries.docs-BzzcnkFA.js index 8b9949a877..bba87defb8 100644 --- a/demo-develop/assets/routing-libraries.docs-DuyeJ8tk.js +++ b/demo-develop/assets/routing-libraries.docs-BzzcnkFA.js @@ -1,4 +1,4 @@ -import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as i}from"./index-U-bvrYWS.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function o(t){const e={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...r(),...t.components};return n.jsxs(n.Fragment,{children:[` +import{j as n}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as r}from"./index-3rgQkYFR.js";import{ae as i}from"./index-CYpc6MNd.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function o(t){const e={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",...r(),...t.components};return n.jsxs(n.Fragment,{children:[` `,` `,n.jsx(i,{title:"Docs/Developer Guide/Routing libraries"}),` `,n.jsx(e.h1,{id:"routing-libraries",children:"Routing libraries"}),` diff --git a/demo-develop/assets/space.docs-D_tjZ5Jy.js b/demo-develop/assets/space.docs-BGHoY8B-.js similarity index 98% rename from demo-develop/assets/space.docs-D_tjZ5Jy.js rename to demo-develop/assets/space.docs-BGHoY8B-.js index e40c206a35..e37ce25e77 100644 --- a/demo-develop/assets/space.docs-D_tjZ5Jy.js +++ b/demo-develop/assets/space.docs-BGHoY8B-.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as l}from"./index-3rgQkYFR.js";import{ae as i}from"./index-U-bvrYWS.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function n(s){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...l(),...s.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as l}from"./index-3rgQkYFR.js";import{ae as i}from"./index-CYpc6MNd.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function n(s){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...l(),...s.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(i,{title:"Brand/Design Tokens/Space"}),` `,e.jsx(t.h1,{id:"space",children:"Space"}),` diff --git a/demo-develop/assets/text.docs-DrWVfft_.js b/demo-develop/assets/text.docs-C_AlZwWF.js similarity index 99% rename from demo-develop/assets/text.docs-DrWVfft_.js rename to demo-develop/assets/text.docs-C_AlZwWF.js index 2e9d845216..c46e61a01a 100644 --- a/demo-develop/assets/text.docs-DrWVfft_.js +++ b/demo-develop/assets/text.docs-C_AlZwWF.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as l}from"./index-3rgQkYFR.js";import{ae as r,af as i}from"./index-U-bvrYWS.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function s(n){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",li:"li",ol:"ol",p:"p",pre:"pre",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...l(),...n.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as l}from"./index-3rgQkYFR.js";import{ae as r,af as i}from"./index-CYpc6MNd.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function s(n){const t={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",li:"li",ol:"ol",p:"p",pre:"pre",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...l(),...n.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(r,{title:"Brand/Design Tokens/Text"}),` `,e.jsx(t.h1,{id:"text",children:"Text"}),` diff --git a/demo-develop/assets/usability.docs-Dv3Aw2pU.js b/demo-develop/assets/usability.docs-wLK4uhe_.js similarity index 90% rename from demo-develop/assets/usability.docs-Dv3Aw2pU.js rename to demo-develop/assets/usability.docs-wLK4uhe_.js index eae7f12b0c..4587d936ba 100644 --- a/demo-develop/assets/usability.docs-Dv3Aw2pU.js +++ b/demo-develop/assets/usability.docs-wLK4uhe_.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as i}from"./index-U-bvrYWS.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function o(n){const t={code:"code",h1:"h1",h2:"h2",p:"p",...s(),...n.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as s}from"./index-3rgQkYFR.js";import{ae as i}from"./index-CYpc6MNd.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";/*@license CC0-1.0*/function o(n){const t={code:"code",h1:"h1",h2:"h2",p:"p",...s(),...n.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(i,{title:"Docs/Developer Guide/Usability"}),` `,e.jsx(t.h1,{id:"usability",children:"Usability"}),` diff --git a/demo-develop/assets/web-app.docs-ChQ80Rgl.js b/demo-develop/assets/web-app.docs-CqQyKHTI.js similarity index 96% rename from demo-develop/assets/web-app.docs-ChQ80Rgl.js rename to demo-develop/assets/web-app.docs-CqQyKHTI.js index feef55e912..b70503f28e 100644 --- a/demo-develop/assets/web-app.docs-ChQ80Rgl.js +++ b/demo-develop/assets/web-app.docs-CqQyKHTI.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as a}from"./index-U-bvrYWS.js";import{W as o}from"./AppIcons-KE5ebJoc.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-CcKRFNHG.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-C0OPbFsf.js";import"./clsx-B-dksMZM.js";import"./index.esm-Bz9pa_xK.js";/*@license CC0-1.0*/function i(s){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",ul:"ul",...t(),...s.components};return e.jsxs(e.Fragment,{children:[` +import{j as e}from"./jsx-runtime-BjgbQsUx.js";import{useMDXComponents as t}from"./index-3rgQkYFR.js";import{ae as a}from"./index-CYpc6MNd.js";import{W as o}from"./AppIcons-CtPqC-oN.js";import"./index-D2MAbzvX.js";import"./index-RigO-4kf.js";import"./_commonjsHelpers-CqkleIqs.js";import"./iframe-DelTWw7Q.js";import"../sb-preview/runtime.js";import"./index-BIm0odtm.js";import"./index-D-8MO0q_.js";import"./index-CHGET4sZ.js";import"./index-DrFu-skq.js";import"./index.esm-ciNFknO_.js";import"./clsx-B-dksMZM.js";import"./index.esm-kml84xjK.js";/*@license CC0-1.0*/function i(s){const n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",ul:"ul",...t(),...s.components};return e.jsxs(e.Fragment,{children:[` `,` `,e.jsx(a,{title:"Docs/Developer Guide/Web App"}),` `,e.jsx(n.h1,{id:"web-app",children:"Web App"}),` diff --git a/demo-develop/iframe.html b/demo-develop/iframe.html index caac7c6d42..6caeed95c1 100644 --- a/demo-develop/iframe.html +++ b/demo-develop/iframe.html @@ -512,7 +512,7 @@ window.global = window; - + diff --git a/demo-develop/index.json b/demo-develop/index.json index f61bb790f0..4d764a930a 100644 --- a/demo-develop/index.json +++ b/demo-develop/index.json @@ -1 +1 @@ -{"v":5,"entries":{"docs-introduction--docs":{"id":"docs-introduction--docs","title":"Docs/Introduction","name":"Docs","importPath":"./src/docs/introduction.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"docs-developer-guide-getting-started--docs":{"id":"docs-developer-guide-getting-started--docs","title":"Docs/Developer Guide/Getting Started","name":"Docs","importPath":"./src/docs/developer-guide/getting-started.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"docs-developer-guide-breakpoints--docs":{"id":"docs-developer-guide-breakpoints--docs","title":"Docs/Developer Guide/Breakpoints","name":"Docs","importPath":"./src/docs/developer-guide/breakpoints.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"docs-developer-guide-interactivity--docs":{"id":"docs-developer-guide-interactivity--docs","title":"Docs/Developer Guide/Interactivity","name":"Docs","importPath":"./src/docs/developer-guide/interactivity.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"docs-developer-guide-language--docs":{"id":"docs-developer-guide-language--docs","title":"Docs/Developer Guide/Language","name":"Docs","importPath":"./src/docs/developer-guide/language.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"docs-developer-guide-routing-libraries--docs":{"id":"docs-developer-guide-routing-libraries--docs","title":"Docs/Developer Guide/Routing libraries","name":"Docs","importPath":"./src/docs/developer-guide/routing-libraries.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"docs-developer-guide-usability--docs":{"id":"docs-developer-guide-usability--docs","title":"Docs/Developer Guide/Usability","name":"Docs","importPath":"./src/docs/developer-guide/usability.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"docs-developer-guide-web-app--docs":{"id":"docs-developer-guide-web-app--docs","title":"Docs/Developer Guide/Web App","name":"Docs","importPath":"./src/docs/developer-guide/web-app.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"docs-terms-of-use-copyright--docs":{"id":"docs-terms-of-use-copyright--docs","title":"Docs/Terms of Use/Copyright","name":"Docs","importPath":"./src/docs/terms-of-use/copyright.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"docs-terms-of-use-license--docs":{"id":"docs-terms-of-use-license--docs","title":"Docs/Terms of Use/License","name":"Docs","importPath":"./src/docs/terms-of-use/license.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"brand-assets-favicon--docs":{"id":"brand-assets-favicon--docs","title":"Brand/Assets/Favicon","name":"Docs","importPath":"./src/foundation/assets/favicon.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"brand-assets-font--docs":{"id":"brand-assets-font--docs","title":"Brand/Assets/Font","name":"Docs","importPath":"./src/foundation/assets/font.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"brand-assets-icons--docs":{"id":"brand-assets-icons--docs","title":"Brand/Assets/Icons","name":"Docs","importPath":"./src/foundation/assets/icons.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"brand-design-tokens-aspect-ratio--docs":{"id":"brand-design-tokens-aspect-ratio--docs","title":"Brand/Design Tokens/Aspect Ratio","name":"Docs","importPath":"./src/foundation/design-tokens/aspect-ratio.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"brand-design-tokens-border--docs":{"id":"brand-design-tokens-border--docs","title":"Brand/Design Tokens/Border","name":"Docs","importPath":"./src/foundation/design-tokens/border.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"brand-design-tokens-colour--docs":{"id":"brand-design-tokens-colour--docs","title":"Brand/Design Tokens/Colour","name":"Docs","importPath":"./src/foundation/design-tokens/colour.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"brand-design-tokens-grid--docs":{"id":"brand-design-tokens-grid--docs","title":"Brand/Design Tokens/Grid","name":"Docs","importPath":"./src/foundation/design-tokens/grid.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"brand-design-tokens-space--docs":{"id":"brand-design-tokens-space--docs","title":"Brand/Design Tokens/Space","name":"Docs","importPath":"./src/foundation/design-tokens/space.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"brand-design-tokens-text--docs":{"id":"brand-design-tokens-text--docs","title":"Brand/Design Tokens/Text","name":"Docs","importPath":"./src/foundation/design-tokens/text.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"components-buttons-button--docs":{"id":"components-buttons-button--docs","title":"Components/Buttons/Button","name":"Docs","importPath":"./src/components/Button/Button.docs.mdx","storiesImports":["./src/components/Button/Button.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-buttons-icon-button--docs":{"id":"components-buttons-icon-button--docs","title":"Components/Buttons/Icon Button","name":"Docs","importPath":"./src/components/IconButton/IconButton.docs.mdx","storiesImports":["./src/components/IconButton/IconButton.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-buttons-button--primary":{"type":"story","id":"components-buttons-button--primary","name":"Primary","title":"Components/Buttons/Button","importPath":"./src/components/Button/Button.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-button--secondary":{"type":"story","id":"components-buttons-button--secondary","name":"Secondary","title":"Components/Buttons/Button","importPath":"./src/components/Button/Button.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-button--tertiary":{"type":"story","id":"components-buttons-button--tertiary","name":"Tertiary","title":"Components/Buttons/Button","importPath":"./src/components/Button/Button.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-button--with-icon":{"type":"story","id":"components-buttons-button--with-icon","name":"With Icon","title":"Components/Buttons/Button","importPath":"./src/components/Button/Button.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-button--with-icon-before":{"type":"story","id":"components-buttons-button--with-icon-before","name":"With Icon Before","title":"Components/Buttons/Button","importPath":"./src/components/Button/Button.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-button--with-icon-only":{"type":"story","id":"components-buttons-button--with-icon-only","name":"With Icon Only","title":"Components/Buttons/Button","importPath":"./src/components/Button/Button.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-button--text-wrapping":{"type":"story","id":"components-buttons-button--text-wrapping","name":"Text Wrapping","title":"Components/Buttons/Button","importPath":"./src/components/Button/Button.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-icon-button--default":{"type":"story","id":"components-buttons-icon-button--default","name":"Default","title":"Components/Buttons/Icon Button","importPath":"./src/components/IconButton/IconButton.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-icon-button--level-3":{"type":"story","id":"components-buttons-icon-button--level-3","name":"Level 3","title":"Components/Buttons/Icon Button","importPath":"./src/components/IconButton/IconButton.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-icon-button--level-4":{"type":"story","id":"components-buttons-icon-button--level-4","name":"Level 4","title":"Components/Buttons/Icon Button","importPath":"./src/components/IconButton/IconButton.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-icon-button--level-5":{"type":"story","id":"components-buttons-icon-button--level-5","name":"Level 5","title":"Components/Buttons/Icon Button","importPath":"./src/components/IconButton/IconButton.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-icon-button--level-6":{"type":"story","id":"components-buttons-icon-button--level-6","name":"Level 6","title":"Components/Buttons/Icon Button","importPath":"./src/components/IconButton/IconButton.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-icon-button--contrast-colour":{"type":"story","id":"components-buttons-icon-button--contrast-colour","name":"Contrast Colour","title":"Components/Buttons/Icon Button","importPath":"./src/components/IconButton/IconButton.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-icon-button--inverse-colour":{"type":"story","id":"components-buttons-icon-button--inverse-colour","name":"Inverse Colour","title":"Components/Buttons/Icon Button","importPath":"./src/components/IconButton/IconButton.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-accordion--docs":{"id":"components-containers-accordion--docs","title":"Components/Containers/Accordion","name":"Docs","importPath":"./src/components/Accordion/Accordion.docs.mdx","storiesImports":["./src/components/Accordion/Accordion.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-containers-dialog--docs":{"id":"components-containers-dialog--docs","title":"Components/Containers/Dialog","name":"Docs","importPath":"./src/components/Dialog/Dialog.docs.mdx","storiesImports":["./src/components/Dialog/Dialog.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-containers-footer--docs":{"id":"components-containers-footer--docs","title":"Components/Containers/Footer","name":"Docs","importPath":"./src/components/Footer/Footer.docs.mdx","storiesImports":["./src/components/Footer/Footer.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-containers-header--docs":{"id":"components-containers-header--docs","title":"Components/Containers/Header","name":"Docs","importPath":"./src/components/Header/Header.docs.mdx","storiesImports":["./src/components/Header/Header.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-containers-spotlight--docs":{"id":"components-containers-spotlight--docs","title":"Components/Containers/Spotlight","name":"Docs","importPath":"./src/components/Spotlight/Spotlight.docs.mdx","storiesImports":["./src/components/Spotlight/Spotlight.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-containers-table--docs":{"id":"components-containers-table--docs","title":"Components/Containers/Table","name":"Docs","importPath":"./src/components/Table/Table.docs.mdx","storiesImports":["./src/components/Table/Table.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-containers-tabs--docs":{"id":"components-containers-tabs--docs","title":"Components/Containers/Tabs","name":"Docs","importPath":"./src/components/Tabs/Tabs.docs.mdx","storiesImports":["./src/components/Tabs/Tabs.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-containers-accordion--default":{"type":"story","id":"components-containers-accordion--default","name":"Default","title":"Components/Containers/Accordion","importPath":"./src/components/Accordion/Accordion.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-accordion--expanded-by-default":{"type":"story","id":"components-containers-accordion--expanded-by-default","name":"Expanded By Default","title":"Components/Containers/Accordion","importPath":"./src/components/Accordion/Accordion.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-accordion--reduce-landmarks":{"type":"story","id":"components-containers-accordion--reduce-landmarks","name":"Reduce Landmarks","title":"Components/Containers/Accordion","importPath":"./src/components/Accordion/Accordion.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-dialog--default":{"type":"story","id":"components-containers-dialog--default","name":"Default","title":"Components/Containers/Dialog","importPath":"./src/components/Dialog/Dialog.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-dialog--open-and-close":{"type":"story","id":"components-containers-dialog--open-and-close","name":"Open And Close","title":"Components/Containers/Dialog","importPath":"./src/components/Dialog/Dialog.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-dialog--asking-to-confirm":{"type":"story","id":"components-containers-dialog--asking-to-confirm","name":"Asking To Confirm","title":"Components/Containers/Dialog","importPath":"./src/components/Dialog/Dialog.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-dialog--with-scrollbar":{"type":"story","id":"components-containers-dialog--with-scrollbar","name":"With Scrollbar","title":"Components/Containers/Dialog","importPath":"./src/components/Dialog/Dialog.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-footer--default":{"type":"story","id":"components-containers-footer--default","name":"Default","title":"Components/Containers/Footer","importPath":"./src/components/Footer/Footer.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-footer--onderzoek-en-statistiek":{"type":"story","id":"components-containers-footer--onderzoek-en-statistiek","name":"Onderzoek En Statistiek","title":"Components/Containers/Footer","importPath":"./src/components/Footer/Footer.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-header--default":{"type":"story","id":"components-containers-header--default","name":"Default","title":"Components/Containers/Header","importPath":"./src/components/Header/Header.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-header--for-sub-brand":{"type":"story","id":"components-containers-header--for-sub-brand","name":"For Sub Brand","title":"Components/Containers/Header","importPath":"./src/components/Header/Header.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-header--with-app-name":{"type":"story","id":"components-containers-header--with-app-name","name":"With App Name","title":"Components/Containers/Header","importPath":"./src/components/Header/Header.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-header--with-links":{"type":"story","id":"components-containers-header--with-links","name":"With Links","title":"Components/Containers/Header","importPath":"./src/components/Header/Header.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-header--with-menu-button":{"type":"story","id":"components-containers-header--with-menu-button","name":"With Menu Button","title":"Components/Containers/Header","importPath":"./src/components/Header/Header.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-header--with-links-and-menu-button":{"type":"story","id":"components-containers-header--with-links-and-menu-button","name":"With Links And Menu Button","title":"Components/Containers/Header","importPath":"./src/components/Header/Header.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-header--with-app-name-and-menu-button":{"type":"story","id":"components-containers-header--with-app-name-and-menu-button","name":"With App Name And Menu Button","title":"Components/Containers/Header","importPath":"./src/components/Header/Header.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-header--with-app-name-links-and-menu-button":{"type":"story","id":"components-containers-header--with-app-name-links-and-menu-button","name":"With App Name Links And Menu Button","title":"Components/Containers/Header","importPath":"./src/components/Header/Header.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-spotlight--default":{"type":"story","id":"components-containers-spotlight--default","name":"Default","title":"Components/Containers/Spotlight","importPath":"./src/components/Spotlight/Spotlight.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-spotlight--azure":{"type":"story","id":"components-containers-spotlight--azure","name":"Azure","title":"Components/Containers/Spotlight","importPath":"./src/components/Spotlight/Spotlight.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-spotlight--green":{"type":"story","id":"components-containers-spotlight--green","name":"Green","title":"Components/Containers/Spotlight","importPath":"./src/components/Spotlight/Spotlight.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-spotlight--lime":{"type":"story","id":"components-containers-spotlight--lime","name":"Lime","title":"Components/Containers/Spotlight","importPath":"./src/components/Spotlight/Spotlight.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-spotlight--magenta":{"type":"story","id":"components-containers-spotlight--magenta","name":"Magenta","title":"Components/Containers/Spotlight","importPath":"./src/components/Spotlight/Spotlight.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-spotlight--orange":{"type":"story","id":"components-containers-spotlight--orange","name":"Orange","title":"Components/Containers/Spotlight","importPath":"./src/components/Spotlight/Spotlight.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-spotlight--yellow":{"type":"story","id":"components-containers-spotlight--yellow","name":"Yellow","title":"Components/Containers/Spotlight","importPath":"./src/components/Spotlight/Spotlight.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-spotlight--improve-semantics":{"type":"story","id":"components-containers-spotlight--improve-semantics","name":"Improve Semantics","title":"Components/Containers/Spotlight","importPath":"./src/components/Spotlight/Spotlight.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-table--default":{"type":"story","id":"components-containers-table--default","name":"Default","title":"Components/Containers/Table","importPath":"./src/components/Table/Table.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-table--with-footer-and-row-headers":{"type":"story","id":"components-containers-table--with-footer-and-row-headers","name":"With Footer And Row Headers","title":"Components/Containers/Table","importPath":"./src/components/Table/Table.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-tabs--default":{"type":"story","id":"components-containers-tabs--default","name":"Default","title":"Components/Containers/Tabs","importPath":"./src/components/Tabs/Tabs.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-tabs--with-initial-tab":{"type":"story","id":"components-containers-tabs--with-initial-tab","name":"With Initial Tab","title":"Components/Containers/Tabs","importPath":"./src/components/Tabs/Tabs.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-alert--docs":{"id":"components-feedback-alert--docs","title":"Components/Feedback/Alert","name":"Docs","importPath":"./src/components/Alert/Alert.docs.mdx","storiesImports":["./src/components/Alert/Alert.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-feedback-avatar--docs":{"id":"components-feedback-avatar--docs","title":"Components/Feedback/Avatar","name":"Docs","importPath":"./src/components/Avatar/Avatar.docs.mdx","storiesImports":["./src/components/Avatar/Avatar.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-feedback-badge--docs":{"id":"components-feedback-badge--docs","title":"Components/Feedback/Badge","name":"Docs","importPath":"./src/components/Badge/Badge.docs.mdx","storiesImports":["./src/components/Badge/Badge.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-feedback-alert--default":{"type":"story","id":"components-feedback-alert--default","name":"Default","title":"Components/Feedback/Alert","importPath":"./src/components/Alert/Alert.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-alert--warning":{"type":"story","id":"components-feedback-alert--warning","name":"Warning","title":"Components/Feedback/Alert","importPath":"./src/components/Alert/Alert.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-alert--error":{"type":"story","id":"components-feedback-alert--error","name":"Error","title":"Components/Feedback/Alert","importPath":"./src/components/Alert/Alert.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-alert--success":{"type":"story","id":"components-feedback-alert--success","name":"Success","title":"Components/Feedback/Alert","importPath":"./src/components/Alert/Alert.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-alert--info":{"type":"story","id":"components-feedback-alert--info","name":"Info","title":"Components/Feedback/Alert","importPath":"./src/components/Alert/Alert.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-alert--with-list":{"type":"story","id":"components-feedback-alert--with-list","name":"With List","title":"Components/Feedback/Alert","importPath":"./src/components/Alert/Alert.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-alert--with-inline-link":{"type":"story","id":"components-feedback-alert--with-inline-link","name":"With Inline Link","title":"Components/Feedback/Alert","importPath":"./src/components/Alert/Alert.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-alert--without-heading":{"type":"story","id":"components-feedback-alert--without-heading","name":"Without Heading","title":"Components/Feedback/Alert","importPath":"./src/components/Alert/Alert.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-avatar--default":{"type":"story","id":"components-feedback-avatar--default","name":"Default","title":"Components/Feedback/Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-avatar--with-image":{"type":"story","id":"components-feedback-avatar--with-image","name":"With Image","title":"Components/Feedback/Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-avatar--fallback-icon":{"type":"story","id":"components-feedback-avatar--fallback-icon","name":"Fallback Icon","title":"Components/Feedback/Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-avatar--in-a-header":{"type":"story","id":"components-feedback-avatar--in-a-header","name":"In A Header","title":"Components/Feedback/Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-badge--default":{"type":"story","id":"components-feedback-badge--default","name":"Default","title":"Components/Feedback/Badge","importPath":"./src/components/Badge/Badge.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-character-count--docs":{"id":"components-forms-character-count--docs","title":"Components/Forms/Character Count","name":"Docs","importPath":"./src/components/CharacterCount/CharacterCount.docs.mdx","storiesImports":["./src/components/CharacterCount/CharacterCount.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-checkbox--docs":{"id":"components-forms-checkbox--docs","title":"Components/Forms/Checkbox","name":"Docs","importPath":"./src/components/Checkbox/Checkbox.docs.mdx","storiesImports":["./src/components/Checkbox/Checkbox.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-date-input--docs":{"id":"components-forms-date-input--docs","title":"Components/Forms/Date Input","name":"Docs","importPath":"./src/components/DateInput/DateInput.docs.mdx","storiesImports":["./src/components/DateInput/DateInput.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-error-message--docs":{"id":"components-forms-error-message--docs","title":"Components/Forms/Error Message","name":"Docs","importPath":"./src/components/ErrorMessage/ErrorMessage.docs.mdx","storiesImports":["./src/components/ErrorMessage/ErrorMessage.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-field--docs":{"id":"components-forms-field--docs","title":"Components/Forms/Field","name":"Docs","importPath":"./src/components/Field/Field.docs.mdx","storiesImports":["./src/components/Field/Field.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-field-set--docs":{"id":"components-forms-field-set--docs","title":"Components/Forms/Field Set","name":"Docs","importPath":"./src/components/FieldSet/FieldSet.docs.mdx","storiesImports":["./src/components/FieldSet/FieldSet.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-file-input--docs":{"id":"components-forms-file-input--docs","title":"Components/Forms/File Input","name":"Docs","importPath":"./src/components/FileInput/FileInput.docs.mdx","storiesImports":["./src/components/FileInput/FileInput.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-file-list--docs":{"id":"components-forms-file-list--docs","title":"Components/Forms/File List","name":"Docs","importPath":"./src/components/FileList/FileList.docs.mdx","storiesImports":["./src/components/FileList/FileList.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-form-error-list--docs":{"id":"components-forms-form-error-list--docs","title":"Components/Forms/Form Error List","name":"Docs","importPath":"./src/components/FormErrorList/FormErrorList.docs.mdx","storiesImports":["./src/components/FormErrorList/FormErrorList.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-label--docs":{"id":"components-forms-label--docs","title":"Components/Forms/Label","name":"Docs","importPath":"./src/components/Label/Label.docs.mdx","storiesImports":["./src/components/Label/Label.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-password-input--docs":{"id":"components-forms-password-input--docs","title":"Components/Forms/Password Input","name":"Docs","importPath":"./src/components/PasswordInput/PasswordInput.docs.mdx","storiesImports":["./src/components/PasswordInput/PasswordInput.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-radio--docs":{"id":"components-forms-radio--docs","title":"Components/Forms/Radio","name":"Docs","importPath":"./src/components/Radio/Radio.docs.mdx","storiesImports":["./src/components/Radio/Radio.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-search-field--docs":{"id":"components-forms-search-field--docs","title":"Components/Forms/Search Field","name":"Docs","importPath":"./src/components/SearchField/SearchField.docs.mdx","storiesImports":["./src/components/SearchField/SearchField.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-select--docs":{"id":"components-forms-select--docs","title":"Components/Forms/Select","name":"Docs","importPath":"./src/components/Select/Select.docs.mdx","storiesImports":["./src/components/Select/Select.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-switch--docs":{"id":"components-forms-switch--docs","title":"Components/Forms/Switch","name":"Docs","importPath":"./src/components/Switch/Switch.docs.mdx","storiesImports":["./src/components/Switch/Switch.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-text-area--docs":{"id":"components-forms-text-area--docs","title":"Components/Forms/Text Area","name":"Docs","importPath":"./src/components/TextArea/TextArea.docs.mdx","storiesImports":["./src/components/TextArea/TextArea.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-text-input--docs":{"id":"components-forms-text-input--docs","title":"Components/Forms/Text Input","name":"Docs","importPath":"./src/components/TextInput/TextInput.docs.mdx","storiesImports":["./src/components/TextInput/TextInput.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-time-input--docs":{"id":"components-forms-time-input--docs","title":"Components/Forms/Time Input","name":"Docs","importPath":"./src/components/TimeInput/TimeInput.docs.mdx","storiesImports":["./src/components/TimeInput/TimeInput.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-character-count--default":{"type":"story","id":"components-forms-character-count--default","name":"Default","title":"Components/Forms/Character Count","importPath":"./src/components/CharacterCount/CharacterCount.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-character-count--error":{"type":"story","id":"components-forms-character-count--error","name":"Error","title":"Components/Forms/Character Count","importPath":"./src/components/CharacterCount/CharacterCount.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-checkbox--default":{"type":"story","id":"components-forms-checkbox--default","name":"Default","title":"Components/Forms/Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-checkbox--long-label":{"type":"story","id":"components-forms-checkbox--long-label","name":"Long Label","title":"Components/Forms/Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-checkbox--in-a-field-set":{"type":"story","id":"components-forms-checkbox--in-a-field-set","name":"In A Field Set","title":"Components/Forms/Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-checkbox--in-a-field-set-with-validation":{"type":"story","id":"components-forms-checkbox--in-a-field-set-with-validation","name":"In A Field Set With Validation","title":"Components/Forms/Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-date-input--default":{"type":"story","id":"components-forms-date-input--default","name":"Default","title":"Components/Forms/Date Input","importPath":"./src/components/DateInput/DateInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-date-input--date-time":{"type":"story","id":"components-forms-date-input--date-time","name":"Date Time","title":"Components/Forms/Date Input","importPath":"./src/components/DateInput/DateInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-date-input--invalid":{"type":"story","id":"components-forms-date-input--invalid","name":"Invalid","title":"Components/Forms/Date Input","importPath":"./src/components/DateInput/DateInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-date-input--disabled":{"type":"story","id":"components-forms-date-input--disabled","name":"Disabled","title":"Components/Forms/Date Input","importPath":"./src/components/DateInput/DateInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-date-input--in-a-field":{"type":"story","id":"components-forms-date-input--in-a-field","name":"In A Field","title":"Components/Forms/Date Input","importPath":"./src/components/DateInput/DateInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-date-input--in-a-field-with-validation":{"type":"story","id":"components-forms-date-input--in-a-field-with-validation","name":"In A Field With Validation","title":"Components/Forms/Date Input","importPath":"./src/components/DateInput/DateInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-error-message--default":{"type":"story","id":"components-forms-error-message--default","name":"Default","title":"Components/Forms/Error Message","importPath":"./src/components/ErrorMessage/ErrorMessage.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-error-message--custom-prefix":{"type":"story","id":"components-forms-error-message--custom-prefix","name":"Custom Prefix","title":"Components/Forms/Error Message","importPath":"./src/components/ErrorMessage/ErrorMessage.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-error-message--with-custom-icon":{"type":"story","id":"components-forms-error-message--with-custom-icon","name":"With Custom Icon","title":"Components/Forms/Error Message","importPath":"./src/components/ErrorMessage/ErrorMessage.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-field--default":{"type":"story","id":"components-forms-field--default","name":"Default","title":"Components/Forms/Field","importPath":"./src/components/Field/Field.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-field--with-description":{"type":"story","id":"components-forms-field--with-description","name":"With Description","title":"Components/Forms/Field","importPath":"./src/components/Field/Field.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-field--with-validation":{"type":"story","id":"components-forms-field--with-validation","name":"With Validation","title":"Components/Forms/Field","importPath":"./src/components/Field/Field.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-field-set--default":{"type":"story","id":"components-forms-field-set--default","name":"Default","title":"Components/Forms/Field Set","importPath":"./src/components/FieldSet/FieldSet.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-field-set--with-description":{"type":"story","id":"components-forms-field-set--with-description","name":"With Description","title":"Components/Forms/Field Set","importPath":"./src/components/FieldSet/FieldSet.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-field-set--with-hint":{"type":"story","id":"components-forms-field-set--with-hint","name":"With Hint","title":"Components/Forms/Field Set","importPath":"./src/components/FieldSet/FieldSet.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-field-set--with-validation":{"type":"story","id":"components-forms-field-set--with-validation","name":"With Validation","title":"Components/Forms/Field Set","importPath":"./src/components/FieldSet/FieldSet.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-field-set--radio-group":{"type":"story","id":"components-forms-field-set--radio-group","name":"Radio Group","title":"Components/Forms/Field Set","importPath":"./src/components/FieldSet/FieldSet.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-field-set--radio-group-with-validation":{"type":"story","id":"components-forms-field-set--radio-group-with-validation","name":"Radio Group With Validation","title":"Components/Forms/Field Set","importPath":"./src/components/FieldSet/FieldSet.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-field-set--checkbox-group":{"type":"story","id":"components-forms-field-set--checkbox-group","name":"Checkbox Group","title":"Components/Forms/Field Set","importPath":"./src/components/FieldSet/FieldSet.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-field-set--checkbox-group-with-validation":{"type":"story","id":"components-forms-field-set--checkbox-group-with-validation","name":"Checkbox Group With Validation","title":"Components/Forms/Field Set","importPath":"./src/components/FieldSet/FieldSet.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-file-input--default":{"type":"story","id":"components-forms-file-input--default","name":"Default","title":"Components/Forms/File Input","importPath":"./src/components/FileInput/FileInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-file-input--multiple-files":{"type":"story","id":"components-forms-file-input--multiple-files","name":"Multiple Files","title":"Components/Forms/File Input","importPath":"./src/components/FileInput/FileInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-file-input--restrict-file-types":{"type":"story","id":"components-forms-file-input--restrict-file-types","name":"Restrict File Types","title":"Components/Forms/File Input","importPath":"./src/components/FileInput/FileInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-file-input--disabled":{"type":"story","id":"components-forms-file-input--disabled","name":"Disabled","title":"Components/Forms/File Input","importPath":"./src/components/FileInput/FileInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-file-input--in-a-field":{"type":"story","id":"components-forms-file-input--in-a-field","name":"In A Field","title":"Components/Forms/File Input","importPath":"./src/components/FileInput/FileInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-file-list--default":{"type":"story","id":"components-forms-file-list--default","name":"Default","title":"Components/Forms/File List","importPath":"./src/components/FileList/FileList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-file-list--with-input":{"type":"story","id":"components-forms-file-list--with-input","name":"With Input","title":"Components/Forms/File List","importPath":"./src/components/FileList/FileList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-form-error-list--default":{"type":"story","id":"components-forms-form-error-list--default","name":"Default","title":"Components/Forms/Form Error List","importPath":"./src/components/FormErrorList/FormErrorList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-label--default":{"type":"story","id":"components-forms-label--default","name":"Default","title":"Components/Forms/Label","importPath":"./src/components/Label/Label.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-label--optional":{"type":"story","id":"components-forms-label--optional","name":"Optional","title":"Components/Forms/Label","importPath":"./src/components/Label/Label.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-label--with-hint":{"type":"story","id":"components-forms-label--with-hint","name":"With Hint","title":"Components/Forms/Label","importPath":"./src/components/Label/Label.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-password-input--default":{"type":"story","id":"components-forms-password-input--default","name":"Default","title":"Components/Forms/Password Input","importPath":"./src/components/PasswordInput/PasswordInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-password-input--in-a-field":{"type":"story","id":"components-forms-password-input--in-a-field","name":"In A Field","title":"Components/Forms/Password Input","importPath":"./src/components/PasswordInput/PasswordInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-password-input--in-a-field-with-validation":{"type":"story","id":"components-forms-password-input--in-a-field-with-validation","name":"In A Field With Validation","title":"Components/Forms/Password Input","importPath":"./src/components/PasswordInput/PasswordInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-radio--default":{"type":"story","id":"components-forms-radio--default","name":"Default","title":"Components/Forms/Radio","importPath":"./src/components/Radio/Radio.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-radio--in-a-field-set":{"type":"story","id":"components-forms-radio--in-a-field-set","name":"In A Field Set","title":"Components/Forms/Radio","importPath":"./src/components/Radio/Radio.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-radio--in-a-field-set-with-validation":{"type":"story","id":"components-forms-radio--in-a-field-set-with-validation","name":"In A Field Set With Validation","title":"Components/Forms/Radio","importPath":"./src/components/Radio/Radio.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-radio--with-custom-icon":{"type":"story","id":"components-forms-radio--with-custom-icon","name":"With Custom Icon","title":"Components/Forms/Radio","importPath":"./src/components/Radio/Radio.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-search-field--default":{"type":"story","id":"components-forms-search-field--default","name":"Default","title":"Components/Forms/Search Field","importPath":"./src/components/SearchField/SearchField.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-search-field--with-placeholder":{"type":"story","id":"components-forms-search-field--with-placeholder","name":"With Placeholder","title":"Components/Forms/Search Field","importPath":"./src/components/SearchField/SearchField.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-search-field--controlled":{"type":"story","id":"components-forms-search-field--controlled","name":"Controlled","title":"Components/Forms/Search Field","importPath":"./src/components/SearchField/SearchField.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-select--default":{"type":"story","id":"components-forms-select--default","name":"Default","title":"Components/Forms/Select","importPath":"./src/components/Select/Select.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-select--grouped":{"type":"story","id":"components-forms-select--grouped","name":"Grouped","title":"Components/Forms/Select","importPath":"./src/components/Select/Select.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-select--invalid":{"type":"story","id":"components-forms-select--invalid","name":"Invalid","title":"Components/Forms/Select","importPath":"./src/components/Select/Select.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-select--disabled":{"type":"story","id":"components-forms-select--disabled","name":"Disabled","title":"Components/Forms/Select","importPath":"./src/components/Select/Select.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-select--in-a-field":{"type":"story","id":"components-forms-select--in-a-field","name":"In A Field","title":"Components/Forms/Select","importPath":"./src/components/Select/Select.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-select--in-a-field-with-validation":{"type":"story","id":"components-forms-select--in-a-field-with-validation","name":"In A Field With Validation","title":"Components/Forms/Select","importPath":"./src/components/Select/Select.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-switch--default":{"type":"story","id":"components-forms-switch--default","name":"Default","title":"Components/Forms/Switch","importPath":"./src/components/Switch/Switch.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-switch--with-label":{"type":"story","id":"components-forms-switch--with-label","name":"With Label","title":"Components/Forms/Switch","importPath":"./src/components/Switch/Switch.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-area--default":{"type":"story","id":"components-forms-text-area--default","name":"Default","title":"Components/Forms/Text Area","importPath":"./src/components/TextArea/TextArea.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-area--vertical-resize":{"type":"story","id":"components-forms-text-area--vertical-resize","name":"Vertical Resize","title":"Components/Forms/Text Area","importPath":"./src/components/TextArea/TextArea.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-area--horizontal-resize":{"type":"story","id":"components-forms-text-area--horizontal-resize","name":"Horizontal Resize","title":"Components/Forms/Text Area","importPath":"./src/components/TextArea/TextArea.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-area--no-resize":{"type":"story","id":"components-forms-text-area--no-resize","name":"No Resize","title":"Components/Forms/Text Area","importPath":"./src/components/TextArea/TextArea.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-area--invalid":{"type":"story","id":"components-forms-text-area--invalid","name":"Invalid","title":"Components/Forms/Text Area","importPath":"./src/components/TextArea/TextArea.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-area--disabled":{"type":"story","id":"components-forms-text-area--disabled","name":"Disabled","title":"Components/Forms/Text Area","importPath":"./src/components/TextArea/TextArea.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-area--in-a-field":{"type":"story","id":"components-forms-text-area--in-a-field","name":"In A Field","title":"Components/Forms/Text Area","importPath":"./src/components/TextArea/TextArea.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-area--in-a-field-with-validation":{"type":"story","id":"components-forms-text-area--in-a-field-with-validation","name":"In A Field With Validation","title":"Components/Forms/Text Area","importPath":"./src/components/TextArea/TextArea.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-input--default":{"type":"story","id":"components-forms-text-input--default","name":"Default","title":"Components/Forms/Text Input","importPath":"./src/components/TextInput/TextInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-input--email-address":{"type":"story","id":"components-forms-text-input--email-address","name":"Email Address","title":"Components/Forms/Text Input","importPath":"./src/components/TextInput/TextInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-input--web-address":{"type":"story","id":"components-forms-text-input--web-address","name":"Web Address","title":"Components/Forms/Text Input","importPath":"./src/components/TextInput/TextInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-input--phone-number":{"type":"story","id":"components-forms-text-input--phone-number","name":"Phone Number","title":"Components/Forms/Text Input","importPath":"./src/components/TextInput/TextInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-input--placeholder":{"type":"story","id":"components-forms-text-input--placeholder","name":"Placeholder","title":"Components/Forms/Text Input","importPath":"./src/components/TextInput/TextInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-input--invalid":{"type":"story","id":"components-forms-text-input--invalid","name":"Invalid","title":"Components/Forms/Text Input","importPath":"./src/components/TextInput/TextInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-input--disabled":{"type":"story","id":"components-forms-text-input--disabled","name":"Disabled","title":"Components/Forms/Text Input","importPath":"./src/components/TextInput/TextInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-input--in-a-field":{"type":"story","id":"components-forms-text-input--in-a-field","name":"In A Field","title":"Components/Forms/Text Input","importPath":"./src/components/TextInput/TextInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-input--in-a-field-with-validation":{"type":"story","id":"components-forms-text-input--in-a-field-with-validation","name":"In A Field With Validation","title":"Components/Forms/Text Input","importPath":"./src/components/TextInput/TextInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-time-input--default":{"type":"story","id":"components-forms-time-input--default","name":"Default","title":"Components/Forms/Time Input","importPath":"./src/components/TimeInput/TimeInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-time-input--invalid":{"type":"story","id":"components-forms-time-input--invalid","name":"Invalid","title":"Components/Forms/Time Input","importPath":"./src/components/TimeInput/TimeInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-time-input--disabled":{"type":"story","id":"components-forms-time-input--disabled","name":"Disabled","title":"Components/Forms/Time Input","importPath":"./src/components/TimeInput/TimeInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-time-input--in-a-field":{"type":"story","id":"components-forms-time-input--in-a-field","name":"In A Field","title":"Components/Forms/Time Input","importPath":"./src/components/TimeInput/TimeInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-time-input--in-a-field-with-validation":{"type":"story","id":"components-forms-time-input--in-a-field-with-validation","name":"In A Field With Validation","title":"Components/Forms/Time Input","importPath":"./src/components/TimeInput/TimeInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-action-group--docs":{"id":"components-layout-action-group--docs","title":"Components/Layout/Action Group","name":"Docs","importPath":"./src/components/ActionGroup/ActionGroup.docs.mdx","storiesImports":["./src/components/ActionGroup/ActionGroup.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-layout-breakout--docs":{"id":"components-layout-breakout--docs","title":"Components/Layout/Breakout","name":"Docs","importPath":"./src/components/Breakout/Breakout.docs.mdx","storiesImports":["./src/components/Breakout/Breakout.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-layout-column--docs":{"id":"components-layout-column--docs","title":"Components/Layout/Column","name":"Docs","importPath":"./src/components/Column/Column.docs.mdx","storiesImports":["./src/components/Column/Column.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-layout-grid--docs":{"id":"components-layout-grid--docs","title":"Components/Layout/Grid","name":"Docs","importPath":"./src/components/Grid/Grid.docs.mdx","storiesImports":["./src/components/Grid/Grid.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-layout-overlap--docs":{"id":"components-layout-overlap--docs","title":"Components/Layout/Overlap","name":"Docs","importPath":"./src/components/Overlap/Overlap.docs.mdx","storiesImports":["./src/components/Overlap/Overlap.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-layout-row--docs":{"id":"components-layout-row--docs","title":"Components/Layout/Row","name":"Docs","importPath":"./src/components/Row/Row.docs.mdx","storiesImports":["./src/components/Row/Row.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-layout-screen--docs":{"id":"components-layout-screen--docs","title":"Components/Layout/Screen","name":"Docs","importPath":"./src/components/Screen/Screen.docs.mdx","storiesImports":["./src/components/Screen/Screen.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-layout-action-group--default":{"type":"story","id":"components-layout-action-group--default","name":"Default","title":"Components/Layout/Action Group","importPath":"./src/components/ActionGroup/ActionGroup.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-action-group--stacked":{"type":"story","id":"components-layout-action-group--stacked","name":"Stacked","title":"Components/Layout/Action Group","importPath":"./src/components/ActionGroup/ActionGroup.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-action-group--with-link":{"type":"story","id":"components-layout-action-group--with-link","name":"With Link","title":"Components/Layout/Action Group","importPath":"./src/components/ActionGroup/ActionGroup.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-breakout--default":{"type":"story","id":"components-layout-breakout--default","name":"Default","title":"Components/Layout/Breakout","importPath":"./src/components/Breakout/Breakout.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-breakout--vertical-layout":{"type":"story","id":"components-layout-breakout--vertical-layout","name":"Vertical Layout","title":"Components/Layout/Breakout","importPath":"./src/components/Breakout/Breakout.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-column--default":{"type":"story","id":"components-layout-column--default","name":"Default","title":"Components/Layout/Column","importPath":"./src/components/Column/Column.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-column--alignment":{"type":"story","id":"components-layout-column--alignment","name":"Alignment","title":"Components/Layout/Column","importPath":"./src/components/Column/Column.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-column--horizontal-alignment":{"type":"story","id":"components-layout-column--horizontal-alignment","name":"Horizontal Alignment","title":"Components/Layout/Column","importPath":"./src/components/Column/Column.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-column--improve-semantics":{"type":"story","id":"components-layout-column--improve-semantics","name":"Improve Semantics","title":"Components/Layout/Column","importPath":"./src/components/Column/Column.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-grid--default":{"type":"story","id":"components-layout-grid--default","name":"Default","title":"Components/Layout/Grid","importPath":"./src/components/Grid/Grid.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-grid--vertical-padding":{"type":"story","id":"components-layout-grid--vertical-padding","name":"Vertical Padding","title":"Components/Layout/Grid","importPath":"./src/components/Grid/Grid.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-grid--vertical-gap":{"type":"story","id":"components-layout-grid--vertical-gap","name":"Vertical Gap","title":"Components/Layout/Grid","importPath":"./src/components/Grid/Grid.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-grid--span-columns":{"type":"story","id":"components-layout-grid--span-columns","name":"Span Columns","title":"Components/Layout/Grid","importPath":"./src/components/Grid/Grid.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-grid--span-responsively":{"type":"story","id":"components-layout-grid--span-responsively","name":"Span Responsively","title":"Components/Layout/Grid","importPath":"./src/components/Grid/Grid.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-grid--span-all-columns":{"type":"story","id":"components-layout-grid--span-all-columns","name":"Span All Columns","title":"Components/Layout/Grid","importPath":"./src/components/Grid/Grid.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-grid--start-position":{"type":"story","id":"components-layout-grid--start-position","name":"Start Position","title":"Components/Layout/Grid","importPath":"./src/components/Grid/Grid.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-grid--improve-semantics":{"type":"story","id":"components-layout-grid--improve-semantics","name":"Improve Semantics","title":"Components/Layout/Grid","importPath":"./src/components/Grid/Grid.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-overlap--default":{"type":"story","id":"components-layout-overlap--default","name":"Default","title":"Components/Layout/Overlap","importPath":"./src/components/Overlap/Overlap.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-row--default":{"type":"story","id":"components-layout-row--default","name":"Default","title":"Components/Layout/Row","importPath":"./src/components/Row/Row.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-row--alignment":{"type":"story","id":"components-layout-row--alignment","name":"Alignment","title":"Components/Layout/Row","importPath":"./src/components/Row/Row.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-row--end-align-a-single-child":{"type":"story","id":"components-layout-row--end-align-a-single-child","name":"End Align A Single Child","title":"Components/Layout/Row","importPath":"./src/components/Row/Row.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-row--end-align-a-single-child-rtl":{"type":"story","id":"components-layout-row--end-align-a-single-child-rtl","name":"End Align A Single Child Rtl","title":"Components/Layout/Row","importPath":"./src/components/Row/Row.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-row--align-opposing-texts":{"type":"story","id":"components-layout-row--align-opposing-texts","name":"Align Opposing Texts","title":"Components/Layout/Row","importPath":"./src/components/Row/Row.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-row--vertical-alignment":{"type":"story","id":"components-layout-row--vertical-alignment","name":"Vertical Alignment","title":"Components/Layout/Row","importPath":"./src/components/Row/Row.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-row--wrapping":{"type":"story","id":"components-layout-row--wrapping","name":"Wrapping","title":"Components/Layout/Row","importPath":"./src/components/Row/Row.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-screen--default":{"type":"story","id":"components-layout-screen--default","name":"Default","title":"Components/Layout/Screen","importPath":"./src/components/Screen/Screen.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-screen--extra-wide":{"type":"story","id":"components-layout-screen--extra-wide","name":"Extra Wide","title":"Components/Layout/Screen","importPath":"./src/components/Screen/Screen.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-figure--docs":{"id":"components-media-figure--docs","title":"Components/Media/Figure","name":"Docs","importPath":"./src/components/Figure/Figure.docs.mdx","storiesImports":["./src/components/Figure/Figure.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-media-icon--docs":{"id":"components-media-icon--docs","title":"Components/Media/Icon","name":"Docs","importPath":"./src/components/Icon/Icon.docs.mdx","storiesImports":["./src/components/Icon/Icon.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-media-image--docs":{"id":"components-media-image--docs","title":"Components/Media/Image","name":"Docs","importPath":"./src/components/Image/Image.docs.mdx","storiesImports":["./src/components/Image/Image.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-media-image-slider--docs":{"id":"components-media-image-slider--docs","title":"Components/Media/Image Slider","name":"Docs","importPath":"./src/components/ImageSlider/ImageSlider.docs.mdx","storiesImports":["./src/components/ImageSlider/ImageSlider.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-media-logo--docs":{"id":"components-media-logo--docs","title":"Components/Media/Logo","name":"Docs","importPath":"./src/components/Logo/Logo.docs.mdx","storiesImports":["./src/components/Logo/Logo.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-media-figure--default":{"type":"story","id":"components-media-figure--default","name":"Default","title":"Components/Media/Figure","importPath":"./src/components/Figure/Figure.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-figure--inverse-colour":{"type":"story","id":"components-media-figure--inverse-colour","name":"Inverse Colour","title":"Components/Media/Figure","importPath":"./src/components/Figure/Figure.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-icon--default":{"type":"story","id":"components-media-icon--default","name":"Default","title":"Components/Media/Icon","importPath":"./src/components/Icon/Icon.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-icon--with-text":{"type":"story","id":"components-media-icon--with-text","name":"With Text","title":"Components/Media/Icon","importPath":"./src/components/Icon/Icon.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-icon--square":{"type":"story","id":"components-media-icon--square","name":"Square","title":"Components/Media/Icon","importPath":"./src/components/Icon/Icon.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-icon--level-3":{"type":"story","id":"components-media-icon--level-3","name":"Level 3","title":"Components/Media/Icon","importPath":"./src/components/Icon/Icon.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-icon--level-4":{"type":"story","id":"components-media-icon--level-4","name":"Level 4","title":"Components/Media/Icon","importPath":"./src/components/Icon/Icon.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-icon--level-5":{"type":"story","id":"components-media-icon--level-5","name":"Level 5","title":"Components/Media/Icon","importPath":"./src/components/Icon/Icon.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-icon--level-6":{"type":"story","id":"components-media-icon--level-6","name":"Level 6","title":"Components/Media/Icon","importPath":"./src/components/Icon/Icon.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-icon--inverse-colour":{"type":"story","id":"components-media-icon--inverse-colour","name":"Inverse Colour","title":"Components/Media/Icon","importPath":"./src/components/Icon/Icon.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-image--default":{"type":"story","id":"components-media-image--default","name":"Default","title":"Components/Media/Image","importPath":"./src/components/Image/Image.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-image--responsive-images":{"type":"story","id":"components-media-image--responsive-images","name":"Responsive Images","title":"Components/Media/Image","importPath":"./src/components/Image/Image.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-image--lazy-loading":{"type":"story","id":"components-media-image--lazy-loading","name":"Lazy Loading","title":"Components/Media/Image","importPath":"./src/components/Image/Image.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-image-slider--default":{"type":"story","id":"components-media-image-slider--default","name":"Default","title":"Components/Media/Image Slider","importPath":"./src/components/ImageSlider/ImageSlider.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-image-slider--responsive-images":{"type":"story","id":"components-media-image-slider--responsive-images","name":"Responsive Images","title":"Components/Media/Image Slider","importPath":"./src/components/ImageSlider/ImageSlider.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-logo--default":{"type":"story","id":"components-media-logo--default","name":"Default","title":"Components/Media/Logo","importPath":"./src/components/Logo/Logo.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-logo--ggd-amsterdam":{"type":"story","id":"components-media-logo--ggd-amsterdam","name":"Ggd Amsterdam","title":"Components/Media/Logo","importPath":"./src/components/Logo/Logo.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-logo--stadsarchief":{"type":"story","id":"components-media-logo--stadsarchief","name":"Stadsarchief","title":"Components/Media/Logo","importPath":"./src/components/Logo/Logo.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-logo--stadsbank-van-lening":{"type":"story","id":"components-media-logo--stadsbank-van-lening","name":"Stadsbank Van Lening","title":"Components/Media/Logo","importPath":"./src/components/Logo/Logo.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-logo--vga-verzekeringen":{"type":"story","id":"components-media-logo--vga-verzekeringen","name":"Vga Verzekeringen","title":"Components/Media/Logo","importPath":"./src/components/Logo/Logo.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-logo--museum-weesp":{"type":"story","id":"components-media-logo--museum-weesp","name":"Museum Weesp","title":"Components/Media/Logo","importPath":"./src/components/Logo/Logo.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-breadcrumb--docs":{"id":"components-navigation-breadcrumb--docs","title":"Components/Navigation/Breadcrumb","name":"Docs","importPath":"./src/components/Breadcrumb/Breadcrumb.docs.mdx","storiesImports":["./src/components/Breadcrumb/Breadcrumb.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-navigation-card--docs":{"id":"components-navigation-card--docs","title":"Components/Navigation/Card","name":"Docs","importPath":"./src/components/Card/Card.docs.mdx","storiesImports":["./src/components/Card/Card.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-navigation-link--docs":{"id":"components-navigation-link--docs","title":"Components/Navigation/Link","name":"Docs","importPath":"./src/components/Link/Link.docs.mdx","storiesImports":["./src/components/Link/Link.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-navigation-link-list--docs":{"id":"components-navigation-link-list--docs","title":"Components/Navigation/Link List","name":"Docs","importPath":"./src/components/LinkList/LinkList.docs.mdx","storiesImports":["./src/components/LinkList/LinkList.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-navigation-mega-menu--docs":{"id":"components-navigation-mega-menu--docs","title":"Components/Navigation/Mega Menu","name":"Docs","importPath":"./src/components/MegaMenu/MegaMenu.docs.mdx","storiesImports":["./src/components/MegaMenu/MegaMenu.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-navigation-page-menu--docs":{"id":"components-navigation-page-menu--docs","title":"Components/Navigation/Page Menu","name":"Docs","importPath":"./src/components/PageMenu/PageMenu.docs.mdx","storiesImports":["./src/components/PageMenu/PageMenu.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-navigation-pagination--docs":{"id":"components-navigation-pagination--docs","title":"Components/Navigation/Pagination","name":"Docs","importPath":"./src/components/Pagination/Pagination.docs.mdx","storiesImports":["./src/components/Pagination/Pagination.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-navigation-skip-link--docs":{"id":"components-navigation-skip-link--docs","title":"Components/Navigation/Skip Link","name":"Docs","importPath":"./src/components/SkipLink/SkipLink.docs.mdx","storiesImports":["./src/components/SkipLink/SkipLink.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-navigation-table-of-contents--docs":{"id":"components-navigation-table-of-contents--docs","title":"Components/Navigation/Table of Contents","name":"Docs","importPath":"./src/components/TableOfContents/TableOfContents.docs.mdx","storiesImports":["./src/components/TableOfContents/TableOfContents.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-navigation-top-task-link--docs":{"id":"components-navigation-top-task-link--docs","title":"Components/Navigation/Top Task Link","name":"Docs","importPath":"./src/components/TopTaskLink/TopTaskLink.docs.mdx","storiesImports":["./src/components/TopTaskLink/TopTaskLink.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-navigation-breadcrumb--default":{"type":"story","id":"components-navigation-breadcrumb--default","name":"Default","title":"Components/Navigation/Breadcrumb","importPath":"./src/components/Breadcrumb/Breadcrumb.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-card--default":{"type":"story","id":"components-navigation-card--default","name":"Default","title":"Components/Navigation/Card","importPath":"./src/components/Card/Card.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-card--with-tagline":{"type":"story","id":"components-navigation-card--with-tagline","name":"With Tagline","title":"Components/Navigation/Card","importPath":"./src/components/Card/Card.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-card--with-image":{"type":"story","id":"components-navigation-card--with-image","name":"With Image","title":"Components/Navigation/Card","importPath":"./src/components/Card/Card.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-link--default":{"type":"story","id":"components-navigation-link--default","name":"Default","title":"Components/Navigation/Link","importPath":"./src/components/Link/Link.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-link--standalone":{"type":"story","id":"components-navigation-link--standalone","name":"Standalone","title":"Components/Navigation/Link","importPath":"./src/components/Link/Link.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-link--inline":{"type":"story","id":"components-navigation-link--inline","name":"Inline","title":"Components/Navigation/Link","importPath":"./src/components/Link/Link.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-link--contrast-colour":{"type":"story","id":"components-navigation-link--contrast-colour","name":"Contrast Colour","title":"Components/Navigation/Link","importPath":"./src/components/Link/Link.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-link--inverse-colour":{"type":"story","id":"components-navigation-link--inverse-colour","name":"Inverse Colour","title":"Components/Navigation/Link","importPath":"./src/components/Link/Link.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-link-list--default":{"type":"story","id":"components-navigation-link-list--default","name":"Default","title":"Components/Navigation/Link List","importPath":"./src/components/LinkList/LinkList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-link-list--custom-icons":{"type":"story","id":"components-navigation-link-list--custom-icons","name":"Custom Icons","title":"Components/Navigation/Link List","importPath":"./src/components/LinkList/LinkList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-link-list--small-text":{"type":"story","id":"components-navigation-link-list--small-text","name":"Small Text","title":"Components/Navigation/Link List","importPath":"./src/components/LinkList/LinkList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-link-list--link":{"type":"story","id":"components-navigation-link-list--link","name":"Link","title":"Components/Navigation/Link List","importPath":"./src/components/LinkList/LinkList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-link-list--contrast-colour":{"type":"story","id":"components-navigation-link-list--contrast-colour","name":"Contrast Colour","title":"Components/Navigation/Link List","importPath":"./src/components/LinkList/LinkList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-link-list--inverse-colour":{"type":"story","id":"components-navigation-link-list--inverse-colour","name":"Inverse Colour","title":"Components/Navigation/Link List","importPath":"./src/components/LinkList/LinkList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-mega-menu--default":{"type":"story","id":"components-navigation-mega-menu--default","name":"Default","title":"Components/Navigation/Mega Menu","importPath":"./src/components/MegaMenu/MegaMenu.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-mega-menu--multiple-categories":{"type":"story","id":"components-navigation-mega-menu--multiple-categories","name":"Multiple Categories","title":"Components/Navigation/Mega Menu","importPath":"./src/components/MegaMenu/MegaMenu.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-page-menu--default":{"type":"story","id":"components-navigation-page-menu--default","name":"Default","title":"Components/Navigation/Page Menu","importPath":"./src/components/PageMenu/PageMenu.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-page-menu--alignment":{"type":"story","id":"components-navigation-page-menu--alignment","name":"Alignment","title":"Components/Navigation/Page Menu","importPath":"./src/components/PageMenu/PageMenu.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-page-menu--wrapping":{"type":"story","id":"components-navigation-page-menu--wrapping","name":"Wrapping","title":"Components/Navigation/Page Menu","importPath":"./src/components/PageMenu/PageMenu.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-pagination--default":{"type":"story","id":"components-navigation-pagination--default","name":"Default","title":"Components/Navigation/Pagination","importPath":"./src/components/Pagination/Pagination.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-skip-link--default":{"type":"story","id":"components-navigation-skip-link--default","name":"Default","title":"Components/Navigation/Skip Link","importPath":"./src/components/SkipLink/SkipLink.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-skip-link--on-focus":{"type":"story","id":"components-navigation-skip-link--on-focus","name":"On Focus","title":"Components/Navigation/Skip Link","importPath":"./src/components/SkipLink/SkipLink.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-skip-link--multiple-links":{"type":"story","id":"components-navigation-skip-link--multiple-links","name":"Multiple Links","title":"Components/Navigation/Skip Link","importPath":"./src/components/SkipLink/SkipLink.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-table-of-contents--default":{"type":"story","id":"components-navigation-table-of-contents--default","name":"Default","title":"Components/Navigation/Table of Contents","importPath":"./src/components/TableOfContents/TableOfContents.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-table-of-contents--multiple-levels":{"type":"story","id":"components-navigation-table-of-contents--multiple-levels","name":"Multiple Levels","title":"Components/Navigation/Table of Contents","importPath":"./src/components/TableOfContents/TableOfContents.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-top-task-link--default":{"type":"story","id":"components-navigation-top-task-link--default","name":"Default","title":"Components/Navigation/Top Task Link","importPath":"./src/components/TopTaskLink/TopTaskLink.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-top-task-link--multiple-links":{"type":"story","id":"components-navigation-top-task-link--multiple-links","name":"Multiple Links","title":"Components/Navigation/Top Task Link","importPath":"./src/components/TopTaskLink/TopTaskLink.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-blockquote--docs":{"id":"components-text-blockquote--docs","title":"Components/Text/Blockquote","name":"Docs","importPath":"./src/components/Blockquote/Blockquote.docs.mdx","storiesImports":["./src/components/Blockquote/Blockquote.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-text-description-list--docs":{"id":"components-text-description-list--docs","title":"Components/Text/Description List","name":"Docs","importPath":"./src/components/DescriptionList/DescriptionList.docs.mdx","storiesImports":["./src/components/DescriptionList/DescriptionList.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-text-heading--docs":{"id":"components-text-heading--docs","title":"Components/Text/Heading","name":"Docs","importPath":"./src/components/Heading/Heading.docs.mdx","storiesImports":["./src/components/Heading/Heading.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-text-mark--docs":{"id":"components-text-mark--docs","title":"Components/Text/Mark","name":"Docs","importPath":"./src/components/Mark/Mark.docs.mdx","storiesImports":["./src/components/Mark/Mark.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-text-ordered-list--docs":{"id":"components-text-ordered-list--docs","title":"Components/Text/Ordered List","name":"Docs","importPath":"./src/components/OrderedList/OrderedList.docs.mdx","storiesImports":["./src/components/OrderedList/OrderedList.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-text-page-heading--docs":{"id":"components-text-page-heading--docs","title":"Components/Text/Page Heading","name":"Docs","importPath":"./src/components/PageHeading/PageHeading.docs.mdx","storiesImports":["./src/components/PageHeading/PageHeading.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-text-paragraph--docs":{"id":"components-text-paragraph--docs","title":"Components/Text/Paragraph","name":"Docs","importPath":"./src/components/Paragraph/Paragraph.docs.mdx","storiesImports":["./src/components/Paragraph/Paragraph.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-text-unordered-list--docs":{"id":"components-text-unordered-list--docs","title":"Components/Text/Unordered List","name":"Docs","importPath":"./src/components/UnorderedList/UnorderedList.docs.mdx","storiesImports":["./src/components/UnorderedList/UnorderedList.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-text-blockquote--default":{"type":"story","id":"components-text-blockquote--default","name":"Default","title":"Components/Text/Blockquote","importPath":"./src/components/Blockquote/Blockquote.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-blockquote--inverse-colour":{"type":"story","id":"components-text-blockquote--inverse-colour","name":"Inverse Colour","title":"Components/Text/Blockquote","importPath":"./src/components/Blockquote/Blockquote.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-description-list--default":{"type":"story","id":"components-text-description-list--default","name":"Default","title":"Components/Text/Description List","importPath":"./src/components/DescriptionList/DescriptionList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-description-list--multiple-descriptions":{"type":"story","id":"components-text-description-list--multiple-descriptions","name":"Multiple Descriptions","title":"Components/Text/Description List","importPath":"./src/components/DescriptionList/DescriptionList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-description-list--multiple-terms":{"type":"story","id":"components-text-description-list--multiple-terms","name":"Multiple Terms","title":"Components/Text/Description List","importPath":"./src/components/DescriptionList/DescriptionList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-description-list--rich-description":{"type":"story","id":"components-text-description-list--rich-description","name":"Rich Description","title":"Components/Text/Description List","importPath":"./src/components/DescriptionList/DescriptionList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-description-list--inverse-colour":{"type":"story","id":"components-text-description-list--inverse-colour","name":"Inverse Colour","title":"Components/Text/Description List","importPath":"./src/components/DescriptionList/DescriptionList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-heading--default":{"type":"story","id":"components-text-heading--default","name":"Default","title":"Components/Text/Heading","importPath":"./src/components/Heading/Heading.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-heading--level-1":{"type":"story","id":"components-text-heading--level-1","name":"Level 1","title":"Components/Text/Heading","importPath":"./src/components/Heading/Heading.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-heading--level-2":{"type":"story","id":"components-text-heading--level-2","name":"Level 2","title":"Components/Text/Heading","importPath":"./src/components/Heading/Heading.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-heading--level-3":{"type":"story","id":"components-text-heading--level-3","name":"Level 3","title":"Components/Text/Heading","importPath":"./src/components/Heading/Heading.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-heading--level-4":{"type":"story","id":"components-text-heading--level-4","name":"Level 4","title":"Components/Text/Heading","importPath":"./src/components/Heading/Heading.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-heading--sizes":{"type":"story","id":"components-text-heading--sizes","name":"Sizes","title":"Components/Text/Heading","importPath":"./src/components/Heading/Heading.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-heading--inverse-colour":{"type":"story","id":"components-text-heading--inverse-colour","name":"Inverse Colour","title":"Components/Text/Heading","importPath":"./src/components/Heading/Heading.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-mark--default":{"type":"story","id":"components-text-mark--default","name":"Default","title":"Components/Text/Mark","importPath":"./src/components/Mark/Mark.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-ordered-list--default":{"type":"story","id":"components-text-ordered-list--default","name":"Default","title":"Components/Text/Ordered List","importPath":"./src/components/OrderedList/OrderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-ordered-list--two-levels":{"type":"story","id":"components-text-ordered-list--two-levels","name":"Two Levels","title":"Components/Text/Ordered List","importPath":"./src/components/OrderedList/OrderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-ordered-list--starting-number":{"type":"story","id":"components-text-ordered-list--starting-number","name":"Starting Number","title":"Components/Text/Ordered List","importPath":"./src/components/OrderedList/OrderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-ordered-list--descending-numbers":{"type":"story","id":"components-text-ordered-list--descending-numbers","name":"Descending Numbers","title":"Components/Text/Ordered List","importPath":"./src/components/OrderedList/OrderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-ordered-list--without-markers":{"type":"story","id":"components-text-ordered-list--without-markers","name":"Without Markers","title":"Components/Text/Ordered List","importPath":"./src/components/OrderedList/OrderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-ordered-list--inverse-color":{"type":"story","id":"components-text-ordered-list--inverse-color","name":"Inverse Color","title":"Components/Text/Ordered List","importPath":"./src/components/OrderedList/OrderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-ordered-list--small-text":{"type":"story","id":"components-text-ordered-list--small-text","name":"Small Text","title":"Components/Text/Ordered List","importPath":"./src/components/OrderedList/OrderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-page-heading--default":{"type":"story","id":"components-text-page-heading--default","name":"Default","title":"Components/Text/Page Heading","importPath":"./src/components/PageHeading/PageHeading.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-page-heading--inverse-colour":{"type":"story","id":"components-text-page-heading--inverse-colour","name":"Inverse Colour","title":"Components/Text/Page Heading","importPath":"./src/components/PageHeading/PageHeading.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-paragraph--default":{"type":"story","id":"components-text-paragraph--default","name":"Default","title":"Components/Text/Paragraph","importPath":"./src/components/Paragraph/Paragraph.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-paragraph--large-text":{"type":"story","id":"components-text-paragraph--large-text","name":"Large Text","title":"Components/Text/Paragraph","importPath":"./src/components/Paragraph/Paragraph.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-paragraph--small-text":{"type":"story","id":"components-text-paragraph--small-text","name":"Small Text","title":"Components/Text/Paragraph","importPath":"./src/components/Paragraph/Paragraph.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-paragraph--inverse-colour":{"type":"story","id":"components-text-paragraph--inverse-colour","name":"Inverse Colour","title":"Components/Text/Paragraph","importPath":"./src/components/Paragraph/Paragraph.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-unordered-list--default":{"type":"story","id":"components-text-unordered-list--default","name":"Default","title":"Components/Text/Unordered List","importPath":"./src/components/UnorderedList/UnorderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-unordered-list--two-levels":{"type":"story","id":"components-text-unordered-list--two-levels","name":"Two Levels","title":"Components/Text/Unordered List","importPath":"./src/components/UnorderedList/UnorderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-unordered-list--without-markers":{"type":"story","id":"components-text-unordered-list--without-markers","name":"Without Markers","title":"Components/Text/Unordered List","importPath":"./src/components/UnorderedList/UnorderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-unordered-list--inverse-color":{"type":"story","id":"components-text-unordered-list--inverse-color","name":"Inverse Color","title":"Components/Text/Unordered List","importPath":"./src/components/UnorderedList/UnorderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-unordered-list--small-text":{"type":"story","id":"components-text-unordered-list--small-text","name":"Small Text","title":"Components/Text/Unordered List","importPath":"./src/components/UnorderedList/UnorderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"utilities-css-aspect-ratio--docs":{"id":"utilities-css-aspect-ratio--docs","title":"Utilities/CSS/Aspect Ratio","name":"Docs","importPath":"./src/utils/AspectRatio/AspectRatio.docs.mdx","storiesImports":["./src/utils/AspectRatio/AspectRatio.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"utilities-css-gap--docs":{"id":"utilities-css-gap--docs","title":"Utilities/CSS/Gap","name":"Docs","importPath":"./src/utils/Gap/Gap.docs.mdx","storiesImports":["./src/utils/Gap/Gap.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"utilities-css-margin--docs":{"id":"utilities-css-margin--docs","title":"Utilities/CSS/Margin","name":"Docs","importPath":"./src/utils/Margin/Margin.docs.mdx","storiesImports":["./src/utils/Margin/Margin.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"utilities-css-visually-hidden--docs":{"id":"utilities-css-visually-hidden--docs","title":"Utilities/CSS/Visually Hidden","name":"Docs","importPath":"./src/utils/VisuallyHidden/VisuallyHidden.docs.mdx","storiesImports":["./src/utils/VisuallyHidden/VisuallyHidden.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"utilities-css-aspect-ratio--default":{"type":"story","id":"utilities-css-aspect-ratio--default","name":"Default","title":"Utilities/CSS/Aspect Ratio","importPath":"./src/utils/AspectRatio/AspectRatio.stories.tsx","componentPath":"./src/utils/AspectRatio/AspectRatio.tsx","tags":["dev","test","autodocs"]},"utilities-css-gap--default":{"type":"story","id":"utilities-css-gap--default","name":"Default","title":"Utilities/CSS/Gap","importPath":"./src/utils/Gap/Gap.stories.tsx","componentPath":"./src/utils/Gap/Gap.tsx","tags":["dev","test","autodocs"]},"utilities-css-margin--default":{"type":"story","id":"utilities-css-margin--default","name":"Default","title":"Utilities/CSS/Margin","importPath":"./src/utils/Margin/Margin.stories.tsx","componentPath":"./src/utils/Margin/Margin.tsx","tags":["dev","test","autodocs"]},"utilities-css-visually-hidden--default":{"type":"story","id":"utilities-css-visually-hidden--default","name":"Default","title":"Utilities/CSS/Visually Hidden","importPath":"./src/utils/VisuallyHidden/VisuallyHidden.stories.tsx","componentPath":"./src/utils/VisuallyHidden/VisuallyHidden.tsx","tags":["dev","test","autodocs"]},"pages-introduction--docs":{"id":"pages-introduction--docs","title":"Pages/Introduction","name":"Docs","importPath":"./src/pages/Introduction.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"pages-amsterdam-nl-home-page--docs":{"id":"pages-amsterdam-nl-home-page--docs","title":"Pages/Amsterdam.nl/Home Page","name":"Docs","importPath":"./src/pages/amsterdam/HomePage/HomePage.docs.mdx","storiesImports":["./src/pages/amsterdam/HomePage/HomePage.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"pages-amsterdam-nl-home-page--default":{"type":"story","id":"pages-amsterdam-nl-home-page--default","name":"Default","title":"Pages/Amsterdam.nl/Home Page","importPath":"./src/pages/amsterdam/HomePage/HomePage.stories.tsx","componentPath":"./src/pages/amsterdam/HomePage/HomePage.tsx","tags":["dev","test","autodocs"]},"pages-amsterdam-nl-article-page--docs":{"id":"pages-amsterdam-nl-article-page--docs","title":"Pages/Amsterdam.nl/Article Page","name":"Docs","importPath":"./src/pages/amsterdam/ArticlePage/ArticlePage.docs.mdx","storiesImports":["./src/pages/amsterdam/ArticlePage/ArticlePage.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"pages-amsterdam-nl-form-page--docs":{"id":"pages-amsterdam-nl-form-page--docs","title":"Pages/Amsterdam.nl/Form Page","name":"Docs","importPath":"./src/pages/amsterdam/FormPage/FormPage.docs.mdx","storiesImports":["./src/pages/amsterdam/FormPage/FormPage.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"pages-amsterdam-nl-article-page--default":{"type":"story","id":"pages-amsterdam-nl-article-page--default","name":"Default","title":"Pages/Amsterdam.nl/Article Page","importPath":"./src/pages/amsterdam/ArticlePage/ArticlePage.stories.tsx","componentPath":"./src/pages/amsterdam/ArticlePage/ArticlePage.tsx","tags":["dev","test","autodocs"]},"pages-amsterdam-nl-form-page--default":{"type":"story","id":"pages-amsterdam-nl-form-page--default","name":"Default","title":"Pages/Amsterdam.nl/Form Page","importPath":"./src/pages/amsterdam/FormPage/FormPage.stories.tsx","componentPath":"./src/pages/amsterdam/FormPage/FormPage.tsx","tags":["dev","test","autodocs"]}}} \ No newline at end of file +{"v":5,"entries":{"docs-introduction--docs":{"id":"docs-introduction--docs","title":"Docs/Introduction","name":"Docs","importPath":"./src/docs/introduction.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"docs-developer-guide-getting-started--docs":{"id":"docs-developer-guide-getting-started--docs","title":"Docs/Developer Guide/Getting Started","name":"Docs","importPath":"./src/docs/developer-guide/getting-started.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"docs-developer-guide-breakpoints--docs":{"id":"docs-developer-guide-breakpoints--docs","title":"Docs/Developer Guide/Breakpoints","name":"Docs","importPath":"./src/docs/developer-guide/breakpoints.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"docs-developer-guide-interactivity--docs":{"id":"docs-developer-guide-interactivity--docs","title":"Docs/Developer Guide/Interactivity","name":"Docs","importPath":"./src/docs/developer-guide/interactivity.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"docs-developer-guide-language--docs":{"id":"docs-developer-guide-language--docs","title":"Docs/Developer Guide/Language","name":"Docs","importPath":"./src/docs/developer-guide/language.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"docs-developer-guide-routing-libraries--docs":{"id":"docs-developer-guide-routing-libraries--docs","title":"Docs/Developer Guide/Routing libraries","name":"Docs","importPath":"./src/docs/developer-guide/routing-libraries.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"docs-developer-guide-usability--docs":{"id":"docs-developer-guide-usability--docs","title":"Docs/Developer Guide/Usability","name":"Docs","importPath":"./src/docs/developer-guide/usability.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"docs-developer-guide-web-app--docs":{"id":"docs-developer-guide-web-app--docs","title":"Docs/Developer Guide/Web App","name":"Docs","importPath":"./src/docs/developer-guide/web-app.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"docs-terms-of-use-copyright--docs":{"id":"docs-terms-of-use-copyright--docs","title":"Docs/Terms of Use/Copyright","name":"Docs","importPath":"./src/docs/terms-of-use/copyright.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"docs-terms-of-use-license--docs":{"id":"docs-terms-of-use-license--docs","title":"Docs/Terms of Use/License","name":"Docs","importPath":"./src/docs/terms-of-use/license.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"brand-assets-favicon--docs":{"id":"brand-assets-favicon--docs","title":"Brand/Assets/Favicon","name":"Docs","importPath":"./src/foundation/assets/favicon.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"brand-assets-font--docs":{"id":"brand-assets-font--docs","title":"Brand/Assets/Font","name":"Docs","importPath":"./src/foundation/assets/font.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"brand-assets-icons--docs":{"id":"brand-assets-icons--docs","title":"Brand/Assets/Icons","name":"Docs","importPath":"./src/foundation/assets/icons.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"brand-design-tokens-aspect-ratio--docs":{"id":"brand-design-tokens-aspect-ratio--docs","title":"Brand/Design Tokens/Aspect Ratio","name":"Docs","importPath":"./src/foundation/design-tokens/aspect-ratio.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"brand-design-tokens-border--docs":{"id":"brand-design-tokens-border--docs","title":"Brand/Design Tokens/Border","name":"Docs","importPath":"./src/foundation/design-tokens/border.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"brand-design-tokens-colour--docs":{"id":"brand-design-tokens-colour--docs","title":"Brand/Design Tokens/Colour","name":"Docs","importPath":"./src/foundation/design-tokens/colour.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"brand-design-tokens-grid--docs":{"id":"brand-design-tokens-grid--docs","title":"Brand/Design Tokens/Grid","name":"Docs","importPath":"./src/foundation/design-tokens/grid.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"brand-design-tokens-space--docs":{"id":"brand-design-tokens-space--docs","title":"Brand/Design Tokens/Space","name":"Docs","importPath":"./src/foundation/design-tokens/space.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"brand-design-tokens-text--docs":{"id":"brand-design-tokens-text--docs","title":"Brand/Design Tokens/Text","name":"Docs","importPath":"./src/foundation/design-tokens/text.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"components-buttons-button--docs":{"id":"components-buttons-button--docs","title":"Components/Buttons/Button","name":"Docs","importPath":"./src/components/Button/Button.docs.mdx","storiesImports":["./src/components/Button/Button.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-buttons-icon-button--docs":{"id":"components-buttons-icon-button--docs","title":"Components/Buttons/Icon Button","name":"Docs","importPath":"./src/components/IconButton/IconButton.docs.mdx","storiesImports":["./src/components/IconButton/IconButton.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-buttons-button--primary":{"type":"story","id":"components-buttons-button--primary","name":"Primary","title":"Components/Buttons/Button","importPath":"./src/components/Button/Button.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-button--secondary":{"type":"story","id":"components-buttons-button--secondary","name":"Secondary","title":"Components/Buttons/Button","importPath":"./src/components/Button/Button.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-button--tertiary":{"type":"story","id":"components-buttons-button--tertiary","name":"Tertiary","title":"Components/Buttons/Button","importPath":"./src/components/Button/Button.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-button--with-icon":{"type":"story","id":"components-buttons-button--with-icon","name":"With Icon","title":"Components/Buttons/Button","importPath":"./src/components/Button/Button.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-button--with-icon-before":{"type":"story","id":"components-buttons-button--with-icon-before","name":"With Icon Before","title":"Components/Buttons/Button","importPath":"./src/components/Button/Button.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-button--with-icon-only":{"type":"story","id":"components-buttons-button--with-icon-only","name":"With Icon Only","title":"Components/Buttons/Button","importPath":"./src/components/Button/Button.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-button--text-wrapping":{"type":"story","id":"components-buttons-button--text-wrapping","name":"Text Wrapping","title":"Components/Buttons/Button","importPath":"./src/components/Button/Button.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-icon-button--default":{"type":"story","id":"components-buttons-icon-button--default","name":"Default","title":"Components/Buttons/Icon Button","importPath":"./src/components/IconButton/IconButton.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-icon-button--level-3":{"type":"story","id":"components-buttons-icon-button--level-3","name":"Level 3","title":"Components/Buttons/Icon Button","importPath":"./src/components/IconButton/IconButton.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-icon-button--level-4":{"type":"story","id":"components-buttons-icon-button--level-4","name":"Level 4","title":"Components/Buttons/Icon Button","importPath":"./src/components/IconButton/IconButton.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-icon-button--level-5":{"type":"story","id":"components-buttons-icon-button--level-5","name":"Level 5","title":"Components/Buttons/Icon Button","importPath":"./src/components/IconButton/IconButton.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-icon-button--level-6":{"type":"story","id":"components-buttons-icon-button--level-6","name":"Level 6","title":"Components/Buttons/Icon Button","importPath":"./src/components/IconButton/IconButton.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-icon-button--contrast-colour":{"type":"story","id":"components-buttons-icon-button--contrast-colour","name":"Contrast Colour","title":"Components/Buttons/Icon Button","importPath":"./src/components/IconButton/IconButton.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-buttons-icon-button--inverse-colour":{"type":"story","id":"components-buttons-icon-button--inverse-colour","name":"Inverse Colour","title":"Components/Buttons/Icon Button","importPath":"./src/components/IconButton/IconButton.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-accordion--docs":{"id":"components-containers-accordion--docs","title":"Components/Containers/Accordion","name":"Docs","importPath":"./src/components/Accordion/Accordion.docs.mdx","storiesImports":["./src/components/Accordion/Accordion.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-containers-dialog--docs":{"id":"components-containers-dialog--docs","title":"Components/Containers/Dialog","name":"Docs","importPath":"./src/components/Dialog/Dialog.docs.mdx","storiesImports":["./src/components/Dialog/Dialog.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-containers-footer--docs":{"id":"components-containers-footer--docs","title":"Components/Containers/Footer","name":"Docs","importPath":"./src/components/Footer/Footer.docs.mdx","storiesImports":["./src/components/Footer/Footer.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-containers-header--docs":{"id":"components-containers-header--docs","title":"Components/Containers/Header","name":"Docs","importPath":"./src/components/Header/Header.docs.mdx","storiesImports":["./src/components/Header/Header.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-containers-spotlight--docs":{"id":"components-containers-spotlight--docs","title":"Components/Containers/Spotlight","name":"Docs","importPath":"./src/components/Spotlight/Spotlight.docs.mdx","storiesImports":["./src/components/Spotlight/Spotlight.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-containers-table--docs":{"id":"components-containers-table--docs","title":"Components/Containers/Table","name":"Docs","importPath":"./src/components/Table/Table.docs.mdx","storiesImports":["./src/components/Table/Table.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-containers-tabs--docs":{"id":"components-containers-tabs--docs","title":"Components/Containers/Tabs","name":"Docs","importPath":"./src/components/Tabs/Tabs.docs.mdx","storiesImports":["./src/components/Tabs/Tabs.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-containers-accordion--default":{"type":"story","id":"components-containers-accordion--default","name":"Default","title":"Components/Containers/Accordion","importPath":"./src/components/Accordion/Accordion.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-accordion--expanded-by-default":{"type":"story","id":"components-containers-accordion--expanded-by-default","name":"Expanded By Default","title":"Components/Containers/Accordion","importPath":"./src/components/Accordion/Accordion.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-accordion--reduce-landmarks":{"type":"story","id":"components-containers-accordion--reduce-landmarks","name":"Reduce Landmarks","title":"Components/Containers/Accordion","importPath":"./src/components/Accordion/Accordion.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-dialog--default":{"type":"story","id":"components-containers-dialog--default","name":"Default","title":"Components/Containers/Dialog","importPath":"./src/components/Dialog/Dialog.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-dialog--open-and-close":{"type":"story","id":"components-containers-dialog--open-and-close","name":"Open And Close","title":"Components/Containers/Dialog","importPath":"./src/components/Dialog/Dialog.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-dialog--asking-to-confirm":{"type":"story","id":"components-containers-dialog--asking-to-confirm","name":"Asking To Confirm","title":"Components/Containers/Dialog","importPath":"./src/components/Dialog/Dialog.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-dialog--with-scrollbar":{"type":"story","id":"components-containers-dialog--with-scrollbar","name":"With Scrollbar","title":"Components/Containers/Dialog","importPath":"./src/components/Dialog/Dialog.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-footer--default":{"type":"story","id":"components-containers-footer--default","name":"Default","title":"Components/Containers/Footer","importPath":"./src/components/Footer/Footer.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-footer--onderzoek-en-statistiek":{"type":"story","id":"components-containers-footer--onderzoek-en-statistiek","name":"Onderzoek En Statistiek","title":"Components/Containers/Footer","importPath":"./src/components/Footer/Footer.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-header--default":{"type":"story","id":"components-containers-header--default","name":"Default","title":"Components/Containers/Header","importPath":"./src/components/Header/Header.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-header--with-moving-links":{"type":"story","id":"components-containers-header--with-moving-links","name":"With Moving Links","title":"Components/Containers/Header","importPath":"./src/components/Header/Header.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-header--without-menu-button-on-wide-window":{"type":"story","id":"components-containers-header--without-menu-button-on-wide-window","name":"Without Menu Button On Wide Window","title":"Components/Containers/Header","importPath":"./src/components/Header/Header.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-header--without-menu-button":{"type":"story","id":"components-containers-header--without-menu-button","name":"Without Menu Button","title":"Components/Containers/Header","importPath":"./src/components/Header/Header.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-header--with-custom-logo-link":{"type":"story","id":"components-containers-header--with-custom-logo-link","name":"With Custom Logo Link","title":"Components/Containers/Header","importPath":"./src/components/Header/Header.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-header--with-custom-texts":{"type":"story","id":"components-containers-header--with-custom-texts","name":"With Custom Texts","title":"Components/Containers/Header","importPath":"./src/components/Header/Header.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-spotlight--default":{"type":"story","id":"components-containers-spotlight--default","name":"Default","title":"Components/Containers/Spotlight","importPath":"./src/components/Spotlight/Spotlight.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-spotlight--azure":{"type":"story","id":"components-containers-spotlight--azure","name":"Azure","title":"Components/Containers/Spotlight","importPath":"./src/components/Spotlight/Spotlight.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-spotlight--green":{"type":"story","id":"components-containers-spotlight--green","name":"Green","title":"Components/Containers/Spotlight","importPath":"./src/components/Spotlight/Spotlight.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-spotlight--lime":{"type":"story","id":"components-containers-spotlight--lime","name":"Lime","title":"Components/Containers/Spotlight","importPath":"./src/components/Spotlight/Spotlight.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-spotlight--magenta":{"type":"story","id":"components-containers-spotlight--magenta","name":"Magenta","title":"Components/Containers/Spotlight","importPath":"./src/components/Spotlight/Spotlight.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-spotlight--orange":{"type":"story","id":"components-containers-spotlight--orange","name":"Orange","title":"Components/Containers/Spotlight","importPath":"./src/components/Spotlight/Spotlight.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-spotlight--yellow":{"type":"story","id":"components-containers-spotlight--yellow","name":"Yellow","title":"Components/Containers/Spotlight","importPath":"./src/components/Spotlight/Spotlight.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-spotlight--improve-semantics":{"type":"story","id":"components-containers-spotlight--improve-semantics","name":"Improve Semantics","title":"Components/Containers/Spotlight","importPath":"./src/components/Spotlight/Spotlight.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-table--default":{"type":"story","id":"components-containers-table--default","name":"Default","title":"Components/Containers/Table","importPath":"./src/components/Table/Table.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-table--with-footer-and-row-headers":{"type":"story","id":"components-containers-table--with-footer-and-row-headers","name":"With Footer And Row Headers","title":"Components/Containers/Table","importPath":"./src/components/Table/Table.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-tabs--default":{"type":"story","id":"components-containers-tabs--default","name":"Default","title":"Components/Containers/Tabs","importPath":"./src/components/Tabs/Tabs.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-containers-tabs--with-initial-tab":{"type":"story","id":"components-containers-tabs--with-initial-tab","name":"With Initial Tab","title":"Components/Containers/Tabs","importPath":"./src/components/Tabs/Tabs.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-alert--docs":{"id":"components-feedback-alert--docs","title":"Components/Feedback/Alert","name":"Docs","importPath":"./src/components/Alert/Alert.docs.mdx","storiesImports":["./src/components/Alert/Alert.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-feedback-avatar--docs":{"id":"components-feedback-avatar--docs","title":"Components/Feedback/Avatar","name":"Docs","importPath":"./src/components/Avatar/Avatar.docs.mdx","storiesImports":["./src/components/Avatar/Avatar.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-feedback-badge--docs":{"id":"components-feedback-badge--docs","title":"Components/Feedback/Badge","name":"Docs","importPath":"./src/components/Badge/Badge.docs.mdx","storiesImports":["./src/components/Badge/Badge.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-feedback-alert--default":{"type":"story","id":"components-feedback-alert--default","name":"Default","title":"Components/Feedback/Alert","importPath":"./src/components/Alert/Alert.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-alert--warning":{"type":"story","id":"components-feedback-alert--warning","name":"Warning","title":"Components/Feedback/Alert","importPath":"./src/components/Alert/Alert.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-alert--error":{"type":"story","id":"components-feedback-alert--error","name":"Error","title":"Components/Feedback/Alert","importPath":"./src/components/Alert/Alert.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-alert--success":{"type":"story","id":"components-feedback-alert--success","name":"Success","title":"Components/Feedback/Alert","importPath":"./src/components/Alert/Alert.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-alert--info":{"type":"story","id":"components-feedback-alert--info","name":"Info","title":"Components/Feedback/Alert","importPath":"./src/components/Alert/Alert.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-alert--with-list":{"type":"story","id":"components-feedback-alert--with-list","name":"With List","title":"Components/Feedback/Alert","importPath":"./src/components/Alert/Alert.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-alert--with-inline-link":{"type":"story","id":"components-feedback-alert--with-inline-link","name":"With Inline Link","title":"Components/Feedback/Alert","importPath":"./src/components/Alert/Alert.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-alert--without-heading":{"type":"story","id":"components-feedback-alert--without-heading","name":"Without Heading","title":"Components/Feedback/Alert","importPath":"./src/components/Alert/Alert.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-avatar--default":{"type":"story","id":"components-feedback-avatar--default","name":"Default","title":"Components/Feedback/Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-avatar--with-image":{"type":"story","id":"components-feedback-avatar--with-image","name":"With Image","title":"Components/Feedback/Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-avatar--fallback-icon":{"type":"story","id":"components-feedback-avatar--fallback-icon","name":"Fallback Icon","title":"Components/Feedback/Avatar","importPath":"./src/components/Avatar/Avatar.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-feedback-badge--default":{"type":"story","id":"components-feedback-badge--default","name":"Default","title":"Components/Feedback/Badge","importPath":"./src/components/Badge/Badge.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-character-count--docs":{"id":"components-forms-character-count--docs","title":"Components/Forms/Character Count","name":"Docs","importPath":"./src/components/CharacterCount/CharacterCount.docs.mdx","storiesImports":["./src/components/CharacterCount/CharacterCount.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-checkbox--docs":{"id":"components-forms-checkbox--docs","title":"Components/Forms/Checkbox","name":"Docs","importPath":"./src/components/Checkbox/Checkbox.docs.mdx","storiesImports":["./src/components/Checkbox/Checkbox.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-date-input--docs":{"id":"components-forms-date-input--docs","title":"Components/Forms/Date Input","name":"Docs","importPath":"./src/components/DateInput/DateInput.docs.mdx","storiesImports":["./src/components/DateInput/DateInput.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-error-message--docs":{"id":"components-forms-error-message--docs","title":"Components/Forms/Error Message","name":"Docs","importPath":"./src/components/ErrorMessage/ErrorMessage.docs.mdx","storiesImports":["./src/components/ErrorMessage/ErrorMessage.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-field--docs":{"id":"components-forms-field--docs","title":"Components/Forms/Field","name":"Docs","importPath":"./src/components/Field/Field.docs.mdx","storiesImports":["./src/components/Field/Field.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-field-set--docs":{"id":"components-forms-field-set--docs","title":"Components/Forms/Field Set","name":"Docs","importPath":"./src/components/FieldSet/FieldSet.docs.mdx","storiesImports":["./src/components/FieldSet/FieldSet.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-file-input--docs":{"id":"components-forms-file-input--docs","title":"Components/Forms/File Input","name":"Docs","importPath":"./src/components/FileInput/FileInput.docs.mdx","storiesImports":["./src/components/FileInput/FileInput.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-file-list--docs":{"id":"components-forms-file-list--docs","title":"Components/Forms/File List","name":"Docs","importPath":"./src/components/FileList/FileList.docs.mdx","storiesImports":["./src/components/FileList/FileList.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-form-error-list--docs":{"id":"components-forms-form-error-list--docs","title":"Components/Forms/Form Error List","name":"Docs","importPath":"./src/components/FormErrorList/FormErrorList.docs.mdx","storiesImports":["./src/components/FormErrorList/FormErrorList.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-label--docs":{"id":"components-forms-label--docs","title":"Components/Forms/Label","name":"Docs","importPath":"./src/components/Label/Label.docs.mdx","storiesImports":["./src/components/Label/Label.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-password-input--docs":{"id":"components-forms-password-input--docs","title":"Components/Forms/Password Input","name":"Docs","importPath":"./src/components/PasswordInput/PasswordInput.docs.mdx","storiesImports":["./src/components/PasswordInput/PasswordInput.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-radio--docs":{"id":"components-forms-radio--docs","title":"Components/Forms/Radio","name":"Docs","importPath":"./src/components/Radio/Radio.docs.mdx","storiesImports":["./src/components/Radio/Radio.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-search-field--docs":{"id":"components-forms-search-field--docs","title":"Components/Forms/Search Field","name":"Docs","importPath":"./src/components/SearchField/SearchField.docs.mdx","storiesImports":["./src/components/SearchField/SearchField.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-select--docs":{"id":"components-forms-select--docs","title":"Components/Forms/Select","name":"Docs","importPath":"./src/components/Select/Select.docs.mdx","storiesImports":["./src/components/Select/Select.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-switch--docs":{"id":"components-forms-switch--docs","title":"Components/Forms/Switch","name":"Docs","importPath":"./src/components/Switch/Switch.docs.mdx","storiesImports":["./src/components/Switch/Switch.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-text-area--docs":{"id":"components-forms-text-area--docs","title":"Components/Forms/Text Area","name":"Docs","importPath":"./src/components/TextArea/TextArea.docs.mdx","storiesImports":["./src/components/TextArea/TextArea.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-text-input--docs":{"id":"components-forms-text-input--docs","title":"Components/Forms/Text Input","name":"Docs","importPath":"./src/components/TextInput/TextInput.docs.mdx","storiesImports":["./src/components/TextInput/TextInput.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-time-input--docs":{"id":"components-forms-time-input--docs","title":"Components/Forms/Time Input","name":"Docs","importPath":"./src/components/TimeInput/TimeInput.docs.mdx","storiesImports":["./src/components/TimeInput/TimeInput.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-forms-character-count--default":{"type":"story","id":"components-forms-character-count--default","name":"Default","title":"Components/Forms/Character Count","importPath":"./src/components/CharacterCount/CharacterCount.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-character-count--error":{"type":"story","id":"components-forms-character-count--error","name":"Error","title":"Components/Forms/Character Count","importPath":"./src/components/CharacterCount/CharacterCount.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-checkbox--default":{"type":"story","id":"components-forms-checkbox--default","name":"Default","title":"Components/Forms/Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-checkbox--long-label":{"type":"story","id":"components-forms-checkbox--long-label","name":"Long Label","title":"Components/Forms/Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-checkbox--in-a-field-set":{"type":"story","id":"components-forms-checkbox--in-a-field-set","name":"In A Field Set","title":"Components/Forms/Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-checkbox--in-a-field-set-with-validation":{"type":"story","id":"components-forms-checkbox--in-a-field-set-with-validation","name":"In A Field Set With Validation","title":"Components/Forms/Checkbox","importPath":"./src/components/Checkbox/Checkbox.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-date-input--default":{"type":"story","id":"components-forms-date-input--default","name":"Default","title":"Components/Forms/Date Input","importPath":"./src/components/DateInput/DateInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-date-input--date-time":{"type":"story","id":"components-forms-date-input--date-time","name":"Date Time","title":"Components/Forms/Date Input","importPath":"./src/components/DateInput/DateInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-date-input--invalid":{"type":"story","id":"components-forms-date-input--invalid","name":"Invalid","title":"Components/Forms/Date Input","importPath":"./src/components/DateInput/DateInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-date-input--disabled":{"type":"story","id":"components-forms-date-input--disabled","name":"Disabled","title":"Components/Forms/Date Input","importPath":"./src/components/DateInput/DateInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-date-input--in-a-field":{"type":"story","id":"components-forms-date-input--in-a-field","name":"In A Field","title":"Components/Forms/Date Input","importPath":"./src/components/DateInput/DateInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-date-input--in-a-field-with-validation":{"type":"story","id":"components-forms-date-input--in-a-field-with-validation","name":"In A Field With Validation","title":"Components/Forms/Date Input","importPath":"./src/components/DateInput/DateInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-error-message--default":{"type":"story","id":"components-forms-error-message--default","name":"Default","title":"Components/Forms/Error Message","importPath":"./src/components/ErrorMessage/ErrorMessage.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-error-message--custom-prefix":{"type":"story","id":"components-forms-error-message--custom-prefix","name":"Custom Prefix","title":"Components/Forms/Error Message","importPath":"./src/components/ErrorMessage/ErrorMessage.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-error-message--with-custom-icon":{"type":"story","id":"components-forms-error-message--with-custom-icon","name":"With Custom Icon","title":"Components/Forms/Error Message","importPath":"./src/components/ErrorMessage/ErrorMessage.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-field--default":{"type":"story","id":"components-forms-field--default","name":"Default","title":"Components/Forms/Field","importPath":"./src/components/Field/Field.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-field--with-description":{"type":"story","id":"components-forms-field--with-description","name":"With Description","title":"Components/Forms/Field","importPath":"./src/components/Field/Field.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-field--with-validation":{"type":"story","id":"components-forms-field--with-validation","name":"With Validation","title":"Components/Forms/Field","importPath":"./src/components/Field/Field.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-field-set--default":{"type":"story","id":"components-forms-field-set--default","name":"Default","title":"Components/Forms/Field Set","importPath":"./src/components/FieldSet/FieldSet.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-field-set--with-description":{"type":"story","id":"components-forms-field-set--with-description","name":"With Description","title":"Components/Forms/Field Set","importPath":"./src/components/FieldSet/FieldSet.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-field-set--with-hint":{"type":"story","id":"components-forms-field-set--with-hint","name":"With Hint","title":"Components/Forms/Field Set","importPath":"./src/components/FieldSet/FieldSet.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-field-set--with-validation":{"type":"story","id":"components-forms-field-set--with-validation","name":"With Validation","title":"Components/Forms/Field Set","importPath":"./src/components/FieldSet/FieldSet.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-field-set--radio-group":{"type":"story","id":"components-forms-field-set--radio-group","name":"Radio Group","title":"Components/Forms/Field Set","importPath":"./src/components/FieldSet/FieldSet.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-field-set--radio-group-with-validation":{"type":"story","id":"components-forms-field-set--radio-group-with-validation","name":"Radio Group With Validation","title":"Components/Forms/Field Set","importPath":"./src/components/FieldSet/FieldSet.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-field-set--checkbox-group":{"type":"story","id":"components-forms-field-set--checkbox-group","name":"Checkbox Group","title":"Components/Forms/Field Set","importPath":"./src/components/FieldSet/FieldSet.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-field-set--checkbox-group-with-validation":{"type":"story","id":"components-forms-field-set--checkbox-group-with-validation","name":"Checkbox Group With Validation","title":"Components/Forms/Field Set","importPath":"./src/components/FieldSet/FieldSet.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-file-input--default":{"type":"story","id":"components-forms-file-input--default","name":"Default","title":"Components/Forms/File Input","importPath":"./src/components/FileInput/FileInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-file-input--multiple-files":{"type":"story","id":"components-forms-file-input--multiple-files","name":"Multiple Files","title":"Components/Forms/File Input","importPath":"./src/components/FileInput/FileInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-file-input--restrict-file-types":{"type":"story","id":"components-forms-file-input--restrict-file-types","name":"Restrict File Types","title":"Components/Forms/File Input","importPath":"./src/components/FileInput/FileInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-file-input--disabled":{"type":"story","id":"components-forms-file-input--disabled","name":"Disabled","title":"Components/Forms/File Input","importPath":"./src/components/FileInput/FileInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-file-input--in-a-field":{"type":"story","id":"components-forms-file-input--in-a-field","name":"In A Field","title":"Components/Forms/File Input","importPath":"./src/components/FileInput/FileInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-file-list--default":{"type":"story","id":"components-forms-file-list--default","name":"Default","title":"Components/Forms/File List","importPath":"./src/components/FileList/FileList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-file-list--with-input":{"type":"story","id":"components-forms-file-list--with-input","name":"With Input","title":"Components/Forms/File List","importPath":"./src/components/FileList/FileList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-form-error-list--default":{"type":"story","id":"components-forms-form-error-list--default","name":"Default","title":"Components/Forms/Form Error List","importPath":"./src/components/FormErrorList/FormErrorList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-label--default":{"type":"story","id":"components-forms-label--default","name":"Default","title":"Components/Forms/Label","importPath":"./src/components/Label/Label.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-label--optional":{"type":"story","id":"components-forms-label--optional","name":"Optional","title":"Components/Forms/Label","importPath":"./src/components/Label/Label.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-label--with-hint":{"type":"story","id":"components-forms-label--with-hint","name":"With Hint","title":"Components/Forms/Label","importPath":"./src/components/Label/Label.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-password-input--default":{"type":"story","id":"components-forms-password-input--default","name":"Default","title":"Components/Forms/Password Input","importPath":"./src/components/PasswordInput/PasswordInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-password-input--in-a-field":{"type":"story","id":"components-forms-password-input--in-a-field","name":"In A Field","title":"Components/Forms/Password Input","importPath":"./src/components/PasswordInput/PasswordInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-password-input--in-a-field-with-validation":{"type":"story","id":"components-forms-password-input--in-a-field-with-validation","name":"In A Field With Validation","title":"Components/Forms/Password Input","importPath":"./src/components/PasswordInput/PasswordInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-radio--default":{"type":"story","id":"components-forms-radio--default","name":"Default","title":"Components/Forms/Radio","importPath":"./src/components/Radio/Radio.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-radio--in-a-field-set":{"type":"story","id":"components-forms-radio--in-a-field-set","name":"In A Field Set","title":"Components/Forms/Radio","importPath":"./src/components/Radio/Radio.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-radio--in-a-field-set-with-validation":{"type":"story","id":"components-forms-radio--in-a-field-set-with-validation","name":"In A Field Set With Validation","title":"Components/Forms/Radio","importPath":"./src/components/Radio/Radio.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-radio--with-custom-icon":{"type":"story","id":"components-forms-radio--with-custom-icon","name":"With Custom Icon","title":"Components/Forms/Radio","importPath":"./src/components/Radio/Radio.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-search-field--default":{"type":"story","id":"components-forms-search-field--default","name":"Default","title":"Components/Forms/Search Field","importPath":"./src/components/SearchField/SearchField.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-search-field--with-placeholder":{"type":"story","id":"components-forms-search-field--with-placeholder","name":"With Placeholder","title":"Components/Forms/Search Field","importPath":"./src/components/SearchField/SearchField.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-search-field--controlled":{"type":"story","id":"components-forms-search-field--controlled","name":"Controlled","title":"Components/Forms/Search Field","importPath":"./src/components/SearchField/SearchField.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-select--default":{"type":"story","id":"components-forms-select--default","name":"Default","title":"Components/Forms/Select","importPath":"./src/components/Select/Select.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-select--grouped":{"type":"story","id":"components-forms-select--grouped","name":"Grouped","title":"Components/Forms/Select","importPath":"./src/components/Select/Select.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-select--invalid":{"type":"story","id":"components-forms-select--invalid","name":"Invalid","title":"Components/Forms/Select","importPath":"./src/components/Select/Select.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-select--disabled":{"type":"story","id":"components-forms-select--disabled","name":"Disabled","title":"Components/Forms/Select","importPath":"./src/components/Select/Select.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-select--in-a-field":{"type":"story","id":"components-forms-select--in-a-field","name":"In A Field","title":"Components/Forms/Select","importPath":"./src/components/Select/Select.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-select--in-a-field-with-validation":{"type":"story","id":"components-forms-select--in-a-field-with-validation","name":"In A Field With Validation","title":"Components/Forms/Select","importPath":"./src/components/Select/Select.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-switch--default":{"type":"story","id":"components-forms-switch--default","name":"Default","title":"Components/Forms/Switch","importPath":"./src/components/Switch/Switch.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-switch--with-label":{"type":"story","id":"components-forms-switch--with-label","name":"With Label","title":"Components/Forms/Switch","importPath":"./src/components/Switch/Switch.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-area--default":{"type":"story","id":"components-forms-text-area--default","name":"Default","title":"Components/Forms/Text Area","importPath":"./src/components/TextArea/TextArea.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-area--vertical-resize":{"type":"story","id":"components-forms-text-area--vertical-resize","name":"Vertical Resize","title":"Components/Forms/Text Area","importPath":"./src/components/TextArea/TextArea.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-area--horizontal-resize":{"type":"story","id":"components-forms-text-area--horizontal-resize","name":"Horizontal Resize","title":"Components/Forms/Text Area","importPath":"./src/components/TextArea/TextArea.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-area--no-resize":{"type":"story","id":"components-forms-text-area--no-resize","name":"No Resize","title":"Components/Forms/Text Area","importPath":"./src/components/TextArea/TextArea.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-area--invalid":{"type":"story","id":"components-forms-text-area--invalid","name":"Invalid","title":"Components/Forms/Text Area","importPath":"./src/components/TextArea/TextArea.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-area--disabled":{"type":"story","id":"components-forms-text-area--disabled","name":"Disabled","title":"Components/Forms/Text Area","importPath":"./src/components/TextArea/TextArea.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-area--in-a-field":{"type":"story","id":"components-forms-text-area--in-a-field","name":"In A Field","title":"Components/Forms/Text Area","importPath":"./src/components/TextArea/TextArea.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-area--in-a-field-with-validation":{"type":"story","id":"components-forms-text-area--in-a-field-with-validation","name":"In A Field With Validation","title":"Components/Forms/Text Area","importPath":"./src/components/TextArea/TextArea.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-input--default":{"type":"story","id":"components-forms-text-input--default","name":"Default","title":"Components/Forms/Text Input","importPath":"./src/components/TextInput/TextInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-input--email-address":{"type":"story","id":"components-forms-text-input--email-address","name":"Email Address","title":"Components/Forms/Text Input","importPath":"./src/components/TextInput/TextInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-input--web-address":{"type":"story","id":"components-forms-text-input--web-address","name":"Web Address","title":"Components/Forms/Text Input","importPath":"./src/components/TextInput/TextInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-input--phone-number":{"type":"story","id":"components-forms-text-input--phone-number","name":"Phone Number","title":"Components/Forms/Text Input","importPath":"./src/components/TextInput/TextInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-input--placeholder":{"type":"story","id":"components-forms-text-input--placeholder","name":"Placeholder","title":"Components/Forms/Text Input","importPath":"./src/components/TextInput/TextInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-input--invalid":{"type":"story","id":"components-forms-text-input--invalid","name":"Invalid","title":"Components/Forms/Text Input","importPath":"./src/components/TextInput/TextInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-input--disabled":{"type":"story","id":"components-forms-text-input--disabled","name":"Disabled","title":"Components/Forms/Text Input","importPath":"./src/components/TextInput/TextInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-input--in-a-field":{"type":"story","id":"components-forms-text-input--in-a-field","name":"In A Field","title":"Components/Forms/Text Input","importPath":"./src/components/TextInput/TextInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-text-input--in-a-field-with-validation":{"type":"story","id":"components-forms-text-input--in-a-field-with-validation","name":"In A Field With Validation","title":"Components/Forms/Text Input","importPath":"./src/components/TextInput/TextInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-time-input--default":{"type":"story","id":"components-forms-time-input--default","name":"Default","title":"Components/Forms/Time Input","importPath":"./src/components/TimeInput/TimeInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-time-input--invalid":{"type":"story","id":"components-forms-time-input--invalid","name":"Invalid","title":"Components/Forms/Time Input","importPath":"./src/components/TimeInput/TimeInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-time-input--disabled":{"type":"story","id":"components-forms-time-input--disabled","name":"Disabled","title":"Components/Forms/Time Input","importPath":"./src/components/TimeInput/TimeInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-time-input--in-a-field":{"type":"story","id":"components-forms-time-input--in-a-field","name":"In A Field","title":"Components/Forms/Time Input","importPath":"./src/components/TimeInput/TimeInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-forms-time-input--in-a-field-with-validation":{"type":"story","id":"components-forms-time-input--in-a-field-with-validation","name":"In A Field With Validation","title":"Components/Forms/Time Input","importPath":"./src/components/TimeInput/TimeInput.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-action-group--docs":{"id":"components-layout-action-group--docs","title":"Components/Layout/Action Group","name":"Docs","importPath":"./src/components/ActionGroup/ActionGroup.docs.mdx","storiesImports":["./src/components/ActionGroup/ActionGroup.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-layout-breakout--docs":{"id":"components-layout-breakout--docs","title":"Components/Layout/Breakout","name":"Docs","importPath":"./src/components/Breakout/Breakout.docs.mdx","storiesImports":["./src/components/Breakout/Breakout.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-layout-column--docs":{"id":"components-layout-column--docs","title":"Components/Layout/Column","name":"Docs","importPath":"./src/components/Column/Column.docs.mdx","storiesImports":["./src/components/Column/Column.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-layout-grid--docs":{"id":"components-layout-grid--docs","title":"Components/Layout/Grid","name":"Docs","importPath":"./src/components/Grid/Grid.docs.mdx","storiesImports":["./src/components/Grid/Grid.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-layout-overlap--docs":{"id":"components-layout-overlap--docs","title":"Components/Layout/Overlap","name":"Docs","importPath":"./src/components/Overlap/Overlap.docs.mdx","storiesImports":["./src/components/Overlap/Overlap.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-layout-row--docs":{"id":"components-layout-row--docs","title":"Components/Layout/Row","name":"Docs","importPath":"./src/components/Row/Row.docs.mdx","storiesImports":["./src/components/Row/Row.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-layout-screen--docs":{"id":"components-layout-screen--docs","title":"Components/Layout/Screen","name":"Docs","importPath":"./src/components/Screen/Screen.docs.mdx","storiesImports":["./src/components/Screen/Screen.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-layout-action-group--default":{"type":"story","id":"components-layout-action-group--default","name":"Default","title":"Components/Layout/Action Group","importPath":"./src/components/ActionGroup/ActionGroup.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-action-group--stacked":{"type":"story","id":"components-layout-action-group--stacked","name":"Stacked","title":"Components/Layout/Action Group","importPath":"./src/components/ActionGroup/ActionGroup.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-action-group--with-link":{"type":"story","id":"components-layout-action-group--with-link","name":"With Link","title":"Components/Layout/Action Group","importPath":"./src/components/ActionGroup/ActionGroup.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-breakout--default":{"type":"story","id":"components-layout-breakout--default","name":"Default","title":"Components/Layout/Breakout","importPath":"./src/components/Breakout/Breakout.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-breakout--vertical-layout":{"type":"story","id":"components-layout-breakout--vertical-layout","name":"Vertical Layout","title":"Components/Layout/Breakout","importPath":"./src/components/Breakout/Breakout.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-column--default":{"type":"story","id":"components-layout-column--default","name":"Default","title":"Components/Layout/Column","importPath":"./src/components/Column/Column.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-column--alignment":{"type":"story","id":"components-layout-column--alignment","name":"Alignment","title":"Components/Layout/Column","importPath":"./src/components/Column/Column.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-column--horizontal-alignment":{"type":"story","id":"components-layout-column--horizontal-alignment","name":"Horizontal Alignment","title":"Components/Layout/Column","importPath":"./src/components/Column/Column.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-column--improve-semantics":{"type":"story","id":"components-layout-column--improve-semantics","name":"Improve Semantics","title":"Components/Layout/Column","importPath":"./src/components/Column/Column.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-grid--default":{"type":"story","id":"components-layout-grid--default","name":"Default","title":"Components/Layout/Grid","importPath":"./src/components/Grid/Grid.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-grid--vertical-padding":{"type":"story","id":"components-layout-grid--vertical-padding","name":"Vertical Padding","title":"Components/Layout/Grid","importPath":"./src/components/Grid/Grid.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-grid--vertical-gap":{"type":"story","id":"components-layout-grid--vertical-gap","name":"Vertical Gap","title":"Components/Layout/Grid","importPath":"./src/components/Grid/Grid.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-grid--span-columns":{"type":"story","id":"components-layout-grid--span-columns","name":"Span Columns","title":"Components/Layout/Grid","importPath":"./src/components/Grid/Grid.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-grid--span-responsively":{"type":"story","id":"components-layout-grid--span-responsively","name":"Span Responsively","title":"Components/Layout/Grid","importPath":"./src/components/Grid/Grid.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-grid--span-all-columns":{"type":"story","id":"components-layout-grid--span-all-columns","name":"Span All Columns","title":"Components/Layout/Grid","importPath":"./src/components/Grid/Grid.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-grid--start-position":{"type":"story","id":"components-layout-grid--start-position","name":"Start Position","title":"Components/Layout/Grid","importPath":"./src/components/Grid/Grid.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-grid--improve-semantics":{"type":"story","id":"components-layout-grid--improve-semantics","name":"Improve Semantics","title":"Components/Layout/Grid","importPath":"./src/components/Grid/Grid.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-overlap--default":{"type":"story","id":"components-layout-overlap--default","name":"Default","title":"Components/Layout/Overlap","importPath":"./src/components/Overlap/Overlap.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-row--default":{"type":"story","id":"components-layout-row--default","name":"Default","title":"Components/Layout/Row","importPath":"./src/components/Row/Row.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-row--alignment":{"type":"story","id":"components-layout-row--alignment","name":"Alignment","title":"Components/Layout/Row","importPath":"./src/components/Row/Row.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-row--end-align-a-single-child":{"type":"story","id":"components-layout-row--end-align-a-single-child","name":"End Align A Single Child","title":"Components/Layout/Row","importPath":"./src/components/Row/Row.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-row--end-align-a-single-child-rtl":{"type":"story","id":"components-layout-row--end-align-a-single-child-rtl","name":"End Align A Single Child Rtl","title":"Components/Layout/Row","importPath":"./src/components/Row/Row.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-row--align-opposing-texts":{"type":"story","id":"components-layout-row--align-opposing-texts","name":"Align Opposing Texts","title":"Components/Layout/Row","importPath":"./src/components/Row/Row.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-row--vertical-alignment":{"type":"story","id":"components-layout-row--vertical-alignment","name":"Vertical Alignment","title":"Components/Layout/Row","importPath":"./src/components/Row/Row.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-row--wrapping":{"type":"story","id":"components-layout-row--wrapping","name":"Wrapping","title":"Components/Layout/Row","importPath":"./src/components/Row/Row.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-screen--default":{"type":"story","id":"components-layout-screen--default","name":"Default","title":"Components/Layout/Screen","importPath":"./src/components/Screen/Screen.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-layout-screen--extra-wide":{"type":"story","id":"components-layout-screen--extra-wide","name":"Extra Wide","title":"Components/Layout/Screen","importPath":"./src/components/Screen/Screen.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-figure--docs":{"id":"components-media-figure--docs","title":"Components/Media/Figure","name":"Docs","importPath":"./src/components/Figure/Figure.docs.mdx","storiesImports":["./src/components/Figure/Figure.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-media-icon--docs":{"id":"components-media-icon--docs","title":"Components/Media/Icon","name":"Docs","importPath":"./src/components/Icon/Icon.docs.mdx","storiesImports":["./src/components/Icon/Icon.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-media-image--docs":{"id":"components-media-image--docs","title":"Components/Media/Image","name":"Docs","importPath":"./src/components/Image/Image.docs.mdx","storiesImports":["./src/components/Image/Image.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-media-image-slider--docs":{"id":"components-media-image-slider--docs","title":"Components/Media/Image Slider","name":"Docs","importPath":"./src/components/ImageSlider/ImageSlider.docs.mdx","storiesImports":["./src/components/ImageSlider/ImageSlider.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-media-logo--docs":{"id":"components-media-logo--docs","title":"Components/Media/Logo","name":"Docs","importPath":"./src/components/Logo/Logo.docs.mdx","storiesImports":["./src/components/Logo/Logo.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-media-figure--default":{"type":"story","id":"components-media-figure--default","name":"Default","title":"Components/Media/Figure","importPath":"./src/components/Figure/Figure.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-figure--inverse-colour":{"type":"story","id":"components-media-figure--inverse-colour","name":"Inverse Colour","title":"Components/Media/Figure","importPath":"./src/components/Figure/Figure.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-icon--default":{"type":"story","id":"components-media-icon--default","name":"Default","title":"Components/Media/Icon","importPath":"./src/components/Icon/Icon.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-icon--with-text":{"type":"story","id":"components-media-icon--with-text","name":"With Text","title":"Components/Media/Icon","importPath":"./src/components/Icon/Icon.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-icon--square":{"type":"story","id":"components-media-icon--square","name":"Square","title":"Components/Media/Icon","importPath":"./src/components/Icon/Icon.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-icon--level-3":{"type":"story","id":"components-media-icon--level-3","name":"Level 3","title":"Components/Media/Icon","importPath":"./src/components/Icon/Icon.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-icon--level-4":{"type":"story","id":"components-media-icon--level-4","name":"Level 4","title":"Components/Media/Icon","importPath":"./src/components/Icon/Icon.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-icon--level-5":{"type":"story","id":"components-media-icon--level-5","name":"Level 5","title":"Components/Media/Icon","importPath":"./src/components/Icon/Icon.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-icon--level-6":{"type":"story","id":"components-media-icon--level-6","name":"Level 6","title":"Components/Media/Icon","importPath":"./src/components/Icon/Icon.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-icon--inverse-colour":{"type":"story","id":"components-media-icon--inverse-colour","name":"Inverse Colour","title":"Components/Media/Icon","importPath":"./src/components/Icon/Icon.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-image--default":{"type":"story","id":"components-media-image--default","name":"Default","title":"Components/Media/Image","importPath":"./src/components/Image/Image.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-image--responsive-images":{"type":"story","id":"components-media-image--responsive-images","name":"Responsive Images","title":"Components/Media/Image","importPath":"./src/components/Image/Image.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-image--lazy-loading":{"type":"story","id":"components-media-image--lazy-loading","name":"Lazy Loading","title":"Components/Media/Image","importPath":"./src/components/Image/Image.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-image-slider--default":{"type":"story","id":"components-media-image-slider--default","name":"Default","title":"Components/Media/Image Slider","importPath":"./src/components/ImageSlider/ImageSlider.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-image-slider--responsive-images":{"type":"story","id":"components-media-image-slider--responsive-images","name":"Responsive Images","title":"Components/Media/Image Slider","importPath":"./src/components/ImageSlider/ImageSlider.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-logo--default":{"type":"story","id":"components-media-logo--default","name":"Default","title":"Components/Media/Logo","importPath":"./src/components/Logo/Logo.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-logo--ggd-amsterdam":{"type":"story","id":"components-media-logo--ggd-amsterdam","name":"Ggd Amsterdam","title":"Components/Media/Logo","importPath":"./src/components/Logo/Logo.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-logo--stadsarchief":{"type":"story","id":"components-media-logo--stadsarchief","name":"Stadsarchief","title":"Components/Media/Logo","importPath":"./src/components/Logo/Logo.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-logo--stadsbank-van-lening":{"type":"story","id":"components-media-logo--stadsbank-van-lening","name":"Stadsbank Van Lening","title":"Components/Media/Logo","importPath":"./src/components/Logo/Logo.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-logo--vga-verzekeringen":{"type":"story","id":"components-media-logo--vga-verzekeringen","name":"Vga Verzekeringen","title":"Components/Media/Logo","importPath":"./src/components/Logo/Logo.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-media-logo--museum-weesp":{"type":"story","id":"components-media-logo--museum-weesp","name":"Museum Weesp","title":"Components/Media/Logo","importPath":"./src/components/Logo/Logo.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-breadcrumb--docs":{"id":"components-navigation-breadcrumb--docs","title":"Components/Navigation/Breadcrumb","name":"Docs","importPath":"./src/components/Breadcrumb/Breadcrumb.docs.mdx","storiesImports":["./src/components/Breadcrumb/Breadcrumb.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-navigation-card--docs":{"id":"components-navigation-card--docs","title":"Components/Navigation/Card","name":"Docs","importPath":"./src/components/Card/Card.docs.mdx","storiesImports":["./src/components/Card/Card.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-navigation-link--docs":{"id":"components-navigation-link--docs","title":"Components/Navigation/Link","name":"Docs","importPath":"./src/components/Link/Link.docs.mdx","storiesImports":["./src/components/Link/Link.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-navigation-link-list--docs":{"id":"components-navigation-link-list--docs","title":"Components/Navigation/Link List","name":"Docs","importPath":"./src/components/LinkList/LinkList.docs.mdx","storiesImports":["./src/components/LinkList/LinkList.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-navigation-mega-menu--docs":{"id":"components-navigation-mega-menu--docs","title":"Components/Navigation/Mega Menu","name":"Docs","importPath":"./src/components/MegaMenu/MegaMenu.docs.mdx","storiesImports":["./src/components/MegaMenu/MegaMenu.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-navigation-page-menu--docs":{"id":"components-navigation-page-menu--docs","title":"Components/Navigation/Page Menu","name":"Docs","importPath":"./src/components/PageMenu/PageMenu.docs.mdx","storiesImports":["./src/components/PageMenu/PageMenu.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-navigation-pagination--docs":{"id":"components-navigation-pagination--docs","title":"Components/Navigation/Pagination","name":"Docs","importPath":"./src/components/Pagination/Pagination.docs.mdx","storiesImports":["./src/components/Pagination/Pagination.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-navigation-skip-link--docs":{"id":"components-navigation-skip-link--docs","title":"Components/Navigation/Skip Link","name":"Docs","importPath":"./src/components/SkipLink/SkipLink.docs.mdx","storiesImports":["./src/components/SkipLink/SkipLink.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-navigation-table-of-contents--docs":{"id":"components-navigation-table-of-contents--docs","title":"Components/Navigation/Table of Contents","name":"Docs","importPath":"./src/components/TableOfContents/TableOfContents.docs.mdx","storiesImports":["./src/components/TableOfContents/TableOfContents.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-navigation-top-task-link--docs":{"id":"components-navigation-top-task-link--docs","title":"Components/Navigation/Top Task Link","name":"Docs","importPath":"./src/components/TopTaskLink/TopTaskLink.docs.mdx","storiesImports":["./src/components/TopTaskLink/TopTaskLink.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-navigation-breadcrumb--default":{"type":"story","id":"components-navigation-breadcrumb--default","name":"Default","title":"Components/Navigation/Breadcrumb","importPath":"./src/components/Breadcrumb/Breadcrumb.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-card--default":{"type":"story","id":"components-navigation-card--default","name":"Default","title":"Components/Navigation/Card","importPath":"./src/components/Card/Card.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-card--with-tagline":{"type":"story","id":"components-navigation-card--with-tagline","name":"With Tagline","title":"Components/Navigation/Card","importPath":"./src/components/Card/Card.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-card--with-image":{"type":"story","id":"components-navigation-card--with-image","name":"With Image","title":"Components/Navigation/Card","importPath":"./src/components/Card/Card.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-link--default":{"type":"story","id":"components-navigation-link--default","name":"Default","title":"Components/Navigation/Link","importPath":"./src/components/Link/Link.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-link--standalone":{"type":"story","id":"components-navigation-link--standalone","name":"Standalone","title":"Components/Navigation/Link","importPath":"./src/components/Link/Link.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-link--inline":{"type":"story","id":"components-navigation-link--inline","name":"Inline","title":"Components/Navigation/Link","importPath":"./src/components/Link/Link.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-link--contrast-colour":{"type":"story","id":"components-navigation-link--contrast-colour","name":"Contrast Colour","title":"Components/Navigation/Link","importPath":"./src/components/Link/Link.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-link--inverse-colour":{"type":"story","id":"components-navigation-link--inverse-colour","name":"Inverse Colour","title":"Components/Navigation/Link","importPath":"./src/components/Link/Link.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-link-list--default":{"type":"story","id":"components-navigation-link-list--default","name":"Default","title":"Components/Navigation/Link List","importPath":"./src/components/LinkList/LinkList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-link-list--custom-icons":{"type":"story","id":"components-navigation-link-list--custom-icons","name":"Custom Icons","title":"Components/Navigation/Link List","importPath":"./src/components/LinkList/LinkList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-link-list--small-text":{"type":"story","id":"components-navigation-link-list--small-text","name":"Small Text","title":"Components/Navigation/Link List","importPath":"./src/components/LinkList/LinkList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-link-list--link":{"type":"story","id":"components-navigation-link-list--link","name":"Link","title":"Components/Navigation/Link List","importPath":"./src/components/LinkList/LinkList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-link-list--contrast-colour":{"type":"story","id":"components-navigation-link-list--contrast-colour","name":"Contrast Colour","title":"Components/Navigation/Link List","importPath":"./src/components/LinkList/LinkList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-link-list--inverse-colour":{"type":"story","id":"components-navigation-link-list--inverse-colour","name":"Inverse Colour","title":"Components/Navigation/Link List","importPath":"./src/components/LinkList/LinkList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-mega-menu--default":{"type":"story","id":"components-navigation-mega-menu--default","name":"Default","title":"Components/Navigation/Mega Menu","importPath":"./src/components/MegaMenu/MegaMenu.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-mega-menu--multiple-categories":{"type":"story","id":"components-navigation-mega-menu--multiple-categories","name":"Multiple Categories","title":"Components/Navigation/Mega Menu","importPath":"./src/components/MegaMenu/MegaMenu.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-page-menu--default":{"type":"story","id":"components-navigation-page-menu--default","name":"Default","title":"Components/Navigation/Page Menu","importPath":"./src/components/PageMenu/PageMenu.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-page-menu--alignment":{"type":"story","id":"components-navigation-page-menu--alignment","name":"Alignment","title":"Components/Navigation/Page Menu","importPath":"./src/components/PageMenu/PageMenu.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-page-menu--wrapping":{"type":"story","id":"components-navigation-page-menu--wrapping","name":"Wrapping","title":"Components/Navigation/Page Menu","importPath":"./src/components/PageMenu/PageMenu.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-pagination--default":{"type":"story","id":"components-navigation-pagination--default","name":"Default","title":"Components/Navigation/Pagination","importPath":"./src/components/Pagination/Pagination.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-skip-link--default":{"type":"story","id":"components-navigation-skip-link--default","name":"Default","title":"Components/Navigation/Skip Link","importPath":"./src/components/SkipLink/SkipLink.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-skip-link--on-focus":{"type":"story","id":"components-navigation-skip-link--on-focus","name":"On Focus","title":"Components/Navigation/Skip Link","importPath":"./src/components/SkipLink/SkipLink.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-skip-link--multiple-links":{"type":"story","id":"components-navigation-skip-link--multiple-links","name":"Multiple Links","title":"Components/Navigation/Skip Link","importPath":"./src/components/SkipLink/SkipLink.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-table-of-contents--default":{"type":"story","id":"components-navigation-table-of-contents--default","name":"Default","title":"Components/Navigation/Table of Contents","importPath":"./src/components/TableOfContents/TableOfContents.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-table-of-contents--multiple-levels":{"type":"story","id":"components-navigation-table-of-contents--multiple-levels","name":"Multiple Levels","title":"Components/Navigation/Table of Contents","importPath":"./src/components/TableOfContents/TableOfContents.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-top-task-link--default":{"type":"story","id":"components-navigation-top-task-link--default","name":"Default","title":"Components/Navigation/Top Task Link","importPath":"./src/components/TopTaskLink/TopTaskLink.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-navigation-top-task-link--multiple-links":{"type":"story","id":"components-navigation-top-task-link--multiple-links","name":"Multiple Links","title":"Components/Navigation/Top Task Link","importPath":"./src/components/TopTaskLink/TopTaskLink.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-blockquote--docs":{"id":"components-text-blockquote--docs","title":"Components/Text/Blockquote","name":"Docs","importPath":"./src/components/Blockquote/Blockquote.docs.mdx","storiesImports":["./src/components/Blockquote/Blockquote.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-text-description-list--docs":{"id":"components-text-description-list--docs","title":"Components/Text/Description List","name":"Docs","importPath":"./src/components/DescriptionList/DescriptionList.docs.mdx","storiesImports":["./src/components/DescriptionList/DescriptionList.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-text-heading--docs":{"id":"components-text-heading--docs","title":"Components/Text/Heading","name":"Docs","importPath":"./src/components/Heading/Heading.docs.mdx","storiesImports":["./src/components/Heading/Heading.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-text-mark--docs":{"id":"components-text-mark--docs","title":"Components/Text/Mark","name":"Docs","importPath":"./src/components/Mark/Mark.docs.mdx","storiesImports":["./src/components/Mark/Mark.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-text-ordered-list--docs":{"id":"components-text-ordered-list--docs","title":"Components/Text/Ordered List","name":"Docs","importPath":"./src/components/OrderedList/OrderedList.docs.mdx","storiesImports":["./src/components/OrderedList/OrderedList.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-text-page-heading--docs":{"id":"components-text-page-heading--docs","title":"Components/Text/Page Heading","name":"Docs","importPath":"./src/components/PageHeading/PageHeading.docs.mdx","storiesImports":["./src/components/PageHeading/PageHeading.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-text-paragraph--docs":{"id":"components-text-paragraph--docs","title":"Components/Text/Paragraph","name":"Docs","importPath":"./src/components/Paragraph/Paragraph.docs.mdx","storiesImports":["./src/components/Paragraph/Paragraph.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-text-unordered-list--docs":{"id":"components-text-unordered-list--docs","title":"Components/Text/Unordered List","name":"Docs","importPath":"./src/components/UnorderedList/UnorderedList.docs.mdx","storiesImports":["./src/components/UnorderedList/UnorderedList.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"components-text-blockquote--default":{"type":"story","id":"components-text-blockquote--default","name":"Default","title":"Components/Text/Blockquote","importPath":"./src/components/Blockquote/Blockquote.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-blockquote--inverse-colour":{"type":"story","id":"components-text-blockquote--inverse-colour","name":"Inverse Colour","title":"Components/Text/Blockquote","importPath":"./src/components/Blockquote/Blockquote.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-description-list--default":{"type":"story","id":"components-text-description-list--default","name":"Default","title":"Components/Text/Description List","importPath":"./src/components/DescriptionList/DescriptionList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-description-list--multiple-descriptions":{"type":"story","id":"components-text-description-list--multiple-descriptions","name":"Multiple Descriptions","title":"Components/Text/Description List","importPath":"./src/components/DescriptionList/DescriptionList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-description-list--multiple-terms":{"type":"story","id":"components-text-description-list--multiple-terms","name":"Multiple Terms","title":"Components/Text/Description List","importPath":"./src/components/DescriptionList/DescriptionList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-description-list--rich-description":{"type":"story","id":"components-text-description-list--rich-description","name":"Rich Description","title":"Components/Text/Description List","importPath":"./src/components/DescriptionList/DescriptionList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-description-list--inverse-colour":{"type":"story","id":"components-text-description-list--inverse-colour","name":"Inverse Colour","title":"Components/Text/Description List","importPath":"./src/components/DescriptionList/DescriptionList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-heading--default":{"type":"story","id":"components-text-heading--default","name":"Default","title":"Components/Text/Heading","importPath":"./src/components/Heading/Heading.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-heading--level-1":{"type":"story","id":"components-text-heading--level-1","name":"Level 1","title":"Components/Text/Heading","importPath":"./src/components/Heading/Heading.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-heading--level-2":{"type":"story","id":"components-text-heading--level-2","name":"Level 2","title":"Components/Text/Heading","importPath":"./src/components/Heading/Heading.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-heading--level-3":{"type":"story","id":"components-text-heading--level-3","name":"Level 3","title":"Components/Text/Heading","importPath":"./src/components/Heading/Heading.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-heading--level-4":{"type":"story","id":"components-text-heading--level-4","name":"Level 4","title":"Components/Text/Heading","importPath":"./src/components/Heading/Heading.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-heading--sizes":{"type":"story","id":"components-text-heading--sizes","name":"Sizes","title":"Components/Text/Heading","importPath":"./src/components/Heading/Heading.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-heading--inverse-colour":{"type":"story","id":"components-text-heading--inverse-colour","name":"Inverse Colour","title":"Components/Text/Heading","importPath":"./src/components/Heading/Heading.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-mark--default":{"type":"story","id":"components-text-mark--default","name":"Default","title":"Components/Text/Mark","importPath":"./src/components/Mark/Mark.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-ordered-list--default":{"type":"story","id":"components-text-ordered-list--default","name":"Default","title":"Components/Text/Ordered List","importPath":"./src/components/OrderedList/OrderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-ordered-list--two-levels":{"type":"story","id":"components-text-ordered-list--two-levels","name":"Two Levels","title":"Components/Text/Ordered List","importPath":"./src/components/OrderedList/OrderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-ordered-list--starting-number":{"type":"story","id":"components-text-ordered-list--starting-number","name":"Starting Number","title":"Components/Text/Ordered List","importPath":"./src/components/OrderedList/OrderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-ordered-list--descending-numbers":{"type":"story","id":"components-text-ordered-list--descending-numbers","name":"Descending Numbers","title":"Components/Text/Ordered List","importPath":"./src/components/OrderedList/OrderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-ordered-list--without-markers":{"type":"story","id":"components-text-ordered-list--without-markers","name":"Without Markers","title":"Components/Text/Ordered List","importPath":"./src/components/OrderedList/OrderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-ordered-list--inverse-color":{"type":"story","id":"components-text-ordered-list--inverse-color","name":"Inverse Color","title":"Components/Text/Ordered List","importPath":"./src/components/OrderedList/OrderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-ordered-list--small-text":{"type":"story","id":"components-text-ordered-list--small-text","name":"Small Text","title":"Components/Text/Ordered List","importPath":"./src/components/OrderedList/OrderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-page-heading--default":{"type":"story","id":"components-text-page-heading--default","name":"Default","title":"Components/Text/Page Heading","importPath":"./src/components/PageHeading/PageHeading.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-page-heading--inverse-colour":{"type":"story","id":"components-text-page-heading--inverse-colour","name":"Inverse Colour","title":"Components/Text/Page Heading","importPath":"./src/components/PageHeading/PageHeading.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-paragraph--default":{"type":"story","id":"components-text-paragraph--default","name":"Default","title":"Components/Text/Paragraph","importPath":"./src/components/Paragraph/Paragraph.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-paragraph--large-text":{"type":"story","id":"components-text-paragraph--large-text","name":"Large Text","title":"Components/Text/Paragraph","importPath":"./src/components/Paragraph/Paragraph.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-paragraph--small-text":{"type":"story","id":"components-text-paragraph--small-text","name":"Small Text","title":"Components/Text/Paragraph","importPath":"./src/components/Paragraph/Paragraph.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-paragraph--inverse-colour":{"type":"story","id":"components-text-paragraph--inverse-colour","name":"Inverse Colour","title":"Components/Text/Paragraph","importPath":"./src/components/Paragraph/Paragraph.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-unordered-list--default":{"type":"story","id":"components-text-unordered-list--default","name":"Default","title":"Components/Text/Unordered List","importPath":"./src/components/UnorderedList/UnorderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-unordered-list--two-levels":{"type":"story","id":"components-text-unordered-list--two-levels","name":"Two Levels","title":"Components/Text/Unordered List","importPath":"./src/components/UnorderedList/UnorderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-unordered-list--without-markers":{"type":"story","id":"components-text-unordered-list--without-markers","name":"Without Markers","title":"Components/Text/Unordered List","importPath":"./src/components/UnorderedList/UnorderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-unordered-list--inverse-color":{"type":"story","id":"components-text-unordered-list--inverse-color","name":"Inverse Color","title":"Components/Text/Unordered List","importPath":"./src/components/UnorderedList/UnorderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"components-text-unordered-list--small-text":{"type":"story","id":"components-text-unordered-list--small-text","name":"Small Text","title":"Components/Text/Unordered List","importPath":"./src/components/UnorderedList/UnorderedList.stories.tsx","componentPath":"@amsterdam/design-system-react/src","tags":["dev","test","autodocs"]},"utilities-css-aspect-ratio--docs":{"id":"utilities-css-aspect-ratio--docs","title":"Utilities/CSS/Aspect Ratio","name":"Docs","importPath":"./src/utils/AspectRatio/AspectRatio.docs.mdx","storiesImports":["./src/utils/AspectRatio/AspectRatio.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"utilities-css-gap--docs":{"id":"utilities-css-gap--docs","title":"Utilities/CSS/Gap","name":"Docs","importPath":"./src/utils/Gap/Gap.docs.mdx","storiesImports":["./src/utils/Gap/Gap.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"utilities-css-margin--docs":{"id":"utilities-css-margin--docs","title":"Utilities/CSS/Margin","name":"Docs","importPath":"./src/utils/Margin/Margin.docs.mdx","storiesImports":["./src/utils/Margin/Margin.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"utilities-css-visually-hidden--docs":{"id":"utilities-css-visually-hidden--docs","title":"Utilities/CSS/Visually Hidden","name":"Docs","importPath":"./src/utils/VisuallyHidden/VisuallyHidden.docs.mdx","storiesImports":["./src/utils/VisuallyHidden/VisuallyHidden.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"utilities-css-aspect-ratio--default":{"type":"story","id":"utilities-css-aspect-ratio--default","name":"Default","title":"Utilities/CSS/Aspect Ratio","importPath":"./src/utils/AspectRatio/AspectRatio.stories.tsx","componentPath":"./src/utils/AspectRatio/AspectRatio.tsx","tags":["dev","test","autodocs"]},"utilities-css-gap--default":{"type":"story","id":"utilities-css-gap--default","name":"Default","title":"Utilities/CSS/Gap","importPath":"./src/utils/Gap/Gap.stories.tsx","componentPath":"./src/utils/Gap/Gap.tsx","tags":["dev","test","autodocs"]},"utilities-css-margin--default":{"type":"story","id":"utilities-css-margin--default","name":"Default","title":"Utilities/CSS/Margin","importPath":"./src/utils/Margin/Margin.stories.tsx","componentPath":"./src/utils/Margin/Margin.tsx","tags":["dev","test","autodocs"]},"utilities-css-visually-hidden--default":{"type":"story","id":"utilities-css-visually-hidden--default","name":"Default","title":"Utilities/CSS/Visually Hidden","importPath":"./src/utils/VisuallyHidden/VisuallyHidden.stories.tsx","componentPath":"./src/utils/VisuallyHidden/VisuallyHidden.tsx","tags":["dev","test","autodocs"]},"pages-introduction--docs":{"id":"pages-introduction--docs","title":"Pages/Introduction","name":"Docs","importPath":"./src/pages/Introduction.docs.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"pages-amsterdam-nl-home-page--docs":{"id":"pages-amsterdam-nl-home-page--docs","title":"Pages/Amsterdam.nl/Home Page","name":"Docs","importPath":"./src/pages/amsterdam/HomePage/HomePage.docs.mdx","storiesImports":["./src/pages/amsterdam/HomePage/HomePage.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"pages-amsterdam-nl-home-page--default":{"type":"story","id":"pages-amsterdam-nl-home-page--default","name":"Default","title":"Pages/Amsterdam.nl/Home Page","importPath":"./src/pages/amsterdam/HomePage/HomePage.stories.tsx","componentPath":"./src/pages/amsterdam/HomePage/HomePage.tsx","tags":["dev","test","autodocs"]},"pages-amsterdam-nl-article-page--docs":{"id":"pages-amsterdam-nl-article-page--docs","title":"Pages/Amsterdam.nl/Article Page","name":"Docs","importPath":"./src/pages/amsterdam/ArticlePage/ArticlePage.docs.mdx","storiesImports":["./src/pages/amsterdam/ArticlePage/ArticlePage.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"pages-amsterdam-nl-form-page--docs":{"id":"pages-amsterdam-nl-form-page--docs","title":"Pages/Amsterdam.nl/Form Page","name":"Docs","importPath":"./src/pages/amsterdam/FormPage/FormPage.docs.mdx","storiesImports":["./src/pages/amsterdam/FormPage/FormPage.stories.tsx"],"type":"docs","tags":["dev","test","autodocs","attached-mdx"]},"pages-amsterdam-nl-article-page--default":{"type":"story","id":"pages-amsterdam-nl-article-page--default","name":"Default","title":"Pages/Amsterdam.nl/Article Page","importPath":"./src/pages/amsterdam/ArticlePage/ArticlePage.stories.tsx","componentPath":"./src/pages/amsterdam/ArticlePage/ArticlePage.tsx","tags":["dev","test","autodocs"]},"pages-amsterdam-nl-form-page--default":{"type":"story","id":"pages-amsterdam-nl-form-page--default","name":"Default","title":"Pages/Amsterdam.nl/Form Page","importPath":"./src/pages/amsterdam/FormPage/FormPage.stories.tsx","componentPath":"./src/pages/amsterdam/FormPage/FormPage.tsx","tags":["dev","test","autodocs"]}}} \ No newline at end of file diff --git a/demo-develop/project.json b/demo-develop/project.json index b8b642c4ab..1aeef1db28 100644 --- a/demo-develop/project.json +++ b/demo-develop/project.json @@ -1 +1 @@ -{"generatedAt":1734710552266,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{},"monorepo":"Workspaces","packageManager":{"type":"pnpm","version":"9.12.2"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript"},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"storybookVersion":"8.4.7","storybookVersionSpecifier":"8.4.7","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"8.4.7"},"@storybook/blocks":{"version":"8.4.7"},"@storybook/components":{"version":"8.4.7"},"@storybook/core-events":{"version":"8.4.7"},"@storybook/manager-api":{"version":"8.4.7"},"@storybook/mdx2-csf":{"version":"1.1.0"},"@storybook/preview-api":{"version":"8.4.7"},"@storybook/react":{"version":"8.4.7"},"@storybook/react-vite":{"version":"8.4.7"},"@storybook/theming":{"version":"8.4.7"},"storybook":{"version":"8.4.7"}},"addons":{"@storybook/addon-links":{"version":"8.4.7"},"@storybook/addon-essentials":{"version":"8.4.7"},"@storybook/addon-interactions":{"version":"8.4.7"},"@storybook/addon-a11y":{"version":"8.4.7"},"@storybook/addon-themes":{"version":"8.4.7"},"@storybook/addon-docs":{"version":"8.4.7"},"@whitespace/storybook-addon-html":{"version":"6.1.1"}}} \ No newline at end of file +{"generatedAt":1734711780804,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{},"monorepo":"Workspaces","packageManager":{"type":"pnpm","version":"9.12.2"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript"},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"storybookVersion":"8.4.7","storybookVersionSpecifier":"8.4.7","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"8.4.7"},"@storybook/blocks":{"version":"8.4.7"},"@storybook/components":{"version":"8.4.7"},"@storybook/core-events":{"version":"8.4.7"},"@storybook/manager-api":{"version":"8.4.7"},"@storybook/mdx2-csf":{"version":"1.1.0"},"@storybook/preview-api":{"version":"8.4.7"},"@storybook/react":{"version":"8.4.7"},"@storybook/react-vite":{"version":"8.4.7"},"@storybook/theming":{"version":"8.4.7"},"storybook":{"version":"8.4.7"}},"addons":{"@storybook/addon-links":{"version":"8.4.7"},"@storybook/addon-essentials":{"version":"8.4.7"},"@storybook/addon-interactions":{"version":"8.4.7"},"@storybook/addon-a11y":{"version":"8.4.7"},"@storybook/addon-themes":{"version":"8.4.7"},"@storybook/addon-docs":{"version":"8.4.7"},"@whitespace/storybook-addon-html":{"version":"6.1.1"}}} \ No newline at end of file