@digigov/ui 0.28.1 → 0.28.3
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 +16 -1
- package/README.md +1 -0
- package/admin/AutoComplete/AutoComplete.stories.d.ts +1 -0
- package/admin/AutoComplete/AutoComplete.stories.js +2 -1
- package/admin/AutoComplete/Status/index.d.ts +2 -2
- package/admin/AutoComplete/Status/index.js +4 -4
- package/admin/AutoComplete/index.d.ts +2 -2
- package/admin/AutoComplete/index.mdx +4 -0
- package/admin/CircularProgress/CircularProgress.stories.d.ts +2 -0
- package/admin/CircularProgress/CircularProgress.stories.js +3 -2
- package/admin/CircularProgress/__stories__/Default.js +1 -3
- package/admin/CopyToClipboard/CopyToClipboard.stories.d.ts +1 -1
- package/admin/CopyToClipboard/CopyToClipboard.stories.js +2 -15
- package/admin/CopyToClipboard/index.mdx +2 -2
- package/admin/Drawer/Drawer.stories.d.ts +7 -1
- package/admin/Drawer/Drawer.stories.js +25 -3
- package/admin/Drawer/__stories__/Default.js +7 -46
- package/admin/Drawer/index.mdx +4 -0
- package/admin/Dropdown/Dropdown.stories.d.ts +3 -0
- package/admin/Dropdown/Dropdown.stories.js +4 -1
- package/admin/Dropdown/__stories__/AlignRight.js +4 -3
- package/admin/Dropdown/__stories__/Default.js +5 -3
- package/admin/Dropdown/__stories__/PlacementTop.js +4 -3
- package/admin/Dropdown/index.d.ts +3 -2
- package/admin/Dropdown/index.js +12 -4
- package/admin/Dropdown/index.mdx +4 -1
- package/admin/Modal/Modal.stories.d.ts +3 -0
- package/admin/Modal/Modal.stories.js +4 -1
- package/admin/Modal/__stories__/AlertDialog.js +11 -31
- package/admin/Modal/__stories__/Default.js +10 -26
- package/admin/Modal/index.d.ts +2 -2
- package/admin/Modal/index.js +5 -5
- package/admin/Modal/index.mdx +4 -8
- package/admin/Pagination/Pagination.stories.d.ts +4 -0
- package/admin/Pagination/Pagination.stories.js +18 -1
- package/admin/Pagination/__stories__/Default.js +1 -27
- package/admin/Pagination/__stories__/PaginationSmall.d.ts +2 -0
- package/admin/Pagination/__stories__/PaginationSmall.js +61 -0
- package/admin/Pagination/index.d.ts +3 -2
- package/admin/Pagination/index.js +12 -4
- package/admin/Pagination/index.mdx +4 -0
- package/admin/StepNav/StepNav.stories.d.ts +2 -0
- package/admin/StepNav/StepNav.stories.js +3 -1
- package/admin/TaskList/TaskList.stories.d.ts +2 -0
- package/admin/TaskList/TaskList.stories.js +3 -1
- package/admin/TaskList/__stories__/Default.js +2 -2
- package/admin/Timeline/Timeline.stories.d.ts +2 -0
- package/admin/Timeline/Timeline.stories.js +3 -1
- package/admin/Timeline/__stories__/Default.js +3 -1
- package/app/Confirmation/Confirmation.mdx +4 -0
- package/app/Confirmation/Confirmation.stories.d.ts +5 -1
- package/app/Confirmation/Confirmation.stories.js +6 -3
- package/app/Confirmation/index.d.ts +3 -3
- package/app/Confirmation/index.js +44 -15
- package/app/Footer/Footer.mdx +4 -0
- package/app/Footer/Footer.stories.d.ts +5 -0
- package/app/Footer/Footer.stories.js +6 -2
- package/app/Footer/index.d.ts +2 -0
- package/app/Footer/index.js +28 -2
- package/app/Header/Header.stories.d.ts +4 -0
- package/app/Header/Header.stories.js +4 -0
- package/app/Header/index.mdx +4 -0
- package/app/I18nText.js +1 -0
- package/app/NotFound/NotFound.stories.d.ts +1 -0
- package/app/NotFound/NotFound.stories.js +2 -1
- package/app/NotFound/index.mdx +4 -0
- package/app/PageTitle.d.ts +5 -9
- package/app/PageTitle.js +57 -61
- package/app/PhaseBannerHeader/PhaseBannerHeader.stories.d.ts +2 -0
- package/app/PhaseBannerHeader/PhaseBannerHeader.stories.js +3 -2
- package/app/PhaseBannerHeader/index.mdx +4 -0
- package/app/QrCodeScanner/QrCodeScanner.stories.d.ts +1 -0
- package/app/QrCodeScanner/QrCodeScanner.stories.js +2 -1
- package/app/QrCodeScanner/index.d.ts +8 -1
- package/app/QrCodeScanner/index.js +3 -5
- package/app/QrCodeViewer/QRCode.stories.d.ts +1 -0
- package/app/QrCodeViewer/QRCode.stories.js +2 -1
- package/app/QrCodeViewer/index.d.ts +5 -7
- package/app/QrCodeViewer/index.js +2 -70
- package/app/QrCodeViewer/index.mdx +4 -0
- package/app/QrCodeViewer/types.d.ts +0 -1
- package/app/index.d.ts +2 -0
- package/app/index.js +26 -0
- package/core/Accordion/Accordion.stories.d.ts +5 -0
- package/core/Accordion/Accordion.stories.js +6 -2
- package/core/Accordion/Accordion.stories.playwright.json +1 -7
- package/core/Accordion/__stories__/Default.js +3 -1
- package/core/Accordion/__stories__/WithHints.js +3 -1
- package/core/Accordion/index.d.ts +6 -0
- package/core/Accordion/index.js +85 -6
- package/core/Accordion/index.mdx +4 -0
- package/core/BackLink/BackLink.stories.d.ts +1 -0
- package/core/BackLink/BackLink.stories.js +2 -1
- package/core/BackLink/index.mdx +4 -0
- package/core/Blockquote/Blockquote.stories.d.ts +3 -0
- package/core/Blockquote/Blockquote.stories.js +4 -1
- package/core/Blockquote/index.mdx +4 -0
- package/core/Breadcrumbs/Breadcrumbs.stories.d.ts +3 -0
- package/core/Breadcrumbs/Breadcrumbs.stories.js +4 -1
- package/core/Breadcrumbs/breadcrumbs.mdx +4 -0
- package/core/Button/Button.stories.d.ts +3 -0
- package/core/Button/Button.stories.js +5 -2
- package/core/Button/index.mdx +4 -1
- package/core/Card/Card.stories.d.ts +4 -0
- package/core/Card/Card.stories.js +5 -1
- package/core/Card/__stories__/WithClickableContent.js +2 -2
- package/core/Card/card.mdx +4 -0
- package/core/Checkboxes/Checkbox.stories.d.ts +3 -0
- package/core/Checkboxes/Checkbox.stories.js +4 -1
- package/core/Checkboxes/__stories__/ConditionalReveal.js +1 -1
- package/core/Checkboxes/__stories__/NoneAnswerWithError.js +2 -2
- package/core/Checkboxes/checkboxes.mdx +4 -0
- package/core/DateInput/DateInput.stories.d.ts +3 -0
- package/core/DateInput/DateInput.stories.js +4 -1
- package/core/DateInput/index.d.ts +2 -2
- package/core/DateInput/index.js +5 -5
- package/core/DateInput/index.mdx +5 -0
- package/core/Details/Details.stories.d.ts +3 -0
- package/core/Details/Details.stories.js +4 -1
- package/core/Details/index.d.ts +3 -3
- package/core/Details/index.js +44 -21
- package/core/Details/index.mdx +4 -0
- package/core/Divider/Divider.stories.d.ts +1 -0
- package/core/Divider/Divider.stories.js +2 -1
- package/core/Divider/index.js +1 -0
- package/core/ErrorMessage/ErrorMessage.stories.d.ts +3 -0
- package/core/ErrorMessage/ErrorMessage.stories.js +4 -1
- package/core/ErrorMessage/index.mdx +4 -0
- package/core/ErrorSummary/ErrorSummary.stories.d.ts +3 -0
- package/core/ErrorSummary/ErrorSummary.stories.js +4 -1
- package/core/ErrorSummary/__stories__/LinkedToInput.js +2 -2
- package/core/ErrorSummary/index.d.ts +1 -1
- package/core/ErrorSummary/index.js +19 -8
- package/core/ErrorSummary/index.mdx +4 -0
- package/core/Field/index.d.ts +2 -2
- package/core/Field/index.js +5 -5
- package/core/FileUpload/FileUpload.stories.d.ts +2 -0
- package/core/FileUpload/FileUpload.stories.js +3 -1
- package/core/FileUpload/index.mdx +4 -1
- package/core/Label/index.d.ts +2 -2
- package/core/Label/index.js +5 -5
- package/core/Link/Link.stories.d.ts +2 -0
- package/core/Link/Link.stories.js +3 -1
- package/core/Link/index.d.ts +3 -3
- package/core/Link/index.js +15 -6
- package/core/Link/link.mdx +4 -0
- package/core/List/List.d.ts +1 -1
- package/core/List/List.js +19 -8
- package/core/List/List.stories.d.ts +4 -0
- package/core/List/List.stories.js +5 -2
- package/core/List/index.mdx +4 -0
- package/core/Masthead/Masthead.stories.d.ts +4 -0
- package/core/Masthead/Masthead.stories.js +5 -1
- package/core/Masthead/masthead.mdx +4 -0
- package/core/NavList/NavList.stories.d.ts +3 -0
- package/core/NavList/NavList.stories.js +4 -1
- package/core/NavList/index.d.ts +3 -1
- package/core/NavList/index.js +26 -8
- package/core/NavList/index.mdx +4 -0
- package/core/NotificationBanner/NotificationBanner.stories.d.ts +4 -0
- package/core/NotificationBanner/NotificationBanner.stories.js +5 -1
- package/core/NotificationBanner/index.d.ts +3 -3
- package/core/NotificationBanner/index.js +8 -2
- package/core/NotificationBanner/index.mdx +4 -0
- package/core/PhaseBanner/PhaseBanner.stories.d.ts +3 -0
- package/core/PhaseBanner/PhaseBanner.stories.js +4 -1
- package/core/PhaseBanner/index.mdx +4 -0
- package/core/Radios/Radios.stories.d.ts +3 -0
- package/core/Radios/Radios.stories.js +4 -1
- package/core/Radios/__stories__/ConditionalReveal.js +1 -1
- package/core/Radios/index.d.ts +2 -2
- package/core/Radios/index.js +5 -5
- package/core/Radios/index.mdx +14 -0
- package/core/Select/Select.stories.d.ts +3 -0
- package/core/Select/Select.stories.js +4 -1
- package/core/Select/__stories__/Default.js +2 -2
- package/core/Select/__stories__/DisabledInput.js +2 -2
- package/core/Select/__stories__/WithHint.js +2 -2
- package/core/Select/index.d.ts +2 -2
- package/core/Select/index.js +5 -5
- package/core/Select/index.mdx +4 -0
- package/core/SummaryList/SummaryList.stories.d.ts +4 -0
- package/core/SummaryList/SummaryList.stories.js +5 -2
- package/core/SummaryList/index.mdx +4 -0
- package/core/Table/Table.stories.d.ts +4 -0
- package/core/Table/Table.stories.js +5 -2
- package/core/Table/__stories__/WithFloatingScroll.js +1 -27
- package/core/Table/index.d.ts +2 -0
- package/core/Table/index.js +23 -2
- package/core/Table/index.mdx +4 -1
- package/core/Tabs/Tabs.stories.d.ts +5 -0
- package/core/Tabs/Tabs.stories.js +6 -2
- package/core/Tabs/index.d.ts +5 -5
- package/core/Tabs/index.js +74 -36
- package/core/Tabs/index.mdx +4 -0
- package/core/TextArea/TextArea.stories.d.ts +3 -0
- package/core/TextArea/TextArea.stories.js +4 -1
- package/core/TextArea/__stories__/Default.js +2 -2
- package/core/TextArea/__stories__/DisabledInput.js +2 -2
- package/core/TextArea/__stories__/LimitedCharacters.js +2 -2
- package/core/TextArea/__stories__/MultipleQuestions.js +2 -2
- package/core/TextArea/__stories__/WithDeclaredRows.js +2 -2
- package/core/TextArea/__stories__/WithErrorMessage.js +2 -2
- package/core/TextArea/__stories__/WithHint.js +2 -2
- package/core/TextArea/index.mdx +4 -0
- package/core/TextInput/TextInput.stories.d.ts +3 -0
- package/core/TextInput/TextInput.stories.js +4 -1
- package/core/TextInput/__stories__/AskingForNumbers.js +2 -2
- package/core/TextInput/__stories__/Default.js +2 -2
- package/core/TextInput/__stories__/DisabledInput.js +2 -2
- package/core/TextInput/__stories__/FixedWidths.js +7 -7
- package/core/TextInput/__stories__/FluidWidths.js +7 -7
- package/core/TextInput/__stories__/MultipleQuestions.js +2 -2
- package/core/TextInput/__stories__/WithErrorMessage.js +2 -2
- package/core/TextInput/__stories__/WithHint.js +2 -2
- package/core/TextInput/index.mdx +4 -0
- package/core/VisuallyHidden/VisuallyHidden.stories.d.ts +1 -0
- package/core/VisuallyHidden/VisuallyHidden.stories.js +2 -1
- package/core/VisuallyHidden/index.mdx +4 -1
- package/core/WarningText/WarningText.stories.d.ts +4 -0
- package/core/WarningText/WarningText.stories.js +5 -2
- package/core/WarningText/index.d.ts +1 -1
- package/core/WarningText/index.js +19 -8
- package/core/WarningText/index.mdx +4 -0
- package/core/index.d.ts +8 -5
- package/core/index.js +74 -65
- package/es/admin/AutoComplete/AutoComplete.stories.js +2 -1
- package/es/admin/AutoComplete/Status/index.js +4 -4
- package/es/admin/AutoComplete/index.mdx +4 -0
- package/es/admin/CircularProgress/CircularProgress.stories.js +3 -2
- package/es/admin/CircularProgress/__stories__/Default.js +1 -2
- package/es/admin/CopyToClipboard/CopyToClipboard.stories.js +3 -3
- package/es/admin/CopyToClipboard/index.mdx +2 -2
- package/es/admin/Drawer/Drawer.stories.js +8 -2
- package/es/admin/Drawer/__stories__/Default.js +8 -47
- package/es/admin/Drawer/index.mdx +4 -0
- package/es/admin/Dropdown/Dropdown.stories.js +4 -1
- package/es/admin/Dropdown/__stories__/AlignRight.js +4 -3
- package/es/admin/Dropdown/__stories__/Default.js +5 -3
- package/es/admin/Dropdown/__stories__/PlacementTop.js +4 -3
- package/es/admin/Dropdown/index.js +3 -2
- package/es/admin/Dropdown/index.mdx +4 -1
- package/es/admin/Modal/Modal.stories.js +4 -1
- package/es/admin/Modal/__stories__/AlertDialog.js +12 -31
- package/es/admin/Modal/__stories__/Default.js +11 -26
- package/es/admin/Modal/index.js +2 -2
- package/es/admin/Modal/index.mdx +4 -8
- package/es/admin/Pagination/Pagination.stories.js +6 -2
- package/es/admin/Pagination/__stories__/Default.js +1 -27
- package/es/admin/Pagination/__stories__/PaginationSmall.js +38 -0
- package/es/admin/Pagination/index.js +3 -2
- package/es/admin/Pagination/index.mdx +4 -0
- package/es/admin/StepNav/StepNav.stories.js +3 -1
- package/es/admin/TaskList/TaskList.stories.js +3 -1
- package/es/admin/TaskList/__stories__/Default.js +2 -2
- package/es/admin/Timeline/Timeline.stories.js +3 -1
- package/es/admin/Timeline/__stories__/Default.js +3 -2
- package/es/app/Confirmation/Confirmation.mdx +4 -0
- package/es/app/Confirmation/Confirmation.stories.js +6 -3
- package/es/app/Confirmation/index.js +4 -4
- package/es/app/Footer/Footer.mdx +4 -0
- package/es/app/Footer/Footer.stories.js +6 -2
- package/es/app/Footer/index.js +3 -1
- package/es/app/Header/Header.stories.js +4 -0
- package/es/app/Header/index.mdx +4 -0
- package/es/app/I18nText.js +1 -0
- package/es/app/NotFound/NotFound.stories.js +2 -1
- package/es/app/NotFound/index.mdx +4 -0
- package/es/app/PageTitle.js +6 -57
- package/es/app/PhaseBannerHeader/PhaseBannerHeader.stories.js +3 -2
- package/es/app/PhaseBannerHeader/index.mdx +4 -0
- package/es/app/QrCodeScanner/QrCodeScanner.stories.js +2 -1
- package/es/app/QrCodeScanner/index.js +3 -5
- package/es/app/QrCodeViewer/QRCode.stories.js +2 -1
- package/es/app/QrCodeViewer/index.js +2 -69
- package/es/app/QrCodeViewer/index.mdx +4 -0
- package/es/app/index.js +2 -0
- package/es/core/Accordion/Accordion.stories.js +6 -2
- package/es/core/Accordion/Accordion.stories.playwright.json +1 -7
- package/es/core/Accordion/__stories__/Default.js +3 -1
- package/es/core/Accordion/__stories__/WithHints.js +3 -1
- package/es/core/Accordion/index.js +6 -0
- package/es/core/Accordion/index.mdx +4 -0
- package/es/core/BackLink/BackLink.stories.js +2 -1
- package/es/core/BackLink/index.mdx +4 -0
- package/es/core/Blockquote/Blockquote.stories.js +4 -1
- package/es/core/Blockquote/index.mdx +4 -0
- package/es/core/Breadcrumbs/Breadcrumbs.stories.js +4 -1
- package/es/core/Breadcrumbs/breadcrumbs.mdx +4 -0
- package/es/core/Button/Button.stories.js +5 -2
- package/es/core/Button/index.mdx +4 -1
- package/es/core/Card/Card.stories.js +5 -1
- package/es/core/Card/__stories__/WithClickableContent.js +2 -2
- package/es/core/Card/card.mdx +4 -0
- package/es/core/Checkboxes/Checkbox.stories.js +4 -1
- package/es/core/Checkboxes/__stories__/ConditionalReveal.js +1 -1
- package/es/core/Checkboxes/__stories__/NoneAnswerWithError.js +2 -2
- package/es/core/Checkboxes/checkboxes.mdx +4 -0
- package/es/core/DateInput/DateInput.stories.js +4 -1
- package/es/core/DateInput/index.js +2 -2
- package/es/core/DateInput/index.mdx +5 -0
- package/es/core/Details/Details.stories.js +4 -1
- package/es/core/Details/index.js +3 -3
- package/es/core/Details/index.mdx +4 -0
- package/es/core/Divider/Divider.stories.js +2 -1
- package/es/core/Divider/index.js +1 -0
- package/es/core/ErrorMessage/ErrorMessage.stories.js +4 -1
- package/es/core/ErrorMessage/index.mdx +4 -0
- package/es/core/ErrorSummary/ErrorSummary.stories.js +4 -1
- package/es/core/ErrorSummary/__stories__/LinkedToInput.js +4 -4
- package/es/core/ErrorSummary/index.js +1 -1
- package/es/core/ErrorSummary/index.mdx +4 -0
- package/es/core/Field/index.js +2 -2
- package/es/core/FileUpload/FileUpload.stories.js +3 -1
- package/es/core/FileUpload/index.mdx +4 -1
- package/es/core/Label/index.js +2 -2
- package/es/core/Link/Link.stories.js +3 -1
- package/es/core/Link/index.js +8 -6
- package/es/core/Link/link.mdx +4 -0
- package/es/core/List/List.js +1 -1
- package/es/core/List/List.stories.js +5 -2
- package/es/core/List/index.mdx +4 -0
- package/es/core/Masthead/Masthead.stories.js +5 -1
- package/es/core/Masthead/masthead.mdx +4 -0
- package/es/core/NavList/NavList.stories.js +4 -1
- package/es/core/NavList/index.js +4 -2
- package/es/core/NavList/index.mdx +4 -0
- package/es/core/NotificationBanner/NotificationBanner.stories.js +5 -1
- package/es/core/NotificationBanner/index.js +3 -3
- package/es/core/NotificationBanner/index.mdx +4 -0
- package/es/core/PhaseBanner/PhaseBanner.stories.js +4 -1
- package/es/core/PhaseBanner/index.mdx +4 -0
- package/es/core/Radios/Radios.stories.js +4 -1
- package/es/core/Radios/__stories__/ConditionalReveal.js +1 -1
- package/es/core/Radios/index.js +2 -2
- package/es/core/Radios/index.mdx +14 -0
- package/es/core/Select/Select.stories.js +4 -1
- package/es/core/Select/__stories__/Default.js +2 -2
- package/es/core/Select/__stories__/DisabledInput.js +2 -2
- package/es/core/Select/__stories__/WithHint.js +2 -2
- package/es/core/Select/index.js +2 -2
- package/es/core/Select/index.mdx +4 -0
- package/es/core/SummaryList/SummaryList.stories.js +5 -2
- package/es/core/SummaryList/index.mdx +4 -0
- package/es/core/Table/Table.stories.js +5 -2
- package/es/core/Table/__stories__/WithFloatingScroll.js +1 -27
- package/es/core/Table/index.js +3 -1
- package/es/core/Table/index.mdx +4 -1
- package/es/core/Tabs/Tabs.stories.js +6 -2
- package/es/core/Tabs/index.js +5 -5
- package/es/core/Tabs/index.mdx +4 -0
- package/es/core/TextArea/TextArea.stories.js +4 -1
- package/es/core/TextArea/__stories__/Default.js +4 -4
- package/es/core/TextArea/__stories__/DisabledInput.js +4 -4
- package/es/core/TextArea/__stories__/LimitedCharacters.js +4 -4
- package/es/core/TextArea/__stories__/MultipleQuestions.js +4 -4
- package/es/core/TextArea/__stories__/WithDeclaredRows.js +4 -4
- package/es/core/TextArea/__stories__/WithErrorMessage.js +4 -4
- package/es/core/TextArea/__stories__/WithHint.js +4 -4
- package/es/core/TextArea/index.mdx +4 -0
- package/es/core/TextInput/TextInput.stories.js +4 -1
- package/es/core/TextInput/__stories__/AskingForNumbers.js +4 -4
- package/es/core/TextInput/__stories__/Default.js +4 -4
- package/es/core/TextInput/__stories__/DisabledInput.js +4 -4
- package/es/core/TextInput/__stories__/FixedWidths.js +9 -9
- package/es/core/TextInput/__stories__/FluidWidths.js +9 -9
- package/es/core/TextInput/__stories__/MultipleQuestions.js +4 -4
- package/es/core/TextInput/__stories__/WithErrorMessage.js +5 -5
- package/es/core/TextInput/__stories__/WithHint.js +4 -4
- package/es/core/TextInput/index.mdx +4 -0
- package/es/core/VisuallyHidden/VisuallyHidden.stories.js +2 -1
- package/es/core/VisuallyHidden/index.mdx +4 -1
- package/es/core/WarningText/WarningText.stories.js +5 -2
- package/es/core/WarningText/index.js +1 -1
- package/es/core/WarningText/index.mdx +4 -0
- package/es/core/index.js +8 -5
- package/es/govgr/Footer/Copyright.js +3 -2
- package/es/govgr/Footer/index.mdx +4 -0
- package/es/index.js +2 -1
- package/es/layouts/Basic/Basic.stories.js +3 -1
- package/es/layouts/Basic/Bottom/index.js +1 -1
- package/es/layouts/Basic/Bottom/index.mdx +4 -0
- package/es/layouts/Basic/Main/index.js +1 -1
- package/es/layouts/Basic/Main/index.mdx +4 -0
- package/es/layouts/Basic/Masthead/index.js +2 -2
- package/es/layouts/Basic/Masthead/index.mdx +4 -0
- package/es/layouts/Basic/Top/index.js +2 -10
- package/es/layouts/Basic/Top/index.mdx +4 -0
- package/es/layouts/Basic/index.js +5 -3
- package/es/layouts/Basic/index.mdx +0 -6
- package/es/layouts/Grid/Grid.stories.js +3 -2
- package/es/layouts/Grid/__stories__/Default.js +2 -6
- package/es/registry.js +116 -2
- package/es/typography/Heading/Heading.stories.js +2 -1
- package/es/typography/Heading/index.js +1 -1
- package/es/typography/Heading/index.mdx +4 -0
- package/es/typography/HeadingCaption/HeadingCaption.stories.js +2 -1
- package/es/typography/HeadingCaption/index.js +1 -1
- package/es/typography/HeadingCaption/index.mdx +4 -1
- package/es/typography/Hint/Hint.stories.js +2 -1
- package/es/typography/Hint/index.mdx +4 -1
- package/es/typography/NormalText/NormalText.stories.js +2 -1
- package/es/typography/NormalText/index.mdx +4 -1
- package/es/typography/Paragraph/Paragraph.stories.js +2 -1
- package/es/typography/Paragraph/index.mdx +4 -1
- package/es/typography/index.js +2 -4
- package/es/utils/Kitchensink/AllComponents.js +11 -0
- package/es/utils/Kitchensink/KitchensinkByCategory.js +42 -0
- package/es/utils/Kitchensink/KitchensinkByLetter.js +20 -0
- package/es/utils/Kitchensink/KitchensinkComponent.js +51 -0
- package/es/utils/Kitchensink/KitchensinkDashboard.js +50 -0
- package/es/utils/withDeprecation.js +15 -12
- package/esm/admin/AutoComplete/AutoComplete.stories.js +2 -1
- package/esm/admin/AutoComplete/Status/index.js +4 -4
- package/esm/admin/AutoComplete/index.mdx +4 -0
- package/esm/admin/CircularProgress/CircularProgress.stories.js +3 -2
- package/esm/admin/CircularProgress/__stories__/Default.js +1 -2
- package/esm/admin/CopyToClipboard/CopyToClipboard.stories.js +3 -3
- package/esm/admin/CopyToClipboard/index.mdx +2 -2
- package/esm/admin/Drawer/Drawer.stories.js +8 -2
- package/esm/admin/Drawer/__stories__/Default.js +8 -47
- package/esm/admin/Drawer/index.mdx +4 -0
- package/esm/admin/Dropdown/Dropdown.stories.js +4 -1
- package/esm/admin/Dropdown/__stories__/AlignRight.js +4 -3
- package/esm/admin/Dropdown/__stories__/Default.js +5 -3
- package/esm/admin/Dropdown/__stories__/PlacementTop.js +4 -3
- package/esm/admin/Dropdown/index.js +3 -2
- package/esm/admin/Dropdown/index.mdx +4 -1
- package/esm/admin/Modal/Modal.stories.js +4 -1
- package/esm/admin/Modal/__stories__/AlertDialog.js +12 -31
- package/esm/admin/Modal/__stories__/Default.js +11 -26
- package/esm/admin/Modal/index.js +2 -2
- package/esm/admin/Modal/index.mdx +4 -8
- package/esm/admin/Pagination/Pagination.stories.js +6 -2
- package/esm/admin/Pagination/__stories__/Default.js +1 -27
- package/esm/admin/Pagination/__stories__/PaginationSmall.js +38 -0
- package/esm/admin/Pagination/index.js +3 -2
- package/esm/admin/Pagination/index.mdx +4 -0
- package/esm/admin/StepNav/StepNav.stories.js +3 -1
- package/esm/admin/TaskList/TaskList.stories.js +3 -1
- package/esm/admin/TaskList/__stories__/Default.js +2 -2
- package/esm/admin/Timeline/Timeline.stories.js +3 -1
- package/esm/admin/Timeline/__stories__/Default.js +3 -2
- package/esm/app/Confirmation/Confirmation.mdx +4 -0
- package/esm/app/Confirmation/Confirmation.stories.js +6 -3
- package/esm/app/Confirmation/index.js +4 -4
- package/esm/app/Footer/Footer.mdx +4 -0
- package/esm/app/Footer/Footer.stories.js +6 -2
- package/esm/app/Footer/index.js +3 -1
- package/esm/app/Header/Header.stories.js +4 -0
- package/esm/app/Header/index.mdx +4 -0
- package/esm/app/I18nText.js +1 -0
- package/esm/app/NotFound/NotFound.stories.js +2 -1
- package/esm/app/NotFound/index.mdx +4 -0
- package/esm/app/PageTitle.js +6 -57
- package/esm/app/PhaseBannerHeader/PhaseBannerHeader.stories.js +3 -2
- package/esm/app/PhaseBannerHeader/index.mdx +4 -0
- package/esm/app/QrCodeScanner/QrCodeScanner.stories.js +2 -1
- package/esm/app/QrCodeScanner/index.js +3 -5
- package/esm/app/QrCodeViewer/QRCode.stories.js +2 -1
- package/esm/app/QrCodeViewer/index.js +2 -69
- package/esm/app/QrCodeViewer/index.mdx +4 -0
- package/esm/app/index.js +2 -0
- package/esm/core/Accordion/Accordion.stories.js +6 -2
- package/esm/core/Accordion/Accordion.stories.playwright.json +1 -7
- package/esm/core/Accordion/__stories__/Default.js +3 -1
- package/esm/core/Accordion/__stories__/WithHints.js +3 -1
- package/esm/core/Accordion/index.js +6 -0
- package/esm/core/Accordion/index.mdx +4 -0
- package/esm/core/BackLink/BackLink.stories.js +2 -1
- package/esm/core/BackLink/index.mdx +4 -0
- package/esm/core/Blockquote/Blockquote.stories.js +4 -1
- package/esm/core/Blockquote/index.mdx +4 -0
- package/esm/core/Breadcrumbs/Breadcrumbs.stories.js +4 -1
- package/esm/core/Breadcrumbs/breadcrumbs.mdx +4 -0
- package/esm/core/Button/Button.stories.js +5 -2
- package/esm/core/Button/index.mdx +4 -1
- package/esm/core/Card/Card.stories.js +5 -1
- package/esm/core/Card/__stories__/WithClickableContent.js +2 -2
- package/esm/core/Card/card.mdx +4 -0
- package/esm/core/Checkboxes/Checkbox.stories.js +4 -1
- package/esm/core/Checkboxes/__stories__/ConditionalReveal.js +1 -1
- package/esm/core/Checkboxes/__stories__/NoneAnswerWithError.js +2 -2
- package/esm/core/Checkboxes/checkboxes.mdx +4 -0
- package/esm/core/DateInput/DateInput.stories.js +4 -1
- package/esm/core/DateInput/index.js +2 -2
- package/esm/core/DateInput/index.mdx +5 -0
- package/esm/core/Details/Details.stories.js +4 -1
- package/esm/core/Details/index.js +3 -3
- package/esm/core/Details/index.mdx +4 -0
- package/esm/core/Divider/Divider.stories.js +2 -1
- package/esm/core/Divider/index.js +1 -0
- package/esm/core/ErrorMessage/ErrorMessage.stories.js +4 -1
- package/esm/core/ErrorMessage/index.mdx +4 -0
- package/esm/core/ErrorSummary/ErrorSummary.stories.js +4 -1
- package/esm/core/ErrorSummary/__stories__/LinkedToInput.js +4 -4
- package/esm/core/ErrorSummary/index.js +1 -1
- package/esm/core/ErrorSummary/index.mdx +4 -0
- package/esm/core/Field/index.js +2 -2
- package/esm/core/FileUpload/FileUpload.stories.js +3 -1
- package/esm/core/FileUpload/index.mdx +4 -1
- package/esm/core/Label/index.js +2 -2
- package/esm/core/Link/Link.stories.js +3 -1
- package/esm/core/Link/index.js +8 -6
- package/esm/core/Link/link.mdx +4 -0
- package/esm/core/List/List.js +1 -1
- package/esm/core/List/List.stories.js +5 -2
- package/esm/core/List/index.mdx +4 -0
- package/esm/core/Masthead/Masthead.stories.js +5 -1
- package/esm/core/Masthead/masthead.mdx +4 -0
- package/esm/core/NavList/NavList.stories.js +4 -1
- package/esm/core/NavList/index.js +4 -2
- package/esm/core/NavList/index.mdx +4 -0
- package/esm/core/NotificationBanner/NotificationBanner.stories.js +5 -1
- package/esm/core/NotificationBanner/index.js +3 -3
- package/esm/core/NotificationBanner/index.mdx +4 -0
- package/esm/core/PhaseBanner/PhaseBanner.stories.js +4 -1
- package/esm/core/PhaseBanner/index.mdx +4 -0
- package/esm/core/Radios/Radios.stories.js +4 -1
- package/esm/core/Radios/__stories__/ConditionalReveal.js +1 -1
- package/esm/core/Radios/index.js +2 -2
- package/esm/core/Radios/index.mdx +14 -0
- package/esm/core/Select/Select.stories.js +4 -1
- package/esm/core/Select/__stories__/Default.js +2 -2
- package/esm/core/Select/__stories__/DisabledInput.js +2 -2
- package/esm/core/Select/__stories__/WithHint.js +2 -2
- package/esm/core/Select/index.js +2 -2
- package/esm/core/Select/index.mdx +4 -0
- package/esm/core/SummaryList/SummaryList.stories.js +5 -2
- package/esm/core/SummaryList/index.mdx +4 -0
- package/esm/core/Table/Table.stories.js +5 -2
- package/esm/core/Table/__stories__/WithFloatingScroll.js +1 -27
- package/esm/core/Table/index.js +3 -1
- package/esm/core/Table/index.mdx +4 -1
- package/esm/core/Tabs/Tabs.stories.js +6 -2
- package/esm/core/Tabs/index.js +5 -5
- package/esm/core/Tabs/index.mdx +4 -0
- package/esm/core/TextArea/TextArea.stories.js +4 -1
- package/esm/core/TextArea/__stories__/Default.js +4 -4
- package/esm/core/TextArea/__stories__/DisabledInput.js +4 -4
- package/esm/core/TextArea/__stories__/LimitedCharacters.js +4 -4
- package/esm/core/TextArea/__stories__/MultipleQuestions.js +4 -4
- package/esm/core/TextArea/__stories__/WithDeclaredRows.js +4 -4
- package/esm/core/TextArea/__stories__/WithErrorMessage.js +4 -4
- package/esm/core/TextArea/__stories__/WithHint.js +4 -4
- package/esm/core/TextArea/index.mdx +4 -0
- package/esm/core/TextInput/TextInput.stories.js +4 -1
- package/esm/core/TextInput/__stories__/AskingForNumbers.js +4 -4
- package/esm/core/TextInput/__stories__/Default.js +4 -4
- package/esm/core/TextInput/__stories__/DisabledInput.js +4 -4
- package/esm/core/TextInput/__stories__/FixedWidths.js +9 -9
- package/esm/core/TextInput/__stories__/FluidWidths.js +9 -9
- package/esm/core/TextInput/__stories__/MultipleQuestions.js +4 -4
- package/esm/core/TextInput/__stories__/WithErrorMessage.js +5 -5
- package/esm/core/TextInput/__stories__/WithHint.js +4 -4
- package/esm/core/TextInput/index.mdx +4 -0
- package/esm/core/VisuallyHidden/VisuallyHidden.stories.js +2 -1
- package/esm/core/VisuallyHidden/index.mdx +4 -1
- package/esm/core/WarningText/WarningText.stories.js +5 -2
- package/esm/core/WarningText/index.js +1 -1
- package/esm/core/WarningText/index.mdx +4 -0
- package/esm/core/index.js +8 -5
- package/esm/govgr/Footer/Copyright.js +3 -2
- package/esm/govgr/Footer/index.mdx +4 -0
- package/esm/index.js +3 -2
- package/esm/layouts/Basic/Basic.stories.js +3 -1
- package/esm/layouts/Basic/Bottom/index.js +1 -1
- package/esm/layouts/Basic/Bottom/index.mdx +4 -0
- package/esm/layouts/Basic/Main/index.js +1 -1
- package/esm/layouts/Basic/Main/index.mdx +4 -0
- package/esm/layouts/Basic/Masthead/index.js +2 -2
- package/esm/layouts/Basic/Masthead/index.mdx +4 -0
- package/esm/layouts/Basic/Top/index.js +2 -10
- package/esm/layouts/Basic/Top/index.mdx +4 -0
- package/esm/layouts/Basic/index.js +5 -3
- package/esm/layouts/Basic/index.mdx +0 -6
- package/esm/layouts/Grid/Grid.stories.js +3 -2
- package/esm/layouts/Grid/__stories__/Default.js +2 -6
- package/esm/registry.js +116 -2
- package/esm/typography/Heading/Heading.stories.js +2 -1
- package/esm/typography/Heading/index.js +1 -1
- package/esm/typography/Heading/index.mdx +4 -0
- package/esm/typography/HeadingCaption/HeadingCaption.stories.js +2 -1
- package/esm/typography/HeadingCaption/index.js +1 -1
- package/esm/typography/HeadingCaption/index.mdx +4 -1
- package/esm/typography/Hint/Hint.stories.js +2 -1
- package/esm/typography/Hint/index.mdx +4 -1
- package/esm/typography/NormalText/NormalText.stories.js +2 -1
- package/esm/typography/NormalText/index.mdx +4 -1
- package/esm/typography/Paragraph/Paragraph.stories.js +2 -1
- package/esm/typography/Paragraph/index.mdx +4 -1
- package/esm/typography/index.js +2 -4
- package/esm/utils/Kitchensink/AllComponents.js +11 -0
- package/esm/utils/Kitchensink/KitchensinkByCategory.js +42 -0
- package/esm/utils/Kitchensink/KitchensinkByLetter.js +20 -0
- package/esm/utils/Kitchensink/KitchensinkComponent.js +51 -0
- package/esm/utils/Kitchensink/KitchensinkDashboard.js +50 -0
- package/esm/utils/withDeprecation.js +15 -12
- package/govgr/Footer/Copyright.d.ts +2 -0
- package/govgr/Footer/Copyright.js +10 -3
- package/govgr/Footer/index.mdx +4 -0
- package/index.d.ts +1 -0
- package/index.js +13 -0
- package/layouts/Basic/Basic.stories.d.ts +2 -0
- package/layouts/Basic/Basic.stories.js +3 -1
- package/layouts/Basic/Bottom/index.d.ts +1 -1
- package/layouts/Basic/Bottom/index.js +19 -8
- package/layouts/Basic/Bottom/index.mdx +4 -0
- package/layouts/Basic/Content/index.d.ts +1 -3
- package/layouts/Basic/Main/index.d.ts +1 -1
- package/layouts/Basic/Main/index.js +19 -8
- package/layouts/Basic/Main/index.mdx +4 -0
- package/layouts/Basic/Masthead/index.d.ts +2 -2
- package/layouts/Basic/Masthead/index.js +31 -14
- package/layouts/Basic/Masthead/index.mdx +4 -0
- package/layouts/Basic/Top/index.d.ts +2 -2
- package/layouts/Basic/Top/index.js +19 -13
- package/layouts/Basic/Top/index.mdx +4 -0
- package/layouts/Basic/index.d.ts +4 -2
- package/layouts/Basic/index.js +48 -11
- package/layouts/Basic/index.mdx +0 -6
- package/layouts/Grid/Grid.stories.d.ts +2 -0
- package/layouts/Grid/Grid.stories.js +3 -2
- package/layouts/Grid/__stories__/Default.js +2 -6
- package/package.json +5 -5
- package/registry.d.ts +111 -1
- package/registry.js +176 -5
- package/typography/Heading/Heading.stories.d.ts +1 -0
- package/typography/Heading/Heading.stories.js +2 -1
- package/typography/Heading/index.d.ts +1 -1
- package/typography/Heading/index.mdx +4 -0
- package/typography/HeadingCaption/HeadingCaption.stories.d.ts +1 -0
- package/typography/HeadingCaption/HeadingCaption.stories.js +2 -1
- package/typography/HeadingCaption/index.d.ts +1 -1
- package/typography/HeadingCaption/index.mdx +4 -1
- package/typography/Hint/Hint.stories.d.ts +1 -0
- package/typography/Hint/Hint.stories.js +2 -1
- package/typography/Hint/index.mdx +4 -1
- package/typography/NormalText/NormalText.stories.d.ts +1 -0
- package/typography/NormalText/NormalText.stories.js +2 -1
- package/typography/NormalText/index.mdx +4 -1
- package/typography/Paragraph/Paragraph.stories.d.ts +1 -0
- package/typography/Paragraph/Paragraph.stories.js +2 -1
- package/typography/Paragraph/index.mdx +4 -1
- package/typography/index.d.ts +2 -4
- package/typography/index.js +31 -46
- package/utils/Kitchensink/AllComponents.d.ts +1 -0
- package/utils/Kitchensink/AllComponents.js +24 -0
- package/utils/Kitchensink/KitchensinkByCategory.d.ts +6 -0
- package/utils/Kitchensink/KitchensinkByCategory.js +56 -0
- package/utils/Kitchensink/KitchensinkByLetter.d.ts +5 -0
- package/utils/Kitchensink/KitchensinkByLetter.js +34 -0
- package/utils/Kitchensink/KitchensinkComponent.d.ts +10 -0
- package/utils/Kitchensink/KitchensinkComponent.js +68 -0
- package/utils/Kitchensink/KitchensinkDashboard.d.ts +4 -0
- package/utils/Kitchensink/KitchensinkDashboard.js +63 -0
- package/utils/withDeprecation.js +15 -12
- package/admin/CopyToClipboard/__stories__/MultipleCopies.d.ts +0 -2
- package/admin/CopyToClipboard/__stories__/MultipleCopies.js +0 -142
- package/admin/Dropdown/Dropdown.stories.playwright.json +0 -21
- package/admin/Modal/Modal.stories.playwright.json +0 -37
- package/admin/Modal/__stories__/AlertDialog.test.d.ts +0 -1
- package/admin/Modal/__stories__/AlertDialog.test.js +0 -60
- package/core/Confirmation/Confirmation.stories.d.ts +0 -7
- package/core/Confirmation/Confirmation.stories.js +0 -30
- package/core/Confirmation/__stories__/Default.d.ts +0 -2
- package/core/Confirmation/__stories__/Default.js +0 -28
- package/core/Confirmation/confirmation.mdx +0 -19
- package/core/Confirmation/index.d.ts +0 -5
- package/core/Confirmation/index.js +0 -58
- package/core/ServiceBadge/index.mdx +0 -42
- package/es/admin/CopyToClipboard/__stories__/MultipleCopies.js +0 -120
- package/es/admin/Dropdown/Dropdown.stories.playwright.json +0 -21
- package/es/admin/Modal/Modal.stories.playwright.json +0 -37
- package/es/admin/Modal/__stories__/AlertDialog.test.js +0 -53
- package/es/core/Confirmation/Confirmation.stories.js +0 -6
- package/es/core/Confirmation/__stories__/Default.js +0 -9
- package/es/core/Confirmation/confirmation.mdx +0 -19
- package/es/core/Confirmation/index.js +0 -5
- package/es/core/ServiceBadge/index.mdx +0 -42
- package/es/form/inputs/Input/index.mdx +0 -10
- package/es/layouts/Basic/Content/index.mdx +0 -50
- package/es/layouts/Basic/Side/index.mdx +0 -57
- package/es/router/index.mdx +0 -5
- package/es/typography/index.mdx +0 -5
- package/esm/admin/CopyToClipboard/__stories__/MultipleCopies.js +0 -120
- package/esm/admin/Dropdown/Dropdown.stories.playwright.json +0 -21
- package/esm/admin/Modal/Modal.stories.playwright.json +0 -37
- package/esm/admin/Modal/__stories__/AlertDialog.test.js +0 -53
- package/esm/core/Confirmation/Confirmation.stories.js +0 -6
- package/esm/core/Confirmation/__stories__/Default.js +0 -9
- package/esm/core/Confirmation/confirmation.mdx +0 -19
- package/esm/core/Confirmation/index.js +0 -5
- package/esm/core/ServiceBadge/index.mdx +0 -42
- package/esm/form/inputs/Input/index.mdx +0 -10
- package/esm/layouts/Basic/Content/index.mdx +0 -50
- package/esm/layouts/Basic/Side/index.mdx +0 -57
- package/esm/router/index.mdx +0 -5
- package/esm/typography/index.mdx +0 -5
- package/form/inputs/Input/index.mdx +0 -10
- package/layouts/Basic/Content/index.mdx +0 -50
- package/layouts/Basic/Side/index.mdx +0 -57
- package/router/index.mdx +0 -5
- package/typography/index.mdx +0 -5
|
@@ -52,20 +52,6 @@ var _ref2 = /*#__PURE__*/React.createElement(TableDataCell, null, /*#__PURE__*/R
|
|
|
52
52
|
href: "#"
|
|
53
53
|
}, "Dismiss")))));
|
|
54
54
|
|
|
55
|
-
var _ref3 = /*#__PURE__*/React.createElement(TableHeadCell, null, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2");
|
|
56
|
-
|
|
57
|
-
var _ref4 = /*#__PURE__*/React.createElement(TableDataCell, null, /*#__PURE__*/React.createElement(Dropdown, {
|
|
58
|
-
"float": true,
|
|
59
|
-
align: "left",
|
|
60
|
-
placement: "bottom"
|
|
61
|
-
}, /*#__PURE__*/React.createElement(DropdownButton, {
|
|
62
|
-
variant: "link"
|
|
63
|
-
}, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2"), /*#__PURE__*/React.createElement(DropdownContent, null, /*#__PURE__*/React.createElement(NavVertical, null, /*#__PURE__*/React.createElement(NavVerticalItem, {
|
|
64
|
-
href: "#"
|
|
65
|
-
}, "Accept"), /*#__PURE__*/React.createElement(NavVerticalItem, {
|
|
66
|
-
href: "#"
|
|
67
|
-
}, "Dismiss")))));
|
|
68
|
-
|
|
69
55
|
export var WithFloatingScroll = function WithFloatingScroll() {
|
|
70
56
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TableFloatingScroll, null, /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, Object.keys(data[0]).map(function (key) {
|
|
71
57
|
return /*#__PURE__*/React.createElement(TableHeadCell, {
|
|
@@ -79,18 +65,6 @@ export var WithFloatingScroll = function WithFloatingScroll() {
|
|
|
79
65
|
key: key
|
|
80
66
|
}, dt[key]);
|
|
81
67
|
}), _ref2);
|
|
82
|
-
}))))
|
|
83
|
-
return /*#__PURE__*/React.createElement(TableHeadCell, {
|
|
84
|
-
key: key
|
|
85
|
-
}, labels[key]);
|
|
86
|
-
}), _ref3)), /*#__PURE__*/React.createElement(TableBody, null, data && data.map(function (dt, index) {
|
|
87
|
-
return /*#__PURE__*/React.createElement(TableRow, {
|
|
88
|
-
key: index
|
|
89
|
-
}, Object.keys(dt).map(function (key) {
|
|
90
|
-
return /*#__PURE__*/React.createElement(TableDataCell, {
|
|
91
|
-
key: key
|
|
92
|
-
}, dt[key]);
|
|
93
|
-
}), _ref4);
|
|
94
|
-
}))));
|
|
68
|
+
})))));
|
|
95
69
|
};
|
|
96
70
|
export default WithFloatingScroll;
|
package/es/core/Table/index.js
CHANGED
|
@@ -7,4 +7,6 @@ export * from '@digigov/react-core/TableHead';
|
|
|
7
7
|
export * from '@digigov/react-core/TableHeadCell';
|
|
8
8
|
export * from '@digigov/react-core/TableRow';
|
|
9
9
|
export * from '@digigov/react-core/TableNoDataRow';
|
|
10
|
-
export * from '@digigov/ui/core/Table/TableFloatingScroll';
|
|
10
|
+
export * from '@digigov/ui/core/Table/TableFloatingScroll';
|
|
11
|
+
import Table from '@digigov/react-core/Table';
|
|
12
|
+
export default Table;
|
package/es/core/Table/index.mdx
CHANGED
|
@@ -65,4 +65,7 @@ Use the `<TableCaption>` element to describe a table in the same way you would u
|
|
|
65
65
|
|
|
66
66
|
You can read more about the accessibility patterns used in our Table
|
|
67
67
|
implementation in the ARIA Authoring Practices Guide (APG) at
|
|
68
|
-
|
|
68
|
+
|
|
69
|
+
## API
|
|
70
|
+
|
|
71
|
+
<PropTypes packageName="@digigov/ui" component="Table" />
|
|
@@ -1,6 +1,10 @@
|
|
|
1
|
-
import Tabs from "@digigov/ui/core";
|
|
1
|
+
import Tabs from "@digigov/ui/core/Tabs";
|
|
2
2
|
export default {
|
|
3
3
|
title: 'Digigov UI/core/Tabs',
|
|
4
|
-
|
|
4
|
+
tags: ["Experimental"],
|
|
5
|
+
description: "The tabs component lets users navigate between related sections of content, displaying one section at a time.",
|
|
6
|
+
link: "https://guide.services.gov.gr/docs/components/tabs",
|
|
7
|
+
component: Tabs,
|
|
8
|
+
displayName: 'Tabs'
|
|
5
9
|
};
|
|
6
10
|
export * from './__stories__/Default';
|
package/es/core/Tabs/index.js
CHANGED
|
@@ -3,12 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
|
|
|
3
3
|
var _excluded = ["register", "opened"];
|
|
4
4
|
import { useCallback, useRef } from 'react';
|
|
5
5
|
import Tabs from '@digigov/react-core/Tabs';
|
|
6
|
-
import TabsList from '@digigov/react-core/TabsList';
|
|
7
|
-
import TabsListItem from '@digigov/react-core/TabsListItem';
|
|
8
|
-
import TabsPanel from '@digigov/react-core/TabsPanel';
|
|
9
|
-
import TabsHeading from '@digigov/react-core/TabsHeading';
|
|
10
6
|
import { useTogglableSections } from '@digigov/ui/hooks/useTogglableSections';
|
|
11
|
-
export { Tabs, TabsList, TabsListItem, TabsPanel, TabsHeading };
|
|
12
7
|
export var useTabs = function useTabs() {
|
|
13
8
|
var registeredPanels = useRef({});
|
|
14
9
|
var goTo = useCallback(function (key) {
|
|
@@ -54,4 +49,9 @@ export var useTabs = function useTabs() {
|
|
|
54
49
|
panel: panel
|
|
55
50
|
}, rest);
|
|
56
51
|
};
|
|
52
|
+
export * from '@digigov/react-core/Tabs';
|
|
53
|
+
export * from '@digigov/react-core/TabsList';
|
|
54
|
+
export * from '@digigov/react-core/TabsListItem';
|
|
55
|
+
export * from '@digigov/react-core/TabsPanel';
|
|
56
|
+
export * from '@digigov/react-core/TabsHeading';
|
|
57
57
|
export default Tabs;
|
package/es/core/Tabs/index.mdx
CHANGED
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import TextArea from "@digigov/ui/core/TextArea";
|
|
2
2
|
export default {
|
|
3
3
|
title: 'Digigov UI/core/TextArea',
|
|
4
|
-
|
|
4
|
+
description: "Use the textarea component when you need to let users enter an amount of text that’s longer than a single line.",
|
|
5
|
+
link: "https://guide.services.gov.gr/docs/components/textarea",
|
|
6
|
+
component: TextArea,
|
|
7
|
+
displayName: 'TextArea'
|
|
5
8
|
};
|
|
6
9
|
export * from './__stories__/Default';
|
|
7
10
|
export * from './__stories__/WithHint';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React from
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import Field from '@digigov/ui/core/Field';
|
|
3
|
-
import
|
|
3
|
+
import LabelContainer from '@digigov/react-core/LabelContainer';
|
|
4
4
|
import LabelTitle from '@digigov/react-core/LabelTitle';
|
|
5
|
-
import TextArea from
|
|
5
|
+
import TextArea from '@digigov/ui/core/TextArea';
|
|
6
6
|
|
|
7
|
-
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(
|
|
7
|
+
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
8
8
|
size: "m"
|
|
9
9
|
}, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;"), /*#__PURE__*/React.createElement(TextArea, {
|
|
10
10
|
name: "textarea"
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React from
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import Field from '@digigov/ui/core/Field';
|
|
3
3
|
import Hint from '@digigov/react-core/Hint';
|
|
4
|
-
import
|
|
4
|
+
import LabelContainer from '@digigov/react-core/LabelContainer';
|
|
5
5
|
import LabelTitle from '@digigov/react-core/LabelTitle';
|
|
6
|
-
import TextArea from
|
|
6
|
+
import TextArea from '@digigov/ui/core/TextArea';
|
|
7
7
|
|
|
8
|
-
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(
|
|
8
|
+
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
9
9
|
size: "m"
|
|
10
10
|
}, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;"), /*#__PURE__*/React.createElement(Hint, null, "\u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2."), /*#__PURE__*/React.createElement(TextArea, {
|
|
11
11
|
name: "textarea",
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React from
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import Field from '@digigov/ui/core/Field';
|
|
3
3
|
import Hint from '@digigov/react-core/Hint';
|
|
4
|
-
import
|
|
4
|
+
import LabelContainer from '@digigov/react-core/LabelContainer';
|
|
5
5
|
import LabelTitle from '@digigov/react-core/LabelTitle';
|
|
6
|
-
import TextArea from
|
|
6
|
+
import TextArea from '@digigov/ui/core/TextArea';
|
|
7
7
|
|
|
8
|
-
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(
|
|
8
|
+
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
9
9
|
size: "m"
|
|
10
10
|
}, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;"), /*#__PURE__*/React.createElement(Hint, null, "\u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2."), /*#__PURE__*/React.createElement(TextArea, {
|
|
11
11
|
name: "textarea"
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React from
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import Field from '@digigov/ui/core/Field';
|
|
3
3
|
import Hint from '@digigov/react-core/Hint';
|
|
4
|
-
import
|
|
5
|
-
import TextArea from
|
|
4
|
+
import LabelContainer from '@digigov/react-core/LabelContainer';
|
|
5
|
+
import TextArea from '@digigov/ui/core/TextArea';
|
|
6
6
|
|
|
7
|
-
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(
|
|
7
|
+
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(LabelContainer, null, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;", /*#__PURE__*/React.createElement(Hint, null, "\u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2."), /*#__PURE__*/React.createElement(TextArea, {
|
|
8
8
|
name: "textarea"
|
|
9
9
|
})));
|
|
10
10
|
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React from
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import Field from '@digigov/ui/core/Field';
|
|
3
3
|
import Hint from '@digigov/react-core/Hint';
|
|
4
|
-
import
|
|
4
|
+
import LabelContainer from '@digigov/react-core/LabelContainer';
|
|
5
5
|
import LabelTitle from '@digigov/react-core/LabelTitle';
|
|
6
|
-
import TextArea from
|
|
6
|
+
import TextArea from '@digigov/ui/core/TextArea';
|
|
7
7
|
|
|
8
|
-
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(
|
|
8
|
+
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
9
9
|
size: "m"
|
|
10
10
|
}, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;"), /*#__PURE__*/React.createElement(Hint, null, "\u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2."), /*#__PURE__*/React.createElement(TextArea, {
|
|
11
11
|
name: "textarea",
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import React from
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import Field from '@digigov/ui/core/Field';
|
|
3
3
|
import Hint from '@digigov/react-core/Hint';
|
|
4
|
-
import
|
|
4
|
+
import LabelContainer from '@digigov/react-core/LabelContainer';
|
|
5
5
|
import LabelTitle from '@digigov/react-core/LabelTitle';
|
|
6
6
|
import ErrorMessage from '@digigov/react-core/ErrorMessage';
|
|
7
|
-
import TextArea from
|
|
7
|
+
import TextArea from '@digigov/ui/core/TextArea';
|
|
8
8
|
|
|
9
9
|
var _ref = /*#__PURE__*/React.createElement(Field, {
|
|
10
10
|
error: true
|
|
11
|
-
}, /*#__PURE__*/React.createElement(
|
|
11
|
+
}, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
12
12
|
size: "m"
|
|
13
13
|
}, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;"), /*#__PURE__*/React.createElement(Hint, null, "\u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2."), /*#__PURE__*/React.createElement(ErrorMessage, null, "\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF."), /*#__PURE__*/React.createElement(TextArea, {
|
|
14
14
|
name: "textarea",
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React from
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import Field from '@digigov/ui/core/Field';
|
|
3
3
|
import Hint from '@digigov/react-core/Hint';
|
|
4
|
-
import
|
|
4
|
+
import LabelContainer from '@digigov/react-core/LabelContainer';
|
|
5
5
|
import LabelTitle from '@digigov/react-core/LabelTitle';
|
|
6
|
-
import TextArea from
|
|
6
|
+
import TextArea from '@digigov/ui/core/TextArea';
|
|
7
7
|
|
|
8
|
-
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(
|
|
8
|
+
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
9
9
|
size: "m"
|
|
10
10
|
}, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;"), /*#__PURE__*/React.createElement(Hint, null, "\u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2."), /*#__PURE__*/React.createElement(TextArea, {
|
|
11
11
|
name: "textarea"
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import TextInput from "@digigov/ui/core/TextInput";
|
|
2
2
|
export default {
|
|
3
3
|
title: 'Digigov UI/core/TextInput',
|
|
4
|
-
|
|
4
|
+
description: "Use the text input component when you need to let users enter text that’s no longer than a single line.",
|
|
5
|
+
link: "https://guide.services.gov.gr/docs/components/TextInput",
|
|
6
|
+
component: TextInput,
|
|
7
|
+
displayName: 'TextInput'
|
|
5
8
|
};
|
|
6
9
|
export * from './__stories__/Default';
|
|
7
10
|
export * from './__stories__/MultipleQuestions';
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import TextInput from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import TextInput from '@digigov/ui/core/TextInput';
|
|
3
3
|
import Field from '@digigov/ui/core/Field';
|
|
4
|
-
import
|
|
4
|
+
import LabelContainer from '@digigov/react-core/LabelContainer';
|
|
5
5
|
import LabelTitle from '@digigov/react-core/LabelTitle';
|
|
6
6
|
import Hint from '@digigov/react-core/Hint';
|
|
7
7
|
|
|
8
|
-
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(
|
|
8
|
+
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
9
9
|
size: "m"
|
|
10
10
|
}, "\u0391\u03A6\u039C \u03C0\u03B5\u03BB\u03AC\u03C4\u03B7"), /*#__PURE__*/React.createElement(Hint, null, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 9 \u03C8\u03B7\u03C6\u03AF\u03B1."), /*#__PURE__*/React.createElement(TextInput, {
|
|
11
11
|
name: "inputext",
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import TextInput from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import TextInput from '@digigov/ui/core/TextInput';
|
|
3
3
|
import Field from '@digigov/ui/core/Field';
|
|
4
|
-
import
|
|
4
|
+
import LabelContainer from '@digigov/react-core/LabelContainer';
|
|
5
5
|
import LabelTitle from '@digigov/react-core/LabelTitle';
|
|
6
6
|
|
|
7
|
-
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(
|
|
7
|
+
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
8
8
|
size: "m"
|
|
9
9
|
}, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(TextInput, {
|
|
10
10
|
name: "inputext"
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import TextInput from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import TextInput from '@digigov/ui/core/TextInput';
|
|
3
3
|
import Field from '@digigov/ui/core/Field';
|
|
4
|
-
import
|
|
4
|
+
import LabelContainer from '@digigov/react-core/LabelContainer';
|
|
5
5
|
import LabelTitle from '@digigov/react-core/LabelTitle';
|
|
6
6
|
import Hint from '@digigov/react-core/Hint';
|
|
7
7
|
|
|
8
|
-
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(
|
|
8
|
+
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
9
9
|
size: "m"
|
|
10
10
|
}, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(Hint, null, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /*#__PURE__*/React.createElement(TextInput, {
|
|
11
11
|
name: "inputext",
|
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import TextInput from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import TextInput from '@digigov/ui/core/TextInput';
|
|
3
3
|
import Field from '@digigov/ui/core/Field';
|
|
4
|
-
import
|
|
4
|
+
import LabelContainer from '@digigov/react-core/LabelContainer';
|
|
5
5
|
import LabelTitle from '@digigov/react-core/LabelTitle';
|
|
6
6
|
|
|
7
|
-
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(
|
|
7
|
+
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
8
8
|
size: "s"
|
|
9
9
|
}, "20 character width"), /*#__PURE__*/React.createElement(TextInput, {
|
|
10
10
|
name: "inputext",
|
|
11
11
|
characterWidth: 20
|
|
12
12
|
})));
|
|
13
13
|
|
|
14
|
-
var _ref2 = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(
|
|
14
|
+
var _ref2 = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
15
15
|
size: "s"
|
|
16
16
|
}, "10 character width"), /*#__PURE__*/React.createElement(TextInput, {
|
|
17
17
|
name: "inputext",
|
|
18
18
|
characterWidth: 10
|
|
19
19
|
})));
|
|
20
20
|
|
|
21
|
-
var _ref3 = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(
|
|
21
|
+
var _ref3 = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
22
22
|
size: "s"
|
|
23
23
|
}, "5 character width"), /*#__PURE__*/React.createElement(TextInput, {
|
|
24
24
|
name: "inputext",
|
|
25
25
|
characterWidth: 5
|
|
26
26
|
})));
|
|
27
27
|
|
|
28
|
-
var _ref4 = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(
|
|
28
|
+
var _ref4 = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
29
29
|
size: "s"
|
|
30
30
|
}, "4 character width"), /*#__PURE__*/React.createElement(TextInput, {
|
|
31
31
|
name: "inputext",
|
|
32
32
|
characterWidth: 4
|
|
33
33
|
})));
|
|
34
34
|
|
|
35
|
-
var _ref5 = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(
|
|
35
|
+
var _ref5 = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
36
36
|
size: "s"
|
|
37
37
|
}, "3 character width"), /*#__PURE__*/React.createElement(TextInput, {
|
|
38
38
|
name: "inputext",
|
|
39
39
|
characterWidth: 3
|
|
40
40
|
})));
|
|
41
41
|
|
|
42
|
-
var _ref6 = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(
|
|
42
|
+
var _ref6 = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
43
43
|
size: "s"
|
|
44
44
|
}, "2 character width"), /*#__PURE__*/React.createElement(TextInput, {
|
|
45
45
|
name: "inputext",
|
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import TextInput from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import TextInput from '@digigov/ui/core/TextInput';
|
|
3
3
|
import Field from '@digigov/ui/core/Field';
|
|
4
|
-
import
|
|
4
|
+
import LabelContainer from '@digigov/react-core/LabelContainer';
|
|
5
5
|
import LabelTitle from '@digigov/react-core/LabelTitle';
|
|
6
6
|
|
|
7
|
-
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(
|
|
7
|
+
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
8
8
|
size: "s"
|
|
9
9
|
}, "Full width"), /*#__PURE__*/React.createElement(TextInput, {
|
|
10
10
|
name: "inputext",
|
|
11
11
|
cellWidth: "full"
|
|
12
12
|
})));
|
|
13
13
|
|
|
14
|
-
var _ref2 = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(
|
|
14
|
+
var _ref2 = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
15
15
|
size: "s"
|
|
16
16
|
}, "Three-quarters width"), /*#__PURE__*/React.createElement(TextInput, {
|
|
17
17
|
name: "inputext",
|
|
18
18
|
cellWidth: "three-quarters"
|
|
19
19
|
})));
|
|
20
20
|
|
|
21
|
-
var _ref3 = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(
|
|
21
|
+
var _ref3 = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
22
22
|
size: "s"
|
|
23
23
|
}, "Two-thirds width"), /*#__PURE__*/React.createElement(TextInput, {
|
|
24
24
|
name: "inputext",
|
|
25
25
|
cellWidth: "two-thirds"
|
|
26
26
|
})));
|
|
27
27
|
|
|
28
|
-
var _ref4 = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(
|
|
28
|
+
var _ref4 = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
29
29
|
size: "s"
|
|
30
30
|
}, "One-half width"), /*#__PURE__*/React.createElement(TextInput, {
|
|
31
31
|
name: "inputext",
|
|
32
32
|
cellWidth: "one-half"
|
|
33
33
|
})));
|
|
34
34
|
|
|
35
|
-
var _ref5 = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(
|
|
35
|
+
var _ref5 = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
36
36
|
size: "s"
|
|
37
37
|
}, "One-third width"), /*#__PURE__*/React.createElement(TextInput, {
|
|
38
38
|
name: "inputext",
|
|
39
39
|
cellWidth: "one-third"
|
|
40
40
|
})));
|
|
41
41
|
|
|
42
|
-
var _ref6 = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(
|
|
42
|
+
var _ref6 = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
43
43
|
size: "s"
|
|
44
44
|
}, "One-quarter width"), /*#__PURE__*/React.createElement(TextInput, {
|
|
45
45
|
name: "inputext",
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import TextInput from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import TextInput from '@digigov/ui/core/TextInput';
|
|
3
3
|
import Field from '@digigov/ui/core/Field';
|
|
4
|
-
import
|
|
4
|
+
import LabelContainer from '@digigov/react-core/LabelContainer';
|
|
5
5
|
|
|
6
|
-
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(
|
|
6
|
+
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(LabelContainer, null, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2", /*#__PURE__*/React.createElement(TextInput, {
|
|
7
7
|
name: "inputext"
|
|
8
8
|
})));
|
|
9
9
|
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import TextInput from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import TextInput from '@digigov/ui/core/TextInput';
|
|
3
3
|
import Field from '@digigov/ui/core/Field';
|
|
4
|
-
import
|
|
4
|
+
import LabelContainer from '@digigov/react-core/LabelContainer';
|
|
5
5
|
import LabelTitle from '@digigov/react-core/LabelTitle';
|
|
6
6
|
import Hint from '@digigov/react-core/Hint';
|
|
7
|
-
import ErrorMessage from
|
|
7
|
+
import ErrorMessage from '@digigov/react-core/ErrorMessage';
|
|
8
8
|
|
|
9
9
|
var _ref = /*#__PURE__*/React.createElement(Field, {
|
|
10
10
|
error: true
|
|
11
|
-
}, /*#__PURE__*/React.createElement(
|
|
11
|
+
}, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
12
12
|
size: "m"
|
|
13
13
|
}, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(Hint, null, "\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C4\u03B7\u03C2 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2;"), /*#__PURE__*/React.createElement(ErrorMessage, null, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /*#__PURE__*/React.createElement(TextInput, {
|
|
14
14
|
error: true,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import TextInput from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import TextInput from '@digigov/ui/core/TextInput';
|
|
3
3
|
import Field from '@digigov/ui/core/Field';
|
|
4
|
-
import
|
|
4
|
+
import LabelContainer from '@digigov/react-core/LabelContainer';
|
|
5
5
|
import LabelTitle from '@digigov/react-core/LabelTitle';
|
|
6
6
|
import Hint from '@digigov/react-core/Hint';
|
|
7
7
|
|
|
8
|
-
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(
|
|
8
|
+
var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(LabelContainer, null, /*#__PURE__*/React.createElement(LabelTitle, {
|
|
9
9
|
size: "m"
|
|
10
10
|
}, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(Hint, null, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /*#__PURE__*/React.createElement(TextInput, {
|
|
11
11
|
name: "inputext"
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
import WarningText from "@digigov/ui/core";
|
|
1
|
+
import WarningText from "@digigov/ui/core/WarningText";
|
|
2
2
|
export default {
|
|
3
3
|
title: 'Digigov UI/core/WarningText',
|
|
4
|
-
|
|
4
|
+
description: "Use the warning text component when you need to warn users about something important, such as legal consequences of an action, or lack of action, that they might take.",
|
|
5
|
+
link: "https://guide.services.gov.gr/docs/components/Warning-Text",
|
|
6
|
+
component: WarningText,
|
|
7
|
+
displayName: 'WarningText'
|
|
5
8
|
};
|
|
6
9
|
export * from './__stories__/Default';
|
|
@@ -17,3 +17,7 @@ You might need to rewrite the hidden text ("Προσοχή" in the example) to m
|
|
|
17
17
|
This will be used by screen-readers.
|
|
18
18
|
|
|
19
19
|
<Story packageName="@digigov/ui" component="core/WarningText" story="Default.tsx" />
|
|
20
|
+
|
|
21
|
+
## API
|
|
22
|
+
|
|
23
|
+
<PropTypes packageName="@digigov/ui" component="WarningText" />
|
package/es/core/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export
|
|
1
|
+
export * from '@digigov/ui/core/Button';
|
|
2
2
|
export * from '@digigov/ui/core/BackLink';
|
|
3
3
|
export * from '@digigov/ui/core/Base';
|
|
4
4
|
export * from '@digigov/ui/core/Button';
|
|
@@ -6,9 +6,11 @@ export * from '@digigov/ui/core/Accordion';
|
|
|
6
6
|
export * from '@digigov/ui/core/Blockquote';
|
|
7
7
|
export * from '@digigov/ui/core/Breadcrumbs';
|
|
8
8
|
export * from '@digigov/ui/core/Card';
|
|
9
|
-
export * from '@digigov/ui/core/
|
|
9
|
+
export * from '@digigov/ui/core/Checkboxes';
|
|
10
|
+
export * from '@digigov/ui/core/DateInput';
|
|
10
11
|
export * from '@digigov/ui/core/Details';
|
|
11
12
|
export * from '@digigov/ui/core/Divider';
|
|
13
|
+
export * from '@digigov/ui/core/ErrorMessage';
|
|
12
14
|
export * from '@digigov/ui/core/ErrorSummary';
|
|
13
15
|
export * from '@digigov/ui/core/FileUpload';
|
|
14
16
|
export * from '@digigov/ui/core/Form';
|
|
@@ -18,10 +20,11 @@ export * from '@digigov/ui/core/Link';
|
|
|
18
20
|
export * from '@digigov/ui/core/SkipLink';
|
|
19
21
|
export * from '@digigov/ui/core/List';
|
|
20
22
|
export * from '@digigov/ui/core/NavList';
|
|
21
|
-
export * from '@digigov/ui/core/NavList';
|
|
22
|
-
export * from '@digigov/ui/core/PhaseBanner';
|
|
23
23
|
export * from '@digigov/ui/core/NotificationBanner';
|
|
24
|
+
export * from '@digigov/ui/core/PhaseBanner';
|
|
25
|
+
export * from '@digigov/ui/core/Radios';
|
|
24
26
|
export * from '@digigov/ui/core/SectionBreak';
|
|
27
|
+
export * from '@digigov/ui/core/Select';
|
|
25
28
|
export * from '@digigov/ui/core/SummaryList';
|
|
26
29
|
export * from '@digigov/ui/core/ServiceBadge';
|
|
27
30
|
export * from '@digigov/ui/core/Table';
|
|
@@ -29,5 +32,5 @@ export * from '@digigov/ui/core/Tabs';
|
|
|
29
32
|
export * from '@digigov/ui/core/TextArea';
|
|
30
33
|
export * from '@digigov/ui/core/TextInput';
|
|
31
34
|
export * from '@digigov/ui/core/VisuallyHidden';
|
|
32
|
-
export
|
|
35
|
+
export * from '@digigov/ui/core/WarningText';
|
|
33
36
|
export * from '@digigov/ui/core/SvgIcon';
|