@dsn-starter-kit/components-react 2.0.0 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +32 -4
- package/dist/ActionGroup/ActionGroup.d.mts +51 -0
- package/dist/ActionGroup/ActionGroup.d.mts.map +1 -0
- package/dist/ActionGroup/ActionGroup2.mjs +65 -0
- package/dist/ActionGroup/ActionGroup2.mjs.map +1 -0
- package/dist/ActionGroup/index.d.mts +2 -0
- package/dist/Alert/Alert.d.mts +85 -0
- package/dist/Alert/Alert.d.mts.map +1 -0
- package/dist/Alert/Alert2.mjs +102 -0
- package/dist/Alert/Alert2.mjs.map +1 -0
- package/dist/Alert/index.d.mts +2 -0
- package/dist/Backdrop/Backdrop.d.mts +28 -0
- package/dist/Backdrop/Backdrop.d.mts.map +1 -0
- package/dist/Backdrop/Backdrop2.mjs +32 -0
- package/dist/Backdrop/Backdrop2.mjs.map +1 -0
- package/dist/Backdrop/index.d.mts +2 -0
- package/dist/Body/Body.d.mts +29 -0
- package/dist/Body/Body.d.mts.map +1 -0
- package/dist/Body/Body2.mjs +36 -0
- package/dist/Body/Body2.mjs.map +1 -0
- package/dist/Body/index.d.mts +2 -0
- package/dist/BreadcrumbNavigation/BreadcrumbNavigation.d.mts +45 -0
- package/dist/BreadcrumbNavigation/BreadcrumbNavigation.d.mts.map +1 -0
- package/dist/BreadcrumbNavigation/BreadcrumbNavigation2.mjs +51 -0
- package/dist/BreadcrumbNavigation/BreadcrumbNavigation2.mjs.map +1 -0
- package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.d.mts +41 -0
- package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.d.mts.map +1 -0
- package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.mjs +48 -0
- package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.mjs.map +1 -0
- package/dist/BreadcrumbNavigation/index.d.mts +3 -0
- package/dist/BreakoutSection/BreakoutSection.d.mts +32 -0
- package/dist/BreakoutSection/BreakoutSection.d.mts.map +1 -0
- package/dist/BreakoutSection/BreakoutSection2.mjs +36 -0
- package/dist/BreakoutSection/BreakoutSection2.mjs.map +1 -0
- package/dist/BreakoutSection/index.d.mts +2 -0
- package/dist/Button/Button.d.mts +92 -0
- package/dist/Button/Button.d.mts.map +1 -0
- package/dist/Button/Button2.mjs +76 -0
- package/dist/Button/Button2.mjs.map +1 -0
- package/dist/Button/index.d.mts +2 -0
- package/dist/ButtonLink/ButtonLink.d.mts +94 -0
- package/dist/ButtonLink/ButtonLink.d.mts.map +1 -0
- package/dist/ButtonLink/ButtonLink2.mjs +70 -0
- package/dist/ButtonLink/ButtonLink2.mjs.map +1 -0
- package/dist/ButtonLink/index.d.mts +2 -0
- package/dist/Card/Card.d.mts +107 -0
- package/dist/Card/Card.d.mts.map +1 -0
- package/dist/Card/Card2.mjs +125 -0
- package/dist/Card/Card2.mjs.map +1 -0
- package/dist/Card/index.d.mts +2 -0
- package/dist/Checkbox/Checkbox.d.mts +20 -0
- package/dist/Checkbox/Checkbox.d.mts.map +1 -0
- package/dist/Checkbox/Checkbox2.mjs +43 -0
- package/dist/Checkbox/Checkbox2.mjs.map +1 -0
- package/dist/Checkbox/index.d.mts +2 -0
- package/dist/CheckboxGroup/CheckboxGroup.d.mts +39 -0
- package/dist/CheckboxGroup/CheckboxGroup.d.mts.map +1 -0
- package/dist/CheckboxGroup/CheckboxGroup2.mjs +46 -0
- package/dist/CheckboxGroup/CheckboxGroup2.mjs.map +1 -0
- package/dist/CheckboxGroup/index.d.mts +2 -0
- package/dist/CheckboxOption/CheckboxOption.d.mts +17 -0
- package/dist/CheckboxOption/CheckboxOption.d.mts.map +1 -0
- package/dist/CheckboxOption/CheckboxOption2.mjs +29 -0
- package/dist/CheckboxOption/CheckboxOption2.mjs.map +1 -0
- package/dist/CheckboxOption/index.d.mts +2 -0
- package/dist/Container/Container.d.mts +43 -0
- package/dist/Container/Container.d.mts.map +1 -0
- package/dist/Container/Container2.mjs +42 -0
- package/dist/Container/Container2.mjs.map +1 -0
- package/dist/Container/index.d.mts +2 -0
- package/dist/DateInput/DateInput.d.mts +38 -0
- package/dist/DateInput/DateInput.d.mts.map +1 -0
- package/dist/DateInput/DateInput2.mjs +69 -0
- package/dist/DateInput/DateInput2.mjs.map +1 -0
- package/dist/DateInput/index.d.mts +2 -0
- package/dist/DateInputGroup/DateInputGroup.d.mts +67 -0
- package/dist/DateInputGroup/DateInputGroup.d.mts.map +1 -0
- package/dist/DateInputGroup/DateInputGroup2.mjs +120 -0
- package/dist/DateInputGroup/DateInputGroup2.mjs.map +1 -0
- package/dist/DateInputGroup/index.d.mts +2 -0
- package/dist/Details/Details.d.mts +48 -0
- package/dist/Details/Details.d.mts.map +1 -0
- package/dist/Details/Details2.mjs +61 -0
- package/dist/Details/Details2.mjs.map +1 -0
- package/dist/Details/index.d.mts +2 -0
- package/dist/DotBadge/DotBadge.d.mts +44 -0
- package/dist/DotBadge/DotBadge.d.mts.map +1 -0
- package/dist/DotBadge/DotBadge2.mjs +42 -0
- package/dist/DotBadge/DotBadge2.mjs.map +1 -0
- package/dist/DotBadge/index.d.mts +2 -0
- package/dist/Drawer/Drawer.d.mts +111 -0
- package/dist/Drawer/Drawer.d.mts.map +1 -0
- package/dist/Drawer/Drawer2.mjs +156 -0
- package/dist/Drawer/Drawer2.mjs.map +1 -0
- package/dist/Drawer/index.d.mts +2 -0
- package/dist/EmailInput/EmailInput.d.mts +40 -0
- package/dist/EmailInput/EmailInput.d.mts.map +1 -0
- package/dist/EmailInput/EmailInput.mjs +39 -0
- package/dist/EmailInput/EmailInput.mjs.map +1 -0
- package/dist/EmailInput/index.d.mts +2 -0
- package/dist/File/File.d.mts +124 -0
- package/dist/File/File.d.mts.map +1 -0
- package/dist/File/File2.mjs +196 -0
- package/dist/File/File2.mjs.map +1 -0
- package/dist/File/index.d.mts +2 -0
- package/dist/FileInput/FileInput.d.mts +38 -0
- package/dist/FileInput/FileInput.d.mts.map +1 -0
- package/dist/FileInput/FileInput2.mjs +41 -0
- package/dist/FileInput/FileInput2.mjs.map +1 -0
- package/dist/FileInput/index.d.mts +2 -0
- package/dist/FormField/FormField.d.mts +103 -0
- package/dist/FormField/FormField.d.mts.map +1 -0
- package/dist/FormField/FormField2.mjs +101 -0
- package/dist/FormField/FormField2.mjs.map +1 -0
- package/dist/FormField/index.d.mts +2 -0
- package/dist/FormFieldDescription/FormFieldDescription.d.mts +53 -0
- package/dist/FormFieldDescription/FormFieldDescription.d.mts.map +1 -0
- package/dist/FormFieldDescription/FormFieldDescription2.mjs +49 -0
- package/dist/FormFieldDescription/FormFieldDescription2.mjs.map +1 -0
- package/dist/FormFieldDescription/index.d.mts +2 -0
- package/dist/FormFieldErrorMessage/FormFieldErrorMessage.d.mts +42 -0
- package/dist/FormFieldErrorMessage/FormFieldErrorMessage.d.mts.map +1 -0
- package/dist/FormFieldErrorMessage/FormFieldErrorMessage2.mjs +44 -0
- package/dist/FormFieldErrorMessage/FormFieldErrorMessage2.mjs.map +1 -0
- package/dist/FormFieldErrorMessage/index.d.mts +2 -0
- package/dist/FormFieldLabel/FormFieldLabel.d.mts +40 -0
- package/dist/FormFieldLabel/FormFieldLabel.d.mts.map +1 -0
- package/dist/FormFieldLabel/FormFieldLabel2.mjs +42 -0
- package/dist/FormFieldLabel/FormFieldLabel2.mjs.map +1 -0
- package/dist/FormFieldLabel/index.d.mts +2 -0
- package/dist/FormFieldLegend/FormFieldLegend.d.mts +41 -0
- package/dist/FormFieldLegend/FormFieldLegend.d.mts.map +1 -0
- package/dist/FormFieldLegend/FormFieldLegend2.mjs +43 -0
- package/dist/FormFieldLegend/FormFieldLegend2.mjs.map +1 -0
- package/dist/FormFieldLegend/index.d.mts +2 -0
- package/dist/FormFieldStatus/FormFieldStatus.d.mts +62 -0
- package/dist/FormFieldStatus/FormFieldStatus.d.mts.map +1 -0
- package/dist/FormFieldStatus/FormFieldStatus2.mjs +54 -0
- package/dist/FormFieldStatus/FormFieldStatus2.mjs.map +1 -0
- package/dist/FormFieldStatus/index.d.mts +2 -0
- package/dist/FormFieldset/FormFieldset.d.mts +100 -0
- package/dist/FormFieldset/FormFieldset.d.mts.map +1 -0
- package/dist/FormFieldset/FormFieldset2.mjs +100 -0
- package/dist/FormFieldset/FormFieldset2.mjs.map +1 -0
- package/dist/FormFieldset/index.d.mts +2 -0
- package/dist/Grid/Grid.d.mts +37 -0
- package/dist/Grid/Grid.d.mts.map +1 -0
- package/dist/Grid/Grid2.mjs +38 -0
- package/dist/Grid/Grid2.mjs.map +1 -0
- package/dist/Grid/GridItem.d.mts +87 -0
- package/dist/Grid/GridItem.d.mts.map +1 -0
- package/dist/Grid/GridItem.mjs +48 -0
- package/dist/Grid/GridItem.mjs.map +1 -0
- package/dist/Grid/index.d.mts +3 -0
- package/dist/Heading/Heading.d.mts +40 -0
- package/dist/Heading/Heading.d.mts.map +1 -0
- package/dist/Heading/Heading2.mjs +33 -0
- package/dist/Heading/Heading2.mjs.map +1 -0
- package/dist/Heading/index.d.mts +2 -0
- package/dist/HeadingGroup/HeadingGroup.d.mts +25 -0
- package/dist/HeadingGroup/HeadingGroup.d.mts.map +1 -0
- package/dist/HeadingGroup/HeadingGroup2.mjs +24 -0
- package/dist/HeadingGroup/HeadingGroup2.mjs.map +1 -0
- package/dist/HeadingGroup/index.d.mts +2 -0
- package/dist/Hero/Hero.d.mts +47 -0
- package/dist/Hero/Hero.d.mts.map +1 -0
- package/dist/Hero/Hero2.mjs +50 -0
- package/dist/Hero/Hero2.mjs.map +1 -0
- package/dist/Hero/index.d.mts +2 -0
- package/dist/Icon/Icon.d.mts +47 -0
- package/dist/Icon/Icon.d.mts.map +1 -0
- package/dist/Icon/Icon2.mjs +47 -0
- package/dist/Icon/Icon2.mjs.map +1 -0
- package/dist/Icon/icon-registry.generated.d.mts +8 -0
- package/dist/Icon/icon-registry.generated.d.mts.map +1 -0
- package/dist/Icon/icon-registry.generated.mjs +818 -0
- package/dist/Icon/icon-registry.generated.mjs.map +1 -0
- package/dist/Icon/index.d.mts +3 -0
- package/dist/IconList/IconList.d.mts +68 -0
- package/dist/IconList/IconList.d.mts.map +1 -0
- package/dist/IconList/IconList2.mjs +65 -0
- package/dist/IconList/IconList2.mjs.map +1 -0
- package/dist/IconList/index.d.mts +2 -0
- package/dist/Image/Image.d.mts +56 -0
- package/dist/Image/Image.d.mts.map +1 -0
- package/dist/Image/Image2.mjs +67 -0
- package/dist/Image/Image2.mjs.map +1 -0
- package/dist/Image/index.d.mts +2 -0
- package/dist/Link/Link.d.mts +82 -0
- package/dist/Link/Link.d.mts.map +1 -0
- package/dist/Link/Link2.mjs +73 -0
- package/dist/Link/Link2.mjs.map +1 -0
- package/dist/Link/index.d.mts +2 -0
- package/dist/LinkButton/LinkButton.d.mts +54 -0
- package/dist/LinkButton/LinkButton.d.mts.map +1 -0
- package/dist/LinkButton/LinkButton2.mjs +48 -0
- package/dist/LinkButton/LinkButton2.mjs.map +1 -0
- package/dist/LinkButton/index.d.mts +2 -0
- package/dist/Logo/Logo.d.mts +35 -0
- package/dist/Logo/Logo.d.mts.map +1 -0
- package/dist/Logo/Logo2.mjs +66 -0
- package/dist/Logo/Logo2.mjs.map +1 -0
- package/dist/Logo/index.d.mts +2 -0
- package/dist/Menu/Menu.d.mts +58 -0
- package/dist/Menu/Menu.d.mts.map +1 -0
- package/dist/Menu/Menu2.mjs +47 -0
- package/dist/Menu/Menu2.mjs.map +1 -0
- package/dist/Menu/index.d.mts +2 -0
- package/dist/MenuButton/MenuButton.d.mts +56 -0
- package/dist/MenuButton/MenuButton.d.mts.map +1 -0
- package/dist/MenuButton/MenuButton2.mjs +57 -0
- package/dist/MenuButton/MenuButton2.mjs.map +1 -0
- package/dist/MenuButton/index.d.mts +2 -0
- package/dist/MenuLink/MenuLink.d.mts +98 -0
- package/dist/MenuLink/MenuLink.d.mts.map +1 -0
- package/dist/MenuLink/MenuLink2.mjs +98 -0
- package/dist/MenuLink/MenuLink2.mjs.map +1 -0
- package/dist/MenuLink/index.d.mts +2 -0
- package/dist/ModalDialog/ModalDialog.d.mts +97 -0
- package/dist/ModalDialog/ModalDialog.d.mts.map +1 -0
- package/dist/ModalDialog/ModalDialog2.mjs +134 -0
- package/dist/ModalDialog/ModalDialog2.mjs.map +1 -0
- package/dist/ModalDialog/index.d.mts +2 -0
- package/dist/Note/Note.d.mts +95 -0
- package/dist/Note/Note.d.mts.map +1 -0
- package/dist/Note/Note2.mjs +116 -0
- package/dist/Note/Note2.mjs.map +1 -0
- package/dist/Note/index.d.mts +2 -0
- package/dist/NumberBadge/NumberBadge.d.mts +44 -0
- package/dist/NumberBadge/NumberBadge.d.mts.map +1 -0
- package/dist/NumberBadge/NumberBadge2.mjs +50 -0
- package/dist/NumberBadge/NumberBadge2.mjs.map +1 -0
- package/dist/NumberBadge/index.d.mts +2 -0
- package/dist/NumberInput/NumberInput.d.mts +47 -0
- package/dist/NumberInput/NumberInput.d.mts.map +1 -0
- package/dist/NumberInput/NumberInput.mjs +40 -0
- package/dist/NumberInput/NumberInput.mjs.map +1 -0
- package/dist/NumberInput/index.d.mts +2 -0
- package/dist/OptionLabel/OptionLabel.d.mts +15 -0
- package/dist/OptionLabel/OptionLabel.d.mts.map +1 -0
- package/dist/OptionLabel/OptionLabel2.mjs +22 -0
- package/dist/OptionLabel/OptionLabel2.mjs.map +1 -0
- package/dist/OptionLabel/index.d.mts +2 -0
- package/dist/OrderedList/OrderedList.d.mts +34 -0
- package/dist/OrderedList/OrderedList.d.mts.map +1 -0
- package/dist/OrderedList/OrderedList2.mjs +37 -0
- package/dist/OrderedList/OrderedList2.mjs.map +1 -0
- package/dist/OrderedList/index.d.mts +2 -0
- package/dist/PageBody/PageBody.d.mts +35 -0
- package/dist/PageBody/PageBody.d.mts.map +1 -0
- package/dist/PageBody/PageBody2.mjs +40 -0
- package/dist/PageBody/PageBody2.mjs.map +1 -0
- package/dist/PageBody/index.d.mts +2 -0
- package/dist/PageFooter/PageFooter.d.mts +57 -0
- package/dist/PageFooter/PageFooter.d.mts.map +1 -0
- package/dist/PageFooter/PageFooter2.mjs +78 -0
- package/dist/PageFooter/PageFooter2.mjs.map +1 -0
- package/dist/PageFooter/index.d.mts +2 -0
- package/dist/PageHeader/PageHeader.d.mts +192 -0
- package/dist/PageHeader/PageHeader.d.mts.map +1 -0
- package/dist/PageHeader/PageHeader2.mjs +275 -0
- package/dist/PageHeader/PageHeader2.mjs.map +1 -0
- package/dist/PageHeader/index.d.mts +2 -0
- package/dist/PageLayout/PageLayout.d.mts +40 -0
- package/dist/PageLayout/PageLayout.d.mts.map +1 -0
- package/dist/PageLayout/PageLayout2.mjs +42 -0
- package/dist/PageLayout/PageLayout2.mjs.map +1 -0
- package/dist/PageLayout/index.d.mts +2 -0
- package/dist/Paragraph/Paragraph.d.mts +37 -0
- package/dist/Paragraph/Paragraph.d.mts.map +1 -0
- package/dist/Paragraph/Paragraph2.mjs +34 -0
- package/dist/Paragraph/Paragraph2.mjs.map +1 -0
- package/dist/Paragraph/index.d.mts +2 -0
- package/dist/PasswordInput/PasswordInput.d.mts +54 -0
- package/dist/PasswordInput/PasswordInput.d.mts.map +1 -0
- package/dist/PasswordInput/PasswordInput.mjs +43 -0
- package/dist/PasswordInput/PasswordInput.mjs.map +1 -0
- package/dist/PasswordInput/index.d.mts +2 -0
- package/dist/Popover/Popover.d.mts +118 -0
- package/dist/Popover/Popover.d.mts.map +1 -0
- package/dist/Popover/Popover2.mjs +235 -0
- package/dist/Popover/Popover2.mjs.map +1 -0
- package/dist/Popover/index.d.mts +2 -0
- package/dist/PreHeading/PreHeading.d.mts +10 -0
- package/dist/PreHeading/PreHeading.d.mts.map +1 -0
- package/dist/PreHeading/PreHeading2.mjs +18 -0
- package/dist/PreHeading/PreHeading2.mjs.map +1 -0
- package/dist/PreHeading/index.d.mts +2 -0
- package/dist/ProgressBar/ProgressBar.d.mts +60 -0
- package/dist/ProgressBar/ProgressBar.d.mts.map +1 -0
- package/dist/ProgressBar/ProgressBar2.mjs +73 -0
- package/dist/ProgressBar/ProgressBar2.mjs.map +1 -0
- package/dist/ProgressBar/index.d.mts +2 -0
- package/dist/Radio/Radio.d.mts +16 -0
- package/dist/Radio/Radio.d.mts.map +1 -0
- package/dist/Radio/Radio2.mjs +31 -0
- package/dist/Radio/Radio2.mjs.map +1 -0
- package/dist/Radio/index.d.mts +2 -0
- package/dist/RadioGroup/RadioGroup.d.mts +39 -0
- package/dist/RadioGroup/RadioGroup.d.mts.map +1 -0
- package/dist/RadioGroup/RadioGroup2.mjs +46 -0
- package/dist/RadioGroup/RadioGroup2.mjs.map +1 -0
- package/dist/RadioGroup/index.d.mts +2 -0
- package/dist/RadioOption/RadioOption.d.mts +17 -0
- package/dist/RadioOption/RadioOption.d.mts.map +1 -0
- package/dist/RadioOption/RadioOption2.mjs +29 -0
- package/dist/RadioOption/RadioOption2.mjs.map +1 -0
- package/dist/RadioOption/index.d.mts +2 -0
- package/dist/SearchInput/SearchInput.d.mts +41 -0
- package/dist/SearchInput/SearchInput.d.mts.map +1 -0
- package/dist/SearchInput/SearchInput2.mjs +48 -0
- package/dist/SearchInput/SearchInput2.mjs.map +1 -0
- package/dist/SearchInput/index.d.mts +2 -0
- package/dist/Select/Select.d.mts +53 -0
- package/dist/Select/Select.d.mts.map +1 -0
- package/dist/Select/Select2.mjs +61 -0
- package/dist/Select/Select2.mjs.map +1 -0
- package/dist/Select/index.d.mts +2 -0
- package/dist/SkipLink/SkipLink.d.mts +37 -0
- package/dist/SkipLink/SkipLink.d.mts.map +1 -0
- package/dist/SkipLink/SkipLink2.mjs +33 -0
- package/dist/SkipLink/SkipLink2.mjs.map +1 -0
- package/dist/SkipLink/index.d.mts +2 -0
- package/dist/Spinner/Spinner.d.mts +45 -0
- package/dist/Spinner/Spinner.d.mts.map +1 -0
- package/dist/Spinner/Spinner2.mjs +58 -0
- package/dist/Spinner/Spinner2.mjs.map +1 -0
- package/dist/Spinner/index.d.mts +2 -0
- package/dist/Stack/Stack.d.mts +37 -0
- package/dist/Stack/Stack.d.mts.map +1 -0
- package/dist/Stack/Stack2.mjs +38 -0
- package/dist/Stack/Stack2.mjs.map +1 -0
- package/dist/Stack/index.d.mts +2 -0
- package/dist/StatusBadge/StatusBadge.d.mts +52 -0
- package/dist/StatusBadge/StatusBadge.d.mts.map +1 -0
- package/dist/StatusBadge/StatusBadge2.mjs +49 -0
- package/dist/StatusBadge/StatusBadge2.mjs.map +1 -0
- package/dist/StatusBadge/index.d.mts +2 -0
- package/dist/SummaryList/SummaryList.d.mts +51 -0
- package/dist/SummaryList/SummaryList.d.mts.map +1 -0
- package/dist/SummaryList/SummaryList2.mjs +66 -0
- package/dist/SummaryList/SummaryList2.mjs.map +1 -0
- package/dist/SummaryList/index.d.mts +2 -0
- package/dist/Table/Table.d.mts +63 -0
- package/dist/Table/Table.d.mts.map +1 -0
- package/dist/Table/Table2.mjs +54 -0
- package/dist/Table/Table2.mjs.map +1 -0
- package/dist/Table/index.d.mts +2 -0
- package/dist/TableOfContents/TableOfContents.d.mts +64 -0
- package/dist/TableOfContents/TableOfContents.d.mts.map +1 -0
- package/dist/TableOfContents/TableOfContents2.mjs +51 -0
- package/dist/TableOfContents/TableOfContents2.mjs.map +1 -0
- package/dist/TableOfContents/index.d.mts +2 -0
- package/dist/TelephoneInput/TelephoneInput.d.mts +40 -0
- package/dist/TelephoneInput/TelephoneInput.d.mts.map +1 -0
- package/dist/TelephoneInput/TelephoneInput.mjs +39 -0
- package/dist/TelephoneInput/TelephoneInput.mjs.map +1 -0
- package/dist/TelephoneInput/index.d.mts +2 -0
- package/dist/TextArea/TextArea.d.mts +46 -0
- package/dist/TextArea/TextArea.d.mts.map +1 -0
- package/dist/TextArea/TextArea2.mjs +43 -0
- package/dist/TextArea/TextArea2.mjs.map +1 -0
- package/dist/TextArea/index.d.mts +2 -0
- package/dist/TextInput/TextInput.d.mts +46 -0
- package/dist/TextInput/TextInput.d.mts.map +1 -0
- package/dist/TextInput/TextInput2.mjs +43 -0
- package/dist/TextInput/TextInput2.mjs.map +1 -0
- package/dist/TextInput/index.d.mts +2 -0
- package/dist/TimeInput/TimeInput.d.mts +38 -0
- package/dist/TimeInput/TimeInput.d.mts.map +1 -0
- package/dist/TimeInput/TimeInput2.mjs +69 -0
- package/dist/TimeInput/TimeInput2.mjs.map +1 -0
- package/dist/TimeInput/index.d.mts +2 -0
- package/dist/UnorderedList/UnorderedList.d.mts +28 -0
- package/dist/UnorderedList/UnorderedList.d.mts.map +1 -0
- package/dist/UnorderedList/UnorderedList2.mjs +31 -0
- package/dist/UnorderedList/UnorderedList2.mjs.map +1 -0
- package/dist/UnorderedList/index.d.mts +2 -0
- package/dist/index.cjs +5129 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.css +3351 -6056
- package/dist/index.d.cts +3874 -0
- package/dist/index.d.cts.map +1 -0
- package/dist/index.d.mts +150 -0
- package/dist/index.mjs +77 -0
- package/dist/utils/describeControl.mjs +25 -0
- package/dist/utils/describeControl.mjs.map +1 -0
- package/package.json +21 -17
- package/dist/ActionGroup/ActionGroup.css +0 -95
- package/dist/ActionGroup/ActionGroup.d.ts +0 -49
- package/dist/ActionGroup/ActionGroup.d.ts.map +0 -1
- package/dist/ActionGroup/ActionGroup.js +0 -54
- package/dist/ActionGroup/ActionGroup.js.map +0 -1
- package/dist/ActionGroup/index.d.ts +0 -3
- package/dist/ActionGroup/index.d.ts.map +0 -1
- package/dist/ActionGroup/index.js +0 -2
- package/dist/ActionGroup/index.js.map +0 -1
- package/dist/Alert/Alert.css +0 -159
- package/dist/Alert/Alert.d.ts +0 -83
- package/dist/Alert/Alert.d.ts.map +0 -1
- package/dist/Alert/Alert.js +0 -69
- package/dist/Alert/Alert.js.map +0 -1
- package/dist/Alert/index.d.ts +0 -3
- package/dist/Alert/index.d.ts.map +0 -1
- package/dist/Alert/index.js +0 -2
- package/dist/Alert/index.js.map +0 -1
- package/dist/Backdrop/Backdrop.css +0 -30
- package/dist/Backdrop/Backdrop.d.ts +0 -26
- package/dist/Backdrop/Backdrop.d.ts.map +0 -1
- package/dist/Backdrop/Backdrop.js +0 -23
- package/dist/Backdrop/Backdrop.js.map +0 -1
- package/dist/Backdrop/index.d.ts +0 -3
- package/dist/Backdrop/index.d.ts.map +0 -1
- package/dist/Backdrop/index.js +0 -2
- package/dist/Backdrop/index.js.map +0 -1
- package/dist/Body/Body.css +0 -14
- package/dist/Body/Body.d.ts +0 -27
- package/dist/Body/Body.d.ts.map +0 -1
- package/dist/Body/Body.js +0 -27
- package/dist/Body/Body.js.map +0 -1
- package/dist/Body/index.d.ts +0 -3
- package/dist/Body/index.d.ts.map +0 -1
- package/dist/Body/index.js +0 -2
- package/dist/Body/index.js.map +0 -1
- package/dist/BreadcrumbNavigation/BreadcrumbNavigation.css +0 -216
- package/dist/BreadcrumbNavigation/BreadcrumbNavigation.d.ts +0 -43
- package/dist/BreadcrumbNavigation/BreadcrumbNavigation.d.ts.map +0 -1
- package/dist/BreadcrumbNavigation/BreadcrumbNavigation.js +0 -42
- package/dist/BreadcrumbNavigation/BreadcrumbNavigation.js.map +0 -1
- package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.d.ts +0 -32
- package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.d.ts.map +0 -1
- package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.js +0 -20
- package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.js.map +0 -1
- package/dist/BreadcrumbNavigation/index.d.ts +0 -3
- package/dist/BreadcrumbNavigation/index.d.ts.map +0 -1
- package/dist/BreadcrumbNavigation/index.js +0 -3
- package/dist/BreadcrumbNavigation/index.js.map +0 -1
- package/dist/BreakoutSection/BreakoutSection.css +0 -23
- package/dist/BreakoutSection/BreakoutSection.d.ts +0 -30
- package/dist/BreakoutSection/BreakoutSection.d.ts.map +0 -1
- package/dist/BreakoutSection/BreakoutSection.js +0 -27
- package/dist/BreakoutSection/BreakoutSection.js.map +0 -1
- package/dist/BreakoutSection/index.d.ts +0 -3
- package/dist/BreakoutSection/index.d.ts.map +0 -1
- package/dist/BreakoutSection/index.js +0 -2
- package/dist/BreakoutSection/index.js.map +0 -1
- package/dist/Button/Button.css +0 -337
- package/dist/Button/Button.d.ts +0 -90
- package/dist/Button/Button.d.ts.map +0 -1
- package/dist/Button/Button.js +0 -53
- package/dist/Button/Button.js.map +0 -1
- package/dist/Button/index.d.ts +0 -3
- package/dist/Button/index.d.ts.map +0 -1
- package/dist/Button/index.js +0 -2
- package/dist/Button/index.js.map +0 -1
- package/dist/ButtonLink/ButtonLink.css +0 -29
- package/dist/ButtonLink/ButtonLink.d.ts +0 -92
- package/dist/ButtonLink/ButtonLink.d.ts.map +0 -1
- package/dist/ButtonLink/ButtonLink.js +0 -50
- package/dist/ButtonLink/ButtonLink.js.map +0 -1
- package/dist/ButtonLink/index.d.ts +0 -3
- package/dist/ButtonLink/index.d.ts.map +0 -1
- package/dist/ButtonLink/index.js +0 -2
- package/dist/ButtonLink/index.js.map +0 -1
- package/dist/Card/Card.css +0 -169
- package/dist/Card/Card.d.ts +0 -105
- package/dist/Card/Card.d.ts.map +0 -1
- package/dist/Card/Card.js +0 -80
- package/dist/Card/Card.js.map +0 -1
- package/dist/Card/index.d.ts +0 -3
- package/dist/Card/index.d.ts.map +0 -1
- package/dist/Card/index.js +0 -2
- package/dist/Card/index.js.map +0 -1
- package/dist/Checkbox/Checkbox.css +0 -239
- package/dist/Checkbox/Checkbox.d.ts +0 -18
- package/dist/Checkbox/Checkbox.d.ts.map +0 -1
- package/dist/Checkbox/Checkbox.js +0 -24
- package/dist/Checkbox/Checkbox.js.map +0 -1
- package/dist/Checkbox/index.d.ts +0 -3
- package/dist/Checkbox/index.d.ts.map +0 -1
- package/dist/Checkbox/index.js +0 -2
- package/dist/Checkbox/index.js.map +0 -1
- package/dist/CheckboxGroup/CheckboxGroup.css +0 -10
- package/dist/CheckboxGroup/CheckboxGroup.d.ts +0 -37
- package/dist/CheckboxGroup/CheckboxGroup.d.ts.map +0 -1
- package/dist/CheckboxGroup/CheckboxGroup.js +0 -37
- package/dist/CheckboxGroup/CheckboxGroup.js.map +0 -1
- package/dist/CheckboxGroup/index.d.ts +0 -3
- package/dist/CheckboxGroup/index.d.ts.map +0 -1
- package/dist/CheckboxGroup/index.js +0 -2
- package/dist/CheckboxGroup/index.js.map +0 -1
- package/dist/CheckboxOption/CheckboxOption.css +0 -17
- package/dist/CheckboxOption/CheckboxOption.d.ts +0 -14
- package/dist/CheckboxOption/CheckboxOption.d.ts.map +0 -1
- package/dist/CheckboxOption/CheckboxOption.js +0 -15
- package/dist/CheckboxOption/CheckboxOption.js.map +0 -1
- package/dist/CheckboxOption/index.d.ts +0 -3
- package/dist/CheckboxOption/index.d.ts.map +0 -1
- package/dist/CheckboxOption/index.js +0 -2
- package/dist/CheckboxOption/index.js.map +0 -1
- package/dist/Container/Container.css +0 -48
- package/dist/Container/Container.d.ts +0 -41
- package/dist/Container/Container.d.ts.map +0 -1
- package/dist/Container/Container.js +0 -33
- package/dist/Container/Container.js.map +0 -1
- package/dist/Container/index.d.ts +0 -3
- package/dist/Container/index.d.ts.map +0 -1
- package/dist/Container/index.js +0 -2
- package/dist/Container/index.js.map +0 -1
- package/dist/DateInput/DateInput.css +0 -37
- package/dist/DateInput/DateInput.d.ts +0 -37
- package/dist/DateInput/DateInput.d.ts.map +0 -1
- package/dist/DateInput/DateInput.js +0 -52
- package/dist/DateInput/DateInput.js.map +0 -1
- package/dist/DateInput/index.d.ts +0 -3
- package/dist/DateInput/index.d.ts.map +0 -1
- package/dist/DateInput/index.js +0 -2
- package/dist/DateInput/index.js.map +0 -1
- package/dist/DateInputGroup/DateInputGroup.css +0 -30
- package/dist/DateInputGroup/DateInputGroup.d.ts +0 -65
- package/dist/DateInputGroup/DateInputGroup.d.ts.map +0 -1
- package/dist/DateInputGroup/DateInputGroup.js +0 -53
- package/dist/DateInputGroup/DateInputGroup.js.map +0 -1
- package/dist/DateInputGroup/index.d.ts +0 -3
- package/dist/DateInputGroup/index.d.ts.map +0 -1
- package/dist/DateInputGroup/index.js +0 -2
- package/dist/DateInputGroup/index.js.map +0 -1
- package/dist/Details/Details.css +0 -148
- package/dist/Details/Details.d.ts +0 -46
- package/dist/Details/Details.d.ts.map +0 -1
- package/dist/Details/Details.js +0 -37
- package/dist/Details/Details.js.map +0 -1
- package/dist/Details/index.d.ts +0 -3
- package/dist/Details/index.d.ts.map +0 -1
- package/dist/Details/index.js +0 -2
- package/dist/Details/index.js.map +0 -1
- package/dist/DotBadge/DotBadge.css +0 -111
- package/dist/DotBadge/DotBadge.d.ts +0 -40
- package/dist/DotBadge/DotBadge.d.ts.map +0 -1
- package/dist/DotBadge/DotBadge.js +0 -33
- package/dist/DotBadge/DotBadge.js.map +0 -1
- package/dist/DotBadge/index.d.ts +0 -2
- package/dist/DotBadge/index.d.ts.map +0 -1
- package/dist/DotBadge/index.js +0 -2
- package/dist/DotBadge/index.js.map +0 -1
- package/dist/Drawer/Drawer.css +0 -258
- package/dist/Drawer/Drawer.d.ts +0 -109
- package/dist/Drawer/Drawer.d.ts.map +0 -1
- package/dist/Drawer/Drawer.js +0 -115
- package/dist/Drawer/Drawer.js.map +0 -1
- package/dist/Drawer/index.d.ts +0 -3
- package/dist/Drawer/index.d.ts.map +0 -1
- package/dist/Drawer/index.js +0 -2
- package/dist/Drawer/index.js.map +0 -1
- package/dist/EmailInput/EmailInput.css +0 -4
- package/dist/EmailInput/EmailInput.d.ts +0 -38
- package/dist/EmailInput/EmailInput.d.ts.map +0 -1
- package/dist/EmailInput/EmailInput.js +0 -27
- package/dist/EmailInput/EmailInput.js.map +0 -1
- package/dist/EmailInput/index.d.ts +0 -3
- package/dist/EmailInput/index.d.ts.map +0 -1
- package/dist/EmailInput/index.js +0 -2
- package/dist/EmailInput/index.js.map +0 -1
- package/dist/File/File.css +0 -222
- package/dist/File/File.d.ts +0 -116
- package/dist/File/File.d.ts.map +0 -1
- package/dist/File/File.js +0 -100
- package/dist/File/File.js.map +0 -1
- package/dist/File/index.d.ts +0 -3
- package/dist/File/index.d.ts.map +0 -1
- package/dist/File/index.js +0 -2
- package/dist/File/index.js.map +0 -1
- package/dist/FileInput/FileInput.css +0 -112
- package/dist/FileInput/FileInput.d.ts +0 -36
- package/dist/FileInput/FileInput.d.ts.map +0 -1
- package/dist/FileInput/FileInput.js +0 -31
- package/dist/FileInput/FileInput.js.map +0 -1
- package/dist/FileInput/index.d.ts +0 -3
- package/dist/FileInput/index.d.ts.map +0 -1
- package/dist/FileInput/index.js +0 -2
- package/dist/FileInput/index.js.map +0 -1
- package/dist/FormField/FormField.css +0 -16
- package/dist/FormField/FormField.d.ts +0 -85
- package/dist/FormField/FormField.d.ts.map +0 -1
- package/dist/FormField/FormField.js +0 -60
- package/dist/FormField/FormField.js.map +0 -1
- package/dist/FormField/index.d.ts +0 -3
- package/dist/FormField/index.d.ts.map +0 -1
- package/dist/FormField/index.js +0 -2
- package/dist/FormField/index.js.map +0 -1
- package/dist/FormFieldDescription/FormFieldDescription.css +0 -25
- package/dist/FormFieldDescription/FormFieldDescription.d.ts +0 -47
- package/dist/FormFieldDescription/FormFieldDescription.d.ts.map +0 -1
- package/dist/FormFieldDescription/FormFieldDescription.js +0 -37
- package/dist/FormFieldDescription/FormFieldDescription.js.map +0 -1
- package/dist/FormFieldDescription/index.d.ts +0 -3
- package/dist/FormFieldDescription/index.d.ts.map +0 -1
- package/dist/FormFieldDescription/index.js +0 -2
- package/dist/FormFieldDescription/index.js.map +0 -1
- package/dist/FormFieldErrorMessage/FormFieldErrorMessage.css +0 -38
- package/dist/FormFieldErrorMessage/FormFieldErrorMessage.d.ts +0 -40
- package/dist/FormFieldErrorMessage/FormFieldErrorMessage.d.ts.map +0 -1
- package/dist/FormFieldErrorMessage/FormFieldErrorMessage.js +0 -32
- package/dist/FormFieldErrorMessage/FormFieldErrorMessage.js.map +0 -1
- package/dist/FormFieldErrorMessage/index.d.ts +0 -3
- package/dist/FormFieldErrorMessage/index.d.ts.map +0 -1
- package/dist/FormFieldErrorMessage/index.js +0 -2
- package/dist/FormFieldErrorMessage/index.js.map +0 -1
- package/dist/FormFieldLabel/FormFieldLabel.css +0 -48
- package/dist/FormFieldLabel/FormFieldLabel.d.ts +0 -38
- package/dist/FormFieldLabel/FormFieldLabel.d.ts.map +0 -1
- package/dist/FormFieldLabel/FormFieldLabel.js +0 -30
- package/dist/FormFieldLabel/FormFieldLabel.js.map +0 -1
- package/dist/FormFieldLabel/index.d.ts +0 -3
- package/dist/FormFieldLabel/index.d.ts.map +0 -1
- package/dist/FormFieldLabel/index.js +0 -2
- package/dist/FormFieldLabel/index.js.map +0 -1
- package/dist/FormFieldLegend/FormFieldLegend.css +0 -7
- package/dist/FormFieldLegend/FormFieldLegend.d.ts +0 -39
- package/dist/FormFieldLegend/FormFieldLegend.d.ts.map +0 -1
- package/dist/FormFieldLegend/FormFieldLegend.js +0 -31
- package/dist/FormFieldLegend/FormFieldLegend.js.map +0 -1
- package/dist/FormFieldLegend/index.d.ts +0 -2
- package/dist/FormFieldLegend/index.d.ts.map +0 -1
- package/dist/FormFieldLegend/index.js +0 -2
- package/dist/FormFieldLegend/index.js.map +0 -1
- package/dist/FormFieldStatus/FormFieldStatus.css +0 -66
- package/dist/FormFieldStatus/FormFieldStatus.d.ts +0 -52
- package/dist/FormFieldStatus/FormFieldStatus.d.ts.map +0 -1
- package/dist/FormFieldStatus/FormFieldStatus.js +0 -44
- package/dist/FormFieldStatus/FormFieldStatus.js.map +0 -1
- package/dist/FormFieldStatus/index.d.ts +0 -3
- package/dist/FormFieldStatus/index.d.ts.map +0 -1
- package/dist/FormFieldStatus/index.js +0 -2
- package/dist/FormFieldStatus/index.js.map +0 -1
- package/dist/FormFieldset/FormFieldset.css +0 -24
- package/dist/FormFieldset/FormFieldset.d.ts +0 -83
- package/dist/FormFieldset/FormFieldset.d.ts.map +0 -1
- package/dist/FormFieldset/FormFieldset.js +0 -59
- package/dist/FormFieldset/FormFieldset.js.map +0 -1
- package/dist/FormFieldset/index.d.ts +0 -2
- package/dist/FormFieldset/index.d.ts.map +0 -1
- package/dist/FormFieldset/index.js +0 -2
- package/dist/FormFieldset/index.js.map +0 -1
- package/dist/Grid/Grid.css +0 -573
- package/dist/Grid/Grid.d.ts +0 -35
- package/dist/Grid/Grid.d.ts.map +0 -1
- package/dist/Grid/Grid.js +0 -29
- package/dist/Grid/Grid.js.map +0 -1
- package/dist/Grid/GridItem.d.ts +0 -84
- package/dist/Grid/GridItem.d.ts.map +0 -1
- package/dist/Grid/GridItem.js +0 -39
- package/dist/Grid/GridItem.js.map +0 -1
- package/dist/Grid/index.d.ts +0 -5
- package/dist/Grid/index.d.ts.map +0 -1
- package/dist/Grid/index.js +0 -3
- package/dist/Grid/index.js.map +0 -1
- package/dist/Heading/Heading.css +0 -81
- package/dist/Heading/Heading.d.ts +0 -38
- package/dist/Heading/Heading.d.ts.map +0 -1
- package/dist/Heading/Heading.js +0 -24
- package/dist/Heading/Heading.js.map +0 -1
- package/dist/Heading/index.d.ts +0 -3
- package/dist/Heading/index.d.ts.map +0 -1
- package/dist/Heading/index.js +0 -2
- package/dist/Heading/index.js.map +0 -1
- package/dist/HeadingGroup/HeadingGroup.css +0 -5
- package/dist/HeadingGroup/HeadingGroup.d.ts +0 -23
- package/dist/HeadingGroup/HeadingGroup.d.ts.map +0 -1
- package/dist/HeadingGroup/HeadingGroup.js +0 -12
- package/dist/HeadingGroup/HeadingGroup.js.map +0 -1
- package/dist/HeadingGroup/index.d.ts +0 -3
- package/dist/HeadingGroup/index.d.ts.map +0 -1
- package/dist/HeadingGroup/index.js +0 -2
- package/dist/HeadingGroup/index.js.map +0 -1
- package/dist/Hero/Hero.css +0 -847
- package/dist/Hero/Hero.d.ts +0 -45
- package/dist/Hero/Hero.d.ts.map +0 -1
- package/dist/Hero/Hero.js +0 -33
- package/dist/Hero/Hero.js.map +0 -1
- package/dist/Hero/index.d.ts +0 -3
- package/dist/Hero/index.d.ts.map +0 -1
- package/dist/Hero/index.js +0 -2
- package/dist/Hero/index.js.map +0 -1
- package/dist/Icon/Icon.css +0 -57
- package/dist/Icon/Icon.d.ts +0 -48
- package/dist/Icon/Icon.d.ts.map +0 -1
- package/dist/Icon/Icon.js +0 -42
- package/dist/Icon/Icon.js.map +0 -1
- package/dist/Icon/icon-registry.generated.d.ts +0 -4
- package/dist/Icon/icon-registry.generated.d.ts.map +0 -1
- package/dist/Icon/icon-registry.generated.js +0 -105
- package/dist/Icon/icon-registry.generated.js.map +0 -1
- package/dist/Icon/index.d.ts +0 -3
- package/dist/Icon/index.d.ts.map +0 -1
- package/dist/Icon/index.js +0 -2
- package/dist/Icon/index.js.map +0 -1
- package/dist/Image/Image.css +0 -123
- package/dist/Image/Image.d.ts +0 -54
- package/dist/Image/Image.d.ts.map +0 -1
- package/dist/Image/Image.js +0 -53
- package/dist/Image/Image.js.map +0 -1
- package/dist/Image/index.d.ts +0 -3
- package/dist/Image/index.d.ts.map +0 -1
- package/dist/Image/index.js +0 -2
- package/dist/Image/index.js.map +0 -1
- package/dist/Link/Link.css +0 -113
- package/dist/Link/Link.d.ts +0 -80
- package/dist/Link/Link.d.ts.map +0 -1
- package/dist/Link/Link.js +0 -58
- package/dist/Link/Link.js.map +0 -1
- package/dist/Link/index.d.ts +0 -3
- package/dist/Link/index.d.ts.map +0 -1
- package/dist/Link/index.js +0 -2
- package/dist/Link/index.js.map +0 -1
- package/dist/LinkButton/LinkButton.css +0 -40
- package/dist/LinkButton/LinkButton.d.ts +0 -52
- package/dist/LinkButton/LinkButton.d.ts.map +0 -1
- package/dist/LinkButton/LinkButton.js +0 -34
- package/dist/LinkButton/LinkButton.js.map +0 -1
- package/dist/LinkButton/index.d.ts +0 -3
- package/dist/LinkButton/index.d.ts.map +0 -1
- package/dist/LinkButton/index.js +0 -2
- package/dist/LinkButton/index.js.map +0 -1
- package/dist/Logo/Logo.css +0 -33
- package/dist/Logo/Logo.d.ts +0 -33
- package/dist/Logo/Logo.d.ts.map +0 -1
- package/dist/Logo/Logo.js +0 -32
- package/dist/Logo/Logo.js.map +0 -1
- package/dist/Logo/index.d.ts +0 -2
- package/dist/Logo/index.d.ts.map +0 -1
- package/dist/Logo/index.js +0 -2
- package/dist/Logo/index.js.map +0 -1
- package/dist/Menu/Menu.css +0 -57
- package/dist/Menu/Menu.d.ts +0 -56
- package/dist/Menu/Menu.d.ts.map +0 -1
- package/dist/Menu/Menu.js +0 -38
- package/dist/Menu/Menu.js.map +0 -1
- package/dist/Menu/index.d.ts +0 -2
- package/dist/Menu/index.d.ts.map +0 -1
- package/dist/Menu/index.js +0 -2
- package/dist/Menu/index.js.map +0 -1
- package/dist/MenuButton/MenuButton.css +0 -106
- package/dist/MenuButton/MenuButton.d.ts +0 -54
- package/dist/MenuButton/MenuButton.d.ts.map +0 -1
- package/dist/MenuButton/MenuButton.js +0 -37
- package/dist/MenuButton/MenuButton.js.map +0 -1
- package/dist/MenuButton/index.d.ts +0 -2
- package/dist/MenuButton/index.d.ts.map +0 -1
- package/dist/MenuButton/index.js +0 -2
- package/dist/MenuButton/index.js.map +0 -1
- package/dist/MenuLink/MenuLink.css +0 -212
- package/dist/MenuLink/MenuLink.d.ts +0 -96
- package/dist/MenuLink/MenuLink.d.ts.map +0 -1
- package/dist/MenuLink/MenuLink.js +0 -50
- package/dist/MenuLink/MenuLink.js.map +0 -1
- package/dist/MenuLink/index.d.ts +0 -2
- package/dist/MenuLink/index.d.ts.map +0 -1
- package/dist/MenuLink/index.js +0 -2
- package/dist/MenuLink/index.js.map +0 -1
- package/dist/ModalDialog/ModalDialog.css +0 -199
- package/dist/ModalDialog/ModalDialog.d.ts +0 -95
- package/dist/ModalDialog/ModalDialog.d.ts.map +0 -1
- package/dist/ModalDialog/ModalDialog.js +0 -93
- package/dist/ModalDialog/ModalDialog.js.map +0 -1
- package/dist/ModalDialog/index.d.ts +0 -3
- package/dist/ModalDialog/index.d.ts.map +0 -1
- package/dist/ModalDialog/index.js +0 -2
- package/dist/ModalDialog/index.js.map +0 -1
- package/dist/Note/Note.css +0 -177
- package/dist/Note/Note.d.ts +0 -93
- package/dist/Note/Note.d.ts.map +0 -1
- package/dist/Note/Note.js +0 -81
- package/dist/Note/Note.js.map +0 -1
- package/dist/Note/index.d.ts +0 -3
- package/dist/Note/index.d.ts.map +0 -1
- package/dist/Note/index.js +0 -2
- package/dist/Note/index.js.map +0 -1
- package/dist/NumberBadge/NumberBadge.css +0 -83
- package/dist/NumberBadge/NumberBadge.d.ts +0 -42
- package/dist/NumberBadge/NumberBadge.d.ts.map +0 -1
- package/dist/NumberBadge/NumberBadge.js +0 -46
- package/dist/NumberBadge/NumberBadge.js.map +0 -1
- package/dist/NumberBadge/index.d.ts +0 -2
- package/dist/NumberBadge/index.d.ts.map +0 -1
- package/dist/NumberBadge/index.js +0 -2
- package/dist/NumberBadge/index.js.map +0 -1
- package/dist/NumberInput/NumberInput.css +0 -4
- package/dist/NumberInput/NumberInput.d.ts +0 -45
- package/dist/NumberInput/NumberInput.d.ts.map +0 -1
- package/dist/NumberInput/NumberInput.js +0 -27
- package/dist/NumberInput/NumberInput.js.map +0 -1
- package/dist/NumberInput/index.d.ts +0 -3
- package/dist/NumberInput/index.d.ts.map +0 -1
- package/dist/NumberInput/index.js +0 -2
- package/dist/NumberInput/index.js.map +0 -1
- package/dist/OptionLabel/OptionLabel.css +0 -18
- package/dist/OptionLabel/OptionLabel.d.ts +0 -13
- package/dist/OptionLabel/OptionLabel.d.ts.map +0 -1
- package/dist/OptionLabel/OptionLabel.js +0 -13
- package/dist/OptionLabel/OptionLabel.js.map +0 -1
- package/dist/OptionLabel/index.d.ts +0 -3
- package/dist/OptionLabel/index.d.ts.map +0 -1
- package/dist/OptionLabel/index.js +0 -2
- package/dist/OptionLabel/index.js.map +0 -1
- package/dist/OrderedList/OrderedList.css +0 -37
- package/dist/OrderedList/OrderedList.d.ts +0 -32
- package/dist/OrderedList/OrderedList.d.ts.map +0 -1
- package/dist/OrderedList/OrderedList.js +0 -28
- package/dist/OrderedList/OrderedList.js.map +0 -1
- package/dist/OrderedList/index.d.ts +0 -3
- package/dist/OrderedList/index.d.ts.map +0 -1
- package/dist/OrderedList/index.js +0 -2
- package/dist/OrderedList/index.js.map +0 -1
- package/dist/PageBody/PageBody.css +0 -99
- package/dist/PageBody/PageBody.d.ts +0 -33
- package/dist/PageBody/PageBody.d.ts.map +0 -1
- package/dist/PageBody/PageBody.js +0 -28
- package/dist/PageBody/PageBody.js.map +0 -1
- package/dist/PageBody/index.d.ts +0 -2
- package/dist/PageBody/index.d.ts.map +0 -1
- package/dist/PageBody/index.js +0 -2
- package/dist/PageBody/index.js.map +0 -1
- package/dist/PageFooter/PageFooter.css +0 -101
- package/dist/PageFooter/PageFooter.d.ts +0 -55
- package/dist/PageFooter/PageFooter.d.ts.map +0 -1
- package/dist/PageFooter/PageFooter.js +0 -45
- package/dist/PageFooter/PageFooter.js.map +0 -1
- package/dist/PageFooter/index.d.ts +0 -2
- package/dist/PageFooter/index.d.ts.map +0 -1
- package/dist/PageFooter/index.js +0 -2
- package/dist/PageFooter/index.js.map +0 -1
- package/dist/PageHeader/PageHeader.css +0 -530
- package/dist/PageHeader/PageHeader.d.ts +0 -190
- package/dist/PageHeader/PageHeader.d.ts.map +0 -1
- package/dist/PageHeader/PageHeader.js +0 -115
- package/dist/PageHeader/PageHeader.js.map +0 -1
- package/dist/PageHeader/index.d.ts +0 -2
- package/dist/PageHeader/index.d.ts.map +0 -1
- package/dist/PageHeader/index.js +0 -2
- package/dist/PageHeader/index.js.map +0 -1
- package/dist/PageLayout/PageLayout.css +0 -6
- package/dist/PageLayout/PageLayout.d.ts +0 -38
- package/dist/PageLayout/PageLayout.d.ts.map +0 -1
- package/dist/PageLayout/PageLayout.js +0 -33
- package/dist/PageLayout/PageLayout.js.map +0 -1
- package/dist/PageLayout/index.d.ts +0 -2
- package/dist/PageLayout/index.d.ts.map +0 -1
- package/dist/PageLayout/index.js +0 -2
- package/dist/PageLayout/index.js.map +0 -1
- package/dist/Paragraph/Paragraph.css +0 -38
- package/dist/Paragraph/Paragraph.d.ts +0 -35
- package/dist/Paragraph/Paragraph.d.ts.map +0 -1
- package/dist/Paragraph/Paragraph.js +0 -25
- package/dist/Paragraph/Paragraph.js.map +0 -1
- package/dist/Paragraph/index.d.ts +0 -3
- package/dist/Paragraph/index.d.ts.map +0 -1
- package/dist/Paragraph/index.js +0 -2
- package/dist/Paragraph/index.js.map +0 -1
- package/dist/PasswordInput/PasswordInput.css +0 -4
- package/dist/PasswordInput/PasswordInput.d.ts +0 -52
- package/dist/PasswordInput/PasswordInput.d.ts.map +0 -1
- package/dist/PasswordInput/PasswordInput.js +0 -32
- package/dist/PasswordInput/PasswordInput.js.map +0 -1
- package/dist/PasswordInput/index.d.ts +0 -3
- package/dist/PasswordInput/index.d.ts.map +0 -1
- package/dist/PasswordInput/index.js +0 -2
- package/dist/PasswordInput/index.js.map +0 -1
- package/dist/Popover/Popover.css +0 -233
- package/dist/Popover/Popover.d.ts +0 -117
- package/dist/Popover/Popover.d.ts.map +0 -1
- package/dist/Popover/Popover.js +0 -219
- package/dist/Popover/Popover.js.map +0 -1
- package/dist/Popover/index.d.ts +0 -3
- package/dist/Popover/index.d.ts.map +0 -1
- package/dist/Popover/index.js +0 -2
- package/dist/Popover/index.js.map +0 -1
- package/dist/PreHeading/PreHeading.css +0 -10
- package/dist/PreHeading/PreHeading.d.ts +0 -8
- package/dist/PreHeading/PreHeading.d.ts.map +0 -1
- package/dist/PreHeading/PreHeading.js +0 -9
- package/dist/PreHeading/PreHeading.js.map +0 -1
- package/dist/PreHeading/index.d.ts +0 -3
- package/dist/PreHeading/index.d.ts.map +0 -1
- package/dist/PreHeading/index.js +0 -2
- package/dist/PreHeading/index.js.map +0 -1
- package/dist/ProgressBar/ProgressBar.css +0 -105
- package/dist/ProgressBar/ProgressBar.d.ts +0 -58
- package/dist/ProgressBar/ProgressBar.d.ts.map +0 -1
- package/dist/ProgressBar/ProgressBar.js +0 -36
- package/dist/ProgressBar/ProgressBar.js.map +0 -1
- package/dist/ProgressBar/index.d.ts +0 -2
- package/dist/ProgressBar/index.d.ts.map +0 -1
- package/dist/ProgressBar/index.js +0 -2
- package/dist/ProgressBar/index.js.map +0 -1
- package/dist/Radio/Radio.css +0 -205
- package/dist/Radio/Radio.d.ts +0 -14
- package/dist/Radio/Radio.d.ts.map +0 -1
- package/dist/Radio/Radio.js +0 -14
- package/dist/Radio/Radio.js.map +0 -1
- package/dist/Radio/index.d.ts +0 -3
- package/dist/Radio/index.d.ts.map +0 -1
- package/dist/Radio/index.js +0 -2
- package/dist/Radio/index.js.map +0 -1
- package/dist/RadioGroup/RadioGroup.css +0 -10
- package/dist/RadioGroup/RadioGroup.d.ts +0 -37
- package/dist/RadioGroup/RadioGroup.d.ts.map +0 -1
- package/dist/RadioGroup/RadioGroup.js +0 -37
- package/dist/RadioGroup/RadioGroup.js.map +0 -1
- package/dist/RadioGroup/index.d.ts +0 -3
- package/dist/RadioGroup/index.d.ts.map +0 -1
- package/dist/RadioGroup/index.js +0 -2
- package/dist/RadioGroup/index.js.map +0 -1
- package/dist/RadioOption/RadioOption.css +0 -17
- package/dist/RadioOption/RadioOption.d.ts +0 -14
- package/dist/RadioOption/RadioOption.d.ts.map +0 -1
- package/dist/RadioOption/RadioOption.js +0 -15
- package/dist/RadioOption/RadioOption.js.map +0 -1
- package/dist/RadioOption/index.d.ts +0 -3
- package/dist/RadioOption/index.d.ts.map +0 -1
- package/dist/RadioOption/index.js +0 -2
- package/dist/RadioOption/index.js.map +0 -1
- package/dist/SearchInput/SearchInput.css +0 -67
- package/dist/SearchInput/SearchInput.d.ts +0 -40
- package/dist/SearchInput/SearchInput.d.ts.map +0 -1
- package/dist/SearchInput/SearchInput.js +0 -31
- package/dist/SearchInput/SearchInput.js.map +0 -1
- package/dist/SearchInput/index.d.ts +0 -3
- package/dist/SearchInput/index.d.ts.map +0 -1
- package/dist/SearchInput/index.js +0 -2
- package/dist/SearchInput/index.js.map +0 -1
- package/dist/Select/Select.css +0 -94
- package/dist/Select/Select.d.ts +0 -52
- package/dist/Select/Select.d.ts.map +0 -1
- package/dist/Select/Select.js +0 -43
- package/dist/Select/Select.js.map +0 -1
- package/dist/Select/index.d.ts +0 -3
- package/dist/Select/index.d.ts.map +0 -1
- package/dist/Select/index.js +0 -2
- package/dist/Select/index.js.map +0 -1
- package/dist/SkipLink/SkipLink.css +0 -58
- package/dist/SkipLink/SkipLink.d.ts +0 -35
- package/dist/SkipLink/SkipLink.d.ts.map +0 -1
- package/dist/SkipLink/SkipLink.js +0 -23
- package/dist/SkipLink/SkipLink.js.map +0 -1
- package/dist/SkipLink/index.d.ts +0 -2
- package/dist/SkipLink/index.d.ts.map +0 -1
- package/dist/SkipLink/index.js +0 -2
- package/dist/SkipLink/index.js.map +0 -1
- package/dist/Spinner/Spinner.css +0 -118
- package/dist/Spinner/Spinner.d.ts +0 -43
- package/dist/Spinner/Spinner.d.ts.map +0 -1
- package/dist/Spinner/Spinner.js +0 -30
- package/dist/Spinner/Spinner.js.map +0 -1
- package/dist/Spinner/index.d.ts +0 -2
- package/dist/Spinner/index.d.ts.map +0 -1
- package/dist/Spinner/index.js +0 -2
- package/dist/Spinner/index.js.map +0 -1
- package/dist/Stack/Stack.css +0 -59
- package/dist/Stack/Stack.d.ts +0 -35
- package/dist/Stack/Stack.d.ts.map +0 -1
- package/dist/Stack/Stack.js +0 -29
- package/dist/Stack/Stack.js.map +0 -1
- package/dist/Stack/index.d.ts +0 -3
- package/dist/Stack/index.d.ts.map +0 -1
- package/dist/Stack/index.js +0 -2
- package/dist/Stack/index.js.map +0 -1
- package/dist/StatusBadge/StatusBadge.css +0 -87
- package/dist/StatusBadge/StatusBadge.d.ts +0 -50
- package/dist/StatusBadge/StatusBadge.d.ts.map +0 -1
- package/dist/StatusBadge/StatusBadge.js +0 -40
- package/dist/StatusBadge/StatusBadge.js.map +0 -1
- package/dist/StatusBadge/index.d.ts +0 -2
- package/dist/StatusBadge/index.d.ts.map +0 -1
- package/dist/StatusBadge/index.js +0 -2
- package/dist/StatusBadge/index.js.map +0 -1
- package/dist/SummaryList/SummaryList.css +0 -151
- package/dist/SummaryList/SummaryList.d.ts +0 -49
- package/dist/SummaryList/SummaryList.d.ts.map +0 -1
- package/dist/SummaryList/SummaryList.js +0 -31
- package/dist/SummaryList/SummaryList.js.map +0 -1
- package/dist/SummaryList/index.d.ts +0 -3
- package/dist/SummaryList/index.d.ts.map +0 -1
- package/dist/SummaryList/index.js +0 -2
- package/dist/SummaryList/index.js.map +0 -1
- package/dist/Table/Table.css +0 -243
- package/dist/Table/Table.d.ts +0 -61
- package/dist/Table/Table.d.ts.map +0 -1
- package/dist/Table/Table.js +0 -37
- package/dist/Table/Table.js.map +0 -1
- package/dist/Table/index.d.ts +0 -3
- package/dist/Table/index.d.ts.map +0 -1
- package/dist/Table/index.js +0 -2
- package/dist/Table/index.js.map +0 -1
- package/dist/TableOfContents/TableOfContents.css +0 -75
- package/dist/TableOfContents/TableOfContents.d.ts +0 -61
- package/dist/TableOfContents/TableOfContents.d.ts.map +0 -1
- package/dist/TableOfContents/TableOfContents.js +0 -32
- package/dist/TableOfContents/TableOfContents.js.map +0 -1
- package/dist/TableOfContents/index.d.ts +0 -3
- package/dist/TableOfContents/index.d.ts.map +0 -1
- package/dist/TableOfContents/index.js +0 -2
- package/dist/TableOfContents/index.js.map +0 -1
- package/dist/TelephoneInput/TelephoneInput.css +0 -4
- package/dist/TelephoneInput/TelephoneInput.d.ts +0 -38
- package/dist/TelephoneInput/TelephoneInput.d.ts.map +0 -1
- package/dist/TelephoneInput/TelephoneInput.js +0 -27
- package/dist/TelephoneInput/TelephoneInput.js.map +0 -1
- package/dist/TelephoneInput/index.d.ts +0 -3
- package/dist/TelephoneInput/index.d.ts.map +0 -1
- package/dist/TelephoneInput/index.js +0 -2
- package/dist/TelephoneInput/index.js.map +0 -1
- package/dist/TextArea/TextArea.css +0 -126
- package/dist/TextArea/TextArea.d.ts +0 -44
- package/dist/TextArea/TextArea.d.ts.map +0 -1
- package/dist/TextArea/TextArea.js +0 -33
- package/dist/TextArea/TextArea.js.map +0 -1
- package/dist/TextArea/index.d.ts +0 -3
- package/dist/TextArea/index.d.ts.map +0 -1
- package/dist/TextArea/index.js +0 -2
- package/dist/TextArea/index.js.map +0 -1
- package/dist/TextInput/TextInput.css +0 -122
- package/dist/TextInput/TextInput.d.ts +0 -44
- package/dist/TextInput/TextInput.d.ts.map +0 -1
- package/dist/TextInput/TextInput.js +0 -33
- package/dist/TextInput/TextInput.js.map +0 -1
- package/dist/TextInput/index.d.ts +0 -3
- package/dist/TextInput/index.d.ts.map +0 -1
- package/dist/TextInput/index.js +0 -2
- package/dist/TextInput/index.js.map +0 -1
- package/dist/TimeInput/TimeInput.css +0 -37
- package/dist/TimeInput/TimeInput.d.ts +0 -37
- package/dist/TimeInput/TimeInput.d.ts.map +0 -1
- package/dist/TimeInput/TimeInput.js +0 -52
- package/dist/TimeInput/TimeInput.js.map +0 -1
- package/dist/TimeInput/index.d.ts +0 -3
- package/dist/TimeInput/index.d.ts.map +0 -1
- package/dist/TimeInput/index.js +0 -2
- package/dist/TimeInput/index.js.map +0 -1
- package/dist/UnorderedList/UnorderedList.css +0 -38
- package/dist/UnorderedList/UnorderedList.d.ts +0 -26
- package/dist/UnorderedList/UnorderedList.d.ts.map +0 -1
- package/dist/UnorderedList/UnorderedList.js +0 -22
- package/dist/UnorderedList/UnorderedList.js.map +0 -1
- package/dist/UnorderedList/index.d.ts +0 -3
- package/dist/UnorderedList/index.d.ts.map +0 -1
- package/dist/UnorderedList/index.js +0 -2
- package/dist/UnorderedList/index.js.map +0 -1
- package/dist/index.d.ts +0 -79
- package/dist/index.d.ts.map +0 -1
- package/dist/index.js +0 -89
- package/dist/index.js.map +0 -1
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
//#region src/SkipLink/SkipLink.d.ts
|
|
3
|
+
interface SkipLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
4
|
+
/**
|
|
5
|
+
* Het doel-ID waarnaar de gebruiker gesprongen wordt (inclusief `#`).
|
|
6
|
+
* Het element met dit ID moet `tabindex="-1"` hebben als het niet natively focusbaar is.
|
|
7
|
+
* @example "#main-content"
|
|
8
|
+
*/
|
|
9
|
+
href: string;
|
|
10
|
+
/**
|
|
11
|
+
* Tekst van de skip-link — zichtbaar voor screenreaders en bij focus.
|
|
12
|
+
* @default "Ga direct naar de hoofdinhoud"
|
|
13
|
+
*/
|
|
14
|
+
children?: React.ReactNode;
|
|
15
|
+
/**
|
|
16
|
+
* Extra CSS klassen
|
|
17
|
+
*/
|
|
18
|
+
className?: string;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* SkipLink — toegankelijkheidskoppeling om herhalende navigatie te omzeilen.
|
|
22
|
+
*
|
|
23
|
+
* Plaatst de link als **eerste focusbaar element** in de DOM, vóór `<header>` en `<nav>`.
|
|
24
|
+
* Voldoet aan WCAG 2.2 succescriterium 2.4.1 (Bypass Blocks, Level A).
|
|
25
|
+
*
|
|
26
|
+
* @example
|
|
27
|
+
* ```tsx
|
|
28
|
+
* // Standaard gebruik — eerste element in <body>
|
|
29
|
+
* <SkipLink href="#main-content">Ga direct naar de hoofdinhoud</SkipLink>
|
|
30
|
+
* <header>...</header>
|
|
31
|
+
* <main id="main-content" tabIndex={-1}>...</main>
|
|
32
|
+
* ```
|
|
33
|
+
*/
|
|
34
|
+
declare const SkipLink: React.ForwardRefExoticComponent<SkipLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
35
|
+
//#endregion
|
|
36
|
+
export { SkipLink, SkipLinkProps };
|
|
37
|
+
//# sourceMappingURL=SkipLink.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SkipLink.d.mts","names":[],"sources":["../../src/SkipLink/SkipLink.tsx"],"mappings":";;UAIiB,sBAAsB,MAAM,qBAAqB;;;;;;EAMhE;;;;;EAMA,WAAW,MAAM;;;;EAKjB;;;;;;;;;;;;;;;;cAiBW,UAAQ,MAAA,0BAAA,gBAAA,MAAA,cAAA"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { classNames } from "@dsn-starter-kit/core";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
//#region src/SkipLink/SkipLink.tsx
|
|
6
|
+
/**
|
|
7
|
+
* SkipLink — toegankelijkheidskoppeling om herhalende navigatie te omzeilen.
|
|
8
|
+
*
|
|
9
|
+
* Plaatst de link als **eerste focusbaar element** in de DOM, vóór `<header>` en `<nav>`.
|
|
10
|
+
* Voldoet aan WCAG 2.2 succescriterium 2.4.1 (Bypass Blocks, Level A).
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```tsx
|
|
14
|
+
* // Standaard gebruik — eerste element in <body>
|
|
15
|
+
* <SkipLink href="#main-content">Ga direct naar de hoofdinhoud</SkipLink>
|
|
16
|
+
* <header>...</header>
|
|
17
|
+
* <main id="main-content" tabIndex={-1}>...</main>
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
20
|
+
const SkipLink = React.forwardRef(({ href, children = "Ga direct naar de hoofdinhoud", className, ...props }, ref) => {
|
|
21
|
+
return /* @__PURE__ */ jsx("a", {
|
|
22
|
+
ref,
|
|
23
|
+
href,
|
|
24
|
+
className: classNames("dsn-skip-link", className),
|
|
25
|
+
...props,
|
|
26
|
+
children
|
|
27
|
+
});
|
|
28
|
+
});
|
|
29
|
+
SkipLink.displayName = "SkipLink";
|
|
30
|
+
//#endregion
|
|
31
|
+
export { SkipLink };
|
|
32
|
+
|
|
33
|
+
//# sourceMappingURL=SkipLink2.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SkipLink2.mjs","names":[],"sources":["../../src/SkipLink/SkipLink.tsx"],"sourcesContent":["import React from 'react';\nimport { classNames } from '@dsn-starter-kit/core';\nimport './SkipLink.css';\n\nexport interface SkipLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n /**\n * Het doel-ID waarnaar de gebruiker gesprongen wordt (inclusief `#`).\n * Het element met dit ID moet `tabindex=\"-1\"` hebben als het niet natively focusbaar is.\n * @example \"#main-content\"\n */\n href: string;\n\n /**\n * Tekst van de skip-link — zichtbaar voor screenreaders en bij focus.\n * @default \"Ga direct naar de hoofdinhoud\"\n */\n children?: React.ReactNode;\n\n /**\n * Extra CSS klassen\n */\n className?: string;\n}\n\n/**\n * SkipLink — toegankelijkheidskoppeling om herhalende navigatie te omzeilen.\n *\n * Plaatst de link als **eerste focusbaar element** in de DOM, vóór `<header>` en `<nav>`.\n * Voldoet aan WCAG 2.2 succescriterium 2.4.1 (Bypass Blocks, Level A).\n *\n * @example\n * ```tsx\n * // Standaard gebruik — eerste element in <body>\n * <SkipLink href=\"#main-content\">Ga direct naar de hoofdinhoud</SkipLink>\n * <header>...</header>\n * <main id=\"main-content\" tabIndex={-1}>...</main>\n * ```\n */\nexport const SkipLink = React.forwardRef<HTMLAnchorElement, SkipLinkProps>(\n (\n { href, children = 'Ga direct naar de hoofdinhoud', className, ...props },\n ref\n ) => {\n return (\n <a\n ref={ref}\n href={href}\n className={classNames('dsn-skip-link', className)}\n {...props}\n >\n {children}\n </a>\n );\n }\n);\n\nSkipLink.displayName = 'SkipLink';\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAsCA,MAAa,WAAW,MAAM,YAE1B,EAAE,MAAM,WAAW,iCAAiC,WAAW,GAAG,SAClE,QACG;CACH,OACE,oBAAC,KAAD;EACO;EACC;EACN,WAAW,WAAW,iBAAiB,SAAS;EAChD,GAAI;EAEH;CACA,CAAA;AAEP,CACF;AAEA,SAAS,cAAc"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
//#region src/Spinner/Spinner.d.ts
|
|
3
|
+
type SpinnerSize = 'default' | 'large';
|
|
4
|
+
interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
/**
|
|
6
|
+
* Tekstlabel dat de laadtoestand beschrijft voor alle gebruikers.
|
|
7
|
+
* Altijd vereist — ook bij hideLabel wordt het label doorgegeven aan screenreaders.
|
|
8
|
+
*/
|
|
9
|
+
label: string;
|
|
10
|
+
/**
|
|
11
|
+
* Verbergt het label visueel maar behoudt het voor screenreaders via dsn-visually-hidden
|
|
12
|
+
* @default false
|
|
13
|
+
*/
|
|
14
|
+
hideLabel?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Grootte van de spinner.
|
|
17
|
+
* default: 24×24px, label rechts.
|
|
18
|
+
* large: 48×48px, label gecentreerd onder de spinner.
|
|
19
|
+
* @default 'default'
|
|
20
|
+
*/
|
|
21
|
+
size?: SpinnerSize;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* Spinner component
|
|
25
|
+
* Cirkelvormige laadindicator voor onbepaalde wachttijden.
|
|
26
|
+
*
|
|
27
|
+
* role="status" op de container kondigt de laadtoestand aan bij screenreaders.
|
|
28
|
+
* Het label is altijd aanwezig — visueel verbergen via hideLabel behoudt toegankelijkheid.
|
|
29
|
+
*
|
|
30
|
+
* @example
|
|
31
|
+
* ```tsx
|
|
32
|
+
* // Standaard met zichtbaar label
|
|
33
|
+
* <Spinner label="Laden..." />
|
|
34
|
+
*
|
|
35
|
+
* // Grote variant met label onder de spinner
|
|
36
|
+
* <Spinner size="large" label="Pagina wordt geladen" />
|
|
37
|
+
*
|
|
38
|
+
* // Enkel visueel verborgen label (toegankelijk voor screenreaders)
|
|
39
|
+
* <Spinner label="Laden..." hideLabel />
|
|
40
|
+
* ```
|
|
41
|
+
*/
|
|
42
|
+
declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLDivElement>>;
|
|
43
|
+
//#endregion
|
|
44
|
+
export { Spinner, SpinnerProps, SpinnerSize };
|
|
45
|
+
//# sourceMappingURL=Spinner.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spinner.d.mts","names":[],"sources":["../../src/Spinner/Spinner.tsx"],"mappings":";;KAIY;UAEK,qBAAqB,MAAM,eAAe;;;;;EAKzD;;;;;EAMA;;;;;;;EAQA,OAAO;;;;;;;;;;;;;;;;;;;;;cAsBI,SAAO,MAAA,0BAAA,eAAA,MAAA,cAAA"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { classNames } from "@dsn-starter-kit/core";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
//#region src/Spinner/Spinner.tsx
|
|
6
|
+
/**
|
|
7
|
+
* Spinner component
|
|
8
|
+
* Cirkelvormige laadindicator voor onbepaalde wachttijden.
|
|
9
|
+
*
|
|
10
|
+
* role="status" op de container kondigt de laadtoestand aan bij screenreaders.
|
|
11
|
+
* Het label is altijd aanwezig — visueel verbergen via hideLabel behoudt toegankelijkheid.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* // Standaard met zichtbaar label
|
|
16
|
+
* <Spinner label="Laden..." />
|
|
17
|
+
*
|
|
18
|
+
* // Grote variant met label onder de spinner
|
|
19
|
+
* <Spinner size="large" label="Pagina wordt geladen" />
|
|
20
|
+
*
|
|
21
|
+
* // Enkel visueel verborgen label (toegankelijk voor screenreaders)
|
|
22
|
+
* <Spinner label="Laden..." hideLabel />
|
|
23
|
+
* ```
|
|
24
|
+
*/
|
|
25
|
+
const Spinner = React.forwardRef(({ className, label, hideLabel = false, size = "default", ...props }, ref) => {
|
|
26
|
+
const classes = classNames("dsn-spinner", size === "large" && "dsn-spinner--large", className);
|
|
27
|
+
const labelClasses = classNames("dsn-spinner__label", hideLabel && "dsn-visually-hidden");
|
|
28
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
29
|
+
ref,
|
|
30
|
+
className: classes,
|
|
31
|
+
role: "status",
|
|
32
|
+
...props,
|
|
33
|
+
children: [/* @__PURE__ */ jsxs("svg", {
|
|
34
|
+
className: "dsn-spinner__circle",
|
|
35
|
+
viewBox: "0 0 24 24",
|
|
36
|
+
"aria-hidden": "true",
|
|
37
|
+
children: [/* @__PURE__ */ jsx("circle", {
|
|
38
|
+
className: "dsn-spinner__track",
|
|
39
|
+
cx: "12",
|
|
40
|
+
cy: "12",
|
|
41
|
+
r: "10"
|
|
42
|
+
}), /* @__PURE__ */ jsx("circle", {
|
|
43
|
+
className: "dsn-spinner__arc",
|
|
44
|
+
cx: "12",
|
|
45
|
+
cy: "12",
|
|
46
|
+
r: "10"
|
|
47
|
+
})]
|
|
48
|
+
}), /* @__PURE__ */ jsx("span", {
|
|
49
|
+
className: labelClasses,
|
|
50
|
+
children: label
|
|
51
|
+
})]
|
|
52
|
+
});
|
|
53
|
+
});
|
|
54
|
+
Spinner.displayName = "Spinner";
|
|
55
|
+
//#endregion
|
|
56
|
+
export { Spinner };
|
|
57
|
+
|
|
58
|
+
//# sourceMappingURL=Spinner2.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spinner2.mjs","names":[],"sources":["../../src/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react';\nimport { classNames } from '@dsn-starter-kit/core';\nimport './Spinner.css';\n\nexport type SpinnerSize = 'default' | 'large';\n\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Tekstlabel dat de laadtoestand beschrijft voor alle gebruikers.\n * Altijd vereist — ook bij hideLabel wordt het label doorgegeven aan screenreaders.\n */\n label: string;\n\n /**\n * Verbergt het label visueel maar behoudt het voor screenreaders via dsn-visually-hidden\n * @default false\n */\n hideLabel?: boolean;\n\n /**\n * Grootte van de spinner.\n * default: 24×24px, label rechts.\n * large: 48×48px, label gecentreerd onder de spinner.\n * @default 'default'\n */\n size?: SpinnerSize;\n}\n\n/**\n * Spinner component\n * Cirkelvormige laadindicator voor onbepaalde wachttijden.\n *\n * role=\"status\" op de container kondigt de laadtoestand aan bij screenreaders.\n * Het label is altijd aanwezig — visueel verbergen via hideLabel behoudt toegankelijkheid.\n *\n * @example\n * ```tsx\n * // Standaard met zichtbaar label\n * <Spinner label=\"Laden...\" />\n *\n * // Grote variant met label onder de spinner\n * <Spinner size=\"large\" label=\"Pagina wordt geladen\" />\n *\n * // Enkel visueel verborgen label (toegankelijk voor screenreaders)\n * <Spinner label=\"Laden...\" hideLabel />\n * ```\n */\nexport const Spinner = React.forwardRef<HTMLDivElement, SpinnerProps>(\n (\n { className, label, hideLabel = false, size = 'default', ...props },\n ref\n ) => {\n const classes = classNames(\n 'dsn-spinner',\n size === 'large' && 'dsn-spinner--large',\n className\n );\n\n const labelClasses = classNames(\n 'dsn-spinner__label',\n hideLabel && 'dsn-visually-hidden'\n );\n\n return (\n <div ref={ref} className={classes} role=\"status\" {...props}>\n <svg\n className=\"dsn-spinner__circle\"\n viewBox=\"0 0 24 24\"\n aria-hidden=\"true\"\n >\n <circle className=\"dsn-spinner__track\" cx=\"12\" cy=\"12\" r=\"10\" />\n <circle className=\"dsn-spinner__arc\" cx=\"12\" cy=\"12\" r=\"10\" />\n </svg>\n <span className={labelClasses}>{label}</span>\n </div>\n );\n }\n);\n\nSpinner.displayName = 'Spinner';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA+CA,MAAa,UAAU,MAAM,YAEzB,EAAE,WAAW,OAAO,YAAY,OAAO,OAAO,WAAW,GAAG,SAC5D,QACG;CACH,MAAM,UAAU,WACd,eACA,SAAS,WAAW,sBACpB,SACF;CAEA,MAAM,eAAe,WACnB,sBACA,aAAa,qBACf;CAEA,OACE,qBAAC,OAAD;EAAU;EAAK,WAAW;EAAS,MAAK;EAAS,GAAI;EAArD,UAAA,CACE,qBAAC,OAAD;GACE,WAAU;GACV,SAAQ;GACR,eAAY;GAHd,UAAA,CAKE,oBAAC,UAAD;IAAQ,WAAU;IAAqB,IAAG;IAAK,IAAG;IAAK,GAAE;GAAM,CAAA,GAC/D,oBAAC,UAAD;IAAQ,WAAU;IAAmB,IAAG;IAAK,IAAG;IAAK,GAAE;GAAM,CAAA,CAC1D;EACL,CAAA,GAAA,oBAAC,QAAD;GAAM,WAAW;GAAe,UAAA;EAAY,CAAA,CACzC;;AAET,CACF;AAEA,QAAQ,cAAc"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
//#region src/Stack/Stack.d.ts
|
|
3
|
+
type StackSpace = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
|
|
4
|
+
interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
/**
|
|
6
|
+
* Verticale ruimte tussen directe child-elementen
|
|
7
|
+
* @default 'md'
|
|
8
|
+
*/
|
|
9
|
+
space?: StackSpace;
|
|
10
|
+
/**
|
|
11
|
+
* Child-elementen om verticaal te stapelen
|
|
12
|
+
*/
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Stack layout component
|
|
17
|
+
* Brengt consistente verticale ruimte aan tussen directe child-elementen via flexbox + gap.
|
|
18
|
+
*
|
|
19
|
+
* @example
|
|
20
|
+
* ```tsx
|
|
21
|
+
* // Default (md = 8px)
|
|
22
|
+
* <Stack>
|
|
23
|
+
* <Paragraph>Eerste paragraaf</Paragraph>
|
|
24
|
+
* <Paragraph>Tweede paragraaf</Paragraph>
|
|
25
|
+
* </Stack>
|
|
26
|
+
*
|
|
27
|
+
* // Grote ruimte tussen secties
|
|
28
|
+
* <Stack space="3xl">
|
|
29
|
+
* <section>...</section>
|
|
30
|
+
* <section>...</section>
|
|
31
|
+
* </Stack>
|
|
32
|
+
* ```
|
|
33
|
+
*/
|
|
34
|
+
declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
|
|
35
|
+
//#endregion
|
|
36
|
+
export { Stack, StackProps, StackSpace };
|
|
37
|
+
//# sourceMappingURL=Stack.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stack.d.mts","names":[],"sources":["../../src/Stack/Stack.tsx"],"mappings":";;KAIY;UAWK,mBAAmB,MAAM,eAAe;;;;;EAKvD,QAAQ;;;;EAKR,WAAW,MAAM;;;;;;;;;;;;;;;;;;;;;cAsBN,OAAK,MAAA,0BAAA,aAAA,MAAA,cAAA"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { classNames } from "@dsn-starter-kit/core";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
//#region src/Stack/Stack.tsx
|
|
6
|
+
/**
|
|
7
|
+
* Stack layout component
|
|
8
|
+
* Brengt consistente verticale ruimte aan tussen directe child-elementen via flexbox + gap.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```tsx
|
|
12
|
+
* // Default (md = 8px)
|
|
13
|
+
* <Stack>
|
|
14
|
+
* <Paragraph>Eerste paragraaf</Paragraph>
|
|
15
|
+
* <Paragraph>Tweede paragraaf</Paragraph>
|
|
16
|
+
* </Stack>
|
|
17
|
+
*
|
|
18
|
+
* // Grote ruimte tussen secties
|
|
19
|
+
* <Stack space="3xl">
|
|
20
|
+
* <section>...</section>
|
|
21
|
+
* <section>...</section>
|
|
22
|
+
* </Stack>
|
|
23
|
+
* ```
|
|
24
|
+
*/
|
|
25
|
+
const Stack = React.forwardRef(({ className, space = "md", children, ...props }, ref) => {
|
|
26
|
+
const classes = classNames("dsn-stack", space !== "md" && `dsn-stack--space-${space}`, className);
|
|
27
|
+
return /* @__PURE__ */ jsx("div", {
|
|
28
|
+
ref,
|
|
29
|
+
className: classes,
|
|
30
|
+
...props,
|
|
31
|
+
children
|
|
32
|
+
});
|
|
33
|
+
});
|
|
34
|
+
Stack.displayName = "Stack";
|
|
35
|
+
//#endregion
|
|
36
|
+
export { Stack };
|
|
37
|
+
|
|
38
|
+
//# sourceMappingURL=Stack2.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stack2.mjs","names":[],"sources":["../../src/Stack/Stack.tsx"],"sourcesContent":["import React from 'react';\nimport { classNames } from '@dsn-starter-kit/core';\nimport './Stack.css';\n\nexport type StackSpace =\n | 'sm'\n | 'md'\n | 'lg'\n | 'xl'\n | '2xl'\n | '3xl'\n | '4xl'\n | '5xl'\n | '6xl';\n\nexport interface StackProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Verticale ruimte tussen directe child-elementen\n * @default 'md'\n */\n space?: StackSpace;\n\n /**\n * Child-elementen om verticaal te stapelen\n */\n children?: React.ReactNode;\n}\n\n/**\n * Stack layout component\n * Brengt consistente verticale ruimte aan tussen directe child-elementen via flexbox + gap.\n *\n * @example\n * ```tsx\n * // Default (md = 8px)\n * <Stack>\n * <Paragraph>Eerste paragraaf</Paragraph>\n * <Paragraph>Tweede paragraaf</Paragraph>\n * </Stack>\n *\n * // Grote ruimte tussen secties\n * <Stack space=\"3xl\">\n * <section>...</section>\n * <section>...</section>\n * </Stack>\n * ```\n */\nexport const Stack = React.forwardRef<HTMLDivElement, StackProps>(\n ({ className, space = 'md', children, ...props }, ref) => {\n const classes = classNames(\n 'dsn-stack',\n space !== 'md' && `dsn-stack--space-${space}`,\n className\n );\n\n return (\n <div ref={ref} className={classes} {...props}>\n {children}\n </div>\n );\n }\n);\n\nStack.displayName = 'Stack';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA+CA,MAAa,QAAQ,MAAM,YACxB,EAAE,WAAW,QAAQ,MAAM,UAAU,GAAG,SAAS,QAAQ;CACxD,MAAM,UAAU,WACd,aACA,UAAU,QAAQ,oBAAoB,SACtC,SACF;CAEA,OACE,oBAAC,OAAD;EAAU;EAAK,WAAW;EAAS,GAAI;EACpC;CACE,CAAA;AAET,CACF;AAEA,MAAM,cAAc"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
//#region src/StatusBadge/StatusBadge.d.ts
|
|
3
|
+
type StatusBadgeVariant = 'neutral' | 'positive' | 'negative' | 'warning' | 'info';
|
|
4
|
+
interface StatusBadgeProps extends React.HTMLAttributes<HTMLElement> {
|
|
5
|
+
/**
|
|
6
|
+
* Semantische variant die de signaalkleur bepaalt
|
|
7
|
+
* @default 'neutral'
|
|
8
|
+
*/
|
|
9
|
+
variant?: StatusBadgeVariant;
|
|
10
|
+
/**
|
|
11
|
+
* Optioneel decoratief icoon vóór de badge-tekst (altijd aria-hidden)
|
|
12
|
+
*/
|
|
13
|
+
iconStart?: React.ReactNode;
|
|
14
|
+
/**
|
|
15
|
+
* Badge-tekst (verplicht)
|
|
16
|
+
*/
|
|
17
|
+
children: React.ReactNode;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* StatusBadge component
|
|
21
|
+
* Compact label dat een status communiceert met een signaalkleur en optioneel icoon.
|
|
22
|
+
*
|
|
23
|
+
* @example
|
|
24
|
+
* ```tsx
|
|
25
|
+
* // Neutral (default), zonder icoon
|
|
26
|
+
* <StatusBadge>Actief</StatusBadge>
|
|
27
|
+
*
|
|
28
|
+
* // Positive met icoon
|
|
29
|
+
* <StatusBadge variant="positive" iconStart={<Icon name="circle-check" size="sm" aria-hidden />}>
|
|
30
|
+
* Goedgekeurd
|
|
31
|
+
* </StatusBadge>
|
|
32
|
+
*
|
|
33
|
+
* // Negative met icoon
|
|
34
|
+
* <StatusBadge variant="negative" iconStart={<Icon name="exclamation-circle" size="sm" aria-hidden />}>
|
|
35
|
+
* Afgewezen
|
|
36
|
+
* </StatusBadge>
|
|
37
|
+
*
|
|
38
|
+
* // Info met icoon
|
|
39
|
+
* <StatusBadge variant="info" iconStart={<Icon name="info-circle" size="sm" aria-hidden />}>
|
|
40
|
+
* Nieuw
|
|
41
|
+
* </StatusBadge>
|
|
42
|
+
*
|
|
43
|
+
* // Warning met icoon
|
|
44
|
+
* <StatusBadge variant="warning" iconStart={<Icon name="alert-triangle" size="sm" aria-hidden />}>
|
|
45
|
+
* Let op
|
|
46
|
+
* </StatusBadge>
|
|
47
|
+
* ```
|
|
48
|
+
*/
|
|
49
|
+
declare const StatusBadge: React.ForwardRefExoticComponent<StatusBadgeProps & React.RefAttributes<HTMLElement>>;
|
|
50
|
+
//#endregion
|
|
51
|
+
export { StatusBadge, StatusBadgeProps, StatusBadgeVariant };
|
|
52
|
+
//# sourceMappingURL=StatusBadge.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusBadge.d.mts","names":[],"sources":["../../src/StatusBadge/StatusBadge.tsx"],"mappings":";;KAIY;UAOK,yBAAyB,MAAM,eAAe;;;;;EAK7D,UAAU;;;;EAKV,YAAY,MAAM;;;;EAKlB,UAAU,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAiCL,aAAW,MAAA,0BAAA,mBAAA,MAAA,cAAA"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { classNames } from "@dsn-starter-kit/core";
|
|
4
|
+
import { jsxs } from "react/jsx-runtime";
|
|
5
|
+
//#region src/StatusBadge/StatusBadge.tsx
|
|
6
|
+
/**
|
|
7
|
+
* StatusBadge component
|
|
8
|
+
* Compact label dat een status communiceert met een signaalkleur en optioneel icoon.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```tsx
|
|
12
|
+
* // Neutral (default), zonder icoon
|
|
13
|
+
* <StatusBadge>Actief</StatusBadge>
|
|
14
|
+
*
|
|
15
|
+
* // Positive met icoon
|
|
16
|
+
* <StatusBadge variant="positive" iconStart={<Icon name="circle-check" size="sm" aria-hidden />}>
|
|
17
|
+
* Goedgekeurd
|
|
18
|
+
* </StatusBadge>
|
|
19
|
+
*
|
|
20
|
+
* // Negative met icoon
|
|
21
|
+
* <StatusBadge variant="negative" iconStart={<Icon name="exclamation-circle" size="sm" aria-hidden />}>
|
|
22
|
+
* Afgewezen
|
|
23
|
+
* </StatusBadge>
|
|
24
|
+
*
|
|
25
|
+
* // Info met icoon
|
|
26
|
+
* <StatusBadge variant="info" iconStart={<Icon name="info-circle" size="sm" aria-hidden />}>
|
|
27
|
+
* Nieuw
|
|
28
|
+
* </StatusBadge>
|
|
29
|
+
*
|
|
30
|
+
* // Warning met icoon
|
|
31
|
+
* <StatusBadge variant="warning" iconStart={<Icon name="alert-triangle" size="sm" aria-hidden />}>
|
|
32
|
+
* Let op
|
|
33
|
+
* </StatusBadge>
|
|
34
|
+
* ```
|
|
35
|
+
*/
|
|
36
|
+
const StatusBadge = React.forwardRef(({ className, variant = "neutral", iconStart, children, ...props }, ref) => {
|
|
37
|
+
const classes = classNames("dsn-status-badge", variant !== "neutral" && `dsn-status-badge--${variant}`, className);
|
|
38
|
+
return /* @__PURE__ */ jsxs("strong", {
|
|
39
|
+
ref,
|
|
40
|
+
className: classes,
|
|
41
|
+
...props,
|
|
42
|
+
children: [iconStart, children]
|
|
43
|
+
});
|
|
44
|
+
});
|
|
45
|
+
StatusBadge.displayName = "StatusBadge";
|
|
46
|
+
//#endregion
|
|
47
|
+
export { StatusBadge };
|
|
48
|
+
|
|
49
|
+
//# sourceMappingURL=StatusBadge2.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusBadge2.mjs","names":[],"sources":["../../src/StatusBadge/StatusBadge.tsx"],"sourcesContent":["import React from 'react';\nimport { classNames } from '@dsn-starter-kit/core';\nimport './StatusBadge.css';\n\nexport type StatusBadgeVariant =\n | 'neutral'\n | 'positive'\n | 'negative'\n | 'warning'\n | 'info';\n\nexport interface StatusBadgeProps extends React.HTMLAttributes<HTMLElement> {\n /**\n * Semantische variant die de signaalkleur bepaalt\n * @default 'neutral'\n */\n variant?: StatusBadgeVariant;\n\n /**\n * Optioneel decoratief icoon vóór de badge-tekst (altijd aria-hidden)\n */\n iconStart?: React.ReactNode;\n\n /**\n * Badge-tekst (verplicht)\n */\n children: React.ReactNode;\n}\n\n/**\n * StatusBadge component\n * Compact label dat een status communiceert met een signaalkleur en optioneel icoon.\n *\n * @example\n * ```tsx\n * // Neutral (default), zonder icoon\n * <StatusBadge>Actief</StatusBadge>\n *\n * // Positive met icoon\n * <StatusBadge variant=\"positive\" iconStart={<Icon name=\"circle-check\" size=\"sm\" aria-hidden />}>\n * Goedgekeurd\n * </StatusBadge>\n *\n * // Negative met icoon\n * <StatusBadge variant=\"negative\" iconStart={<Icon name=\"exclamation-circle\" size=\"sm\" aria-hidden />}>\n * Afgewezen\n * </StatusBadge>\n *\n * // Info met icoon\n * <StatusBadge variant=\"info\" iconStart={<Icon name=\"info-circle\" size=\"sm\" aria-hidden />}>\n * Nieuw\n * </StatusBadge>\n *\n * // Warning met icoon\n * <StatusBadge variant=\"warning\" iconStart={<Icon name=\"alert-triangle\" size=\"sm\" aria-hidden />}>\n * Let op\n * </StatusBadge>\n * ```\n */\nexport const StatusBadge = React.forwardRef<HTMLElement, StatusBadgeProps>(\n ({ className, variant = 'neutral', iconStart, children, ...props }, ref) => {\n const classes = classNames(\n 'dsn-status-badge',\n variant !== 'neutral' && `dsn-status-badge--${variant}`,\n className\n );\n\n return (\n <strong ref={ref} className={classes} {...props}>\n {iconStart}\n {children}\n </strong>\n );\n }\n);\n\nStatusBadge.displayName = 'StatusBadge';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DA,MAAa,cAAc,MAAM,YAC9B,EAAE,WAAW,UAAU,WAAW,WAAW,UAAU,GAAG,SAAS,QAAQ;CAC1E,MAAM,UAAU,WACd,oBACA,YAAY,aAAa,qBAAqB,WAC9C,SACF;CAEA,OACE,qBAAC,UAAD;EAAa;EAAK,WAAW;EAAS,GAAI;EAA1C,UAAA,CACG,WACA,QACK;;AAEZ,CACF;AAEA,YAAY,cAAc"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
//#region src/SummaryList/SummaryList.d.ts
|
|
3
|
+
interface SummaryListProps extends React.HTMLAttributes<HTMLDListElement> {
|
|
4
|
+
/**
|
|
5
|
+
* Removes the row separator borders
|
|
6
|
+
* @default false
|
|
7
|
+
*/
|
|
8
|
+
noBorder?: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* `SummaryListRow` elements
|
|
11
|
+
*/
|
|
12
|
+
children?: React.ReactNode;
|
|
13
|
+
}
|
|
14
|
+
declare const SummaryList: React.ForwardRefExoticComponent<SummaryListProps & React.RefAttributes<HTMLDListElement>>;
|
|
15
|
+
interface SummaryListRowProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
16
|
+
/**
|
|
17
|
+
* Marks a row without an actions cell; ensures consistent column alignment
|
|
18
|
+
* in mixed lists where some rows have actions and others do not.
|
|
19
|
+
* @default false
|
|
20
|
+
*/
|
|
21
|
+
noActions?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* `SummaryListKey`, `SummaryListValue`, and optionally `SummaryListActions`
|
|
24
|
+
*/
|
|
25
|
+
children?: React.ReactNode;
|
|
26
|
+
}
|
|
27
|
+
declare const SummaryListRow: React.ForwardRefExoticComponent<SummaryListRowProps & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
+
interface SummaryListKeyProps extends React.HTMLAttributes<HTMLElement> {
|
|
29
|
+
/**
|
|
30
|
+
* Label text or content
|
|
31
|
+
*/
|
|
32
|
+
children?: React.ReactNode;
|
|
33
|
+
}
|
|
34
|
+
declare const SummaryListKey: React.ForwardRefExoticComponent<SummaryListKeyProps & React.RefAttributes<HTMLElement>>;
|
|
35
|
+
interface SummaryListValueProps extends React.HTMLAttributes<HTMLElement> {
|
|
36
|
+
/**
|
|
37
|
+
* Value content; may contain text, a `Link`, or other inline elements
|
|
38
|
+
*/
|
|
39
|
+
children?: React.ReactNode;
|
|
40
|
+
}
|
|
41
|
+
declare const SummaryListValue: React.ForwardRefExoticComponent<SummaryListValueProps & React.RefAttributes<HTMLElement>>;
|
|
42
|
+
interface SummaryListActionsProps extends React.HTMLAttributes<HTMLElement> {
|
|
43
|
+
/**
|
|
44
|
+
* One or more `Link` or `LinkButton` components
|
|
45
|
+
*/
|
|
46
|
+
children?: React.ReactNode;
|
|
47
|
+
}
|
|
48
|
+
declare const SummaryListActions: React.ForwardRefExoticComponent<SummaryListActionsProps & React.RefAttributes<HTMLElement>>;
|
|
49
|
+
//#endregion
|
|
50
|
+
export { SummaryList, SummaryListActions, SummaryListActionsProps, SummaryListKey, SummaryListKeyProps, SummaryListProps, SummaryListRow, SummaryListRowProps, SummaryListValue, SummaryListValueProps };
|
|
51
|
+
//# sourceMappingURL=SummaryList.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SummaryList.d.mts","names":[],"sources":["../../src/SummaryList/SummaryList.tsx"],"mappings":";;UAQiB,yBAAyB,MAAM,eAAe;;;;;EAK7D;;;;EAKA,WAAW,MAAM;;cAGN,aAAW,MAAA,0BAAA,mBAAA,MAAA,cAAA;UAsBP,4BAA4B,MAAM,eAAe;;;;;;EAMhE;;;;EAKA,WAAW,MAAM;;cAGN,gBAAc,MAAA,0BAAA,sBAAA,MAAA,cAAA;UAuBV,4BAA4B,MAAM,eAAe;;;;EAIhE,WAAW,MAAM;;cAGN,gBAAc,MAAA,0BAAA,sBAAA,MAAA,cAAA;UAmBV,8BAA8B,MAAM,eAAe;;;;EAIlE,WAAW,MAAM;;cAGN,kBAAgB,MAAA,0BAAA,wBAAA,MAAA,cAAA;UAmBZ,gCAAgC,MAAM,eAAe;;;;EAIpE,WAAW,MAAM;;cAGN,oBAAkB,MAAA,0BAAA,0BAAA,MAAA,cAAA"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
/* empty css */
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { classNames } from "@dsn-starter-kit/core";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
//#region src/SummaryList/SummaryList.tsx
|
|
6
|
+
const SummaryList = React.forwardRef(({ className, noBorder = false, children, ...props }, ref) => {
|
|
7
|
+
const classes = classNames("dsn-summary-list", noBorder && "dsn-summary-list--no-border", className);
|
|
8
|
+
return /* @__PURE__ */ jsx("dl", {
|
|
9
|
+
ref,
|
|
10
|
+
className: classes,
|
|
11
|
+
...props,
|
|
12
|
+
children
|
|
13
|
+
});
|
|
14
|
+
});
|
|
15
|
+
SummaryList.displayName = "SummaryList";
|
|
16
|
+
const SummaryListRow = React.forwardRef(({ className, noActions = false, children, ...props }, ref) => {
|
|
17
|
+
const classes = classNames("dsn-summary-list__row", noActions && "dsn-summary-list__row--no-actions", className);
|
|
18
|
+
return /* @__PURE__ */ jsx("div", {
|
|
19
|
+
ref,
|
|
20
|
+
className: classes,
|
|
21
|
+
...props,
|
|
22
|
+
children
|
|
23
|
+
});
|
|
24
|
+
});
|
|
25
|
+
SummaryListRow.displayName = "SummaryListRow";
|
|
26
|
+
const SummaryListKey = React.forwardRef(({ className, children, ...props }, ref) => {
|
|
27
|
+
const classes = classNames("dsn-summary-list__key", className);
|
|
28
|
+
return /* @__PURE__ */ jsx("dt", {
|
|
29
|
+
ref,
|
|
30
|
+
className: classes,
|
|
31
|
+
...props,
|
|
32
|
+
children
|
|
33
|
+
});
|
|
34
|
+
});
|
|
35
|
+
SummaryListKey.displayName = "SummaryListKey";
|
|
36
|
+
const SummaryListValue = React.forwardRef(({ className, children, ...props }, ref) => {
|
|
37
|
+
const classes = classNames("dsn-summary-list__value", className);
|
|
38
|
+
return /* @__PURE__ */ jsx("dd", {
|
|
39
|
+
ref,
|
|
40
|
+
className: classes,
|
|
41
|
+
...props,
|
|
42
|
+
children
|
|
43
|
+
});
|
|
44
|
+
});
|
|
45
|
+
SummaryListValue.displayName = "SummaryListValue";
|
|
46
|
+
const SummaryListActions = React.forwardRef(({ className, children, ...props }, ref) => {
|
|
47
|
+
const classes = classNames("dsn-summary-list__actions", className);
|
|
48
|
+
const isMultiple = React.Children.count(children) > 1;
|
|
49
|
+
return /* @__PURE__ */ jsx("dd", {
|
|
50
|
+
ref,
|
|
51
|
+
className: classes,
|
|
52
|
+
...props,
|
|
53
|
+
children: isMultiple ? /* @__PURE__ */ jsx("ul", {
|
|
54
|
+
className: "dsn-summary-list__actions-list",
|
|
55
|
+
children: React.Children.map(children, (child) => /* @__PURE__ */ jsx("li", {
|
|
56
|
+
className: "dsn-summary-list__actions-list-item",
|
|
57
|
+
children: child
|
|
58
|
+
}))
|
|
59
|
+
}) : children
|
|
60
|
+
});
|
|
61
|
+
});
|
|
62
|
+
SummaryListActions.displayName = "SummaryListActions";
|
|
63
|
+
//#endregion
|
|
64
|
+
export { SummaryList, SummaryListActions, SummaryListKey, SummaryListRow, SummaryListValue };
|
|
65
|
+
|
|
66
|
+
//# sourceMappingURL=SummaryList2.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SummaryList2.mjs","names":[],"sources":["../../src/SummaryList/SummaryList.tsx"],"sourcesContent":["import React from 'react';\nimport { classNames } from '@dsn-starter-kit/core';\nimport './SummaryList.css';\n\n// =============================================================================\n// SummaryList\n// =============================================================================\n\nexport interface SummaryListProps extends React.HTMLAttributes<HTMLDListElement> {\n /**\n * Removes the row separator borders\n * @default false\n */\n noBorder?: boolean;\n\n /**\n * `SummaryListRow` elements\n */\n children?: React.ReactNode;\n}\n\nexport const SummaryList = React.forwardRef<HTMLDListElement, SummaryListProps>(\n ({ className, noBorder = false, children, ...props }, ref) => {\n const classes = classNames(\n 'dsn-summary-list',\n noBorder && 'dsn-summary-list--no-border',\n className\n );\n\n return (\n <dl ref={ref} className={classes} {...props}>\n {children}\n </dl>\n );\n }\n);\n\nSummaryList.displayName = 'SummaryList';\n\n// =============================================================================\n// SummaryListRow\n// =============================================================================\n\nexport interface SummaryListRowProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Marks a row without an actions cell; ensures consistent column alignment\n * in mixed lists where some rows have actions and others do not.\n * @default false\n */\n noActions?: boolean;\n\n /**\n * `SummaryListKey`, `SummaryListValue`, and optionally `SummaryListActions`\n */\n children?: React.ReactNode;\n}\n\nexport const SummaryListRow = React.forwardRef<\n HTMLDivElement,\n SummaryListRowProps\n>(({ className, noActions = false, children, ...props }, ref) => {\n const classes = classNames(\n 'dsn-summary-list__row',\n noActions && 'dsn-summary-list__row--no-actions',\n className\n );\n\n return (\n <div ref={ref} className={classes} {...props}>\n {children}\n </div>\n );\n});\n\nSummaryListRow.displayName = 'SummaryListRow';\n\n// =============================================================================\n// SummaryListKey\n// =============================================================================\n\nexport interface SummaryListKeyProps extends React.HTMLAttributes<HTMLElement> {\n /**\n * Label text or content\n */\n children?: React.ReactNode;\n}\n\nexport const SummaryListKey = React.forwardRef<\n HTMLElement,\n SummaryListKeyProps\n>(({ className, children, ...props }, ref) => {\n const classes = classNames('dsn-summary-list__key', className);\n\n return (\n <dt ref={ref} className={classes} {...props}>\n {children}\n </dt>\n );\n});\n\nSummaryListKey.displayName = 'SummaryListKey';\n\n// =============================================================================\n// SummaryListValue\n// =============================================================================\n\nexport interface SummaryListValueProps extends React.HTMLAttributes<HTMLElement> {\n /**\n * Value content; may contain text, a `Link`, or other inline elements\n */\n children?: React.ReactNode;\n}\n\nexport const SummaryListValue = React.forwardRef<\n HTMLElement,\n SummaryListValueProps\n>(({ className, children, ...props }, ref) => {\n const classes = classNames('dsn-summary-list__value', className);\n\n return (\n <dd ref={ref} className={classes} {...props}>\n {children}\n </dd>\n );\n});\n\nSummaryListValue.displayName = 'SummaryListValue';\n\n// =============================================================================\n// SummaryListActions\n// =============================================================================\n\nexport interface SummaryListActionsProps extends React.HTMLAttributes<HTMLElement> {\n /**\n * One or more `Link` or `LinkButton` components\n */\n children?: React.ReactNode;\n}\n\nexport const SummaryListActions = React.forwardRef<\n HTMLElement,\n SummaryListActionsProps\n>(({ className, children, ...props }, ref) => {\n const classes = classNames('dsn-summary-list__actions', className);\n\n const isMultiple = React.Children.count(children) > 1;\n\n return (\n <dd ref={ref} className={classes} {...props}>\n {isMultiple ? (\n <ul className=\"dsn-summary-list__actions-list\">\n {React.Children.map(children, (child) => (\n <li className=\"dsn-summary-list__actions-list-item\">{child}</li>\n ))}\n </ul>\n ) : (\n children\n )}\n </dd>\n );\n});\n\nSummaryListActions.displayName = 'SummaryListActions';\n"],"mappings":";;;;;AAqBA,MAAa,cAAc,MAAM,YAC9B,EAAE,WAAW,WAAW,OAAO,UAAU,GAAG,SAAS,QAAQ;CAC5D,MAAM,UAAU,WACd,oBACA,YAAY,+BACZ,SACF;CAEA,OACE,oBAAC,MAAD;EAAS;EAAK,WAAW;EAAS,GAAI;EACnC;CACC,CAAA;AAER,CACF;AAEA,YAAY,cAAc;AAoB1B,MAAa,iBAAiB,MAAM,YAGjC,EAAE,WAAW,YAAY,OAAO,UAAU,GAAG,SAAS,QAAQ;CAC/D,MAAM,UAAU,WACd,yBACA,aAAa,qCACb,SACF;CAEA,OACE,oBAAC,OAAD;EAAU;EAAK,WAAW;EAAS,GAAI;EACpC;CACE,CAAA;AAET,CAAC;AAED,eAAe,cAAc;AAa7B,MAAa,iBAAiB,MAAM,YAGjC,EAAE,WAAW,UAAU,GAAG,SAAS,QAAQ;CAC5C,MAAM,UAAU,WAAW,yBAAyB,SAAS;CAE7D,OACE,oBAAC,MAAD;EAAS;EAAK,WAAW;EAAS,GAAI;EACnC;CACC,CAAA;AAER,CAAC;AAED,eAAe,cAAc;AAa7B,MAAa,mBAAmB,MAAM,YAGnC,EAAE,WAAW,UAAU,GAAG,SAAS,QAAQ;CAC5C,MAAM,UAAU,WAAW,2BAA2B,SAAS;CAE/D,OACE,oBAAC,MAAD;EAAS;EAAK,WAAW;EAAS,GAAI;EACnC;CACC,CAAA;AAER,CAAC;AAED,iBAAiB,cAAc;AAa/B,MAAa,qBAAqB,MAAM,YAGrC,EAAE,WAAW,UAAU,GAAG,SAAS,QAAQ;CAC5C,MAAM,UAAU,WAAW,6BAA6B,SAAS;CAEjE,MAAM,aAAa,MAAM,SAAS,MAAM,QAAQ,IAAI;CAEpD,OACE,oBAAC,MAAD;EAAS;EAAK,WAAW;EAAS,GAAI;EACnC,UAAA,aACC,oBAAC,MAAD;GAAI,WAAU;GACX,UAAA,MAAM,SAAS,IAAI,WAAW,UAC7B,oBAAC,MAAD;IAAI,WAAU;IAAuC,UAAA;GAAU,CAAA,CAChE;EACC,CAAA,IAEJ;CAEA,CAAA;AAER,CAAC;AAED,mBAAmB,cAAc"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { SummaryList, SummaryListActions, SummaryListActionsProps, SummaryListKey, SummaryListKeyProps, SummaryListProps, SummaryListRow, SummaryListRowProps, SummaryListValue, SummaryListValueProps } from "./SummaryList.mjs";
|
|
2
|
+
export { SummaryList, SummaryListActions, type SummaryListActionsProps, SummaryListKey, type SummaryListKeyProps, type SummaryListProps, SummaryListRow, type SummaryListRowProps, SummaryListValue, type SummaryListValueProps };
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
//#region src/Table/Table.d.ts
|
|
3
|
+
type TableProps = React.HTMLAttributes<HTMLTableElement> & {
|
|
4
|
+
/**
|
|
5
|
+
* Zichtbaar bijschrift boven de tabel.
|
|
6
|
+
* Dient ook als toegankelijke naam van de tabel voor schermlezers.
|
|
7
|
+
*/
|
|
8
|
+
caption: string;
|
|
9
|
+
/**
|
|
10
|
+
* Optionele ID voor de caption.
|
|
11
|
+
* Standaard auto-gegenereerd via `useId()`.
|
|
12
|
+
* Wordt gebruikt voor `aria-labelledby` op de scroll-wrapper.
|
|
13
|
+
*/
|
|
14
|
+
captionId?: string;
|
|
15
|
+
/**
|
|
16
|
+
* Wikkelt de tabel in een scroll-container (`role="region"`, `tabIndex={0}`, `aria-labelledby`).
|
|
17
|
+
* Gebruik dit voor tabellen die mogelijk breder zijn dan hun container.
|
|
18
|
+
*/
|
|
19
|
+
scrollable?: boolean;
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* Tabel component voor het weergeven van tweedimensionale tabeldata.
|
|
23
|
+
*
|
|
24
|
+
* Gebruik altijd `<th scope="col">` voor kolomkoppen en `<th scope="row">` voor rijkoppen.
|
|
25
|
+
* Voeg `<tfoot>` toe via children voor een optionele totaal- of samenvattingsrij.
|
|
26
|
+
*
|
|
27
|
+
* @example
|
|
28
|
+
* <Table caption="Productoverzicht">
|
|
29
|
+
* <thead>
|
|
30
|
+
* <tr>
|
|
31
|
+
* <th scope="col">Product</th>
|
|
32
|
+
* <th scope="col">Prijs</th>
|
|
33
|
+
* </tr>
|
|
34
|
+
* </thead>
|
|
35
|
+
* <tbody>
|
|
36
|
+
* <tr>
|
|
37
|
+
* <th scope="row">Laptop</th>
|
|
38
|
+
* <td>€999</td>
|
|
39
|
+
* </tr>
|
|
40
|
+
* </tbody>
|
|
41
|
+
* </Table>
|
|
42
|
+
*/
|
|
43
|
+
declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & {
|
|
44
|
+
/**
|
|
45
|
+
* Zichtbaar bijschrift boven de tabel.
|
|
46
|
+
* Dient ook als toegankelijke naam van de tabel voor schermlezers.
|
|
47
|
+
*/
|
|
48
|
+
caption: string;
|
|
49
|
+
/**
|
|
50
|
+
* Optionele ID voor de caption.
|
|
51
|
+
* Standaard auto-gegenereerd via `useId()`.
|
|
52
|
+
* Wordt gebruikt voor `aria-labelledby` op de scroll-wrapper.
|
|
53
|
+
*/
|
|
54
|
+
captionId?: string;
|
|
55
|
+
/**
|
|
56
|
+
* Wikkelt de tabel in een scroll-container (`role="region"`, `tabIndex={0}`, `aria-labelledby`).
|
|
57
|
+
* Gebruik dit voor tabellen die mogelijk breder zijn dan hun container.
|
|
58
|
+
*/
|
|
59
|
+
scrollable?: boolean;
|
|
60
|
+
} & React.RefAttributes<HTMLTableElement>>;
|
|
61
|
+
//#endregion
|
|
62
|
+
export { Table, TableProps };
|
|
63
|
+
//# sourceMappingURL=Table.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.d.mts","names":[],"sources":["../../src/Table/Table.tsx"],"mappings":";;KAIY,aAAa,MAAM,eAAe;;;;;EAK5C;;;;;;EAMA;;;;;EAKA;;;;;;;;;;;;;;;;;;;;;;;;cAyBW,OAAK,MAAA,0BAAA,MAAA,eAAA;;;;;EApCP;;;;;;EAMG;;;;;EAKC;IAoEd,MAAA,cAAA"}
|