@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
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
parent: docs/ui/component
|
|
3
|
-
title: ServiceBadge
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
import ServiceBadge from '@digigov/ui/core/ServiceBadge';
|
|
7
|
-
import Header, { HeaderTitle } from '@digigov/ui/app/Header';
|
|
8
|
-
import GovGRLogo from '@digigov/ui/govgr/Logo';
|
|
9
|
-
|
|
10
|
-
## Example
|
|
11
|
-
|
|
12
|
-
<Header>
|
|
13
|
-
<GovGRLogo />
|
|
14
|
-
<HeaderTitle>
|
|
15
|
-
Service Name <ServiceBadge label="ALPHA" />
|
|
16
|
-
</HeaderTitle>
|
|
17
|
-
</Header>
|
|
18
|
-
|
|
19
|
-
## How to use
|
|
20
|
-
|
|
21
|
-
```jsx
|
|
22
|
-
import ServieBadge from '@digigov/ui/core/ServiceBadge';
|
|
23
|
-
|
|
24
|
-
<ServiceBadge label="ALPHA" />;
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
## When to use this component
|
|
28
|
-
|
|
29
|
-
Use ServiceBadge to indicate the current release cycle of your service. Use
|
|
30
|
-
an alpha badge when your service is in alpha, and a beta badge if your
|
|
31
|
-
service is in private or public beta.
|
|
32
|
-
|
|
33
|
-
## How it works
|
|
34
|
-
|
|
35
|
-
Communicating early release service status can improve the perception of the
|
|
36
|
-
user regarding the overall experience of the service. It also acts as a hint
|
|
37
|
-
that service is in active development and user feedback is needed and
|
|
38
|
-
welcomed by your team.
|
|
39
|
-
|
|
40
|
-
## References
|
|
41
|
-
|
|
42
|
-
- https://designnotes.blog.gov.uk/2014/01/20/why-and-how-were-explaining-beta-to-users/
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: Content
|
|
3
|
-
parent: docs/ui/components
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
# Content
|
|
7
|
-
|
|
8
|
-
import { Content } from '@digigov/ui/layouts/Basic';
|
|
9
|
-
|
|
10
|
-
```jsx live path=layouts/Basic/index.tsx
|
|
11
|
-
import Header, { HeaderTitle } from '@digigov/ui/app/Header';
|
|
12
|
-
import GovGRLogo from '@digigov/ui/govgr/Logo';
|
|
13
|
-
import Grid from '@digigov/react-core/Grid';
|
|
14
|
-
import Paragraph from '@digigov/ui/typography/Paragraph';
|
|
15
|
-
|
|
16
|
-
function Side{
|
|
17
|
-
return (
|
|
18
|
-
<BasicLayout>
|
|
19
|
-
<Top>
|
|
20
|
-
<Header>
|
|
21
|
-
<GovGRLogo />
|
|
22
|
-
<HeaderTitle>
|
|
23
|
-
<ServiceBadge />
|
|
24
|
-
</HeaderTitle>
|
|
25
|
-
</Header>
|
|
26
|
-
</Top>
|
|
27
|
-
<Content>
|
|
28
|
-
<Main>
|
|
29
|
-
<Title size="lg">Main</Title>
|
|
30
|
-
<Paragraph>Main content</Paragraph>
|
|
31
|
-
</Main>
|
|
32
|
-
<Side>
|
|
33
|
-
<Title size="lg">Side</Title>
|
|
34
|
-
<Paragraph>Side content</Paragraph>
|
|
35
|
-
</Side>
|
|
36
|
-
</Content>
|
|
37
|
-
</BasicLayout>
|
|
38
|
-
)
|
|
39
|
-
}
|
|
40
|
-
export Side
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
```
|
|
45
|
-
|
|
46
|
-
<br />
|
|
47
|
-
|
|
48
|
-
## How it works
|
|
49
|
-
|
|
50
|
-
The Content component is used as a wrapper for the Main and Side components.
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: Side
|
|
3
|
-
parent: docs/ui/components
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
# Side
|
|
7
|
-
|
|
8
|
-
import { Side } from '@digigov/ui/layouts/Basic';
|
|
9
|
-
|
|
10
|
-
```jsx live path=layouts/Basic/index.tsx
|
|
11
|
-
|
|
12
|
-
function Side{
|
|
13
|
-
return (
|
|
14
|
-
<BasicLayout>
|
|
15
|
-
<Top>
|
|
16
|
-
<Header>
|
|
17
|
-
<GovGRLogo />
|
|
18
|
-
<HeaderTitle>
|
|
19
|
-
<ServiceBadge />
|
|
20
|
-
</HeaderTitle>
|
|
21
|
-
</Header>
|
|
22
|
-
</Top>
|
|
23
|
-
<Content>
|
|
24
|
-
<Main>
|
|
25
|
-
<Title size="xl">Main</Title>
|
|
26
|
-
<Paragraph>
|
|
27
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
|
|
28
|
-
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
|
29
|
-
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
|
30
|
-
Excepteur sint occaecat cupidatat non proident,
|
|
31
|
-
sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
32
|
-
</Paragraph>
|
|
33
|
-
</Main>
|
|
34
|
-
<Side>
|
|
35
|
-
<Title size="md">Side content</Title>
|
|
36
|
-
<Paragraph>
|
|
37
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
|
|
38
|
-
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
|
39
|
-
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
|
40
|
-
Excepteur sint occaecat cupidatat non proident,
|
|
41
|
-
sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
42
|
-
</Paragraph>
|
|
43
|
-
</Side>
|
|
44
|
-
</Content>
|
|
45
|
-
</BasicLayout>
|
|
46
|
-
)
|
|
47
|
-
}
|
|
48
|
-
export Side
|
|
49
|
-
|
|
50
|
-
```
|
|
51
|
-
|
|
52
|
-
<br />
|
|
53
|
-
|
|
54
|
-
## How it works
|
|
55
|
-
|
|
56
|
-
The Side component covers the right one-third of the page width.
|
|
57
|
-
Note that the Side component is optional, so there could be occasions that Side is empty.
|
package/esm/router/index.mdx
DELETED
package/esm/typography/index.mdx
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: Content
|
|
3
|
-
parent: docs/ui/components
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
# Content
|
|
7
|
-
|
|
8
|
-
import { Content } from '@digigov/ui/layouts/Basic';
|
|
9
|
-
|
|
10
|
-
```jsx live path=layouts/Basic/index.tsx
|
|
11
|
-
import Header, { HeaderTitle } from '@digigov/ui/app/Header';
|
|
12
|
-
import GovGRLogo from '@digigov/ui/govgr/Logo';
|
|
13
|
-
import Grid from '@digigov/react-core/Grid';
|
|
14
|
-
import Paragraph from '@digigov/ui/typography/Paragraph';
|
|
15
|
-
|
|
16
|
-
function Side{
|
|
17
|
-
return (
|
|
18
|
-
<BasicLayout>
|
|
19
|
-
<Top>
|
|
20
|
-
<Header>
|
|
21
|
-
<GovGRLogo />
|
|
22
|
-
<HeaderTitle>
|
|
23
|
-
<ServiceBadge />
|
|
24
|
-
</HeaderTitle>
|
|
25
|
-
</Header>
|
|
26
|
-
</Top>
|
|
27
|
-
<Content>
|
|
28
|
-
<Main>
|
|
29
|
-
<Title size="lg">Main</Title>
|
|
30
|
-
<Paragraph>Main content</Paragraph>
|
|
31
|
-
</Main>
|
|
32
|
-
<Side>
|
|
33
|
-
<Title size="lg">Side</Title>
|
|
34
|
-
<Paragraph>Side content</Paragraph>
|
|
35
|
-
</Side>
|
|
36
|
-
</Content>
|
|
37
|
-
</BasicLayout>
|
|
38
|
-
)
|
|
39
|
-
}
|
|
40
|
-
export Side
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
```
|
|
45
|
-
|
|
46
|
-
<br />
|
|
47
|
-
|
|
48
|
-
## How it works
|
|
49
|
-
|
|
50
|
-
The Content component is used as a wrapper for the Main and Side components.
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: Side
|
|
3
|
-
parent: docs/ui/components
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
# Side
|
|
7
|
-
|
|
8
|
-
import { Side } from '@digigov/ui/layouts/Basic';
|
|
9
|
-
|
|
10
|
-
```jsx live path=layouts/Basic/index.tsx
|
|
11
|
-
|
|
12
|
-
function Side{
|
|
13
|
-
return (
|
|
14
|
-
<BasicLayout>
|
|
15
|
-
<Top>
|
|
16
|
-
<Header>
|
|
17
|
-
<GovGRLogo />
|
|
18
|
-
<HeaderTitle>
|
|
19
|
-
<ServiceBadge />
|
|
20
|
-
</HeaderTitle>
|
|
21
|
-
</Header>
|
|
22
|
-
</Top>
|
|
23
|
-
<Content>
|
|
24
|
-
<Main>
|
|
25
|
-
<Title size="xl">Main</Title>
|
|
26
|
-
<Paragraph>
|
|
27
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
|
|
28
|
-
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
|
29
|
-
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
|
30
|
-
Excepteur sint occaecat cupidatat non proident,
|
|
31
|
-
sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
32
|
-
</Paragraph>
|
|
33
|
-
</Main>
|
|
34
|
-
<Side>
|
|
35
|
-
<Title size="md">Side content</Title>
|
|
36
|
-
<Paragraph>
|
|
37
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
|
|
38
|
-
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
|
39
|
-
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
|
40
|
-
Excepteur sint occaecat cupidatat non proident,
|
|
41
|
-
sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
42
|
-
</Paragraph>
|
|
43
|
-
</Side>
|
|
44
|
-
</Content>
|
|
45
|
-
</BasicLayout>
|
|
46
|
-
)
|
|
47
|
-
}
|
|
48
|
-
export Side
|
|
49
|
-
|
|
50
|
-
```
|
|
51
|
-
|
|
52
|
-
<br />
|
|
53
|
-
|
|
54
|
-
## How it works
|
|
55
|
-
|
|
56
|
-
The Side component covers the right one-third of the page width.
|
|
57
|
-
Note that the Side component is optional, so there could be occasions that Side is empty.
|
package/router/index.mdx
DELETED