@digigov/ui 0.20.2 → 0.21.2
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/CHANGELOG.md +30 -1
- package/admin/CircularProgress/CircularProgress.stories.d.ts +6 -0
- package/admin/CircularProgress/CircularProgress.stories.js +30 -0
- package/admin/CircularProgress/__stories__/Default.d.ts +3 -0
- package/admin/CircularProgress/__stories__/Default.js +26 -0
- package/{app/CopyToClipboard.d.ts → admin/CopyToClipboard/index.d.ts} +0 -0
- package/{app/CopyToClipboard.js → admin/CopyToClipboard/index.js} +0 -0
- package/admin/Drawer/Drawer.stories.d.ts +7 -0
- package/admin/Drawer/Drawer.stories.js +30 -0
- package/admin/Drawer/__stories__/Default.d.ts +3 -0
- package/admin/Drawer/__stories__/Default.js +106 -0
- package/admin/Pagination/Pagination.stories.d.ts +7 -0
- package/admin/Pagination/Pagination.stories.js +30 -0
- package/admin/Pagination/__stories__/Default.d.ts +3 -0
- package/admin/Pagination/__stories__/Default.js +138 -0
- package/admin/Pagination/index.d.ts +20 -0
- package/admin/Pagination/index.js +27 -2
- package/app/Confirmation/Confirmation.stories.d.ts +6 -0
- package/app/Confirmation/Confirmation.stories.js +30 -0
- package/app/Confirmation/__stories__/Default.d.ts +3 -0
- package/app/Confirmation/__stories__/Default.js +28 -0
- package/app/Confirmation/index.d.ts +5 -3
- package/app/Confirmation/index.js +19 -34
- package/app/CopyToClipboard/CopyToClipboard.stories.d.ts +7 -0
- package/app/CopyToClipboard/CopyToClipboard.stories.js +30 -0
- package/app/CopyToClipboard/__stories__/Default.d.ts +3 -0
- package/app/CopyToClipboard/__stories__/Default.js +140 -0
- package/app/CopyToClipboard/index.d.ts +9 -0
- package/app/CopyToClipboard/index.js +69 -0
- package/app/Footer/Footer.stories.d.ts +10 -0
- package/app/Footer/Footer.stories.js +88 -0
- package/app/Footer/__stories__/Default.d.ts +3 -0
- package/app/Footer/__stories__/Default.js +22 -0
- package/app/Footer/__stories__/FooterAllInclusive.d.ts +3 -0
- package/app/Footer/__stories__/FooterAllInclusive.js +48 -0
- package/app/Footer/__stories__/FooterWithLink.d.ts +3 -0
- package/app/Footer/__stories__/FooterWithLink.js +40 -0
- package/app/Footer/__stories__/FooterWithLogo.d.ts +3 -0
- package/app/Footer/__stories__/FooterWithLogo.js +40 -0
- package/app/Footer/__stories__/FooterWithSecondaryNavigation.d.ts +3 -0
- package/app/Footer/__stories__/FooterWithSecondaryNavigation.js +50 -0
- package/app/Header/Header.stories.d.ts +6 -6
- package/app/Header/Header.stories.js +59 -64
- package/app/Header/HeaderLogo.d.ts +1 -1
- package/app/Header/HeaderSecondaryLogo.d.ts +3 -0
- package/app/Header/HeaderSecondaryLogo.js +19 -0
- package/app/Header/HeaderSubtitle.d.ts +3 -0
- package/app/Header/HeaderSubtitle.js +19 -0
- package/app/Header/__snapshots__/index.spec.tsx.snap +3 -0
- package/app/Header/__stories__/Default.d.ts +3 -0
- package/app/Header/__stories__/Default.js +31 -0
- package/app/Header/__stories__/WithNavigation.d.ts +3 -0
- package/app/Header/__stories__/WithNavigation.js +39 -0
- package/app/Header/__stories__/WithServiceName.d.ts +3 -0
- package/app/Header/__stories__/WithServiceName.js +33 -0
- package/app/Header/__stories__/WithServiceNameAndLogo.d.ts +3 -0
- package/app/Header/__stories__/WithServiceNameAndLogo.js +38 -0
- package/app/Header/index.d.ts +3 -3
- package/app/Header/index.js +3 -3
- package/app/Header/index.mdx +4 -16
- package/app/Header/index.spec.js +2 -1
- package/app/I18nText.js +0 -2
- package/app/NotFound/NotFound.stories.d.ts +7 -0
- package/app/NotFound/NotFound.stories.js +30 -0
- package/app/NotFound/__stories__/Default.d.ts +3 -0
- package/app/NotFound/__stories__/Default.js +22 -0
- package/app/PhaseBannerHeader/PhaseBannerHeader.stories.d.ts +6 -0
- package/app/PhaseBannerHeader/PhaseBannerHeader.stories.js +30 -0
- package/app/PhaseBannerHeader/__stories__/Default.d.ts +3 -0
- package/app/PhaseBannerHeader/__stories__/Default.js +25 -0
- package/app/{PhaseBannerHeader.d.ts → PhaseBannerHeader/index.d.ts} +0 -0
- package/app/{PhaseBannerHeader.js → PhaseBannerHeader/index.js} +0 -0
- package/app/QrCodeScanner/QrCodeScanner.stories.d.ts +7 -0
- package/app/QrCodeScanner/QrCodeScanner.stories.js +30 -0
- package/app/QrCodeScanner/__stories__/Default.d.ts +3 -0
- package/app/QrCodeScanner/__stories__/Default.js +74 -0
- package/app/QrCodeScanner/index.d.ts +1 -3
- package/app/QrCodeScanner/index.js +10 -3
- package/app/index.d.ts +0 -1
- package/app/index.js +0 -13
- package/core/Accordion/Accordion.stories.d.ts +7 -0
- package/core/Accordion/Accordion.stories.js +44 -0
- package/core/Accordion/__stories__/Default.d.ts +3 -0
- package/core/Accordion/__stories__/Default.js +34 -0
- package/core/Accordion/__stories__/WithHints.d.ts +3 -0
- package/core/Accordion/__stories__/WithHints.js +36 -0
- package/core/BackLink/BackLink.stories.d.ts +7 -0
- package/core/BackLink/BackLink.stories.js +30 -0
- package/core/BackLink/__stories__/Default.d.ts +3 -0
- package/core/BackLink/__stories__/Default.js +24 -0
- package/core/BackLink/index.d.ts +3 -0
- package/core/BackLink/index.js +30 -0
- package/core/Blockquote/Blockquote.stories.d.ts +7 -0
- package/core/Blockquote/Blockquote.stories.js +30 -0
- package/core/Blockquote/__stories__/Default.d.ts +3 -0
- package/core/Blockquote/__stories__/Default.js +22 -0
- package/core/Breadcrumbs/Breadcrumbs.stories.d.ts +7 -0
- package/core/Breadcrumbs/Breadcrumbs.stories.js +30 -0
- package/core/Breadcrumbs/__stories__/Default.d.ts +3 -0
- package/core/Breadcrumbs/__stories__/Default.js +28 -0
- package/core/Breadcrumbs/index.d.ts +2 -0
- package/core/Breadcrumbs/index.js +16 -2
- package/core/Button/Button.mdx +8 -3
- package/core/Button/Button.stories.d.ts +10 -10
- package/core/Button/__stories__/GroupingButtonsAndLinks.d.ts +0 -4
- package/core/Button/__stories__/GroupingButtonsAndLinks.js +4 -18
- package/core/Button/__stories__/Primary.d.ts +5 -1
- package/core/Button/__stories__/Primary.js +1 -1
- package/core/Button/__stories__/Secondary.d.ts +5 -1
- package/core/Button/__stories__/Warning.d.ts +2 -1
- package/core/Card/Card.stories.d.ts +14 -0
- package/core/Card/Card.stories.js +128 -0
- package/core/Card/__stories__/Default.d.ts +3 -0
- package/core/Card/__stories__/Default.js +30 -0
- package/core/Card/__stories__/WithClickableContent.d.ts +3 -0
- package/core/Card/__stories__/WithClickableContent.js +34 -0
- package/core/Card/__stories__/WithClickableLink.d.ts +3 -0
- package/core/Card/__stories__/WithClickableLink.js +34 -0
- package/core/Card/__stories__/WithDarkBorder.d.ts +3 -0
- package/core/Card/__stories__/WithDarkBorder.js +33 -0
- package/core/Card/__stories__/WithDarkTopBorder.d.ts +3 -0
- package/core/Card/__stories__/WithDarkTopBorder.js +33 -0
- package/core/Card/__stories__/WithDivider.d.ts +3 -0
- package/core/Card/__stories__/WithDivider.js +32 -0
- package/core/Card/__stories__/WithGrayBorder.d.ts +3 -0
- package/core/Card/__stories__/WithGrayBorder.js +33 -0
- package/core/Card/__stories__/WithGrayTopBorder.d.ts +3 -0
- package/core/Card/__stories__/WithGrayTopBorder.js +33 -0
- package/core/Checkboxes/Checkbox.stories.d.ts +12 -0
- package/core/Checkboxes/Checkbox.stories.js +100 -0
- package/core/Checkboxes/__stories__/ConditionalReveal.d.ts +3 -0
- package/core/Checkboxes/__stories__/ConditionalReveal.js +44 -0
- package/core/Checkboxes/__stories__/Default.d.ts +3 -0
- package/core/Checkboxes/__stories__/Default.js +41 -0
- package/core/Checkboxes/__stories__/MultipleQuestions.d.ts +3 -0
- package/core/Checkboxes/__stories__/MultipleQuestions.js +43 -0
- package/core/Checkboxes/__stories__/NoneAnswer.d.ts +3 -0
- package/core/Checkboxes/__stories__/NoneAnswer.js +43 -0
- package/core/Checkboxes/__stories__/WithErrorMessage.d.ts +3 -0
- package/core/Checkboxes/__stories__/WithErrorMessage.js +44 -0
- package/core/Checkboxes/__stories__/WithHint.d.ts +3 -0
- package/core/Checkboxes/__stories__/WithHint.js +41 -0
- package/core/Checkboxes/index.d.ts +5 -0
- package/core/Checkboxes/index.js +58 -0
- package/core/Confirmation/Confirmation.stories.d.ts +7 -0
- package/core/Confirmation/Confirmation.stories.js +30 -0
- package/core/Confirmation/__stories__/Default.d.ts +3 -0
- package/core/Confirmation/__stories__/Default.js +28 -0
- package/core/Confirmation/index.d.ts +5 -0
- package/core/Confirmation/index.js +58 -0
- package/core/DateInput/DateInput.stories.d.ts +9 -0
- package/core/DateInput/DateInput.stories.js +58 -0
- package/core/DateInput/__stories__/Default.d.ts +3 -0
- package/core/DateInput/__stories__/Default.js +39 -0
- package/core/DateInput/__stories__/WithErrorMessage.d.ts +3 -0
- package/core/DateInput/__stories__/WithErrorMessage.js +48 -0
- package/core/DateInput/__stories__/WithErrorMessageForSingleField.d.ts +3 -0
- package/core/DateInput/__stories__/WithErrorMessageForSingleField.js +46 -0
- package/core/DateInput/index.d.ts +4 -0
- package/core/DateInput/index.js +44 -0
- package/core/Details/Details.stories.d.ts +7 -0
- package/core/Details/Details.stories.js +30 -0
- package/core/Details/__stories__/Default.d.ts +3 -0
- package/core/Details/__stories__/Default.js +28 -0
- package/core/Divider/Divider.stories.d.ts +7 -0
- package/core/Divider/Divider.stories.js +32 -0
- package/core/Divider/__stories__/Default.d.ts +3 -0
- package/core/Divider/__stories__/Default.js +39 -0
- package/core/ErrorMessage/ErrorMessage.stories.d.ts +7 -0
- package/core/ErrorMessage/ErrorMessage.stories.js +30 -0
- package/core/ErrorMessage/__stories__/Default.d.ts +3 -0
- package/core/ErrorMessage/__stories__/Default.js +44 -0
- package/core/ErrorMessage/index.d.ts +3 -0
- package/core/ErrorMessage/index.js +30 -0
- package/core/ErrorSummary/ErrorSummary.stories.d.ts +10 -0
- package/core/ErrorSummary/ErrorSummary.stories.js +72 -0
- package/core/ErrorSummary/__stories__/Default.d.ts +3 -0
- package/core/ErrorSummary/__stories__/Default.js +28 -0
- package/core/ErrorSummary/__stories__/LinkedToCheckbox.d.ts +3 -0
- package/core/ErrorSummary/__stories__/LinkedToCheckbox.js +58 -0
- package/core/ErrorSummary/__stories__/LinkedToField.d.ts +3 -0
- package/core/ErrorSummary/__stories__/LinkedToField.js +59 -0
- package/core/ErrorSummary/__stories__/LinkedToInput.d.ts +3 -0
- package/core/ErrorSummary/__stories__/LinkedToInput.js +54 -0
- package/core/Field/index.d.ts +5 -0
- package/core/Field/index.js +58 -0
- package/core/FileUpload/FileUpload.stories.d.ts +8 -0
- package/core/FileUpload/FileUpload.stories.js +44 -0
- package/core/FileUpload/__stories__/Default.d.ts +2 -0
- package/core/FileUpload/__stories__/Default.js +32 -0
- package/core/FileUpload/__stories__/WithErrorMessage.d.ts +3 -0
- package/core/FileUpload/__stories__/WithErrorMessage.js +40 -0
- package/core/Link/Link.stories.d.ts +11 -0
- package/core/Link/Link.stories.js +86 -0
- package/core/Link/__stories__/DarkBackground.d.ts +3 -0
- package/core/Link/__stories__/DarkBackground.js +28 -0
- package/core/Link/__stories__/DarkBackgroundNoUnderline.d.ts +3 -0
- package/core/Link/__stories__/DarkBackgroundNoUnderline.js +29 -0
- package/core/Link/__stories__/Default.d.ts +3 -0
- package/core/Link/__stories__/Default.js +24 -0
- package/core/Link/__stories__/NoUnderline.d.ts +3 -0
- package/core/Link/__stories__/NoUnderline.js +25 -0
- package/core/Link/__stories__/OpensInNewTab.d.ts +3 -0
- package/core/Link/__stories__/OpensInNewTab.js +26 -0
- package/core/List/List.stories.d.ts +9 -0
- package/core/List/List.stories.js +72 -0
- package/core/List/__stories__/BulletList.d.ts +3 -0
- package/core/List/__stories__/BulletList.js +30 -0
- package/core/List/__stories__/Default.d.ts +3 -0
- package/core/List/__stories__/Default.js +30 -0
- package/core/List/__stories__/NumberedList.d.ts +3 -0
- package/core/List/__stories__/NumberedList.js +30 -0
- package/core/List/__stories__/WithExtraSpace.d.ts +3 -0
- package/core/List/__stories__/WithExtraSpace.js +30 -0
- package/core/Masthead/Masthead.stories.d.ts +7 -0
- package/core/Masthead/Masthead.stories.js +30 -0
- package/core/Masthead/__stories__/Default.d.ts +3 -0
- package/core/Masthead/__stories__/Default.js +32 -0
- package/core/Masthead/index.d.ts +4 -0
- package/core/Masthead/index.js +44 -0
- package/core/NotificationBanner/NotificationBanner.stories.d.ts +8 -0
- package/core/NotificationBanner/NotificationBanner.stories.js +44 -0
- package/core/NotificationBanner/__stories__/Default.d.ts +3 -0
- package/core/NotificationBanner/__stories__/Default.js +26 -0
- package/core/NotificationBanner/__stories__/Success.d.ts +3 -0
- package/core/NotificationBanner/__stories__/Success.js +27 -0
- package/core/NotificationBanner/index.d.ts +1 -1
- package/core/NotificationBanner/index.js +6 -3
- package/core/NotificationBanner/index.spec.js +1 -1
- package/core/PhaseBanner/PhaseBanner.stories.d.ts +7 -0
- package/core/PhaseBanner/PhaseBanner.stories.js +30 -0
- package/core/PhaseBanner/__stories__/Default.d.ts +3 -0
- package/core/PhaseBanner/__stories__/Default.js +32 -0
- package/core/PhaseBanner/index.d.ts +6 -0
- package/core/PhaseBanner/index.js +72 -0
- package/core/Radios/Radios.stories.d.ts +13 -0
- package/core/Radios/Radios.stories.js +114 -0
- package/core/Radios/__stories__/ConditionalReveal.d.ts +3 -0
- package/core/Radios/__stories__/ConditionalReveal.js +44 -0
- package/core/Radios/__stories__/Default.d.ts +3 -0
- package/core/Radios/__stories__/Default.js +44 -0
- package/core/Radios/__stories__/Inline.d.ts +3 -0
- package/core/Radios/__stories__/Inline.js +40 -0
- package/core/Radios/__stories__/MultipleQuestions.d.ts +3 -0
- package/core/Radios/__stories__/MultipleQuestions.js +46 -0
- package/core/Radios/__stories__/NoneAnswer.d.ts +3 -0
- package/core/Radios/__stories__/NoneAnswer.js +41 -0
- package/core/Radios/__stories__/WithErrorMessage.d.ts +3 -0
- package/core/Radios/__stories__/WithErrorMessage.js +44 -0
- package/core/Radios/__stories__/WithHints.d.ts +3 -0
- package/core/Radios/__stories__/WithHints.js +40 -0
- package/core/Radios/index.d.ts +5 -0
- package/core/Radios/index.js +58 -0
- package/core/Select/Select.stories.d.ts +8 -0
- package/core/Select/Select.stories.js +44 -0
- package/core/Select/__stories__/Default.d.ts +3 -0
- package/core/Select/__stories__/Default.js +43 -0
- package/core/Select/__stories__/DisabledInput.d.ts +3 -0
- package/core/Select/__stories__/DisabledInput.js +43 -0
- package/core/Select/index.d.ts +4 -0
- package/core/Select/index.js +44 -0
- package/core/SummaryList/SummaryList.stories.d.ts +8 -0
- package/core/SummaryList/SummaryList.stories.js +60 -0
- package/core/SummaryList/__stories__/Default.d.ts +3 -0
- package/core/SummaryList/__stories__/Default.js +28 -0
- package/core/SummaryList/__stories__/SummaryListWithActions.d.ts +3 -0
- package/core/SummaryList/__stories__/SummaryListWithActions.js +44 -0
- package/core/SummaryList/__stories__/SummaryListWithoutBorders.d.ts +3 -0
- package/core/SummaryList/__stories__/SummaryListWithoutBorders.js +30 -0
- package/core/Table/Table.stories.d.ts +17 -0
- package/core/Table/Table.stories.js +186 -0
- package/core/Table/__stories__/DarkVariant.d.ts +3 -0
- package/core/Table/__stories__/DarkVariant.js +24 -0
- package/core/Table/__stories__/DarkVariantWithVerticalHeaders.d.ts +3 -0
- package/core/Table/__stories__/DarkVariantWithVerticalHeaders.js +24 -0
- package/core/Table/__stories__/Default.d.ts +3 -0
- package/core/Table/__stories__/Default.js +22 -0
- package/core/Table/__stories__/DefinedWidth.d.ts +3 -0
- package/core/Table/__stories__/DefinedWidth.js +28 -0
- package/core/Table/__stories__/Densed.d.ts +3 -0
- package/core/Table/__stories__/Densed.js +26 -0
- package/core/Table/__stories__/MultipleProps.d.ts +3 -0
- package/core/Table/__stories__/MultipleProps.js +58 -0
- package/core/Table/__stories__/NoData.d.ts +3 -0
- package/core/Table/__stories__/NoData.js +22 -0
- package/core/Table/__stories__/NumericDataType.d.ts +3 -0
- package/core/Table/__stories__/NumericDataType.js +46 -0
- package/core/Table/__stories__/VerticalBorders.d.ts +3 -0
- package/core/Table/__stories__/VerticalBorders.js +24 -0
- package/core/Table/__stories__/VerticalHeaders.d.ts +3 -0
- package/core/Table/__stories__/VerticalHeaders.js +22 -0
- package/core/Table/__stories__/WithHeader.d.ts +3 -0
- package/core/Table/__stories__/WithHeader.js +67 -0
- package/core/Table/__stories__/WithLoader.d.ts +3 -0
- package/core/Table/__stories__/WithLoader.js +103 -0
- package/core/Table/__stories__/ZebraProp.d.ts +3 -0
- package/core/Table/__stories__/ZebraProp.js +24 -0
- package/core/Tabs/Tabs.stories.d.ts +6 -0
- package/core/Tabs/Tabs.stories.js +30 -0
- package/core/Tabs/__stories__/Default.d.ts +2 -0
- package/core/Tabs/__stories__/Default.js +48 -0
- package/core/Tabs/index.js +21 -1
- package/core/TextArea/TextArea.stories.d.ts +13 -0
- package/core/TextArea/TextArea.stories.js +114 -0
- package/core/TextArea/__stories__/Default.d.ts +3 -0
- package/core/TextArea/__stories__/Default.js +32 -0
- package/core/TextArea/__stories__/DisabledInput.d.ts +3 -0
- package/core/TextArea/__stories__/DisabledInput.js +35 -0
- package/core/TextArea/__stories__/LimitedCharacters.d.ts +3 -0
- package/core/TextArea/__stories__/LimitedCharacters.js +34 -0
- package/core/TextArea/__stories__/MultipleQuestions.d.ts +3 -0
- package/core/TextArea/__stories__/MultipleQuestions.js +30 -0
- package/core/TextArea/__stories__/WithDeclaredRows.d.ts +3 -0
- package/core/TextArea/__stories__/WithDeclaredRows.js +35 -0
- package/core/TextArea/__stories__/WithErrorMessage.d.ts +3 -0
- package/core/TextArea/__stories__/WithErrorMessage.js +39 -0
- package/core/TextArea/__stories__/WithHint.d.ts +3 -0
- package/core/TextArea/__stories__/WithHint.js +34 -0
- package/core/TextArea/index.d.ts +3 -0
- package/core/TextArea/index.js +30 -0
- package/core/TextInput/TextInput.stories.d.ts +14 -0
- package/core/TextInput/TextInput.stories.js +128 -0
- package/core/TextInput/__stories__/AskingForNumbers.d.ts +3 -0
- package/core/TextInput/__stories__/AskingForNumbers.js +36 -0
- package/core/TextInput/__stories__/Default.d.ts +3 -0
- package/core/TextInput/__stories__/Default.js +32 -0
- package/core/TextInput/__stories__/DisabledInput.d.ts +3 -0
- package/core/TextInput/__stories__/DisabledInput.js +35 -0
- package/core/TextInput/__stories__/FixedWidths.d.ts +3 -0
- package/core/TextInput/__stories__/FixedWidths.js +68 -0
- package/core/TextInput/__stories__/FluidWidths.d.ts +3 -0
- package/core/TextInput/__stories__/FluidWidths.js +68 -0
- package/core/TextInput/__stories__/MultipleQuestions.d.ts +3 -0
- package/core/TextInput/__stories__/MultipleQuestions.js +28 -0
- package/core/TextInput/__stories__/WithErrorMessage.d.ts +3 -0
- package/core/TextInput/__stories__/WithErrorMessage.js +39 -0
- package/core/TextInput/__stories__/WithHint.d.ts +3 -0
- package/core/TextInput/__stories__/WithHint.js +34 -0
- package/core/TextInput/index.d.ts +3 -0
- package/core/TextInput/index.js +30 -0
- package/core/VisuallyHidden/VisuallyHidden.stories.d.ts +7 -0
- package/core/VisuallyHidden/VisuallyHidden.stories.js +30 -0
- package/core/VisuallyHidden/__stories__/Default.d.ts +3 -0
- package/core/VisuallyHidden/__stories__/Default.js +26 -0
- package/core/VisuallyHidden/index.d.ts +2 -0
- package/core/VisuallyHidden/index.js +14 -2
- package/core/WarningText/WarningText.stories.d.ts +6 -0
- package/core/WarningText/WarningText.stories.js +30 -0
- package/core/WarningText/__stories__/Default.d.ts +3 -0
- package/core/WarningText/__stories__/Default.js +22 -0
- package/core/index.d.ts +8 -3
- package/core/index.js +78 -22
- package/es/admin/CircularProgress/CircularProgress.stories.js +6 -0
- package/es/admin/CircularProgress/__stories__/Default.js +11 -0
- package/es/{app/CopyToClipboard.js → admin/CopyToClipboard/index.js} +0 -0
- package/es/admin/Drawer/Drawer.stories.js +6 -0
- package/es/admin/Drawer/__stories__/Default.js +83 -0
- package/es/admin/Pagination/Pagination.stories.js +6 -0
- package/es/admin/Pagination/__stories__/Default.js +116 -0
- package/es/admin/Pagination/index.js +17 -0
- package/es/app/Confirmation/Confirmation.stories.js +6 -0
- package/es/app/Confirmation/__stories__/Default.js +9 -0
- package/es/app/Confirmation/index.js +5 -3
- package/es/app/CopyToClipboard/CopyToClipboard.stories.js +6 -0
- package/es/app/CopyToClipboard/__stories__/Default.js +118 -0
- package/{esm/app/CopyToClipboard.js → es/app/CopyToClipboard/index.js} +0 -0
- package/es/app/Footer/Footer.stories.js +11 -0
- package/es/app/Footer/__stories__/Default.js +9 -0
- package/es/app/Footer/__stories__/FooterAllInclusive.js +30 -0
- package/es/app/Footer/__stories__/FooterWithLink.js +23 -0
- package/es/app/Footer/__stories__/FooterWithLogo.js +23 -0
- package/es/app/Footer/__stories__/FooterWithSecondaryNavigation.js +32 -0
- package/es/app/Header/Header.stories.js +6 -47
- package/es/app/Header/HeaderSecondaryLogo.js +3 -0
- package/es/app/Header/HeaderSubtitle.js +3 -0
- package/es/app/Header/__snapshots__/index.spec.tsx.snap +3 -0
- package/es/app/Header/__stories__/Default.js +15 -0
- package/es/app/Header/__stories__/WithNavigation.js +20 -0
- package/es/app/Header/__stories__/WithServiceName.js +16 -0
- package/es/app/Header/__stories__/WithServiceNameAndLogo.js +20 -0
- package/es/app/Header/index.js +3 -3
- package/es/app/Header/index.mdx +4 -16
- package/es/app/Header/index.spec.js +2 -1
- package/es/app/I18nText.js +0 -2
- package/es/app/NotFound/NotFound.stories.js +6 -0
- package/es/app/NotFound/__stories__/Default.js +9 -0
- package/es/app/PhaseBannerHeader/PhaseBannerHeader.stories.js +6 -0
- package/es/app/PhaseBannerHeader/__stories__/Default.js +12 -0
- package/es/app/{PhaseBannerHeader.js → PhaseBannerHeader/index.js} +0 -0
- package/es/app/QrCodeScanner/QrCodeScanner.stories.js +6 -0
- package/es/app/QrCodeScanner/__stories__/Default.js +52 -0
- package/es/app/QrCodeScanner/index.js +7 -3
- package/es/app/index.js +0 -1
- package/es/core/Accordion/Accordion.stories.js +7 -0
- package/es/core/Accordion/__stories__/Default.js +12 -0
- package/es/core/Accordion/__stories__/WithHints.js +13 -0
- package/es/core/BackLink/BackLink.stories.js +6 -0
- package/es/core/BackLink/__stories__/Default.js +11 -0
- package/es/core/BackLink/index.js +3 -0
- package/es/core/Blockquote/Blockquote.stories.js +6 -0
- package/es/core/Blockquote/__stories__/Default.js +9 -0
- package/es/core/Breadcrumbs/Breadcrumbs.stories.js +6 -0
- package/es/core/Breadcrumbs/__stories__/Default.js +9 -0
- package/es/core/Breadcrumbs/index.js +3 -1
- package/es/core/Button/Button.mdx +8 -3
- package/es/core/Button/__stories__/GroupingButtonsAndLinks.js +3 -14
- package/es/core/Button/__stories__/Primary.js +1 -1
- package/es/core/Card/Card.stories.js +13 -0
- package/es/core/Card/__stories__/Default.js +10 -0
- package/es/core/Card/__stories__/WithClickableContent.js +14 -0
- package/es/core/Card/__stories__/WithClickableLink.js +13 -0
- package/es/core/Card/__stories__/WithDarkBorder.js +13 -0
- package/es/core/Card/__stories__/WithDarkTopBorder.js +13 -0
- package/es/core/Card/__stories__/WithDivider.js +12 -0
- package/es/core/Card/__stories__/WithGrayBorder.js +13 -0
- package/es/core/Card/__stories__/WithGrayTopBorder.js +13 -0
- package/es/core/Checkboxes/Checkbox.stories.js +11 -0
- package/es/core/Checkboxes/__stories__/ConditionalReveal.js +22 -0
- package/es/core/Checkboxes/__stories__/Default.js +20 -0
- package/es/core/Checkboxes/__stories__/MultipleQuestions.js +22 -0
- package/es/core/Checkboxes/__stories__/NoneAnswer.js +22 -0
- package/es/core/Checkboxes/__stories__/WithErrorMessage.js +21 -0
- package/es/core/Checkboxes/__stories__/WithHint.js +20 -0
- package/es/core/Checkboxes/index.js +5 -0
- package/es/core/Confirmation/Confirmation.stories.js +6 -0
- package/es/core/Confirmation/__stories__/Default.js +9 -0
- package/es/core/Confirmation/index.js +5 -0
- package/es/core/DateInput/DateInput.stories.js +8 -0
- package/es/core/DateInput/__stories__/Default.js +18 -0
- package/es/core/DateInput/__stories__/WithErrorMessage.js +25 -0
- package/es/core/DateInput/__stories__/WithErrorMessageForSingleField.js +23 -0
- package/es/core/DateInput/index.js +4 -0
- package/es/core/Details/Details.stories.js +6 -0
- package/es/core/Details/__stories__/Default.js +9 -0
- package/es/core/Divider/Divider.stories.js +7 -0
- package/es/core/Divider/__stories__/Default.js +26 -0
- package/es/core/ErrorMessage/ErrorMessage.stories.js +6 -0
- package/es/core/ErrorMessage/__stories__/Default.js +21 -0
- package/es/core/ErrorMessage/index.js +3 -0
- package/es/core/ErrorSummary/ErrorSummary.stories.js +9 -0
- package/es/core/ErrorSummary/__stories__/Default.js +13 -0
- package/es/core/ErrorSummary/__stories__/LinkedToCheckbox.js +32 -0
- package/es/core/ErrorSummary/__stories__/LinkedToField.js +33 -0
- package/es/core/ErrorSummary/__stories__/LinkedToInput.js +32 -0
- package/es/core/Field/index.js +5 -0
- package/es/core/FileUpload/FileUpload.stories.js +7 -0
- package/es/core/FileUpload/__stories__/Default.js +12 -0
- package/es/core/FileUpload/__stories__/WithErrorMessage.js +17 -0
- package/es/core/Link/Link.stories.js +10 -0
- package/es/core/Link/__stories__/DarkBackground.js +13 -0
- package/es/core/Link/__stories__/DarkBackgroundNoUnderline.js +14 -0
- package/es/core/Link/__stories__/Default.js +11 -0
- package/es/core/Link/__stories__/NoUnderline.js +12 -0
- package/es/core/Link/__stories__/OpensInNewTab.js +13 -0
- package/es/core/List/List.stories.js +9 -0
- package/es/core/List/__stories__/BulletList.js +11 -0
- package/es/core/List/__stories__/Default.js +10 -0
- package/es/core/List/__stories__/NumberedList.js +11 -0
- package/es/core/List/__stories__/WithExtraSpace.js +11 -0
- package/es/core/Masthead/Masthead.stories.js +6 -0
- package/es/core/Masthead/__stories__/Default.js +11 -0
- package/es/core/Masthead/index.js +4 -0
- package/es/core/NotificationBanner/NotificationBanner.stories.js +7 -0
- package/es/core/NotificationBanner/__stories__/Default.js +12 -0
- package/es/core/NotificationBanner/__stories__/Success.js +13 -0
- package/es/core/NotificationBanner/index.js +6 -3
- package/es/core/NotificationBanner/index.spec.js +1 -1
- package/es/core/PhaseBanner/PhaseBanner.stories.js +6 -0
- package/es/core/PhaseBanner/__stories__/Default.js +12 -0
- package/es/core/PhaseBanner/index.js +6 -0
- package/es/core/Radios/Radios.stories.js +12 -0
- package/es/core/Radios/__stories__/ConditionalReveal.js +22 -0
- package/es/core/Radios/__stories__/Default.js +23 -0
- package/es/core/Radios/__stories__/Inline.js +19 -0
- package/es/core/Radios/__stories__/MultipleQuestions.js +25 -0
- package/es/core/Radios/__stories__/NoneAnswer.js +21 -0
- package/es/core/Radios/__stories__/WithErrorMessage.js +21 -0
- package/es/core/Radios/__stories__/WithHints.js +19 -0
- package/es/core/Radios/index.js +5 -0
- package/es/core/Select/Select.stories.js +7 -0
- package/es/core/Select/__stories__/Default.js +21 -0
- package/es/core/Select/__stories__/DisabledInput.js +22 -0
- package/es/core/Select/index.js +4 -0
- package/es/core/SummaryList/SummaryList.stories.js +9 -0
- package/es/core/SummaryList/__stories__/Default.js +9 -0
- package/es/core/SummaryList/__stories__/SummaryListWithActions.js +21 -0
- package/es/core/SummaryList/__stories__/SummaryListWithoutBorders.js +11 -0
- package/es/core/Table/Table.stories.js +18 -0
- package/es/core/Table/__stories__/DarkVariant.js +11 -0
- package/es/core/Table/__stories__/DarkVariantWithVerticalHeaders.js +11 -0
- package/es/core/Table/__stories__/Default.js +9 -0
- package/es/core/Table/__stories__/DefinedWidth.js +15 -0
- package/es/core/Table/__stories__/Densed.js +13 -0
- package/es/core/Table/__stories__/MultipleProps.js +45 -0
- package/es/core/Table/__stories__/NoData.js +9 -0
- package/es/core/Table/__stories__/NumericDataType.js +33 -0
- package/es/core/Table/__stories__/VerticalBorders.js +11 -0
- package/es/core/Table/__stories__/VerticalHeaders.js +9 -0
- package/es/core/Table/__stories__/WithHeader.js +53 -0
- package/es/core/Table/__stories__/WithLoader.js +81 -0
- package/es/core/Table/__stories__/ZebraProp.js +11 -0
- package/es/core/Tabs/Tabs.stories.js +6 -0
- package/es/core/Tabs/__stories__/Default.js +28 -0
- package/es/core/Tabs/index.js +22 -2
- package/es/core/TextArea/TextArea.stories.js +12 -0
- package/es/core/TextArea/__stories__/Default.js +16 -0
- package/es/core/TextArea/__stories__/DisabledInput.js +18 -0
- package/es/core/TextArea/__stories__/LimitedCharacters.js +17 -0
- package/es/core/TextArea/__stories__/MultipleQuestions.js +14 -0
- package/es/core/TextArea/__stories__/WithDeclaredRows.js +18 -0
- package/es/core/TextArea/__stories__/WithErrorMessage.js +21 -0
- package/es/core/TextArea/__stories__/WithHint.js +17 -0
- package/es/core/TextArea/index.js +3 -0
- package/es/core/TextInput/TextInput.stories.js +13 -0
- package/es/core/TextInput/__stories__/AskingForNumbers.js +19 -0
- package/es/core/TextInput/__stories__/Default.js +16 -0
- package/es/core/TextInput/__stories__/DisabledInput.js +18 -0
- package/es/core/TextInput/__stories__/FixedWidths.js +52 -0
- package/es/core/TextInput/__stories__/FluidWidths.js +52 -0
- package/es/core/TextInput/__stories__/MultipleQuestions.js +13 -0
- package/es/core/TextInput/__stories__/WithErrorMessage.js +21 -0
- package/es/core/TextInput/__stories__/WithHint.js +17 -0
- package/es/core/TextInput/index.js +3 -0
- package/es/core/VisuallyHidden/VisuallyHidden.stories.js +6 -0
- package/es/core/VisuallyHidden/__stories__/Default.js +12 -0
- package/es/core/VisuallyHidden/index.js +3 -1
- package/es/core/WarningText/WarningText.stories.js +6 -0
- package/es/core/WarningText/__stories__/Default.js +9 -0
- package/es/core/index.js +9 -4
- package/es/hooks/useTogglableSections.js +7 -1
- package/es/index.js +1 -2
- package/es/layouts/Basic/Basic.stories.js +9 -0
- package/es/layouts/Basic/__stories__/Default.js +10 -0
- package/es/layouts/Basic/__stories__/MultipleRowsLayout.js +12 -0
- package/es/layouts/Basic/__stories__/TwoThirdsOneThirdColumns.js +12 -0
- package/es/layouts/Grid/Grid.stories.js +6 -0
- package/es/layouts/Grid/__stories__/Default.js +58 -0
- package/es/locales/el.js +3 -0
- package/es/locales/en.js +3 -0
- package/es/registry.js +251 -0
- package/es/themes/grnet.js +2 -1
- package/es/typography/Caption/Caption.stories.js +7 -0
- package/es/typography/Caption/__stories__/Default.js +35 -0
- package/es/typography/Caption/__stories__/NestedToTitle.js +15 -0
- package/es/typography/{Caption.js → Caption/index.js} +0 -0
- package/es/typography/Hint/Hint.stories.js +7 -0
- package/es/typography/Hint/__stories__/Default.js +9 -0
- package/es/typography/Hint/__stories__/FontSizes.js +21 -0
- package/es/typography/{Hint.js → Hint/index.js} +0 -0
- package/es/typography/NormalText/NormalText.stories.js +9 -0
- package/es/typography/NormalText/__stories__/Default.js +9 -0
- package/es/typography/NormalText/__stories__/FontSizes.js +48 -0
- package/es/typography/NormalText/__stories__/FontWeight.js +18 -0
- package/es/typography/NormalText/__stories__/Variants.js +18 -0
- package/es/typography/{NormalText.js → NormalText/index.js} +0 -0
- package/es/typography/Paragraph/Paragraph.stories.js +10 -0
- package/es/typography/Paragraph/__stories__/Default.js +9 -0
- package/es/typography/Paragraph/__stories__/FontSizes.js +35 -0
- package/es/typography/Paragraph/__stories__/FontWeight.js +15 -0
- package/es/typography/Paragraph/__stories__/LeadVariant.js +11 -0
- package/es/typography/Paragraph/__stories__/SmallVariant.js +11 -0
- package/es/typography/{Paragraph.js → Paragraph/index.js} +0 -0
- package/es/typography/Title/Title.stories.js +6 -0
- package/es/typography/Title/__stories__/Default.js +24 -0
- package/es/typography/{Title.js → Title/index.js} +0 -0
- package/esm/admin/CircularProgress/CircularProgress.stories.js +6 -0
- package/esm/admin/CircularProgress/__stories__/Default.js +11 -0
- package/esm/admin/CopyToClipboard/index.js +45 -0
- package/esm/admin/Drawer/Drawer.stories.js +6 -0
- package/esm/admin/Drawer/__stories__/Default.js +83 -0
- package/esm/admin/Pagination/Pagination.stories.js +6 -0
- package/esm/admin/Pagination/__stories__/Default.js +116 -0
- package/esm/admin/Pagination/index.js +17 -0
- package/esm/app/Confirmation/Confirmation.stories.js +6 -0
- package/esm/app/Confirmation/__stories__/Default.js +9 -0
- package/esm/app/Confirmation/index.js +5 -3
- package/esm/app/CopyToClipboard/CopyToClipboard.stories.js +6 -0
- package/esm/app/CopyToClipboard/__stories__/Default.js +118 -0
- package/esm/app/CopyToClipboard/index.js +45 -0
- package/esm/app/Footer/Footer.stories.js +11 -0
- package/esm/app/Footer/__stories__/Default.js +9 -0
- package/esm/app/Footer/__stories__/FooterAllInclusive.js +30 -0
- package/esm/app/Footer/__stories__/FooterWithLink.js +23 -0
- package/esm/app/Footer/__stories__/FooterWithLogo.js +23 -0
- package/esm/app/Footer/__stories__/FooterWithSecondaryNavigation.js +32 -0
- package/esm/app/Header/Header.stories.js +6 -47
- package/esm/app/Header/HeaderSecondaryLogo.js +3 -0
- package/esm/app/Header/HeaderSubtitle.js +3 -0
- package/esm/app/Header/__snapshots__/index.spec.tsx.snap +3 -0
- package/esm/app/Header/__stories__/Default.js +15 -0
- package/esm/app/Header/__stories__/WithNavigation.js +20 -0
- package/esm/app/Header/__stories__/WithServiceName.js +16 -0
- package/esm/app/Header/__stories__/WithServiceNameAndLogo.js +20 -0
- package/esm/app/Header/index.js +3 -3
- package/esm/app/Header/index.mdx +4 -16
- package/esm/app/Header/index.spec.js +2 -1
- package/esm/app/I18nText.js +0 -2
- package/esm/app/NotFound/NotFound.stories.js +6 -0
- package/esm/app/NotFound/__stories__/Default.js +9 -0
- package/esm/app/PhaseBannerHeader/PhaseBannerHeader.stories.js +6 -0
- package/esm/app/PhaseBannerHeader/__stories__/Default.js +12 -0
- package/esm/app/{PhaseBannerHeader.js → PhaseBannerHeader/index.js} +0 -0
- package/esm/app/QrCodeScanner/QrCodeScanner.stories.js +6 -0
- package/esm/app/QrCodeScanner/__stories__/Default.js +52 -0
- package/esm/app/QrCodeScanner/index.js +7 -3
- package/esm/app/index.js +0 -1
- package/esm/core/Accordion/Accordion.stories.js +7 -0
- package/esm/core/Accordion/__stories__/Default.js +12 -0
- package/esm/core/Accordion/__stories__/WithHints.js +13 -0
- package/esm/core/BackLink/BackLink.stories.js +6 -0
- package/esm/core/BackLink/__stories__/Default.js +11 -0
- package/esm/core/BackLink/index.js +3 -0
- package/esm/core/Blockquote/Blockquote.stories.js +6 -0
- package/esm/core/Blockquote/__stories__/Default.js +9 -0
- package/esm/core/Breadcrumbs/Breadcrumbs.stories.js +6 -0
- package/esm/core/Breadcrumbs/__stories__/Default.js +9 -0
- package/esm/core/Breadcrumbs/index.js +3 -1
- package/esm/core/Button/Button.mdx +8 -3
- package/esm/core/Button/__stories__/GroupingButtonsAndLinks.js +3 -14
- package/esm/core/Button/__stories__/Primary.js +1 -1
- package/esm/core/Card/Card.stories.js +13 -0
- package/esm/core/Card/__stories__/Default.js +10 -0
- package/esm/core/Card/__stories__/WithClickableContent.js +14 -0
- package/esm/core/Card/__stories__/WithClickableLink.js +13 -0
- package/esm/core/Card/__stories__/WithDarkBorder.js +13 -0
- package/esm/core/Card/__stories__/WithDarkTopBorder.js +13 -0
- package/esm/core/Card/__stories__/WithDivider.js +12 -0
- package/esm/core/Card/__stories__/WithGrayBorder.js +13 -0
- package/esm/core/Card/__stories__/WithGrayTopBorder.js +13 -0
- package/esm/core/Checkboxes/Checkbox.stories.js +11 -0
- package/esm/core/Checkboxes/__stories__/ConditionalReveal.js +22 -0
- package/esm/core/Checkboxes/__stories__/Default.js +20 -0
- package/esm/core/Checkboxes/__stories__/MultipleQuestions.js +22 -0
- package/esm/core/Checkboxes/__stories__/NoneAnswer.js +22 -0
- package/esm/core/Checkboxes/__stories__/WithErrorMessage.js +21 -0
- package/esm/core/Checkboxes/__stories__/WithHint.js +20 -0
- package/esm/core/Checkboxes/index.js +5 -0
- package/esm/core/Confirmation/Confirmation.stories.js +6 -0
- package/esm/core/Confirmation/__stories__/Default.js +9 -0
- package/esm/core/Confirmation/index.js +5 -0
- package/esm/core/DateInput/DateInput.stories.js +8 -0
- package/esm/core/DateInput/__stories__/Default.js +18 -0
- package/esm/core/DateInput/__stories__/WithErrorMessage.js +25 -0
- package/esm/core/DateInput/__stories__/WithErrorMessageForSingleField.js +23 -0
- package/esm/core/DateInput/index.js +4 -0
- package/esm/core/Details/Details.stories.js +6 -0
- package/esm/core/Details/__stories__/Default.js +9 -0
- package/esm/core/Divider/Divider.stories.js +7 -0
- package/esm/core/Divider/__stories__/Default.js +26 -0
- package/esm/core/ErrorMessage/ErrorMessage.stories.js +6 -0
- package/esm/core/ErrorMessage/__stories__/Default.js +21 -0
- package/esm/core/ErrorMessage/index.js +3 -0
- package/esm/core/ErrorSummary/ErrorSummary.stories.js +9 -0
- package/esm/core/ErrorSummary/__stories__/Default.js +13 -0
- package/esm/core/ErrorSummary/__stories__/LinkedToCheckbox.js +32 -0
- package/esm/core/ErrorSummary/__stories__/LinkedToField.js +33 -0
- package/esm/core/ErrorSummary/__stories__/LinkedToInput.js +32 -0
- package/esm/core/Field/index.js +5 -0
- package/esm/core/FileUpload/FileUpload.stories.js +7 -0
- package/esm/core/FileUpload/__stories__/Default.js +12 -0
- package/esm/core/FileUpload/__stories__/WithErrorMessage.js +17 -0
- package/esm/core/Link/Link.stories.js +10 -0
- package/esm/core/Link/__stories__/DarkBackground.js +13 -0
- package/esm/core/Link/__stories__/DarkBackgroundNoUnderline.js +14 -0
- package/esm/core/Link/__stories__/Default.js +11 -0
- package/esm/core/Link/__stories__/NoUnderline.js +12 -0
- package/esm/core/Link/__stories__/OpensInNewTab.js +13 -0
- package/esm/core/List/List.stories.js +9 -0
- package/esm/core/List/__stories__/BulletList.js +11 -0
- package/esm/core/List/__stories__/Default.js +10 -0
- package/esm/core/List/__stories__/NumberedList.js +11 -0
- package/esm/core/List/__stories__/WithExtraSpace.js +11 -0
- package/esm/core/Masthead/Masthead.stories.js +6 -0
- package/esm/core/Masthead/__stories__/Default.js +11 -0
- package/esm/core/Masthead/index.js +4 -0
- package/esm/core/NotificationBanner/NotificationBanner.stories.js +7 -0
- package/esm/core/NotificationBanner/__stories__/Default.js +12 -0
- package/esm/core/NotificationBanner/__stories__/Success.js +13 -0
- package/esm/core/NotificationBanner/index.js +6 -3
- package/esm/core/NotificationBanner/index.spec.js +1 -1
- package/esm/core/PhaseBanner/PhaseBanner.stories.js +6 -0
- package/esm/core/PhaseBanner/__stories__/Default.js +12 -0
- package/esm/core/PhaseBanner/index.js +6 -0
- package/esm/core/Radios/Radios.stories.js +12 -0
- package/esm/core/Radios/__stories__/ConditionalReveal.js +22 -0
- package/esm/core/Radios/__stories__/Default.js +23 -0
- package/esm/core/Radios/__stories__/Inline.js +19 -0
- package/esm/core/Radios/__stories__/MultipleQuestions.js +25 -0
- package/esm/core/Radios/__stories__/NoneAnswer.js +21 -0
- package/esm/core/Radios/__stories__/WithErrorMessage.js +21 -0
- package/esm/core/Radios/__stories__/WithHints.js +19 -0
- package/esm/core/Radios/index.js +5 -0
- package/esm/core/Select/Select.stories.js +7 -0
- package/esm/core/Select/__stories__/Default.js +21 -0
- package/esm/core/Select/__stories__/DisabledInput.js +22 -0
- package/esm/core/Select/index.js +4 -0
- package/esm/core/SummaryList/SummaryList.stories.js +9 -0
- package/esm/core/SummaryList/__stories__/Default.js +9 -0
- package/esm/core/SummaryList/__stories__/SummaryListWithActions.js +21 -0
- package/esm/core/SummaryList/__stories__/SummaryListWithoutBorders.js +11 -0
- package/esm/core/Table/Table.stories.js +18 -0
- package/esm/core/Table/__stories__/DarkVariant.js +11 -0
- package/esm/core/Table/__stories__/DarkVariantWithVerticalHeaders.js +11 -0
- package/esm/core/Table/__stories__/Default.js +9 -0
- package/esm/core/Table/__stories__/DefinedWidth.js +15 -0
- package/esm/core/Table/__stories__/Densed.js +13 -0
- package/esm/core/Table/__stories__/MultipleProps.js +45 -0
- package/esm/core/Table/__stories__/NoData.js +9 -0
- package/esm/core/Table/__stories__/NumericDataType.js +33 -0
- package/esm/core/Table/__stories__/VerticalBorders.js +11 -0
- package/esm/core/Table/__stories__/VerticalHeaders.js +9 -0
- package/esm/core/Table/__stories__/WithHeader.js +53 -0
- package/esm/core/Table/__stories__/WithLoader.js +81 -0
- package/esm/core/Table/__stories__/ZebraProp.js +11 -0
- package/esm/core/Tabs/Tabs.stories.js +6 -0
- package/esm/core/Tabs/__stories__/Default.js +28 -0
- package/esm/core/Tabs/index.js +22 -2
- package/esm/core/TextArea/TextArea.stories.js +12 -0
- package/esm/core/TextArea/__stories__/Default.js +16 -0
- package/esm/core/TextArea/__stories__/DisabledInput.js +18 -0
- package/esm/core/TextArea/__stories__/LimitedCharacters.js +17 -0
- package/esm/core/TextArea/__stories__/MultipleQuestions.js +14 -0
- package/esm/core/TextArea/__stories__/WithDeclaredRows.js +18 -0
- package/esm/core/TextArea/__stories__/WithErrorMessage.js +21 -0
- package/esm/core/TextArea/__stories__/WithHint.js +17 -0
- package/esm/core/TextArea/index.js +3 -0
- package/esm/core/TextInput/TextInput.stories.js +13 -0
- package/esm/core/TextInput/__stories__/AskingForNumbers.js +19 -0
- package/esm/core/TextInput/__stories__/Default.js +16 -0
- package/esm/core/TextInput/__stories__/DisabledInput.js +18 -0
- package/esm/core/TextInput/__stories__/FixedWidths.js +52 -0
- package/esm/core/TextInput/__stories__/FluidWidths.js +52 -0
- package/esm/core/TextInput/__stories__/MultipleQuestions.js +13 -0
- package/esm/core/TextInput/__stories__/WithErrorMessage.js +21 -0
- package/esm/core/TextInput/__stories__/WithHint.js +17 -0
- package/esm/core/TextInput/index.js +3 -0
- package/esm/core/VisuallyHidden/VisuallyHidden.stories.js +6 -0
- package/esm/core/VisuallyHidden/__stories__/Default.js +12 -0
- package/esm/core/VisuallyHidden/index.js +3 -1
- package/esm/core/WarningText/WarningText.stories.js +6 -0
- package/esm/core/WarningText/__stories__/Default.js +9 -0
- package/esm/core/index.js +9 -4
- package/esm/hooks/useTogglableSections.js +7 -1
- package/esm/index.js +2 -3
- package/esm/layouts/Basic/Basic.stories.js +9 -0
- package/esm/layouts/Basic/__stories__/Default.js +10 -0
- package/esm/layouts/Basic/__stories__/MultipleRowsLayout.js +12 -0
- package/esm/layouts/Basic/__stories__/TwoThirdsOneThirdColumns.js +12 -0
- package/esm/layouts/Grid/Grid.stories.js +6 -0
- package/esm/layouts/Grid/__stories__/Default.js +58 -0
- package/esm/locales/el.js +3 -0
- package/esm/locales/en.js +3 -0
- package/esm/registry.js +251 -0
- package/esm/themes/grnet.js +2 -1
- package/esm/typography/Caption/Caption.stories.js +7 -0
- package/esm/typography/Caption/__stories__/Default.js +35 -0
- package/esm/typography/Caption/__stories__/NestedToTitle.js +15 -0
- package/esm/typography/{Caption.js → Caption/index.js} +0 -0
- package/esm/typography/Hint/Hint.stories.js +7 -0
- package/esm/typography/Hint/__stories__/Default.js +9 -0
- package/esm/typography/Hint/__stories__/FontSizes.js +21 -0
- package/esm/typography/{Hint.js → Hint/index.js} +0 -0
- package/esm/typography/NormalText/NormalText.stories.js +9 -0
- package/esm/typography/NormalText/__stories__/Default.js +9 -0
- package/esm/typography/NormalText/__stories__/FontSizes.js +48 -0
- package/esm/typography/NormalText/__stories__/FontWeight.js +18 -0
- package/esm/typography/NormalText/__stories__/Variants.js +18 -0
- package/esm/typography/{NormalText.js → NormalText/index.js} +0 -0
- package/esm/typography/Paragraph/Paragraph.stories.js +10 -0
- package/esm/typography/Paragraph/__stories__/Default.js +9 -0
- package/esm/typography/Paragraph/__stories__/FontSizes.js +35 -0
- package/esm/typography/Paragraph/__stories__/FontWeight.js +15 -0
- package/esm/typography/Paragraph/__stories__/LeadVariant.js +11 -0
- package/esm/typography/Paragraph/__stories__/SmallVariant.js +11 -0
- package/esm/typography/{Paragraph.js → Paragraph/index.js} +0 -0
- package/esm/typography/Title/Title.stories.js +6 -0
- package/esm/typography/Title/__stories__/Default.js +24 -0
- package/esm/typography/{Title.js → Title/index.js} +0 -0
- package/hooks/useTogglableSections.d.ts +3 -2
- package/hooks/useTogglableSections.js +7 -1
- package/index.d.ts +0 -1
- package/index.js +0 -13
- package/layouts/Basic/Basic.stories.d.ts +9 -0
- package/layouts/Basic/Basic.stories.js +60 -0
- package/layouts/Basic/__stories__/Default.d.ts +3 -0
- package/layouts/Basic/__stories__/Default.js +30 -0
- package/layouts/Basic/__stories__/MultipleRowsLayout.d.ts +3 -0
- package/layouts/Basic/__stories__/MultipleRowsLayout.js +32 -0
- package/layouts/Basic/__stories__/TwoThirdsOneThirdColumns.d.ts +3 -0
- package/layouts/Basic/__stories__/TwoThirdsOneThirdColumns.js +32 -0
- package/layouts/Grid/Grid.stories.d.ts +6 -0
- package/layouts/Grid/Grid.stories.js +30 -0
- package/layouts/Grid/__stories__/Default.d.ts +3 -0
- package/layouts/Grid/__stories__/Default.js +71 -0
- package/layouts/Grid/index.d.ts +2 -1
- package/locales/el.d.ts +3 -0
- package/locales/el.js +3 -0
- package/locales/en.d.ts +3 -0
- package/locales/en.js +3 -0
- package/package.json +3 -3
- package/registry.d.ts +121 -0
- package/registry.js +382 -0
- package/themes/grnet.js +2 -1
- package/typography/Caption/Caption.stories.d.ts +8 -0
- package/typography/Caption/Caption.stories.js +44 -0
- package/typography/Caption/__stories__/Default.d.ts +3 -0
- package/typography/Caption/__stories__/Default.js +49 -0
- package/typography/Caption/__stories__/NestedToTitle.d.ts +3 -0
- package/typography/Caption/__stories__/NestedToTitle.js +29 -0
- package/typography/{Caption.d.ts → Caption/index.d.ts} +0 -0
- package/typography/{Caption.js → Caption/index.js} +0 -0
- package/typography/Hint/Hint.stories.d.ts +8 -0
- package/typography/Hint/Hint.stories.js +44 -0
- package/typography/Hint/__stories__/Default.d.ts +3 -0
- package/typography/Hint/__stories__/Default.js +22 -0
- package/typography/Hint/__stories__/FontSizes.d.ts +3 -0
- package/typography/Hint/__stories__/FontSizes.js +34 -0
- package/typography/{Hint.d.ts → Hint/index.d.ts} +0 -0
- package/typography/{Hint.js → Hint/index.js} +0 -0
- package/typography/NormalText/NormalText.stories.d.ts +10 -0
- package/typography/NormalText/NormalText.stories.js +72 -0
- package/typography/NormalText/__stories__/Default.d.ts +3 -0
- package/typography/NormalText/__stories__/Default.js +22 -0
- package/typography/NormalText/__stories__/FontSizes.d.ts +3 -0
- package/typography/NormalText/__stories__/FontSizes.js +62 -0
- package/typography/NormalText/__stories__/FontWeight.d.ts +3 -0
- package/typography/NormalText/__stories__/FontWeight.js +32 -0
- package/typography/NormalText/__stories__/Variants.d.ts +3 -0
- package/typography/NormalText/__stories__/Variants.js +32 -0
- package/typography/{NormalText.d.ts → NormalText/index.d.ts} +0 -0
- package/typography/{NormalText.js → NormalText/index.js} +0 -0
- package/typography/Paragraph/Paragraph.stories.d.ts +11 -0
- package/typography/Paragraph/Paragraph.stories.js +86 -0
- package/typography/Paragraph/__stories__/Default.d.ts +3 -0
- package/typography/Paragraph/__stories__/Default.js +22 -0
- package/typography/Paragraph/__stories__/FontSizes.d.ts +3 -0
- package/typography/Paragraph/__stories__/FontSizes.js +48 -0
- package/typography/Paragraph/__stories__/FontWeight.d.ts +3 -0
- package/typography/Paragraph/__stories__/FontWeight.js +28 -0
- package/typography/Paragraph/__stories__/LeadVariant.d.ts +3 -0
- package/typography/Paragraph/__stories__/LeadVariant.js +24 -0
- package/typography/Paragraph/__stories__/SmallVariant.d.ts +3 -0
- package/typography/Paragraph/__stories__/SmallVariant.js +24 -0
- package/typography/{Paragraph.d.ts → Paragraph/index.d.ts} +0 -0
- package/typography/{Paragraph.js → Paragraph/index.js} +0 -0
- package/typography/Title/Title.stories.d.ts +7 -0
- package/typography/Title/Title.stories.js +30 -0
- package/typography/Title/__stories__/Default.d.ts +3 -0
- package/typography/Title/__stories__/Default.js +37 -0
- package/typography/{Title.d.ts → Title/index.d.ts} +0 -0
- package/typography/{Title.js → Title/index.js} +0 -0
- package/core/PaginationLabel/index.d.ts +0 -21
- package/core/PaginationLabel/index.js +0 -32
- package/core/ServiceBadge/ServiceBadge.mdx +0 -0
- package/es/core/PaginationLabel/index.js +0 -18
- package/es/core/ServiceBadge/ServiceBadge.mdx +0 -0
- package/esm/core/PaginationLabel/index.js +0 -18
- package/esm/core/ServiceBadge/ServiceBadge.mdx +0 -0
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Details, { DetailsSummary, DetailsContent } from '@digigov/ui/core/Details';
|
|
3
|
+
|
|
4
|
+
var _ref = /*#__PURE__*/React.createElement(Details, null, /*#__PURE__*/React.createElement(DetailsSummary, null, "\u0392\u03BF\u03AE\u03B8\u03B5\u03B9\u03B1 \u03BC\u03B5 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03BA\u03B1\u03C4\u03BF\u03B9\u03BA\u03AF\u03B1\u03C2"), /*#__PURE__*/React.createElement(DetailsContent, null, "\u03A7\u03C1\u03B5\u03B9\u03AC\u03B6\u03B5\u03C4\u03B1\u03B9 \u03BD\u03B1 \u03B3\u03BD\u03C9\u03C1\u03AF\u03B6\u03BF\u03C5\u03BC\u03B5 \u03C4\u03B7 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03BA\u03B1\u03C4\u03BF\u03B9\u03BA\u03AF\u03B1\u03C2 \u03C3\u03B1\u03C2 \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03BC\u03C0\u03BF\u03C1\u03BF\u03CD\u03BC\u03B5 \u03BD\u03B1 \u03C3\u03B1\u03C2 \u03C3\u03C4\u03B5\u03AF\u03BB\u03BF\u03C5\u03BC\u03B5 \u03C4\u03B1 \u03AD\u03BD\u03C4\u03C5\u03C0\u03B1 \u03BC\u03AD\u03C3\u03C9 \u03C4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B5\u03AF\u03BF\u03C5. \u03A3\u03B5 \u03C0\u03B5\u03C1\u03AF\u03C0\u03C4\u03C9\u03C3\u03B7 \u03C0\u03BF\u03C5 \u03B4\u03B5\u03BD \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03C0\u03B1\u03C1\u03AD\u03C7\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03AD\u03B3\u03BA\u03C5\u03C1\u03B7 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03BA\u03B1\u03C4\u03BF\u03B9\u03BA\u03AF\u03B1\u03C2, \u03C0\u03B1\u03C1\u03B1\u03BA\u03B1\u03BB\u03BF\u03CD\u03BC\u03B5 \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03BC\u03B1\u03B6\u03AF \u03BC\u03B1\u03C2."));
|
|
5
|
+
|
|
6
|
+
export var Default = function Default() {
|
|
7
|
+
return _ref;
|
|
8
|
+
};
|
|
9
|
+
export default Default;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Divider from '@digigov/ui/core/Divider';
|
|
3
|
+
|
|
4
|
+
var _ref = /*#__PURE__*/React.createElement(Divider, {
|
|
5
|
+
visible: true
|
|
6
|
+
});
|
|
7
|
+
|
|
8
|
+
var _ref2 = /*#__PURE__*/React.createElement(Divider, {
|
|
9
|
+
visible: true,
|
|
10
|
+
size: "m"
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
var _ref3 = /*#__PURE__*/React.createElement(Divider, {
|
|
14
|
+
visible: true,
|
|
15
|
+
size: "l"
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
var _ref4 = /*#__PURE__*/React.createElement(Divider, {
|
|
19
|
+
visible: true,
|
|
20
|
+
size: "xl"
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
export var Default = function Default() {
|
|
24
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3, _ref4);
|
|
25
|
+
};
|
|
26
|
+
export default Default;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Checkboxes, { CheckboxItem } from '@digigov/ui/core/Checkboxes';
|
|
3
|
+
import Field, { Fieldset, FieldsetLegend } from '@digigov/ui/core/Field';
|
|
4
|
+
import ErrorMessage from '@digigov/ui/core/ErrorMessage';
|
|
5
|
+
import Hint from '@digigov/ui/typography/Hint';
|
|
6
|
+
import VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
|
|
7
|
+
|
|
8
|
+
var _ref = /*#__PURE__*/React.createElement(Field, {
|
|
9
|
+
error: true
|
|
10
|
+
}, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u0398\u03B1 \u03C4\u03B1\u03BE\u03B9\u03B4\u03AD\u03C8\u03B5\u03C4\u03B5 \u03C3\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03B1 \u03B1\u03C0\u03CC \u03B1\u03C5\u03C4\u03AD\u03C2 \u03C4\u03B9\u03C2 \u03C7\u03CE\u03C1\u03B5\u03C2;"), /*#__PURE__*/React.createElement(Hint, null, "\u0391\u03BD \u03AD\u03C7\u03B5\u03C4\u03B5 \u03C0\u03BF\u03BB\u03BB\u03B1\u03C0\u03BB\u03AE \u03C5\u03C0\u03B7\u03BA\u03BF\u03CC\u03C4\u03B7\u03C4\u03B1, \u03B5\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9."), /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), " \u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03BC\u03AF\u03B1 \u03AE \u03C0\u03B1\u03C1\u03B1\u03C0\u03AC\u03BD\u03C9 \u03C7\u03CE\u03C1\u03B5\u03C2."), /*#__PURE__*/React.createElement(Checkboxes, null, /*#__PURE__*/React.createElement(CheckboxItem, {
|
|
11
|
+
name: "cold",
|
|
12
|
+
value: "cold"
|
|
13
|
+
}, "\u0391\u03B3\u03B3\u03BB\u03AF\u03B1"), /*#__PURE__*/React.createElement(CheckboxItem, {
|
|
14
|
+
name: "fever",
|
|
15
|
+
value: "fever"
|
|
16
|
+
}, "\u0393\u03B1\u03BB\u03BB\u03AF\u03B1"))));
|
|
17
|
+
|
|
18
|
+
export var Default = function Default() {
|
|
19
|
+
return _ref;
|
|
20
|
+
};
|
|
21
|
+
export default Default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import ErrorSummary from "@digigov/ui/core/ErrorSummary";
|
|
2
|
+
export default {
|
|
3
|
+
title: 'Digigov UI/core/ErrorSummary',
|
|
4
|
+
component: ErrorSummary
|
|
5
|
+
};
|
|
6
|
+
export * from './__stories__/Default';
|
|
7
|
+
export * from './__stories__/LinkedToInput';
|
|
8
|
+
export * from './__stories__/LinkedToField';
|
|
9
|
+
export * from './__stories__/LinkedToCheckbox';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import ErrorSummary from '@digigov/ui/core/ErrorSummary';
|
|
3
|
+
import Title from '@digigov/ui/typography/Title';
|
|
4
|
+
import Link from '@digigov/ui/core/Link';
|
|
5
|
+
|
|
6
|
+
var _ref = /*#__PURE__*/React.createElement(ErrorSummary, null, /*#__PURE__*/React.createElement(Title, {
|
|
7
|
+
size: "sm"
|
|
8
|
+
}, "\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1"), /*#__PURE__*/React.createElement(Link, null, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03AD\u03C4\u03BF\u03C2"));
|
|
9
|
+
|
|
10
|
+
export var Default = function Default() {
|
|
11
|
+
return _ref;
|
|
12
|
+
};
|
|
13
|
+
export default Default;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import ErrorSummary from '@digigov/ui/core/ErrorSummary';
|
|
3
|
+
import Title from '@digigov/ui/typography/Title';
|
|
4
|
+
import Link from '@digigov/ui/core/Link';
|
|
5
|
+
import Hint from '@digigov/ui/typography/Hint';
|
|
6
|
+
import ErrorMessage from "@digigov/ui/core/ErrorMessage";
|
|
7
|
+
import VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
|
|
8
|
+
import Field, { Fieldset, FieldsetLegend } from '@digigov/ui/core/Field';
|
|
9
|
+
import Checkboxes, { CheckboxItem } from '@digigov/ui/core/Checkboxes';
|
|
10
|
+
|
|
11
|
+
var _ref = /*#__PURE__*/React.createElement("div", {
|
|
12
|
+
className: "example"
|
|
13
|
+
}, /*#__PURE__*/React.createElement(ErrorSummary, null, /*#__PURE__*/React.createElement(Title, {
|
|
14
|
+
size: "sm"
|
|
15
|
+
}, "\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1"), /*#__PURE__*/React.createElement(Link, {
|
|
16
|
+
href: "#thisone"
|
|
17
|
+
}, "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03BC\u03AF\u03B1 \u03AE \u03C0\u03B1\u03C1\u03B1\u03C0\u03AC\u03BD\u03C9 \u03C7\u03CE\u03C1\u03B5\u03C2.")), /*#__PURE__*/React.createElement(Field, {
|
|
18
|
+
error: true
|
|
19
|
+
}, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u0398\u03B1 \u03C4\u03B1\u03BE\u03B9\u03B4\u03AD\u03C8\u03B5\u03C4\u03B5 \u03C3\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03B1 \u03B1\u03C0\u03CC \u03B1\u03C5\u03C4\u03AD\u03C2 \u03C4\u03B9\u03C2 \u03C7\u03CE\u03C1\u03B5\u03C2;"), /*#__PURE__*/React.createElement(Hint, null, "\u0391\u03BD \u03AD\u03C7\u03B5\u03C4\u03B5 \u03C0\u03BF\u03BB\u03BB\u03B1\u03C0\u03BB\u03AE \u03C5\u03C0\u03B7\u03BA\u03BF\u03CC\u03C4\u03B7\u03C4\u03B1, \u03B5\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9."), /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), " \u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03BC\u03AF\u03B1 \u03AE \u03C0\u03B1\u03C1\u03B1\u03C0\u03AC\u03BD\u03C9 \u03C7\u03CE\u03C1\u03B5\u03C2."), /*#__PURE__*/React.createElement(Checkboxes, null, /*#__PURE__*/React.createElement(CheckboxItem, {
|
|
20
|
+
name: "england",
|
|
21
|
+
value: "\u0391\u03B3\u03B3\u03BB\u03AF\u03B1",
|
|
22
|
+
id: "england"
|
|
23
|
+
}, "\u0391\u03B3\u03B3\u03BB\u03AF\u03B1"), /*#__PURE__*/React.createElement(CheckboxItem, {
|
|
24
|
+
name: "france",
|
|
25
|
+
value: "\u0393\u03B1\u03BB\u03BB\u03AF\u03B1",
|
|
26
|
+
id: "france"
|
|
27
|
+
}, "\u0393\u03B1\u03BB\u03BB\u03AF\u03B1")))));
|
|
28
|
+
|
|
29
|
+
export var LinkedToCheckbox = function LinkedToCheckbox() {
|
|
30
|
+
return _ref;
|
|
31
|
+
};
|
|
32
|
+
export default LinkedToCheckbox;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import ErrorSummary from '@digigov/ui/core/ErrorSummary';
|
|
3
|
+
import Title from '@digigov/ui/typography/Title';
|
|
4
|
+
import Link from '@digigov/ui/core/Link';
|
|
5
|
+
import Hint from '@digigov/ui/typography/Hint';
|
|
6
|
+
import ErrorMessage from "@digigov/ui/core/ErrorMessage";
|
|
7
|
+
import VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
|
|
8
|
+
import DateInput, { DateInputItem } from '@digigov/ui/core/DateInput';
|
|
9
|
+
import Field, { Fieldset, FieldsetLegend } from '@digigov/ui/core/Field';
|
|
10
|
+
|
|
11
|
+
var _ref = /*#__PURE__*/React.createElement("div", {
|
|
12
|
+
className: "example"
|
|
13
|
+
}, /*#__PURE__*/React.createElement(ErrorSummary, null, /*#__PURE__*/React.createElement(Title, {
|
|
14
|
+
size: "sm"
|
|
15
|
+
}, "\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1"), /*#__PURE__*/React.createElement(Link, {
|
|
16
|
+
href: "#passport-date"
|
|
17
|
+
}, "\u0397 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03AD\u03BA\u03B4\u03BF\u03C3\u03B7\u03C2 \u03C4\u03BF\u03C5 \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03B7\u03C1\u03AF\u03BF\u03C5 \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C3\u03C4\u03BF \u03C0\u03B1\u03C1\u03B5\u03BB\u03B8\u03CC\u03BD.")), /*#__PURE__*/React.createElement(Field, {
|
|
18
|
+
error: true,
|
|
19
|
+
id: "passport-date"
|
|
20
|
+
}, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03BF \u03C3\u03B1\u03C2;"), /*#__PURE__*/React.createElement(Hint, null, "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020"), /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), " \u0397 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03AD\u03BA\u03B4\u03BF\u03C3\u03B7\u03C2 \u03C4\u03BF\u03C5 \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03B7\u03C1\u03AF\u03BF\u03C5 \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C3\u03C4\u03BF \u03C0\u03B1\u03C1\u03B5\u03BB\u03B8\u03CC\u03BD."), /*#__PURE__*/React.createElement(DateInput, null, /*#__PURE__*/React.createElement(DateInputItem, {
|
|
21
|
+
name: "day"
|
|
22
|
+
}, "\u0397\u03BC\u03AD\u03C1\u03B1"), /*#__PURE__*/React.createElement(DateInputItem, {
|
|
23
|
+
name: "month"
|
|
24
|
+
}, "\u039C\u03AE\u03BD\u03B1\u03C2"), /*#__PURE__*/React.createElement(DateInputItem, {
|
|
25
|
+
error: true,
|
|
26
|
+
width: 4,
|
|
27
|
+
name: "year"
|
|
28
|
+
}, "\u03A7\u03C1\u03CC\u03BD\u03BF\u03C2")))));
|
|
29
|
+
|
|
30
|
+
export var LinkedToField = function LinkedToField() {
|
|
31
|
+
return _ref;
|
|
32
|
+
};
|
|
33
|
+
export default LinkedToField;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import ErrorSummary from '@digigov/ui/core/ErrorSummary';
|
|
3
|
+
import Title from '@digigov/ui/typography/Title';
|
|
4
|
+
import Link from '@digigov/ui/core/Link';
|
|
5
|
+
import TextInput from "@digigov/ui/core/TextInput";
|
|
6
|
+
import Field from '@digigov/ui/core/Field';
|
|
7
|
+
import Label from '@digigov/react-core/Label';
|
|
8
|
+
import LabelTitle from '@digigov/react-core/LabelTitle';
|
|
9
|
+
import Hint from '@digigov/ui/typography/Hint';
|
|
10
|
+
import ErrorMessage from "@digigov/ui/core/ErrorMessage";
|
|
11
|
+
import VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
|
|
12
|
+
|
|
13
|
+
var _ref = /*#__PURE__*/React.createElement("div", {
|
|
14
|
+
className: "example"
|
|
15
|
+
}, /*#__PURE__*/React.createElement(ErrorSummary, null, /*#__PURE__*/React.createElement(Title, {
|
|
16
|
+
size: "sm"
|
|
17
|
+
}, "\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1"), /*#__PURE__*/React.createElement(Link, {
|
|
18
|
+
href: "#business-name"
|
|
19
|
+
}, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2")), /*#__PURE__*/React.createElement(Field, {
|
|
20
|
+
error: true
|
|
21
|
+
}, /*#__PURE__*/React.createElement(Label, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
22
|
+
size: "m"
|
|
23
|
+
}, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(Hint, null, "\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;"), /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /*#__PURE__*/React.createElement(TextInput, {
|
|
24
|
+
error: true,
|
|
25
|
+
name: "inputext",
|
|
26
|
+
id: "business-name"
|
|
27
|
+
}))));
|
|
28
|
+
|
|
29
|
+
export var LinkedToInput = function LinkedToInput() {
|
|
30
|
+
return _ref;
|
|
31
|
+
};
|
|
32
|
+
export default LinkedToInput;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import FileUpload from '@digigov/ui/core/FileUpload';
|
|
2
|
+
export default {
|
|
3
|
+
title: 'Digigov UI/core/FileUpload',
|
|
4
|
+
component: FileUpload
|
|
5
|
+
};
|
|
6
|
+
export * from '@digigov/ui/core/FileUpload/__stories__/Default';
|
|
7
|
+
export * from '@digigov/ui/core/FileUpload/__stories__/WithErrorMessage';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Field, { Fieldset, FieldsetLegend } from '@digigov/ui/core/Field';
|
|
3
|
+
import Hint from '@digigov/ui/typography/Hint';
|
|
4
|
+
import FileUpload from '@digigov/ui/core/FileUpload';
|
|
5
|
+
|
|
6
|
+
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
|
|
7
|
+
size: "m"
|
|
8
|
+
}, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(Hint, null, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /*#__PURE__*/React.createElement(FileUpload, null)));
|
|
9
|
+
|
|
10
|
+
export var Default = function Default() {
|
|
11
|
+
return _ref;
|
|
12
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Field, { Fieldset, FieldsetLegend } from '@digigov/ui/core/Field';
|
|
3
|
+
import Hint from '@digigov/ui/typography/Hint';
|
|
4
|
+
import ErrorMessage from '@digigov/ui/core/ErrorMessage';
|
|
5
|
+
import VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
|
|
6
|
+
import FileUpload from '@digigov/ui/core/FileUpload';
|
|
7
|
+
|
|
8
|
+
var _ref = /*#__PURE__*/React.createElement(Field, {
|
|
9
|
+
error: true
|
|
10
|
+
}, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
|
|
11
|
+
size: "m"
|
|
12
|
+
}, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(Hint, null, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), " \u03A4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03B9\u03BA\u03C1\u03CC\u03C4\u03B5\u03C1\u03BF \u03B1\u03C0\u03CC 2MB."), /*#__PURE__*/React.createElement(FileUpload, null)));
|
|
13
|
+
|
|
14
|
+
export var WithErrorMessageForSingleField = function WithErrorMessageForSingleField() {
|
|
15
|
+
return _ref;
|
|
16
|
+
};
|
|
17
|
+
export default WithErrorMessageForSingleField;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import Link from "@digigov/ui/core/Link";
|
|
2
|
+
export default {
|
|
3
|
+
title: 'Digigov UI/core/Link',
|
|
4
|
+
component: Link
|
|
5
|
+
};
|
|
6
|
+
export * from './__stories__/Default';
|
|
7
|
+
export * from './__stories__/OpensInNewTab';
|
|
8
|
+
export * from './__stories__/NoUnderline';
|
|
9
|
+
export * from './__stories__/DarkBackground';
|
|
10
|
+
export * from './__stories__/DarkBackgroundNoUnderline';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import Link from "@digigov/ui/core/Link";
|
|
3
|
+
import { Masthead } from "@digigov/ui/layouts";
|
|
4
|
+
import SectionBreak from "../../Divider";
|
|
5
|
+
|
|
6
|
+
var _ref = /*#__PURE__*/React.createElement(Masthead, null, /*#__PURE__*/React.createElement(SectionBreak, null), /*#__PURE__*/React.createElement(Link, {
|
|
7
|
+
href: "#"
|
|
8
|
+
}, " govgr link "), /*#__PURE__*/React.createElement(SectionBreak, null));
|
|
9
|
+
|
|
10
|
+
export var DarkBackground = function DarkBackground() {
|
|
11
|
+
return _ref;
|
|
12
|
+
};
|
|
13
|
+
export default DarkBackground;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import Link from "@digigov/ui/core/Link";
|
|
3
|
+
import { Masthead } from "@digigov/ui/layouts";
|
|
4
|
+
import SectionBreak from "../../Divider";
|
|
5
|
+
|
|
6
|
+
var _ref = /*#__PURE__*/React.createElement(Masthead, null, /*#__PURE__*/React.createElement(SectionBreak, null), /*#__PURE__*/React.createElement(Link, {
|
|
7
|
+
href: "#",
|
|
8
|
+
underline: false
|
|
9
|
+
}, " govgr link"), /*#__PURE__*/React.createElement(SectionBreak, null));
|
|
10
|
+
|
|
11
|
+
export var DarkBackgroundNoUnderline = function DarkBackgroundNoUnderline() {
|
|
12
|
+
return _ref;
|
|
13
|
+
};
|
|
14
|
+
export default DarkBackgroundNoUnderline;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import Link from "@digigov/ui/core/Link";
|
|
3
|
+
|
|
4
|
+
var _ref = /*#__PURE__*/React.createElement(Link, {
|
|
5
|
+
href: "#",
|
|
6
|
+
underline: false
|
|
7
|
+
}, " govgr link ");
|
|
8
|
+
|
|
9
|
+
export var NoUnderline = function NoUnderline() {
|
|
10
|
+
return _ref;
|
|
11
|
+
};
|
|
12
|
+
export default NoUnderline;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import Link from "@digigov/ui/core/Link";
|
|
3
|
+
|
|
4
|
+
var _ref = /*#__PURE__*/React.createElement(Link, {
|
|
5
|
+
href: "#",
|
|
6
|
+
rel: "noreferrer noopener",
|
|
7
|
+
target: "_blank"
|
|
8
|
+
}, " govgr link (opens in new tab) ");
|
|
9
|
+
|
|
10
|
+
export var OpensInNewTab = function OpensInNewTab() {
|
|
11
|
+
return _ref;
|
|
12
|
+
};
|
|
13
|
+
export default OpensInNewTab;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import List from "@digigov/ui/core";
|
|
2
|
+
export default {
|
|
3
|
+
title: 'Digigov UI/core/List',
|
|
4
|
+
component: List
|
|
5
|
+
};
|
|
6
|
+
export * from './__stories__/Default';
|
|
7
|
+
export * from './__stories__/BulletList';
|
|
8
|
+
export * from './__stories__/NumberedList';
|
|
9
|
+
export * from './__stories__/WithExtraSpace';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import List, { ListItem } from '@digigov/ui/core/List';
|
|
3
|
+
|
|
4
|
+
var _ref = /*#__PURE__*/React.createElement(List, {
|
|
5
|
+
listStyle: "bullet"
|
|
6
|
+
}, /*#__PURE__*/React.createElement(ListItem, null, "List Item One"), /*#__PURE__*/React.createElement(ListItem, null, "List Item Two"), /*#__PURE__*/React.createElement(ListItem, null, "List Item Three"));
|
|
7
|
+
|
|
8
|
+
export var BulletList = function BulletList() {
|
|
9
|
+
return _ref;
|
|
10
|
+
};
|
|
11
|
+
export default BulletList;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import List, { ListItem } from '@digigov/ui/core/List';
|
|
3
|
+
import Link from '@digigov/ui/core/Link';
|
|
4
|
+
|
|
5
|
+
var _ref = /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "List Item One")), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "List Item Two")), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "List Item Three")));
|
|
6
|
+
|
|
7
|
+
export var Default = function Default() {
|
|
8
|
+
return _ref;
|
|
9
|
+
};
|
|
10
|
+
export default Default;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import List, { ListItem } from '@digigov/ui/core/List';
|
|
3
|
+
|
|
4
|
+
var _ref = /*#__PURE__*/React.createElement(List, {
|
|
5
|
+
listStyle: "number"
|
|
6
|
+
}, /*#__PURE__*/React.createElement(ListItem, null, "List Item One"), /*#__PURE__*/React.createElement(ListItem, null, "List Item Two"), /*#__PURE__*/React.createElement(ListItem, null, "List Item Three"));
|
|
7
|
+
|
|
8
|
+
export var NumberedList = function NumberedList() {
|
|
9
|
+
return _ref;
|
|
10
|
+
};
|
|
11
|
+
export default NumberedList;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import List, { ListItem } from '@digigov/ui/core/List';
|
|
3
|
+
|
|
4
|
+
var _ref = /*#__PURE__*/React.createElement(List, {
|
|
5
|
+
spaced: true
|
|
6
|
+
}, /*#__PURE__*/React.createElement(ListItem, null, "List Item One"), /*#__PURE__*/React.createElement(ListItem, null, "List Item Two"), /*#__PURE__*/React.createElement(ListItem, null, "List Item Three"));
|
|
7
|
+
|
|
8
|
+
export var WithExtraSpace = function WithExtraSpace() {
|
|
9
|
+
return _ref;
|
|
10
|
+
};
|
|
11
|
+
export default WithExtraSpace;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Masthead, { MastheadBody } from '@digigov/ui/core/Masthead';
|
|
3
|
+
import CallToAction from '@digigov/ui/core/Button/CallToAction';
|
|
4
|
+
import { Container, Heading, Main } from '@digigov/react-core';
|
|
5
|
+
|
|
6
|
+
var _ref = /*#__PURE__*/React.createElement(Masthead, null, /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Main, null, /*#__PURE__*/React.createElement(Heading, null, "\u03A3\u03C7\u03B5\u03B4\u03B9\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03B1\u03C2, \u03BC\u03B5 \u03C4\u03BF \u03C3\u03C4\u03C5\u03BB \u03C4\u03BF\u03C5 GOV.GR"), /*#__PURE__*/React.createElement(MastheadBody, null, "\u03A7\u03C1\u03B7\u03C3\u03B9\u03BC\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03CC\u03BD \u03C4\u03BF\u03BD \u03BF\u03B4\u03B7\u03B3\u03CC \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C6\u03C4\u03B9\u03AC\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C3\u03C5\u03BD\u03B5\u03C0\u03AE \u03C3\u03C4\u03B1 \u03C0\u03C1\u03CC\u03C4\u03C5\u03C0\u03B1 \u03C4\u03BF\u03C5 GOV.GR. \u0391\u03C0\u03BF\u03BA\u03C4\u03AE\u03C3\u03C4\u03B5 \u03B3\u03BD\u03CE\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03B7\u03BD \u03AD\u03C1\u03B5\u03C5\u03BD\u03B1 \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD \u03B5\u03BC\u03C0\u03B5\u03B9\u03C1\u03AF\u03B1 \u03AC\u03BB\u03BB\u03C9\u03BD \u03BF\u03BC\u03AC\u03B4\u03C9\u03BD \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03C6\u03CD\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B1\u03BD\u03AC\u03BB\u03B7\u03C8\u03B7 \u03B5\u03C1\u03B3\u03B1\u03C3\u03B9\u03CE\u03BD \u03C0\u03BF\u03C5 \u03AD\u03C7\u03BF\u03C5\u03BD \u03AE\u03B4\u03B7 \u03B3\u03AF\u03BD\u03B5\u03B9."), /*#__PURE__*/React.createElement(CallToAction, null, "\u039E\u03B5\u03BA\u03B9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03B5\u03B4\u03CE"))));
|
|
7
|
+
|
|
8
|
+
export var Default = function Default() {
|
|
9
|
+
return _ref;
|
|
10
|
+
};
|
|
11
|
+
export default Default;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import NotificationBanner from '@digigov/ui/core/NotificationBanner';
|
|
2
|
+
export default {
|
|
3
|
+
title: 'Digigov UI/core/NotificationBanner',
|
|
4
|
+
component: NotificationBanner
|
|
5
|
+
};
|
|
6
|
+
export * from '@digigov/ui/core/NotificationBanner/__stories__/Default';
|
|
7
|
+
export * from '@digigov/ui/core/NotificationBanner/__stories__/Success';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import NotificationBanner from '@digigov/ui/core/NotificationBanner';
|
|
3
|
+
export var Default = function Default() {
|
|
4
|
+
return /*#__PURE__*/React.createElement(NotificationBanner, {
|
|
5
|
+
title: "Warning",
|
|
6
|
+
link: {
|
|
7
|
+
label: 'Προβολή αίτησης',
|
|
8
|
+
href: '#'
|
|
9
|
+
}
|
|
10
|
+
}, "\u0388\u03C7\u03B5\u03C4\u03B5 7 \u03B7\u03BC\u03AD\u03C1\u03B5\u03C2 \u03B3\u03B9\u03B1 \u03BD\u03B1 \u03C5\u03C0\u03BF\u03B2\u03AC\u03BB\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B1\u03AF\u03C4\u03B7\u03C3\u03B7.");
|
|
11
|
+
};
|
|
12
|
+
export default Default;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import NotificationBanner from '@digigov/ui/core/NotificationBanner';
|
|
3
|
+
export var Success = function Success() {
|
|
4
|
+
return /*#__PURE__*/React.createElement(NotificationBanner, {
|
|
5
|
+
title: "\u0395\u03C0\u03B9\u03C4\u03C5\u03C7\u03AE\u03C2 \u03C5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE",
|
|
6
|
+
variant: "success",
|
|
7
|
+
link: {
|
|
8
|
+
label: 'Προβολή αίτησης',
|
|
9
|
+
href: '#'
|
|
10
|
+
}
|
|
11
|
+
}, "\u0397 \u03B1\u03AF\u03C4\u03B7\u03C3\u03AE \u03C3\u03B1\u03C2 \u03C5\u03C0\u03BF\u03B2\u03BB\u03AE\u03B8\u03B7\u03BA\u03B5");
|
|
12
|
+
};
|
|
13
|
+
export default Success;
|
|
@@ -8,6 +8,9 @@ import NotificationBannerHeader from '@digigov/react-core/NotificationBannerHead
|
|
|
8
8
|
import NotificationBannerHeading from '@digigov/react-core/NotificationBannerHeading';
|
|
9
9
|
import NotificationBannerContent from '@digigov/react-core/NotificationBannerContent';
|
|
10
10
|
import NotificationBannerLink from '@digigov/react-core/NotificationBannerLink';
|
|
11
|
+
|
|
12
|
+
var _ref2 = /*#__PURE__*/React.createElement("br", null);
|
|
13
|
+
|
|
11
14
|
export var NotificationBanner = withDeprecation(function (_ref) {
|
|
12
15
|
var _ref$variant = _ref.variant,
|
|
13
16
|
variant = _ref$variant === void 0 ? 'important' : _ref$variant,
|
|
@@ -20,9 +23,9 @@ export var NotificationBanner = withDeprecation(function (_ref) {
|
|
|
20
23
|
title = title ? title : success ? 'Success' : 'Important';
|
|
21
24
|
return /*#__PURE__*/React.createElement(CoreNotificationBanner, _extends({
|
|
22
25
|
success: success
|
|
23
|
-
}, props), /*#__PURE__*/React.createElement(NotificationBannerHeader, null, title), /*#__PURE__*/React.createElement(NotificationBannerContent, null, /*#__PURE__*/React.createElement(NotificationBannerHeading, null, children
|
|
24
|
-
href: link.
|
|
25
|
-
}, link.label)));
|
|
26
|
+
}, props), /*#__PURE__*/React.createElement(NotificationBannerHeader, null, title), /*#__PURE__*/React.createElement(NotificationBannerContent, null, /*#__PURE__*/React.createElement(NotificationBannerHeading, null, children, _ref2, link && /*#__PURE__*/React.createElement(NotificationBannerLink, {
|
|
27
|
+
href: link.href
|
|
28
|
+
}, link.label))));
|
|
26
29
|
}, {
|
|
27
30
|
name: 'NotificationBanner',
|
|
28
31
|
props: {
|
|
@@ -13,7 +13,7 @@ it('renders the notification banner with title and link', function () {
|
|
|
13
13
|
expect(mountWithTheme( /*#__PURE__*/React.createElement(NotificationBanner, {
|
|
14
14
|
title: "Notification Banner Example",
|
|
15
15
|
link: {
|
|
16
|
-
|
|
16
|
+
href: '/',
|
|
17
17
|
label: 'This is a label'
|
|
18
18
|
}
|
|
19
19
|
}, "this is a notification"))).toMatchSnapshot();
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PhaseBanner, { PhaseBannerTag, PhaseBannerText } from '@digigov/ui/core/PhaseBanner';
|
|
3
|
+
import Link from '@digigov/ui/core/Link';
|
|
4
|
+
|
|
5
|
+
var _ref = /*#__PURE__*/React.createElement(PhaseBanner, null, /*#__PURE__*/React.createElement(PhaseBannerTag, null, "ALPHA"), /*#__PURE__*/React.createElement(PhaseBannerText, null, "\u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1 ", /*#__PURE__*/React.createElement(Link, {
|
|
6
|
+
href: "#feedback"
|
|
7
|
+
}, "\u03C3\u03C7\u03CC\u03BB\u03B9\u03AC"), " \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03BC\u03B1\u03C2 \u03B2\u03BF\u03B7\u03B8\u03AE\u03C3\u03BF\u03C5\u03BD \u03BD\u03B1 \u03C4\u03B7 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03BF\u03C5\u03BC\u03B5."));
|
|
8
|
+
|
|
9
|
+
export var Default = function Default() {
|
|
10
|
+
return _ref;
|
|
11
|
+
};
|
|
12
|
+
export default Default;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export * from '@digigov/react-core/PhaseBanner';
|
|
2
|
+
export * from '@digigov/react-core/PhaseBannerHeaderContainer';
|
|
3
|
+
export * from '@digigov/react-core/PhaseBannerTag';
|
|
4
|
+
export * from '@digigov/react-core/PhaseBannerText';
|
|
5
|
+
import PhaseBanner from '@digigov/react-core/PhaseBanner';
|
|
6
|
+
export default PhaseBanner;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import Radios from '@digigov/ui/core/Radios';
|
|
2
|
+
export default {
|
|
3
|
+
title: 'Digigov UI/core/Radios',
|
|
4
|
+
component: Radios
|
|
5
|
+
};
|
|
6
|
+
export * from '@digigov/ui/core/Radios/__stories__/Default';
|
|
7
|
+
export * from '@digigov/ui/core/Radios/__stories__/MultipleQuestions';
|
|
8
|
+
export * from '@digigov/ui/core/Radios/__stories__/Inline';
|
|
9
|
+
export * from '@digigov/ui/core/Radios/__stories__/WithHints';
|
|
10
|
+
export * from '@digigov/ui/core/Radios/__stories__/NoneAnswer';
|
|
11
|
+
export * from '@digigov/ui/core/Radios/__stories__/WithErrorMessage';
|
|
12
|
+
export * from '@digigov/ui/core/Radios/__stories__/ConditionalReveal';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Radios, { RadioItem, RadioConditional } from '@digigov/ui/core/Radios';
|
|
3
|
+
import TextInput from '@digigov/ui/core/TextInput';
|
|
4
|
+
import Field, { Fieldset, FieldsetLegend } from '@digigov/ui/core/Field';
|
|
5
|
+
import Hint from '@digigov/ui/typography/Hint';
|
|
6
|
+
|
|
7
|
+
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u03A0\u03C9\u03C2 \u03B8\u03AD\u03BB\u03B5\u03C4\u03B5 \u03BD\u03B1 \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AE\u03C3\u03BF\u03C5\u03BC\u03B5 \u03BC\u03B1\u03B6\u03AF \u03C3\u03B1\u03C2;"), /*#__PURE__*/React.createElement(Hint, null, "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9 \u03C3\u03C4\u03B7\u03BD \u03C0\u03B5\u03C1\u03AF\u03C0\u03C4\u03C9\u03C3\u03B7 \u03C3\u03B1\u03C2."), /*#__PURE__*/React.createElement(Radios, null, /*#__PURE__*/React.createElement(RadioItem, {
|
|
8
|
+
checked: true,
|
|
9
|
+
name: "contact",
|
|
10
|
+
value: "email"
|
|
11
|
+
}, "Email"), /*#__PURE__*/React.createElement(RadioConditional, null, "Email address", /*#__PURE__*/React.createElement(TextInput, {
|
|
12
|
+
name: "email",
|
|
13
|
+
cellWidth: "one-third"
|
|
14
|
+
})), /*#__PURE__*/React.createElement(RadioItem, {
|
|
15
|
+
name: "contact",
|
|
16
|
+
value: "phone"
|
|
17
|
+
}, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"))));
|
|
18
|
+
|
|
19
|
+
export var ConditionalReveal = function ConditionalReveal() {
|
|
20
|
+
return _ref;
|
|
21
|
+
};
|
|
22
|
+
export default ConditionalReveal;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Radios, { RadioItem } from '@digigov/ui/core/Radios';
|
|
3
|
+
import Field, { Fieldset, FieldsetLegend } from '@digigov/ui/core/Field';
|
|
4
|
+
import Hint from '@digigov/ui/typography/Hint';
|
|
5
|
+
|
|
6
|
+
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u03A0\u03BF\u03B9\u03B1 \u03B5\u03B9\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;"), /*#__PURE__*/React.createElement(Hint, null, "\u03A0\u03B5\u03AF\u03C4\u03B5 \u03BC\u03B1\u03C2 \u03C3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B5\u03C2 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AD\u03C2. \u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9."), /*#__PURE__*/React.createElement(Radios, null, /*#__PURE__*/React.createElement(RadioItem, {
|
|
7
|
+
name: "country",
|
|
8
|
+
value: "greece"
|
|
9
|
+
}, "\u0395\u03BB\u03BB\u03AC\u03B4\u03B1"), /*#__PURE__*/React.createElement(RadioItem, {
|
|
10
|
+
name: "country",
|
|
11
|
+
value: "cyprus"
|
|
12
|
+
}, "\u039A\u03CD\u03C0\u03C1\u03BF\u03C2"), /*#__PURE__*/React.createElement(RadioItem, {
|
|
13
|
+
name: "country",
|
|
14
|
+
value: "eu"
|
|
15
|
+
}, "\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(RadioItem, {
|
|
16
|
+
name: "country",
|
|
17
|
+
value: "usa"
|
|
18
|
+
}, "H\u03BD\u03C9\u03BC\u03AD\u03BD\u03B5\u03C2 \u03A0\u03BF\u03BB\u03B9\u03C4\u03B5\u03AF\u03B5\u03C2 \u03C4\u03B7\u03C2 \u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE\u03C2"))));
|
|
19
|
+
|
|
20
|
+
export var Default = function Default() {
|
|
21
|
+
return _ref;
|
|
22
|
+
};
|
|
23
|
+
export default Default;
|