@amsterdam/design-system-react 0.15.0 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/Accordion/Accordion.d.ts +3 -0
- package/dist/Accordion/Accordion.js +7 -1
- package/dist/Accordion/Accordion.test.d.ts +4 -0
- package/dist/Accordion/Accordion.test.js +23 -3
- package/dist/Accordion/AccordionSection.test.d.ts +4 -0
- package/dist/Accordion/AccordionSection.test.js +5 -1
- package/dist/Accordion/index.d.ts +4 -0
- package/dist/Accordion/index.js +4 -0
- package/dist/ActionGroup/ActionGroup.d.ts +3 -0
- package/dist/ActionGroup/ActionGroup.js +3 -0
- package/dist/ActionGroup/ActionGroup.test.d.ts +4 -0
- package/dist/ActionGroup/ActionGroup.test.js +5 -1
- package/dist/ActionGroup/index.d.ts +4 -0
- package/dist/ActionGroup/index.js +4 -0
- package/dist/Alert/Alert.d.ts +3 -0
- package/dist/Alert/Alert.js +8 -5
- package/dist/Alert/Alert.test.d.ts +4 -0
- package/dist/Alert/Alert.test.js +5 -1
- package/dist/Alert/index.d.ts +4 -0
- package/dist/Alert/index.js +4 -0
- package/dist/Avatar/Avatar.d.ts +3 -0
- package/dist/Avatar/Avatar.js +5 -2
- package/dist/Avatar/Avatar.test.d.ts +4 -0
- package/dist/Avatar/Avatar.test.js +5 -1
- package/dist/Avatar/index.d.ts +4 -0
- package/dist/Avatar/index.js +4 -0
- package/dist/Badge/Badge.d.ts +3 -0
- package/dist/Badge/Badge.js +3 -0
- package/dist/Badge/Badge.test.d.ts +4 -0
- package/dist/Badge/Badge.test.js +5 -1
- package/dist/Badge/index.d.ts +4 -0
- package/dist/Badge/index.js +4 -0
- package/dist/Blockquote/Blockquote.d.ts +3 -0
- package/dist/Blockquote/Blockquote.js +3 -0
- package/dist/Blockquote/Blockquote.test.d.ts +4 -0
- package/dist/Blockquote/Blockquote.test.js +7 -4
- package/dist/Blockquote/index.d.ts +4 -0
- package/dist/Blockquote/index.js +4 -0
- package/dist/Breadcrumb/Breadcrumb.d.ts +3 -0
- package/dist/Breadcrumb/Breadcrumb.js +3 -0
- package/dist/Breadcrumb/Breadcrumb.test.d.ts +4 -0
- package/dist/Breadcrumb/Breadcrumb.test.js +5 -1
- package/dist/Breadcrumb/BreadcrumbLink.test.d.ts +4 -0
- package/dist/Breadcrumb/BreadcrumbLink.test.js +5 -1
- package/dist/Breadcrumb/index.d.ts +4 -0
- package/dist/Breadcrumb/index.js +4 -0
- package/dist/Breakout/Breakout.d.ts +3 -0
- package/dist/Breakout/Breakout.js +3 -0
- package/dist/Breakout/Breakout.test.d.ts +4 -0
- package/dist/Breakout/Breakout.test.js +15 -19
- package/dist/Breakout/BreakoutCell.d.ts +3 -1
- package/dist/Breakout/BreakoutCell.js +1 -0
- package/dist/Breakout/BreakoutCell.test.d.ts +4 -0
- package/dist/Breakout/BreakoutCell.test.js +24 -16
- package/dist/Breakout/index.d.ts +4 -0
- package/dist/Breakout/index.js +4 -0
- package/dist/Button/Button.d.ts +3 -0
- package/dist/Button/Button.js +3 -0
- package/dist/Button/Button.test.d.ts +4 -0
- package/dist/Button/Button.test.js +12 -1
- package/dist/Button/index.d.ts +4 -0
- package/dist/Button/index.js +4 -0
- package/dist/Card/Card.d.ts +13 -0
- package/dist/Card/Card.js +11 -1
- package/dist/Card/Card.test.d.ts +4 -0
- package/dist/Card/Card.test.js +5 -1
- package/dist/Card/CardHeading.d.ts +11 -0
- package/dist/Card/CardHeading.js +10 -0
- package/dist/Card/CardHeading.test.d.ts +5 -0
- package/dist/Card/CardHeading.test.js +38 -0
- package/dist/Card/CardHeadingGroup.test.d.ts +4 -0
- package/dist/Card/CardHeadingGroup.test.js +5 -1
- package/dist/Card/CardImage.d.ts +7 -0
- package/dist/Card/CardImage.js +10 -0
- package/dist/Card/CardImage.test.d.ts +5 -0
- package/dist/{Footer/FooterSpotlight.test.js → Card/CardImage.test.js} +13 -9
- package/dist/Card/CardLink.test.d.ts +4 -0
- package/dist/Card/CardLink.test.js +5 -1
- package/dist/Card/index.d.ts +4 -0
- package/dist/Card/index.js +4 -0
- package/dist/CharacterCount/CharacterCount.d.ts +3 -0
- package/dist/CharacterCount/CharacterCount.js +3 -0
- package/dist/CharacterCount/CharacterCount.test.d.ts +4 -0
- package/dist/CharacterCount/CharacterCount.test.js +5 -1
- package/dist/CharacterCount/index.d.ts +4 -0
- package/dist/CharacterCount/index.js +4 -0
- package/dist/Checkbox/Checkbox.d.ts +9 -2
- package/dist/Checkbox/Checkbox.js +6 -2
- package/dist/Checkbox/Checkbox.test.d.ts +4 -0
- package/dist/Checkbox/Checkbox.test.js +12 -3
- package/dist/Checkbox/CheckboxIcon.d.ts +7 -0
- package/dist/Checkbox/CheckboxIcon.js +3 -0
- package/dist/Checkbox/index.d.ts +4 -0
- package/dist/Checkbox/index.js +4 -0
- package/dist/Column/Column.d.ts +7 -3
- package/dist/Column/Column.js +5 -1
- package/dist/Column/Column.test.d.ts +4 -0
- package/dist/Column/Column.test.js +14 -12
- package/dist/Column/index.d.ts +4 -0
- package/dist/Column/index.js +4 -0
- package/dist/DateInput/DateInput.d.ts +3 -0
- package/dist/DateInput/DateInput.js +3 -0
- package/dist/DateInput/DateInput.test.d.ts +4 -0
- package/dist/DateInput/DateInput.test.js +5 -1
- package/dist/DateInput/index.d.ts +4 -0
- package/dist/DateInput/index.js +4 -0
- package/dist/DescriptionList/DescriptionList.d.ts +3 -0
- package/dist/DescriptionList/DescriptionList.js +3 -0
- package/dist/DescriptionList/DescriptionList.test.d.ts +4 -0
- package/dist/DescriptionList/DescriptionList.test.js +5 -1
- package/dist/DescriptionList/DescriptionListDescription.test.d.ts +4 -0
- package/dist/DescriptionList/DescriptionListDescription.test.js +5 -1
- package/dist/DescriptionList/DescriptionListSection.test.d.ts +4 -0
- package/dist/DescriptionList/DescriptionListSection.test.js +5 -1
- package/dist/DescriptionList/DescriptionListTerm.test.d.ts +4 -0
- package/dist/DescriptionList/DescriptionListTerm.test.js +5 -1
- package/dist/DescriptionList/index.d.ts +4 -0
- package/dist/DescriptionList/index.js +4 -0
- package/dist/Dialog/Dialog.d.ts +3 -0
- package/dist/Dialog/Dialog.js +3 -0
- package/dist/Dialog/Dialog.test.d.ts +4 -0
- package/dist/Dialog/Dialog.test.js +5 -1
- package/dist/Dialog/index.d.ts +4 -0
- package/dist/Dialog/index.js +4 -0
- package/dist/ErrorMessage/ErrorMessage.d.ts +3 -0
- package/dist/ErrorMessage/ErrorMessage.js +5 -2
- package/dist/ErrorMessage/ErrorMessage.test.d.ts +4 -0
- package/dist/ErrorMessage/ErrorMessage.test.js +5 -1
- package/dist/ErrorMessage/index.d.ts +4 -0
- package/dist/ErrorMessage/index.js +4 -0
- package/dist/Field/Field.d.ts +3 -0
- package/dist/Field/Field.js +3 -0
- package/dist/Field/Field.test.d.ts +4 -0
- package/dist/Field/Field.test.js +5 -1
- package/dist/Field/index.d.ts +4 -0
- package/dist/Field/index.js +4 -0
- package/dist/FieldSet/FieldSet.d.ts +3 -0
- package/dist/FieldSet/FieldSet.js +3 -0
- package/dist/FieldSet/FieldSet.test.d.ts +4 -0
- package/dist/FieldSet/FieldSet.test.js +5 -1
- package/dist/FieldSet/index.d.ts +4 -0
- package/dist/FieldSet/index.js +4 -0
- package/dist/Figure/Figure.d.ts +3 -0
- package/dist/Figure/Figure.js +3 -0
- package/dist/Figure/Figure.test.d.ts +4 -0
- package/dist/Figure/Figure.test.js +5 -1
- package/dist/Figure/FigureCaption.test.d.ts +4 -0
- package/dist/Figure/FigureCaption.test.js +5 -1
- package/dist/Figure/index.d.ts +4 -0
- package/dist/Figure/index.js +4 -0
- package/dist/FileInput/FileInput.d.ts +3 -0
- package/dist/FileInput/FileInput.js +3 -0
- package/dist/FileInput/FileInput.test.d.ts +4 -0
- package/dist/FileInput/FileInput.test.js +5 -1
- package/dist/FileInput/index.d.ts +4 -0
- package/dist/FileInput/index.js +4 -0
- package/dist/FileList/FileList.d.ts +3 -0
- package/dist/FileList/FileList.js +3 -0
- package/dist/FileList/FileList.test.d.ts +4 -0
- package/dist/FileList/FileList.test.js +5 -1
- package/dist/FileList/FileListItem.test.d.ts +4 -0
- package/dist/FileList/FileListItem.test.js +5 -1
- package/dist/FileList/index.d.ts +4 -0
- package/dist/FileList/index.js +4 -0
- package/dist/Grid/Grid.d.ts +11 -5
- package/dist/Grid/Grid.js +5 -0
- package/dist/Grid/Grid.test.d.ts +4 -0
- package/dist/Grid/Grid.test.js +17 -29
- package/dist/Grid/GridCell.test.d.ts +4 -0
- package/dist/Grid/GridCell.test.js +6 -8
- package/dist/Grid/index.d.ts +4 -0
- package/dist/Grid/index.js +4 -0
- package/dist/Grid/paddingClasses.d.ts +6 -2
- package/dist/Grid/paddingClasses.js +4 -0
- package/dist/Heading/Heading.d.ts +3 -1
- package/dist/Heading/Heading.js +7 -0
- package/dist/Heading/Heading.test.d.ts +4 -0
- package/dist/Heading/Heading.test.js +21 -11
- package/dist/Heading/getHeadingTag.d.ts +4 -0
- package/dist/Heading/getHeadingTag.js +4 -0
- package/dist/Heading/index.d.ts +4 -0
- package/dist/Heading/index.js +4 -0
- package/dist/Hint/Hint.test.d.ts +4 -0
- package/dist/Hint/Hint.test.js +5 -1
- package/dist/Hint/index.d.ts +4 -0
- package/dist/Hint/index.js +4 -0
- package/dist/Icon/Icon.d.ts +5 -3
- package/dist/Icon/Icon.js +8 -0
- package/dist/Icon/Icon.test.d.ts +4 -0
- package/dist/Icon/Icon.test.js +15 -12
- package/dist/Icon/index.d.ts +4 -0
- package/dist/Icon/index.js +4 -0
- package/dist/IconButton/IconButton.d.ts +5 -2
- package/dist/IconButton/IconButton.js +4 -1
- package/dist/IconButton/IconButton.test.d.ts +4 -0
- package/dist/IconButton/IconButton.test.js +5 -1
- package/dist/IconButton/index.d.ts +4 -0
- package/dist/IconButton/index.js +4 -0
- package/dist/Image/Image.d.ts +7 -8
- package/dist/Image/Image.js +3 -0
- package/dist/Image/Image.test.d.ts +4 -0
- package/dist/Image/Image.test.js +5 -1
- package/dist/Image/generateAspectRatioClass.d.ts +4 -0
- package/dist/Image/generateAspectRatioClass.js +4 -0
- package/dist/Image/index.d.ts +4 -0
- package/dist/Image/index.js +4 -0
- package/dist/ImageSlider/ImageSlider.d.ts +3 -0
- package/dist/ImageSlider/ImageSlider.js +3 -0
- package/dist/ImageSlider/ImageSlider.test.d.ts +4 -0
- package/dist/ImageSlider/ImageSlider.test.js +5 -1
- package/dist/ImageSlider/ImageSliderControls.js +3 -3
- package/dist/ImageSlider/ImageSliderControls.test.d.ts +4 -0
- package/dist/ImageSlider/ImageSliderControls.test.js +4 -0
- package/dist/ImageSlider/ImageSliderItem.test.d.ts +4 -0
- package/dist/ImageSlider/ImageSliderItem.test.js +5 -1
- package/dist/ImageSlider/ImageSliderScroller.test.d.ts +4 -0
- package/dist/ImageSlider/ImageSliderScroller.test.js +5 -1
- package/dist/ImageSlider/ImageSliderThumbnails.js +1 -1
- package/dist/ImageSlider/ImageSliderThumbnails.test.d.ts +4 -0
- package/dist/ImageSlider/ImageSliderThumbnails.test.js +5 -1
- package/dist/ImageSlider/index.d.ts +4 -0
- package/dist/ImageSlider/index.js +4 -0
- package/dist/InvalidFormAlert/InvalidFormAlert.d.ts +3 -0
- package/dist/InvalidFormAlert/InvalidFormAlert.js +3 -0
- package/dist/InvalidFormAlert/InvalidFormAlert.test.d.ts +4 -0
- package/dist/InvalidFormAlert/InvalidFormAlert.test.js +5 -1
- package/dist/InvalidFormAlert/index.d.ts +4 -0
- package/dist/InvalidFormAlert/index.js +4 -0
- package/dist/InvalidFormAlert/useAddErrorCountToDocumentTitle.d.ts +4 -0
- package/dist/InvalidFormAlert/useAddErrorCountToDocumentTitle.js +4 -0
- package/dist/Label/Label.d.ts +3 -1
- package/dist/Label/Label.js +7 -0
- package/dist/Label/Label.test.d.ts +4 -0
- package/dist/Label/Label.test.js +7 -4
- package/dist/Label/index.d.ts +4 -0
- package/dist/Label/index.js +4 -0
- package/dist/Link/Link.d.ts +3 -6
- package/dist/Link/Link.js +4 -1
- package/dist/Link/Link.test.d.ts +4 -0
- package/dist/Link/Link.test.js +26 -29
- package/dist/Link/index.d.ts +4 -0
- package/dist/Link/index.js +4 -0
- package/dist/LinkList/LinkList.d.ts +3 -0
- package/dist/LinkList/LinkList.js +3 -0
- package/dist/LinkList/LinkList.test.d.ts +4 -0
- package/dist/LinkList/LinkList.test.js +5 -1
- package/dist/LinkList/LinkListLink.js +2 -2
- package/dist/LinkList/LinkListLink.test.d.ts +4 -0
- package/dist/LinkList/LinkListLink.test.js +5 -1
- package/dist/LinkList/index.d.ts +4 -0
- package/dist/LinkList/index.js +4 -0
- package/dist/Logo/Logo.d.ts +3 -0
- package/dist/Logo/Logo.js +3 -0
- package/dist/Logo/Logo.test.d.ts +4 -0
- package/dist/Logo/Logo.test.js +6 -3
- package/dist/Logo/brand/LogoAmsterdam.d.ts +4 -0
- package/dist/Logo/brand/LogoAmsterdam.js +4 -0
- package/dist/Logo/brand/LogoGgdAmsterdam.d.ts +4 -0
- package/dist/Logo/brand/LogoGgdAmsterdam.js +4 -0
- package/dist/Logo/brand/LogoMuseumWeesp.d.ts +4 -0
- package/dist/Logo/brand/LogoMuseumWeesp.js +4 -0
- package/dist/Logo/brand/LogoStadsarchief.d.ts +4 -0
- package/dist/Logo/brand/LogoStadsarchief.js +4 -0
- package/dist/Logo/brand/LogoStadsbankVanLening.d.ts +4 -0
- package/dist/Logo/brand/LogoStadsbankVanLening.js +4 -0
- package/dist/Logo/brand/LogoVgaVerzekeringen.d.ts +4 -0
- package/dist/Logo/brand/LogoVgaVerzekeringen.js +4 -0
- package/dist/Logo/brand/index.d.ts +4 -0
- package/dist/Logo/brand/index.js +4 -0
- package/dist/Logo/index.d.ts +4 -0
- package/dist/Logo/index.js +4 -0
- package/dist/Mark/Mark.d.ts +3 -0
- package/dist/Mark/Mark.js +3 -0
- package/dist/Mark/Mark.test.d.ts +4 -0
- package/dist/Mark/Mark.test.js +5 -1
- package/dist/Mark/index.d.ts +4 -0
- package/dist/Mark/index.js +4 -0
- package/dist/OrderedList/OrderedList.d.ts +3 -0
- package/dist/OrderedList/OrderedList.js +3 -0
- package/dist/OrderedList/OrderedList.test.d.ts +4 -0
- package/dist/OrderedList/OrderedList.test.js +5 -1
- package/dist/OrderedList/OrderedListItem.test.d.ts +4 -0
- package/dist/OrderedList/OrderedListItem.test.js +5 -1
- package/dist/OrderedList/index.d.ts +4 -0
- package/dist/OrderedList/index.js +4 -0
- package/dist/Overlap/Overlap.d.ts +3 -0
- package/dist/Overlap/Overlap.js +3 -0
- package/dist/Overlap/Overlap.test.d.ts +4 -0
- package/dist/Overlap/Overlap.test.js +5 -1
- package/dist/Overlap/index.d.ts +4 -0
- package/dist/Overlap/index.js +4 -0
- package/dist/Page/Page.d.ts +12 -0
- package/dist/Page/Page.js +12 -0
- package/dist/Page/Page.test.d.ts +5 -0
- package/dist/{MegaMenu/MegaMenu.test.js → Page/Page.test.js} +13 -9
- package/dist/Page/index.d.ts +6 -0
- package/dist/Page/index.js +5 -0
- package/dist/{Footer/Footer.d.ts → PageFooter/PageFooter.d.ts} +5 -2
- package/dist/PageFooter/PageFooter.js +20 -0
- package/dist/PageFooter/PageFooter.test.d.ts +5 -0
- package/dist/{Footer/Footer.test.js → PageFooter/PageFooter.test.js} +13 -9
- package/dist/{Footer/FooterMenu.d.ts → PageFooter/PageFooterMenu.d.ts} +2 -2
- package/dist/PageFooter/PageFooterMenu.js +9 -0
- package/dist/PageFooter/PageFooterMenu.test.d.ts +5 -0
- package/dist/{Footer/FooterMenu.test.js → PageFooter/PageFooterMenu.test.js} +13 -9
- package/dist/{Footer/FooterMenuLink.d.ts → PageFooter/PageFooterMenuLink.d.ts} +2 -2
- package/dist/PageFooter/PageFooterMenuLink.js +9 -0
- package/dist/PageFooter/PageFooterMenuLink.test.d.ts +5 -0
- package/dist/{Footer/FooterMenuLink.test.js → PageFooter/PageFooterMenuLink.test.js} +13 -9
- package/dist/{Footer/FooterSpotlight.d.ts → PageFooter/PageFooterSpotlight.d.ts} +2 -2
- package/dist/PageFooter/PageFooterSpotlight.js +9 -0
- package/dist/PageFooter/PageFooterSpotlight.test.d.ts +5 -0
- package/dist/{MegaMenu/MegaMenuListCategory.test.js → PageFooter/PageFooterSpotlight.test.js} +13 -9
- package/dist/PageFooter/index.d.ts +9 -0
- package/dist/PageFooter/index.js +5 -0
- package/dist/{Header/Header.d.ts → PageHeader/PageHeader.d.ts} +13 -6
- package/dist/PageHeader/PageHeader.js +35 -0
- package/dist/{Header/Header.test.d.ts → PageHeader/PageHeader.test.d.ts} +4 -0
- package/dist/{Header/Header.test.js → PageHeader/PageHeader.test.js} +47 -38
- package/dist/PageHeader/PageHeaderGridCellNarrowWindowOnly.d.ts +6 -0
- package/dist/PageHeader/PageHeaderGridCellNarrowWindowOnly.js +10 -0
- package/dist/PageHeader/PageHeaderGridCellNarrowWindowOnly.test.d.ts +5 -0
- package/dist/{Header/HeaderGridCellNarrowWindowOnly.test.js → PageHeader/PageHeaderGridCellNarrowWindowOnly.test.js} +14 -10
- package/dist/PageHeader/PageHeaderMenuIcon.d.ts +6 -0
- package/dist/PageHeader/PageHeaderMenuIcon.js +2 -0
- package/dist/{Header/HeaderMenuLink.d.ts → PageHeader/PageHeaderMenuLink.d.ts} +6 -2
- package/dist/PageHeader/PageHeaderMenuLink.js +9 -0
- package/dist/PageHeader/PageHeaderMenuLink.test.d.ts +5 -0
- package/dist/{Header/HeaderMenuLink.test.js → PageHeader/PageHeaderMenuLink.test.js} +17 -13
- package/dist/PageHeader/index.d.ts +7 -0
- package/dist/PageHeader/index.js +5 -0
- package/dist/PageHeader/matchMedia.mock.d.ts +4 -0
- package/dist/{Header → PageHeader}/matchMedia.mock.js +4 -0
- package/dist/PageHeading/PageHeading.d.ts +3 -0
- package/dist/PageHeading/PageHeading.js +3 -0
- package/dist/PageHeading/PageHeading.test.d.ts +4 -0
- package/dist/PageHeading/PageHeading.test.js +6 -3
- package/dist/PageHeading/index.d.ts +4 -0
- package/dist/PageHeading/index.js +4 -0
- package/dist/Pagination/LinkItem.d.ts +4 -0
- package/dist/Pagination/Pagination.d.ts +3 -0
- package/dist/Pagination/Pagination.js +5 -2
- package/dist/Pagination/Pagination.test.d.ts +4 -0
- package/dist/Pagination/Pagination.test.js +5 -1
- package/dist/Pagination/Spacer.d.ts +4 -0
- package/dist/Pagination/Spacer.js +4 -0
- package/dist/Pagination/getRange.d.ts +4 -0
- package/dist/Pagination/getRange.js +4 -0
- package/dist/Pagination/index.d.ts +4 -0
- package/dist/Pagination/index.js +4 -0
- package/dist/Paragraph/Paragraph.d.ts +3 -1
- package/dist/Paragraph/Paragraph.js +7 -0
- package/dist/Paragraph/Paragraph.test.d.ts +4 -0
- package/dist/Paragraph/Paragraph.test.js +5 -1
- package/dist/Paragraph/index.d.ts +4 -0
- package/dist/Paragraph/index.js +4 -0
- package/dist/PasswordInput/PasswordInput.d.ts +3 -0
- package/dist/PasswordInput/PasswordInput.js +3 -0
- package/dist/PasswordInput/PasswordInput.test.d.ts +4 -0
- package/dist/PasswordInput/PasswordInput.test.js +5 -1
- package/dist/PasswordInput/index.d.ts +4 -0
- package/dist/PasswordInput/index.js +4 -0
- package/dist/Radio/Radio.d.ts +3 -0
- package/dist/Radio/Radio.js +3 -0
- package/dist/Radio/Radio.test.d.ts +4 -0
- package/dist/Radio/Radio.test.js +7 -3
- package/dist/Radio/RadioIcon.d.ts +4 -0
- package/dist/Radio/RadioIcon.js +1 -1
- package/dist/Radio/index.d.ts +4 -0
- package/dist/Radio/index.js +4 -0
- package/dist/Row/Row.d.ts +7 -3
- package/dist/Row/Row.js +5 -1
- package/dist/Row/Row.test.d.ts +4 -0
- package/dist/Row/Row.test.js +14 -12
- package/dist/Row/index.d.ts +4 -0
- package/dist/Row/index.js +4 -0
- package/dist/SearchField/SearchField.d.ts +5 -0
- package/dist/SearchField/SearchField.js +3 -0
- package/dist/SearchField/SearchField.test.d.ts +4 -0
- package/dist/SearchField/SearchField.test.js +6 -3
- package/dist/SearchField/SearchFieldInput.test.d.ts +4 -0
- package/dist/SearchField/SearchFieldInput.test.js +6 -3
- package/dist/SearchField/index.d.ts +4 -0
- package/dist/SearchField/index.js +4 -0
- package/dist/Select/Select.d.ts +3 -0
- package/dist/Select/Select.js +3 -0
- package/dist/Select/Select.test.d.ts +4 -0
- package/dist/Select/Select.test.js +5 -1
- package/dist/Select/SelectOption.test.d.ts +4 -0
- package/dist/Select/SelectOption.test.js +5 -1
- package/dist/Select/SelectOptionGroup.test.d.ts +4 -0
- package/dist/Select/SelectOptionGroup.test.js +5 -1
- package/dist/Select/index.d.ts +4 -0
- package/dist/Select/index.js +4 -0
- package/dist/SkipLink/SkipLink.d.ts +3 -0
- package/dist/SkipLink/SkipLink.js +3 -0
- package/dist/SkipLink/SkipLink.test.d.ts +4 -0
- package/dist/SkipLink/SkipLink.test.js +5 -1
- package/dist/SkipLink/index.d.ts +4 -0
- package/dist/SkipLink/index.js +4 -0
- package/dist/Spotlight/Spotlight.d.ts +7 -2
- package/dist/Spotlight/Spotlight.js +4 -0
- package/dist/Spotlight/Spotlight.test.d.ts +4 -0
- package/dist/Spotlight/Spotlight.test.js +15 -9
- package/dist/Spotlight/index.d.ts +4 -0
- package/dist/Spotlight/index.js +4 -0
- package/dist/StandaloneLink/StandaloneLink.d.ts +20 -0
- package/dist/StandaloneLink/StandaloneLink.js +13 -0
- package/dist/StandaloneLink/StandaloneLink.test.d.ts +5 -0
- package/dist/StandaloneLink/StandaloneLink.test.js +44 -0
- package/dist/StandaloneLink/index.d.ts +6 -0
- package/dist/StandaloneLink/index.js +5 -0
- package/dist/Switch/Switch.d.ts +3 -0
- package/dist/Switch/Switch.js +3 -0
- package/dist/Switch/Switch.test.d.ts +4 -0
- package/dist/Switch/Switch.test.js +5 -1
- package/dist/Switch/index.d.ts +4 -0
- package/dist/Switch/index.js +4 -0
- package/dist/Table/Table.d.ts +3 -0
- package/dist/Table/Table.js +3 -0
- package/dist/Table/Table.test.d.ts +4 -0
- package/dist/Table/Table.test.js +5 -1
- package/dist/Table/TableBody.test.d.ts +4 -0
- package/dist/Table/TableBody.test.js +5 -1
- package/dist/Table/TableCaption.d.ts +1 -2
- package/dist/Table/TableCaption.js +4 -0
- package/dist/Table/TableCaption.test.d.ts +4 -0
- package/dist/Table/TableCaption.test.js +5 -1
- package/dist/Table/TableCell.test.d.ts +4 -0
- package/dist/Table/TableCell.test.js +5 -1
- package/dist/Table/TableFooter.test.d.ts +4 -0
- package/dist/Table/TableFooter.test.js +5 -1
- package/dist/Table/TableHeader.test.d.ts +4 -0
- package/dist/Table/TableHeader.test.js +5 -1
- package/dist/Table/TableHeaderCell.test.d.ts +4 -0
- package/dist/Table/TableHeaderCell.test.js +5 -1
- package/dist/Table/TableRow.test.d.ts +4 -0
- package/dist/Table/TableRow.test.js +5 -1
- package/dist/Table/index.d.ts +4 -0
- package/dist/Table/index.js +4 -0
- package/dist/TableOfContents/TableOfContents.d.ts +3 -0
- package/dist/TableOfContents/TableOfContents.js +3 -0
- package/dist/TableOfContents/TableOfContents.test.d.ts +4 -0
- package/dist/TableOfContents/TableOfContents.test.js +5 -1
- package/dist/TableOfContents/TableOfContentsLink.test.d.ts +4 -0
- package/dist/TableOfContents/TableOfContentsLink.test.js +5 -1
- package/dist/TableOfContents/TableOfContentsList.test.d.ts +4 -0
- package/dist/TableOfContents/TableOfContentsList.test.js +5 -1
- package/dist/TableOfContents/index.d.ts +4 -0
- package/dist/TableOfContents/index.js +4 -0
- package/dist/Tabs/Tabs.d.ts +9 -6
- package/dist/Tabs/Tabs.js +9 -6
- package/dist/Tabs/Tabs.test.d.ts +4 -0
- package/dist/Tabs/Tabs.test.js +25 -6
- package/dist/Tabs/TabsButton.d.ts +4 -4
- package/dist/Tabs/TabsButton.js +7 -4
- package/dist/Tabs/TabsButton.test.d.ts +4 -0
- package/dist/Tabs/TabsButton.test.js +24 -10
- package/dist/Tabs/TabsContext.d.ts +2 -7
- package/dist/Tabs/TabsContext.js +0 -1
- package/dist/Tabs/TabsList.js +1 -1
- package/dist/Tabs/TabsList.test.d.ts +4 -0
- package/dist/Tabs/TabsList.test.js +5 -1
- package/dist/Tabs/TabsPanel.d.ts +4 -4
- package/dist/Tabs/TabsPanel.js +4 -4
- package/dist/Tabs/TabsPanel.test.d.ts +4 -0
- package/dist/Tabs/TabsPanel.test.js +14 -12
- package/dist/Tabs/index.d.ts +4 -0
- package/dist/Tabs/index.js +4 -0
- package/dist/TextArea/TextArea.d.ts +3 -0
- package/dist/TextArea/TextArea.js +3 -0
- package/dist/TextArea/TextArea.test.d.ts +4 -0
- package/dist/TextArea/TextArea.test.js +5 -1
- package/dist/TextArea/index.d.ts +4 -0
- package/dist/TextArea/index.js +4 -0
- package/dist/TextInput/TextInput.d.ts +3 -0
- package/dist/TextInput/TextInput.js +3 -0
- package/dist/TextInput/TextInput.test.d.ts +4 -0
- package/dist/TextInput/TextInput.test.js +6 -3
- package/dist/TextInput/index.d.ts +4 -0
- package/dist/TextInput/index.js +4 -0
- package/dist/TimeInput/TimeInput.d.ts +3 -0
- package/dist/TimeInput/TimeInput.js +3 -0
- package/dist/TimeInput/TimeInput.test.d.ts +4 -0
- package/dist/TimeInput/TimeInput.test.js +5 -1
- package/dist/TimeInput/index.d.ts +4 -0
- package/dist/TimeInput/index.js +4 -0
- package/dist/UnorderedList/UnorderedList.d.ts +3 -0
- package/dist/UnorderedList/UnorderedList.js +3 -0
- package/dist/UnorderedList/UnorderedList.test.d.ts +4 -0
- package/dist/UnorderedList/UnorderedList.test.js +5 -1
- package/dist/UnorderedList/UnorderedListItem.test.d.ts +4 -0
- package/dist/UnorderedList/UnorderedListItem.test.js +5 -1
- package/dist/UnorderedList/index.d.ts +4 -0
- package/dist/UnorderedList/index.js +4 -0
- package/dist/common/accessibility.d.ts +9 -1
- package/dist/common/formatFileSize.test.d.ts +4 -0
- package/dist/common/formatFileSize.test.js +4 -0
- package/dist/common/formatFileType.test.d.ts +4 -0
- package/dist/common/formatFileType.test.js +4 -0
- package/dist/common/types.d.ts +4 -0
- package/dist/common/types.js +4 -0
- package/dist/common/useIsAfterBreakpoint.d.ts +4 -0
- package/dist/common/useIsAfterBreakpoint.js +4 -0
- package/dist/common/useKeyboardFocus.test.d.ts +4 -0
- package/dist/common/useKeyboardFocus.test.js +4 -0
- package/dist/index.cjs.js +1307 -1105
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +358 -197
- package/dist/index.esm.js +1306 -1102
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +4 -6
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +15 -15
- package/dist/Footer/Footer.js +0 -17
- package/dist/Footer/Footer.test.d.ts +0 -1
- package/dist/Footer/FooterMenu.js +0 -9
- package/dist/Footer/FooterMenu.test.d.ts +0 -1
- package/dist/Footer/FooterMenuLink.js +0 -9
- package/dist/Footer/FooterMenuLink.test.d.ts +0 -1
- package/dist/Footer/FooterSpotlight.js +0 -9
- package/dist/Footer/FooterSpotlight.test.d.ts +0 -1
- package/dist/Footer/index.d.ts +0 -5
- package/dist/Footer/index.js +0 -1
- package/dist/Header/Header.js +0 -31
- package/dist/Header/HeaderGridCellNarrowWindowOnly.d.ts +0 -2
- package/dist/Header/HeaderGridCellNarrowWindowOnly.js +0 -6
- package/dist/Header/HeaderGridCellNarrowWindowOnly.test.d.ts +0 -1
- package/dist/Header/HeaderMenuIcon.d.ts +0 -2
- package/dist/Header/HeaderMenuIcon.js +0 -2
- package/dist/Header/HeaderMenuLink.js +0 -5
- package/dist/Header/HeaderMenuLink.test.d.ts +0 -1
- package/dist/Header/index.d.ts +0 -3
- package/dist/Header/index.js +0 -1
- package/dist/Header/matchMedia.mock.d.ts +0 -0
- package/dist/MegaMenu/MegaMenu.d.ts +0 -14
- package/dist/MegaMenu/MegaMenu.js +0 -12
- package/dist/MegaMenu/MegaMenu.test.d.ts +0 -1
- package/dist/MegaMenu/MegaMenuListCategory.d.ts +0 -9
- package/dist/MegaMenu/MegaMenuListCategory.js +0 -9
- package/dist/MegaMenu/MegaMenuListCategory.test.d.ts +0 -1
- package/dist/MegaMenu/index.d.ts +0 -3
- package/dist/MegaMenu/index.js +0 -1
- package/dist/PageMenu/PageMenu.d.ts +0 -25
- package/dist/PageMenu/PageMenu.js +0 -12
- package/dist/PageMenu/PageMenu.test.d.ts +0 -1
- package/dist/PageMenu/PageMenu.test.js +0 -45
- package/dist/PageMenu/PageMenuLink.d.ts +0 -13
- package/dist/PageMenu/PageMenuLink.js +0 -10
- package/dist/PageMenu/PageMenuLink.test.d.ts +0 -1
- package/dist/PageMenu/PageMenuLink.test.js +0 -40
- package/dist/PageMenu/index.d.ts +0 -3
- package/dist/PageMenu/index.js +0 -1
- package/dist/Screen/Screen.d.ts +0 -21
- package/dist/Screen/Screen.js +0 -9
- package/dist/Screen/Screen.test.d.ts +0 -1
- package/dist/Screen/Screen.test.js +0 -40
- package/dist/Screen/index.d.ts +0 -2
- package/dist/Screen/index.js +0 -1
- package/dist/TopTaskLink/TopTaskLink.d.ts +0 -17
- package/dist/TopTaskLink/TopTaskLink.js +0 -9
- package/dist/TopTaskLink/TopTaskLink.test.d.ts +0 -1
- package/dist/TopTaskLink/TopTaskLink.test.js +0 -42
- package/dist/TopTaskLink/index.d.ts +0 -1
- package/dist/TopTaskLink/index.js +0 -1
package/dist/index.cjs.js
CHANGED
|
@@ -19,6 +19,10 @@ var defaultValues$2 = {
|
|
|
19
19
|
};
|
|
20
20
|
var AccordionContext = /*#__PURE__*/react.createContext(defaultValues$2);
|
|
21
21
|
|
|
22
|
+
/**
|
|
23
|
+
* @license EUPL-1.2+
|
|
24
|
+
* Copyright Gemeente Amsterdam
|
|
25
|
+
*/
|
|
22
26
|
function getHeadingTag(level) {
|
|
23
27
|
switch (level) {
|
|
24
28
|
case 2:
|
|
@@ -33,17 +37,21 @@ function getHeadingTag(level) {
|
|
|
33
37
|
}
|
|
34
38
|
}
|
|
35
39
|
|
|
36
|
-
var _excluded$
|
|
37
|
-
function ownKeys$
|
|
38
|
-
function _objectSpread$
|
|
40
|
+
var _excluded$1z = ["className", "color", "size", "square", "svg"];
|
|
41
|
+
function ownKeys$1I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
42
|
+
function _objectSpread$1I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1I(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
43
|
+
/**
|
|
44
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-media-icon--docs Icon docs at Amsterdam Design System}
|
|
45
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/brand-assets-icons--docs Icons overview at Amsterdam Design System}
|
|
46
|
+
*/
|
|
39
47
|
var Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
40
48
|
var className = _ref.className,
|
|
41
49
|
color = _ref.color,
|
|
42
50
|
size = _ref.size,
|
|
43
51
|
square = _ref.square,
|
|
44
52
|
svg = _ref.svg,
|
|
45
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
46
|
-
return jsxRuntime.jsx("span", _objectSpread$
|
|
53
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1z);
|
|
54
|
+
return jsxRuntime.jsx("span", _objectSpread$1I(_objectSpread$1I({
|
|
47
55
|
className: clsx('ams-icon', color && "ams-icon--".concat(color), size && "ams-icon--".concat(size), square && 'ams-icon--square', className),
|
|
48
56
|
ref: ref
|
|
49
57
|
}, restProps), {}, {
|
|
@@ -52,16 +60,16 @@ var Icon = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
52
60
|
});
|
|
53
61
|
Icon.displayName = 'Icon';
|
|
54
62
|
|
|
55
|
-
var _excluded$
|
|
56
|
-
function ownKeys$
|
|
57
|
-
function _objectSpread$
|
|
63
|
+
var _excluded$1y = ["children", "className", "expanded", "label"];
|
|
64
|
+
function ownKeys$1H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
65
|
+
function _objectSpread$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1H(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
58
66
|
var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
59
67
|
var children = _ref.children,
|
|
60
68
|
className = _ref.className,
|
|
61
69
|
_ref$expanded = _ref.expanded,
|
|
62
70
|
expanded = _ref$expanded === void 0 ? false : _ref$expanded,
|
|
63
71
|
label = _ref.label,
|
|
64
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
72
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1y);
|
|
65
73
|
var _useContext = react.useContext(AccordionContext),
|
|
66
74
|
headingLevel = _useContext.headingLevel,
|
|
67
75
|
sectionAs = _useContext.sectionAs;
|
|
@@ -74,7 +82,7 @@ var AccordionSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
74
82
|
var id = react.useId();
|
|
75
83
|
var buttonId = "button-".concat(id);
|
|
76
84
|
var panelId = "panel-".concat(id);
|
|
77
|
-
return jsxRuntime.jsxs("div", _objectSpread$
|
|
85
|
+
return jsxRuntime.jsxs("div", _objectSpread$1H(_objectSpread$1H({
|
|
78
86
|
className: clsx('ams-accordion__section', className),
|
|
79
87
|
ref: ref
|
|
80
88
|
}, restProps), {}, {
|
|
@@ -178,6 +186,7 @@ var AccordionRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
178
186
|
return innerRef.current;
|
|
179
187
|
});
|
|
180
188
|
var _useKeyboardFocus = useKeyboardFocus(innerRef, {
|
|
189
|
+
focusableElements: ['.ams-accordion__button:not([disabled])'],
|
|
181
190
|
rotating: true
|
|
182
191
|
}),
|
|
183
192
|
keyDown = _useKeyboardFocus.keyDown;
|
|
@@ -195,18 +204,24 @@ var AccordionRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
195
204
|
});
|
|
196
205
|
});
|
|
197
206
|
AccordionRoot.displayName = 'Accordion';
|
|
207
|
+
/**
|
|
208
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-accordion--docs Accordion docs at Amsterdam Design System}
|
|
209
|
+
*/
|
|
198
210
|
var Accordion = Object.assign(AccordionRoot, {
|
|
199
211
|
Section: AccordionSection
|
|
200
212
|
});
|
|
201
213
|
|
|
202
|
-
var _excluded$
|
|
203
|
-
function ownKeys$
|
|
204
|
-
function _objectSpread$
|
|
214
|
+
var _excluded$1x = ["children", "className"];
|
|
215
|
+
function ownKeys$1G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
216
|
+
function _objectSpread$1G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1G(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
217
|
+
/**
|
|
218
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-action-group--docs Action Group docs at Amsterdam Design System}
|
|
219
|
+
*/
|
|
205
220
|
var ActionGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
206
221
|
var children = _ref.children,
|
|
207
222
|
className = _ref.className,
|
|
208
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
209
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
223
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1x);
|
|
224
|
+
return jsxRuntime.jsx("div", _objectSpread$1G(_objectSpread$1G({}, restProps), {}, {
|
|
210
225
|
className: clsx('ams-action-group', className),
|
|
211
226
|
ref: ref,
|
|
212
227
|
role: "group",
|
|
@@ -215,19 +230,22 @@ var ActionGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
215
230
|
});
|
|
216
231
|
ActionGroup.displayName = 'ActionGroup';
|
|
217
232
|
|
|
218
|
-
var _excluded$
|
|
219
|
-
function ownKeys$
|
|
220
|
-
function _objectSpread$
|
|
233
|
+
var _excluded$1w = ["children", "className", "color", "level", "size"];
|
|
234
|
+
function ownKeys$1F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
235
|
+
function _objectSpread$1F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1F(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
236
|
+
/**
|
|
237
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-text-heading--docs Heading docs at Amsterdam Design System}
|
|
238
|
+
*/
|
|
221
239
|
var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
222
240
|
var children = _ref.children,
|
|
223
241
|
className = _ref.className,
|
|
224
242
|
color = _ref.color,
|
|
225
243
|
level = _ref.level,
|
|
226
244
|
size = _ref.size,
|
|
227
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
245
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1w);
|
|
228
246
|
var Tag = getHeadingTag(level);
|
|
229
247
|
var visualLevel = size ? size.slice(-1) : level;
|
|
230
|
-
return jsxRuntime.jsx(Tag, _objectSpread$
|
|
248
|
+
return jsxRuntime.jsx(Tag, _objectSpread$1F(_objectSpread$1F({
|
|
231
249
|
className: clsx('ams-heading', "ams-heading--".concat(visualLevel), color && "ams-heading--".concat(color), className),
|
|
232
250
|
ref: ref
|
|
233
251
|
}, restProps), {}, {
|
|
@@ -236,9 +254,12 @@ var Heading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
236
254
|
});
|
|
237
255
|
Heading.displayName = 'Heading';
|
|
238
256
|
|
|
239
|
-
var _excluded$
|
|
240
|
-
function ownKeys$
|
|
241
|
-
function _objectSpread$
|
|
257
|
+
var _excluded$1v = ["className", "color", "label", "size", "svg", "type"];
|
|
258
|
+
function ownKeys$1E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
259
|
+
function _objectSpread$1E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1E(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
260
|
+
/**
|
|
261
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-buttons-icon-button--docs Icon Button docs at Amsterdam Design System}
|
|
262
|
+
*/
|
|
242
263
|
var IconButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
243
264
|
var className = _ref.className,
|
|
244
265
|
color = _ref.color,
|
|
@@ -246,10 +267,12 @@ var IconButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
246
267
|
size = _ref.size,
|
|
247
268
|
_ref$svg = _ref.svg,
|
|
248
269
|
svg = _ref$svg === void 0 ? designSystemReactIcons.CloseIcon : _ref$svg,
|
|
249
|
-
|
|
250
|
-
|
|
270
|
+
type = _ref.type,
|
|
271
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1v);
|
|
272
|
+
return jsxRuntime.jsxs("button", _objectSpread$1E(_objectSpread$1E({}, restProps), {}, {
|
|
251
273
|
className: clsx('ams-icon-button', color && "ams-icon-button--".concat(color), className),
|
|
252
274
|
ref: ref,
|
|
275
|
+
type: type || 'button',
|
|
253
276
|
children: [jsxRuntime.jsx("span", {
|
|
254
277
|
className: "ams-visually-hidden",
|
|
255
278
|
children: label
|
|
@@ -262,9 +285,12 @@ var IconButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
262
285
|
});
|
|
263
286
|
IconButton.displayName = 'IconButton';
|
|
264
287
|
|
|
265
|
-
var _excluded$
|
|
266
|
-
function ownKeys$
|
|
267
|
-
function _objectSpread$
|
|
288
|
+
var _excluded$1u = ["align", "alignVertical", "as", "children", "className", "gap", "wrap"];
|
|
289
|
+
function ownKeys$1D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
290
|
+
function _objectSpread$1D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1D(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
291
|
+
/**
|
|
292
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-row--docs Row docs at Amsterdam Design System}
|
|
293
|
+
*/
|
|
268
294
|
var Row = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
269
295
|
var align = _ref.align,
|
|
270
296
|
alignVertical = _ref.alignVertical,
|
|
@@ -274,8 +300,8 @@ var Row = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
274
300
|
className = _ref.className,
|
|
275
301
|
gap = _ref.gap,
|
|
276
302
|
wrap = _ref.wrap,
|
|
277
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
278
|
-
return jsxRuntime.jsx(Tag, _objectSpread$
|
|
303
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1u);
|
|
304
|
+
return jsxRuntime.jsx(Tag, _objectSpread$1D(_objectSpread$1D({}, restProps), {}, {
|
|
279
305
|
className: clsx('ams-row', align && "ams-row--align-".concat(align), alignVertical && "ams-row--align-vertical-".concat(alignVertical), gap && "ams-row--gap-".concat(gap), wrap && 'ams-row--wrap', className),
|
|
280
306
|
ref: ref,
|
|
281
307
|
children: children
|
|
@@ -283,14 +309,17 @@ var Row = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
283
309
|
});
|
|
284
310
|
Row.displayName = 'Row';
|
|
285
311
|
|
|
286
|
-
var _excluded$
|
|
287
|
-
function ownKeys$
|
|
288
|
-
function _objectSpread$
|
|
312
|
+
var _excluded$1t = ["children", "className", "closeable", "closeButtonLabel", "heading", "headingLevel", "onClose", "severity"];
|
|
313
|
+
function ownKeys$1C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
314
|
+
function _objectSpread$1C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1C(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
289
315
|
var iconSvgBySeverity = {
|
|
290
|
-
error: designSystemReactIcons.
|
|
291
|
-
success: designSystemReactIcons.
|
|
292
|
-
warning: designSystemReactIcons.
|
|
316
|
+
error: designSystemReactIcons.ErrorFillIcon,
|
|
317
|
+
success: designSystemReactIcons.SuccessFillIcon,
|
|
318
|
+
warning: designSystemReactIcons.WarningFillIcon
|
|
293
319
|
};
|
|
320
|
+
/**
|
|
321
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-feedback-alert--docs Alert docs at Amsterdam Design System}
|
|
322
|
+
*/
|
|
294
323
|
var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
295
324
|
var children = _ref.children,
|
|
296
325
|
className = _ref.className,
|
|
@@ -301,9 +330,9 @@ var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
301
330
|
headingLevel = _ref.headingLevel,
|
|
302
331
|
onClose = _ref.onClose,
|
|
303
332
|
severity = _ref.severity,
|
|
304
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
305
|
-
var SeverityIcon = severity ? iconSvgBySeverity[severity] : designSystemReactIcons.
|
|
306
|
-
return jsxRuntime.jsxs("section", _objectSpread$
|
|
333
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1t);
|
|
334
|
+
var SeverityIcon = severity ? iconSvgBySeverity[severity] : designSystemReactIcons.InfoFillIcon;
|
|
335
|
+
return jsxRuntime.jsxs("section", _objectSpread$1C(_objectSpread$1C({}, restProps), {}, {
|
|
307
336
|
className: clsx('ams-alert', severity && "ams-alert--".concat(severity), className),
|
|
308
337
|
ref: ref,
|
|
309
338
|
children: [jsxRuntime.jsx("div", {
|
|
@@ -333,9 +362,9 @@ var Alert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
333
362
|
});
|
|
334
363
|
Alert.displayName = 'Alert';
|
|
335
364
|
|
|
336
|
-
var _excluded$
|
|
337
|
-
function ownKeys$
|
|
338
|
-
function _objectSpread$
|
|
365
|
+
var _excluded$1s = ["className", "color", "imageSrc", "label"];
|
|
366
|
+
function ownKeys$1B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
367
|
+
function _objectSpread$1B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1B(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
339
368
|
var AvatarContent = function AvatarContent(_ref) {
|
|
340
369
|
var imageSrc = _ref.imageSrc,
|
|
341
370
|
initials = _ref.initials;
|
|
@@ -353,18 +382,21 @@ var AvatarContent = function AvatarContent(_ref) {
|
|
|
353
382
|
}
|
|
354
383
|
return jsxRuntime.jsx(Icon, {
|
|
355
384
|
size: "small",
|
|
356
|
-
svg: designSystemReactIcons.
|
|
385
|
+
svg: designSystemReactIcons.PersonFillIcon
|
|
357
386
|
});
|
|
358
387
|
};
|
|
388
|
+
/**
|
|
389
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-feedback-avatar--docs Avatar docs at Amsterdam Design System}
|
|
390
|
+
*/
|
|
359
391
|
var Avatar = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
360
392
|
var className = _ref2.className,
|
|
361
393
|
color = _ref2.color,
|
|
362
394
|
imageSrc = _ref2.imageSrc,
|
|
363
395
|
label = _ref2.label,
|
|
364
|
-
restProps = _objectWithoutProperties(_ref2, _excluded$
|
|
396
|
+
restProps = _objectWithoutProperties(_ref2, _excluded$1s);
|
|
365
397
|
var initials = label.slice(0, 2).toUpperCase();
|
|
366
398
|
var a11yLabel = initials.length === 0 ? 'Gebruiker' : "Initialen gebruiker: ".concat(initials);
|
|
367
|
-
return jsxRuntime.jsxs("span", _objectSpread$
|
|
399
|
+
return jsxRuntime.jsxs("span", _objectSpread$1B(_objectSpread$1B({}, restProps), {}, {
|
|
368
400
|
className: clsx('ams-avatar', color && "ams-avatar--".concat(color), imageSrc && 'ams-avatar--has-image', className),
|
|
369
401
|
ref: ref,
|
|
370
402
|
children: [jsxRuntime.jsx("span", {
|
|
@@ -378,15 +410,18 @@ var Avatar = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
378
410
|
});
|
|
379
411
|
Avatar.displayName = 'Avatar';
|
|
380
412
|
|
|
381
|
-
var _excluded$
|
|
382
|
-
function ownKeys$
|
|
383
|
-
function _objectSpread$
|
|
413
|
+
var _excluded$1r = ["className", "color", "label"];
|
|
414
|
+
function ownKeys$1A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
415
|
+
function _objectSpread$1A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1A(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
416
|
+
/**
|
|
417
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-feedback-badge--docs Badge docs at Amsterdam Design System}
|
|
418
|
+
*/
|
|
384
419
|
var Badge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
385
420
|
var className = _ref.className,
|
|
386
421
|
color = _ref.color,
|
|
387
422
|
label = _ref.label,
|
|
388
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
389
|
-
return jsxRuntime.jsx("span", _objectSpread$
|
|
423
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1r);
|
|
424
|
+
return jsxRuntime.jsx("span", _objectSpread$1A(_objectSpread$1A({}, restProps), {}, {
|
|
390
425
|
className: clsx('ams-badge', color && "ams-badge--".concat(color), className),
|
|
391
426
|
ref: ref,
|
|
392
427
|
children: label
|
|
@@ -394,15 +429,18 @@ var Badge = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
394
429
|
});
|
|
395
430
|
Badge.displayName = 'Badge';
|
|
396
431
|
|
|
397
|
-
var _excluded$
|
|
398
|
-
function ownKeys$
|
|
399
|
-
function _objectSpread$
|
|
432
|
+
var _excluded$1q = ["children", "className", "color"];
|
|
433
|
+
function ownKeys$1z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
434
|
+
function _objectSpread$1z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1z(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
435
|
+
/**
|
|
436
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-text-blockquote--docs Blockquote docs at Amsterdam Design System}
|
|
437
|
+
*/
|
|
400
438
|
var Blockquote = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
401
439
|
var children = _ref.children,
|
|
402
440
|
className = _ref.className,
|
|
403
441
|
color = _ref.color,
|
|
404
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
405
|
-
return jsxRuntime.jsx("blockquote", _objectSpread$
|
|
442
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1q);
|
|
443
|
+
return jsxRuntime.jsx("blockquote", _objectSpread$1z(_objectSpread$1z({}, restProps), {}, {
|
|
406
444
|
className: clsx('ams-blockquote', color && "ams-blockquote--".concat(color), className),
|
|
407
445
|
ref: ref,
|
|
408
446
|
children: children
|
|
@@ -410,16 +448,16 @@ var Blockquote = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
410
448
|
});
|
|
411
449
|
Blockquote.displayName = 'Blockquote';
|
|
412
450
|
|
|
413
|
-
var _excluded$
|
|
414
|
-
function ownKeys$
|
|
415
|
-
function _objectSpread$
|
|
451
|
+
var _excluded$1p = ["children", "className"];
|
|
452
|
+
function ownKeys$1y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
453
|
+
function _objectSpread$1y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1y(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
416
454
|
var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
417
455
|
var children = _ref.children,
|
|
418
456
|
className = _ref.className,
|
|
419
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
457
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1p);
|
|
420
458
|
return jsxRuntime.jsx("li", {
|
|
421
459
|
className: "ams-breadcrumb__item",
|
|
422
|
-
children: jsxRuntime.jsx("a", _objectSpread$
|
|
460
|
+
children: jsxRuntime.jsx("a", _objectSpread$1y(_objectSpread$1y({}, restProps), {}, {
|
|
423
461
|
className: clsx.clsx('ams-breadcrumb__link', className),
|
|
424
462
|
ref: ref,
|
|
425
463
|
children: children
|
|
@@ -428,14 +466,14 @@ var BreadcrumbLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
428
466
|
});
|
|
429
467
|
BreadcrumbLink.displayName = 'Breadcrumb.Link';
|
|
430
468
|
|
|
431
|
-
var _excluded$
|
|
432
|
-
function ownKeys$
|
|
433
|
-
function _objectSpread$
|
|
469
|
+
var _excluded$1o = ["children", "className"];
|
|
470
|
+
function ownKeys$1x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
471
|
+
function _objectSpread$1x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1x(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
434
472
|
var BreadcrumbRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
435
473
|
var children = _ref.children,
|
|
436
474
|
className = _ref.className,
|
|
437
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
438
|
-
return jsxRuntime.jsx("nav", _objectSpread$
|
|
475
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1o);
|
|
476
|
+
return jsxRuntime.jsx("nav", _objectSpread$1x(_objectSpread$1x({}, restProps), {}, {
|
|
439
477
|
className: clsx.clsx('ams-breadcrumb', className),
|
|
440
478
|
ref: ref,
|
|
441
479
|
children: jsxRuntime.jsx("ol", {
|
|
@@ -445,6 +483,9 @@ var BreadcrumbRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
445
483
|
}));
|
|
446
484
|
});
|
|
447
485
|
BreadcrumbRoot.displayName = 'Breadcrumb';
|
|
486
|
+
/**
|
|
487
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-breadcrumb--docs Breadcrumb docs at Amsterdam Design System}
|
|
488
|
+
*/
|
|
448
489
|
var Breadcrumb = Object.assign(BreadcrumbRoot, {
|
|
449
490
|
Link: BreadcrumbLink
|
|
450
491
|
});
|
|
@@ -472,9 +513,9 @@ var breakoutCellClasses = function breakoutCellClasses(colSpan, colStart, rowSpa
|
|
|
472
513
|
return [].concat(_toConsumableArray(addGridClass('ams-breakout__cell--col-span-', colSpan)), _toConsumableArray(addGridClass('ams-breakout__cell--col-start-', colStart)), _toConsumableArray(addGridClass('ams-breakout__cell--row-span-', rowSpan)), _toConsumableArray(addGridClass('ams-breakout__cell--row-start-', rowStart)));
|
|
473
514
|
};
|
|
474
515
|
|
|
475
|
-
var _excluded$
|
|
476
|
-
function ownKeys$
|
|
477
|
-
function _objectSpread$
|
|
516
|
+
var _excluded$1n = ["as", "children", "className", "colSpan", "colStart", "has", "rowSpan", "rowStart"];
|
|
517
|
+
function ownKeys$1w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
518
|
+
function _objectSpread$1w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1w(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
478
519
|
var BreakoutCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
479
520
|
var _ref$as = _ref.as,
|
|
480
521
|
Tag = _ref$as === void 0 ? 'div' : _ref$as,
|
|
@@ -485,8 +526,8 @@ var BreakoutCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
485
526
|
has = _ref.has,
|
|
486
527
|
rowSpan = _ref.rowSpan,
|
|
487
528
|
rowStart = _ref.rowStart,
|
|
488
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
489
|
-
return jsxRuntime.jsx(Tag, _objectSpread$
|
|
529
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1n);
|
|
530
|
+
return jsxRuntime.jsx(Tag, _objectSpread$1w(_objectSpread$1w({}, restProps), {}, {
|
|
490
531
|
className: clsx('ams-breakout__cell', breakoutCellClasses(colSpan, colStart, rowSpan, rowStart), has && "ams-breakout__cell--has-".concat(has), className),
|
|
491
532
|
ref: ref,
|
|
492
533
|
children: children
|
|
@@ -494,6 +535,10 @@ var BreakoutCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
494
535
|
});
|
|
495
536
|
BreakoutCell.displayName = 'Breakout.Cell';
|
|
496
537
|
|
|
538
|
+
/**
|
|
539
|
+
* @license EUPL-1.2+
|
|
540
|
+
* Copyright Gemeente Amsterdam
|
|
541
|
+
*/
|
|
497
542
|
var paddingClasses = function paddingClasses(componentName, paddingBottom, paddingTop, paddingVertical) {
|
|
498
543
|
var classes = [];
|
|
499
544
|
if (paddingVertical) {
|
|
@@ -508,9 +553,9 @@ var paddingClasses = function paddingClasses(componentName, paddingBottom, paddi
|
|
|
508
553
|
return classes;
|
|
509
554
|
};
|
|
510
555
|
|
|
511
|
-
var _excluded$
|
|
512
|
-
function ownKeys$
|
|
513
|
-
function _objectSpread$
|
|
556
|
+
var _excluded$1m = ["children", "className", "gapVertical", "paddingBottom", "paddingTop", "paddingVertical"];
|
|
557
|
+
function ownKeys$1v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
558
|
+
function _objectSpread$1v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1v(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
514
559
|
var BreakoutRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
515
560
|
var children = _ref.children,
|
|
516
561
|
className = _ref.className,
|
|
@@ -518,21 +563,27 @@ var BreakoutRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
518
563
|
paddingBottom = _ref.paddingBottom,
|
|
519
564
|
paddingTop = _ref.paddingTop,
|
|
520
565
|
paddingVertical = _ref.paddingVertical,
|
|
521
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
522
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
566
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1m);
|
|
567
|
+
return jsxRuntime.jsx("div", _objectSpread$1v(_objectSpread$1v({}, restProps), {}, {
|
|
523
568
|
className: clsx('ams-breakout', gapVertical && "ams-breakout--gap-vertical--".concat(gapVertical), paddingClasses('breakout', paddingBottom, paddingTop, paddingVertical), className),
|
|
524
569
|
ref: ref,
|
|
525
570
|
children: children
|
|
526
571
|
}));
|
|
527
572
|
});
|
|
528
573
|
BreakoutRoot.displayName = 'Breakout';
|
|
574
|
+
/**
|
|
575
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-breakout--docs Breakout docs at Amsterdam Design System}
|
|
576
|
+
*/
|
|
529
577
|
var Breakout = Object.assign(BreakoutRoot, {
|
|
530
578
|
Cell: BreakoutCell
|
|
531
579
|
});
|
|
532
580
|
|
|
533
|
-
var _excluded$
|
|
534
|
-
function ownKeys$
|
|
535
|
-
function _objectSpread$
|
|
581
|
+
var _excluded$1l = ["children", "className", "disabled", "icon", "iconBefore", "iconOnly", "type", "variant"];
|
|
582
|
+
function ownKeys$1u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
583
|
+
function _objectSpread$1u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1u(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
584
|
+
/**
|
|
585
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-buttons-button--docs Button docs at Amsterdam Design System}
|
|
586
|
+
*/
|
|
536
587
|
var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
537
588
|
var children = _ref.children,
|
|
538
589
|
className = _ref.className,
|
|
@@ -543,8 +594,8 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
543
594
|
type = _ref.type,
|
|
544
595
|
_ref$variant = _ref.variant,
|
|
545
596
|
variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
|
|
546
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
547
|
-
return jsxRuntime.jsxs("button", _objectSpread$
|
|
597
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1l);
|
|
598
|
+
return jsxRuntime.jsxs("button", _objectSpread$1u(_objectSpread$1u({}, restProps), {}, {
|
|
548
599
|
className: clsx('ams-button', "ams-button--".concat(variant), icon && iconOnly && "ams-button--icon-only", className),
|
|
549
600
|
disabled: disabled,
|
|
550
601
|
ref: ref,
|
|
@@ -562,16 +613,37 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
562
613
|
});
|
|
563
614
|
Button.displayName = 'Button';
|
|
564
615
|
|
|
565
|
-
var _excluded$
|
|
566
|
-
function ownKeys$
|
|
567
|
-
function _objectSpread$
|
|
616
|
+
var _excluded$1k = ["children", "className", "size"];
|
|
617
|
+
function ownKeys$1t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
618
|
+
function _objectSpread$1t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1t(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
619
|
+
var CardHeading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
620
|
+
var children = _ref.children,
|
|
621
|
+
className = _ref.className,
|
|
622
|
+
_ref$size = _ref.size,
|
|
623
|
+
size = _ref$size === void 0 ? 'level-4' : _ref$size,
|
|
624
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1k);
|
|
625
|
+
return jsxRuntime.jsx(Heading, _objectSpread$1t(_objectSpread$1t({}, restProps), {}, {
|
|
626
|
+
className: clsx('ams-card__heading', className),
|
|
627
|
+
ref: ref,
|
|
628
|
+
size: size,
|
|
629
|
+
children: children
|
|
630
|
+
}));
|
|
631
|
+
});
|
|
632
|
+
CardHeading.displayName = 'Card.Heading';
|
|
633
|
+
|
|
634
|
+
var _excluded$1j = ["children", "className", "color", "size"];
|
|
635
|
+
function ownKeys$1s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
636
|
+
function _objectSpread$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
637
|
+
/**
|
|
638
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-text-paragraph--docs Paragraph docs at Amsterdam Design System}
|
|
639
|
+
*/
|
|
568
640
|
var Paragraph = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
569
641
|
var children = _ref.children,
|
|
570
642
|
className = _ref.className,
|
|
571
643
|
color = _ref.color,
|
|
572
644
|
size = _ref.size,
|
|
573
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
574
|
-
return jsxRuntime.jsx("p", _objectSpread$
|
|
645
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1j);
|
|
646
|
+
return jsxRuntime.jsx("p", _objectSpread$1s(_objectSpread$1s({
|
|
575
647
|
className: clsx('ams-paragraph', color && "ams-paragraph--".concat(color), size && "ams-paragraph--".concat(size), className),
|
|
576
648
|
ref: ref
|
|
577
649
|
}, restProps), {}, {
|
|
@@ -580,15 +652,15 @@ var Paragraph = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
580
652
|
});
|
|
581
653
|
Paragraph.displayName = 'Paragraph';
|
|
582
654
|
|
|
583
|
-
var _excluded$
|
|
584
|
-
function ownKeys$
|
|
585
|
-
function _objectSpread$
|
|
655
|
+
var _excluded$1i = ["children", "className", "tagline"];
|
|
656
|
+
function ownKeys$1r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
657
|
+
function _objectSpread$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
586
658
|
var CardHeadingGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
587
659
|
var children = _ref.children,
|
|
588
660
|
className = _ref.className,
|
|
589
661
|
tagline = _ref.tagline,
|
|
590
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
591
|
-
return jsxRuntime.jsxs("hgroup", _objectSpread$
|
|
662
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1i);
|
|
663
|
+
return jsxRuntime.jsxs("hgroup", _objectSpread$1r(_objectSpread$1r({}, restProps), {}, {
|
|
592
664
|
className: clsx('ams-card__heading-group', className),
|
|
593
665
|
ref: ref,
|
|
594
666
|
children: [children, jsxRuntime.jsx(Paragraph, {
|
|
@@ -599,14 +671,52 @@ var CardHeadingGroup = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
599
671
|
});
|
|
600
672
|
CardHeadingGroup.displayName = 'Card.HeadingGroup';
|
|
601
673
|
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
674
|
+
/**
|
|
675
|
+
* @license EUPL-1.2+
|
|
676
|
+
* Copyright Gemeente Amsterdam
|
|
677
|
+
*/
|
|
678
|
+
var generateAspectRatioClass = function generateAspectRatioClass(aspectRatio) {
|
|
679
|
+
return aspectRatio && "ams-aspect-ratio-".concat(aspectRatio.replace(':', '-'));
|
|
680
|
+
};
|
|
681
|
+
|
|
682
|
+
var _excluded$1h = ["aspectRatio", "className"];
|
|
683
|
+
function ownKeys$1q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
684
|
+
function _objectSpread$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
685
|
+
/**
|
|
686
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-media-image--docs Image docs at Amsterdam Design System}
|
|
687
|
+
*/
|
|
688
|
+
var Image = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
689
|
+
var aspectRatio = _ref.aspectRatio,
|
|
690
|
+
className = _ref.className,
|
|
691
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1h);
|
|
692
|
+
return jsxRuntime.jsx("img", _objectSpread$1q(_objectSpread$1q({}, restProps), {}, {
|
|
693
|
+
className: clsx('ams-image', generateAspectRatioClass(aspectRatio), className),
|
|
694
|
+
ref: ref
|
|
695
|
+
}));
|
|
696
|
+
});
|
|
697
|
+
Image.displayName = 'Image';
|
|
698
|
+
|
|
699
|
+
var _excluded$1g = ["className"];
|
|
700
|
+
function ownKeys$1p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
701
|
+
function _objectSpread$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
702
|
+
var CardImage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
703
|
+
var className = _ref.className,
|
|
704
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1g);
|
|
705
|
+
return jsxRuntime.jsx(Image, _objectSpread$1p(_objectSpread$1p({}, restProps), {}, {
|
|
706
|
+
className: clsx('ams-card__image', className),
|
|
707
|
+
ref: ref
|
|
708
|
+
}));
|
|
709
|
+
});
|
|
710
|
+
CardImage.displayName = 'Card.Image';
|
|
711
|
+
|
|
712
|
+
var _excluded$1f = ["children", "className"];
|
|
713
|
+
function ownKeys$1o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
714
|
+
function _objectSpread$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
605
715
|
var CardLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
606
716
|
var children = _ref.children,
|
|
607
717
|
className = _ref.className,
|
|
608
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
609
|
-
return jsxRuntime.jsx("a", _objectSpread$
|
|
718
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1f);
|
|
719
|
+
return jsxRuntime.jsx("a", _objectSpread$1o(_objectSpread$1o({}, restProps), {}, {
|
|
610
720
|
className: clsx('ams-card__link', className),
|
|
611
721
|
ref: ref,
|
|
612
722
|
children: children
|
|
@@ -614,34 +724,42 @@ var CardLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
614
724
|
});
|
|
615
725
|
CardLink.displayName = 'Card.Link';
|
|
616
726
|
|
|
617
|
-
var _excluded$
|
|
618
|
-
function ownKeys$
|
|
619
|
-
function _objectSpread$
|
|
727
|
+
var _excluded$1e = ["children", "className"];
|
|
728
|
+
function ownKeys$1n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
729
|
+
function _objectSpread$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
620
730
|
var CardRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
621
731
|
var children = _ref.children,
|
|
622
732
|
className = _ref.className,
|
|
623
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
624
|
-
return jsxRuntime.jsx("article", _objectSpread$
|
|
733
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1e);
|
|
734
|
+
return jsxRuntime.jsx("article", _objectSpread$1n(_objectSpread$1n({}, restProps), {}, {
|
|
625
735
|
className: clsx('ams-card', className),
|
|
626
736
|
ref: ref,
|
|
627
737
|
children: children
|
|
628
738
|
}));
|
|
629
739
|
});
|
|
630
740
|
CardRoot.displayName = 'Card';
|
|
741
|
+
/**
|
|
742
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-card--docs Card docs at Amsterdam Design System}
|
|
743
|
+
*/
|
|
631
744
|
var Card = Object.assign(CardRoot, {
|
|
745
|
+
Heading: CardHeading,
|
|
632
746
|
HeadingGroup: CardHeadingGroup,
|
|
747
|
+
Image: CardImage,
|
|
633
748
|
Link: CardLink
|
|
634
749
|
});
|
|
635
750
|
|
|
636
|
-
var _excluded$
|
|
637
|
-
function ownKeys$
|
|
638
|
-
function _objectSpread$
|
|
751
|
+
var _excluded$1d = ["className", "length", "maxLength"];
|
|
752
|
+
function ownKeys$1m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
753
|
+
function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
754
|
+
/**
|
|
755
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-character-count--docs Character Count docs at Amsterdam Design System}
|
|
756
|
+
*/
|
|
639
757
|
var CharacterCount = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
640
758
|
var className = _ref.className,
|
|
641
759
|
length = _ref.length,
|
|
642
760
|
maxLength = _ref.maxLength,
|
|
643
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
644
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
761
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1d);
|
|
762
|
+
return jsxRuntime.jsx("div", _objectSpread$1m(_objectSpread$1m({}, restProps), {}, {
|
|
645
763
|
className: clsx('ams-character-count', length > maxLength && 'ams-character-count--error', className),
|
|
646
764
|
ref: ref,
|
|
647
765
|
role: "status",
|
|
@@ -650,15 +768,65 @@ var CharacterCount = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
650
768
|
});
|
|
651
769
|
CharacterCount.displayName = 'CharacterCount';
|
|
652
770
|
|
|
653
|
-
|
|
654
|
-
function
|
|
655
|
-
|
|
771
|
+
function ownKeys$1l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
772
|
+
function _objectSpread$1l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1l(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
773
|
+
var SvgCheckbox = function SvgCheckbox(props) {
|
|
774
|
+
return jsxRuntime.jsxs("svg", _objectSpread$1l(_objectSpread$1l({
|
|
775
|
+
"aria-hidden": "true",
|
|
776
|
+
focusable: "false",
|
|
777
|
+
viewBox: "0 0 24 24",
|
|
778
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
779
|
+
}, props), {}, {
|
|
780
|
+
children: [jsxRuntime.jsx("rect", {
|
|
781
|
+
className: "ams-checkbox__rectangle",
|
|
782
|
+
fill: "none",
|
|
783
|
+
height: "22",
|
|
784
|
+
stroke: "black",
|
|
785
|
+
strokeWidth: "2",
|
|
786
|
+
width: "22",
|
|
787
|
+
x: "1",
|
|
788
|
+
y: "1"
|
|
789
|
+
}), jsxRuntime.jsx("rect", {
|
|
790
|
+
className: "ams-checkbox__hover-indicator",
|
|
791
|
+
fill: "none",
|
|
792
|
+
height: "20",
|
|
793
|
+
stroke: "black",
|
|
794
|
+
strokeWidth: "1",
|
|
795
|
+
width: "20",
|
|
796
|
+
x: "2",
|
|
797
|
+
y: "2"
|
|
798
|
+
}), jsxRuntime.jsx("path", {
|
|
799
|
+
className: "ams-checkbox__checked-indicator",
|
|
800
|
+
d: "M3.251 13.017L8.554 18.761L20.749 5.239",
|
|
801
|
+
fill: "none",
|
|
802
|
+
stroke: "black",
|
|
803
|
+
strokeWidth: "3"
|
|
804
|
+
}), jsxRuntime.jsx("line", {
|
|
805
|
+
className: "ams-checkbox__indeterminate-indicator",
|
|
806
|
+
fill: "none",
|
|
807
|
+
stroke: "black",
|
|
808
|
+
strokeWidth: "3",
|
|
809
|
+
x1: "4",
|
|
810
|
+
x2: "20",
|
|
811
|
+
y1: "12",
|
|
812
|
+
y2: "12"
|
|
813
|
+
})]
|
|
814
|
+
}));
|
|
815
|
+
};
|
|
816
|
+
|
|
817
|
+
var _excluded$1c = ["children", "className", "icon", "indeterminate", "invalid"];
|
|
818
|
+
function ownKeys$1k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
819
|
+
function _objectSpread$1k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1k(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
820
|
+
/**
|
|
821
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-checkbox--docs Checkbox docs at Amsterdam Design System}
|
|
822
|
+
*/
|
|
656
823
|
var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
657
824
|
var children = _ref.children,
|
|
658
825
|
className = _ref.className,
|
|
826
|
+
icon = _ref.icon,
|
|
659
827
|
indeterminate = _ref.indeterminate,
|
|
660
828
|
invalid = _ref.invalid,
|
|
661
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
829
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1c);
|
|
662
830
|
var id = react.useId();
|
|
663
831
|
var innerRef = react.useRef(null);
|
|
664
832
|
// use a passed ref if it's there, otherwise use innerRef
|
|
@@ -676,7 +844,7 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
676
844
|
// without a containing element
|
|
677
845
|
jsxRuntime.jsxs("div", {
|
|
678
846
|
className: clsx('ams-checkbox', className),
|
|
679
|
-
children: [jsxRuntime.jsx("input", _objectSpread$
|
|
847
|
+
children: [jsxRuntime.jsx("input", _objectSpread$1k(_objectSpread$1k({}, restProps), {}, {
|
|
680
848
|
"aria-invalid": invalid || undefined,
|
|
681
849
|
className: "ams-checkbox__input",
|
|
682
850
|
id: id,
|
|
@@ -686,7 +854,8 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
686
854
|
className: "ams-checkbox__label",
|
|
687
855
|
htmlFor: id,
|
|
688
856
|
children: [jsxRuntime.jsx("span", {
|
|
689
|
-
className: "ams-
|
|
857
|
+
className: "ams-checkbox__icon-container",
|
|
858
|
+
children: icon !== null && icon !== void 0 ? icon : jsxRuntime.jsx(SvgCheckbox, {})
|
|
690
859
|
}), children]
|
|
691
860
|
})]
|
|
692
861
|
})
|
|
@@ -694,9 +863,12 @@ var Checkbox = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
694
863
|
});
|
|
695
864
|
Checkbox.displayName = 'Checkbox';
|
|
696
865
|
|
|
697
|
-
var _excluded$
|
|
698
|
-
function ownKeys$
|
|
699
|
-
function _objectSpread$
|
|
866
|
+
var _excluded$1b = ["align", "alignHorizontal", "as", "children", "className", "gap"];
|
|
867
|
+
function ownKeys$1j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
868
|
+
function _objectSpread$1j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1j(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
869
|
+
/**
|
|
870
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-column--docs Column docs at Amsterdam Design System}
|
|
871
|
+
*/
|
|
700
872
|
var Column = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
701
873
|
var align = _ref.align,
|
|
702
874
|
alignHorizontal = _ref.alignHorizontal,
|
|
@@ -705,8 +877,8 @@ var Column = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
705
877
|
children = _ref.children,
|
|
706
878
|
className = _ref.className,
|
|
707
879
|
gap = _ref.gap,
|
|
708
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
709
|
-
return jsxRuntime.jsx(Tag, _objectSpread$
|
|
880
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1b);
|
|
881
|
+
return jsxRuntime.jsx(Tag, _objectSpread$1j(_objectSpread$1j({}, restProps), {}, {
|
|
710
882
|
className: clsx('ams-column', align && "ams-column--align-".concat(align), alignHorizontal && "ams-column--align-horizontal-".concat(alignHorizontal), gap && "ams-column--gap-".concat(gap), className),
|
|
711
883
|
ref: ref,
|
|
712
884
|
children: children
|
|
@@ -714,16 +886,19 @@ var Column = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
714
886
|
});
|
|
715
887
|
Column.displayName = 'Column';
|
|
716
888
|
|
|
717
|
-
var _excluded$
|
|
718
|
-
function ownKeys$
|
|
719
|
-
function _objectSpread$
|
|
889
|
+
var _excluded$1a = ["className", "invalid", "type"];
|
|
890
|
+
function ownKeys$1i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
891
|
+
function _objectSpread$1i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1i(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
892
|
+
/**
|
|
893
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-date-input--docs Date Input docs at Amsterdam Design System}
|
|
894
|
+
*/
|
|
720
895
|
var DateInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
721
896
|
var className = _ref.className,
|
|
722
897
|
invalid = _ref.invalid,
|
|
723
898
|
_ref$type = _ref.type,
|
|
724
899
|
type = _ref$type === void 0 ? 'date' : _ref$type,
|
|
725
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
726
|
-
return jsxRuntime.jsx("input", _objectSpread$
|
|
900
|
+
restProps = _objectWithoutProperties(_ref, _excluded$1a);
|
|
901
|
+
return jsxRuntime.jsx("input", _objectSpread$1i(_objectSpread$1i({}, restProps), {}, {
|
|
727
902
|
"aria-invalid": invalid || undefined,
|
|
728
903
|
className: clsx('ams-date-input', className),
|
|
729
904
|
ref: ref,
|
|
@@ -732,14 +907,14 @@ var DateInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
732
907
|
});
|
|
733
908
|
DateInput.displayName = 'DateInput';
|
|
734
909
|
|
|
735
|
-
var _excluded$
|
|
736
|
-
function ownKeys$
|
|
737
|
-
function _objectSpread$
|
|
910
|
+
var _excluded$19 = ["children", "className"];
|
|
911
|
+
function ownKeys$1h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
912
|
+
function _objectSpread$1h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1h(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
738
913
|
var DescriptionListDescription = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
739
914
|
var children = _ref.children,
|
|
740
915
|
className = _ref.className,
|
|
741
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
742
|
-
return jsxRuntime.jsx("dd", _objectSpread$
|
|
916
|
+
restProps = _objectWithoutProperties(_ref, _excluded$19);
|
|
917
|
+
return jsxRuntime.jsx("dd", _objectSpread$1h(_objectSpread$1h({}, restProps), {}, {
|
|
743
918
|
className: clsx('ams-description-list__description', className),
|
|
744
919
|
ref: ref,
|
|
745
920
|
children: children
|
|
@@ -747,14 +922,14 @@ var DescriptionListDescription = /*#__PURE__*/react.forwardRef(function (_ref, r
|
|
|
747
922
|
});
|
|
748
923
|
DescriptionListDescription.displayName = 'DescriptionList.Description';
|
|
749
924
|
|
|
750
|
-
var _excluded$
|
|
751
|
-
function ownKeys$
|
|
752
|
-
function _objectSpread$
|
|
925
|
+
var _excluded$18 = ["children", "className"];
|
|
926
|
+
function ownKeys$1g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
927
|
+
function _objectSpread$1g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1g(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
753
928
|
var DescriptionListSection = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
754
929
|
var children = _ref.children,
|
|
755
930
|
className = _ref.className,
|
|
756
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
757
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
931
|
+
restProps = _objectWithoutProperties(_ref, _excluded$18);
|
|
932
|
+
return jsxRuntime.jsx("div", _objectSpread$1g(_objectSpread$1g({}, restProps), {}, {
|
|
758
933
|
className: clsx('ams-description-list__section', className),
|
|
759
934
|
ref: ref,
|
|
760
935
|
children: children
|
|
@@ -762,14 +937,14 @@ var DescriptionListSection = /*#__PURE__*/react.forwardRef(function (_ref, ref)
|
|
|
762
937
|
});
|
|
763
938
|
DescriptionListSection.displayName = 'DescriptionList.Section';
|
|
764
939
|
|
|
765
|
-
var _excluded$
|
|
766
|
-
function ownKeys$
|
|
767
|
-
function _objectSpread$
|
|
940
|
+
var _excluded$17 = ["children", "className"];
|
|
941
|
+
function ownKeys$1f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
942
|
+
function _objectSpread$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
768
943
|
var DescriptionListTerm = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
769
944
|
var children = _ref.children,
|
|
770
945
|
className = _ref.className,
|
|
771
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
772
|
-
return jsxRuntime.jsx("dt", _objectSpread$
|
|
946
|
+
restProps = _objectWithoutProperties(_ref, _excluded$17);
|
|
947
|
+
return jsxRuntime.jsx("dt", _objectSpread$1f(_objectSpread$1f({}, restProps), {}, {
|
|
773
948
|
className: clsx('ams-description-list__term', className),
|
|
774
949
|
ref: ref,
|
|
775
950
|
children: children
|
|
@@ -777,31 +952,34 @@ var DescriptionListTerm = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
777
952
|
});
|
|
778
953
|
DescriptionListTerm.displayName = 'DescriptionList.Term';
|
|
779
954
|
|
|
780
|
-
var _excluded$
|
|
781
|
-
function ownKeys$
|
|
782
|
-
function _objectSpread$
|
|
955
|
+
var _excluded$16 = ["children", "className", "color", "termsWidth"];
|
|
956
|
+
function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
957
|
+
function _objectSpread$1e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1e(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
783
958
|
var DescriptionListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
784
959
|
var children = _ref.children,
|
|
785
960
|
className = _ref.className,
|
|
786
961
|
color = _ref.color,
|
|
787
962
|
termsWidth = _ref.termsWidth,
|
|
788
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
789
|
-
return jsxRuntime.jsx("dl", _objectSpread$
|
|
963
|
+
restProps = _objectWithoutProperties(_ref, _excluded$16);
|
|
964
|
+
return jsxRuntime.jsx("dl", _objectSpread$1e(_objectSpread$1e({}, restProps), {}, {
|
|
790
965
|
className: clsx('ams-description-list', color && "ams-description-list--".concat(color), termsWidth && "ams-description-list--".concat(termsWidth), className),
|
|
791
966
|
ref: ref,
|
|
792
967
|
children: children
|
|
793
968
|
}));
|
|
794
969
|
});
|
|
795
970
|
DescriptionListRoot.displayName = 'DescriptionList';
|
|
971
|
+
/**
|
|
972
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-text-description-list--docs Description List docs at Amsterdam Design System}
|
|
973
|
+
*/
|
|
796
974
|
var DescriptionList = Object.assign(DescriptionListRoot, {
|
|
797
975
|
Description: DescriptionListDescription,
|
|
798
976
|
Section: DescriptionListSection,
|
|
799
977
|
Term: DescriptionListTerm
|
|
800
978
|
});
|
|
801
979
|
|
|
802
|
-
var _excluded$
|
|
803
|
-
function ownKeys$
|
|
804
|
-
function _objectSpread$
|
|
980
|
+
var _excluded$15 = ["children", "className", "closeButtonLabel", "footer", "heading"];
|
|
981
|
+
function ownKeys$1d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
982
|
+
function _objectSpread$1d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1d(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
805
983
|
var closeDialog = function closeDialog(event) {
|
|
806
984
|
var _event$currentTarget$;
|
|
807
985
|
return (_event$currentTarget$ = event.currentTarget.closest('dialog')) === null || _event$currentTarget$ === void 0 ? void 0 : _event$currentTarget$.close();
|
|
@@ -817,8 +995,8 @@ var DialogRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
817
995
|
closeButtonLabel = _ref$closeButtonLabel === void 0 ? 'Sluiten' : _ref$closeButtonLabel,
|
|
818
996
|
footer = _ref.footer,
|
|
819
997
|
heading = _ref.heading,
|
|
820
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
821
|
-
return jsxRuntime.jsxs("dialog", _objectSpread$
|
|
998
|
+
restProps = _objectWithoutProperties(_ref, _excluded$15);
|
|
999
|
+
return jsxRuntime.jsxs("dialog", _objectSpread$1d(_objectSpread$1d({}, restProps), {}, {
|
|
822
1000
|
className: clsx('ams-dialog', className),
|
|
823
1001
|
ref: ref,
|
|
824
1002
|
children: [jsxRuntime.jsxs("header", {
|
|
@@ -843,27 +1021,33 @@ var DialogRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
843
1021
|
}));
|
|
844
1022
|
});
|
|
845
1023
|
DialogRoot.displayName = 'Dialog';
|
|
1024
|
+
/**
|
|
1025
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-dialog--docs Dialog docs at Amsterdam Design System}
|
|
1026
|
+
*/
|
|
846
1027
|
var Dialog = Object.assign(DialogRoot, {
|
|
847
1028
|
close: closeDialog,
|
|
848
1029
|
open: openDialog
|
|
849
1030
|
});
|
|
850
1031
|
|
|
851
|
-
var _excluded$
|
|
852
|
-
function ownKeys$
|
|
853
|
-
function _objectSpread$
|
|
1032
|
+
var _excluded$14 = ["children", "className", "icon", "prefix"];
|
|
1033
|
+
function ownKeys$1c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1034
|
+
function _objectSpread$1c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1c(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1035
|
+
/**
|
|
1036
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-error-message--docs Error Message docs at Amsterdam Design System}
|
|
1037
|
+
*/
|
|
854
1038
|
var ErrorMessage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
855
1039
|
var children = _ref.children,
|
|
856
1040
|
className = _ref.className,
|
|
857
1041
|
icon = _ref.icon,
|
|
858
1042
|
_ref$prefix = _ref.prefix,
|
|
859
1043
|
prefix = _ref$prefix === void 0 ? 'Invoerfout' : _ref$prefix,
|
|
860
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
861
|
-
return jsxRuntime.jsxs("p", _objectSpread$
|
|
1044
|
+
restProps = _objectWithoutProperties(_ref, _excluded$14);
|
|
1045
|
+
return jsxRuntime.jsxs("p", _objectSpread$1c(_objectSpread$1c({}, restProps), {}, {
|
|
862
1046
|
className: clsx('ams-error-message', className),
|
|
863
1047
|
ref: ref,
|
|
864
1048
|
children: [jsxRuntime.jsx(Icon, {
|
|
865
1049
|
size: "small",
|
|
866
|
-
svg: icon ? icon : designSystemReactIcons.
|
|
1050
|
+
svg: icon ? icon : designSystemReactIcons.WarningIcon
|
|
867
1051
|
}), jsxRuntime.jsxs("span", {
|
|
868
1052
|
className: "ams-visually-hidden",
|
|
869
1053
|
children: [prefix, ': ']
|
|
@@ -872,15 +1056,18 @@ var ErrorMessage = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
872
1056
|
});
|
|
873
1057
|
ErrorMessage.displayName = 'ErrorMessage';
|
|
874
1058
|
|
|
875
|
-
var _excluded$
|
|
876
|
-
function ownKeys$
|
|
877
|
-
function _objectSpread$
|
|
1059
|
+
var _excluded$13 = ["children", "className", "invalid"];
|
|
1060
|
+
function ownKeys$1b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1061
|
+
function _objectSpread$1b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1b(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1062
|
+
/**
|
|
1063
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-field--docs Field docs at Amsterdam Design System}
|
|
1064
|
+
*/
|
|
878
1065
|
var Field = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
879
1066
|
var children = _ref.children,
|
|
880
1067
|
className = _ref.className,
|
|
881
1068
|
invalid = _ref.invalid,
|
|
882
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
883
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
1069
|
+
restProps = _objectWithoutProperties(_ref, _excluded$13);
|
|
1070
|
+
return jsxRuntime.jsx("div", _objectSpread$1b(_objectSpread$1b({}, restProps), {}, {
|
|
884
1071
|
className: clsx('ams-field', invalid && 'ams-field--invalid', className),
|
|
885
1072
|
ref: ref,
|
|
886
1073
|
children: children
|
|
@@ -888,9 +1075,9 @@ var Field = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
888
1075
|
});
|
|
889
1076
|
Field.displayName = 'Field';
|
|
890
1077
|
|
|
891
|
-
var _excluded$
|
|
892
|
-
function ownKeys$
|
|
893
|
-
function _objectSpread$
|
|
1078
|
+
var _excluded$12 = ["className", "hint", "optional"];
|
|
1079
|
+
function ownKeys$1a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1080
|
+
function _objectSpread$1a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1a(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
894
1081
|
var getHintText = function getHintText(_ref) {
|
|
895
1082
|
var hint = _ref.hint,
|
|
896
1083
|
optional = _ref.optional;
|
|
@@ -905,12 +1092,12 @@ var Hint = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
905
1092
|
var className = _ref2.className,
|
|
906
1093
|
hint = _ref2.hint,
|
|
907
1094
|
optional = _ref2.optional,
|
|
908
|
-
restProps = _objectWithoutProperties(_ref2, _excluded$
|
|
1095
|
+
restProps = _objectWithoutProperties(_ref2, _excluded$12);
|
|
909
1096
|
var hintText = getHintText({
|
|
910
1097
|
hint: hint,
|
|
911
1098
|
optional: optional
|
|
912
1099
|
});
|
|
913
|
-
return hintText && jsxRuntime.jsxs("span", _objectSpread$
|
|
1100
|
+
return hintText && jsxRuntime.jsxs("span", _objectSpread$1a(_objectSpread$1a({}, restProps), {}, {
|
|
914
1101
|
className: clsx('ams-hint', className),
|
|
915
1102
|
ref: ref,
|
|
916
1103
|
children: ["(", hintText, ")"]
|
|
@@ -918,9 +1105,12 @@ var Hint = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
|
918
1105
|
});
|
|
919
1106
|
Hint.displayName = 'Hint';
|
|
920
1107
|
|
|
921
|
-
var _excluded$
|
|
922
|
-
function ownKeys$
|
|
923
|
-
function _objectSpread$
|
|
1108
|
+
var _excluded$11 = ["children", "className", "hint", "invalid", "legend", "optional"];
|
|
1109
|
+
function ownKeys$19(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1110
|
+
function _objectSpread$19(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$19(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$19(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1111
|
+
/**
|
|
1112
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-field-set--docs Field Set docs at Amsterdam Design System}
|
|
1113
|
+
*/
|
|
924
1114
|
var FieldSet = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
925
1115
|
var children = _ref.children,
|
|
926
1116
|
className = _ref.className,
|
|
@@ -928,8 +1118,8 @@ var FieldSet = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
928
1118
|
invalid = _ref.invalid,
|
|
929
1119
|
legend = _ref.legend,
|
|
930
1120
|
optional = _ref.optional,
|
|
931
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
932
|
-
return jsxRuntime.jsxs("fieldset", _objectSpread$
|
|
1121
|
+
restProps = _objectWithoutProperties(_ref, _excluded$11);
|
|
1122
|
+
return jsxRuntime.jsxs("fieldset", _objectSpread$19(_objectSpread$19({}, restProps), {}, {
|
|
933
1123
|
className: clsx('ams-field-set', invalid && 'ams-field-set--invalid', className),
|
|
934
1124
|
ref: ref,
|
|
935
1125
|
children: [jsxRuntime.jsxs("legend", {
|
|
@@ -943,15 +1133,15 @@ var FieldSet = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
943
1133
|
});
|
|
944
1134
|
FieldSet.displayName = 'FieldSet';
|
|
945
1135
|
|
|
946
|
-
var _excluded$
|
|
947
|
-
function ownKeys$
|
|
948
|
-
function _objectSpread$
|
|
1136
|
+
var _excluded$10 = ["children", "className", "color"];
|
|
1137
|
+
function ownKeys$18(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1138
|
+
function _objectSpread$18(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$18(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$18(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
949
1139
|
var FigureCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
950
1140
|
var children = _ref.children,
|
|
951
1141
|
className = _ref.className,
|
|
952
1142
|
color = _ref.color,
|
|
953
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
954
|
-
return jsxRuntime.jsx("figcaption", _objectSpread$
|
|
1143
|
+
restProps = _objectWithoutProperties(_ref, _excluded$10);
|
|
1144
|
+
return jsxRuntime.jsx("figcaption", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
|
|
955
1145
|
className: clsx('ams-figure__caption', color && "ams-figure__caption--".concat(color), className),
|
|
956
1146
|
ref: ref,
|
|
957
1147
|
children: children
|
|
@@ -959,31 +1149,37 @@ var FigureCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
959
1149
|
});
|
|
960
1150
|
FigureCaption.displayName = 'Figure.Caption';
|
|
961
1151
|
|
|
962
|
-
var _excluded
|
|
963
|
-
function ownKeys$
|
|
964
|
-
function _objectSpread$
|
|
1152
|
+
var _excluded$$ = ["children", "className"];
|
|
1153
|
+
function ownKeys$17(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1154
|
+
function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
965
1155
|
var FigureRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
966
1156
|
var children = _ref.children,
|
|
967
1157
|
className = _ref.className,
|
|
968
|
-
restProps = _objectWithoutProperties(_ref, _excluded
|
|
969
|
-
return jsxRuntime.jsx("figure", _objectSpread$
|
|
1158
|
+
restProps = _objectWithoutProperties(_ref, _excluded$$);
|
|
1159
|
+
return jsxRuntime.jsx("figure", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
|
|
970
1160
|
className: clsx('ams-figure', className),
|
|
971
1161
|
ref: ref,
|
|
972
1162
|
children: children
|
|
973
1163
|
}));
|
|
974
1164
|
});
|
|
975
1165
|
FigureRoot.displayName = 'Figure';
|
|
1166
|
+
/**
|
|
1167
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-media-figure--docs Figure docs at Amsterdam Design System}
|
|
1168
|
+
*/
|
|
976
1169
|
var Figure = Object.assign(FigureRoot, {
|
|
977
1170
|
Caption: FigureCaption
|
|
978
1171
|
});
|
|
979
1172
|
|
|
980
|
-
var _excluded$
|
|
981
|
-
function ownKeys$
|
|
982
|
-
function _objectSpread$
|
|
1173
|
+
var _excluded$_ = ["className"];
|
|
1174
|
+
function ownKeys$16(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1175
|
+
function _objectSpread$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1176
|
+
/**
|
|
1177
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-file-input--docs File Input docs at Amsterdam Design System}
|
|
1178
|
+
*/
|
|
983
1179
|
var FileInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
984
1180
|
var className = _ref.className,
|
|
985
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
986
|
-
return jsxRuntime.jsx("input", _objectSpread$
|
|
1181
|
+
restProps = _objectWithoutProperties(_ref, _excluded$_);
|
|
1182
|
+
return jsxRuntime.jsx("input", _objectSpread$16(_objectSpread$16({}, restProps), {}, {
|
|
987
1183
|
className: clsx('ams-file-input', className),
|
|
988
1184
|
ref: ref,
|
|
989
1185
|
type: "file"
|
|
@@ -1044,15 +1240,15 @@ var formatFileType = function formatFileType(fileType) {
|
|
|
1044
1240
|
}
|
|
1045
1241
|
};
|
|
1046
1242
|
|
|
1047
|
-
var _excluded$
|
|
1048
|
-
function ownKeys$
|
|
1049
|
-
function _objectSpread$
|
|
1243
|
+
var _excluded$Z = ["className", "file", "onDelete"];
|
|
1244
|
+
function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1245
|
+
function _objectSpread$15(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$15(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$15(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1050
1246
|
var FileListItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1051
1247
|
var className = _ref.className,
|
|
1052
1248
|
file = _ref.file,
|
|
1053
1249
|
onDelete = _ref.onDelete,
|
|
1054
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1055
|
-
return jsxRuntime.jsxs("li", _objectSpread$
|
|
1250
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Z);
|
|
1251
|
+
return jsxRuntime.jsxs("li", _objectSpread$15(_objectSpread$15({}, restProps), {}, {
|
|
1056
1252
|
className: clsx('ams-file-list__item', className),
|
|
1057
1253
|
ref: ref,
|
|
1058
1254
|
children: [jsxRuntime.jsx("div", {
|
|
@@ -1084,95 +1280,30 @@ var FileListItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1084
1280
|
});
|
|
1085
1281
|
FileListItem.displayName = 'FileList.Item';
|
|
1086
1282
|
|
|
1087
|
-
var _excluded$
|
|
1088
|
-
function ownKeys$
|
|
1089
|
-
function _objectSpread$
|
|
1283
|
+
var _excluded$Y = ["children", "className"];
|
|
1284
|
+
function ownKeys$14(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1285
|
+
function _objectSpread$14(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$14(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$14(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1090
1286
|
var FileListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1091
1287
|
var children = _ref.children,
|
|
1092
1288
|
className = _ref.className,
|
|
1093
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1094
|
-
return jsxRuntime.jsx("ul", _objectSpread$
|
|
1289
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Y);
|
|
1290
|
+
return jsxRuntime.jsx("ul", _objectSpread$14(_objectSpread$14({}, restProps), {}, {
|
|
1095
1291
|
className: clsx('ams-file-list', className),
|
|
1096
1292
|
ref: ref,
|
|
1097
1293
|
children: children
|
|
1098
1294
|
}));
|
|
1099
1295
|
});
|
|
1100
1296
|
FileListRoot.displayName = 'FileList';
|
|
1297
|
+
/**
|
|
1298
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-file-list--docs File List docs at Amsterdam Design System}
|
|
1299
|
+
*/
|
|
1101
1300
|
var FileList = Object.assign(FileListRoot, {
|
|
1102
1301
|
Item: FileListItem
|
|
1103
1302
|
});
|
|
1104
1303
|
|
|
1105
|
-
var _excluded$
|
|
1106
|
-
function ownKeys$
|
|
1107
|
-
function _objectSpread$
|
|
1108
|
-
var FooterMenu = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1109
|
-
var children = _ref.children,
|
|
1110
|
-
className = _ref.className,
|
|
1111
|
-
restProps = _objectWithoutProperties(_ref, _excluded$10);
|
|
1112
|
-
return jsxRuntime.jsx("ul", _objectSpread$18(_objectSpread$18({}, restProps), {}, {
|
|
1113
|
-
className: clsx('ams-footer__menu', className),
|
|
1114
|
-
ref: ref,
|
|
1115
|
-
children: children
|
|
1116
|
-
}));
|
|
1117
|
-
});
|
|
1118
|
-
FooterMenu.displayName = 'Footer.Menu';
|
|
1119
|
-
|
|
1120
|
-
var _excluded$$ = ["children", "className"];
|
|
1121
|
-
function ownKeys$17(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1122
|
-
function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1123
|
-
var FooterMenuLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1124
|
-
var children = _ref.children,
|
|
1125
|
-
className = _ref.className,
|
|
1126
|
-
restProps = _objectWithoutProperties(_ref, _excluded$$);
|
|
1127
|
-
return jsxRuntime.jsx("li", {
|
|
1128
|
-
className: "ams-footer__menu-item",
|
|
1129
|
-
children: jsxRuntime.jsx("a", _objectSpread$17(_objectSpread$17({}, restProps), {}, {
|
|
1130
|
-
className: clsx('ams-footer__menu-link', className),
|
|
1131
|
-
ref: ref,
|
|
1132
|
-
children: children
|
|
1133
|
-
}))
|
|
1134
|
-
});
|
|
1135
|
-
});
|
|
1136
|
-
FooterMenuLink.displayName = 'Footer.MenuLink';
|
|
1137
|
-
|
|
1138
|
-
var _excluded$_ = ["children", "className"];
|
|
1139
|
-
function ownKeys$16(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1140
|
-
function _objectSpread$16(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$16(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$16(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1141
|
-
var FooterSpotlight = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1142
|
-
var children = _ref.children,
|
|
1143
|
-
className = _ref.className,
|
|
1144
|
-
restProps = _objectWithoutProperties(_ref, _excluded$_);
|
|
1145
|
-
return jsxRuntime.jsx("div", _objectSpread$16(_objectSpread$16({}, restProps), {}, {
|
|
1146
|
-
className: clsx('ams-footer__spotlight', className),
|
|
1147
|
-
ref: ref,
|
|
1148
|
-
children: children
|
|
1149
|
-
}));
|
|
1150
|
-
});
|
|
1151
|
-
FooterSpotlight.displayName = 'Footer.Spotlight';
|
|
1152
|
-
|
|
1153
|
-
var _excluded$Z = ["children", "className"];
|
|
1154
|
-
function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1155
|
-
function _objectSpread$15(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$15(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$15(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1156
|
-
var FooterRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1157
|
-
var children = _ref.children,
|
|
1158
|
-
className = _ref.className,
|
|
1159
|
-
restProps = _objectWithoutProperties(_ref, _excluded$Z);
|
|
1160
|
-
return jsxRuntime.jsx("footer", _objectSpread$15(_objectSpread$15({}, restProps), {}, {
|
|
1161
|
-
className: clsx('ams-footer', className),
|
|
1162
|
-
ref: ref,
|
|
1163
|
-
children: children
|
|
1164
|
-
}));
|
|
1165
|
-
});
|
|
1166
|
-
FooterRoot.displayName = 'Footer';
|
|
1167
|
-
var Footer = Object.assign(FooterRoot, {
|
|
1168
|
-
Menu: FooterMenu,
|
|
1169
|
-
MenuLink: FooterMenuLink,
|
|
1170
|
-
Spotlight: FooterSpotlight
|
|
1171
|
-
});
|
|
1172
|
-
|
|
1173
|
-
var _excluded$Y = ["as", "children", "className", "span", "start"];
|
|
1174
|
-
function ownKeys$14(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1175
|
-
function _objectSpread$14(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$14(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$14(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1304
|
+
var _excluded$X = ["as", "children", "className", "span", "start"];
|
|
1305
|
+
function ownKeys$13(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1306
|
+
function _objectSpread$13(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$13(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$13(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1176
1307
|
var GridCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1177
1308
|
var _ref$as = _ref.as,
|
|
1178
1309
|
Tag = _ref$as === void 0 ? 'div' : _ref$as,
|
|
@@ -1180,8 +1311,8 @@ var GridCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1180
1311
|
className = _ref.className,
|
|
1181
1312
|
span = _ref.span,
|
|
1182
1313
|
start = _ref.start,
|
|
1183
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1184
|
-
return jsxRuntime.jsx(Tag, _objectSpread$
|
|
1314
|
+
restProps = _objectWithoutProperties(_ref, _excluded$X);
|
|
1315
|
+
return jsxRuntime.jsx(Tag, _objectSpread$13(_objectSpread$13({}, restProps), {}, {
|
|
1185
1316
|
className: clsx('ams-grid__cell', gridCellClasses(span, start), className),
|
|
1186
1317
|
ref: ref,
|
|
1187
1318
|
children: children
|
|
@@ -1189,9 +1320,9 @@ var GridCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1189
1320
|
});
|
|
1190
1321
|
GridCell.displayName = 'Grid.Cell';
|
|
1191
1322
|
|
|
1192
|
-
var _excluded$
|
|
1193
|
-
function ownKeys$
|
|
1194
|
-
function _objectSpread$
|
|
1323
|
+
var _excluded$W = ["as", "children", "className", "gapVertical", "paddingBottom", "paddingTop", "paddingVertical"];
|
|
1324
|
+
function ownKeys$12(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1325
|
+
function _objectSpread$12(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$12(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$12(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1195
1326
|
var GridRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1196
1327
|
var _ref$as = _ref.as,
|
|
1197
1328
|
Tag = _ref$as === void 0 ? 'div' : _ref$as,
|
|
@@ -1201,547 +1332,128 @@ var GridRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1201
1332
|
paddingBottom = _ref.paddingBottom,
|
|
1202
1333
|
paddingTop = _ref.paddingTop,
|
|
1203
1334
|
paddingVertical = _ref.paddingVertical,
|
|
1204
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1205
|
-
return jsxRuntime.jsx(Tag, _objectSpread$
|
|
1335
|
+
restProps = _objectWithoutProperties(_ref, _excluded$W);
|
|
1336
|
+
return jsxRuntime.jsx(Tag, _objectSpread$12(_objectSpread$12({}, restProps), {}, {
|
|
1206
1337
|
className: clsx('ams-grid', gapVertical && "ams-grid--gap-vertical--".concat(gapVertical), paddingClasses('grid', paddingBottom, paddingTop, paddingVertical), className),
|
|
1207
1338
|
ref: ref,
|
|
1208
1339
|
children: children
|
|
1209
1340
|
}));
|
|
1210
1341
|
});
|
|
1211
1342
|
GridRoot.displayName = 'Grid';
|
|
1343
|
+
/**
|
|
1344
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-grid--docs Grid docs at Amsterdam Design System}
|
|
1345
|
+
*/
|
|
1212
1346
|
var Grid = Object.assign(GridRoot, {
|
|
1213
1347
|
Cell: GridCell
|
|
1214
1348
|
});
|
|
1215
1349
|
|
|
1216
|
-
|
|
1217
|
-
|
|
1218
|
-
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
|
|
1222
|
-
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
d: "M16.435 8.581c0-3.752 2.63-6.4 6.344-6.4 1.886 0 3.466.61 4.59 1.829L25.731 5.57c-.704-.78-1.714-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.715 4.324 2 0 3.391-1.143 3.391-2.8v-.323h-2.99V7.705h5.505V9.63c0 3.162-2.457 5.39-5.981 5.39s-6.21-2.666-6.21-6.438ZM30.225 10.086c0-2.915 1.962-4.934 4.762-4.934s4.743 2 4.743 4.876c0 .229-.037.59-.076.839h-7.048C32.778 12.143 33.863 13 35.254 13c1.029 0 1.924-.381 2.514-1.067l1.428 1.391c-.857 1.106-2.343 1.696-4.057 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.743c-.152-1.238-1.105-2.077-2.38-2.077-1.276 0-2.229.839-2.363 2.077ZM43.902 5.382v1.275h.038c.476-.97 1.314-1.505 2.4-1.505 1.219 0 2.132.534 2.704 1.6.571-1.028 1.62-1.6 2.952-1.6 2.324 0 3.448 1.296 3.448 3.943v5.696h-2.362V9.495c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.696.82-1.696 2.362v5.22h-2.362V9.495c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22H41.69V5.38h2.212ZM57.312 10.086c0-2.915 1.963-4.934 4.762-4.934 2.8 0 4.744 2 4.744 4.876 0 .229-.038.59-.077.839h-7.048C59.865 12.143 60.95 13 62.341 13c1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.106-2.344 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.743c-.152-1.238-1.105-2.077-2.38-2.077-1.276 0-2.229.839-2.363 2.077ZM68.189 10.086c0-2.915 1.962-4.934 4.762-4.934s4.743 2 4.743 4.876c0 .229-.038.59-.077.839H70.57C70.74 12.143 71.827 13 73.218 13c1.028 0 1.923-.381 2.513-1.067l1.429 1.391c-.857 1.106-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.002Zm2.38-.952h4.744c-.153-1.238-1.105-2.077-2.381-2.077-1.276 0-2.228.839-2.362 2.077ZM81.883 5.382v1.275h.038c.438-.933 1.39-1.505 2.495-1.505 2.362 0 3.582 1.353 3.582 3.943v5.696h-2.363V9.552c0-1.6-.571-2.343-1.772-2.343-1.2 0-1.847.838-1.847 2.4v5.18h-2.362V5.382h2.23ZM91.026 11.42V7.342h-1.619V5.381h.858c.78 0 1.085-.305 1.085-1.086V2.83h2.019v2.553h2.285v1.962H93.37v4.077c0 .915.476 1.428 1.352 1.428.267 0 .59-.037.78-.095v1.981c-.285.077-.819.133-1.238.133-2.133 0-3.238-1.18-3.238-3.447l.001-.002ZM96.817 10.086c0-2.915 1.963-4.934 4.762-4.934 2.8 0 4.744 2 4.744 4.876 0 .229-.038.59-.077.839h-7.048c.172 1.276 1.257 2.133 2.648 2.133 1.029 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.106-2.344 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.744c-.153-1.238-1.106-2.077-2.382-2.077-1.275 0-2.228.839-2.362 2.077ZM23.73 25.267l4.952 12.381h-2.647l-1.03-2.724H19.5l-1.028 2.724h-2.553l4.953-12.38h2.858Zm-3.486 7.6h4l-1.982-5.219h-.037l-1.981 5.22ZM32.454 28.24v1.275h.038c.476-.97 1.315-1.505 2.4-1.505 1.22 0 2.133.534 2.704 1.6.572-1.028 1.62-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211ZM48.34 33.706c-1.275-.381-2.513-1.067-2.513-2.78 0-1.715 1.447-2.916 3.6-2.916 1.448 0 2.572.514 3.2 1.466l-1.351 1.353c-.477-.59-1.124-.915-1.829-.915-.8 0-1.296.362-1.296.933 0 .762.8.895 1.963 1.257 1.276.381 2.514 1.067 2.514 2.781 0 1.715-1.524 2.99-3.772 2.99-1.466 0-2.648-.514-3.334-1.486l1.353-1.352c.513.609 1.2.934 1.962.934.915 0 1.466-.381 1.466-1.01 0-.762-.8-.895-1.962-1.258v.003ZM55.122 34.277v-4.076h-1.62v-1.963h.858c.78 0 1.085-.304 1.085-1.085v-1.466h2.019v2.552h2.286v1.963h-2.286v4.076c0 .915.476 1.43 1.352 1.43.267 0 .59-.038.78-.096v1.981c-.285.077-.819.133-1.237.133-2.133 0-3.238-1.18-3.238-3.447v-.002ZM60.911 32.944c0-2.915 1.963-4.934 4.763-4.934s4.743 2 4.743 4.876c0 .228-.038.59-.077.839h-7.048c.172 1.276 1.257 2.133 2.648 2.133 1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.105-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.744c-.153-1.239-1.106-2.077-2.381-2.077-1.276 0-2.229.838-2.363 2.077ZM74.607 28.24V29.8h.038c.457-1.066 1.296-1.638 2.4-1.638.285 0 .685.038.838.095v2.248c-.267-.076-.78-.132-1.162-.132-1.2 0-1.98.914-1.98 2.323v4.953h-2.363v-9.41h2.23ZM78.551 32.983c0-2.915 1.924-4.972 4.648-4.972 1.257 0 2.286.553 2.934 1.562h.037V23.84h2.362v13.81h-2.228v-1.467h-.037c-.61 1.067-1.752 1.696-3.067 1.696-2.724 0-4.648-2.038-4.648-4.895l-.001-.001Zm7.62-.038c0-1.695-1.048-2.82-2.591-2.82-1.543 0-2.61 1.143-2.61 2.82 0 1.677 1.049 2.82 2.61 2.82s2.59-1.124 2.59-2.82ZM90.34 34.963c0-1.81 1.506-2.895 4.02-2.915l1.828-.019v-.304c0-1.106-.704-1.677-1.981-1.677-.838 0-1.581.323-2.095.915l-1.429-1.391c.82-1.01 2.133-1.562 3.752-1.562 2.514 0 4.114 1.371 4.114 3.562v3.733c0 .343.153.495.534.495h.172v1.847H98.15c-.895 0-1.506-.418-1.696-1.105h-.038c-.59.857-1.561 1.333-2.743 1.333-1.981 0-3.333-1.18-3.333-2.914v.002Zm5.848-.82v-.534l-1.561.02c-1.238.018-1.905.457-1.905 1.275 0 .724.571 1.238 1.37 1.238 1.239 0 2.096-.82 2.096-2v.001ZM103.312 28.24v1.275h.038c.476-.97 1.315-1.505 2.4-1.505 1.219 0 2.133.534 2.704 1.6.572-1.028 1.619-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.513-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211Z",
|
|
1230
|
-
fill: "#EC0000"
|
|
1231
|
-
}), jsxRuntime.jsx("path", {
|
|
1232
|
-
className: "ams-logo__emblem",
|
|
1233
|
-
d: "m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407Z",
|
|
1234
|
-
fill: "#EC0000"
|
|
1235
|
-
})]
|
|
1236
|
-
}));
|
|
1237
|
-
});
|
|
1238
|
-
LogoAmsterdam.displayName = 'LogoAmsterdam';
|
|
1350
|
+
/**
|
|
1351
|
+
* @license EUPL-1.2+
|
|
1352
|
+
* Copyright Gemeente Amsterdam
|
|
1353
|
+
*/
|
|
1354
|
+
var defaultValues$1 = {
|
|
1355
|
+
currentSlideId: 0,
|
|
1356
|
+
goToNextSlide: function goToNextSlide() {},
|
|
1357
|
+
goToPreviousSlide: function goToPreviousSlide() {},
|
|
1358
|
+
goToSlideId: function goToSlideId() {},
|
|
1359
|
+
isAtEnd: false,
|
|
1360
|
+
isAtStart: true
|
|
1361
|
+
};
|
|
1362
|
+
var ImageSliderContext = /*#__PURE__*/react.createContext(defaultValues$1);
|
|
1239
1363
|
|
|
1364
|
+
var _excluded$V = ["className", "nextLabel", "previousLabel"];
|
|
1240
1365
|
function ownKeys$11(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1241
1366
|
function _objectSpread$11(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$11(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$11(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1242
|
-
var
|
|
1243
|
-
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1367
|
+
var ImageSliderControls = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1368
|
+
var className = _ref.className,
|
|
1369
|
+
nextLabel = _ref.nextLabel,
|
|
1370
|
+
previousLabel = _ref.previousLabel,
|
|
1371
|
+
restProps = _objectWithoutProperties(_ref, _excluded$V);
|
|
1372
|
+
var _useContext = react.useContext(ImageSliderContext),
|
|
1373
|
+
goToNextSlide = _useContext.goToNextSlide,
|
|
1374
|
+
goToPreviousSlide = _useContext.goToPreviousSlide,
|
|
1375
|
+
isAtEnd = _useContext.isAtEnd,
|
|
1376
|
+
isAtStart = _useContext.isAtStart;
|
|
1377
|
+
var handleClickPrevious = react.useCallback(function () {
|
|
1378
|
+
return goToPreviousSlide();
|
|
1379
|
+
}, [goToPreviousSlide]);
|
|
1380
|
+
var handleClickNext = react.useCallback(function () {
|
|
1381
|
+
return goToNextSlide();
|
|
1382
|
+
}, [goToNextSlide]);
|
|
1383
|
+
return jsxRuntime.jsxs("div", _objectSpread$11(_objectSpread$11({}, restProps), {}, {
|
|
1384
|
+
className: clsx('ams-image-slider__controls', className),
|
|
1247
1385
|
ref: ref,
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
|
|
1253
|
-
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
|
|
1261
|
-
|
|
1262
|
-
|
|
1386
|
+
children: [jsxRuntime.jsx(Button, {
|
|
1387
|
+
className: "ams-image-slider__control ams-image-slider__control--previous",
|
|
1388
|
+
color: "inverse",
|
|
1389
|
+
disabled: isAtStart,
|
|
1390
|
+
icon: designSystemReactIcons.ChevronBackwardIcon,
|
|
1391
|
+
iconOnly: true,
|
|
1392
|
+
onClick: handleClickPrevious,
|
|
1393
|
+
children: previousLabel
|
|
1394
|
+
}), jsxRuntime.jsx(Button, {
|
|
1395
|
+
className: "ams-image-slider__control ams-image-slider__control--next",
|
|
1396
|
+
color: "inverse",
|
|
1397
|
+
disabled: isAtEnd,
|
|
1398
|
+
icon: designSystemReactIcons.ChevronForwardIcon,
|
|
1399
|
+
iconOnly: true,
|
|
1400
|
+
onClick: handleClickNext,
|
|
1401
|
+
children: nextLabel
|
|
1263
1402
|
})]
|
|
1264
1403
|
}));
|
|
1265
1404
|
});
|
|
1266
|
-
|
|
1405
|
+
ImageSliderControls.displayName = 'ImageSliderControls';
|
|
1267
1406
|
|
|
1407
|
+
var _excluded$U = ["children", "className", "slideId"];
|
|
1268
1408
|
function ownKeys$10(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1269
1409
|
function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1270
|
-
var
|
|
1271
|
-
|
|
1272
|
-
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
|
|
1279
|
-
},
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1285
|
-
|
|
1286
|
-
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
|
|
1292
|
-
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
})
|
|
1302
|
-
|
|
1303
|
-
LogoMuseumWeesp.displayName = 'LogoMuseumWeesp';
|
|
1304
|
-
|
|
1305
|
-
function ownKeys$$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1306
|
-
function _objectSpread$$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$$(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1307
|
-
var LogoStadsarchief = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
1308
|
-
return jsxRuntime.jsxs("svg", _objectSpread$$(_objectSpread$$({
|
|
1309
|
-
"aria-hidden": "true",
|
|
1310
|
-
className: "ams-logo",
|
|
1311
|
-
focusable: "false",
|
|
1312
|
-
ref: ref,
|
|
1313
|
-
viewBox: "0 0 98 40",
|
|
1314
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
1315
|
-
}, props), {}, {
|
|
1316
|
-
children: [jsxRuntime.jsx("path", {
|
|
1317
|
-
className: "ams-logo__emblem",
|
|
1318
|
-
d: "m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54Z",
|
|
1319
|
-
fill: "#EC0000"
|
|
1320
|
-
}), jsxRuntime.jsx("path", {
|
|
1321
|
-
className: "ams-logo__text-primary",
|
|
1322
|
-
d: "M20.937 15.334h2.17l3.76 9.4h-2.011l-.78-2.068h-4.18l-.782 2.068h-1.937l3.76-9.4Zm-.477 5.77h3.037l-1.504-3.962h-.03l-1.503 3.963ZM28.052 17.59h1.678v.969h.03c.36-.737.997-1.143 1.822-1.143.925 0 1.62.405 2.054 1.215.434-.781 1.228-1.215 2.24-1.215 1.766 0 2.618.983 2.618 2.994v4.324h-1.793v-4.02c0-1.17-.404-1.735-1.244-1.735s-1.287.622-1.287 1.793v3.962h-1.794v-4.02c0-1.186-.39-1.735-1.243-1.735-.854 0-1.288.636-1.288 1.793v3.962h-1.793V17.59ZM41.791 21.74c-.969-.288-1.91-.81-1.91-2.111 0-1.302 1.1-2.213 2.734-2.213 1.1 0 1.952.39 2.43 1.114l-1.027 1.026c-.362-.448-.853-.694-1.388-.694-.608 0-.983.276-.983.71 0 .578.608.679 1.49.954.968.29 1.909.81 1.909 2.112 0 1.301-1.157 2.27-2.863 2.27-1.114 0-2.01-.39-2.532-1.127l1.027-1.027c.39.464.911.71 1.49.71.693 0 1.113-.29 1.113-.767 0-.579-.608-.68-1.49-.955v-.001ZM46.94 22.175V19.08h-1.23v-1.49h.652c.592 0 .824-.232.824-.824v-1.114h1.533v1.938h1.736v1.49h-1.736v3.095c0 .693.361 1.085 1.027 1.085.202 0 .448-.03.592-.073v1.504a4.362 4.362 0 0 1-.94.101c-1.62 0-2.46-.897-2.46-2.617h.002ZM51.337 21.162c0-2.213 1.49-3.746 3.615-3.746 2.126 0 3.602 1.52 3.602 3.703 0 .174-.03.448-.058.636h-5.351c.13.969.955 1.62 2.01 1.62.781 0 1.46-.29 1.91-.81l1.084 1.056c-.651.838-1.779 1.287-3.08 1.287-2.2 0-3.731-1.547-3.731-3.746h-.002Zm1.808-.723h3.601c-.115-.94-.838-1.577-1.808-1.577-.97 0-1.692.637-1.793 1.577ZM60.042 17.59h1.692v1.186h.03c.346-.81.983-1.244 1.822-1.244.218 0 .521.03.636.072v1.706a3.906 3.906 0 0 0-.882-.1c-.91 0-1.504.693-1.504 1.764v3.76h-1.793V17.59ZM64.729 21.192c0-2.213 1.46-3.775 3.529-3.775.954 0 1.735.42 2.227 1.187h.029V14.25h1.793v10.486h-1.692v-1.114h-.03c-.462.81-1.33 1.288-2.327 1.288-2.069 0-3.529-1.548-3.529-3.717v-.002Zm5.785-.03c0-1.287-.796-2.14-1.967-2.14s-1.981.868-1.981 2.14c0 1.273.796 2.14 1.98 2.14 1.186 0 1.968-.853 1.968-2.14ZM73.68 22.695c0-1.374 1.143-2.198 3.052-2.212l1.388-.015v-.231c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.59.693l-1.084-1.056c.622-.766 1.62-1.186 2.849-1.186 1.908 0 3.124 1.042 3.124 2.704v2.835c0 .26.115.377.404.377h.13v1.402h-.838c-.68 0-1.143-.318-1.287-.838h-.03c-.448.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.213h-.002Zm4.44-.622v-.404l-1.185.014c-.94.014-1.446.347-1.446.969 0 .55.434.94 1.042.94.94 0 1.59-.621 1.59-1.518ZM81.851 17.59h1.678v.969h.03c.362-.737.998-1.143 1.822-1.143.925 0 1.62.405 2.054 1.215.434-.781 1.229-1.215 2.241-1.215 1.765 0 2.618.983 2.618 2.994v4.324H90.5v-4.02c0-1.17-.405-1.735-1.245-1.735-.84 0-1.287.622-1.287 1.793v3.962h-1.793v-4.02c0-1.186-.39-1.735-1.244-1.735s-1.288.636-1.288 1.793v3.962h-1.793V17.59ZM17.575 5.857c0-2.85 1.996-4.86 4.817-4.86 1.432 0 2.632.463 3.485 1.389l-1.244 1.186c-.535-.593-1.302-.94-2.213-.94-1.706 0-2.893 1.33-2.893 3.225 0 1.894 1.157 3.283 2.821 3.283 1.52 0 2.574-.868 2.574-2.126v-.246h-2.27V5.191h4.18v1.46c0 2.402-1.867 4.094-4.542 4.094s-4.715-2.025-4.715-4.888ZM28.047 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636h-5.351c.13.97.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81l1.085 1.056c-.651.839-1.779 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746h-.002Zm1.809-.724h3.601c-.115-.94-.838-1.576-1.808-1.576-.97 0-1.692.636-1.793 1.576ZM36.753 3.426h1.678v.97h.03c.361-.738.997-1.144 1.822-1.144.925 0 1.62.405 2.054 1.215.434-.78 1.23-1.215 2.24-1.215 1.766 0 2.618.983 2.618 2.994v4.324h-1.793V6.55c0-1.17-.404-1.735-1.244-1.735s-1.287.622-1.287 1.793v3.962h-1.794V6.55c0-1.186-.39-1.735-1.243-1.735-.854 0-1.288.636-1.288 1.793v3.962h-1.793V3.426ZM48.612 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636H50.42c.131.97.955 1.62 2.011 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746Zm1.808-.724h3.602c-.115-.94-.838-1.576-1.807-1.576s-1.692.636-1.793 1.576h-.002ZM56.87 7c0-2.213 1.49-3.747 3.616-3.747 2.125 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.058.636h-5.35c.13.97.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.081 1.288-2.199 0-3.731-1.548-3.731-3.746h-.001Zm1.808-.724h3.602c-.115-.94-.839-1.576-1.809-1.576s-1.692.636-1.793 1.576ZM65.577 3.426h1.692v.97h.03c.332-.71 1.055-1.144 1.893-1.144 1.794 0 2.719 1.027 2.719 2.994v4.324h-1.793V6.594c0-1.215-.434-1.78-1.345-1.78-.912 0-1.403.637-1.403 1.823v3.935h-1.793V3.426ZM74.21 8.012V4.917h-1.23v-1.49h.652c.593 0 .825-.231.825-.824V1.49h1.533v1.937h1.735v1.49H75.99v3.095c0 .694.36 1.085 1.026 1.085.203 0 .448-.03.593-.073v1.504a4.356 4.356 0 0 1-.94.101c-1.621 0-2.46-.897-2.46-2.617l.002.001ZM78.607 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636h-5.352c.131.97.955 1.62 2.011 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746Zm1.808-.724h3.602c-.115-.94-.838-1.576-1.808-1.576-.97 0-1.692.636-1.794 1.576Z",
|
|
1323
|
-
fill: "#EC0000"
|
|
1324
|
-
}), jsxRuntime.jsx("path", {
|
|
1325
|
-
className: "ams-logo__text-secondary",
|
|
1326
|
-
d: "m17.335 37.353 1.302-1.084a2.07 2.07 0 0 0 1.779.983c.868 0 1.46-.463 1.46-1.143 0-.766-.636-1.042-1.866-1.49-1.143-.42-2.343-1.012-2.343-2.747 0-1.62 1.316-2.734 3.24-2.734 1.3 0 2.327.52 2.906 1.446L22.51 31.67c-.39-.578-.954-.897-1.62-.897-.78 0-1.302.42-1.302 1.042 0 .767.637 1.042 1.866 1.49 1.143.42 2.344 1.012 2.344 2.748 0 1.735-1.375 2.834-3.4 2.834-1.374 0-2.458-.549-3.066-1.533h.002ZM25.738 36.153v-3.095h-1.23v-1.49h.65c.593 0 .824-.231.824-.824v-1.113h1.534v1.937h1.735v1.49h-1.735v3.095c0 .693.362 1.085 1.026 1.085.202 0 .448-.03.593-.073v1.504a4.37 4.37 0 0 1-.941.101c-1.62 0-2.459-.897-2.459-2.617h.003ZM30.134 36.674c0-1.375 1.143-2.2 3.051-2.213l1.389-.014v-.232c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.59.694l-1.085-1.056c.622-.767 1.62-1.187 2.85-1.187 1.909 0 3.123 1.042 3.123 2.705v2.835c0 .26.115.376.405.376h.13v1.402h-.838c-.68 0-1.143-.318-1.288-.838h-.029c-.448.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.212h-.002Zm4.44-.622v-.405l-1.186.014c-.941.014-1.447.347-1.447.97 0 .548.434.94 1.042.94.94 0 1.591-.622 1.591-1.52ZM37.813 35.17c0-2.213 1.46-3.775 3.529-3.775.955 0 1.735.42 2.227 1.187h.03v-4.353h1.792v10.486H43.7V37.6h-.029c-.463.81-1.331 1.288-2.328 1.288-2.068 0-3.529-1.547-3.529-3.717v-.002Zm5.785-.03c0-1.287-.796-2.14-1.967-2.14-1.17 0-1.981.868-1.981 2.14 0 1.273.796 2.14 1.981 2.14s1.967-.853 1.967-2.14ZM48.763 35.719c-.97-.29-1.91-.81-1.91-2.112 0-1.301 1.1-2.213 2.734-2.213 1.1 0 1.952.39 2.429 1.114l-1.026 1.026c-.363-.448-.854-.694-1.39-.694-.607 0-.982.276-.982.71 0 .578.608.68 1.49.954.969.29 1.91.81 1.91 2.112s-1.158 2.27-2.864 2.27c-1.113 0-2.01-.39-2.532-1.127l1.027-1.027c.39.464.911.71 1.49.71.694 0 1.113-.29 1.113-.767 0-.579-.608-.68-1.49-.955v-.001ZM52.97 36.674c0-1.375 1.144-2.2 3.052-2.213l1.389-.014v-.232c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.591.694l-1.084-1.056c.622-.767 1.62-1.187 2.849-1.187 1.91 0 3.124 1.042 3.124 2.705v2.835c0 .26.115.376.404.376h.13v1.402h-.837c-.68 0-1.143-.318-1.288-.838h-.03c-.447.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.212h-.001Zm4.44-.622v-.405l-1.186.014c-.94.014-1.446.347-1.446.97 0 .548.434.94 1.042.94.94 0 1.59-.622 1.59-1.52ZM61.142 31.568h1.691v1.187h.03c.347-.81.983-1.244 1.822-1.244.218 0 .521.029.636.073v1.706a3.907 3.907 0 0 0-.881-.102c-.912 0-1.504.694-1.504 1.765v3.76h-1.793V31.57h-.002ZM65.827 35.14c0-2.227 1.49-3.746 3.689-3.746 1.085 0 2.038.405 2.646 1.128l-1.2 1.127c-.362-.404-.868-.622-1.446-.622-1.1 0-1.851.868-1.851 2.112 0 1.244.752 2.112 1.85 2.112.58 0 1.086-.218 1.476-.636l1.187 1.127c-.636.738-1.577 1.143-2.647 1.143-2.199 0-3.703-1.519-3.703-3.746v.001ZM73.492 28.228h1.793v4.15h.03c.42-.636 1.041-.983 1.793-.983 1.793 0 2.718 1.027 2.718 2.994v4.325h-1.793v-3.978c0-1.215-.434-1.78-1.345-1.78s-1.403.637-1.403 1.823v3.935h-1.793V28.228ZM82.56 30.657c-.622 0-1.07-.434-1.07-1.042 0-.608.448-1.042 1.07-1.042.622 0 1.07.434 1.07 1.042 0 .608-.448 1.042-1.07 1.042Zm-.897.911h1.793v7.144h-1.793v-7.144ZM84.947 35.14c0-2.212 1.49-3.746 3.616-3.746 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.058.636h-5.35c.13.969.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81L91.76 37.6c-.652.838-1.78 1.288-3.081 1.288-2.199 0-3.73-1.548-3.73-3.747h-.002Zm1.808-.723h3.602c-.115-.94-.838-1.577-1.808-1.577-.97 0-1.693.637-1.794 1.577ZM92.886 33.058v-1.49h1.215v-.925c0-1.634.969-2.59 2.632-2.59.203 0 .506.03.666.058v1.548a2.82 2.82 0 0 0-.622-.072c-.565 0-.882.376-.882 1.056v.925h1.736v1.49h-1.736v5.654h-1.793v-5.654h-1.216Z",
|
|
1327
|
-
fill: "#000"
|
|
1328
|
-
})]
|
|
1329
|
-
}));
|
|
1330
|
-
});
|
|
1331
|
-
LogoStadsarchief.displayName = 'LogoStadsarchief';
|
|
1332
|
-
|
|
1333
|
-
function ownKeys$_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1334
|
-
function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$_(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1335
|
-
var LogoStadsbankVanLening = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
1336
|
-
return jsxRuntime.jsxs("svg", _objectSpread$_(_objectSpread$_({
|
|
1337
|
-
"aria-hidden": "true",
|
|
1338
|
-
className: "ams-logo",
|
|
1339
|
-
focusable: "false",
|
|
1340
|
-
ref: ref,
|
|
1341
|
-
viewBox: "0 0 159 42",
|
|
1342
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
1343
|
-
}, props), {}, {
|
|
1344
|
-
children: [jsxRuntime.jsx("path", {
|
|
1345
|
-
className: "ams-logo__emblem",
|
|
1346
|
-
d: "m0 37.65 3.53-3.53L0 30.59l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53L9.41 40l-3.53-3.53L2.35 40 0 37.65ZM0 9.41l3.53-3.53L0 2.35 2.35 0l3.53 3.53L9.41 0l2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 9.41ZM0 23.54l3.53-3.53L0 16.48l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 23.54Z",
|
|
1347
|
-
fill: "#EC0000"
|
|
1348
|
-
}), jsxRuntime.jsx("path", {
|
|
1349
|
-
className: "ams-logo__text-secondary",
|
|
1350
|
-
d: "m17.34 37.35 1.3-1.08c.4.64 1.06.98 1.78.98.87 0 1.46-.46 1.46-1.14 0-.77-.64-1.04-1.87-1.49-1.14-.42-2.34-1.01-2.34-2.75 0-1.62 1.32-2.73 3.24-2.73 1.3 0 2.33.52 2.91 1.45l-1.3 1.08c-.39-.58-.95-.9-1.62-.9-.78 0-1.3.42-1.3 1.04 0 .77.64 1.04 1.87 1.49 1.14.42 2.34 1.01 2.34 2.75s-1.37 2.83-3.4 2.83c-1.37 0-2.46-.55-3.07-1.53ZM25.74 36.15v-3.1h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.1c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM30.13 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM37.81 35.17c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79v10.49H43.7v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM48.76 35.72c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM55.18 37.6h-.03v1.11h-1.71V28.22h1.79v4.35h.03c.52-.77 1.3-1.19 2.26-1.19 2.04 0 3.5 1.56 3.5 3.75s-1.46 3.75-3.5 3.75c-1 0-1.82-.46-2.34-1.29v.01Zm4.01-2.46c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.81 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM61.95 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4H65.2c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM70.12 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM80.09 38.71H78.3V28.22h1.79v6.57h.03l2.66-3.23h2.17l-2.76 3.17 2.89 3.98h-2.17l-1.98-2.81-.84.97v1.84ZM88.97 31.57h1.95l1.66 5.15h.03l1.71-5.15h1.91l-2.69 7.14h-1.92l-2.65-7.14ZM96.6 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM104.77 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14l-.01.01ZM116.65 29.31h1.91v7.78h3.49v1.62h-5.39v-9.4h-.01ZM122.87 35.14c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM131.57 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM140.64 30.66c-.62 0-1.07-.43-1.07-1.04 0-.61.45-1.04 1.07-1.04.62 0 1.07.43 1.07 1.04 0 .61-.45 1.04-1.07 1.04Zm-.9.91h1.79v7.14h-1.79v-7.14ZM143.47 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM151.54 40.42l1.16-1.13c.39.45 1.1.72 1.87.72 1.3 0 2.02-.59 2.02-1.63v-1.1h-.03c-.4.75-1.16 1.17-2.1 1.17-2.01 0-3.34-1.42-3.34-3.53s1.37-3.51 3.34-3.51c1.01 0 1.81.45 2.2 1.21h.03v-1.06h1.69v6.88c0 1.91-1.46 3.11-3.79 3.11-1.33 0-2.43-.42-3.05-1.14v.01Zm5.06-5.5c0-1.19-.74-2.01-1.82-2.01s-1.82.82-1.82 2.01.75 2 1.82 2 1.82-.82 1.82-2Z",
|
|
1351
|
-
fill: "#000"
|
|
1352
|
-
}), jsxRuntime.jsx("path", {
|
|
1353
|
-
className: "ams-logo__text-primary",
|
|
1354
|
-
d: "M20.94 15.33h2.17l3.76 9.4h-2.01l-.78-2.07H19.9l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04L22 17.14h-.03l-1.5 3.96h-.01ZM28.05 17.59h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H36.7v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V20.7c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM41.79 21.74c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM46.94 22.17v-3.09h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM51.34 21.16c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM60.04 17.59h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79V17.6l-.01-.01ZM64.73 21.19c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79v10.49h-1.69v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM73.68 22.7c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM81.85 17.59h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H90.5v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V20.7c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM17.58 5.86c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27V5.19h4.18v1.46c0 2.4-1.87 4.09-4.54 4.09S17.6 8.72 17.6 5.85l-.02.01ZM28.05 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM36.75 3.43h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H45.4V6.55c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V6.55c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79V3.43h-.01ZM48.61 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM56.87 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM65.58 3.43h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79V6.59c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79V3.43h-.01ZM74.21 8.01v-3.1h-1.23V3.42h.65c.59 0 .82-.23.82-.82V1.49h1.53v1.94h1.74v1.49h-1.74v3.1c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM78.61 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58Z",
|
|
1355
|
-
fill: "#EC0000"
|
|
1356
|
-
})]
|
|
1357
|
-
}));
|
|
1358
|
-
});
|
|
1359
|
-
LogoStadsbankVanLening.displayName = 'LogoStadsbankVanLening';
|
|
1360
|
-
|
|
1361
|
-
function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1362
|
-
function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1363
|
-
var LogoVgaVerzekeringen = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
1364
|
-
return jsxRuntime.jsxs("svg", _objectSpread$Z(_objectSpread$Z({
|
|
1365
|
-
"aria-hidden": "true",
|
|
1366
|
-
className: "ams-logo",
|
|
1367
|
-
focusable: "false",
|
|
1368
|
-
ref: ref,
|
|
1369
|
-
viewBox: "0 0 145 43",
|
|
1370
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
1371
|
-
}, props), {}, {
|
|
1372
|
-
children: [jsxRuntime.jsx("path", {
|
|
1373
|
-
className: "ams-logo__emblem",
|
|
1374
|
-
d: "m0 38.2 3.53-3.53L0 31.14l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 38.2ZM0 9.96l3.53-3.53L0 2.9 2.35.55l3.53 3.53L9.41.55l2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 9.96ZM0 24.09l3.53-3.53L0 17.03l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 24.09Z",
|
|
1375
|
-
fill: "#EC0000"
|
|
1376
|
-
}), jsxRuntime.jsx("path", {
|
|
1377
|
-
className: "ams-logo__text-secondary",
|
|
1378
|
-
d: "M17.13 29.86h2.07l2.39 7.22h.03l2.42-7.22h1.98l-3.36 9.4h-2.17l-3.36-9.4ZM26.5 34.55c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27v-1.58h4.18v1.46c0 2.4-1.87 4.09-4.54 4.09s-4.71-2.02-4.71-4.89l-.02.01ZM40.43 29.86h2.17l3.76 9.4h-2.01l-.78-2.07h-4.18l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04l-1.5-3.96h-.03l-1.5 3.96h-.01ZM50.38 29.86h2.07l2.39 7.22h.03l2.42-7.22h1.98l-3.36 9.4h-2.17l-3.36-9.4ZM59.42 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM68.13 32.12h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM73.01 38.06l3.4-4.45h-3.3v-1.49h5.73v1.2l-3.4 4.45h3.5v1.49h-5.93v-1.2ZM79.88 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM90.38 39.26h-1.79V28.77h1.79v6.57h.03l2.66-3.23h2.17l-2.76 3.17 2.89 3.98H93.2l-1.98-2.81-.84.97v1.84ZM95.68 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM104.38 32.12h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM110.65 31.21c-.62 0-1.07-.43-1.07-1.04 0-.61.45-1.04 1.07-1.04.62 0 1.07.43 1.07 1.04 0 .61-.45 1.04-1.07 1.04Zm-.9.91h1.79v7.14h-1.79v-7.14ZM113.48 32.12h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM121.55 40.97l1.16-1.13c.39.45 1.1.72 1.87.72 1.3 0 2.02-.59 2.02-1.63v-1.1h-.03c-.4.75-1.16 1.17-2.1 1.17-2.01 0-3.34-1.42-3.34-3.53s1.37-3.51 3.34-3.51c1.01 0 1.81.45 2.2 1.21h.03v-1.06h1.69v6.88c0 1.91-1.46 3.11-3.79 3.11-1.33 0-2.43-.42-3.05-1.14v.01Zm5.06-5.5c0-1.19-.74-2.01-1.82-2.01s-1.82.82-1.82 2.01.75 2 1.82 2 1.82-.82 1.82-2ZM129.88 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM138.59 32.12h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01Z",
|
|
1379
|
-
fill: "#000"
|
|
1380
|
-
}), jsxRuntime.jsx("path", {
|
|
1381
|
-
className: "ams-logo__text-primary",
|
|
1382
|
-
d: "M20.94 15.88h2.17l3.76 9.4h-2.01l-.78-2.07H19.9l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04L22 17.69h-.03l-1.5 3.96h-.01ZM28.05 18.14h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H36.7v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79v-4.02c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM41.79 22.29c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM46.94 22.72v-3.09h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM51.34 21.71c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM60.04 18.14h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM64.73 21.74c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79V25.3h-1.69v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM73.68 23.25c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM81.85 18.14h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H90.5v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79v-4.02c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM17.58 6.41c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27V5.74h4.18V7.2c0 2.4-1.87 4.09-4.54 4.09S17.6 9.27 17.6 6.4l-.02.01ZM28.05 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM36.75 3.98h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H45.4V7.1c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V7.1c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79V3.98h-.01ZM48.61 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM56.87 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM65.58 3.98h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79V7.14c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79V3.98h-.01ZM74.21 8.56V5.47h-1.23V3.98h.65c.59 0 .82-.23.82-.82V2.04h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62l.01.01ZM78.61 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58Z",
|
|
1383
|
-
fill: "#EC0000"
|
|
1384
|
-
})]
|
|
1385
|
-
}));
|
|
1386
|
-
});
|
|
1387
|
-
LogoVgaVerzekeringen.displayName = 'LogoVgaVerzekeringen';
|
|
1388
|
-
|
|
1389
|
-
var _excluded$W = ["brand", "className"];
|
|
1390
|
-
function ownKeys$Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1391
|
-
function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Y(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1392
|
-
var logoConfig = {
|
|
1393
|
-
amsterdam: LogoAmsterdam,
|
|
1394
|
-
'ggd-amsterdam': LogoGgdAmsterdam,
|
|
1395
|
-
'museum-weesp': LogoMuseumWeesp,
|
|
1396
|
-
stadsarchief: LogoStadsarchief,
|
|
1397
|
-
'stadsbank-van-lening': LogoStadsbankVanLening,
|
|
1398
|
-
'vga-verzekeringen': LogoVgaVerzekeringen
|
|
1399
|
-
};
|
|
1400
|
-
var Logo = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1401
|
-
var _ref$brand = _ref.brand,
|
|
1402
|
-
brand = _ref$brand === void 0 ? 'amsterdam' : _ref$brand,
|
|
1403
|
-
className = _ref.className,
|
|
1404
|
-
restProps = _objectWithoutProperties(_ref, _excluded$W);
|
|
1405
|
-
var LogoComponent = logoConfig[brand];
|
|
1406
|
-
return jsxRuntime.jsx(LogoComponent, _objectSpread$Y(_objectSpread$Y({}, restProps), {}, {
|
|
1407
|
-
className: clsx('ams-logo', className),
|
|
1408
|
-
ref: ref
|
|
1409
|
-
}));
|
|
1410
|
-
});
|
|
1411
|
-
Logo.displayName = 'Logo';
|
|
1412
|
-
|
|
1413
|
-
var _excluded$V = ["children", "className"];
|
|
1414
|
-
function ownKeys$X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1415
|
-
function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1416
|
-
var HeaderGridCellNarrowWindowOnly = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1417
|
-
var children = _ref.children,
|
|
1418
|
-
className = _ref.className,
|
|
1419
|
-
restProps = _objectWithoutProperties(_ref, _excluded$V);
|
|
1420
|
-
return jsxRuntime.jsx(Grid.Cell, _objectSpread$X(_objectSpread$X({}, restProps), {}, {
|
|
1421
|
-
className: clsx('ams-header__grid-cell-narrow-window-only', className),
|
|
1422
|
-
ref: ref,
|
|
1423
|
-
children: children
|
|
1424
|
-
}));
|
|
1425
|
-
});
|
|
1426
|
-
HeaderGridCellNarrowWindowOnly.displayName = 'Header.GridCellNarrowWindowOnly';
|
|
1427
|
-
|
|
1428
|
-
function ownKeys$W(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1429
|
-
function _objectSpread$W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$W(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1430
|
-
var HeaderMenuIcon = function HeaderMenuIcon(props) {
|
|
1431
|
-
return jsxRuntime.jsxs("svg", _objectSpread$W(_objectSpread$W({
|
|
1432
|
-
"aria-hidden": "true",
|
|
1433
|
-
focusable: "false",
|
|
1434
|
-
viewBox: "0 0 24 24",
|
|
1435
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
1436
|
-
}, props), {}, {
|
|
1437
|
-
children: [jsxRuntime.jsx("line", {
|
|
1438
|
-
className: "ams-header__menu-icon-top",
|
|
1439
|
-
x1: "0",
|
|
1440
|
-
x2: "100%",
|
|
1441
|
-
y1: "50%",
|
|
1442
|
-
y2: "50%"
|
|
1443
|
-
}), jsxRuntime.jsx("line", {
|
|
1444
|
-
className: "ams-header__menu-icon-middle",
|
|
1445
|
-
x1: "0",
|
|
1446
|
-
x2: "100%",
|
|
1447
|
-
y1: "50%",
|
|
1448
|
-
y2: "50%"
|
|
1449
|
-
}), jsxRuntime.jsx("line", {
|
|
1450
|
-
className: "ams-header__menu-icon-bottom",
|
|
1451
|
-
x1: "0",
|
|
1452
|
-
x2: "100%",
|
|
1453
|
-
y1: "50%",
|
|
1454
|
-
y2: "50%"
|
|
1455
|
-
})]
|
|
1456
|
-
}));
|
|
1457
|
-
};
|
|
1458
|
-
|
|
1459
|
-
var _excluded$U = ["children", "className", "fixed"];
|
|
1460
|
-
function ownKeys$V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1461
|
-
function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1462
|
-
var HeaderMenuLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1463
|
-
var children = _ref.children,
|
|
1464
|
-
className = _ref.className,
|
|
1465
|
-
fixed = _ref.fixed,
|
|
1466
|
-
restProps = _objectWithoutProperties(_ref, _excluded$U);
|
|
1467
|
-
return jsxRuntime.jsx("li", {
|
|
1468
|
-
className: clsx('ams-header__menu-item', fixed && 'ams-header__menu-item--fixed'),
|
|
1469
|
-
children: jsxRuntime.jsx("a", _objectSpread$V(_objectSpread$V({}, restProps), {}, {
|
|
1470
|
-
className: clsx('ams-header__menu-link', className),
|
|
1471
|
-
ref: ref,
|
|
1472
|
-
children: children
|
|
1473
|
-
}))
|
|
1474
|
-
});
|
|
1475
|
-
});
|
|
1476
|
-
HeaderMenuLink.displayName = 'Header.MenuLink';
|
|
1477
|
-
|
|
1478
|
-
// TODO: we should set the breakpoint in JS somewhere and render this and the sass variables from that
|
|
1479
|
-
var breakpoints = {
|
|
1480
|
-
medium: '36rem',
|
|
1481
|
-
wide: '68rem'
|
|
1482
|
-
};
|
|
1483
|
-
var useIsAfterBreakpoint = function useIsAfterBreakpoint(breakpoint) {
|
|
1484
|
-
var _useState = react.useState(false),
|
|
1485
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
1486
|
-
matches = _useState2[0],
|
|
1487
|
-
setMatches = _useState2[1];
|
|
1488
|
-
react.useLayoutEffect(function () {
|
|
1489
|
-
// Check for window object to avoid SSR issues
|
|
1490
|
-
if (typeof window !== 'undefined') {
|
|
1491
|
-
var media = window.matchMedia("(min-width: ".concat(breakpoints[breakpoint], ")"));
|
|
1492
|
-
if (media.matches !== matches) {
|
|
1493
|
-
setMatches(media.matches);
|
|
1494
|
-
}
|
|
1495
|
-
var listener = function listener() {
|
|
1496
|
-
return setMatches(media.matches);
|
|
1497
|
-
};
|
|
1498
|
-
window.addEventListener('resize', listener);
|
|
1499
|
-
return function () {
|
|
1500
|
-
return window.removeEventListener('resize', listener);
|
|
1501
|
-
};
|
|
1502
|
-
}
|
|
1503
|
-
return undefined;
|
|
1504
|
-
}, [matches, breakpoint]);
|
|
1505
|
-
return matches;
|
|
1506
|
-
};
|
|
1507
|
-
|
|
1508
|
-
var _excluded$T = ["brandName", "children", "className", "logoBrand", "logoLink", "logoLinkTitle", "menuButtonText", "menuItems", "navigationLabel", "noMenuButtonOnWideWindow"];
|
|
1509
|
-
function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1510
|
-
function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1511
|
-
var LogoLinkContent = function LogoLinkContent(_ref) {
|
|
1512
|
-
var brandName = _ref.brandName,
|
|
1513
|
-
logoBrand = _ref.logoBrand;
|
|
1514
|
-
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
1515
|
-
children: [jsxRuntime.jsx("span", {
|
|
1516
|
-
className: clsx(logoBrand === 'amsterdam' && Boolean(brandName) && 'ams-header__logo-container'),
|
|
1517
|
-
children: jsxRuntime.jsx(Logo, {
|
|
1518
|
-
brand: logoBrand
|
|
1519
|
-
})
|
|
1520
|
-
}), brandName && jsxRuntime.jsx("span", {
|
|
1521
|
-
"aria-hidden": "true",
|
|
1522
|
-
className: "ams-header__brand-name",
|
|
1523
|
-
children: brandName
|
|
1524
|
-
})]
|
|
1525
|
-
});
|
|
1526
|
-
};
|
|
1527
|
-
var HeaderRoot = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
1528
|
-
var brandName = _ref2.brandName,
|
|
1529
|
-
children = _ref2.children,
|
|
1530
|
-
className = _ref2.className,
|
|
1531
|
-
_ref2$logoBrand = _ref2.logoBrand,
|
|
1532
|
-
logoBrand = _ref2$logoBrand === void 0 ? 'amsterdam' : _ref2$logoBrand,
|
|
1533
|
-
_ref2$logoLink = _ref2.logoLink,
|
|
1534
|
-
logoLink = _ref2$logoLink === void 0 ? '/' : _ref2$logoLink,
|
|
1535
|
-
_ref2$logoLinkTitle = _ref2.logoLinkTitle,
|
|
1536
|
-
logoLinkTitle = _ref2$logoLinkTitle === void 0 ? 'Ga naar de homepage' : _ref2$logoLinkTitle,
|
|
1537
|
-
_ref2$menuButtonText = _ref2.menuButtonText,
|
|
1538
|
-
menuButtonText = _ref2$menuButtonText === void 0 ? 'Menu' : _ref2$menuButtonText,
|
|
1539
|
-
menuItems = _ref2.menuItems,
|
|
1540
|
-
_ref2$navigationLabel = _ref2.navigationLabel,
|
|
1541
|
-
navigationLabel = _ref2$navigationLabel === void 0 ? 'Hoofdnavigatie' : _ref2$navigationLabel,
|
|
1542
|
-
noMenuButtonOnWideWindow = _ref2.noMenuButtonOnWideWindow,
|
|
1543
|
-
restProps = _objectWithoutProperties(_ref2, _excluded$T);
|
|
1544
|
-
var _useState = react.useState(false),
|
|
1545
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
1546
|
-
open = _useState2[0],
|
|
1547
|
-
setOpen = _useState2[1];
|
|
1548
|
-
var hasMegaMenu = Boolean(children);
|
|
1549
|
-
var isWideWindow = hasMegaMenu && useIsAfterBreakpoint('wide');
|
|
1550
|
-
react.useEffect(function () {
|
|
1551
|
-
// Close the menu when the menu button disappears
|
|
1552
|
-
if (noMenuButtonOnWideWindow && isWideWindow) {
|
|
1553
|
-
setOpen(false);
|
|
1554
|
-
}
|
|
1555
|
-
}, [isWideWindow]);
|
|
1556
|
-
return jsxRuntime.jsxs("header", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
|
|
1557
|
-
className: clsx('ams-header', className),
|
|
1558
|
-
ref: ref,
|
|
1559
|
-
children: [jsxRuntime.jsxs("a", {
|
|
1560
|
-
className: "ams-header__logo-link",
|
|
1561
|
-
href: logoLink,
|
|
1562
|
-
children: [jsxRuntime.jsx("span", {
|
|
1563
|
-
className: "ams-visually-hidden",
|
|
1564
|
-
children: logoLinkTitle
|
|
1565
|
-
}), jsxRuntime.jsx(LogoLinkContent, {
|
|
1566
|
-
brandName: brandName,
|
|
1567
|
-
logoBrand: logoBrand
|
|
1568
|
-
})]
|
|
1569
|
-
}), (hasMegaMenu || menuItems) && jsxRuntime.jsxs("nav", {
|
|
1570
|
-
"aria-labelledby": "primary-navigation",
|
|
1571
|
-
className: "ams-header__navigation",
|
|
1572
|
-
children: [jsxRuntime.jsx("h2", {
|
|
1573
|
-
className: "ams-visually-hidden",
|
|
1574
|
-
id: "primary-navigation",
|
|
1575
|
-
children: navigationLabel
|
|
1576
|
-
}), jsxRuntime.jsx("div", {
|
|
1577
|
-
className: "ams-header__logo-link ams-header__logo-link--hidden",
|
|
1578
|
-
children: jsxRuntime.jsx(LogoLinkContent, {
|
|
1579
|
-
brandName: brandName,
|
|
1580
|
-
logoBrand: logoBrand
|
|
1581
|
-
})
|
|
1582
|
-
}), jsxRuntime.jsxs("ul", {
|
|
1583
|
-
className: "ams-header__menu",
|
|
1584
|
-
children: [menuItems, hasMegaMenu && jsxRuntime.jsx("li", {
|
|
1585
|
-
className: clsx(noMenuButtonOnWideWindow && 'ams-header__mega-menu-button-item--hide-on-wide-window'),
|
|
1586
|
-
children: jsxRuntime.jsxs("button", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
|
|
1587
|
-
"aria-controls": "ams-mega-menu",
|
|
1588
|
-
"aria-expanded": open,
|
|
1589
|
-
className: "ams-header__mega-menu-button",
|
|
1590
|
-
onClick: function onClick() {
|
|
1591
|
-
return setOpen(!open);
|
|
1592
|
-
},
|
|
1593
|
-
type: "button",
|
|
1594
|
-
children: [jsxRuntime.jsx("span", {
|
|
1595
|
-
className: "ams-header__mega-menu-button-label",
|
|
1596
|
-
children: menuButtonText
|
|
1597
|
-
}), jsxRuntime.jsx("span", {
|
|
1598
|
-
"aria-hidden": "true",
|
|
1599
|
-
className: "ams-header__mega-menu-button-hidden-label",
|
|
1600
|
-
children: menuButtonText
|
|
1601
|
-
}), jsxRuntime.jsx(Icon, {
|
|
1602
|
-
svg: jsxRuntime.jsx(HeaderMenuIcon, {
|
|
1603
|
-
className: clsx('ams-header__menu-icon', open && 'ams-header__menu-icon--open')
|
|
1604
|
-
})
|
|
1605
|
-
})]
|
|
1606
|
-
}))
|
|
1607
|
-
})]
|
|
1608
|
-
}), hasMegaMenu && jsxRuntime.jsx("div", {
|
|
1609
|
-
className: clsx('ams-header__mega-menu', !open && 'ams-header__mega-menu--closed'),
|
|
1610
|
-
id: "ams-mega-menu",
|
|
1611
|
-
children: children
|
|
1612
|
-
})]
|
|
1613
|
-
})]
|
|
1614
|
-
}));
|
|
1615
|
-
});
|
|
1616
|
-
HeaderRoot.displayName = 'Header';
|
|
1617
|
-
var Header = Object.assign(HeaderRoot, {
|
|
1618
|
-
GridCellNarrowWindowOnly: HeaderGridCellNarrowWindowOnly,
|
|
1619
|
-
MenuLink: HeaderMenuLink
|
|
1620
|
-
});
|
|
1621
|
-
|
|
1622
|
-
var generateAspectRatioClass = function generateAspectRatioClass(aspectRatio) {
|
|
1623
|
-
return aspectRatio && "ams-aspect-ratio-".concat(aspectRatio.replace(':', '-'));
|
|
1624
|
-
};
|
|
1625
|
-
|
|
1626
|
-
var _excluded$S = ["aspectRatio", "className"];
|
|
1627
|
-
function ownKeys$T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1628
|
-
function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1629
|
-
var Image = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1630
|
-
var aspectRatio = _ref.aspectRatio,
|
|
1631
|
-
className = _ref.className,
|
|
1632
|
-
restProps = _objectWithoutProperties(_ref, _excluded$S);
|
|
1633
|
-
return jsxRuntime.jsx("img", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
|
|
1634
|
-
className: clsx('ams-image', generateAspectRatioClass(aspectRatio), className),
|
|
1635
|
-
ref: ref
|
|
1636
|
-
}));
|
|
1637
|
-
});
|
|
1638
|
-
Image.displayName = 'Image';
|
|
1639
|
-
|
|
1640
|
-
/**
|
|
1641
|
-
* @license EUPL-1.2+
|
|
1642
|
-
* Copyright Gemeente Amsterdam
|
|
1643
|
-
*/
|
|
1644
|
-
var defaultValues$1 = {
|
|
1645
|
-
currentSlideId: 0,
|
|
1646
|
-
goToNextSlide: function goToNextSlide() {},
|
|
1647
|
-
goToPreviousSlide: function goToPreviousSlide() {},
|
|
1648
|
-
goToSlideId: function goToSlideId() {},
|
|
1649
|
-
isAtEnd: false,
|
|
1650
|
-
isAtStart: true
|
|
1651
|
-
};
|
|
1652
|
-
var ImageSliderContext = /*#__PURE__*/react.createContext(defaultValues$1);
|
|
1653
|
-
|
|
1654
|
-
var _excluded$R = ["className", "nextLabel", "previousLabel"];
|
|
1655
|
-
function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1656
|
-
function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1657
|
-
var ImageSliderControls = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1658
|
-
var className = _ref.className,
|
|
1659
|
-
nextLabel = _ref.nextLabel,
|
|
1660
|
-
previousLabel = _ref.previousLabel,
|
|
1661
|
-
restProps = _objectWithoutProperties(_ref, _excluded$R);
|
|
1662
|
-
var _useContext = react.useContext(ImageSliderContext),
|
|
1663
|
-
goToNextSlide = _useContext.goToNextSlide,
|
|
1664
|
-
goToPreviousSlide = _useContext.goToPreviousSlide,
|
|
1665
|
-
isAtEnd = _useContext.isAtEnd,
|
|
1666
|
-
isAtStart = _useContext.isAtStart;
|
|
1667
|
-
var handleClickPrevious = react.useCallback(function () {
|
|
1668
|
-
return goToPreviousSlide();
|
|
1669
|
-
}, [goToPreviousSlide]);
|
|
1670
|
-
var handleClickNext = react.useCallback(function () {
|
|
1671
|
-
return goToNextSlide();
|
|
1672
|
-
}, [goToNextSlide]);
|
|
1673
|
-
return jsxRuntime.jsxs("div", _objectSpread$S(_objectSpread$S({}, restProps), {}, {
|
|
1674
|
-
className: clsx('ams-image-slider__controls', className),
|
|
1675
|
-
ref: ref,
|
|
1676
|
-
children: [jsxRuntime.jsx(IconButton, {
|
|
1677
|
-
className: "ams-image-slider__control ams-image-slider__control--previous",
|
|
1678
|
-
color: "inverse",
|
|
1679
|
-
disabled: isAtStart,
|
|
1680
|
-
label: previousLabel,
|
|
1681
|
-
onClick: handleClickPrevious,
|
|
1682
|
-
svg: designSystemReactIcons.ChevronLeftIcon
|
|
1683
|
-
}), jsxRuntime.jsx(IconButton, {
|
|
1684
|
-
className: "ams-image-slider__control ams-image-slider__control--next",
|
|
1685
|
-
color: "inverse",
|
|
1686
|
-
disabled: isAtEnd,
|
|
1687
|
-
label: nextLabel,
|
|
1688
|
-
onClick: handleClickNext,
|
|
1689
|
-
svg: designSystemReactIcons.ChevronRightIcon
|
|
1690
|
-
})]
|
|
1691
|
-
}));
|
|
1692
|
-
});
|
|
1693
|
-
ImageSliderControls.displayName = 'ImageSliderControls';
|
|
1694
|
-
|
|
1695
|
-
var _excluded$Q = ["children", "className", "slideId"];
|
|
1696
|
-
function ownKeys$R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1697
|
-
function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1698
|
-
var ImageSliderItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1699
|
-
var children = _ref.children,
|
|
1700
|
-
className = _ref.className,
|
|
1701
|
-
slideId = _ref.slideId,
|
|
1702
|
-
restProps = _objectWithoutProperties(_ref, _excluded$Q);
|
|
1703
|
-
var _useContext = react.useContext(ImageSliderContext),
|
|
1704
|
-
currentSlideId = _useContext.currentSlideId;
|
|
1705
|
-
var isInView = react.useMemo(function () {
|
|
1706
|
-
return currentSlideId === slideId;
|
|
1707
|
-
}, [currentSlideId, slideId]);
|
|
1708
|
-
var itemClassName = react.useMemo(function () {
|
|
1709
|
-
return clsx('ams-image-slider__item', isInView && 'ams-image-slider__item--in-view', className);
|
|
1710
|
-
}, [isInView, className]);
|
|
1711
|
-
return jsxRuntime.jsx("div", _objectSpread$R(_objectSpread$R(_objectSpread$R({}, restProps), {}, {
|
|
1712
|
-
className: itemClassName,
|
|
1713
|
-
ref: ref
|
|
1714
|
-
}, !isInView && {
|
|
1715
|
-
inert: ''
|
|
1716
|
-
}), {}, {
|
|
1717
|
-
children: children
|
|
1718
|
-
}));
|
|
1719
|
-
});
|
|
1720
|
-
ImageSliderItem.displayName = 'ImageSlider.Item';
|
|
1721
|
-
|
|
1722
|
-
var _excluded$P = ["children", "className"];
|
|
1723
|
-
function ownKeys$Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1724
|
-
function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1725
|
-
var ImageSliderScroller = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1726
|
-
var children = _ref.children,
|
|
1727
|
-
className = _ref.className,
|
|
1728
|
-
restProps = _objectWithoutProperties(_ref, _excluded$P);
|
|
1729
|
-
return jsxRuntime.jsx("div", _objectSpread$Q(_objectSpread$Q({}, restProps), {}, {
|
|
1730
|
-
className: clsx('ams-image-slider__scroller', className),
|
|
1410
|
+
var ImageSliderItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1411
|
+
var children = _ref.children,
|
|
1412
|
+
className = _ref.className,
|
|
1413
|
+
slideId = _ref.slideId,
|
|
1414
|
+
restProps = _objectWithoutProperties(_ref, _excluded$U);
|
|
1415
|
+
var _useContext = react.useContext(ImageSliderContext),
|
|
1416
|
+
currentSlideId = _useContext.currentSlideId;
|
|
1417
|
+
var isInView = react.useMemo(function () {
|
|
1418
|
+
return currentSlideId === slideId;
|
|
1419
|
+
}, [currentSlideId, slideId]);
|
|
1420
|
+
var itemClassName = react.useMemo(function () {
|
|
1421
|
+
return clsx('ams-image-slider__item', isInView && 'ams-image-slider__item--in-view', className);
|
|
1422
|
+
}, [isInView, className]);
|
|
1423
|
+
return jsxRuntime.jsx("div", _objectSpread$10(_objectSpread$10(_objectSpread$10({}, restProps), {}, {
|
|
1424
|
+
className: itemClassName,
|
|
1425
|
+
ref: ref
|
|
1426
|
+
}, !isInView && {
|
|
1427
|
+
inert: ''
|
|
1428
|
+
}), {}, {
|
|
1429
|
+
children: children
|
|
1430
|
+
}));
|
|
1431
|
+
});
|
|
1432
|
+
ImageSliderItem.displayName = 'ImageSlider.Item';
|
|
1433
|
+
|
|
1434
|
+
var _excluded$T = ["children", "className"];
|
|
1435
|
+
function ownKeys$$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1436
|
+
function _objectSpread$$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$$(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1437
|
+
var ImageSliderScroller = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1438
|
+
var children = _ref.children,
|
|
1439
|
+
className = _ref.className,
|
|
1440
|
+
restProps = _objectWithoutProperties(_ref, _excluded$T);
|
|
1441
|
+
return jsxRuntime.jsx("div", _objectSpread$$(_objectSpread$$({}, restProps), {}, {
|
|
1442
|
+
className: clsx('ams-image-slider__scroller', className),
|
|
1731
1443
|
ref: ref,
|
|
1732
1444
|
children: children
|
|
1733
1445
|
}));
|
|
1734
1446
|
});
|
|
1735
1447
|
ImageSliderScroller.displayName = 'ImageSlider.Scroller';
|
|
1736
1448
|
|
|
1737
|
-
var _excluded$
|
|
1738
|
-
function ownKeys$
|
|
1739
|
-
function _objectSpread$
|
|
1449
|
+
var _excluded$S = ["className", "imageLabel", "thumbnails"];
|
|
1450
|
+
function ownKeys$_(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1451
|
+
function _objectSpread$_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$_(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1740
1452
|
var ImageSliderThumbnails = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1741
1453
|
var className = _ref.className,
|
|
1742
1454
|
imageLabel = _ref.imageLabel,
|
|
1743
1455
|
thumbnails = _ref.thumbnails,
|
|
1744
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1456
|
+
restProps = _objectWithoutProperties(_ref, _excluded$S);
|
|
1745
1457
|
var _useContext = react.useContext(ImageSliderContext),
|
|
1746
1458
|
currentSlideId = _useContext.currentSlideId,
|
|
1747
1459
|
goToNextSlide = _useContext.goToNextSlide,
|
|
@@ -1782,11 +1494,12 @@ var ImageSliderThumbnails = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1782
1494
|
style: {
|
|
1783
1495
|
backgroundImage: "url(".concat(src, ")")
|
|
1784
1496
|
},
|
|
1785
|
-
tabIndex: currentSlideId === index ? 0 : -1
|
|
1497
|
+
tabIndex: currentSlideId === index ? 0 : -1,
|
|
1498
|
+
type: "button"
|
|
1786
1499
|
}, index);
|
|
1787
1500
|
});
|
|
1788
1501
|
}, [currentSlideId, goToSlideId, imageLabel, thumbnails]);
|
|
1789
|
-
return jsxRuntime.jsx("nav", _objectSpread$
|
|
1502
|
+
return jsxRuntime.jsx("nav", _objectSpread$_(_objectSpread$_({}, restProps), {}, {
|
|
1790
1503
|
className: clsx('ams-image-slider__thumbnails', className),
|
|
1791
1504
|
onKeyDown: handleKeyDown,
|
|
1792
1505
|
ref: ref,
|
|
@@ -1796,9 +1509,9 @@ var ImageSliderThumbnails = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1796
1509
|
});
|
|
1797
1510
|
ImageSliderThumbnails.displayName = 'ImageSlider.Thumbnails';
|
|
1798
1511
|
|
|
1799
|
-
var _excluded$
|
|
1800
|
-
function ownKeys$
|
|
1801
|
-
function _objectSpread$
|
|
1512
|
+
var _excluded$R = ["className", "controls", "imageLabel", "images", "nextLabel", "previousLabel"];
|
|
1513
|
+
function ownKeys$Z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1514
|
+
function _objectSpread$Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Z(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1802
1515
|
var ImageSliderRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1803
1516
|
var className = _ref.className,
|
|
1804
1517
|
controls = _ref.controls,
|
|
@@ -1809,7 +1522,7 @@ var ImageSliderRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1809
1522
|
nextLabel = _ref$nextLabel === void 0 ? 'Volgende' : _ref$nextLabel,
|
|
1810
1523
|
_ref$previousLabel = _ref.previousLabel,
|
|
1811
1524
|
previousLabel = _ref$previousLabel === void 0 ? 'Vorige' : _ref$previousLabel,
|
|
1812
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1525
|
+
restProps = _objectWithoutProperties(_ref, _excluded$R);
|
|
1813
1526
|
var _useState = react.useState(0),
|
|
1814
1527
|
_useState2 = _slicedToArray(_useState, 2),
|
|
1815
1528
|
currentSlideId = _useState2[0],
|
|
@@ -1918,7 +1631,7 @@ var ImageSliderRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1918
1631
|
isAtEnd: isAtEnd,
|
|
1919
1632
|
isAtStart: isAtStart
|
|
1920
1633
|
},
|
|
1921
|
-
children: jsxRuntime.jsxs("div", _objectSpread$
|
|
1634
|
+
children: jsxRuntime.jsxs("div", _objectSpread$Z(_objectSpread$Z({}, restProps), {}, {
|
|
1922
1635
|
"aria-roledescription": "carousel",
|
|
1923
1636
|
className: clsx('ams-image-slider', controls && 'ams-image-slider--controls', className),
|
|
1924
1637
|
ref: ref,
|
|
@@ -1956,13 +1669,16 @@ var ImageSliderRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1956
1669
|
});
|
|
1957
1670
|
});
|
|
1958
1671
|
ImageSliderRoot.displayName = 'ImageSlider';
|
|
1672
|
+
/**
|
|
1673
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-media-image-slider--docs Image Slider docs at Amsterdam Design System}
|
|
1674
|
+
*/
|
|
1959
1675
|
var ImageSlider = Object.assign(ImageSliderRoot, {
|
|
1960
1676
|
Item: ImageSliderItem
|
|
1961
1677
|
});
|
|
1962
1678
|
|
|
1963
|
-
var _excluded$
|
|
1964
|
-
function ownKeys$
|
|
1965
|
-
function _objectSpread$
|
|
1679
|
+
var _excluded$Q = ["children", "className", "color", "icon", "size"];
|
|
1680
|
+
function ownKeys$Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1681
|
+
function _objectSpread$Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Y(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1966
1682
|
/** One link with a Link List. */
|
|
1967
1683
|
var LinkListLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1968
1684
|
var children = _ref.children,
|
|
@@ -1970,30 +1686,30 @@ var LinkListLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
1970
1686
|
color = _ref.color,
|
|
1971
1687
|
icon = _ref.icon,
|
|
1972
1688
|
size = _ref.size,
|
|
1973
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1689
|
+
restProps = _objectWithoutProperties(_ref, _excluded$Q);
|
|
1974
1690
|
return jsxRuntime.jsx("li", {
|
|
1975
|
-
children: jsxRuntime.jsxs("a", _objectSpread$
|
|
1691
|
+
children: jsxRuntime.jsxs("a", _objectSpread$Y(_objectSpread$Y({
|
|
1976
1692
|
className: clsx('ams-link-list__link', color && "ams-link-list__link--".concat(color), size && "ams-link-list__link--".concat(size), className),
|
|
1977
1693
|
ref: ref
|
|
1978
1694
|
}, restProps), {}, {
|
|
1979
1695
|
children: [jsxRuntime.jsx(Icon, {
|
|
1980
1696
|
size: size,
|
|
1981
|
-
svg: icon !== null && icon !== void 0 ? icon : designSystemReactIcons.
|
|
1697
|
+
svg: icon !== null && icon !== void 0 ? icon : designSystemReactIcons.ChevronForwardIcon
|
|
1982
1698
|
}), children]
|
|
1983
1699
|
}))
|
|
1984
1700
|
});
|
|
1985
1701
|
});
|
|
1986
1702
|
LinkListLink.displayName = 'LinkList.Link';
|
|
1987
1703
|
|
|
1988
|
-
var _excluded$
|
|
1989
|
-
function ownKeys$
|
|
1990
|
-
function _objectSpread$
|
|
1704
|
+
var _excluded$P = ["children", "className"];
|
|
1705
|
+
function ownKeys$X(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1706
|
+
function _objectSpread$X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$X(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1991
1707
|
/** A collection of related links. */
|
|
1992
1708
|
var LinkListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1993
1709
|
var children = _ref.children,
|
|
1994
1710
|
className = _ref.className,
|
|
1995
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1996
|
-
return jsxRuntime.jsx("ul", _objectSpread$
|
|
1711
|
+
restProps = _objectWithoutProperties(_ref, _excluded$P);
|
|
1712
|
+
return jsxRuntime.jsx("ul", _objectSpread$X(_objectSpread$X({
|
|
1997
1713
|
className: clsx('ams-link-list', className),
|
|
1998
1714
|
ref: ref
|
|
1999
1715
|
}, restProps), {}, {
|
|
@@ -2001,13 +1717,16 @@ var LinkListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2001
1717
|
}));
|
|
2002
1718
|
});
|
|
2003
1719
|
LinkListRoot.displayName = 'LinkList';
|
|
1720
|
+
/**
|
|
1721
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-link-list--docs Link List docs at Amsterdam Design System}
|
|
1722
|
+
*/
|
|
2004
1723
|
var LinkList = Object.assign(LinkListRoot, {
|
|
2005
1724
|
Link: LinkListLink
|
|
2006
1725
|
});
|
|
2007
1726
|
|
|
2008
|
-
var _excluded$
|
|
2009
|
-
function ownKeys$
|
|
2010
|
-
function _objectSpread$
|
|
1727
|
+
var _excluded$O = ["className", "errors", "focusOnRender", "hasFocusedOnce", "heading", "headingLevel", "setHasFocusedOnce"];
|
|
1728
|
+
function ownKeys$W(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1729
|
+
function _objectSpread$W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$W(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2011
1730
|
var InvalidFormAlertWithErrors = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2012
1731
|
var className = _ref.className,
|
|
2013
1732
|
errors = _ref.errors,
|
|
@@ -2018,7 +1737,7 @@ var InvalidFormAlertWithErrors = /*#__PURE__*/react.forwardRef(function (_ref, r
|
|
|
2018
1737
|
heading = _ref$heading === void 0 ? 'Verbeter de fouten voor u verder gaat' : _ref$heading,
|
|
2019
1738
|
headingLevel = _ref.headingLevel,
|
|
2020
1739
|
setHasFocusedOnce = _ref.setHasFocusedOnce,
|
|
2021
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1740
|
+
restProps = _objectWithoutProperties(_ref, _excluded$O);
|
|
2022
1741
|
var innerRef = react.useRef(null);
|
|
2023
1742
|
// use a passed ref if it's there, otherwise use innerRef
|
|
2024
1743
|
react.useImperativeHandle(ref, function () {
|
|
@@ -2030,7 +1749,7 @@ var InvalidFormAlertWithErrors = /*#__PURE__*/react.forwardRef(function (_ref, r
|
|
|
2030
1749
|
setHasFocusedOnce(true);
|
|
2031
1750
|
}
|
|
2032
1751
|
}, [innerRef]);
|
|
2033
|
-
return jsxRuntime.jsx(Alert, _objectSpread$
|
|
1752
|
+
return jsxRuntime.jsx(Alert, _objectSpread$W(_objectSpread$W({}, restProps), {}, {
|
|
2034
1753
|
className: clsx('ams-invalid-form-alert', className),
|
|
2035
1754
|
heading: heading,
|
|
2036
1755
|
headingLevel: headingLevel,
|
|
@@ -2075,13 +1794,16 @@ errors) {
|
|
|
2075
1794
|
return null;
|
|
2076
1795
|
};
|
|
2077
1796
|
|
|
2078
|
-
var _excluded$
|
|
2079
|
-
function ownKeys$
|
|
2080
|
-
function _objectSpread$
|
|
1797
|
+
var _excluded$N = ["errorCountLabel", "errors"];
|
|
1798
|
+
function ownKeys$V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1799
|
+
function _objectSpread$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1800
|
+
/**
|
|
1801
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-invalid-form-alert--docs Invalid Form Alert docs at Amsterdam Design System}
|
|
1802
|
+
*/
|
|
2081
1803
|
var InvalidFormAlert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2082
1804
|
var errorCountLabel = _ref.errorCountLabel,
|
|
2083
1805
|
errors = _ref.errors,
|
|
2084
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
1806
|
+
restProps = _objectWithoutProperties(_ref, _excluded$N);
|
|
2085
1807
|
// An Invalid Form Alert without errors only resets the document title.
|
|
2086
1808
|
// With errors, it renders the InvalidFormAlertWithErrors component.
|
|
2087
1809
|
useAddErrorCountToDocumentTitle(errors, errorCountLabel);
|
|
@@ -2092,7 +1814,7 @@ var InvalidFormAlert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2092
1814
|
hasFocusedOnce = _useState2[0],
|
|
2093
1815
|
setHasFocusedOnce = _useState2[1];
|
|
2094
1816
|
if (errors.length === 0) return undefined;
|
|
2095
|
-
return jsxRuntime.jsx(InvalidFormAlertWithErrors, _objectSpread$
|
|
1817
|
+
return jsxRuntime.jsx(InvalidFormAlertWithErrors, _objectSpread$V(_objectSpread$V({}, restProps), {}, {
|
|
2096
1818
|
errors: errors,
|
|
2097
1819
|
hasFocusedOnce: hasFocusedOnce,
|
|
2098
1820
|
ref: ref,
|
|
@@ -2101,205 +1823,650 @@ var InvalidFormAlert = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2101
1823
|
});
|
|
2102
1824
|
InvalidFormAlert.displayName = 'InvalidFormAlert';
|
|
2103
1825
|
|
|
2104
|
-
var _excluded$
|
|
2105
|
-
function ownKeys$
|
|
2106
|
-
function _objectSpread$
|
|
2107
|
-
|
|
1826
|
+
var _excluded$M = ["children", "className", "hint", "optional"];
|
|
1827
|
+
function ownKeys$U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1828
|
+
function _objectSpread$U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$U(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1829
|
+
/**
|
|
1830
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-label--docs Label docs at Amsterdam Design System}
|
|
1831
|
+
*/
|
|
1832
|
+
var Label = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1833
|
+
var children = _ref.children,
|
|
1834
|
+
className = _ref.className,
|
|
1835
|
+
hint = _ref.hint,
|
|
1836
|
+
optional = _ref.optional,
|
|
1837
|
+
restProps = _objectWithoutProperties(_ref, _excluded$M);
|
|
1838
|
+
return jsxRuntime.jsxs("label", _objectSpread$U(_objectSpread$U({}, restProps), {}, {
|
|
1839
|
+
className: clsx('ams-label', className),
|
|
1840
|
+
ref: ref,
|
|
1841
|
+
children: [children, " ", jsxRuntime.jsx(Hint, {
|
|
1842
|
+
hint: hint,
|
|
1843
|
+
optional: optional
|
|
1844
|
+
})]
|
|
1845
|
+
}));
|
|
1846
|
+
});
|
|
1847
|
+
Label.displayName = 'Label';
|
|
1848
|
+
|
|
1849
|
+
var _excluded$L = ["children", "className", "color"];
|
|
1850
|
+
function ownKeys$T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1851
|
+
function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1852
|
+
/**
|
|
1853
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-link--docs Link docs at Amsterdam Design System}
|
|
1854
|
+
*/
|
|
1855
|
+
var Link = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
1856
|
+
var children = _ref.children,
|
|
1857
|
+
className = _ref.className,
|
|
1858
|
+
color = _ref.color,
|
|
1859
|
+
restProps = _objectWithoutProperties(_ref, _excluded$L);
|
|
1860
|
+
return jsxRuntime.jsx("a", _objectSpread$T(_objectSpread$T({}, restProps), {}, {
|
|
1861
|
+
className: clsx('ams-link', color && "ams-link--".concat(color), className),
|
|
1862
|
+
ref: ref,
|
|
1863
|
+
children: children
|
|
1864
|
+
}));
|
|
1865
|
+
});
|
|
1866
|
+
Link.displayName = 'Link';
|
|
1867
|
+
|
|
1868
|
+
function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1869
|
+
function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1870
|
+
var LogoAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
1871
|
+
return jsxRuntime.jsxs("svg", _objectSpread$S(_objectSpread$S({
|
|
1872
|
+
"aria-hidden": "true",
|
|
1873
|
+
className: "ams-logo",
|
|
1874
|
+
focusable: "false",
|
|
1875
|
+
ref: ref,
|
|
1876
|
+
viewBox: "0 0 115 40",
|
|
1877
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1878
|
+
}, props), {}, {
|
|
1879
|
+
children: [jsxRuntime.jsx("path", {
|
|
1880
|
+
className: "ams-logo__text-primary",
|
|
1881
|
+
d: "M16.435 8.581c0-3.752 2.63-6.4 6.344-6.4 1.886 0 3.466.61 4.59 1.829L25.731 5.57c-.704-.78-1.714-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.715 4.324 2 0 3.391-1.143 3.391-2.8v-.323h-2.99V7.705h5.505V9.63c0 3.162-2.457 5.39-5.981 5.39s-6.21-2.666-6.21-6.438ZM30.225 10.086c0-2.915 1.962-4.934 4.762-4.934s4.743 2 4.743 4.876c0 .229-.037.59-.076.839h-7.048C32.778 12.143 33.863 13 35.254 13c1.029 0 1.924-.381 2.514-1.067l1.428 1.391c-.857 1.106-2.343 1.696-4.057 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.743c-.152-1.238-1.105-2.077-2.38-2.077-1.276 0-2.229.839-2.363 2.077ZM43.902 5.382v1.275h.038c.476-.97 1.314-1.505 2.4-1.505 1.219 0 2.132.534 2.704 1.6.571-1.028 1.62-1.6 2.952-1.6 2.324 0 3.448 1.296 3.448 3.943v5.696h-2.362V9.495c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.696.82-1.696 2.362v5.22h-2.362V9.495c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22H41.69V5.38h2.212ZM57.312 10.086c0-2.915 1.963-4.934 4.762-4.934 2.8 0 4.744 2 4.744 4.876 0 .229-.038.59-.077.839h-7.048C59.865 12.143 60.95 13 62.341 13c1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.106-2.344 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.743c-.152-1.238-1.105-2.077-2.38-2.077-1.276 0-2.229.839-2.363 2.077ZM68.189 10.086c0-2.915 1.962-4.934 4.762-4.934s4.743 2 4.743 4.876c0 .229-.038.59-.077.839H70.57C70.74 12.143 71.827 13 73.218 13c1.028 0 1.923-.381 2.513-1.067l1.429 1.391c-.857 1.106-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.002Zm2.38-.952h4.744c-.153-1.238-1.105-2.077-2.381-2.077-1.276 0-2.228.839-2.362 2.077ZM81.883 5.382v1.275h.038c.438-.933 1.39-1.505 2.495-1.505 2.362 0 3.582 1.353 3.582 3.943v5.696h-2.363V9.552c0-1.6-.571-2.343-1.772-2.343-1.2 0-1.847.838-1.847 2.4v5.18h-2.362V5.382h2.23ZM91.026 11.42V7.342h-1.619V5.381h.858c.78 0 1.085-.305 1.085-1.086V2.83h2.019v2.553h2.285v1.962H93.37v4.077c0 .915.476 1.428 1.352 1.428.267 0 .59-.037.78-.095v1.981c-.285.077-.819.133-1.238.133-2.133 0-3.238-1.18-3.238-3.447l.001-.002ZM96.817 10.086c0-2.915 1.963-4.934 4.762-4.934 2.8 0 4.744 2 4.744 4.876 0 .229-.038.59-.077.839h-7.048c.172 1.276 1.257 2.133 2.648 2.133 1.029 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.106-2.344 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.744c-.153-1.238-1.106-2.077-2.382-2.077-1.275 0-2.228.839-2.362 2.077ZM23.73 25.267l4.952 12.381h-2.647l-1.03-2.724H19.5l-1.028 2.724h-2.553l4.953-12.38h2.858Zm-3.486 7.6h4l-1.982-5.219h-.037l-1.981 5.22ZM32.454 28.24v1.275h.038c.476-.97 1.315-1.505 2.4-1.505 1.22 0 2.133.534 2.704 1.6.572-1.028 1.62-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211ZM48.34 33.706c-1.275-.381-2.513-1.067-2.513-2.78 0-1.715 1.447-2.916 3.6-2.916 1.448 0 2.572.514 3.2 1.466l-1.351 1.353c-.477-.59-1.124-.915-1.829-.915-.8 0-1.296.362-1.296.933 0 .762.8.895 1.963 1.257 1.276.381 2.514 1.067 2.514 2.781 0 1.715-1.524 2.99-3.772 2.99-1.466 0-2.648-.514-3.334-1.486l1.353-1.352c.513.609 1.2.934 1.962.934.915 0 1.466-.381 1.466-1.01 0-.762-.8-.895-1.962-1.258v.003ZM55.122 34.277v-4.076h-1.62v-1.963h.858c.78 0 1.085-.304 1.085-1.085v-1.466h2.019v2.552h2.286v1.963h-2.286v4.076c0 .915.476 1.43 1.352 1.43.267 0 .59-.038.78-.096v1.981c-.285.077-.819.133-1.237.133-2.133 0-3.238-1.18-3.238-3.447v-.002ZM60.911 32.944c0-2.915 1.963-4.934 4.763-4.934s4.743 2 4.743 4.876c0 .228-.038.59-.077.839h-7.048c.172 1.276 1.257 2.133 2.648 2.133 1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.105-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.952h4.744c-.153-1.239-1.106-2.077-2.381-2.077-1.276 0-2.229.838-2.363 2.077ZM74.607 28.24V29.8h.038c.457-1.066 1.296-1.638 2.4-1.638.285 0 .685.038.838.095v2.248c-.267-.076-.78-.132-1.162-.132-1.2 0-1.98.914-1.98 2.323v4.953h-2.363v-9.41h2.23ZM78.551 32.983c0-2.915 1.924-4.972 4.648-4.972 1.257 0 2.286.553 2.934 1.562h.037V23.84h2.362v13.81h-2.228v-1.467h-.037c-.61 1.067-1.752 1.696-3.067 1.696-2.724 0-4.648-2.038-4.648-4.895l-.001-.001Zm7.62-.038c0-1.695-1.048-2.82-2.591-2.82-1.543 0-2.61 1.143-2.61 2.82 0 1.677 1.049 2.82 2.61 2.82s2.59-1.124 2.59-2.82ZM90.34 34.963c0-1.81 1.506-2.895 4.02-2.915l1.828-.019v-.304c0-1.106-.704-1.677-1.981-1.677-.838 0-1.581.323-2.095.915l-1.429-1.391c.82-1.01 2.133-1.562 3.752-1.562 2.514 0 4.114 1.371 4.114 3.562v3.733c0 .343.153.495.534.495h.172v1.847H98.15c-.895 0-1.506-.418-1.696-1.105h-.038c-.59.857-1.561 1.333-2.743 1.333-1.981 0-3.333-1.18-3.333-2.914v.002Zm5.848-.82v-.534l-1.561.02c-1.238.018-1.905.457-1.905 1.275 0 .724.571 1.238 1.37 1.238 1.239 0 2.096-.82 2.096-2v.001ZM103.312 28.24v1.275h.038c.476-.97 1.315-1.505 2.4-1.505 1.219 0 2.133.534 2.704 1.6.572-1.028 1.619-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.513-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211Z",
|
|
1882
|
+
fill: "#EC0000"
|
|
1883
|
+
}), jsxRuntime.jsx("path", {
|
|
1884
|
+
className: "ams-logo__emblem",
|
|
1885
|
+
d: "m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407Z",
|
|
1886
|
+
fill: "#EC0000"
|
|
1887
|
+
})]
|
|
1888
|
+
}));
|
|
1889
|
+
});
|
|
1890
|
+
LogoAmsterdam.displayName = 'LogoAmsterdam';
|
|
1891
|
+
|
|
1892
|
+
function ownKeys$R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1893
|
+
function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1894
|
+
var LogoGgdAmsterdam = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
1895
|
+
return jsxRuntime.jsxs("svg", _objectSpread$R(_objectSpread$R({
|
|
1896
|
+
"aria-hidden": "true",
|
|
1897
|
+
className: "ams-logo",
|
|
1898
|
+
focusable: "false",
|
|
1899
|
+
ref: ref,
|
|
1900
|
+
viewBox: "0 0 115 40",
|
|
1901
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1902
|
+
}, props), {}, {
|
|
1903
|
+
children: [jsxRuntime.jsx("path", {
|
|
1904
|
+
className: "ams-logo__emblem",
|
|
1905
|
+
d: "m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407Z",
|
|
1906
|
+
fill: "#EC0000"
|
|
1907
|
+
}), jsxRuntime.jsx("path", {
|
|
1908
|
+
className: "ams-logo__text-primary",
|
|
1909
|
+
d: "m23.73 25.267 4.952 12.381h-2.647l-1.03-2.724H19.5l-1.028 2.724h-2.553l4.953-12.381h2.858Zm-3.486 7.6h4l-1.982-5.219h-.037l-1.981 5.22ZM32.454 28.24v1.275h.038c.476-.971 1.315-1.505 2.4-1.505 1.22 0 2.133.534 2.704 1.6.572-1.028 1.62-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.514-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211ZM48.34 33.706c-1.275-.381-2.513-1.067-2.513-2.78 0-1.715 1.447-2.916 3.6-2.916 1.448 0 2.572.514 3.2 1.466l-1.351 1.353c-.477-.59-1.124-.915-1.829-.915-.8 0-1.296.362-1.296.933 0 .762.8.895 1.963 1.257 1.276.381 2.514 1.067 2.514 2.781 0 1.715-1.524 2.99-3.772 2.99-1.466 0-2.648-.514-3.334-1.486l1.353-1.352c.513.609 1.2.934 1.962.934.915 0 1.466-.381 1.466-1.01 0-.762-.8-.895-1.962-1.258v.003ZM55.122 34.277v-4.076h-1.62v-1.963h.858c.78 0 1.085-.304 1.085-1.085v-1.466h2.019v2.552h2.286v1.963h-2.286v4.076c0 .915.476 1.43 1.352 1.43.267 0 .59-.038.78-.096v1.981c-.285.076-.819.133-1.237.133-2.133 0-3.238-1.18-3.238-3.447v-.002ZM60.911 32.944c0-2.915 1.963-4.934 4.763-4.934s4.743 2 4.743 4.876c0 .228-.038.59-.077.839h-7.048c.172 1.275 1.257 2.133 2.648 2.133 1.03 0 1.924-.381 2.514-1.067l1.429 1.391c-.857 1.105-2.343 1.696-4.058 1.696-2.895 0-4.915-2.038-4.915-4.934h.001Zm2.381-.953h4.744c-.153-1.238-1.106-2.076-2.381-2.076-1.276 0-2.229.838-2.363 2.076ZM74.607 28.24V29.8h.038c.457-1.066 1.296-1.638 2.4-1.638.285 0 .685.038.838.095v2.248c-.267-.076-.78-.132-1.162-.132-1.2 0-1.98.914-1.98 2.323v4.953h-2.363v-9.41h2.23ZM78.551 32.983c0-2.915 1.924-4.972 4.648-4.972 1.257 0 2.286.553 2.934 1.562h.037V23.84h2.362v13.81h-2.228v-1.467h-.037c-.61 1.067-1.752 1.696-3.067 1.696-2.724 0-4.648-2.038-4.648-4.895l-.001-.001Zm7.62-.038c0-1.695-1.048-2.82-2.591-2.82-1.543 0-2.61 1.143-2.61 2.82 0 1.677 1.049 2.82 2.61 2.82s2.59-1.124 2.59-2.82ZM90.34 34.963c0-1.81 1.506-2.895 4.02-2.915l1.828-.019v-.304c0-1.106-.704-1.677-1.981-1.677-.838 0-1.581.323-2.095.915l-1.429-1.391c.82-1.01 2.133-1.562 3.752-1.562 2.514 0 4.114 1.371 4.114 3.562v3.733c0 .343.153.495.534.495h.172v1.847H98.15c-.895 0-1.506-.418-1.696-1.105h-.038c-.59.857-1.561 1.333-2.743 1.333-1.981 0-3.333-1.18-3.333-2.915v.003Zm5.848-.82v-.534l-1.561.02c-1.238.018-1.905.457-1.905 1.275 0 .724.571 1.238 1.37 1.238 1.239 0 2.096-.82 2.096-2v.001ZM103.312 28.24v1.275h.038c.476-.971 1.315-1.505 2.4-1.505 1.219 0 2.133.534 2.704 1.6.572-1.028 1.619-1.6 2.953-1.6 2.323 0 3.447 1.296 3.447 3.944v5.696h-2.362v-5.296c0-1.543-.534-2.286-1.638-2.286-1.104 0-1.695.82-1.695 2.362v5.22h-2.363v-5.296c0-1.562-.513-2.286-1.638-2.286-1.124 0-1.695.838-1.695 2.362v5.22h-2.362v-9.41h2.211Z",
|
|
1910
|
+
fill: "#EC0000"
|
|
1911
|
+
}), jsxRuntime.jsx("path", {
|
|
1912
|
+
className: "ams-logo__text-secondary",
|
|
1913
|
+
d: "M16.436 8.581c0-3.752 2.629-6.4 6.343-6.4 1.886 0 3.466.61 4.59 1.829L25.732 5.57c-.705-.78-1.715-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.714 4.324 2 0 3.392-1.143 3.392-2.8v-.323h-2.99V7.705h5.505V9.63c0 3.162-2.458 5.39-5.982 5.39s-6.21-2.666-6.21-6.438ZM30.34 8.581c0-3.752 2.63-6.4 6.344-6.4 1.886 0 3.467.61 4.59 1.829L39.638 5.57c-.705-.78-1.715-1.238-2.915-1.238-2.248 0-3.81 1.752-3.81 4.248 0 2.496 1.524 4.324 3.715 4.324 2 0 3.39-1.143 3.39-2.8v-.323h-2.99V7.705h5.506V9.63c0 3.162-2.458 5.39-5.982 5.39s-6.21-2.666-6.21-6.438ZM44.836 2.41h4.61c3.809 0 6.343 2.476 6.343 6.19 0 3.714-2.59 6.19-6.363 6.19h-4.59V2.41Zm4.419 10.229c2.38 0 3.942-1.543 3.942-4.02 0-2.475-1.524-4.057-3.923-4.057H47.35v8.077h1.905Z",
|
|
1914
|
+
fill: "#000"
|
|
1915
|
+
})]
|
|
1916
|
+
}));
|
|
1917
|
+
});
|
|
1918
|
+
LogoGgdAmsterdam.displayName = 'LogoGgdAmsterdam';
|
|
1919
|
+
|
|
1920
|
+
function ownKeys$Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1921
|
+
function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1922
|
+
var LogoMuseumWeesp = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
1923
|
+
return jsxRuntime.jsxs("svg", _objectSpread$Q(_objectSpread$Q({
|
|
1924
|
+
"aria-hidden": "true",
|
|
1925
|
+
className: "ams-logo",
|
|
1926
|
+
fill: "none",
|
|
1927
|
+
focusable: "false",
|
|
1928
|
+
ref: ref,
|
|
1929
|
+
viewBox: "0 0 121 42",
|
|
1930
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1931
|
+
}, props), {}, {
|
|
1932
|
+
children: [jsxRuntime.jsx("path", {
|
|
1933
|
+
className: "ams-logo__text-secondary",
|
|
1934
|
+
d: "M18.085 30.527H20.669L23.051 35.26H23.08L25.46 30.527H28.045V39.964H26.187V32.69H26.157L23.82 37.336H22.31L19.973 32.69H19.943V39.964H18.085V30.527ZM29.976 37.133V32.792H31.776V36.799C31.776 38.004 32.197 38.57 33.068 38.57C33.954 38.57 34.448 37.917 34.448 36.755V32.792H36.248V39.964H34.55V38.991H34.521C34.173 39.688 33.418 40.138 32.605 40.138C30.848 40.138 29.976 39.137 29.976 37.133ZM39.63 36.959C38.658 36.669 37.714 36.146 37.714 34.839C37.714 33.518 38.818 32.618 40.458 32.618C41.562 32.618 42.418 33.009 42.898 33.735L41.867 34.766C41.504 34.316 41.01 34.069 40.473 34.069C39.863 34.069 39.486 34.345 39.486 34.781C39.486 35.361 40.096 35.463 40.981 35.739C41.954 36.029 42.898 36.552 42.898 37.859C42.898 39.209 41.736 40.139 40.023 40.139C38.905 40.139 38.005 39.746 37.482 39.006L38.512 37.975C38.6925 38.1976 38.9205 38.3771 39.1794 38.5001C39.4383 38.6231 39.7214 38.6866 40.008 38.686C40.705 38.686 41.126 38.396 41.126 37.917C41.126 37.337 40.515 37.235 39.63 36.959ZM45.7 35.652H49.315C49.199 34.708 48.473 34.069 47.5 34.069C46.527 34.069 45.801 34.709 45.7 35.652ZM43.885 36.378C43.885 34.157 45.38 32.618 47.515 32.618C49.649 32.618 51.13 34.142 51.13 36.334C51.13 36.509 51.1 36.784 51.072 36.974H45.699C45.83 37.946 46.658 38.599 47.718 38.599C48.502 38.599 49.184 38.309 49.634 37.786L50.724 38.846C50.07 39.688 48.937 40.138 47.631 40.138C45.424 40.138 43.885 38.585 43.885 36.378ZM52.523 37.133V32.792H54.323V36.799C54.323 38.004 54.745 38.57 55.616 38.57C56.502 38.57 56.996 37.917 56.996 36.755V32.792H58.796V39.964H57.096V38.991H57.068C56.72 39.688 55.964 40.138 55.151 40.138C53.395 40.138 52.523 39.137 52.523 37.133ZM60.741 32.792H62.425V33.765H62.455C62.817 33.024 63.456 32.618 64.284 32.618C65.213 32.618 65.91 33.024 66.345 33.838C66.781 33.053 67.58 32.618 68.595 32.618C70.367 32.618 71.224 33.605 71.224 35.623V39.964H69.424V35.928C69.424 34.752 69.017 34.186 68.174 34.186C67.333 34.186 66.883 34.81 66.883 35.986V39.964H65.083V35.928C65.083 34.738 64.69 34.186 63.833 34.186C63.006 34.186 62.541 34.824 62.541 35.986V39.964H60.741V32.792ZM84.683 39.964L82.853 32.908H82.824L80.994 39.964H78.774L76 30.527H78.033L79.891 37.67H79.921L81.793 30.527H83.884L85.757 37.67H85.787L87.645 30.527H89.677L86.904 39.964H84.683ZM91.71 35.652H95.325C95.209 34.708 94.483 34.069 93.51 34.069C92.537 34.069 91.812 34.709 91.71 35.652ZM89.895 36.378C89.895 34.157 91.39 32.618 93.525 32.618C95.659 32.618 97.14 34.142 97.14 36.334C97.14 36.509 97.11 36.784 97.082 36.974H91.71C91.84 37.946 92.668 38.599 93.728 38.599C94.512 38.599 95.194 38.309 95.645 37.786L96.733 38.846C96.08 39.688 94.948 40.138 93.641 40.138C91.434 40.138 89.895 38.585 89.895 36.378ZM100 35.652H103.616C103.499 34.708 102.773 34.069 101.801 34.069C100.828 34.069 100.1 34.709 100 35.652ZM98.185 36.378C98.185 34.157 99.681 32.618 101.815 32.618C103.949 32.618 105.43 34.142 105.43 36.334C105.43 36.509 105.401 36.784 105.372 36.974H100C100.13 37.946 100.958 38.599 102.018 38.599C102.802 38.599 103.485 38.309 103.935 37.786L105.024 38.846C104.37 39.688 103.238 40.138 101.931 40.138C99.724 40.138 98.185 38.585 98.185 36.378ZM108.363 36.959C107.39 36.669 106.446 36.146 106.446 34.839C106.446 33.518 107.55 32.618 109.191 32.618C110.294 32.618 111.151 33.009 111.63 33.735L110.599 34.766C110.236 34.316 109.742 34.069 109.205 34.069C108.595 34.069 108.218 34.345 108.218 34.781C108.218 35.361 108.828 35.463 109.713 35.739C110.686 36.029 111.63 36.552 111.63 37.859C111.63 39.209 110.468 40.139 108.755 40.139C107.637 40.139 106.737 39.746 106.215 39.006L107.245 37.975C107.426 38.1976 107.654 38.3771 107.912 38.5001C108.171 38.6231 108.454 38.6866 108.741 38.686C109.437 38.686 109.859 38.396 109.859 37.917C109.859 37.337 109.249 37.235 108.363 36.959ZM118.83 36.378C118.83 35.086 118.033 34.229 116.857 34.229C115.68 34.229 114.867 35.1 114.867 36.378C114.867 37.656 115.68 38.527 116.857 38.527C118.033 38.527 118.831 37.67 118.831 36.377L118.83 36.378ZM113.067 32.792H114.78V33.91H114.81C115.245 33.097 116.116 32.618 117.162 32.618C119.209 32.618 120.675 34.171 120.675 36.348C120.675 38.556 119.209 40.138 117.162 40.138C116.189 40.138 115.39 39.718 114.896 38.948H114.867V42.65H113.067V32.792Z",
|
|
1935
|
+
fill: "#000"
|
|
1936
|
+
}), jsxRuntime.jsx("path", {
|
|
1937
|
+
className: "ams-logo__text-primary",
|
|
1938
|
+
d: "M20.539 22.287H23.588L22.078 18.309H22.048L20.539 22.287ZM21.018 16.494H23.196L26.971 25.931H24.953L24.169 23.855H19.973L19.189 25.931H17.243L21.018 16.494ZM28.161 18.759H29.845V19.732H29.875C30.237 18.992 30.876 18.584 31.704 18.584C32.633 18.584 33.33 18.991 33.765 19.804C34.201 19.02 35 18.584 36.015 18.584C37.787 18.584 38.644 19.572 38.644 21.59V25.931H36.844V21.895C36.844 20.719 36.437 20.152 35.594 20.152C34.753 20.152 34.303 20.777 34.303 21.952V25.932H32.503V21.895C32.503 20.705 32.11 20.152 31.253 20.152C30.426 20.152 29.961 20.792 29.961 21.952V25.932H28.161V18.759ZM41.954 22.926C40.981 22.636 40.037 22.113 40.037 20.806C40.037 19.485 41.141 18.584 42.781 18.584C43.885 18.584 44.741 18.977 45.221 19.702L44.19 20.733C43.827 20.283 43.333 20.036 42.796 20.036C42.186 20.036 41.809 20.312 41.809 20.748C41.809 21.328 42.419 21.43 43.304 21.706C44.277 21.996 45.221 22.519 45.221 23.826C45.221 25.176 44.059 26.106 42.346 26.106C41.228 26.106 40.328 25.713 39.806 24.973L40.836 23.942C41.0164 24.1645 41.2443 24.3439 41.5029 24.4669C41.7616 24.5899 42.0446 24.6535 42.331 24.653C43.028 24.653 43.449 24.363 43.449 23.884C43.449 23.304 42.839 23.202 41.954 22.926ZM47.122 23.361V20.254H45.888V18.76H46.542C47.137 18.76 47.369 18.527 47.369 17.932V16.814H48.909V18.76H50.651V20.255H48.908V23.362C48.908 24.059 49.271 24.452 49.939 24.452C50.142 24.452 50.389 24.422 50.534 24.379V25.889C50.2243 25.9569 49.9081 25.9907 49.591 25.99C47.965 25.99 47.122 25.089 47.122 23.361ZM53.351 21.619H56.966C56.85 20.675 56.124 20.036 55.151 20.036C54.179 20.036 53.453 20.676 53.351 21.619ZM51.536 22.345C51.536 20.124 53.032 18.585 55.166 18.585C57.3 18.585 58.781 20.109 58.781 22.301C58.781 22.476 58.752 22.751 58.723 22.941H53.351C53.481 23.913 54.309 24.566 55.369 24.566C56.153 24.566 56.836 24.276 57.286 23.753L58.375 24.813C57.721 25.655 56.589 26.105 55.282 26.105C53.075 26.105 51.536 24.552 51.536 22.345ZM60.277 18.759H61.975V19.949H62.005C62.353 19.136 62.992 18.701 63.834 18.701C64.051 18.701 64.356 18.73 64.472 18.773V20.487C64.1819 20.4194 63.8849 20.3852 63.587 20.385C62.672 20.385 62.077 21.082 62.077 22.156V25.931H60.277V18.759ZM70.788 22.345C70.788 21.053 69.99 20.196 68.814 20.196C67.623 20.196 66.824 21.067 66.824 22.346C66.824 23.623 67.623 24.494 68.814 24.494C69.99 24.494 70.788 23.637 70.788 22.345ZM64.981 22.374C64.981 20.152 66.447 18.584 68.523 18.584C69.481 18.584 70.265 19.006 70.759 19.775H70.789V15.405H72.589V25.93H70.889V24.812H70.861C70.396 25.625 69.525 26.104 68.523 26.104C66.447 26.104 64.981 24.552 64.981 22.374ZM78.425 23.26V22.853L77.235 22.868C76.291 22.882 75.783 23.216 75.783 23.841C75.783 24.392 76.218 24.784 76.828 24.784C77.771 24.784 78.425 24.16 78.425 23.26ZM73.968 23.884C73.968 22.504 75.115 21.677 77.031 21.663L78.425 21.648V21.416C78.425 20.574 77.888 20.138 76.915 20.138C76.276 20.138 75.71 20.385 75.318 20.835L74.229 19.775C74.853 19.005 75.855 18.585 77.089 18.585C79.006 18.585 80.225 19.63 80.225 21.3V24.145C80.225 24.407 80.341 24.523 80.632 24.523H80.762V25.931H79.92C79.238 25.931 78.773 25.611 78.628 25.089H78.6C78.15 25.743 77.41 26.105 76.51 26.105C75 26.105 73.969 25.205 73.969 23.885L73.968 23.884ZM82.17 18.759H83.855V19.732H83.884C84.247 18.992 84.886 18.584 85.714 18.584C86.642 18.584 87.339 18.991 87.774 19.804C88.21 19.02 89.009 18.584 90.025 18.584C91.797 18.584 92.653 19.572 92.653 21.59V25.931H90.853V21.895C90.853 20.719 90.446 20.152 89.604 20.152C88.762 20.152 88.312 20.777 88.312 21.952V25.932H86.512V21.895C86.512 20.705 86.12 20.152 85.263 20.152C84.436 20.152 83.971 20.792 83.971 21.952V25.932H82.171L82.17 18.759ZM17.644 6.97998C17.644 4.11998 19.647 2.09998 22.479 2.09998C23.916 2.09998 25.121 2.56498 25.978 3.49398L24.729 4.68398C24.192 4.08898 23.422 3.74098 22.508 3.74098C20.795 3.74098 19.604 5.07698 19.604 6.97898C19.604 8.92398 20.765 10.274 22.435 10.274C23.96 10.274 25.02 9.40398 25.02 8.13998V7.89298H22.74V6.31198H26.936V7.77798C26.936 10.188 25.063 11.887 22.377 11.887C19.604 11.887 17.644 9.85398 17.644 6.97998ZM29.97 7.39998H33.586C33.469 6.45698 32.743 5.81798 31.771 5.81798C30.798 5.81798 30.072 6.45698 29.971 7.40098L29.97 7.39998ZM28.155 8.12698C28.155 5.90498 29.651 4.36698 31.785 4.36698C33.92 4.36698 35.4 5.89098 35.4 8.08298C35.4 8.25698 35.372 8.53298 35.342 8.72198H29.97C30.101 9.69498 30.929 10.348 31.988 10.348C32.773 10.348 33.455 10.058 33.905 9.53498L34.994 10.595C34.341 11.437 33.208 11.887 31.901 11.887C29.694 11.887 28.155 10.333 28.155 8.12698ZM36.896 4.53998H38.58V5.51298H38.609C38.972 4.77298 39.611 4.36598 40.439 4.36598C41.368 4.36598 42.065 4.77298 42.5 5.58598C42.936 4.80198 43.734 4.36598 44.75 4.36598C46.522 4.36598 47.379 5.35398 47.379 7.37198V11.712H45.579V7.67698C45.579 6.50198 45.172 5.93498 44.329 5.93498C43.488 5.93498 43.037 6.55998 43.037 7.73498V11.714H41.237V7.67598C41.237 6.48598 40.845 5.93398 39.988 5.93398C39.161 5.93398 38.696 6.57398 38.696 7.73398V11.713H36.896V4.53998ZM50.616 7.39998H54.231C54.115 6.45698 53.389 5.81798 52.417 5.81798C51.444 5.81798 50.717 6.45698 50.617 7.40098L50.616 7.39998ZM48.801 8.12698C48.801 5.90498 50.297 4.36698 52.431 4.36698C54.565 4.36698 56.046 5.89098 56.046 8.08298C56.046 8.25698 56.017 8.53298 55.988 8.72198H50.616C50.746 9.69498 51.574 10.348 52.634 10.348C53.418 10.348 54.101 10.058 54.551 9.53498L55.64 10.595C54.986 11.437 53.854 11.887 52.547 11.887C50.34 11.887 48.801 10.333 48.801 8.12698ZM58.906 7.39998H62.522C62.406 6.45698 61.68 5.81798 60.707 5.81798C59.734 5.81798 59.008 6.45698 58.907 7.40098L58.906 7.39998ZM57.092 8.12698C57.092 5.90498 58.587 4.36698 60.722 4.36698C62.856 4.36698 64.337 5.89098 64.337 8.08298C64.337 8.25698 64.307 8.53298 64.279 8.72198H58.906C59.037 9.69498 59.865 10.348 60.925 10.348C61.708 10.348 62.391 10.058 62.841 9.53498L63.93 10.595C63.277 11.437 62.144 11.887 60.837 11.887C58.631 11.887 57.092 10.333 57.092 8.12698ZM65.832 4.53998H67.531V5.51298H67.56C67.894 4.80198 68.62 4.36598 69.462 4.36598C71.262 4.36598 72.192 5.39698 72.192 7.37198V11.712H70.39V7.71998C70.39 6.49998 69.955 5.93398 69.04 5.93398C68.125 5.93398 67.631 6.57398 67.631 7.76398V11.713H65.831L65.832 4.53998ZM74.5 9.14298V6.03598H73.266V4.53998H73.919C74.514 4.53998 74.747 4.30798 74.747 3.71298V2.59498H76.286V4.53998H78.028V6.03598H76.286V9.14298C76.286 9.83998 76.648 10.232 77.316 10.232C77.52 10.232 77.766 10.202 77.912 10.159V11.669C77.602 11.7372 77.2855 11.7714 76.968 11.771C75.342 11.771 74.5 10.871 74.5 9.14298ZM80.728 7.39998H84.344C84.227 6.45698 83.501 5.81798 82.529 5.81798C81.556 5.81798 80.83 6.45698 80.729 7.40098L80.728 7.39998ZM78.913 8.12698C78.913 5.90498 80.409 4.36698 82.543 4.36698C84.678 4.36698 86.158 5.89098 86.158 8.08298C86.158 8.25698 86.129 8.53298 86.1 8.72198H80.728C80.859 9.69498 81.687 10.348 82.747 10.348C83.531 10.348 84.213 10.058 84.663 9.53498L85.752 10.595C85.099 11.437 83.966 11.887 82.659 11.887C80.452 11.887 78.913 10.333 78.913 8.12698Z",
|
|
1939
|
+
fill: "#EC0000"
|
|
1940
|
+
}), jsxRuntime.jsx("path", {
|
|
1941
|
+
className: "ams-logo__emblem",
|
|
1942
|
+
d: "M0 38.3642L3.6 34.9356L0 31.507L2.4 29.2213L6 32.6499L9.6 29.2213L12 31.507L8.4 34.9356L12 38.3642L9.6 40.6499L6 37.2213L2.4 40.6499L0 38.3642Z",
|
|
1943
|
+
fill: "#EC0000"
|
|
1944
|
+
}), jsxRuntime.jsx("path", {
|
|
1945
|
+
className: "ams-logo__emblem",
|
|
1946
|
+
d: "M0 9.79276L3.6 6.36419L0 2.93562L2.4 0.649902L6 4.07847L9.6 0.649902L12 2.93562L8.4 6.36419L12 9.79276L9.6 12.0785L6 8.6499L2.4 12.0785L0 9.79276Z",
|
|
1947
|
+
fill: "#EC0000"
|
|
1948
|
+
}), jsxRuntime.jsx("path", {
|
|
1949
|
+
className: "ams-logo__emblem",
|
|
1950
|
+
d: "M0 24.0785L3.6 20.6499L0 17.2213L2.4 14.9356L6 18.3642L9.6 14.9356L12 17.2213L8.4 20.6499L12 24.0785L9.6 26.3642L6 22.9356L2.4 26.3642L0 24.0785Z",
|
|
1951
|
+
fill: "#EC0000"
|
|
1952
|
+
})]
|
|
1953
|
+
}));
|
|
1954
|
+
});
|
|
1955
|
+
LogoMuseumWeesp.displayName = 'LogoMuseumWeesp';
|
|
1956
|
+
|
|
1957
|
+
function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1958
|
+
function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1959
|
+
var LogoStadsarchief = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
1960
|
+
return jsxRuntime.jsxs("svg", _objectSpread$P(_objectSpread$P({
|
|
1961
|
+
"aria-hidden": "true",
|
|
1962
|
+
className: "ams-logo",
|
|
1963
|
+
focusable: "false",
|
|
1964
|
+
ref: ref,
|
|
1965
|
+
viewBox: "0 0 98 40",
|
|
1966
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1967
|
+
}, props), {}, {
|
|
1968
|
+
children: [jsxRuntime.jsx("path", {
|
|
1969
|
+
className: "ams-logo__emblem",
|
|
1970
|
+
d: "m0 37.648 3.527-3.527L0 30.593l2.352-2.351 3.527 3.527 3.528-3.527 2.351 2.351-3.527 3.528 3.527 3.527L9.407 40l-3.528-3.527L2.352 40 0 37.648ZM0 9.407l3.527-3.528L0 2.352 2.352 0l3.527 3.527L9.407 0l2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.526 3.527L0 9.407ZM0 23.54l3.527-3.528L0 16.485l2.352-2.352 3.527 3.528 3.528-3.528 2.351 2.352-3.527 3.527 3.527 3.528-2.351 2.351-3.528-3.527-3.527 3.527L0 23.54Z",
|
|
1971
|
+
fill: "#EC0000"
|
|
1972
|
+
}), jsxRuntime.jsx("path", {
|
|
1973
|
+
className: "ams-logo__text-primary",
|
|
1974
|
+
d: "M20.937 15.334h2.17l3.76 9.4h-2.011l-.78-2.068h-4.18l-.782 2.068h-1.937l3.76-9.4Zm-.477 5.77h3.037l-1.504-3.962h-.03l-1.503 3.963ZM28.052 17.59h1.678v.969h.03c.36-.737.997-1.143 1.822-1.143.925 0 1.62.405 2.054 1.215.434-.781 1.228-1.215 2.24-1.215 1.766 0 2.618.983 2.618 2.994v4.324h-1.793v-4.02c0-1.17-.404-1.735-1.244-1.735s-1.287.622-1.287 1.793v3.962h-1.794v-4.02c0-1.186-.39-1.735-1.243-1.735-.854 0-1.288.636-1.288 1.793v3.962h-1.793V17.59ZM41.791 21.74c-.969-.288-1.91-.81-1.91-2.111 0-1.302 1.1-2.213 2.734-2.213 1.1 0 1.952.39 2.43 1.114l-1.027 1.026c-.362-.448-.853-.694-1.388-.694-.608 0-.983.276-.983.71 0 .578.608.679 1.49.954.968.29 1.909.81 1.909 2.112 0 1.301-1.157 2.27-2.863 2.27-1.114 0-2.01-.39-2.532-1.127l1.027-1.027c.39.464.911.71 1.49.71.693 0 1.113-.29 1.113-.767 0-.579-.608-.68-1.49-.955v-.001ZM46.94 22.175V19.08h-1.23v-1.49h.652c.592 0 .824-.232.824-.824v-1.114h1.533v1.938h1.736v1.49h-1.736v3.095c0 .693.361 1.085 1.027 1.085.202 0 .448-.03.592-.073v1.504a4.362 4.362 0 0 1-.94.101c-1.62 0-2.46-.897-2.46-2.617h.002ZM51.337 21.162c0-2.213 1.49-3.746 3.615-3.746 2.126 0 3.602 1.52 3.602 3.703 0 .174-.03.448-.058.636h-5.351c.13.969.955 1.62 2.01 1.62.781 0 1.46-.29 1.91-.81l1.084 1.056c-.651.838-1.779 1.287-3.08 1.287-2.2 0-3.731-1.547-3.731-3.746h-.002Zm1.808-.723h3.601c-.115-.94-.838-1.577-1.808-1.577-.97 0-1.692.637-1.793 1.577ZM60.042 17.59h1.692v1.186h.03c.346-.81.983-1.244 1.822-1.244.218 0 .521.03.636.072v1.706a3.906 3.906 0 0 0-.882-.1c-.91 0-1.504.693-1.504 1.764v3.76h-1.793V17.59ZM64.729 21.192c0-2.213 1.46-3.775 3.529-3.775.954 0 1.735.42 2.227 1.187h.029V14.25h1.793v10.486h-1.692v-1.114h-.03c-.462.81-1.33 1.288-2.327 1.288-2.069 0-3.529-1.548-3.529-3.717v-.002Zm5.785-.03c0-1.287-.796-2.14-1.967-2.14s-1.981.868-1.981 2.14c0 1.273.796 2.14 1.98 2.14 1.186 0 1.968-.853 1.968-2.14ZM73.68 22.695c0-1.374 1.143-2.198 3.052-2.212l1.388-.015v-.231c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.59.693l-1.084-1.056c.622-.766 1.62-1.186 2.849-1.186 1.908 0 3.124 1.042 3.124 2.704v2.835c0 .26.115.377.404.377h.13v1.402h-.838c-.68 0-1.143-.318-1.287-.838h-.03c-.448.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.213h-.002Zm4.44-.622v-.404l-1.185.014c-.94.014-1.446.347-1.446.969 0 .55.434.94 1.042.94.94 0 1.59-.621 1.59-1.518ZM81.851 17.59h1.678v.969h.03c.362-.737.998-1.143 1.822-1.143.925 0 1.62.405 2.054 1.215.434-.781 1.229-1.215 2.241-1.215 1.765 0 2.618.983 2.618 2.994v4.324H90.5v-4.02c0-1.17-.405-1.735-1.245-1.735-.84 0-1.287.622-1.287 1.793v3.962h-1.793v-4.02c0-1.186-.39-1.735-1.244-1.735s-1.288.636-1.288 1.793v3.962h-1.793V17.59ZM17.575 5.857c0-2.85 1.996-4.86 4.817-4.86 1.432 0 2.632.463 3.485 1.389l-1.244 1.186c-.535-.593-1.302-.94-2.213-.94-1.706 0-2.893 1.33-2.893 3.225 0 1.894 1.157 3.283 2.821 3.283 1.52 0 2.574-.868 2.574-2.126v-.246h-2.27V5.191h4.18v1.46c0 2.402-1.867 4.094-4.542 4.094s-4.715-2.025-4.715-4.888ZM28.047 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636h-5.351c.13.97.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81l1.085 1.056c-.651.839-1.779 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746h-.002Zm1.809-.724h3.601c-.115-.94-.838-1.576-1.808-1.576-.97 0-1.692.636-1.793 1.576ZM36.753 3.426h1.678v.97h.03c.361-.738.997-1.144 1.822-1.144.925 0 1.62.405 2.054 1.215.434-.78 1.23-1.215 2.24-1.215 1.766 0 2.618.983 2.618 2.994v4.324h-1.793V6.55c0-1.17-.404-1.735-1.244-1.735s-1.287.622-1.287 1.793v3.962h-1.794V6.55c0-1.186-.39-1.735-1.243-1.735-.854 0-1.288.636-1.288 1.793v3.962h-1.793V3.426ZM48.612 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636H50.42c.131.97.955 1.62 2.011 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746Zm1.808-.724h3.602c-.115-.94-.838-1.576-1.807-1.576s-1.692.636-1.793 1.576h-.002ZM56.87 7c0-2.213 1.49-3.747 3.616-3.747 2.125 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.058.636h-5.35c.13.97.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.081 1.288-2.199 0-3.731-1.548-3.731-3.746h-.001Zm1.808-.724h3.602c-.115-.94-.839-1.576-1.809-1.576s-1.692.636-1.793 1.576ZM65.577 3.426h1.692v.97h.03c.332-.71 1.055-1.144 1.893-1.144 1.794 0 2.719 1.027 2.719 2.994v4.324h-1.793V6.594c0-1.215-.434-1.78-1.345-1.78-.912 0-1.403.637-1.403 1.823v3.935h-1.793V3.426ZM74.21 8.012V4.917h-1.23v-1.49h.652c.593 0 .825-.231.825-.824V1.49h1.533v1.937h1.735v1.49H75.99v3.095c0 .694.36 1.085 1.026 1.085.203 0 .448-.03.593-.073v1.504a4.356 4.356 0 0 1-.94.101c-1.621 0-2.46-.897-2.46-2.617l.002.001ZM78.607 7c0-2.213 1.49-3.747 3.616-3.747 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.057.636h-5.352c.131.97.955 1.62 2.011 1.62.78 0 1.46-.289 1.91-.81l1.084 1.056c-.652.839-1.78 1.288-3.08 1.288-2.2 0-3.732-1.548-3.732-3.746Zm1.808-.724h3.602c-.115-.94-.838-1.576-1.808-1.576-.97 0-1.692.636-1.794 1.576Z",
|
|
1975
|
+
fill: "#EC0000"
|
|
1976
|
+
}), jsxRuntime.jsx("path", {
|
|
1977
|
+
className: "ams-logo__text-secondary",
|
|
1978
|
+
d: "m17.335 37.353 1.302-1.084a2.07 2.07 0 0 0 1.779.983c.868 0 1.46-.463 1.46-1.143 0-.766-.636-1.042-1.866-1.49-1.143-.42-2.343-1.012-2.343-2.747 0-1.62 1.316-2.734 3.24-2.734 1.3 0 2.327.52 2.906 1.446L22.51 31.67c-.39-.578-.954-.897-1.62-.897-.78 0-1.302.42-1.302 1.042 0 .767.637 1.042 1.866 1.49 1.143.42 2.344 1.012 2.344 2.748 0 1.735-1.375 2.834-3.4 2.834-1.374 0-2.458-.549-3.066-1.533h.002ZM25.738 36.153v-3.095h-1.23v-1.49h.65c.593 0 .824-.231.824-.824v-1.113h1.534v1.937h1.735v1.49h-1.735v3.095c0 .693.362 1.085 1.026 1.085.202 0 .448-.03.593-.073v1.504a4.37 4.37 0 0 1-.941.101c-1.62 0-2.459-.897-2.459-2.617h.003ZM30.134 36.674c0-1.375 1.143-2.2 3.051-2.213l1.389-.014v-.232c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.59.694l-1.085-1.056c.622-.767 1.62-1.187 2.85-1.187 1.909 0 3.123 1.042 3.123 2.705v2.835c0 .26.115.376.405.376h.13v1.402h-.838c-.68 0-1.143-.318-1.288-.838h-.029c-.448.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.212h-.002Zm4.44-.622v-.405l-1.186.014c-.941.014-1.447.347-1.447.97 0 .548.434.94 1.042.94.94 0 1.591-.622 1.591-1.52ZM37.813 35.17c0-2.213 1.46-3.775 3.529-3.775.955 0 1.735.42 2.227 1.187h.03v-4.353h1.792v10.486H43.7V37.6h-.029c-.463.81-1.331 1.288-2.328 1.288-2.068 0-3.529-1.547-3.529-3.717v-.002Zm5.785-.03c0-1.287-.796-2.14-1.967-2.14-1.17 0-1.981.868-1.981 2.14 0 1.273.796 2.14 1.981 2.14s1.967-.853 1.967-2.14ZM48.763 35.719c-.97-.29-1.91-.81-1.91-2.112 0-1.301 1.1-2.213 2.734-2.213 1.1 0 1.952.39 2.429 1.114l-1.026 1.026c-.363-.448-.854-.694-1.39-.694-.607 0-.982.276-.982.71 0 .578.608.68 1.49.954.969.29 1.91.81 1.91 2.112s-1.158 2.27-2.864 2.27c-1.113 0-2.01-.39-2.532-1.127l1.027-1.027c.39.464.911.71 1.49.71.694 0 1.113-.29 1.113-.767 0-.579-.608-.68-1.49-.955v-.001ZM52.97 36.674c0-1.375 1.144-2.2 3.052-2.213l1.389-.014v-.232c0-.838-.535-1.272-1.504-1.272-.636 0-1.2.245-1.591.694l-1.084-1.056c.622-.767 1.62-1.187 2.849-1.187 1.91 0 3.124 1.042 3.124 2.705v2.835c0 .26.115.376.404.376h.13v1.402h-.837c-.68 0-1.143-.318-1.288-.838h-.03c-.447.651-1.186 1.012-2.082 1.012-1.504 0-2.53-.897-2.53-2.212h-.001Zm4.44-.622v-.405l-1.186.014c-.94.014-1.446.347-1.446.97 0 .548.434.94 1.042.94.94 0 1.59-.622 1.59-1.52ZM61.142 31.568h1.691v1.187h.03c.347-.81.983-1.244 1.822-1.244.218 0 .521.029.636.073v1.706a3.907 3.907 0 0 0-.881-.102c-.912 0-1.504.694-1.504 1.765v3.76h-1.793V31.57h-.002ZM65.827 35.14c0-2.227 1.49-3.746 3.689-3.746 1.085 0 2.038.405 2.646 1.128l-1.2 1.127c-.362-.404-.868-.622-1.446-.622-1.1 0-1.851.868-1.851 2.112 0 1.244.752 2.112 1.85 2.112.58 0 1.086-.218 1.476-.636l1.187 1.127c-.636.738-1.577 1.143-2.647 1.143-2.199 0-3.703-1.519-3.703-3.746v.001ZM73.492 28.228h1.793v4.15h.03c.42-.636 1.041-.983 1.793-.983 1.793 0 2.718 1.027 2.718 2.994v4.325h-1.793v-3.978c0-1.215-.434-1.78-1.345-1.78s-1.403.637-1.403 1.823v3.935h-1.793V28.228ZM82.56 30.657c-.622 0-1.07-.434-1.07-1.042 0-.608.448-1.042 1.07-1.042.622 0 1.07.434 1.07 1.042 0 .608-.448 1.042-1.07 1.042Zm-.897.911h1.793v7.144h-1.793v-7.144ZM84.947 35.14c0-2.212 1.49-3.746 3.616-3.746 2.126 0 3.601 1.52 3.601 3.703 0 .174-.03.448-.058.636h-5.35c.13.969.954 1.62 2.01 1.62.78 0 1.46-.289 1.91-.81L91.76 37.6c-.652.838-1.78 1.288-3.081 1.288-2.199 0-3.73-1.548-3.73-3.747h-.002Zm1.808-.723h3.602c-.115-.94-.838-1.577-1.808-1.577-.97 0-1.693.637-1.794 1.577ZM92.886 33.058v-1.49h1.215v-.925c0-1.634.969-2.59 2.632-2.59.203 0 .506.03.666.058v1.548a2.82 2.82 0 0 0-.622-.072c-.565 0-.882.376-.882 1.056v.925h1.736v1.49h-1.736v5.654h-1.793v-5.654h-1.216Z",
|
|
1979
|
+
fill: "#000"
|
|
1980
|
+
})]
|
|
1981
|
+
}));
|
|
1982
|
+
});
|
|
1983
|
+
LogoStadsarchief.displayName = 'LogoStadsarchief';
|
|
1984
|
+
|
|
1985
|
+
function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1986
|
+
function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1987
|
+
var LogoStadsbankVanLening = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
1988
|
+
return jsxRuntime.jsxs("svg", _objectSpread$O(_objectSpread$O({
|
|
1989
|
+
"aria-hidden": "true",
|
|
1990
|
+
className: "ams-logo",
|
|
1991
|
+
focusable: "false",
|
|
1992
|
+
ref: ref,
|
|
1993
|
+
viewBox: "0 0 159 42",
|
|
1994
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
1995
|
+
}, props), {}, {
|
|
1996
|
+
children: [jsxRuntime.jsx("path", {
|
|
1997
|
+
className: "ams-logo__emblem",
|
|
1998
|
+
d: "m0 37.65 3.53-3.53L0 30.59l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53L9.41 40l-3.53-3.53L2.35 40 0 37.65ZM0 9.41l3.53-3.53L0 2.35 2.35 0l3.53 3.53L9.41 0l2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 9.41ZM0 23.54l3.53-3.53L0 16.48l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 23.54Z",
|
|
1999
|
+
fill: "#EC0000"
|
|
2000
|
+
}), jsxRuntime.jsx("path", {
|
|
2001
|
+
className: "ams-logo__text-secondary",
|
|
2002
|
+
d: "m17.34 37.35 1.3-1.08c.4.64 1.06.98 1.78.98.87 0 1.46-.46 1.46-1.14 0-.77-.64-1.04-1.87-1.49-1.14-.42-2.34-1.01-2.34-2.75 0-1.62 1.32-2.73 3.24-2.73 1.3 0 2.33.52 2.91 1.45l-1.3 1.08c-.39-.58-.95-.9-1.62-.9-.78 0-1.3.42-1.3 1.04 0 .77.64 1.04 1.87 1.49 1.14.42 2.34 1.01 2.34 2.75s-1.37 2.83-3.4 2.83c-1.37 0-2.46-.55-3.07-1.53ZM25.74 36.15v-3.1h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.1c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM30.13 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM37.81 35.17c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79v10.49H43.7v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM48.76 35.72c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM55.18 37.6h-.03v1.11h-1.71V28.22h1.79v4.35h.03c.52-.77 1.3-1.19 2.26-1.19 2.04 0 3.5 1.56 3.5 3.75s-1.46 3.75-3.5 3.75c-1 0-1.82-.46-2.34-1.29v.01Zm4.01-2.46c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.81 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM61.95 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4H65.2c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM70.12 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM80.09 38.71H78.3V28.22h1.79v6.57h.03l2.66-3.23h2.17l-2.76 3.17 2.89 3.98h-2.17l-1.98-2.81-.84.97v1.84ZM88.97 31.57h1.95l1.66 5.15h.03l1.71-5.15h1.91l-2.69 7.14h-1.92l-2.65-7.14ZM96.6 36.67c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM104.77 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14l-.01.01ZM116.65 29.31h1.91v7.78h3.49v1.62h-5.39v-9.4h-.01ZM122.87 35.14c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM131.57 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM140.64 30.66c-.62 0-1.07-.43-1.07-1.04 0-.61.45-1.04 1.07-1.04.62 0 1.07.43 1.07 1.04 0 .61-.45 1.04-1.07 1.04Zm-.9.91h1.79v7.14h-1.79v-7.14ZM143.47 31.57h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM151.54 40.42l1.16-1.13c.39.45 1.1.72 1.87.72 1.3 0 2.02-.59 2.02-1.63v-1.1h-.03c-.4.75-1.16 1.17-2.1 1.17-2.01 0-3.34-1.42-3.34-3.53s1.37-3.51 3.34-3.51c1.01 0 1.81.45 2.2 1.21h.03v-1.06h1.69v6.88c0 1.91-1.46 3.11-3.79 3.11-1.33 0-2.43-.42-3.05-1.14v.01Zm5.06-5.5c0-1.19-.74-2.01-1.82-2.01s-1.82.82-1.82 2.01.75 2 1.82 2 1.82-.82 1.82-2Z",
|
|
2003
|
+
fill: "#000"
|
|
2004
|
+
}), jsxRuntime.jsx("path", {
|
|
2005
|
+
className: "ams-logo__text-primary",
|
|
2006
|
+
d: "M20.94 15.33h2.17l3.76 9.4h-2.01l-.78-2.07H19.9l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04L22 17.14h-.03l-1.5 3.96h-.01ZM28.05 17.59h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H36.7v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V20.7c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM41.79 21.74c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM46.94 22.17v-3.09h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM51.34 21.16c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM60.04 17.59h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79V17.6l-.01-.01ZM64.73 21.19c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79v10.49h-1.69v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM73.68 22.7c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM81.85 17.59h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H90.5v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V20.7c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM17.58 5.86c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27V5.19h4.18v1.46c0 2.4-1.87 4.09-4.54 4.09S17.6 8.72 17.6 5.85l-.02.01ZM28.05 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM36.75 3.43h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H45.4V6.55c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V6.55c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79V3.43h-.01ZM48.61 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM56.87 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM65.58 3.43h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79V6.59c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79V3.43h-.01ZM74.21 8.01v-3.1h-1.23V3.42h.65c.59 0 .82-.23.82-.82V1.49h1.53v1.94h1.74v1.49h-1.74v3.1c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM78.61 7c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58Z",
|
|
2007
|
+
fill: "#EC0000"
|
|
2008
|
+
})]
|
|
2009
|
+
}));
|
|
2010
|
+
});
|
|
2011
|
+
LogoStadsbankVanLening.displayName = 'LogoStadsbankVanLening';
|
|
2012
|
+
|
|
2013
|
+
function ownKeys$N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2014
|
+
function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2015
|
+
var LogoVgaVerzekeringen = /*#__PURE__*/react.forwardRef(function (props, ref) {
|
|
2016
|
+
return jsxRuntime.jsxs("svg", _objectSpread$N(_objectSpread$N({
|
|
2017
|
+
"aria-hidden": "true",
|
|
2018
|
+
className: "ams-logo",
|
|
2019
|
+
focusable: "false",
|
|
2020
|
+
ref: ref,
|
|
2021
|
+
viewBox: "0 0 145 43",
|
|
2022
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
2023
|
+
}, props), {}, {
|
|
2024
|
+
children: [jsxRuntime.jsx("path", {
|
|
2025
|
+
className: "ams-logo__emblem",
|
|
2026
|
+
d: "m0 38.2 3.53-3.53L0 31.14l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 38.2ZM0 9.96l3.53-3.53L0 2.9 2.35.55l3.53 3.53L9.41.55l2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 9.96ZM0 24.09l3.53-3.53L0 17.03l2.35-2.35 3.53 3.53 3.53-3.53 2.35 2.35-3.53 3.53 3.53 3.53-2.35 2.35-3.53-3.53-3.53 3.53L0 24.09Z",
|
|
2027
|
+
fill: "#EC0000"
|
|
2028
|
+
}), jsxRuntime.jsx("path", {
|
|
2029
|
+
className: "ams-logo__text-secondary",
|
|
2030
|
+
d: "M17.13 29.86h2.07l2.39 7.22h.03l2.42-7.22h1.98l-3.36 9.4h-2.17l-3.36-9.4ZM26.5 34.55c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27v-1.58h4.18v1.46c0 2.4-1.87 4.09-4.54 4.09s-4.71-2.02-4.71-4.89l-.02.01ZM40.43 29.86h2.17l3.76 9.4h-2.01l-.78-2.07h-4.18l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04l-1.5-3.96h-.03l-1.5 3.96h-.01ZM50.38 29.86h2.07l2.39 7.22h.03l2.42-7.22h1.98l-3.36 9.4h-2.17l-3.36-9.4ZM59.42 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM68.13 32.12h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM73.01 38.06l3.4-4.45h-3.3v-1.49h5.73v1.2l-3.4 4.45h3.5v1.49h-5.93v-1.2ZM79.88 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM90.38 39.26h-1.79V28.77h1.79v6.57h.03l2.66-3.23h2.17l-2.76 3.17 2.89 3.98H93.2l-1.98-2.81-.84.97v1.84ZM95.68 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM104.38 32.12h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM110.65 31.21c-.62 0-1.07-.43-1.07-1.04 0-.61.45-1.04 1.07-1.04.62 0 1.07.43 1.07 1.04 0 .61-.45 1.04-1.07 1.04Zm-.9.91h1.79v7.14h-1.79v-7.14ZM113.48 32.12h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01ZM121.55 40.97l1.16-1.13c.39.45 1.1.72 1.87.72 1.3 0 2.02-.59 2.02-1.63v-1.1h-.03c-.4.75-1.16 1.17-2.1 1.17-2.01 0-3.34-1.42-3.34-3.53s1.37-3.51 3.34-3.51c1.01 0 1.81.45 2.2 1.21h.03v-1.06h1.69v6.88c0 1.91-1.46 3.11-3.79 3.11-1.33 0-2.43-.42-3.05-1.14v.01Zm5.06-5.5c0-1.19-.74-2.01-1.82-2.01s-1.82.82-1.82 2.01.75 2 1.82 2 1.82-.82 1.82-2ZM129.88 35.69c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM138.59 32.12h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79v-3.98c0-1.21-.43-1.78-1.35-1.78-.92 0-1.4.64-1.4 1.82v3.93h-1.79v-7.14.01Z",
|
|
2031
|
+
fill: "#000"
|
|
2032
|
+
}), jsxRuntime.jsx("path", {
|
|
2033
|
+
className: "ams-logo__text-primary",
|
|
2034
|
+
d: "M20.94 15.88h2.17l3.76 9.4h-2.01l-.78-2.07H19.9l-.78 2.07h-1.94l3.76-9.4Zm-.48 5.77h3.04L22 17.69h-.03l-1.5 3.96h-.01ZM28.05 18.14h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H36.7v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79v-4.02c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM41.79 22.29c-.97-.29-1.91-.81-1.91-2.11 0-1.3 1.1-2.21 2.73-2.21 1.1 0 1.95.39 2.43 1.11l-1.03 1.03c-.36-.45-.85-.69-1.39-.69-.61 0-.98.27-.98.71 0 .58.61.68 1.49.95.97.29 1.91.81 1.91 2.11 0 1.3-1.16 2.27-2.86 2.27-1.11 0-2.01-.39-2.53-1.13l1.03-1.03c.39.46.91.71 1.49.71.69 0 1.11-.29 1.11-.77 0-.58-.61-.68-1.49-.95ZM46.94 22.72v-3.09h-1.23v-1.49h.65c.59 0 .82-.23.82-.82v-1.11h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62h.01ZM51.34 21.71c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM60.04 18.14h1.69v1.19h.03c.35-.81.98-1.24 1.82-1.24.22 0 .52.03.64.07v1.71c-.2-.06-.59-.1-.88-.1-.91 0-1.5.69-1.5 1.76v3.76h-1.79v-7.14l-.01-.01ZM64.73 21.74c0-2.21 1.46-3.77 3.53-3.77.95 0 1.74.42 2.23 1.19h.03v-4.35h1.79V25.3h-1.69v-1.11h-.03c-.46.81-1.33 1.29-2.33 1.29-2.07 0-3.53-1.55-3.53-3.72v-.02Zm5.79-.03c0-1.29-.8-2.14-1.97-2.14s-1.98.87-1.98 2.14.8 2.14 1.98 2.14 1.97-.85 1.97-2.14ZM73.68 23.25c0-1.37 1.14-2.2 3.05-2.21h1.39v-.25c0-.84-.54-1.27-1.5-1.27-.64 0-1.2.25-1.59.69l-1.08-1.06c.62-.77 1.62-1.19 2.85-1.19 1.91 0 3.12 1.04 3.12 2.7v2.83c0 .26.12.38.4.38h.13v1.4h-.84c-.68 0-1.14-.32-1.29-.84h-.03c-.45.65-1.19 1.01-2.08 1.01-1.5 0-2.53-.9-2.53-2.21v.02Zm4.44-.62v-.4h-1.19c-.94.03-1.45.36-1.45.98 0 .55.43.94 1.04.94.94 0 1.59-.62 1.59-1.52h.01ZM81.85 18.14h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H90.5v-4.02c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79v-4.02c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79v-7.14l-.01.02ZM17.58 6.41c0-2.85 2-4.86 4.82-4.86 1.43 0 2.63.46 3.49 1.39l-1.24 1.19c-.54-.59-1.3-.94-2.21-.94-1.71 0-2.89 1.33-2.89 3.23s1.16 3.28 2.82 3.28c1.52 0 2.57-.87 2.57-2.13v-.25h-2.27V5.74h4.18V7.2c0 2.4-1.87 4.09-4.54 4.09S17.6 9.27 17.6 6.4l-.02.01ZM28.05 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM36.75 3.98h1.68v.97h.03c.36-.74 1-1.14 1.82-1.14.93 0 1.62.4 2.05 1.21.43-.78 1.23-1.21 2.24-1.21 1.76 0 2.62.98 2.62 2.99v4.32H45.4V7.1c0-1.17-.4-1.74-1.24-1.74s-1.29.62-1.29 1.79v3.96h-1.79V7.1c0-1.19-.39-1.74-1.24-1.74s-1.29.64-1.29 1.79v3.96h-1.79V3.98h-.01ZM48.61 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM56.87 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58ZM65.58 3.98h1.69v.97h.03c.33-.71 1.06-1.14 1.89-1.14 1.79 0 2.72 1.03 2.72 2.99v4.32h-1.79V7.14c0-1.21-.43-1.78-1.34-1.78-.91 0-1.4.64-1.4 1.82v3.93h-1.79V3.98h-.01ZM74.21 8.56V5.47h-1.23V3.98h.65c.59 0 .82-.23.82-.82V2.04h1.53v1.94h1.74v1.49h-1.74v3.09c0 .69.36 1.08 1.03 1.08.2 0 .45-.03.59-.07v1.5c-.22.06-.62.1-.94.1-1.62 0-2.46-.9-2.46-2.62l.01.01ZM78.61 7.55c0-2.21 1.49-3.75 3.62-3.75s3.6 1.52 3.6 3.7c0 .17-.03.45-.06.64h-5.35c.13.97.95 1.62 2.01 1.62.78 0 1.46-.29 1.91-.81l1.08 1.06c-.65.84-1.78 1.29-3.08 1.29-2.2 0-3.73-1.55-3.73-3.75Zm1.81-.72h3.6c-.12-.94-.84-1.58-1.81-1.58-.97 0-1.69.64-1.79 1.58Z",
|
|
2035
|
+
fill: "#EC0000"
|
|
2036
|
+
})]
|
|
2037
|
+
}));
|
|
2038
|
+
});
|
|
2039
|
+
LogoVgaVerzekeringen.displayName = 'LogoVgaVerzekeringen';
|
|
2040
|
+
|
|
2041
|
+
var _excluded$K = ["brand", "className"];
|
|
2042
|
+
function ownKeys$M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2043
|
+
function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2044
|
+
var logoConfig = {
|
|
2045
|
+
amsterdam: LogoAmsterdam,
|
|
2046
|
+
'ggd-amsterdam': LogoGgdAmsterdam,
|
|
2047
|
+
'museum-weesp': LogoMuseumWeesp,
|
|
2048
|
+
stadsarchief: LogoStadsarchief,
|
|
2049
|
+
'stadsbank-van-lening': LogoStadsbankVanLening,
|
|
2050
|
+
'vga-verzekeringen': LogoVgaVerzekeringen
|
|
2051
|
+
};
|
|
2052
|
+
/**
|
|
2053
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-media-logo--docs Logo docs at Amsterdam Design System}
|
|
2054
|
+
*/
|
|
2055
|
+
var Logo = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2056
|
+
var _ref$brand = _ref.brand,
|
|
2057
|
+
brand = _ref$brand === void 0 ? 'amsterdam' : _ref$brand,
|
|
2058
|
+
className = _ref.className,
|
|
2059
|
+
restProps = _objectWithoutProperties(_ref, _excluded$K);
|
|
2060
|
+
var LogoComponent = logoConfig[brand];
|
|
2061
|
+
return jsxRuntime.jsx(LogoComponent, _objectSpread$M(_objectSpread$M({}, restProps), {}, {
|
|
2062
|
+
className: clsx('ams-logo', className),
|
|
2063
|
+
ref: ref
|
|
2064
|
+
}));
|
|
2065
|
+
});
|
|
2066
|
+
Logo.displayName = 'Logo';
|
|
2067
|
+
|
|
2068
|
+
var _excluded$J = ["children", "className"];
|
|
2069
|
+
function ownKeys$L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2070
|
+
function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2071
|
+
/**
|
|
2072
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-text-mark--docs Mark docs at Amsterdam Design System}
|
|
2073
|
+
*/
|
|
2074
|
+
var Mark = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2075
|
+
var children = _ref.children,
|
|
2076
|
+
className = _ref.className,
|
|
2077
|
+
restProps = _objectWithoutProperties(_ref, _excluded$J);
|
|
2078
|
+
return jsxRuntime.jsx("mark", _objectSpread$L(_objectSpread$L({}, restProps), {}, {
|
|
2079
|
+
className: clsx('ams-mark', className),
|
|
2080
|
+
ref: ref,
|
|
2081
|
+
children: children
|
|
2082
|
+
}));
|
|
2083
|
+
});
|
|
2084
|
+
Mark.displayName = 'Mark';
|
|
2085
|
+
|
|
2086
|
+
var _excluded$I = ["children", "className"];
|
|
2087
|
+
function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2088
|
+
function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2089
|
+
var OrderedListItem = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2108
2090
|
var children = _ref.children,
|
|
2109
2091
|
className = _ref.className,
|
|
2110
|
-
hint = _ref.hint,
|
|
2111
|
-
optional = _ref.optional,
|
|
2112
2092
|
restProps = _objectWithoutProperties(_ref, _excluded$I);
|
|
2113
|
-
return jsxRuntime.
|
|
2114
|
-
className: clsx('ams-
|
|
2115
|
-
ref: ref
|
|
2116
|
-
|
|
2117
|
-
|
|
2118
|
-
optional: optional
|
|
2119
|
-
})]
|
|
2093
|
+
return jsxRuntime.jsx("li", _objectSpread$K(_objectSpread$K({
|
|
2094
|
+
className: clsx('ams-ordered-list__item', className),
|
|
2095
|
+
ref: ref
|
|
2096
|
+
}, restProps), {}, {
|
|
2097
|
+
children: children
|
|
2120
2098
|
}));
|
|
2121
2099
|
});
|
|
2122
|
-
|
|
2100
|
+
OrderedListItem.displayName = 'OrderedList.Item';
|
|
2123
2101
|
|
|
2124
|
-
var _excluded$H = ["children", "className", "color", "
|
|
2125
|
-
function ownKeys$
|
|
2126
|
-
function _objectSpread$
|
|
2127
|
-
var
|
|
2102
|
+
var _excluded$H = ["children", "className", "color", "markers", "size"];
|
|
2103
|
+
function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2104
|
+
function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2105
|
+
var OrderedListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2128
2106
|
var children = _ref.children,
|
|
2129
2107
|
className = _ref.className,
|
|
2130
2108
|
color = _ref.color,
|
|
2131
|
-
_ref$
|
|
2132
|
-
|
|
2109
|
+
_ref$markers = _ref.markers,
|
|
2110
|
+
markers = _ref$markers === void 0 ? true : _ref$markers,
|
|
2111
|
+
size = _ref.size,
|
|
2133
2112
|
restProps = _objectWithoutProperties(_ref, _excluded$H);
|
|
2134
|
-
return jsxRuntime.jsx("
|
|
2135
|
-
className: clsx('ams-
|
|
2136
|
-
ref: ref
|
|
2113
|
+
return jsxRuntime.jsx("ol", _objectSpread$J(_objectSpread$J({
|
|
2114
|
+
className: clsx('ams-ordered-list', color && "ams-ordered-list--".concat(color), !markers && 'ams-ordered-list--no-markers', size && "ams-ordered-list--".concat(size), className),
|
|
2115
|
+
ref: ref
|
|
2116
|
+
}, restProps), {}, {
|
|
2137
2117
|
children: children
|
|
2138
2118
|
}));
|
|
2139
2119
|
});
|
|
2140
|
-
|
|
2120
|
+
OrderedListRoot.displayName = 'OrderedList';
|
|
2121
|
+
/**
|
|
2122
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-text-ordered-list--docs Ordered List docs at Amsterdam Design System}
|
|
2123
|
+
*/
|
|
2124
|
+
var OrderedList = Object.assign(OrderedListRoot, {
|
|
2125
|
+
Item: OrderedListItem
|
|
2126
|
+
});
|
|
2141
2127
|
|
|
2142
2128
|
var _excluded$G = ["children", "className"];
|
|
2143
|
-
function ownKeys$
|
|
2144
|
-
function _objectSpread$
|
|
2145
|
-
|
|
2129
|
+
function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2130
|
+
function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2131
|
+
/**
|
|
2132
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-overlap--docs Overlap docs at Amsterdam Design System}
|
|
2133
|
+
*/
|
|
2134
|
+
var Overlap = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2146
2135
|
var children = _ref.children,
|
|
2147
2136
|
className = _ref.className,
|
|
2148
2137
|
restProps = _objectWithoutProperties(_ref, _excluded$G);
|
|
2149
|
-
return jsxRuntime.jsx("
|
|
2150
|
-
className: clsx('ams-
|
|
2138
|
+
return jsxRuntime.jsx("div", _objectSpread$I(_objectSpread$I({}, restProps), {}, {
|
|
2139
|
+
className: clsx('ams-overlap', className),
|
|
2151
2140
|
ref: ref,
|
|
2152
2141
|
children: children
|
|
2153
2142
|
}));
|
|
2154
2143
|
});
|
|
2155
|
-
|
|
2144
|
+
Overlap.displayName = 'Overlap';
|
|
2156
2145
|
|
|
2157
2146
|
var _excluded$F = ["children", "className"];
|
|
2158
|
-
function ownKeys$
|
|
2159
|
-
function _objectSpread$
|
|
2160
|
-
|
|
2147
|
+
function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2148
|
+
function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2149
|
+
/**
|
|
2150
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-page--docs Page docs at Amsterdam Design System}
|
|
2151
|
+
*/
|
|
2152
|
+
var Page = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2161
2153
|
var children = _ref.children,
|
|
2162
2154
|
className = _ref.className,
|
|
2163
2155
|
restProps = _objectWithoutProperties(_ref, _excluded$F);
|
|
2164
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
2165
|
-
className: clsx('ams-
|
|
2156
|
+
return jsxRuntime.jsx("div", _objectSpread$H(_objectSpread$H({}, restProps), {}, {
|
|
2157
|
+
className: clsx('ams-page', className),
|
|
2166
2158
|
ref: ref,
|
|
2167
2159
|
children: children
|
|
2168
2160
|
}));
|
|
2169
2161
|
});
|
|
2170
|
-
|
|
2162
|
+
Page.displayName = 'Page';
|
|
2171
2163
|
|
|
2172
2164
|
var _excluded$E = ["children", "className"];
|
|
2173
|
-
function ownKeys$
|
|
2174
|
-
function _objectSpread$
|
|
2175
|
-
var
|
|
2165
|
+
function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2166
|
+
function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2167
|
+
var PageFooterMenu = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2176
2168
|
var children = _ref.children,
|
|
2177
2169
|
className = _ref.className,
|
|
2178
2170
|
restProps = _objectWithoutProperties(_ref, _excluded$E);
|
|
2179
|
-
return jsxRuntime.jsx("
|
|
2180
|
-
className: clsx('ams-
|
|
2171
|
+
return jsxRuntime.jsx("ul", _objectSpread$G(_objectSpread$G({}, restProps), {}, {
|
|
2172
|
+
className: clsx('ams-page-footer__menu', className),
|
|
2181
2173
|
ref: ref,
|
|
2182
2174
|
children: children
|
|
2183
2175
|
}));
|
|
2184
2176
|
});
|
|
2185
|
-
|
|
2186
|
-
/** @deprecated Use child components in Header instead. */
|
|
2187
|
-
var MegaMenu = Object.assign(MegaMenuRoot, {
|
|
2188
|
-
ListCategory: MegaMenuListCategory
|
|
2189
|
-
});
|
|
2177
|
+
PageFooterMenu.displayName = 'PageFooter.Menu';
|
|
2190
2178
|
|
|
2191
2179
|
var _excluded$D = ["children", "className"];
|
|
2180
|
+
function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2181
|
+
function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2182
|
+
var PageFooterMenuLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2183
|
+
var children = _ref.children,
|
|
2184
|
+
className = _ref.className,
|
|
2185
|
+
restProps = _objectWithoutProperties(_ref, _excluded$D);
|
|
2186
|
+
return jsxRuntime.jsx("li", {
|
|
2187
|
+
className: "ams-page-footer__menu-item",
|
|
2188
|
+
children: jsxRuntime.jsx("a", _objectSpread$F(_objectSpread$F({}, restProps), {}, {
|
|
2189
|
+
className: clsx('ams-page-footer__menu-link', className),
|
|
2190
|
+
ref: ref,
|
|
2191
|
+
children: children
|
|
2192
|
+
}))
|
|
2193
|
+
});
|
|
2194
|
+
});
|
|
2195
|
+
PageFooterMenuLink.displayName = 'PageFooter.MenuLink';
|
|
2196
|
+
|
|
2197
|
+
var _excluded$C = ["children", "className"];
|
|
2192
2198
|
function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2193
2199
|
function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2194
|
-
var
|
|
2200
|
+
var PageFooterSpotlight = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2195
2201
|
var children = _ref.children,
|
|
2196
2202
|
className = _ref.className,
|
|
2197
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2198
|
-
return jsxRuntime.jsx("
|
|
2199
|
-
className: clsx('ams-
|
|
2200
|
-
ref: ref
|
|
2201
|
-
}, restProps), {}, {
|
|
2203
|
+
restProps = _objectWithoutProperties(_ref, _excluded$C);
|
|
2204
|
+
return jsxRuntime.jsx("div", _objectSpread$E(_objectSpread$E({}, restProps), {}, {
|
|
2205
|
+
className: clsx('ams-page-footer__spotlight', className),
|
|
2206
|
+
ref: ref,
|
|
2202
2207
|
children: children
|
|
2203
2208
|
}));
|
|
2204
2209
|
});
|
|
2205
|
-
|
|
2210
|
+
PageFooterSpotlight.displayName = 'PageFooter.Spotlight';
|
|
2206
2211
|
|
|
2207
|
-
var _excluded$
|
|
2212
|
+
var _excluded$B = ["children", "className"];
|
|
2208
2213
|
function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2209
2214
|
function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2210
|
-
var
|
|
2215
|
+
var PageFooterRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2211
2216
|
var children = _ref.children,
|
|
2212
2217
|
className = _ref.className,
|
|
2213
|
-
|
|
2214
|
-
|
|
2215
|
-
|
|
2216
|
-
|
|
2217
|
-
restProps = _objectWithoutProperties(_ref, _excluded$C);
|
|
2218
|
-
return jsxRuntime.jsx("ol", _objectSpread$D(_objectSpread$D({
|
|
2219
|
-
className: clsx('ams-ordered-list', color && "ams-ordered-list--".concat(color), !markers && 'ams-ordered-list--no-markers', size && "ams-ordered-list--".concat(size), className),
|
|
2220
|
-
ref: ref
|
|
2221
|
-
}, restProps), {}, {
|
|
2218
|
+
restProps = _objectWithoutProperties(_ref, _excluded$B);
|
|
2219
|
+
return jsxRuntime.jsx("footer", _objectSpread$D(_objectSpread$D({}, restProps), {}, {
|
|
2220
|
+
className: clsx('ams-page-footer', className),
|
|
2221
|
+
ref: ref,
|
|
2222
2222
|
children: children
|
|
2223
2223
|
}));
|
|
2224
2224
|
});
|
|
2225
|
-
|
|
2226
|
-
|
|
2227
|
-
|
|
2225
|
+
PageFooterRoot.displayName = 'PageFooter';
|
|
2226
|
+
/**
|
|
2227
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-page-footer--docs Page Footer docs at Amsterdam Design System}
|
|
2228
|
+
*/
|
|
2229
|
+
var PageFooter = Object.assign(PageFooterRoot, {
|
|
2230
|
+
Menu: PageFooterMenu,
|
|
2231
|
+
MenuLink: PageFooterMenuLink,
|
|
2232
|
+
Spotlight: PageFooterSpotlight
|
|
2228
2233
|
});
|
|
2229
2234
|
|
|
2230
|
-
var _excluded$
|
|
2235
|
+
var _excluded$A = ["children", "className"];
|
|
2231
2236
|
function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2232
2237
|
function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2233
|
-
var
|
|
2238
|
+
var PageHeaderGridCellNarrowWindowOnly = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2234
2239
|
var children = _ref.children,
|
|
2235
2240
|
className = _ref.className,
|
|
2236
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2237
|
-
return jsxRuntime.jsx(
|
|
2238
|
-
className: clsx('ams-
|
|
2241
|
+
restProps = _objectWithoutProperties(_ref, _excluded$A);
|
|
2242
|
+
return jsxRuntime.jsx(Grid.Cell, _objectSpread$C(_objectSpread$C({}, restProps), {}, {
|
|
2243
|
+
className: clsx('ams-page-header__grid-cell-narrow-window-only', className),
|
|
2239
2244
|
ref: ref,
|
|
2240
2245
|
children: children
|
|
2241
2246
|
}));
|
|
2242
2247
|
});
|
|
2243
|
-
|
|
2248
|
+
PageHeaderGridCellNarrowWindowOnly.displayName = 'PageHeader.GridCellNarrowWindowOnly';
|
|
2244
2249
|
|
|
2245
|
-
var _excluded$A = ["children", "className", "color"];
|
|
2246
2250
|
function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2247
2251
|
function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2248
|
-
var
|
|
2249
|
-
|
|
2250
|
-
|
|
2251
|
-
|
|
2252
|
-
|
|
2253
|
-
|
|
2254
|
-
|
|
2255
|
-
|
|
2256
|
-
|
|
2252
|
+
var PageHeaderMenuIcon = function PageHeaderMenuIcon(props) {
|
|
2253
|
+
return jsxRuntime.jsxs("svg", _objectSpread$B(_objectSpread$B({
|
|
2254
|
+
"aria-hidden": "true",
|
|
2255
|
+
focusable: "false",
|
|
2256
|
+
viewBox: "0 0 24 24",
|
|
2257
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
2258
|
+
}, props), {}, {
|
|
2259
|
+
children: [jsxRuntime.jsx("line", {
|
|
2260
|
+
className: "ams-page-header__menu-icon-top",
|
|
2261
|
+
x1: "0",
|
|
2262
|
+
x2: "100%",
|
|
2263
|
+
y1: "50%",
|
|
2264
|
+
y2: "50%"
|
|
2265
|
+
}), jsxRuntime.jsx("line", {
|
|
2266
|
+
className: "ams-page-header__menu-icon-middle",
|
|
2267
|
+
x1: "0",
|
|
2268
|
+
x2: "100%",
|
|
2269
|
+
y1: "50%",
|
|
2270
|
+
y2: "50%"
|
|
2271
|
+
}), jsxRuntime.jsx("line", {
|
|
2272
|
+
className: "ams-page-header__menu-icon-bottom",
|
|
2273
|
+
x1: "0",
|
|
2274
|
+
x2: "100%",
|
|
2275
|
+
y1: "50%",
|
|
2276
|
+
y2: "50%"
|
|
2277
|
+
})]
|
|
2257
2278
|
}));
|
|
2258
|
-
}
|
|
2259
|
-
PageHeading.displayName = 'PageHeading';
|
|
2279
|
+
};
|
|
2260
2280
|
|
|
2261
|
-
var _excluded$z = ["children", "className", "
|
|
2281
|
+
var _excluded$z = ["children", "className", "fixed"];
|
|
2262
2282
|
function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2263
2283
|
function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2264
|
-
var
|
|
2284
|
+
var PageHeaderMenuLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2265
2285
|
var children = _ref.children,
|
|
2266
2286
|
className = _ref.className,
|
|
2267
|
-
|
|
2287
|
+
fixed = _ref.fixed,
|
|
2268
2288
|
restProps = _objectWithoutProperties(_ref, _excluded$z);
|
|
2269
2289
|
return jsxRuntime.jsx("li", {
|
|
2270
|
-
|
|
2271
|
-
|
|
2290
|
+
className: clsx('ams-page-header__menu-item', fixed && 'ams-page-header__menu-item--fixed'),
|
|
2291
|
+
children: jsxRuntime.jsx("a", _objectSpread$A(_objectSpread$A({}, restProps), {}, {
|
|
2292
|
+
className: clsx('ams-page-header__menu-link', className),
|
|
2272
2293
|
ref: ref,
|
|
2273
|
-
children:
|
|
2274
|
-
|
|
2275
|
-
|
|
2294
|
+
children: children
|
|
2295
|
+
}))
|
|
2296
|
+
});
|
|
2297
|
+
});
|
|
2298
|
+
PageHeaderMenuLink.displayName = 'PageHeader.MenuLink';
|
|
2299
|
+
|
|
2300
|
+
// TODO: we should set the breakpoint in JS somewhere and render this and the sass variables from that
|
|
2301
|
+
var breakpoints = {
|
|
2302
|
+
medium: '36rem',
|
|
2303
|
+
wide: '68rem'
|
|
2304
|
+
};
|
|
2305
|
+
var useIsAfterBreakpoint = function useIsAfterBreakpoint(breakpoint) {
|
|
2306
|
+
var _useState = react.useState(false),
|
|
2307
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
2308
|
+
matches = _useState2[0],
|
|
2309
|
+
setMatches = _useState2[1];
|
|
2310
|
+
react.useLayoutEffect(function () {
|
|
2311
|
+
// Check for window object to avoid SSR issues
|
|
2312
|
+
if (typeof window !== 'undefined') {
|
|
2313
|
+
var media = window.matchMedia("(min-width: ".concat(breakpoints[breakpoint], ")"));
|
|
2314
|
+
if (media.matches !== matches) {
|
|
2315
|
+
setMatches(media.matches);
|
|
2316
|
+
}
|
|
2317
|
+
var listener = function listener() {
|
|
2318
|
+
return setMatches(media.matches);
|
|
2319
|
+
};
|
|
2320
|
+
window.addEventListener('resize', listener);
|
|
2321
|
+
return function () {
|
|
2322
|
+
return window.removeEventListener('resize', listener);
|
|
2323
|
+
};
|
|
2324
|
+
}
|
|
2325
|
+
return undefined;
|
|
2326
|
+
}, [matches, breakpoint]);
|
|
2327
|
+
return matches;
|
|
2328
|
+
};
|
|
2329
|
+
|
|
2330
|
+
var _excluded$y = ["brandName", "children", "className", "logoBrand", "logoLink", "logoLinkComponent", "logoLinkTitle", "menuButtonText", "menuItems", "navigationLabel", "noMenuButtonOnWideWindow"];
|
|
2331
|
+
function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2332
|
+
function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2333
|
+
var LogoLinkContent = function LogoLinkContent(_ref) {
|
|
2334
|
+
var brandName = _ref.brandName,
|
|
2335
|
+
logoBrand = _ref.logoBrand;
|
|
2336
|
+
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
2337
|
+
children: [jsxRuntime.jsx("span", {
|
|
2338
|
+
className: clsx(logoBrand === 'amsterdam' && Boolean(brandName) && 'ams-page-header__logo-container'),
|
|
2339
|
+
children: jsxRuntime.jsx(Logo, {
|
|
2340
|
+
brand: logoBrand
|
|
2341
|
+
})
|
|
2342
|
+
}), brandName && jsxRuntime.jsx("span", {
|
|
2343
|
+
"aria-hidden": "true",
|
|
2344
|
+
className: "ams-page-header__brand-name",
|
|
2345
|
+
children: brandName
|
|
2346
|
+
})]
|
|
2347
|
+
});
|
|
2348
|
+
};
|
|
2349
|
+
var PageHeaderRoot = /*#__PURE__*/react.forwardRef(function (_ref2, ref) {
|
|
2350
|
+
var brandName = _ref2.brandName,
|
|
2351
|
+
children = _ref2.children,
|
|
2352
|
+
className = _ref2.className,
|
|
2353
|
+
_ref2$logoBrand = _ref2.logoBrand,
|
|
2354
|
+
logoBrand = _ref2$logoBrand === void 0 ? 'amsterdam' : _ref2$logoBrand,
|
|
2355
|
+
_ref2$logoLink = _ref2.logoLink,
|
|
2356
|
+
logoLink = _ref2$logoLink === void 0 ? '/' : _ref2$logoLink,
|
|
2357
|
+
_ref2$logoLinkCompone = _ref2.logoLinkComponent,
|
|
2358
|
+
logoLinkComponent = _ref2$logoLinkCompone === void 0 ? function (props) {
|
|
2359
|
+
return jsxRuntime.jsx("a", _objectSpread$z({}, props));
|
|
2360
|
+
} : _ref2$logoLinkCompone,
|
|
2361
|
+
_ref2$logoLinkTitle = _ref2.logoLinkTitle,
|
|
2362
|
+
logoLinkTitle = _ref2$logoLinkTitle === void 0 ? 'Ga naar de homepage' : _ref2$logoLinkTitle,
|
|
2363
|
+
_ref2$menuButtonText = _ref2.menuButtonText,
|
|
2364
|
+
menuButtonText = _ref2$menuButtonText === void 0 ? 'Menu' : _ref2$menuButtonText,
|
|
2365
|
+
menuItems = _ref2.menuItems,
|
|
2366
|
+
_ref2$navigationLabel = _ref2.navigationLabel,
|
|
2367
|
+
navigationLabel = _ref2$navigationLabel === void 0 ? 'Hoofdnavigatie' : _ref2$navigationLabel,
|
|
2368
|
+
noMenuButtonOnWideWindow = _ref2.noMenuButtonOnWideWindow,
|
|
2369
|
+
restProps = _objectWithoutProperties(_ref2, _excluded$y);
|
|
2370
|
+
var _useState = react.useState(false),
|
|
2371
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
2372
|
+
open = _useState2[0],
|
|
2373
|
+
setOpen = _useState2[1];
|
|
2374
|
+
var Link = logoLinkComponent;
|
|
2375
|
+
var hasMegaMenu = Boolean(children);
|
|
2376
|
+
var isWideWindow = hasMegaMenu && useIsAfterBreakpoint('wide');
|
|
2377
|
+
react.useEffect(function () {
|
|
2378
|
+
// Close the menu when the menu button disappears
|
|
2379
|
+
if (noMenuButtonOnWideWindow && isWideWindow) {
|
|
2380
|
+
setOpen(false);
|
|
2381
|
+
}
|
|
2382
|
+
}, [isWideWindow]);
|
|
2383
|
+
return jsxRuntime.jsxs("header", _objectSpread$z(_objectSpread$z({}, restProps), {}, {
|
|
2384
|
+
className: clsx('ams-page-header', className),
|
|
2385
|
+
ref: ref,
|
|
2386
|
+
children: [jsxRuntime.jsxs(Link, {
|
|
2387
|
+
className: "ams-page-header__logo-link",
|
|
2388
|
+
href: logoLink,
|
|
2389
|
+
children: [jsxRuntime.jsx("span", {
|
|
2390
|
+
className: "ams-visually-hidden",
|
|
2391
|
+
children: logoLinkTitle
|
|
2392
|
+
}), jsxRuntime.jsx(LogoLinkContent, {
|
|
2393
|
+
brandName: brandName,
|
|
2394
|
+
logoBrand: logoBrand
|
|
2395
|
+
})]
|
|
2396
|
+
}), (hasMegaMenu || menuItems) && jsxRuntime.jsxs("nav", {
|
|
2397
|
+
"aria-labelledby": "primary-navigation",
|
|
2398
|
+
className: "ams-page-header__navigation",
|
|
2399
|
+
children: [jsxRuntime.jsx("h2", {
|
|
2400
|
+
className: "ams-visually-hidden",
|
|
2401
|
+
id: "primary-navigation",
|
|
2402
|
+
children: navigationLabel
|
|
2403
|
+
}), jsxRuntime.jsx("div", {
|
|
2404
|
+
className: "ams-page-header__logo-link ams-page-header__logo-link--hidden",
|
|
2405
|
+
children: jsxRuntime.jsx(LogoLinkContent, {
|
|
2406
|
+
brandName: brandName,
|
|
2407
|
+
logoBrand: logoBrand
|
|
2408
|
+
})
|
|
2409
|
+
}), jsxRuntime.jsxs("ul", {
|
|
2410
|
+
className: "ams-page-header__menu",
|
|
2411
|
+
children: [menuItems, hasMegaMenu && jsxRuntime.jsx("li", {
|
|
2412
|
+
className: clsx(noMenuButtonOnWideWindow && 'ams-page-header__mega-menu-button-item--hide-on-wide-window'),
|
|
2413
|
+
children: jsxRuntime.jsxs("button", {
|
|
2414
|
+
"aria-controls": "ams-page-header-mega-menu",
|
|
2415
|
+
"aria-expanded": open,
|
|
2416
|
+
className: "ams-page-header__mega-menu-button",
|
|
2417
|
+
onClick: function onClick() {
|
|
2418
|
+
return setOpen(!open);
|
|
2419
|
+
},
|
|
2420
|
+
type: "button",
|
|
2421
|
+
children: [jsxRuntime.jsx("span", {
|
|
2422
|
+
className: "ams-page-header__mega-menu-button-label",
|
|
2423
|
+
children: menuButtonText
|
|
2424
|
+
}), jsxRuntime.jsx("span", {
|
|
2425
|
+
"aria-hidden": "true",
|
|
2426
|
+
className: "ams-page-header__mega-menu-button-hidden-label",
|
|
2427
|
+
children: menuButtonText
|
|
2428
|
+
}), jsxRuntime.jsx(Icon, {
|
|
2429
|
+
svg: jsxRuntime.jsx(PageHeaderMenuIcon, {
|
|
2430
|
+
className: clsx('ams-page-header__menu-icon', open && 'ams-page-header__menu-icon--open')
|
|
2431
|
+
})
|
|
2432
|
+
})]
|
|
2433
|
+
})
|
|
2434
|
+
})]
|
|
2435
|
+
}), hasMegaMenu && jsxRuntime.jsx("div", {
|
|
2436
|
+
className: clsx('ams-page-header__mega-menu', !open && 'ams-page-header__mega-menu--closed'),
|
|
2437
|
+
id: "ams-page-header-mega-menu",
|
|
2438
|
+
children: children
|
|
2276
2439
|
})]
|
|
2277
|
-
})
|
|
2278
|
-
});
|
|
2440
|
+
})]
|
|
2441
|
+
}));
|
|
2442
|
+
});
|
|
2443
|
+
PageHeaderRoot.displayName = 'PageHeader';
|
|
2444
|
+
/**
|
|
2445
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-page-header--docs Page Header docs at Amsterdam Design System}
|
|
2446
|
+
*/
|
|
2447
|
+
var PageHeader = Object.assign(PageHeaderRoot, {
|
|
2448
|
+
GridCellNarrowWindowOnly: PageHeaderGridCellNarrowWindowOnly,
|
|
2449
|
+
MenuLink: PageHeaderMenuLink
|
|
2279
2450
|
});
|
|
2280
|
-
PageMenuLink.displayName = 'PageMenu.Link';
|
|
2281
2451
|
|
|
2282
|
-
var _excluded$
|
|
2283
|
-
function ownKeys$
|
|
2284
|
-
function _objectSpread$
|
|
2285
|
-
/**
|
|
2286
|
-
|
|
2287
|
-
|
|
2288
|
-
|
|
2452
|
+
var _excluded$x = ["children", "className", "color"];
|
|
2453
|
+
function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2454
|
+
function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2455
|
+
/**
|
|
2456
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-text-page-heading--docs Page Heading docs at Amsterdam Design System}
|
|
2457
|
+
*/
|
|
2458
|
+
var PageHeading = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2459
|
+
var children = _ref.children,
|
|
2289
2460
|
className = _ref.className,
|
|
2290
|
-
|
|
2291
|
-
|
|
2292
|
-
|
|
2293
|
-
|
|
2294
|
-
className: clsx('ams-page-menu', alignEnd && "ams-page-menu--align-end", !wrap && "ams-page-menu--no-wrap", className),
|
|
2461
|
+
color = _ref.color,
|
|
2462
|
+
restProps = _objectWithoutProperties(_ref, _excluded$x);
|
|
2463
|
+
return jsxRuntime.jsx("h1", _objectSpread$y(_objectSpread$y({}, restProps), {}, {
|
|
2464
|
+
className: clsx('ams-page-heading', color && "ams-page-heading--".concat(color), className),
|
|
2295
2465
|
ref: ref,
|
|
2296
2466
|
children: children
|
|
2297
2467
|
}));
|
|
2298
2468
|
});
|
|
2299
|
-
|
|
2300
|
-
var PageMenu = Object.assign(PageMenuRoot, {
|
|
2301
|
-
Link: PageMenuLink
|
|
2302
|
-
});
|
|
2469
|
+
PageHeading.displayName = 'PageHeading';
|
|
2303
2470
|
|
|
2304
2471
|
var LinkItem = function LinkItem(_ref) {
|
|
2305
2472
|
var currentPage = _ref.currentPage,
|
|
@@ -2324,6 +2491,10 @@ var LinkItem = function LinkItem(_ref) {
|
|
|
2324
2491
|
});
|
|
2325
2492
|
};
|
|
2326
2493
|
|
|
2494
|
+
/**
|
|
2495
|
+
* @license EUPL-1.2+
|
|
2496
|
+
* Copyright Gemeente Amsterdam
|
|
2497
|
+
*/
|
|
2327
2498
|
var Spacer = function Spacer() {
|
|
2328
2499
|
return jsxRuntime.jsx("li", {
|
|
2329
2500
|
"aria-hidden": true,
|
|
@@ -2331,6 +2502,10 @@ var Spacer = function Spacer() {
|
|
|
2331
2502
|
});
|
|
2332
2503
|
};
|
|
2333
2504
|
|
|
2505
|
+
/**
|
|
2506
|
+
* @license EUPL-1.2+
|
|
2507
|
+
* Copyright Gemeente Amsterdam
|
|
2508
|
+
*/
|
|
2334
2509
|
/**
|
|
2335
2510
|
* This returns an array of the range, including spacers
|
|
2336
2511
|
*
|
|
@@ -2377,14 +2552,17 @@ function getRange(currentPage, totalPages, maxVisiblePages) {
|
|
|
2377
2552
|
return pages;
|
|
2378
2553
|
}
|
|
2379
2554
|
|
|
2380
|
-
var _excluded$
|
|
2381
|
-
function ownKeys$
|
|
2382
|
-
function _objectSpread$
|
|
2555
|
+
var _excluded$w = ["className", "linkComponent", "linkTemplate", "maxVisiblePages", "nextLabel", "nextVisuallyHiddenLabel", "page", "previousLabel", "previousVisuallyHiddenLabel", "totalPages", "visuallyHiddenLabel", "visuallyHiddenLabelId"];
|
|
2556
|
+
function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2557
|
+
function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2558
|
+
/**
|
|
2559
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-pagination--docs Pagination docs at Amsterdam Design System}
|
|
2560
|
+
*/
|
|
2383
2561
|
var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2384
2562
|
var className = _ref.className,
|
|
2385
2563
|
_ref$linkComponent = _ref.linkComponent,
|
|
2386
2564
|
linkComponent = _ref$linkComponent === void 0 ? function (props) {
|
|
2387
|
-
return jsxRuntime.jsx("a", _objectSpread$
|
|
2565
|
+
return jsxRuntime.jsx("a", _objectSpread$x({}, props));
|
|
2388
2566
|
} : _ref$linkComponent,
|
|
2389
2567
|
linkTemplate = _ref.linkTemplate,
|
|
2390
2568
|
_ref$maxVisiblePages = _ref.maxVisiblePages,
|
|
@@ -2404,7 +2582,7 @@ var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2404
2582
|
visuallyHiddenLabel = _ref$visuallyHiddenLa === void 0 ? 'Paginering' : _ref$visuallyHiddenLa,
|
|
2405
2583
|
_ref$visuallyHiddenLa2 = _ref.visuallyHiddenLabelId,
|
|
2406
2584
|
visuallyHiddenLabelId = _ref$visuallyHiddenLa2 === void 0 ? 'ams-pagination-a11y-label' : _ref$visuallyHiddenLa2,
|
|
2407
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2585
|
+
restProps = _objectWithoutProperties(_ref, _excluded$w);
|
|
2408
2586
|
// Don't show pagination if you only have one page
|
|
2409
2587
|
if (totalPages <= 1) {
|
|
2410
2588
|
return null;
|
|
@@ -2412,7 +2590,7 @@ var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2412
2590
|
var Link = linkComponent;
|
|
2413
2591
|
// Get array of page numbers and / or spacers
|
|
2414
2592
|
var range = getRange(page, totalPages, maxVisiblePages);
|
|
2415
|
-
return jsxRuntime.jsxs("nav", _objectSpread$
|
|
2593
|
+
return jsxRuntime.jsxs("nav", _objectSpread$x(_objectSpread$x({}, restProps), {}, {
|
|
2416
2594
|
"aria-labelledby": visuallyHiddenLabelId,
|
|
2417
2595
|
className: clsx('ams-pagination', className),
|
|
2418
2596
|
ref: ref,
|
|
@@ -2425,7 +2603,7 @@ var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2425
2603
|
href: linkTemplate(page - 1),
|
|
2426
2604
|
rel: "prev",
|
|
2427
2605
|
children: [jsxRuntime.jsx(Icon, {
|
|
2428
|
-
svg: designSystemReactIcons.
|
|
2606
|
+
svg: designSystemReactIcons.ChevronBackwardIcon
|
|
2429
2607
|
}), jsxRuntime.jsx("span", {
|
|
2430
2608
|
className: "ams-visually-hidden",
|
|
2431
2609
|
children: previousVisuallyHiddenLabel
|
|
@@ -2454,22 +2632,25 @@ var Pagination = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2454
2632
|
"aria-hidden": true,
|
|
2455
2633
|
children: nextLabel
|
|
2456
2634
|
}), jsxRuntime.jsx(Icon, {
|
|
2457
|
-
svg: designSystemReactIcons.
|
|
2635
|
+
svg: designSystemReactIcons.ChevronForwardIcon
|
|
2458
2636
|
})]
|
|
2459
2637
|
})]
|
|
2460
2638
|
}));
|
|
2461
2639
|
});
|
|
2462
2640
|
Pagination.displayName = 'Pagination';
|
|
2463
2641
|
|
|
2464
|
-
var _excluded$
|
|
2465
|
-
function ownKeys$
|
|
2466
|
-
function _objectSpread$
|
|
2642
|
+
var _excluded$v = ["className", "dir", "invalid"];
|
|
2643
|
+
function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2644
|
+
function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2645
|
+
/**
|
|
2646
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-password-input--docs Password Input docs at Amsterdam Design System}
|
|
2647
|
+
*/
|
|
2467
2648
|
var PasswordInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2468
2649
|
var className = _ref.className,
|
|
2469
2650
|
dir = _ref.dir,
|
|
2470
2651
|
invalid = _ref.invalid,
|
|
2471
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2472
|
-
return jsxRuntime.jsx("input", _objectSpread$
|
|
2652
|
+
restProps = _objectWithoutProperties(_ref, _excluded$v);
|
|
2653
|
+
return jsxRuntime.jsx("input", _objectSpread$w(_objectSpread$w({}, restProps), {}, {
|
|
2473
2654
|
"aria-invalid": invalid || undefined,
|
|
2474
2655
|
autoCorrect: "off",
|
|
2475
2656
|
className: clsx('ams-password-input', className),
|
|
@@ -2481,10 +2662,10 @@ var PasswordInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2481
2662
|
});
|
|
2482
2663
|
PasswordInput.displayName = 'PasswordInput';
|
|
2483
2664
|
|
|
2484
|
-
function ownKeys$
|
|
2485
|
-
function _objectSpread$
|
|
2665
|
+
function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2666
|
+
function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2486
2667
|
var SvgRadio = function SvgRadio(props) {
|
|
2487
|
-
return jsxRuntime.jsxs("svg", _objectSpread$
|
|
2668
|
+
return jsxRuntime.jsxs("svg", _objectSpread$v(_objectSpread$v({
|
|
2488
2669
|
"aria-hidden": "true",
|
|
2489
2670
|
focusable: "false",
|
|
2490
2671
|
viewBox: "0 0 24 24",
|
|
@@ -2494,12 +2675,18 @@ var SvgRadio = function SvgRadio(props) {
|
|
|
2494
2675
|
className: "ams-radio__circle",
|
|
2495
2676
|
cx: 12,
|
|
2496
2677
|
cy: 12,
|
|
2497
|
-
|
|
2678
|
+
fill: "none",
|
|
2679
|
+
r: 10,
|
|
2680
|
+
stroke: "black",
|
|
2681
|
+
strokeWidth: "2px"
|
|
2498
2682
|
}), jsxRuntime.jsx("circle", {
|
|
2499
2683
|
className: "ams-radio__hover-indicator",
|
|
2500
2684
|
cx: 12,
|
|
2501
2685
|
cy: 12,
|
|
2502
|
-
|
|
2686
|
+
fill: "none",
|
|
2687
|
+
r: 9.5,
|
|
2688
|
+
stroke: "black",
|
|
2689
|
+
strokeWidth: "3px"
|
|
2503
2690
|
}), jsxRuntime.jsx("circle", {
|
|
2504
2691
|
className: "ams-radio__checked-indicator",
|
|
2505
2692
|
cx: 12,
|
|
@@ -2509,22 +2696,25 @@ var SvgRadio = function SvgRadio(props) {
|
|
|
2509
2696
|
}));
|
|
2510
2697
|
};
|
|
2511
2698
|
|
|
2512
|
-
var _excluded$
|
|
2513
|
-
function ownKeys$
|
|
2514
|
-
function _objectSpread$
|
|
2699
|
+
var _excluded$u = ["children", "className", "icon", "invalid"];
|
|
2700
|
+
function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2701
|
+
function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2702
|
+
/**
|
|
2703
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-radio--docs Radio docs at Amsterdam Design System}
|
|
2704
|
+
*/
|
|
2515
2705
|
var Radio = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2516
2706
|
var children = _ref.children,
|
|
2517
2707
|
className = _ref.className,
|
|
2518
2708
|
icon = _ref.icon,
|
|
2519
2709
|
invalid = _ref.invalid,
|
|
2520
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2710
|
+
restProps = _objectWithoutProperties(_ref, _excluded$u);
|
|
2521
2711
|
var id = react.useId();
|
|
2522
2712
|
return (
|
|
2523
2713
|
// This div is here because NVDA doesn't match the input to the label
|
|
2524
2714
|
// without a containing element
|
|
2525
2715
|
jsxRuntime.jsxs("div", {
|
|
2526
2716
|
className: clsx('ams-radio', className),
|
|
2527
|
-
children: [jsxRuntime.jsx("input", _objectSpread$
|
|
2717
|
+
children: [jsxRuntime.jsx("input", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
|
|
2528
2718
|
"aria-invalid": invalid || undefined,
|
|
2529
2719
|
className: "ams-radio__input",
|
|
2530
2720
|
id: id,
|
|
@@ -2543,24 +2733,6 @@ var Radio = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2543
2733
|
});
|
|
2544
2734
|
Radio.displayName = 'Radio';
|
|
2545
2735
|
|
|
2546
|
-
var _excluded$u = ["children", "className", "fullHeight", "maxWidth"];
|
|
2547
|
-
function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2548
|
-
function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2549
|
-
var Screen = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2550
|
-
var children = _ref.children,
|
|
2551
|
-
className = _ref.className,
|
|
2552
|
-
fullHeight = _ref.fullHeight,
|
|
2553
|
-
_ref$maxWidth = _ref.maxWidth,
|
|
2554
|
-
maxWidth = _ref$maxWidth === void 0 ? 'wide' : _ref$maxWidth,
|
|
2555
|
-
restProps = _objectWithoutProperties(_ref, _excluded$u);
|
|
2556
|
-
return jsxRuntime.jsx("div", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
|
|
2557
|
-
className: clsx('ams-screen', fullHeight && 'ams-screen--full-height', "ams-screen--".concat(maxWidth), className),
|
|
2558
|
-
ref: ref,
|
|
2559
|
-
children: children
|
|
2560
|
-
}));
|
|
2561
|
-
});
|
|
2562
|
-
Screen.displayName = 'Screen';
|
|
2563
|
-
|
|
2564
2736
|
var _excluded$t = ["children"];
|
|
2565
2737
|
function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2566
2738
|
function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -2624,6 +2796,9 @@ var SearchFieldRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2624
2796
|
}));
|
|
2625
2797
|
});
|
|
2626
2798
|
SearchFieldRoot.displayName = 'SearchField';
|
|
2799
|
+
/**
|
|
2800
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-search-field--docs Search Field docs at Amsterdam Design System}
|
|
2801
|
+
*/
|
|
2627
2802
|
var SearchField = Object.assign(SearchFieldRoot, {
|
|
2628
2803
|
Button: SearchFieldButton,
|
|
2629
2804
|
Input: SearchFieldInput
|
|
@@ -2675,6 +2850,9 @@ var SelectRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2675
2850
|
}));
|
|
2676
2851
|
});
|
|
2677
2852
|
SelectRoot.displayName = 'Select';
|
|
2853
|
+
/**
|
|
2854
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-select--docs Select docs at Amsterdam Design System}
|
|
2855
|
+
*/
|
|
2678
2856
|
var Select = Object.assign(SelectRoot, {
|
|
2679
2857
|
Group: SelectOptionGroup,
|
|
2680
2858
|
Option: SelectOption
|
|
@@ -2683,6 +2861,9 @@ var Select = Object.assign(SelectRoot, {
|
|
|
2683
2861
|
var _excluded$n = ["children", "className"];
|
|
2684
2862
|
function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2685
2863
|
function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2864
|
+
/**
|
|
2865
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-skip-link--docs Skip Link docs at Amsterdam Design System}
|
|
2866
|
+
*/
|
|
2686
2867
|
var SkipLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2687
2868
|
var children = _ref.children,
|
|
2688
2869
|
className = _ref.className,
|
|
@@ -2698,6 +2879,9 @@ SkipLink.displayName = 'SkipLink';
|
|
|
2698
2879
|
var _excluded$m = ["as", "children", "className", "color"];
|
|
2699
2880
|
function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2700
2881
|
function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2882
|
+
/**
|
|
2883
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-spotlight--docs Spotlight docs at Amsterdam Design System}
|
|
2884
|
+
*/
|
|
2701
2885
|
var Spotlight = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2702
2886
|
var _ref$as = _ref.as,
|
|
2703
2887
|
Tag = _ref$as === void 0 ? 'div' : _ref$as,
|
|
@@ -2713,17 +2897,42 @@ var Spotlight = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2713
2897
|
});
|
|
2714
2898
|
Spotlight.displayName = 'Spotlight';
|
|
2715
2899
|
|
|
2716
|
-
var _excluded$l = ["className", "
|
|
2900
|
+
var _excluded$l = ["children", "className", "color", "icon"];
|
|
2717
2901
|
function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2718
2902
|
function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2903
|
+
/**
|
|
2904
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-standalone-link--docs Standalone Link docs at Amsterdam Design System}
|
|
2905
|
+
*/
|
|
2906
|
+
var StandaloneLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2907
|
+
var children = _ref.children,
|
|
2908
|
+
className = _ref.className,
|
|
2909
|
+
color = _ref.color,
|
|
2910
|
+
icon = _ref.icon,
|
|
2911
|
+
restProps = _objectWithoutProperties(_ref, _excluded$l);
|
|
2912
|
+
return jsxRuntime.jsxs("a", _objectSpread$l(_objectSpread$l({}, restProps), {}, {
|
|
2913
|
+
className: clsx('ams-standalone-link', color && "ams-standalone-link--".concat(color), icon && 'ams-standalone-link--with-icon', className),
|
|
2914
|
+
ref: ref,
|
|
2915
|
+
children: [icon && jsxRuntime.jsx(Icon, {
|
|
2916
|
+
svg: icon
|
|
2917
|
+
}), children]
|
|
2918
|
+
}));
|
|
2919
|
+
});
|
|
2920
|
+
StandaloneLink.displayName = 'StandaloneLink';
|
|
2921
|
+
|
|
2922
|
+
var _excluded$k = ["className", "id"];
|
|
2923
|
+
function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2924
|
+
function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2925
|
+
/**
|
|
2926
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-switch--docs Switch docs at Amsterdam Design System}
|
|
2927
|
+
*/
|
|
2719
2928
|
var Switch = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2720
2929
|
var className = _ref.className,
|
|
2721
2930
|
id = _ref.id,
|
|
2722
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2931
|
+
restProps = _objectWithoutProperties(_ref, _excluded$k);
|
|
2723
2932
|
var inputId = id || react.useId();
|
|
2724
2933
|
return jsxRuntime.jsxs("div", {
|
|
2725
2934
|
className: clsx('ams-switch', className),
|
|
2726
|
-
children: [jsxRuntime.jsx("input", _objectSpread$
|
|
2935
|
+
children: [jsxRuntime.jsx("input", _objectSpread$k(_objectSpread$k({}, restProps), {}, {
|
|
2727
2936
|
className: "ams-switch__input",
|
|
2728
2937
|
id: inputId,
|
|
2729
2938
|
ref: ref,
|
|
@@ -2737,14 +2946,14 @@ var Switch = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2737
2946
|
});
|
|
2738
2947
|
Switch.displayName = 'Switch';
|
|
2739
2948
|
|
|
2740
|
-
var _excluded$
|
|
2741
|
-
function ownKeys$
|
|
2742
|
-
function _objectSpread$
|
|
2949
|
+
var _excluded$j = ["children", "className"];
|
|
2950
|
+
function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2951
|
+
function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2743
2952
|
var TableBody = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2744
2953
|
var children = _ref.children,
|
|
2745
2954
|
className = _ref.className,
|
|
2746
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2747
|
-
return jsxRuntime.jsx("tbody", _objectSpread$
|
|
2955
|
+
restProps = _objectWithoutProperties(_ref, _excluded$j);
|
|
2956
|
+
return jsxRuntime.jsx("tbody", _objectSpread$j(_objectSpread$j({}, restProps), {}, {
|
|
2748
2957
|
className: clsx('ams-table__body', className),
|
|
2749
2958
|
ref: ref,
|
|
2750
2959
|
children: children
|
|
@@ -2752,14 +2961,14 @@ var TableBody = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2752
2961
|
});
|
|
2753
2962
|
TableBody.displayName = 'Table.Body';
|
|
2754
2963
|
|
|
2755
|
-
var _excluded$
|
|
2756
|
-
function ownKeys$
|
|
2757
|
-
function _objectSpread$
|
|
2964
|
+
var _excluded$i = ["children", "className"];
|
|
2965
|
+
function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2966
|
+
function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2758
2967
|
var TableCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2759
2968
|
var children = _ref.children,
|
|
2760
2969
|
className = _ref.className,
|
|
2761
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2762
|
-
return jsxRuntime.jsx("caption", _objectSpread$
|
|
2970
|
+
restProps = _objectWithoutProperties(_ref, _excluded$i);
|
|
2971
|
+
return jsxRuntime.jsx("caption", _objectSpread$i(_objectSpread$i({}, restProps), {}, {
|
|
2763
2972
|
className: clsx('ams-table__caption', className),
|
|
2764
2973
|
ref: ref,
|
|
2765
2974
|
children: children
|
|
@@ -2767,14 +2976,14 @@ var TableCaption = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2767
2976
|
});
|
|
2768
2977
|
TableCaption.displayName = 'Table.Caption';
|
|
2769
2978
|
|
|
2770
|
-
var _excluded$
|
|
2771
|
-
function ownKeys$
|
|
2772
|
-
function _objectSpread$
|
|
2979
|
+
var _excluded$h = ["children", "className"];
|
|
2980
|
+
function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2981
|
+
function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2773
2982
|
var TableCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2774
2983
|
var children = _ref.children,
|
|
2775
2984
|
className = _ref.className,
|
|
2776
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2777
|
-
return jsxRuntime.jsx("td", _objectSpread$
|
|
2985
|
+
restProps = _objectWithoutProperties(_ref, _excluded$h);
|
|
2986
|
+
return jsxRuntime.jsx("td", _objectSpread$h(_objectSpread$h({}, restProps), {}, {
|
|
2778
2987
|
className: clsx('ams-table__cell', className),
|
|
2779
2988
|
ref: ref,
|
|
2780
2989
|
children: children
|
|
@@ -2782,14 +2991,14 @@ var TableCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2782
2991
|
});
|
|
2783
2992
|
TableCell.displayName = 'Table.Cell';
|
|
2784
2993
|
|
|
2785
|
-
var _excluded$
|
|
2786
|
-
function ownKeys$
|
|
2787
|
-
function _objectSpread$
|
|
2994
|
+
var _excluded$g = ["children", "className"];
|
|
2995
|
+
function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2996
|
+
function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2788
2997
|
var TableFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2789
2998
|
var children = _ref.children,
|
|
2790
2999
|
className = _ref.className,
|
|
2791
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2792
|
-
return jsxRuntime.jsx("tfoot", _objectSpread$
|
|
3000
|
+
restProps = _objectWithoutProperties(_ref, _excluded$g);
|
|
3001
|
+
return jsxRuntime.jsx("tfoot", _objectSpread$g(_objectSpread$g({}, restProps), {}, {
|
|
2793
3002
|
className: clsx('ams-table__footer', className),
|
|
2794
3003
|
ref: ref,
|
|
2795
3004
|
children: children
|
|
@@ -2797,14 +3006,14 @@ var TableFooter = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2797
3006
|
});
|
|
2798
3007
|
TableFooter.displayName = 'Table.Footer';
|
|
2799
3008
|
|
|
2800
|
-
var _excluded$
|
|
2801
|
-
function ownKeys$
|
|
2802
|
-
function _objectSpread$
|
|
3009
|
+
var _excluded$f = ["children", "className"];
|
|
3010
|
+
function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3011
|
+
function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2803
3012
|
var TableHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2804
3013
|
var children = _ref.children,
|
|
2805
3014
|
className = _ref.className,
|
|
2806
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2807
|
-
return jsxRuntime.jsx("thead", _objectSpread$
|
|
3015
|
+
restProps = _objectWithoutProperties(_ref, _excluded$f);
|
|
3016
|
+
return jsxRuntime.jsx("thead", _objectSpread$f(_objectSpread$f({}, restProps), {}, {
|
|
2808
3017
|
className: clsx('ams-table__header', className),
|
|
2809
3018
|
ref: ref,
|
|
2810
3019
|
children: children
|
|
@@ -2812,14 +3021,14 @@ var TableHeader = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2812
3021
|
});
|
|
2813
3022
|
TableHeader.displayName = 'Table.Header';
|
|
2814
3023
|
|
|
2815
|
-
var _excluded$
|
|
2816
|
-
function ownKeys$
|
|
2817
|
-
function _objectSpread$
|
|
3024
|
+
var _excluded$e = ["children", "className"];
|
|
3025
|
+
function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3026
|
+
function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2818
3027
|
var TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2819
3028
|
var children = _ref.children,
|
|
2820
3029
|
className = _ref.className,
|
|
2821
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2822
|
-
return jsxRuntime.jsx("th", _objectSpread$
|
|
3030
|
+
restProps = _objectWithoutProperties(_ref, _excluded$e);
|
|
3031
|
+
return jsxRuntime.jsx("th", _objectSpread$e(_objectSpread$e({}, restProps), {}, {
|
|
2823
3032
|
className: clsx('ams-table__header-cell', className),
|
|
2824
3033
|
ref: ref,
|
|
2825
3034
|
children: children
|
|
@@ -2827,14 +3036,14 @@ var TableHeaderCell = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2827
3036
|
});
|
|
2828
3037
|
TableHeaderCell.displayName = 'Table.HeaderCell';
|
|
2829
3038
|
|
|
2830
|
-
var _excluded$
|
|
2831
|
-
function ownKeys$
|
|
2832
|
-
function _objectSpread$
|
|
3039
|
+
var _excluded$d = ["children", "className"];
|
|
3040
|
+
function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3041
|
+
function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2833
3042
|
var TableRow = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2834
3043
|
var children = _ref.children,
|
|
2835
3044
|
className = _ref.className,
|
|
2836
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2837
|
-
return jsxRuntime.jsx("tr", _objectSpread$
|
|
3045
|
+
restProps = _objectWithoutProperties(_ref, _excluded$d);
|
|
3046
|
+
return jsxRuntime.jsx("tr", _objectSpread$d(_objectSpread$d({}, restProps), {}, {
|
|
2838
3047
|
className: clsx('ams-table__row', className),
|
|
2839
3048
|
ref: ref,
|
|
2840
3049
|
children: children
|
|
@@ -2842,16 +3051,16 @@ var TableRow = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2842
3051
|
});
|
|
2843
3052
|
TableRow.displayName = 'Table.Row';
|
|
2844
3053
|
|
|
2845
|
-
var _excluded$
|
|
2846
|
-
function ownKeys$
|
|
2847
|
-
function _objectSpread$
|
|
3054
|
+
var _excluded$c = ["children", "className"];
|
|
3055
|
+
function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3056
|
+
function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2848
3057
|
var TableRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2849
3058
|
var children = _ref.children,
|
|
2850
3059
|
className = _ref.className,
|
|
2851
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
3060
|
+
restProps = _objectWithoutProperties(_ref, _excluded$c);
|
|
2852
3061
|
return jsxRuntime.jsx("div", {
|
|
2853
3062
|
className: "ams-table",
|
|
2854
|
-
children: jsxRuntime.jsx("table", _objectSpread$
|
|
3063
|
+
children: jsxRuntime.jsx("table", _objectSpread$c(_objectSpread$c({}, restProps), {}, {
|
|
2855
3064
|
className: clsx('ams-table__table', className),
|
|
2856
3065
|
ref: ref,
|
|
2857
3066
|
children: children
|
|
@@ -2859,6 +3068,9 @@ var TableRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2859
3068
|
});
|
|
2860
3069
|
});
|
|
2861
3070
|
TableRoot.displayName = 'Table';
|
|
3071
|
+
/**
|
|
3072
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-table--docs Table docs at Amsterdam Design System}
|
|
3073
|
+
*/
|
|
2862
3074
|
var Table = Object.assign(TableRoot, {
|
|
2863
3075
|
Body: TableBody,
|
|
2864
3076
|
Caption: TableCaption,
|
|
@@ -2869,17 +3081,17 @@ var Table = Object.assign(TableRoot, {
|
|
|
2869
3081
|
Row: TableRow
|
|
2870
3082
|
});
|
|
2871
3083
|
|
|
2872
|
-
var _excluded$
|
|
2873
|
-
function ownKeys$
|
|
2874
|
-
function _objectSpread$
|
|
3084
|
+
var _excluded$b = ["children", "className", "label"];
|
|
3085
|
+
function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3086
|
+
function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2875
3087
|
var TableOfContentsLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2876
3088
|
var children = _ref.children,
|
|
2877
3089
|
className = _ref.className,
|
|
2878
3090
|
label = _ref.label,
|
|
2879
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
3091
|
+
restProps = _objectWithoutProperties(_ref, _excluded$b);
|
|
2880
3092
|
return jsxRuntime.jsxs("li", {
|
|
2881
3093
|
className: "ams-table-of-contents__item",
|
|
2882
|
-
children: [jsxRuntime.jsx("a", _objectSpread$
|
|
3094
|
+
children: [jsxRuntime.jsx("a", _objectSpread$b(_objectSpread$b({}, restProps), {}, {
|
|
2883
3095
|
className: clsx.clsx('ams-table-of-contents__link', className),
|
|
2884
3096
|
ref: ref,
|
|
2885
3097
|
children: label
|
|
@@ -2888,14 +3100,14 @@ var TableOfContentsLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2888
3100
|
});
|
|
2889
3101
|
TableOfContentsLink.displayName = 'TableOfContents.Link';
|
|
2890
3102
|
|
|
2891
|
-
var _excluded$
|
|
2892
|
-
function ownKeys$
|
|
2893
|
-
function _objectSpread$
|
|
3103
|
+
var _excluded$a = ["children", "className"];
|
|
3104
|
+
function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3105
|
+
function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2894
3106
|
var TableOfContentsList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2895
3107
|
var children = _ref.children,
|
|
2896
3108
|
className = _ref.className,
|
|
2897
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2898
|
-
return jsxRuntime.jsx("ul", _objectSpread$
|
|
3109
|
+
restProps = _objectWithoutProperties(_ref, _excluded$a);
|
|
3110
|
+
return jsxRuntime.jsx("ul", _objectSpread$a(_objectSpread$a({}, restProps), {}, {
|
|
2899
3111
|
className: clsx('ams-table-of-contents__list', className),
|
|
2900
3112
|
ref: ref,
|
|
2901
3113
|
children: children
|
|
@@ -2903,17 +3115,17 @@ var TableOfContentsList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2903
3115
|
});
|
|
2904
3116
|
TableOfContentsList.displayName = 'TableOfContents.List';
|
|
2905
3117
|
|
|
2906
|
-
var _excluded$
|
|
2907
|
-
function ownKeys$
|
|
2908
|
-
function _objectSpread$
|
|
3118
|
+
var _excluded$9 = ["children", "className", "heading", "headingLevel"];
|
|
3119
|
+
function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3120
|
+
function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2909
3121
|
var TableOfContentsRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2910
3122
|
var children = _ref.children,
|
|
2911
3123
|
className = _ref.className,
|
|
2912
3124
|
heading = _ref.heading,
|
|
2913
3125
|
_ref$headingLevel = _ref.headingLevel,
|
|
2914
3126
|
headingLevel = _ref$headingLevel === void 0 ? 2 : _ref$headingLevel,
|
|
2915
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
2916
|
-
return jsxRuntime.jsxs("nav", _objectSpread$
|
|
3127
|
+
restProps = _objectWithoutProperties(_ref, _excluded$9);
|
|
3128
|
+
return jsxRuntime.jsxs("nav", _objectSpread$9(_objectSpread$9({}, restProps), {}, {
|
|
2917
3129
|
className: clsx('ams-table-of-contents', className),
|
|
2918
3130
|
ref: ref,
|
|
2919
3131
|
children: [heading && jsxRuntime.jsx(Heading, {
|
|
@@ -2925,6 +3137,9 @@ var TableOfContentsRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2925
3137
|
}));
|
|
2926
3138
|
});
|
|
2927
3139
|
TableOfContentsRoot.displayName = 'TableOfContents';
|
|
3140
|
+
/**
|
|
3141
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-table-of-contents--docs Table Of Contents docs at Amsterdam Design System}
|
|
3142
|
+
*/
|
|
2928
3143
|
var TableOfContents = Object.assign(TableOfContentsRoot, {
|
|
2929
3144
|
Link: TableOfContentsLink,
|
|
2930
3145
|
List: TableOfContentsList
|
|
@@ -2936,39 +3151,40 @@ var TableOfContents = Object.assign(TableOfContentsRoot, {
|
|
|
2936
3151
|
*/
|
|
2937
3152
|
var defaultValues = {
|
|
2938
3153
|
activeTabId: undefined,
|
|
2939
|
-
tabsId: '',
|
|
2940
3154
|
updateTab: function updateTab() {}
|
|
2941
3155
|
};
|
|
2942
3156
|
var TabsContext = /*#__PURE__*/react.createContext(defaultValues);
|
|
2943
3157
|
|
|
2944
|
-
var _excluded$
|
|
2945
|
-
function ownKeys$
|
|
2946
|
-
function _objectSpread$
|
|
3158
|
+
var _excluded$8 = ["aria-controls", "children", "className", "onClick"];
|
|
3159
|
+
function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3160
|
+
function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2947
3161
|
var TabsButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2948
|
-
var
|
|
3162
|
+
var ariaControls = _ref['aria-controls'],
|
|
3163
|
+
children = _ref.children,
|
|
2949
3164
|
className = _ref.className,
|
|
2950
3165
|
onClick = _ref.onClick,
|
|
2951
|
-
|
|
2952
|
-
restProps = _objectWithoutProperties(_ref, _excluded$9);
|
|
3166
|
+
restProps = _objectWithoutProperties(_ref, _excluded$8);
|
|
2953
3167
|
var _useContext = react.useContext(TabsContext),
|
|
2954
3168
|
activeTabId = _useContext.activeTabId,
|
|
2955
|
-
tabsId = _useContext.tabsId,
|
|
2956
3169
|
updateTab = _useContext.updateTab;
|
|
2957
3170
|
var handleClick = function handleClick(event) {
|
|
2958
3171
|
onClick === null || onClick === void 0 || onClick(event);
|
|
3172
|
+
// Allow preventDefault to stop the tab from updating
|
|
3173
|
+
if (event.defaultPrevented) return;
|
|
2959
3174
|
react.startTransition(function () {
|
|
2960
|
-
updateTab(
|
|
3175
|
+
updateTab(ariaControls);
|
|
2961
3176
|
});
|
|
2962
3177
|
};
|
|
2963
|
-
return jsxRuntime.jsxs("button", _objectSpread$
|
|
2964
|
-
"aria-controls":
|
|
2965
|
-
"aria-selected": activeTabId ===
|
|
3178
|
+
return jsxRuntime.jsxs("button", _objectSpread$8(_objectSpread$8({}, restProps), {}, {
|
|
3179
|
+
"aria-controls": ariaControls,
|
|
3180
|
+
"aria-selected": activeTabId === ariaControls,
|
|
2966
3181
|
className: clsx('ams-tabs__button', className),
|
|
2967
|
-
id: "
|
|
3182
|
+
id: "button-".concat(ariaControls),
|
|
2968
3183
|
onClick: handleClick,
|
|
2969
3184
|
ref: ref,
|
|
2970
3185
|
role: "tab",
|
|
2971
|
-
tabIndex: activeTabId ===
|
|
3186
|
+
tabIndex: activeTabId === ariaControls ? 0 : -1,
|
|
3187
|
+
type: "button",
|
|
2972
3188
|
children: [jsxRuntime.jsx("span", {
|
|
2973
3189
|
"aria-hidden": "true",
|
|
2974
3190
|
className: "ams-tabs__button-label-hidden",
|
|
@@ -2981,25 +3197,25 @@ var TabsButton = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
2981
3197
|
});
|
|
2982
3198
|
TabsButton.displayName = 'Tabs.Button';
|
|
2983
3199
|
|
|
2984
|
-
var _excluded$
|
|
2985
|
-
function ownKeys$
|
|
2986
|
-
function _objectSpread$
|
|
3200
|
+
var _excluded$7 = ["children", "className"];
|
|
3201
|
+
function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3202
|
+
function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2987
3203
|
var TabsList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
2988
3204
|
var children = _ref.children,
|
|
2989
3205
|
className = _ref.className,
|
|
2990
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
3206
|
+
restProps = _objectWithoutProperties(_ref, _excluded$7);
|
|
2991
3207
|
var innerRef = react.useRef(null);
|
|
2992
3208
|
// Use a passed ref if it's there, otherwise use innerRef
|
|
2993
3209
|
react.useImperativeHandle(ref, function () {
|
|
2994
3210
|
return innerRef.current;
|
|
2995
3211
|
});
|
|
2996
3212
|
var _useKeyboardFocus = useKeyboardFocus(innerRef, {
|
|
2997
|
-
focusableElements: ['
|
|
3213
|
+
focusableElements: ['.ams-tabs__button:not([disabled])'],
|
|
2998
3214
|
horizontally: true,
|
|
2999
3215
|
rotating: true
|
|
3000
3216
|
}),
|
|
3001
3217
|
keyDown = _useKeyboardFocus.keyDown;
|
|
3002
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
3218
|
+
return jsxRuntime.jsx("div", _objectSpread$7(_objectSpread$7({}, restProps), {}, {
|
|
3003
3219
|
className: clsx('ams-tabs__list', className),
|
|
3004
3220
|
onKeyDown: keyDown,
|
|
3005
3221
|
ref: innerRef,
|
|
@@ -3009,24 +3225,23 @@ var TabsList = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
3009
3225
|
});
|
|
3010
3226
|
TabsList.displayName = 'Tabs.List';
|
|
3011
3227
|
|
|
3012
|
-
var _excluded$
|
|
3013
|
-
function ownKeys$
|
|
3014
|
-
function _objectSpread$
|
|
3228
|
+
var _excluded$6 = ["children", "className", "id"];
|
|
3229
|
+
function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3230
|
+
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3015
3231
|
var TabsPanel = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
3016
3232
|
var children = _ref.children,
|
|
3017
3233
|
className = _ref.className,
|
|
3018
|
-
|
|
3019
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
3234
|
+
id = _ref.id,
|
|
3235
|
+
restProps = _objectWithoutProperties(_ref, _excluded$6);
|
|
3020
3236
|
var _useContext = react.useContext(TabsContext),
|
|
3021
|
-
activeTabId = _useContext.activeTabId
|
|
3022
|
-
|
|
3023
|
-
if (tab !== activeTabId) {
|
|
3237
|
+
activeTabId = _useContext.activeTabId;
|
|
3238
|
+
if (id !== activeTabId) {
|
|
3024
3239
|
return null;
|
|
3025
3240
|
}
|
|
3026
|
-
return jsxRuntime.jsx("div", _objectSpread$
|
|
3027
|
-
"aria-labelledby": "
|
|
3241
|
+
return jsxRuntime.jsx("div", _objectSpread$6(_objectSpread$6({}, restProps), {}, {
|
|
3242
|
+
"aria-labelledby": "button-".concat(id),
|
|
3028
3243
|
className: clsx('ams-tabs__panel', className),
|
|
3029
|
-
id:
|
|
3244
|
+
id: id,
|
|
3030
3245
|
ref: ref,
|
|
3031
3246
|
role: "tabpanel",
|
|
3032
3247
|
tabIndex: 0,
|
|
@@ -3035,20 +3250,20 @@ var TabsPanel = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
3035
3250
|
});
|
|
3036
3251
|
TabsPanel.displayName = 'Tabs.Panel';
|
|
3037
3252
|
|
|
3038
|
-
var _excluded$
|
|
3039
|
-
function ownKeys$
|
|
3040
|
-
function _objectSpread$
|
|
3253
|
+
var _excluded$5 = ["activeTab", "children", "className", "onTabChange"];
|
|
3254
|
+
function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3255
|
+
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3041
3256
|
var TabsRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
3042
3257
|
var activeTab = _ref.activeTab,
|
|
3043
3258
|
children = _ref.children,
|
|
3044
3259
|
className = _ref.className,
|
|
3045
3260
|
onTabChange = _ref.onTabChange,
|
|
3046
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
3047
|
-
var tabsId = react.useId();
|
|
3261
|
+
restProps = _objectWithoutProperties(_ref, _excluded$5);
|
|
3048
3262
|
var _useState = react.useState(),
|
|
3049
3263
|
_useState2 = _slicedToArray(_useState, 2),
|
|
3050
3264
|
activeTabId = _useState2[0],
|
|
3051
3265
|
setActiveTabId = _useState2[1];
|
|
3266
|
+
// Get all tab ids from TabsButtons on first render
|
|
3052
3267
|
var allTabIds = react.useMemo(function () {
|
|
3053
3268
|
if (!Array.isArray(children)) return [];
|
|
3054
3269
|
// The first child of Tabs should be TabsList
|
|
@@ -3058,17 +3273,17 @@ var TabsRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
3058
3273
|
// TabsList can have 0, 1, or more children
|
|
3059
3274
|
// If there is only 1 child, it will be an object
|
|
3060
3275
|
if (tabsListChildren.props) {
|
|
3061
|
-
return [tabsListChildren.props
|
|
3276
|
+
return [tabsListChildren.props['aria-controls']];
|
|
3062
3277
|
}
|
|
3063
3278
|
// If there is more than 1 child, it will be an array
|
|
3064
3279
|
if (Array.isArray(tabsListChildren)) {
|
|
3065
3280
|
return tabsListChildren.map(function (child) {
|
|
3066
|
-
return child.props
|
|
3281
|
+
return child.props['aria-controls'];
|
|
3067
3282
|
});
|
|
3068
3283
|
}
|
|
3069
3284
|
// If there are no children, return an empty array
|
|
3070
3285
|
return [];
|
|
3071
|
-
}, [
|
|
3286
|
+
}, []);
|
|
3072
3287
|
react.useEffect(function () {
|
|
3073
3288
|
if (!activeTab) {
|
|
3074
3289
|
setActiveTabId(allTabIds[0]);
|
|
@@ -3086,10 +3301,9 @@ var TabsRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
3086
3301
|
return jsxRuntime.jsx(TabsContext.Provider, {
|
|
3087
3302
|
value: {
|
|
3088
3303
|
activeTabId: activeTabId,
|
|
3089
|
-
tabsId: tabsId,
|
|
3090
3304
|
updateTab: updateTab
|
|
3091
3305
|
},
|
|
3092
|
-
children: jsxRuntime.jsx("div", _objectSpread$
|
|
3306
|
+
children: jsxRuntime.jsx("div", _objectSpread$5(_objectSpread$5({}, restProps), {}, {
|
|
3093
3307
|
className: clsx('ams-tabs', className),
|
|
3094
3308
|
ref: ref,
|
|
3095
3309
|
children: children
|
|
@@ -3097,22 +3311,28 @@ var TabsRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
3097
3311
|
});
|
|
3098
3312
|
});
|
|
3099
3313
|
TabsRoot.displayName = 'Tabs';
|
|
3314
|
+
/**
|
|
3315
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-tabs--docs Tabs docs at Amsterdam Design System}
|
|
3316
|
+
*/
|
|
3100
3317
|
var Tabs = Object.assign(TabsRoot, {
|
|
3101
3318
|
Button: TabsButton,
|
|
3102
3319
|
List: TabsList,
|
|
3103
3320
|
Panel: TabsPanel
|
|
3104
3321
|
});
|
|
3105
3322
|
|
|
3106
|
-
var _excluded$
|
|
3107
|
-
function ownKeys$
|
|
3108
|
-
function _objectSpread$
|
|
3323
|
+
var _excluded$4 = ["className", "dir", "invalid", "resize"];
|
|
3324
|
+
function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3325
|
+
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3326
|
+
/**
|
|
3327
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-text-area--docs Text Area docs at Amsterdam Design System}
|
|
3328
|
+
*/
|
|
3109
3329
|
var TextArea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
3110
3330
|
var className = _ref.className,
|
|
3111
3331
|
dir = _ref.dir,
|
|
3112
3332
|
invalid = _ref.invalid,
|
|
3113
3333
|
resize = _ref.resize,
|
|
3114
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
3115
|
-
return jsxRuntime.jsx("textarea", _objectSpread$
|
|
3334
|
+
restProps = _objectWithoutProperties(_ref, _excluded$4);
|
|
3335
|
+
return jsxRuntime.jsx("textarea", _objectSpread$4(_objectSpread$4({}, restProps), {}, {
|
|
3116
3336
|
"aria-invalid": invalid || undefined,
|
|
3117
3337
|
className: clsx('ams-text-area', resize && "ams-text-area--resize-".concat(resize), restProps.cols && 'ams-text-area--cols', className),
|
|
3118
3338
|
dir: dir !== null && dir !== void 0 ? dir : 'auto',
|
|
@@ -3121,17 +3341,20 @@ var TextArea = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
3121
3341
|
});
|
|
3122
3342
|
TextArea.displayName = 'TextArea';
|
|
3123
3343
|
|
|
3124
|
-
var _excluded$
|
|
3125
|
-
function ownKeys$
|
|
3126
|
-
function _objectSpread$
|
|
3344
|
+
var _excluded$3 = ["className", "dir", "invalid", "type"];
|
|
3345
|
+
function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3346
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3347
|
+
/**
|
|
3348
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-text-input--docs Text Input docs at Amsterdam Design System}
|
|
3349
|
+
*/
|
|
3127
3350
|
var TextInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
3128
3351
|
var className = _ref.className,
|
|
3129
3352
|
dir = _ref.dir,
|
|
3130
3353
|
invalid = _ref.invalid,
|
|
3131
3354
|
_ref$type = _ref.type,
|
|
3132
3355
|
type = _ref$type === void 0 ? 'text' : _ref$type,
|
|
3133
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
3134
|
-
return jsxRuntime.jsx("input", _objectSpread$
|
|
3356
|
+
restProps = _objectWithoutProperties(_ref, _excluded$3);
|
|
3357
|
+
return jsxRuntime.jsx("input", _objectSpread$3(_objectSpread$3({}, restProps), {}, {
|
|
3135
3358
|
"aria-invalid": invalid || undefined,
|
|
3136
3359
|
className: clsx('ams-text-input', className),
|
|
3137
3360
|
dir: dir !== null && dir !== void 0 ? dir : 'auto',
|
|
@@ -3141,14 +3364,17 @@ var TextInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
3141
3364
|
});
|
|
3142
3365
|
TextInput.displayName = 'TextInput';
|
|
3143
3366
|
|
|
3144
|
-
var _excluded$
|
|
3145
|
-
function ownKeys$
|
|
3146
|
-
function _objectSpread$
|
|
3367
|
+
var _excluded$2 = ["className", "invalid"];
|
|
3368
|
+
function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3369
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3370
|
+
/**
|
|
3371
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-time-input--docs Time Input docs at Amsterdam Design System}
|
|
3372
|
+
*/
|
|
3147
3373
|
var TimeInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
3148
3374
|
var className = _ref.className,
|
|
3149
3375
|
invalid = _ref.invalid,
|
|
3150
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
3151
|
-
return jsxRuntime.jsx("input", _objectSpread$
|
|
3376
|
+
restProps = _objectWithoutProperties(_ref, _excluded$2);
|
|
3377
|
+
return jsxRuntime.jsx("input", _objectSpread$2(_objectSpread$2({}, restProps), {}, {
|
|
3152
3378
|
"aria-invalid": invalid || undefined,
|
|
3153
3379
|
className: clsx('ams-time-input', className),
|
|
3154
3380
|
ref: ref,
|
|
@@ -3157,31 +3383,6 @@ var TimeInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
3157
3383
|
});
|
|
3158
3384
|
TimeInput.displayName = 'TimeInput';
|
|
3159
3385
|
|
|
3160
|
-
var _excluded$2 = ["className", "description", "label"];
|
|
3161
|
-
function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3162
|
-
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
3163
|
-
var TopTaskLink = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
3164
|
-
var className = _ref.className,
|
|
3165
|
-
description = _ref.description,
|
|
3166
|
-
label = _ref.label,
|
|
3167
|
-
restProps = _objectWithoutProperties(_ref, _excluded$2);
|
|
3168
|
-
return jsxRuntime.jsxs("a", _objectSpread$2(_objectSpread$2({}, restProps), {}, {
|
|
3169
|
-
className: clsx('ams-top-task-link', className),
|
|
3170
|
-
ref: ref,
|
|
3171
|
-
children: [jsxRuntime.jsx("span", {
|
|
3172
|
-
className: "ams-top-task-link__label",
|
|
3173
|
-
children: label
|
|
3174
|
-
}), jsxRuntime.jsx("span", {
|
|
3175
|
-
className: "ams-visually-hidden",
|
|
3176
|
-
children: ","
|
|
3177
|
-
}), jsxRuntime.jsx("span", {
|
|
3178
|
-
className: "ams-top-task-link__description",
|
|
3179
|
-
children: description
|
|
3180
|
-
})]
|
|
3181
|
-
}));
|
|
3182
|
-
});
|
|
3183
|
-
TopTaskLink.displayName = 'TopTaskLink';
|
|
3184
|
-
|
|
3185
3386
|
var _excluded$1 = ["children", "className"];
|
|
3186
3387
|
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3187
3388
|
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -3217,6 +3418,9 @@ var UnorderedListRoot = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
|
|
|
3217
3418
|
}));
|
|
3218
3419
|
});
|
|
3219
3420
|
UnorderedListRoot.displayName = 'UnorderedList';
|
|
3421
|
+
/**
|
|
3422
|
+
* @see {@link https://designsystem.amsterdam/?path=/docs/components-text-unordered-list--docs Unordered List docs at Amsterdam Design System}
|
|
3423
|
+
*/
|
|
3220
3424
|
var UnorderedList = Object.assign(UnorderedListRoot, {
|
|
3221
3425
|
Item: UnorderedListItem
|
|
3222
3426
|
});
|
|
@@ -3243,9 +3447,7 @@ exports.FieldSet = FieldSet;
|
|
|
3243
3447
|
exports.Figure = Figure;
|
|
3244
3448
|
exports.FileInput = FileInput;
|
|
3245
3449
|
exports.FileList = FileList;
|
|
3246
|
-
exports.Footer = Footer;
|
|
3247
3450
|
exports.Grid = Grid;
|
|
3248
|
-
exports.Header = Header;
|
|
3249
3451
|
exports.Heading = Heading;
|
|
3250
3452
|
exports.Hint = Hint;
|
|
3251
3453
|
exports.Icon = Icon;
|
|
@@ -3258,21 +3460,22 @@ exports.Link = Link;
|
|
|
3258
3460
|
exports.LinkList = LinkList;
|
|
3259
3461
|
exports.Logo = Logo;
|
|
3260
3462
|
exports.Mark = Mark;
|
|
3261
|
-
exports.MegaMenu = MegaMenu;
|
|
3262
3463
|
exports.OrderedList = OrderedList;
|
|
3263
3464
|
exports.Overlap = Overlap;
|
|
3465
|
+
exports.Page = Page;
|
|
3466
|
+
exports.PageFooter = PageFooter;
|
|
3467
|
+
exports.PageHeader = PageHeader;
|
|
3264
3468
|
exports.PageHeading = PageHeading;
|
|
3265
|
-
exports.PageMenu = PageMenu;
|
|
3266
3469
|
exports.Pagination = Pagination;
|
|
3267
3470
|
exports.Paragraph = Paragraph;
|
|
3268
3471
|
exports.PasswordInput = PasswordInput;
|
|
3269
3472
|
exports.Radio = Radio;
|
|
3270
3473
|
exports.Row = Row;
|
|
3271
|
-
exports.Screen = Screen;
|
|
3272
3474
|
exports.SearchField = SearchField;
|
|
3273
3475
|
exports.Select = Select;
|
|
3274
3476
|
exports.SkipLink = SkipLink;
|
|
3275
3477
|
exports.Spotlight = Spotlight;
|
|
3478
|
+
exports.StandaloneLink = StandaloneLink;
|
|
3276
3479
|
exports.Switch = Switch;
|
|
3277
3480
|
exports.Table = Table;
|
|
3278
3481
|
exports.TableOfContents = TableOfContents;
|
|
@@ -3280,7 +3483,6 @@ exports.Tabs = Tabs;
|
|
|
3280
3483
|
exports.TextArea = TextArea;
|
|
3281
3484
|
exports.TextInput = TextInput;
|
|
3282
3485
|
exports.TimeInput = TimeInput;
|
|
3283
|
-
exports.TopTaskLink = TopTaskLink;
|
|
3284
3486
|
exports.UnorderedList = UnorderedList;
|
|
3285
3487
|
exports.generateAspectRatioClass = generateAspectRatioClass;
|
|
3286
3488
|
//# sourceMappingURL=index.cjs.js.map
|