@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,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Accordion, { AccordionSection, AccordionSectionContent, AccordionSectionSummary, AccordionSectionSummaryHeading } from '@digigov/ui/core/Accordion';
|
|
3
|
+
import Paragraph from '@digigov/ui/typography/Paragraph';
|
|
4
|
+
import Link from '@digigov/ui/core/Link';
|
|
5
|
+
import List, { ListItem } from '@digigov/ui/core/List';
|
|
6
|
+
|
|
7
|
+
var _ref = /*#__PURE__*/React.createElement(Accordion, null, /*#__PURE__*/React.createElement(AccordionSection, null, /*#__PURE__*/React.createElement(AccordionSectionSummary, null, /*#__PURE__*/React.createElement(AccordionSectionSummaryHeading, null, "\u0394\u03B9\u03B1\u03C6\u03BF\u03C1\u03AD\u03C2 \u03BC\u03B5 \u03C4\u03BF \u03B4\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF")), /*#__PURE__*/React.createElement(AccordionSectionContent, null, /*#__PURE__*/React.createElement(Paragraph, null, "\u03A0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B4\u03B9\u03B1\u03B8\u03AD\u03C3\u03B9\u03BC\u03B7 \u03BA\u03B1\u03B9 \u03B5\u03BD\u03B5\u03C1\u03B3\u03AE \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03AC \u03C4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2."), /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0391\u03AF\u03C4\u03B7\u03C3\u03B7 \u03B5\u03BE\u03CE\u03B4\u03B9\u03BA\u03B7\u03C2 \u03B1\u03BD\u03B1\u03B3\u03BD\u03CE\u03C1\u03B9\u03C3\u03B7\u03C2 \u03B1\u03C0\u03B1\u03B9\u03C4\u03AE\u03C3\u03B5\u03C9\u03BD / \u03C3\u03C5\u03BC\u03B2\u03B9\u03B2\u03B1\u03C3\u03C4\u03B9\u03BA\u03AE\u03C2 \u03B5\u03C0\u03AF\u03BB\u03C5\u03C3\u03B7\u03C2 \u03B4\u03B9\u03B1\u03C6\u03BF\u03C1\u03CE\u03BD \u03BC\u03B5 \u03C4\u03BF \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF"))))), /*#__PURE__*/React.createElement(AccordionSection, null, /*#__PURE__*/React.createElement(AccordionSectionSummary, null, /*#__PURE__*/React.createElement(AccordionSectionSummaryHeading, null, "\u0394\u03B9\u03BA\u03B1\u03C3\u03C4\u03AE\u03C1\u03B9\u03B1")), /*#__PURE__*/React.createElement(AccordionSectionContent, null, /*#__PURE__*/React.createElement(Paragraph, null, "\u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2, \u03BA\u03B1\u03C4\u03B7\u03B3\u03BF\u03C1\u03B9\u03BF\u03C0\u03BF\u03B9\u03B7\u03BC\u03AD\u03BD\u03B5\u03C2 \u03C3\u03B5 \u03BF\u03BC\u03AC\u03B4\u03B5\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03B9\u03CE\u03BD."), /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0395\u03BD\u03B9\u03B1\u03AF\u03BF \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03CC \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AE\u03C2 \u03C6\u03B5\u03C1\u03B5\u03B3\u03B3\u03C5\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2")), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0397\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AD\u03C2 \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AD\u03C2 \u03B1\u03C0\u03BF\u03C6\u03AC\u03C3\u03B5\u03B9\u03C2")), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AC \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B7\u03C1\u03AF\u03C9\u03BD"))))), /*#__PURE__*/React.createElement(AccordionSection, null, /*#__PURE__*/React.createElement(AccordionSectionSummary, null, /*#__PURE__*/React.createElement(AccordionSectionSummaryHeading, null, "\u0394\u03B9\u03BA\u03CC\u03B3\u03C1\u03B1\u03C6\u03B1")), /*#__PURE__*/React.createElement(AccordionSectionContent, null, /*#__PURE__*/React.createElement(Paragraph, null, "\u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2."), /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0391\u03BD\u03C4\u03AF\u03B3\u03C1\u03B1\u03C6\u03BF \u03C0\u03C1\u03B1\u03BA\u03C4\u03B9\u03BA\u03CE\u03BD \u03C5\u03C0\u03CC\u03B8\u03B5\u03C3\u03B7\u03C2")), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0397\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AE \u03BA\u03B1\u03C4\u03AC\u03B8\u03B5\u03C3\u03B7 \u03B4\u03B9\u03BA\u03BF\u03B3\u03C1\u03AC\u03C6\u03C9\u03BD (\u03A0\u03BF\u03BB\u03B9\u03C4\u03B9\u03BA\u03AC / \u03A0\u03BF\u03B9\u03BD\u03B9\u03BA\u03AC \u0394\u03B9\u03BA\u03B1\u03C3\u03C4\u03AE\u03C1\u03B9\u03B1)"))))), /*#__PURE__*/React.createElement(AccordionSection, null, /*#__PURE__*/React.createElement(AccordionSectionSummary, null, /*#__PURE__*/React.createElement(AccordionSectionSummaryHeading, null, "\u039A\u03B1\u03C4\u03B1\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03B1 \u03BA\u03C1\u03AC\u03C4\u03B7\u03C3\u03B7\u03C2")), /*#__PURE__*/React.createElement(AccordionSectionContent, null, /*#__PURE__*/React.createElement(Paragraph, null, "\u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2."), /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0392\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03B7\u03B8\u03B9\u03BA\u03BF\u03CD / \u03C0\u03B5\u03B9\u03B8\u03B1\u03C1\u03C7\u03B9\u03BA\u03BF\u03CD \u03B5\u03BB\u03AD\u03B3\u03C7\u03BF\u03C5 \u03B1\u03C0\u03BF\u03C6\u03C5\u03BB\u03B1\u03BA\u03B9\u03C3\u03BC\u03AD\u03BD\u03C9\u03BD")), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0395\u03BA\u03C0\u03B1\u03AF\u03B4\u03B5\u03C5\u03C3\u03B7 \u03B1\u03C0\u03BF\u03C6\u03C5\u03BB\u03B1\u03BA\u03B9\u03C3\u03BC\u03AD\u03BD\u03C9\u03BD"))))));
|
|
8
|
+
|
|
9
|
+
export var Default = function Default() {
|
|
10
|
+
return _ref;
|
|
11
|
+
};
|
|
12
|
+
export default Default;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Accordion, { AccordionSection, AccordionSectionContent, AccordionSectionSummary, AccordionSectionSummaryHeading } from '@digigov/ui/core/Accordion';
|
|
3
|
+
import Hint from '@digigov/ui/typography/Hint';
|
|
4
|
+
import Paragraph from '@digigov/ui/typography/Paragraph';
|
|
5
|
+
import Link from '@digigov/ui/core/Link';
|
|
6
|
+
import List, { ListItem } from '@digigov/ui/core/List';
|
|
7
|
+
|
|
8
|
+
var _ref = /*#__PURE__*/React.createElement(Accordion, null, /*#__PURE__*/React.createElement(AccordionSection, null, /*#__PURE__*/React.createElement(AccordionSectionSummary, null, /*#__PURE__*/React.createElement(AccordionSectionSummaryHeading, null, "\u0394\u03B9\u03B1\u03C6\u03BF\u03C1\u03AD\u03C2 \u03BC\u03B5 \u03C4\u03BF \u03B4\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF"), /*#__PURE__*/React.createElement(Hint, null, "\u0394\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AD\u03C2 \u03BA\u03B1\u03B9 \u03B5\u03BE\u03C9\u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AD\u03C2 \u03B4\u03B9\u03B1\u03C6\u03BF\u03C1\u03AD\u03C2 \u03BC\u03B5 \u03C4\u03BF \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF, \u03B5\u03BA\u03BA\u03B1\u03B8\u03AC\u03C1\u03B9\u03C3\u03B7 \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03CE\u03BD \u03B4\u03B1\u03C0\u03B1\u03BD\u03CE\u03BD \u03BA.\u03AC.")), /*#__PURE__*/React.createElement(AccordionSectionContent, null, /*#__PURE__*/React.createElement(Paragraph, null, "\u03A0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B4\u03B9\u03B1\u03B8\u03AD\u03C3\u03B9\u03BC\u03B7 \u03BA\u03B1\u03B9 \u03B5\u03BD\u03B5\u03C1\u03B3\u03AE \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03AC \u03C4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2."), /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0391\u03AF\u03C4\u03B7\u03C3\u03B7 \u03B5\u03BE\u03CE\u03B4\u03B9\u03BA\u03B7\u03C2 \u03B1\u03BD\u03B1\u03B3\u03BD\u03CE\u03C1\u03B9\u03C3\u03B7\u03C2 \u03B1\u03C0\u03B1\u03B9\u03C4\u03AE\u03C3\u03B5\u03C9\u03BD / \u03C3\u03C5\u03BC\u03B2\u03B9\u03B2\u03B1\u03C3\u03C4\u03B9\u03BA\u03AE\u03C2 \u03B5\u03C0\u03AF\u03BB\u03C5\u03C3\u03B7\u03C2 \u03B4\u03B9\u03B1\u03C6\u03BF\u03C1\u03CE\u03BD \u03BC\u03B5 \u03C4\u03BF \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF"))))), /*#__PURE__*/React.createElement(AccordionSection, null, /*#__PURE__*/React.createElement(AccordionSectionSummary, null, /*#__PURE__*/React.createElement(AccordionSectionSummaryHeading, null, "\u0394\u03B9\u03BA\u03B1\u03C3\u03C4\u03AE\u03C1\u03B9\u03B1"), /*#__PURE__*/React.createElement(Hint, null, "\u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AC \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B7\u03C1\u03AF\u03C9\u03BD, \u03C0\u03B1\u03C1\u03B1\u03BA\u03BF\u03BB\u03BF\u03CD\u03B8\u03B7\u03C3\u03B7 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD \u03BA.\u03AC.")), /*#__PURE__*/React.createElement(AccordionSectionContent, null, /*#__PURE__*/React.createElement(Paragraph, null, "\u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2, \u03BA\u03B1\u03C4\u03B7\u03B3\u03BF\u03C1\u03B9\u03BF\u03C0\u03BF\u03B9\u03B7\u03BC\u03AD\u03BD\u03B5\u03C2 \u03C3\u03B5 \u03BF\u03BC\u03AC\u03B4\u03B5\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03B9\u03CE\u03BD."), /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0395\u03BD\u03B9\u03B1\u03AF\u03BF \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03CC \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AE\u03C2 \u03C6\u03B5\u03C1\u03B5\u03B3\u03B3\u03C5\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2")), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0397\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AD\u03C2 \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AD\u03C2 \u03B1\u03C0\u03BF\u03C6\u03AC\u03C3\u03B5\u03B9\u03C2")), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AC \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B7\u03C1\u03AF\u03C9\u03BD"))))), /*#__PURE__*/React.createElement(AccordionSection, null, /*#__PURE__*/React.createElement(AccordionSectionSummary, null, /*#__PURE__*/React.createElement(AccordionSectionSummaryHeading, null, "\u0394\u03B9\u03BA\u03CC\u03B3\u03C1\u03B1\u03C6\u03B1"), /*#__PURE__*/React.createElement(Hint, null, "\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03BA\u03B1\u03C4\u03AC\u03B8\u03B5\u03C3\u03B7 \u03B4\u03B9\u03BA\u03BF\u03B3\u03C1\u03AC\u03C6\u03C9\u03BD")), /*#__PURE__*/React.createElement(AccordionSectionContent, null, /*#__PURE__*/React.createElement(Paragraph, null, "\u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2."), /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0391\u03BD\u03C4\u03AF\u03B3\u03C1\u03B1\u03C6\u03BF \u03C0\u03C1\u03B1\u03BA\u03C4\u03B9\u03BA\u03CE\u03BD \u03C5\u03C0\u03CC\u03B8\u03B5\u03C3\u03B7\u03C2")), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0397\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AE \u03BA\u03B1\u03C4\u03AC\u03B8\u03B5\u03C3\u03B7 \u03B4\u03B9\u03BA\u03BF\u03B3\u03C1\u03AC\u03C6\u03C9\u03BD (\u03A0\u03BF\u03BB\u03B9\u03C4\u03B9\u03BA\u03AC / \u03A0\u03BF\u03B9\u03BD\u03B9\u03BA\u03AC \u0394\u03B9\u03BA\u03B1\u03C3\u03C4\u03AE\u03C1\u03B9\u03B1)"))))), /*#__PURE__*/React.createElement(AccordionSection, null, /*#__PURE__*/React.createElement(AccordionSectionSummary, null, /*#__PURE__*/React.createElement(AccordionSectionSummaryHeading, null, "\u039A\u03B1\u03C4\u03B1\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03B1 \u03BA\u03C1\u03AC\u03C4\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(Hint, null, "\u0395\u03C0\u03B1\u03BD\u03AD\u03BD\u03C4\u03B1\u03BE\u03B7 \u03B1\u03C0\u03BF\u03C6\u03C5\u03BB\u03B1\u03BA\u03B9\u03C3\u03BC\u03AD\u03BD\u03C9\u03BD, \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AC, \u03B5\u03C0\u03B9\u03C3\u03BA\u03B5\u03C0\u03C4\u03AE\u03C1\u03B9\u03B1 \u03BA.\u03AC.")), /*#__PURE__*/React.createElement(AccordionSectionContent, null, /*#__PURE__*/React.createElement(Paragraph, null, "\u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2."), /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0392\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03B7\u03B8\u03B9\u03BA\u03BF\u03CD / \u03C0\u03B5\u03B9\u03B8\u03B1\u03C1\u03C7\u03B9\u03BA\u03BF\u03CD \u03B5\u03BB\u03AD\u03B3\u03C7\u03BF\u03C5 \u03B1\u03C0\u03BF\u03C6\u03C5\u03BB\u03B1\u03BA\u03B9\u03C3\u03BC\u03AD\u03BD\u03C9\u03BD")), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0395\u03BA\u03C0\u03B1\u03AF\u03B4\u03B5\u03C5\u03C3\u03B7 \u03B1\u03C0\u03BF\u03C6\u03C5\u03BB\u03B1\u03BA\u03B9\u03C3\u03BC\u03AD\u03BD\u03C9\u03BD"))))));
|
|
9
|
+
|
|
10
|
+
export var WithHints = function WithHints() {
|
|
11
|
+
return _ref;
|
|
12
|
+
};
|
|
13
|
+
export default WithHints;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Blockquote from '@digigov/ui/core/Blockquote';
|
|
3
|
+
|
|
4
|
+
var _ref = /*#__PURE__*/React.createElement(Blockquote, null, "\u0397 \u03B4\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\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 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF \u03BD\u03B1 \u03B4\u03B9\u03B1\u03C1\u03BA\u03AD\u03C3\u03B5\u03B9 \u03B5\u03CE\u03C2 10 \u03BC\u03AD\u03C1\u03B5\u03C2, \u03B5\u03C6\u03CC\u03C3\u03BF\u03BD \u03B7 \u03B1\u03AF\u03C4\u03B7\u03C3\u03B7 \u03C3\u03B1\u03C2 \u03B4\u03B5\u03BD \u03AD\u03C7\u03B5\u03B9 \u03BB\u03AC\u03B8\u03B7.");
|
|
5
|
+
|
|
6
|
+
export var Default = function Default() {
|
|
7
|
+
return _ref;
|
|
8
|
+
};
|
|
9
|
+
export default Default;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Breadcrumbs, { BreadcrumbsList, BreadcrumbsListItem } from '@digigov/ui/core/Breadcrumbs';
|
|
3
|
+
|
|
4
|
+
var _ref = /*#__PURE__*/React.createElement(Breadcrumbs, null, /*#__PURE__*/React.createElement(BreadcrumbsList, null, /*#__PURE__*/React.createElement(BreadcrumbsListItem, null, "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE"), /*#__PURE__*/React.createElement(BreadcrumbsListItem, null, "\u03A5\u03B3\u03B5\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03C0\u03C1\u03CC\u03BD\u03BF\u03B9\u03B1"), /*#__PURE__*/React.createElement(BreadcrumbsListItem, null, "\u03A6\u03AC\u03BA\u03B5\u03BB\u03BF\u03C2 \u03C5\u03B3\u03B5\u03AF\u03B1\u03C2"), /*#__PURE__*/React.createElement(BreadcrumbsListItem, null, "\u0386\u03C5\u03BB\u03B7 \u03C3\u03C5\u03BD\u03C4\u03B1\u03B3\u03BF\u03B3\u03C1\u03AC\u03C6\u03B7\u03C3\u03B7")));
|
|
5
|
+
|
|
6
|
+
export var Default = function Default() {
|
|
7
|
+
return _ref;
|
|
8
|
+
};
|
|
9
|
+
export default Default;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
export * from '@digigov/react-core/Breadcrumbs';
|
|
2
2
|
export * from '@digigov/react-core/BreadcrumbsList';
|
|
3
|
-
export * from '@digigov/react-core/BreadcrumbsListItem';
|
|
3
|
+
export * from '@digigov/react-core/BreadcrumbsListItem';
|
|
4
|
+
import Breadcrumbs from '@digigov/react-core/Breadcrumbs';
|
|
5
|
+
export default Breadcrumbs;
|
|
@@ -8,7 +8,6 @@ title: Button
|
|
|
8
8
|
Use the button component to help users carry out an action like starting an
|
|
9
9
|
application or saving their information.
|
|
10
10
|
|
|
11
|
-
<Story packageName="@digigov/ui" component="core/Button" story="Primary.js" />
|
|
12
11
|
|
|
13
12
|
## How to import
|
|
14
13
|
|
|
@@ -16,9 +15,11 @@ application or saving their information.
|
|
|
16
15
|
import Button from '@digigov/ui/core/Button';
|
|
17
16
|
```
|
|
18
17
|
|
|
19
|
-
##
|
|
18
|
+
## Usage
|
|
20
19
|
|
|
21
|
-
<Story packageName="@digigov/ui" component="core/Button" story="
|
|
20
|
+
<Story packageName="@digigov/ui" component="core/Button" story="Primary.tsx" />
|
|
21
|
+
|
|
22
|
+
<Story packageName="@digigov/ui" component="core/Button" story="Secondary.tsx" />
|
|
22
23
|
|
|
23
24
|
Write button text in sentence case, describing the action it performs. For
|
|
24
25
|
example:'
|
|
@@ -48,3 +49,7 @@ Use a default button for the main call to action on a page.
|
|
|
48
49
|
Avoid using multiple default buttons on a single page. Having more than on main
|
|
49
50
|
call to action reduces their impact, and makes it harder for users to know what
|
|
50
51
|
to do next.
|
|
52
|
+
|
|
53
|
+
## API Docs
|
|
54
|
+
|
|
55
|
+
Read more about [how to use the React types](/docs/api/Button)
|
|
@@ -2,22 +2,11 @@ import React from 'react';
|
|
|
2
2
|
import Button, { ButtonGroup } from '@digigov/ui/core/Button';
|
|
3
3
|
import Link from '@digigov/ui/core/Link';
|
|
4
4
|
/**
|
|
5
|
-
* My deescrition is the best description that was described
|
|
5
|
+
* My deescrition is the best description that was described
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
-
var _ref = /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, null, "\
|
|
9
|
-
color: "secondary"
|
|
10
|
-
}, "\u0391\u03C0\u03BF\u03B8\u03AE\u03BA\u03B5\u03C5\u03C3\u03B7"));
|
|
11
|
-
|
|
12
|
-
export var GroupingButtons = function GroupingButtons() {
|
|
13
|
-
return _ref;
|
|
14
|
-
};
|
|
15
|
-
/**
|
|
16
|
-
* My deescrition is the best description that was described
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
|
-
var _ref2 = /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"), /*#__PURE__*/React.createElement(Link, null, "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7"));
|
|
8
|
+
var _ref = /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"), /*#__PURE__*/React.createElement(Link, null, "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7"));
|
|
20
9
|
|
|
21
10
|
export var GroupingButtonsAndLinks = function GroupingButtonsAndLinks() {
|
|
22
|
-
return
|
|
11
|
+
return _ref;
|
|
23
12
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import Button from '@digigov/ui/core/Button';
|
|
3
3
|
/**
|
|
4
|
-
* My primary descrition is the best description that was described
|
|
4
|
+
* My primary descrition is the best description that was described
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
var _ref = /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import Card from '@digigov/ui/core/Card';
|
|
2
|
+
export default {
|
|
3
|
+
title: 'Digigov UI/core/Card',
|
|
4
|
+
component: Card
|
|
5
|
+
};
|
|
6
|
+
export * from '@digigov/ui/core/Card/__stories__/Default';
|
|
7
|
+
export * from '@digigov/ui/core/Card/__stories__/WithGrayBorder';
|
|
8
|
+
export * from '@digigov/ui/core/Card/__stories__/WithDarkBorder';
|
|
9
|
+
export * from '@digigov/ui/core/Card/__stories__/WithGrayTopBorder';
|
|
10
|
+
export * from '@digigov/ui/core/Card/__stories__/WithDarkTopBorder';
|
|
11
|
+
export * from '@digigov/ui/core/Card/__stories__/WithDivider';
|
|
12
|
+
export * from '@digigov/ui/core/Card/__stories__/WithClickableContent';
|
|
13
|
+
export * from '@digigov/ui/core/Card/__stories__/WithClickableLink';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Card, { CardHeading, CardText, CardAction } from '@digigov/ui/core/Card';
|
|
3
|
+
import Button from '@digigov/ui/core/Button';
|
|
4
|
+
|
|
5
|
+
var _ref = /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardHeading, null, "\u0393\u03B5\u03C9\u03C1\u03B3\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03AF\u03B1"), /*#__PURE__*/React.createElement(CardText, null, "\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2, \u03B5\u03C0\u03B9\u03B4\u03BF\u03C4\u03AE\u03C3\u03B5\u03B9\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03B6\u03B7\u03BC\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B3\u03B5\u03C9\u03C1\u03B3\u03B9\u03BA\u03AE, \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03B9\u03BA\u03AE \u03AE \u03B1\u03BB\u03B9\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1."), /*#__PURE__*/React.createElement(CardAction, null, /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")));
|
|
6
|
+
|
|
7
|
+
export var Default = function Default() {
|
|
8
|
+
return _ref;
|
|
9
|
+
};
|
|
10
|
+
export default Default;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Card, { CardHeading, CardText } from '@digigov/ui/core/Card';
|
|
3
|
+
import { Link } from '@digigov/react-core';
|
|
4
|
+
|
|
5
|
+
var _ref = /*#__PURE__*/React.createElement(Card, {
|
|
6
|
+
callToAction: true
|
|
7
|
+
}, /*#__PURE__*/React.createElement(CardHeading, null, /*#__PURE__*/React.createElement(Link, {
|
|
8
|
+
href: "#"
|
|
9
|
+
}, "\u0393\u03B5\u03C9\u03C1\u03B3\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03AF\u03B1")), /*#__PURE__*/React.createElement(CardText, null, "\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2, \u03B5\u03C0\u03B9\u03B4\u03BF\u03C4\u03AE\u03C3\u03B5\u03B9\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03B6\u03B7\u03BC\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B3\u03B5\u03C9\u03C1\u03B3\u03B9\u03BA\u03AE, \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03B9\u03BA\u03AE \u03AE \u03B1\u03BB\u03B9\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1."));
|
|
10
|
+
|
|
11
|
+
export var WithClickableContent = function WithClickableContent() {
|
|
12
|
+
return _ref;
|
|
13
|
+
};
|
|
14
|
+
export default WithClickableContent;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Card, { CardAction, CardHeading, CardText } from '@digigov/ui/core/Card';
|
|
3
|
+
import Button from '@digigov/ui/core/Button';
|
|
4
|
+
import Link from '@digigov/ui/core/Link';
|
|
5
|
+
|
|
6
|
+
var _ref = /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardHeading, null, /*#__PURE__*/React.createElement(Link, {
|
|
7
|
+
href: "#"
|
|
8
|
+
}, "\u0393\u03B5\u03C9\u03C1\u03B3\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03AF\u03B1")), /*#__PURE__*/React.createElement(CardText, null, "\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2, \u03B5\u03C0\u03B9\u03B4\u03BF\u03C4\u03AE\u03C3\u03B5\u03B9\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03B6\u03B7\u03BC\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B3\u03B5\u03C9\u03C1\u03B3\u03B9\u03BA\u03AE, \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03B9\u03BA\u03AE \u03AE \u03B1\u03BB\u03B9\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1."), /*#__PURE__*/React.createElement(CardAction, null, /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")));
|
|
9
|
+
|
|
10
|
+
export var WithClickableLink = function WithClickableLink() {
|
|
11
|
+
return _ref;
|
|
12
|
+
};
|
|
13
|
+
export default WithClickableLink;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Card, { CardAction, CardHeading, CardText } from '@digigov/ui/core/Card';
|
|
3
|
+
import Button from '@digigov/ui/core/Button';
|
|
4
|
+
|
|
5
|
+
var _ref = /*#__PURE__*/React.createElement(Card, {
|
|
6
|
+
variant: "border",
|
|
7
|
+
borderColor: "dark"
|
|
8
|
+
}, /*#__PURE__*/React.createElement(CardHeading, null, "\u0393\u03B5\u03C9\u03C1\u03B3\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03AF\u03B1"), /*#__PURE__*/React.createElement(CardText, null, "\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2, \u03B5\u03C0\u03B9\u03B4\u03BF\u03C4\u03AE\u03C3\u03B5\u03B9\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03B6\u03B7\u03BC\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B3\u03B5\u03C9\u03C1\u03B3\u03B9\u03BA\u03AE, \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03B9\u03BA\u03AE \u03AE \u03B1\u03BB\u03B9\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1."), /*#__PURE__*/React.createElement(CardAction, null, /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")));
|
|
9
|
+
|
|
10
|
+
export var WithDarkBorder = function WithDarkBorder() {
|
|
11
|
+
return _ref;
|
|
12
|
+
};
|
|
13
|
+
export default WithDarkBorder;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Card, { CardAction, CardHeading, CardText } from '@digigov/ui/core/Card';
|
|
3
|
+
import Button from '@digigov/ui/core/Button';
|
|
4
|
+
|
|
5
|
+
var _ref = /*#__PURE__*/React.createElement(Card, {
|
|
6
|
+
variant: "border-top",
|
|
7
|
+
borderColor: "dark"
|
|
8
|
+
}, /*#__PURE__*/React.createElement(CardHeading, null, "\u0393\u03B5\u03C9\u03C1\u03B3\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03AF\u03B1"), /*#__PURE__*/React.createElement(CardText, null, "\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2, \u03B5\u03C0\u03B9\u03B4\u03BF\u03C4\u03AE\u03C3\u03B5\u03B9\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03B6\u03B7\u03BC\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B3\u03B5\u03C9\u03C1\u03B3\u03B9\u03BA\u03AE, \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03B9\u03BA\u03AE \u03AE \u03B1\u03BB\u03B9\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1."), /*#__PURE__*/React.createElement(CardAction, null, /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")));
|
|
9
|
+
|
|
10
|
+
export var WithDarkTopBorder = function WithDarkTopBorder() {
|
|
11
|
+
return _ref;
|
|
12
|
+
};
|
|
13
|
+
export default WithDarkTopBorder;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Card, { CardAction, CardHeading, CardText } from '@digigov/ui/core/Card';
|
|
3
|
+
import { Button } from '@digigov/react-core';
|
|
4
|
+
|
|
5
|
+
var _ref = /*#__PURE__*/React.createElement(Card, {
|
|
6
|
+
variant: "divider"
|
|
7
|
+
}, /*#__PURE__*/React.createElement(CardHeading, null, "\u0393\u03B5\u03C9\u03C1\u03B3\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03AF\u03B1"), /*#__PURE__*/React.createElement(CardText, null, "\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2, \u03B5\u03C0\u03B9\u03B4\u03BF\u03C4\u03AE\u03C3\u03B5\u03B9\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03B6\u03B7\u03BC\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B3\u03B5\u03C9\u03C1\u03B3\u03B9\u03BA\u03AE, \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03B9\u03BA\u03AE \u03AE \u03B1\u03BB\u03B9\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1."), /*#__PURE__*/React.createElement(CardAction, null, /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")));
|
|
8
|
+
|
|
9
|
+
export var WithDivider = function WithDivider() {
|
|
10
|
+
return _ref;
|
|
11
|
+
};
|
|
12
|
+
export default WithDivider;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Card, { CardAction, CardHeading, CardText } from '@digigov/ui/core/Card';
|
|
3
|
+
import Button from '@digigov/ui/core/Button';
|
|
4
|
+
|
|
5
|
+
var _ref = /*#__PURE__*/React.createElement(Card, {
|
|
6
|
+
variant: "border",
|
|
7
|
+
borderColor: "gray"
|
|
8
|
+
}, /*#__PURE__*/React.createElement(CardHeading, null, "\u0393\u03B5\u03C9\u03C1\u03B3\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03AF\u03B1"), /*#__PURE__*/React.createElement(CardText, null, "\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2, \u03B5\u03C0\u03B9\u03B4\u03BF\u03C4\u03AE\u03C3\u03B5\u03B9\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03B6\u03B7\u03BC\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B3\u03B5\u03C9\u03C1\u03B3\u03B9\u03BA\u03AE, \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03B9\u03BA\u03AE \u03AE \u03B1\u03BB\u03B9\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1."), /*#__PURE__*/React.createElement(CardAction, null, /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")));
|
|
9
|
+
|
|
10
|
+
export var WithGrayBorder = function WithGrayBorder() {
|
|
11
|
+
return _ref;
|
|
12
|
+
};
|
|
13
|
+
export default WithGrayBorder;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Card, { CardAction, CardHeading, CardText } from '@digigov/ui/core/Card';
|
|
3
|
+
import Button from '@digigov/ui/core/Button';
|
|
4
|
+
|
|
5
|
+
var _ref = /*#__PURE__*/React.createElement(Card, {
|
|
6
|
+
variant: "border-top",
|
|
7
|
+
borderColor: "gray"
|
|
8
|
+
}, /*#__PURE__*/React.createElement(CardHeading, null, "\u0393\u03B5\u03C9\u03C1\u03B3\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03AF\u03B1"), /*#__PURE__*/React.createElement(CardText, null, "\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2, \u03B5\u03C0\u03B9\u03B4\u03BF\u03C4\u03AE\u03C3\u03B5\u03B9\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03B6\u03B7\u03BC\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B3\u03B5\u03C9\u03C1\u03B3\u03B9\u03BA\u03AE, \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03B9\u03BA\u03AE \u03AE \u03B1\u03BB\u03B9\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1."), /*#__PURE__*/React.createElement(CardAction, null, /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")));
|
|
9
|
+
|
|
10
|
+
export var WithGrayTopBorder = function WithGrayTopBorder() {
|
|
11
|
+
return _ref;
|
|
12
|
+
};
|
|
13
|
+
export default WithGrayTopBorder;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import Checkboxes from '@digigov/ui/core/Checkboxes';
|
|
2
|
+
export default {
|
|
3
|
+
title: 'Digigov UI/core/Checkboxes',
|
|
4
|
+
component: Checkboxes
|
|
5
|
+
};
|
|
6
|
+
export * from '@digigov/ui/core/Checkboxes/__stories__/Default';
|
|
7
|
+
export * from '@digigov/ui/core/Checkboxes/__stories__/MultipleQuestions';
|
|
8
|
+
export * from '@digigov/ui/core/Checkboxes/__stories__/WithHint';
|
|
9
|
+
export * from '@digigov/ui/core/Checkboxes/__stories__/NoneAnswer';
|
|
10
|
+
export * from '@digigov/ui/core/Checkboxes/__stories__/WithErrorMessage';
|
|
11
|
+
export * from '@digigov/ui/core/Checkboxes/__stories__/ConditionalReveal';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Checkboxes, { CheckboxItem, CheckboxConditional } from '@digigov/ui/core/Checkboxes';
|
|
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(Checkboxes, null, /*#__PURE__*/React.createElement(CheckboxItem, {
|
|
8
|
+
checked: true,
|
|
9
|
+
name: "email",
|
|
10
|
+
value: "email"
|
|
11
|
+
}, "Email"), /*#__PURE__*/React.createElement(CheckboxConditional, null, "Email address", /*#__PURE__*/React.createElement(TextInput, {
|
|
12
|
+
name: "email",
|
|
13
|
+
cellWidth: "one-third"
|
|
14
|
+
})), /*#__PURE__*/React.createElement(CheckboxItem, {
|
|
15
|
+
name: "phone",
|
|
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,20 @@
|
|
|
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 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\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;"), /*#__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(Checkboxes, null, /*#__PURE__*/React.createElement(CheckboxItem, {
|
|
7
|
+
name: "cold",
|
|
8
|
+
value: "cold"
|
|
9
|
+
}, "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9"), /*#__PURE__*/React.createElement(CheckboxItem, {
|
|
10
|
+
name: "fever",
|
|
11
|
+
value: "fever"
|
|
12
|
+
}, "\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC"), /*#__PURE__*/React.createElement(CheckboxItem, {
|
|
13
|
+
name: "fatigue",
|
|
14
|
+
value: "fatigue"
|
|
15
|
+
}, "\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7"))));
|
|
16
|
+
|
|
17
|
+
export var Default = function Default() {
|
|
18
|
+
return _ref;
|
|
19
|
+
};
|
|
20
|
+
export default Default;
|
|
@@ -0,0 +1,22 @@
|
|
|
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 Hint from '@digigov/ui/typography/Hint';
|
|
5
|
+
|
|
6
|
+
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
|
|
7
|
+
size: "s"
|
|
8
|
+
}, "\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;"), /*#__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(Checkboxes, null, /*#__PURE__*/React.createElement(CheckboxItem, {
|
|
9
|
+
name: "cold",
|
|
10
|
+
value: "cold"
|
|
11
|
+
}, "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9"), /*#__PURE__*/React.createElement(CheckboxItem, {
|
|
12
|
+
name: "fever",
|
|
13
|
+
value: "fever"
|
|
14
|
+
}, "\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC"), /*#__PURE__*/React.createElement(CheckboxItem, {
|
|
15
|
+
name: "fatigue",
|
|
16
|
+
value: "fatigue"
|
|
17
|
+
}, "\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7"))));
|
|
18
|
+
|
|
19
|
+
export var MultipleQuestions = function MultipleQuestions() {
|
|
20
|
+
return _ref;
|
|
21
|
+
};
|
|
22
|
+
export default MultipleQuestions;
|
|
@@ -0,0 +1,22 @@
|
|
|
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 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, "\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(Checkboxes, null, /*#__PURE__*/React.createElement(CheckboxItem, {
|
|
7
|
+
name: "cold",
|
|
8
|
+
value: "cold"
|
|
9
|
+
}, "\u0391\u03B3\u03B3\u03BB\u03AF\u03B1"), /*#__PURE__*/React.createElement(CheckboxItem, {
|
|
10
|
+
name: "fever",
|
|
11
|
+
value: "fever"
|
|
12
|
+
}, "\u0393\u03B1\u03BB\u03BB\u03AF\u03B1"), /*#__PURE__*/React.createElement("div", {
|
|
13
|
+
className: "govgr-checkboxes__divider"
|
|
14
|
+
}, "\u03AE"), /*#__PURE__*/React.createElement(CheckboxItem, {
|
|
15
|
+
name: "fatigue",
|
|
16
|
+
value: "fatigue"
|
|
17
|
+
}, "\u038C\u03C7\u03B9, \u03B4\u03B5\u03BD \u03B8\u03B1 \u03C4\u03B1\u03BE\u03B9\u03B4\u03AD\u03C8\u03C9 \u03C3\u03B5 \u03BA\u03B1\u03BC\u03AF\u03B1 \u03B1\u03C0\u03CC \u03B1\u03C5\u03C4\u03AD\u03C2 \u03C4\u03B9\u03C2 \u03C7\u03CE\u03C1\u03B5\u03C2"))));
|
|
18
|
+
|
|
19
|
+
export var NoneAnswer = function NoneAnswer() {
|
|
20
|
+
return _ref;
|
|
21
|
+
};
|
|
22
|
+
export default NoneAnswer;
|
|
@@ -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 WithErrorMessage = function WithErrorMessage() {
|
|
19
|
+
return _ref;
|
|
20
|
+
};
|
|
21
|
+
export default WithErrorMessage;
|
|
@@ -0,0 +1,20 @@
|
|
|
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 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\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B5\u03B8\u03BD\u03B9\u03BA\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03B1\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(Checkboxes, null, /*#__PURE__*/React.createElement(CheckboxItem, {
|
|
7
|
+
name: "cold",
|
|
8
|
+
value: "cold"
|
|
9
|
+
}, "\u0395\u03BB\u03BB\u03B7\u03BD\u03B9\u03BA\u03AE", /*#__PURE__*/React.createElement(Hint, null, "\u03C3\u03C5\u03BC\u03C0\u03B5\u03C1\u03B9\u03BB\u03B1\u03BC\u03B2\u03B1\u03BD\u03BF\u03BC\u03AD\u03BD\u03C9\u03BD \u03B1\u03C0\u03CC\u03B4\u03B7\u03BC\u03C9\u03BD \u03C0\u03BF\u03BB\u03B9\u03C4\u03CE\u03BD")), /*#__PURE__*/React.createElement(CheckboxItem, {
|
|
10
|
+
name: "fever",
|
|
11
|
+
value: "fever"
|
|
12
|
+
}, "\u039A\u03C5\u03C0\u03C1\u03B9\u03B1\u03BA\u03AE"), /*#__PURE__*/React.createElement(CheckboxItem, {
|
|
13
|
+
name: "fatigue",
|
|
14
|
+
value: "fatigue"
|
|
15
|
+
}, "\u0386\u03BB\u03BB\u03B7 \u03C7\u03CE\u03C1\u03B1"))));
|
|
16
|
+
|
|
17
|
+
export var WithHint = function WithHint() {
|
|
18
|
+
return _ref;
|
|
19
|
+
};
|
|
20
|
+
export default WithHint;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import Confirmation, { ConfirmationBody, ConfirmationTitle } from "@digigov/ui/core/Confirmation";
|
|
3
|
+
|
|
4
|
+
var _ref = /*#__PURE__*/React.createElement(Confirmation, null, /*#__PURE__*/React.createElement(ConfirmationTitle, null, "\u0397 \u03C6\u03CC\u03C1\u03BC\u03B1 \u03C5\u03C0\u03BF\u03B2\u03BB\u03AE\u03B8\u03B7\u03BA\u03B5 \u03B5\u03C0\u03B9\u03C4\u03C5\u03C7\u03CE\u03C2"), /*#__PURE__*/React.createElement(ConfirmationBody, null, "\u039F \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u03B5\u03B3\u03B3\u03C1\u03AC\u03C6\u03BF\u03C5 ", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("strong", null, "HDJ2123F")));
|
|
5
|
+
|
|
6
|
+
export var Default = function Default() {
|
|
7
|
+
return _ref;
|
|
8
|
+
};
|
|
9
|
+
export default Default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import DateInput from '@digigov/ui/core/DateInput';
|
|
2
|
+
export default {
|
|
3
|
+
title: 'Digigov UI/core/DateInput',
|
|
4
|
+
component: DateInput
|
|
5
|
+
};
|
|
6
|
+
export * from '@digigov/ui/core/DateInput/__stories__/Default';
|
|
7
|
+
export * from '@digigov/ui/core/DateInput/__stories__/WithErrorMessage';
|
|
8
|
+
export * from '@digigov/ui/core/DateInput/__stories__/WithErrorMessageForSingleField';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import DateInput, { DateInputItem } from '@digigov/ui/core/DateInput';
|
|
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\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(DateInput, null, /*#__PURE__*/React.createElement(DateInputItem, {
|
|
7
|
+
name: "day"
|
|
8
|
+
}, "\u0397\u03BC\u03AD\u03C1\u03B1"), /*#__PURE__*/React.createElement(DateInputItem, {
|
|
9
|
+
name: "month"
|
|
10
|
+
}, "\u039C\u03AE\u03BD\u03B1\u03C2"), /*#__PURE__*/React.createElement(DateInputItem, {
|
|
11
|
+
width: 4,
|
|
12
|
+
name: "year"
|
|
13
|
+
}, "\u03A7\u03C1\u03CC\u03BD\u03BF\u03C2"))));
|
|
14
|
+
|
|
15
|
+
export var Default = function Default() {
|
|
16
|
+
return _ref;
|
|
17
|
+
};
|
|
18
|
+
export default Default;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import DateInput, { DateInputItem } from '@digigov/ui/core/DateInput';
|
|
3
|
+
import Field, { Fieldset, FieldsetLegend } from '@digigov/ui/core/Field';
|
|
4
|
+
import Hint from '@digigov/ui/typography/Hint';
|
|
5
|
+
import ErrorMessage from '@digigov/ui/core/ErrorMessage';
|
|
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, "\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, {
|
|
11
|
+
error: true,
|
|
12
|
+
name: "day"
|
|
13
|
+
}, "\u0397\u03BC\u03AD\u03C1\u03B1"), /*#__PURE__*/React.createElement(DateInputItem, {
|
|
14
|
+
error: true,
|
|
15
|
+
name: "month"
|
|
16
|
+
}, "\u039C\u03AE\u03BD\u03B1\u03C2"), /*#__PURE__*/React.createElement(DateInputItem, {
|
|
17
|
+
error: true,
|
|
18
|
+
width: 4,
|
|
19
|
+
name: "year"
|
|
20
|
+
}, "\u03A7\u03C1\u03CC\u03BD\u03BF\u03C2"))));
|
|
21
|
+
|
|
22
|
+
export var WithErrorMessage = function WithErrorMessage() {
|
|
23
|
+
return _ref;
|
|
24
|
+
};
|
|
25
|
+
export default WithErrorMessage;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import DateInput, { DateInputItem } from '@digigov/ui/core/DateInput';
|
|
3
|
+
import Field, { Fieldset, FieldsetLegend } from '@digigov/ui/core/Field';
|
|
4
|
+
import Hint from '@digigov/ui/typography/Hint';
|
|
5
|
+
import ErrorMessage from '@digigov/ui/core/ErrorMessage';
|
|
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, "\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, {
|
|
11
|
+
name: "day"
|
|
12
|
+
}, "\u0397\u03BC\u03AD\u03C1\u03B1"), /*#__PURE__*/React.createElement(DateInputItem, {
|
|
13
|
+
name: "month"
|
|
14
|
+
}, "\u039C\u03AE\u03BD\u03B1\u03C2"), /*#__PURE__*/React.createElement(DateInputItem, {
|
|
15
|
+
error: true,
|
|
16
|
+
width: 4,
|
|
17
|
+
name: "year"
|
|
18
|
+
}, "\u03A7\u03C1\u03CC\u03BD\u03BF\u03C2"))));
|
|
19
|
+
|
|
20
|
+
export var WithErrorMessageForSingleField = function WithErrorMessageForSingleField() {
|
|
21
|
+
return _ref;
|
|
22
|
+
};
|
|
23
|
+
export default WithErrorMessageForSingleField;
|