@digigov/ui 0.30.2 → 0.31.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -1
- package/admin/AccessibilityMenu/index.d.ts +13 -0
- package/admin/AccessibilityMenu/index.js +170 -0
- package/admin/AutoComplete/index.d.ts +2 -2
- package/admin/Chip/index.d.ts +1 -0
- package/admin/Chip/index.js +14 -0
- package/admin/Drawer/__stories__/Default.js +18 -7
- package/admin/Dropdown/__stories__/AlignRight.js +0 -2
- package/admin/Dropdown/__stories__/Default.js +0 -2
- package/admin/Dropdown/__stories__/PlacementTop.js +0 -2
- package/admin/FilterSection/index.d.ts +1 -2
- package/admin/FilterSection/index.js +4 -18
- package/admin/Modal/index.d.ts +2 -2
- package/admin/Modal/index.js +17 -12
- package/admin/Pagination/__stories__/Default.js +4 -7
- package/admin/Pagination/__stories__/PaginationSmall.js +2 -3
- package/app/Footer/__stories__/FooterAllInclusive.js +1 -0
- package/app/Footer/__stories__/FooterWithSecondaryNavigation.js +1 -0
- package/app/Header/__stories__/WithNavigation.js +10 -8
- package/app/QrCodeScanner/__stories__/Default.js +3 -3
- package/app/QrCodeViewer/QRCode.stories.d.ts +0 -1
- package/app/QrCodeViewer/index.d.ts +1 -2
- package/app/QrCodeViewer/index.js +10 -10
- package/app/ThemeOptionsForm/index.d.ts +2 -0
- package/app/ThemeOptionsForm/index.js +243 -0
- package/app/ThemePaletteForm/index.d.ts +2 -0
- package/app/{ThemeSelectorOptions → ThemePaletteForm}/index.js +9 -8
- package/app/index.d.ts +2 -1
- package/app/index.js +17 -4
- package/core/Accordion/index.d.ts +2 -2
- package/core/Accordion/index.js +7 -7
- package/core/Divider/__stories__/Default.js +5 -10
- package/core/ErrorSummary/__stories__/Default.js +3 -3
- package/core/ErrorSummary/__stories__/LinkedToCheckbox.js +3 -3
- package/core/ErrorSummary/__stories__/LinkedToField.js +3 -3
- package/core/ErrorSummary/__stories__/LinkedToInput.js +3 -3
- package/core/Link/__stories__/DarkBackground.js +6 -2
- package/core/Link/__stories__/DarkBackgroundNoUnderline.js +6 -2
- package/core/NavList/NavList.stories.d.ts +3 -1
- package/core/NavList/NavList.stories.js +32 -4
- package/core/NavList/NavList.stories.playwright.json +6 -6
- package/core/NavList/{NavListAuto.js → NavListAuto/NavListAuto.js} +11 -5
- package/core/NavList/{NavListBase.d.ts → NavListAuto/NavListBaseAuto.d.ts} +1 -1
- package/core/NavList/{NavListBase.js → NavListAuto/NavListBaseAuto.js} +6 -4
- package/core/NavList/{NavListContext.d.ts → NavListAuto/NavListContextAuto.d.ts} +7 -4
- package/core/NavList/{NavListContext.js → NavListAuto/NavListContextAuto.js} +23 -11
- package/core/NavList/NavListAuto/NavListItemAnchorAuto.d.ts +11 -0
- package/core/NavList/{NavListSubMenu.js → NavListAuto/NavListItemAnchorAuto.js} +25 -21
- package/core/NavList/{NavListItemAuto.js → NavListAuto/NavListItemAuto.js} +23 -20
- package/core/NavList/NavListAuto/NavListItemButtonAuto.d.ts +12 -0
- package/core/NavList/NavListAuto/NavListItemButtonAuto.js +50 -0
- package/core/NavList/NavListAuto/NavListMenuAuto.d.ts +11 -0
- package/core/NavList/NavListAuto/NavListMenuAuto.js +59 -0
- package/core/NavList/NavListAuto/NavListSubMenuAuto.d.ts +9 -0
- package/core/NavList/NavListAuto/NavListSubMenuAuto.js +46 -0
- package/core/NavList/NavListItem.js +6 -5
- package/core/NavList/NavListItemBase.d.ts +1 -1
- package/core/NavList/NavListItemBase.js +3 -3
- package/core/NavList/NavMenuContainerContentList.d.ts +3 -1
- package/core/NavList/NavMenuContainerContentList.js +76 -3
- package/core/NavList/__stories__/Default.js +19 -6
- package/core/NavList/__stories__/NavHorizontalLayout.js +17 -5
- package/core/NavList/__stories__/NavListEpathlaExample.js +24 -12
- package/core/NavList/__stories__/NavListHorizontalAutoExample.d.ts +2 -0
- package/core/NavList/__stories__/NavListHorizontalAutoExample.js +67 -0
- package/core/NavList/__stories__/NavListSecondaryAutoExample.d.ts +2 -0
- package/core/NavList/__stories__/NavListSecondaryAutoExample.js +281 -0
- package/core/NavList/__stories__/NavListVerticalAutoExample.d.ts +2 -0
- package/core/NavList/__stories__/NavListVerticalAutoExample.js +67 -0
- package/core/NavList/index.d.ts +2 -5
- package/core/NavList/index.js +5 -33
- package/core/NavList/types.d.ts +20 -10
- package/core/Tabs/__stories__/Default.js +5 -5
- package/core/Tabs/index.d.ts +2 -2
- package/core/Tabs/index.js +5 -7
- package/es/admin/AccessibilityMenu/index.js +13 -0
- package/es/admin/Chip/index.js +1 -0
- package/es/admin/Drawer/__stories__/Default.js +19 -8
- package/es/admin/Dropdown/__stories__/AlignRight.js +0 -2
- package/es/admin/Dropdown/__stories__/Default.js +0 -2
- package/es/admin/Dropdown/__stories__/PlacementTop.js +0 -2
- package/es/admin/FilterSection/index.js +1 -2
- package/es/admin/Modal/index.js +16 -11
- package/es/admin/Pagination/__stories__/Default.js +4 -7
- package/es/admin/Pagination/__stories__/PaginationSmall.js +2 -3
- package/es/app/Footer/__stories__/FooterAllInclusive.js +1 -0
- package/es/app/Footer/__stories__/FooterWithSecondaryNavigation.js +1 -0
- package/es/app/Header/__stories__/WithNavigation.js +10 -8
- package/es/app/QrCodeScanner/__stories__/Default.js +3 -3
- package/es/app/QrCodeViewer/index.js +8 -9
- package/es/app/ThemeOptionsForm/index.js +215 -0
- package/es/app/{ThemeSelectorOptions → ThemePaletteForm}/index.js +5 -4
- package/es/app/index.js +2 -1
- package/es/core/Accordion/index.js +7 -7
- package/es/core/Divider/__stories__/Default.js +5 -10
- package/es/core/ErrorSummary/__stories__/Default.js +3 -3
- package/es/core/ErrorSummary/__stories__/LinkedToCheckbox.js +3 -3
- package/es/core/ErrorSummary/__stories__/LinkedToField.js +3 -3
- package/es/core/ErrorSummary/__stories__/LinkedToInput.js +3 -3
- package/es/core/Link/__stories__/DarkBackground.js +6 -2
- package/es/core/Link/__stories__/DarkBackgroundNoUnderline.js +6 -2
- package/es/core/NavList/NavList.stories.js +3 -1
- package/es/core/NavList/NavList.stories.playwright.json +6 -6
- package/{esm/core/NavList → es/core/NavList/NavListAuto}/NavListAuto.js +11 -5
- package/{esm/core/NavList/NavListBase.js → es/core/NavList/NavListAuto/NavListBaseAuto.js} +4 -2
- package/es/core/NavList/{NavListContext.js → NavListAuto/NavListContextAuto.js} +20 -8
- package/es/core/NavList/NavListAuto/NavListItemAnchorAuto.js +29 -0
- package/es/core/NavList/NavListAuto/NavListItemAuto.js +42 -0
- package/es/core/NavList/NavListAuto/NavListItemButtonAuto.js +32 -0
- package/es/core/NavList/NavListAuto/NavListMenuAuto.js +39 -0
- package/es/core/NavList/NavListAuto/NavListSubMenuAuto.js +28 -0
- package/es/core/NavList/NavListItem.js +8 -7
- package/es/core/NavList/NavListItemBase.js +3 -3
- package/es/core/NavList/NavMenuContainerContentList.js +67 -1
- package/es/core/NavList/__stories__/Default.js +19 -6
- package/es/core/NavList/__stories__/NavHorizontalLayout.js +17 -5
- package/es/core/NavList/__stories__/NavListEpathlaExample.js +24 -12
- package/es/core/NavList/__stories__/NavListHorizontalAutoExample.js +51 -0
- package/es/core/NavList/__stories__/NavListSecondaryAutoExample.js +255 -0
- package/es/core/NavList/__stories__/NavListVerticalAutoExample.js +51 -0
- package/es/core/NavList/index.js +2 -5
- package/es/core/Tabs/__stories__/Default.js +5 -5
- package/es/core/Tabs/index.js +5 -7
- package/es/hooks/useFontSize.js +10 -0
- package/es/hooks/useHighlightLinks.js +38 -0
- package/es/hooks/useLetterSpacing.js +10 -0
- package/es/hooks/useLineHeight.js +10 -0
- package/es/hooks/useNavList.js +10 -7
- package/es/hooks/useTheme.js +19 -11
- package/es/hooks/useTogglableNav.js +292 -0
- package/es/hooks/{useTogglableSections.js → useTogglableTab.js} +2 -8
- package/es/hooks/useVariantVars.js +30 -0
- package/es/layouts/Basic/__stories__/Default.js +2 -2
- package/es/layouts/Basic/__stories__/MultipleRowsLayout.js +3 -3
- package/es/layouts/Basic/__stories__/TwoThirdsOneThirdColumns.js +3 -3
- package/es/registry.js +36 -14
- package/es/typography/NormalText/__stories__/FontSizes.js +18 -6
- package/es/typography/NormalText/__stories__/FontWeight.js +3 -1
- package/es/typography/NormalText/__stories__/Variants.js +3 -1
- package/esm/admin/AccessibilityMenu/index.js +13 -0
- package/esm/admin/Chip/index.js +1 -0
- package/esm/admin/Drawer/__stories__/Default.js +19 -8
- package/esm/admin/Dropdown/__stories__/AlignRight.js +0 -2
- package/esm/admin/Dropdown/__stories__/Default.js +0 -2
- package/esm/admin/Dropdown/__stories__/PlacementTop.js +0 -2
- package/esm/admin/FilterSection/index.js +1 -2
- package/esm/admin/Modal/index.js +16 -11
- package/esm/admin/Pagination/__stories__/Default.js +4 -7
- package/esm/admin/Pagination/__stories__/PaginationSmall.js +2 -3
- package/esm/app/Footer/__stories__/FooterAllInclusive.js +1 -0
- package/esm/app/Footer/__stories__/FooterWithSecondaryNavigation.js +1 -0
- package/esm/app/Header/__stories__/WithNavigation.js +10 -8
- package/esm/app/QrCodeScanner/__stories__/Default.js +3 -3
- package/esm/app/QrCodeViewer/index.js +8 -9
- package/esm/app/ThemeOptionsForm/index.js +215 -0
- package/esm/app/{ThemeSelectorOptions → ThemePaletteForm}/index.js +5 -4
- package/esm/app/index.js +2 -1
- package/esm/core/Accordion/index.js +7 -7
- package/esm/core/Divider/__stories__/Default.js +5 -10
- package/esm/core/ErrorSummary/__stories__/Default.js +3 -3
- package/esm/core/ErrorSummary/__stories__/LinkedToCheckbox.js +3 -3
- package/esm/core/ErrorSummary/__stories__/LinkedToField.js +3 -3
- package/esm/core/ErrorSummary/__stories__/LinkedToInput.js +3 -3
- package/esm/core/Link/__stories__/DarkBackground.js +6 -2
- package/esm/core/Link/__stories__/DarkBackgroundNoUnderline.js +6 -2
- package/esm/core/NavList/NavList.stories.js +3 -1
- package/esm/core/NavList/NavList.stories.playwright.json +6 -6
- package/{es/core/NavList → esm/core/NavList/NavListAuto}/NavListAuto.js +11 -5
- package/{es/core/NavList/NavListBase.js → esm/core/NavList/NavListAuto/NavListBaseAuto.js} +4 -2
- package/esm/core/NavList/{NavListContext.js → NavListAuto/NavListContextAuto.js} +20 -8
- package/esm/core/NavList/NavListAuto/NavListItemAnchorAuto.js +29 -0
- package/esm/core/NavList/NavListAuto/NavListItemAuto.js +42 -0
- package/esm/core/NavList/NavListAuto/NavListItemButtonAuto.js +32 -0
- package/esm/core/NavList/NavListAuto/NavListMenuAuto.js +39 -0
- package/esm/core/NavList/NavListAuto/NavListSubMenuAuto.js +28 -0
- package/esm/core/NavList/NavListItem.js +8 -7
- package/esm/core/NavList/NavListItemBase.js +3 -3
- package/esm/core/NavList/NavMenuContainerContentList.js +67 -1
- package/esm/core/NavList/__stories__/Default.js +19 -6
- package/esm/core/NavList/__stories__/NavHorizontalLayout.js +17 -5
- package/esm/core/NavList/__stories__/NavListEpathlaExample.js +24 -12
- package/esm/core/NavList/__stories__/NavListHorizontalAutoExample.js +51 -0
- package/esm/core/NavList/__stories__/NavListSecondaryAutoExample.js +255 -0
- package/esm/core/NavList/__stories__/NavListVerticalAutoExample.js +51 -0
- package/esm/core/NavList/index.js +2 -5
- package/esm/core/Tabs/__stories__/Default.js +5 -5
- package/esm/core/Tabs/index.js +5 -7
- package/esm/hooks/useFontSize.js +10 -0
- package/esm/hooks/useHighlightLinks.js +38 -0
- package/esm/hooks/useLetterSpacing.js +10 -0
- package/esm/hooks/useLineHeight.js +10 -0
- package/esm/hooks/useNavList.js +10 -7
- package/esm/hooks/useTheme.js +19 -11
- package/esm/hooks/useTogglableNav.js +292 -0
- package/esm/hooks/{useTogglableSections.js → useTogglableTab.js} +2 -8
- package/esm/hooks/useVariantVars.js +30 -0
- package/esm/index.js +1 -1
- package/esm/layouts/Basic/__stories__/Default.js +2 -2
- package/esm/layouts/Basic/__stories__/MultipleRowsLayout.js +3 -3
- package/esm/layouts/Basic/__stories__/TwoThirdsOneThirdColumns.js +3 -3
- package/esm/registry.js +36 -14
- package/esm/typography/NormalText/__stories__/FontSizes.js +18 -6
- package/esm/typography/NormalText/__stories__/FontWeight.js +3 -1
- package/esm/typography/NormalText/__stories__/Variants.js +3 -1
- package/hooks/useFontSize.d.ts +6 -0
- package/hooks/useFontSize.js +23 -0
- package/hooks/useHighlightLinks.d.ts +8 -0
- package/hooks/useHighlightLinks.js +52 -0
- package/hooks/useLetterSpacing.d.ts +6 -0
- package/hooks/useLetterSpacing.js +23 -0
- package/hooks/useLineHeight.d.ts +6 -0
- package/hooks/useLineHeight.js +23 -0
- package/hooks/useNavList.d.ts +2 -2
- package/hooks/useNavList.js +11 -8
- package/hooks/useTheme.d.ts +4 -4
- package/hooks/useTheme.js +19 -12
- package/hooks/useTogglableNav.d.ts +25 -0
- package/hooks/useTogglableNav.js +305 -0
- package/hooks/{useTogglableSections.d.ts → useTogglableTab.d.ts} +4 -3
- package/hooks/{useTogglableSections.js → useTogglableTab.js} +3 -9
- package/hooks/useVariantVars.d.ts +11 -0
- package/hooks/useVariantVars.js +41 -0
- package/layouts/Basic/__stories__/Default.js +2 -2
- package/layouts/Basic/__stories__/MultipleRowsLayout.js +3 -3
- package/layouts/Basic/__stories__/TwoThirdsOneThirdColumns.js +3 -3
- package/package.json +3 -3
- package/registry.d.ts +18 -7
- package/registry.js +49 -16
- package/src/admin/AccessibilityMenu/index.tsx +14 -0
- package/src/admin/AutoComplete/index.tsx +2 -2
- package/src/admin/Chip/index.tsx +1 -0
- package/src/admin/Drawer/__stories__/Default.tsx +23 -9
- package/src/admin/Dropdown/__stories__/AlignRight.tsx +2 -2
- package/src/admin/Dropdown/__stories__/Default.tsx +2 -2
- package/src/admin/Dropdown/__stories__/PlacementTop.tsx +2 -2
- package/src/admin/FilterSection/index.tsx +1 -2
- package/src/admin/Modal/index.tsx +43 -39
- package/src/admin/Pagination/__stories__/Default.tsx +4 -4
- package/src/admin/Pagination/__stories__/PaginationSmall.tsx +2 -2
- package/src/app/Footer/__stories__/FooterAllInclusive.tsx +1 -1
- package/src/app/Footer/__stories__/FooterWithSecondaryNavigation.tsx +1 -1
- package/src/app/Header/__stories__/WithNavigation.tsx +8 -8
- package/src/app/QrCodeScanner/__stories__/Default.tsx +2 -2
- package/src/app/QrCodeViewer/index.tsx +16 -14
- package/src/app/ThemeOptionsForm/index.tsx +220 -0
- package/src/app/{ThemeSelectorOptions → ThemePaletteForm}/index.tsx +3 -3
- package/src/app/index.ts +2 -1
- package/src/core/Accordion/index.tsx +5 -11
- package/src/core/Divider/__stories__/Default.tsx +5 -5
- package/src/core/ErrorSummary/__stories__/Default.tsx +2 -2
- package/src/core/ErrorSummary/__stories__/LinkedToCheckbox.tsx +2 -2
- package/src/core/ErrorSummary/__stories__/LinkedToField.tsx +2 -2
- package/src/core/ErrorSummary/__stories__/LinkedToInput.tsx +2 -2
- package/src/core/Link/__stories__/DarkBackground.tsx +2 -3
- package/src/core/Link/__stories__/DarkBackgroundNoUnderline.tsx +2 -3
- package/src/core/NavList/NavList.stories.js +3 -1
- package/src/core/NavList/NavList.stories.playwright.json +6 -6
- package/src/core/NavList/NavListAuto/NavListAuto.tsx +34 -0
- package/src/core/NavList/{NavListBase.tsx → NavListAuto/NavListBaseAuto.tsx} +2 -2
- package/src/core/NavList/{NavListContext.tsx → NavListAuto/NavListContextAuto.tsx} +26 -11
- package/src/core/NavList/NavListAuto/NavListItemAnchorAuto.tsx +41 -0
- package/src/core/NavList/NavListAuto/NavListItemAuto.tsx +51 -0
- package/src/core/NavList/NavListAuto/NavListItemButtonAuto.tsx +53 -0
- package/src/core/NavList/NavListAuto/NavListMenuAuto.tsx +51 -0
- package/src/core/NavList/NavListAuto/NavListSubMenuAuto.tsx +32 -0
- package/src/core/NavList/NavListItem.tsx +15 -9
- package/src/core/NavList/NavListItemBase.tsx +3 -3
- package/src/core/NavList/NavMenuContainerContentList.tsx +63 -1
- package/src/core/NavList/__stories__/Default.tsx +23 -8
- package/src/core/NavList/__stories__/NavHorizontalLayout.tsx +24 -8
- package/src/core/NavList/__stories__/NavListEpathlaExample.tsx +46 -25
- package/src/core/NavList/__stories__/NavListHorizontalAutoExample.tsx +65 -0
- package/src/core/NavList/__stories__/NavListSecondaryAutoExample.tsx +284 -0
- package/src/core/NavList/__stories__/NavListVerticalAutoExample.tsx +65 -0
- package/src/core/NavList/index.tsx +2 -5
- package/src/core/NavList/types.tsx +23 -9
- package/src/core/Tabs/__stories__/Default.tsx +5 -5
- package/src/core/Tabs/index.tsx +5 -9
- package/src/hooks/useFontSize.ts +32 -0
- package/src/hooks/useHighlightLinks.ts +45 -0
- package/src/hooks/useLetterSpacing.ts +27 -0
- package/src/hooks/useLineHeight.ts +31 -0
- package/src/hooks/useNavList.ts +5 -7
- package/src/hooks/useTheme.ts +28 -20
- package/src/hooks/useTogglableNav.tsx +294 -0
- package/src/hooks/{useTogglableSections.tsx → useTogglableTab.tsx} +12 -13
- package/src/hooks/useVariantVars.ts +35 -0
- package/src/layouts/Basic/__stories__/Default.tsx +3 -3
- package/src/layouts/Basic/__stories__/MultipleRowsLayout.tsx +8 -8
- package/src/layouts/Basic/__stories__/TwoThirdsOneThirdColumns.tsx +6 -6
- package/src/registry.js +36 -14
- package/src/typography/NormalText/__stories__/FontSizes.tsx +6 -6
- package/src/typography/NormalText/__stories__/FontWeight.tsx +1 -1
- package/src/typography/NormalText/__stories__/Variants.tsx +1 -1
- package/typography/NormalText/__stories__/FontSizes.js +18 -6
- package/typography/NormalText/__stories__/FontWeight.js +3 -1
- package/typography/NormalText/__stories__/Variants.js +3 -1
- package/app/ThemeSelectorOptions/index.d.ts +0 -2
- package/core/NavList/NavListSubMenu.d.ts +0 -8
- package/core/NavList/__stories__/NavListAutoExample.d.ts +0 -2
- package/core/NavList/__stories__/NavListAutoExample.js +0 -63
- package/es/core/NavList/NavListItemAuto.js +0 -40
- package/es/core/NavList/NavListSubMenu.js +0 -25
- package/es/core/NavList/__stories__/NavListAutoExample.js +0 -48
- package/esm/core/NavList/NavListItemAuto.js +0 -40
- package/esm/core/NavList/NavListSubMenu.js +0 -25
- package/esm/core/NavList/__stories__/NavListAutoExample.js +0 -48
- package/src/core/NavList/NavListAuto.tsx +0 -20
- package/src/core/NavList/NavListItemAuto.tsx +0 -41
- package/src/core/NavList/NavListSubMenu.tsx +0 -28
- package/src/core/NavList/__stories__/NavListAutoExample.tsx +0 -53
- /package/core/NavList/{NavListAuto.d.ts → NavListAuto/NavListAuto.d.ts} +0 -0
- /package/core/NavList/{NavListItemAuto.d.ts → NavListAuto/NavListItemAuto.d.ts} +0 -0
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Layout } from '@digigov/ui/layouts/Basic';
|
|
3
|
-
import {
|
|
3
|
+
import { Container } from '@digigov/ui/layouts/Basic/Container';
|
|
4
4
|
import { Main } from '@digigov/ui/layouts/Basic/Main';
|
|
5
|
-
import {
|
|
5
|
+
import { Aside } from '@digigov/ui/layouts/Basic/Aside';
|
|
6
6
|
import { Heading, Paragraph } from '@digigov/ui/typography';
|
|
7
7
|
export const MultipleRowsLayout = () => (
|
|
8
8
|
<Layout>
|
|
9
|
-
<
|
|
9
|
+
<Container>
|
|
10
10
|
<Main>
|
|
11
11
|
<Heading>Two-thirds column</Heading>
|
|
12
12
|
<Paragraph>
|
|
13
13
|
This is a paragraph inside a two-thirds wide column
|
|
14
14
|
</Paragraph>
|
|
15
15
|
</Main>
|
|
16
|
-
</
|
|
17
|
-
<
|
|
16
|
+
</Container>
|
|
17
|
+
<Container>
|
|
18
18
|
<Main>
|
|
19
19
|
<Heading>Two-thirds column</Heading>
|
|
20
20
|
<Paragraph>
|
|
21
21
|
This is a paragraph inside a two-thirds wide column
|
|
22
22
|
</Paragraph>
|
|
23
23
|
</Main>
|
|
24
|
-
<
|
|
24
|
+
<Aside>
|
|
25
25
|
<Heading size="m">One-third-column</Heading>
|
|
26
26
|
<Paragraph>
|
|
27
27
|
This is a paragraph inside a one-third wide column
|
|
28
28
|
</Paragraph>
|
|
29
|
-
</
|
|
30
|
-
</
|
|
29
|
+
</Aside>
|
|
30
|
+
</Container>
|
|
31
31
|
</Layout>
|
|
32
32
|
);
|
|
33
33
|
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Layout } from '@digigov/ui/layouts/Basic';
|
|
3
|
-
import {
|
|
3
|
+
import { Container } from '@digigov/ui/layouts/Basic/Container';
|
|
4
4
|
import { Main } from '@digigov/ui/layouts/Basic/Main';
|
|
5
|
-
import {
|
|
5
|
+
import { Aside } from '@digigov/ui/layouts/Basic/Aside';
|
|
6
6
|
import { Heading, Paragraph } from '@digigov/ui/typography';
|
|
7
7
|
export const TwoThirdsOneThirdColumns = () => (
|
|
8
8
|
<Layout>
|
|
9
|
-
<
|
|
9
|
+
<Container>
|
|
10
10
|
<Main>
|
|
11
11
|
<Heading>Two-thirds column</Heading>
|
|
12
12
|
<Paragraph>
|
|
13
13
|
This is a paragraph inside a two-thirds wide column
|
|
14
14
|
</Paragraph>
|
|
15
15
|
</Main>
|
|
16
|
-
<
|
|
16
|
+
<Aside>
|
|
17
17
|
<Heading size="m">One-third-column</Heading>
|
|
18
18
|
<Paragraph>
|
|
19
19
|
This is a paragraph inside a one-third wide column
|
|
20
20
|
</Paragraph>
|
|
21
|
-
</
|
|
22
|
-
</
|
|
21
|
+
</Aside>
|
|
22
|
+
</Container>
|
|
23
23
|
</Layout>
|
|
24
24
|
);
|
|
25
25
|
|
package/src/registry.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
|
|
2
|
+
import * as _digigov_ui_admin_AccessibilityMenu from '@digigov/ui/admin/AccessibilityMenu';
|
|
2
3
|
import * as _digigov_ui_admin_AdminLayout from '@digigov/ui/admin/AdminLayout';
|
|
3
4
|
import * as _digigov_ui_admin_AutoComplete from '@digigov/ui/admin/AutoComplete';
|
|
4
5
|
import * as _digigov_ui_admin_AutoComplete_Status from '@digigov/ui/admin/AutoComplete/Status';
|
|
@@ -56,7 +57,8 @@ import * as _digigov_ui_app_QrCodeViewer from '@digigov/ui/app/QrCodeViewer';
|
|
|
56
57
|
import * as _digigov_ui_app_QrCodeViewer_qrcodegen from '@digigov/ui/app/QrCodeViewer/qrcodegen';
|
|
57
58
|
import * as _digigov_ui_app_QrCodeViewer_types from '@digigov/ui/app/QrCodeViewer/types';
|
|
58
59
|
import * as _digigov_ui_app_QrCodeViewer_utils from '@digigov/ui/app/QrCodeViewer/utils';
|
|
59
|
-
import * as
|
|
60
|
+
import * as _digigov_ui_app_ThemeOptionsForm from '@digigov/ui/app/ThemeOptionsForm';
|
|
61
|
+
import * as _digigov_ui_app_ThemePaletteForm from '@digigov/ui/app/ThemePaletteForm';
|
|
60
62
|
import * as _digigov_ui_core_Accordion from '@digigov/ui/core/Accordion';
|
|
61
63
|
import * as _digigov_ui_core_BackLink from '@digigov/ui/core/BackLink';
|
|
62
64
|
import * as _digigov_ui_core_Base from '@digigov/ui/core/Base';
|
|
@@ -94,15 +96,18 @@ import * as _digigov_ui_core_Masthead from '@digigov/ui/core/Masthead';
|
|
|
94
96
|
import * as _digigov_ui_core_NavList from '@digigov/ui/core/NavList';
|
|
95
97
|
import * as _digigov_ui_core_NavList_Nav from '@digigov/ui/core/NavList/Nav';
|
|
96
98
|
import * as _digigov_ui_core_NavList_NavList from '@digigov/ui/core/NavList/NavList';
|
|
97
|
-
import * as
|
|
98
|
-
import * as
|
|
99
|
-
import * as
|
|
99
|
+
import * as _digigov_ui_core_NavList_NavListAuto_NavListAuto from '@digigov/ui/core/NavList/NavListAuto/NavListAuto';
|
|
100
|
+
import * as _digigov_ui_core_NavList_NavListAuto_NavListBaseAuto from '@digigov/ui/core/NavList/NavListAuto/NavListBaseAuto';
|
|
101
|
+
import * as _digigov_ui_core_NavList_NavListAuto_NavListContextAuto from '@digigov/ui/core/NavList/NavListAuto/NavListContextAuto';
|
|
102
|
+
import * as _digigov_ui_core_NavList_NavListAuto_NavListItemAnchorAuto from '@digigov/ui/core/NavList/NavListAuto/NavListItemAnchorAuto';
|
|
103
|
+
import * as _digigov_ui_core_NavList_NavListAuto_NavListItemAuto from '@digigov/ui/core/NavList/NavListAuto/NavListItemAuto';
|
|
104
|
+
import * as _digigov_ui_core_NavList_NavListAuto_NavListItemButtonAuto from '@digigov/ui/core/NavList/NavListAuto/NavListItemButtonAuto';
|
|
105
|
+
import * as _digigov_ui_core_NavList_NavListAuto_NavListMenuAuto from '@digigov/ui/core/NavList/NavListAuto/NavListMenuAuto';
|
|
106
|
+
import * as _digigov_ui_core_NavList_NavListAuto_NavListSubMenuAuto from '@digigov/ui/core/NavList/NavListAuto/NavListSubMenuAuto';
|
|
100
107
|
import * as _digigov_ui_core_NavList_NavListItem from '@digigov/ui/core/NavList/NavListItem';
|
|
101
|
-
import * as _digigov_ui_core_NavList_NavListItemAuto from '@digigov/ui/core/NavList/NavListItemAuto';
|
|
102
108
|
import * as _digigov_ui_core_NavList_NavListItemBase from '@digigov/ui/core/NavList/NavListItemBase';
|
|
103
109
|
import * as _digigov_ui_core_NavList_NavListItemButton from '@digigov/ui/core/NavList/NavListItemButton';
|
|
104
110
|
import * as _digigov_ui_core_NavList_NavListItemLink from '@digigov/ui/core/NavList/NavListItemLink';
|
|
105
|
-
import * as _digigov_ui_core_NavList_NavListSubMenu from '@digigov/ui/core/NavList/NavListSubMenu';
|
|
106
111
|
import * as _digigov_ui_core_NavList_NavMenu from '@digigov/ui/core/NavList/NavMenu';
|
|
107
112
|
import * as _digigov_ui_core_NavList_NavMenuContainer from '@digigov/ui/core/NavList/NavMenuContainer';
|
|
108
113
|
import * as _digigov_ui_core_NavList_NavMenuContainerContent from '@digigov/ui/core/NavList/NavMenuContainerContent';
|
|
@@ -146,13 +151,19 @@ import * as _digigov_ui_govgr_images_minedu_logo_base64 from '@digigov/ui/govgr/
|
|
|
146
151
|
import * as _digigov_ui_govgr_images_minedu_logo_black_base64 from '@digigov/ui/govgr/images/minedu-logo-black-base64';
|
|
147
152
|
import * as _digigov_ui_govgr from '@digigov/ui/govgr';
|
|
148
153
|
import * as _digigov_ui_hooks_useDebounce from '@digigov/ui/hooks/useDebounce';
|
|
154
|
+
import * as _digigov_ui_hooks_useFontSize from '@digigov/ui/hooks/useFontSize';
|
|
155
|
+
import * as _digigov_ui_hooks_useHighlightLinks from '@digigov/ui/hooks/useHighlightLinks';
|
|
149
156
|
import * as _digigov_ui_hooks_useKeypress from '@digigov/ui/hooks/useKeypress';
|
|
150
157
|
import * as _digigov_ui_hooks_useLatest from '@digigov/ui/hooks/useLatest';
|
|
158
|
+
import * as _digigov_ui_hooks_useLetterSpacing from '@digigov/ui/hooks/useLetterSpacing';
|
|
159
|
+
import * as _digigov_ui_hooks_useLineHeight from '@digigov/ui/hooks/useLineHeight';
|
|
151
160
|
import * as _digigov_ui_hooks_useNavList from '@digigov/ui/hooks/useNavList';
|
|
152
161
|
import * as _digigov_ui_hooks_useOutdatedBrowserCheck from '@digigov/ui/hooks/useOutdatedBrowserCheck';
|
|
153
162
|
import * as _digigov_ui_hooks_useSearch from '@digigov/ui/hooks/useSearch';
|
|
154
163
|
import * as _digigov_ui_hooks_useTheme from '@digigov/ui/hooks/useTheme';
|
|
155
|
-
import * as
|
|
164
|
+
import * as _digigov_ui_hooks_useTogglableNav from '@digigov/ui/hooks/useTogglableNav';
|
|
165
|
+
import * as _digigov_ui_hooks_useTogglableTab from '@digigov/ui/hooks/useTogglableTab';
|
|
166
|
+
import * as _digigov_ui_hooks_useVariantVars from '@digigov/ui/hooks/useVariantVars';
|
|
156
167
|
import * as _digigov_ui from '@digigov/ui';
|
|
157
168
|
import * as _digigov_ui_layouts_Basic_Aside from '@digigov/ui/layouts/Basic/Aside';
|
|
158
169
|
import * as _digigov_ui_layouts_Basic_Bottom from '@digigov/ui/layouts/Basic/Bottom';
|
|
@@ -202,6 +213,7 @@ function lazyImport(pkgImport) {
|
|
|
202
213
|
)
|
|
203
214
|
}
|
|
204
215
|
export default {
|
|
216
|
+
'@digigov/ui/admin/AccessibilityMenu': lazyImport(_digigov_ui_admin_AccessibilityMenu),
|
|
205
217
|
'@digigov/ui/admin/AdminLayout': lazyImport(_digigov_ui_admin_AdminLayout),
|
|
206
218
|
'@digigov/ui/admin/AutoComplete': lazyImport(_digigov_ui_admin_AutoComplete),
|
|
207
219
|
'@digigov/ui/admin/AutoComplete/Status': lazyImport(_digigov_ui_admin_AutoComplete_Status),
|
|
@@ -259,7 +271,8 @@ export default {
|
|
|
259
271
|
'@digigov/ui/app/QrCodeViewer/qrcodegen': lazyImport(_digigov_ui_app_QrCodeViewer_qrcodegen),
|
|
260
272
|
'@digigov/ui/app/QrCodeViewer/types': lazyImport(_digigov_ui_app_QrCodeViewer_types),
|
|
261
273
|
'@digigov/ui/app/QrCodeViewer/utils': lazyImport(_digigov_ui_app_QrCodeViewer_utils),
|
|
262
|
-
'@digigov/ui/app/
|
|
274
|
+
'@digigov/ui/app/ThemeOptionsForm': lazyImport(_digigov_ui_app_ThemeOptionsForm),
|
|
275
|
+
'@digigov/ui/app/ThemePaletteForm': lazyImport(_digigov_ui_app_ThemePaletteForm),
|
|
263
276
|
'@digigov/ui/core/Accordion': lazyImport(_digigov_ui_core_Accordion),
|
|
264
277
|
'@digigov/ui/core/BackLink': lazyImport(_digigov_ui_core_BackLink),
|
|
265
278
|
'@digigov/ui/core/Base': lazyImport(_digigov_ui_core_Base),
|
|
@@ -297,15 +310,18 @@ export default {
|
|
|
297
310
|
'@digigov/ui/core/NavList': lazyImport(_digigov_ui_core_NavList),
|
|
298
311
|
'@digigov/ui/core/NavList/Nav': lazyImport(_digigov_ui_core_NavList_Nav),
|
|
299
312
|
'@digigov/ui/core/NavList/NavList': lazyImport(_digigov_ui_core_NavList_NavList),
|
|
300
|
-
'@digigov/ui/core/NavList/NavListAuto': lazyImport(
|
|
301
|
-
'@digigov/ui/core/NavList/
|
|
302
|
-
'@digigov/ui/core/NavList/
|
|
313
|
+
'@digigov/ui/core/NavList/NavListAuto/NavListAuto': lazyImport(_digigov_ui_core_NavList_NavListAuto_NavListAuto),
|
|
314
|
+
'@digigov/ui/core/NavList/NavListAuto/NavListBaseAuto': lazyImport(_digigov_ui_core_NavList_NavListAuto_NavListBaseAuto),
|
|
315
|
+
'@digigov/ui/core/NavList/NavListAuto/NavListContextAuto': lazyImport(_digigov_ui_core_NavList_NavListAuto_NavListContextAuto),
|
|
316
|
+
'@digigov/ui/core/NavList/NavListAuto/NavListItemAnchorAuto': lazyImport(_digigov_ui_core_NavList_NavListAuto_NavListItemAnchorAuto),
|
|
317
|
+
'@digigov/ui/core/NavList/NavListAuto/NavListItemAuto': lazyImport(_digigov_ui_core_NavList_NavListAuto_NavListItemAuto),
|
|
318
|
+
'@digigov/ui/core/NavList/NavListAuto/NavListItemButtonAuto': lazyImport(_digigov_ui_core_NavList_NavListAuto_NavListItemButtonAuto),
|
|
319
|
+
'@digigov/ui/core/NavList/NavListAuto/NavListMenuAuto': lazyImport(_digigov_ui_core_NavList_NavListAuto_NavListMenuAuto),
|
|
320
|
+
'@digigov/ui/core/NavList/NavListAuto/NavListSubMenuAuto': lazyImport(_digigov_ui_core_NavList_NavListAuto_NavListSubMenuAuto),
|
|
303
321
|
'@digigov/ui/core/NavList/NavListItem': lazyImport(_digigov_ui_core_NavList_NavListItem),
|
|
304
|
-
'@digigov/ui/core/NavList/NavListItemAuto': lazyImport(_digigov_ui_core_NavList_NavListItemAuto),
|
|
305
322
|
'@digigov/ui/core/NavList/NavListItemBase': lazyImport(_digigov_ui_core_NavList_NavListItemBase),
|
|
306
323
|
'@digigov/ui/core/NavList/NavListItemButton': lazyImport(_digigov_ui_core_NavList_NavListItemButton),
|
|
307
324
|
'@digigov/ui/core/NavList/NavListItemLink': lazyImport(_digigov_ui_core_NavList_NavListItemLink),
|
|
308
|
-
'@digigov/ui/core/NavList/NavListSubMenu': lazyImport(_digigov_ui_core_NavList_NavListSubMenu),
|
|
309
325
|
'@digigov/ui/core/NavList/NavMenu': lazyImport(_digigov_ui_core_NavList_NavMenu),
|
|
310
326
|
'@digigov/ui/core/NavList/NavMenuContainer': lazyImport(_digigov_ui_core_NavList_NavMenuContainer),
|
|
311
327
|
'@digigov/ui/core/NavList/NavMenuContainerContent': lazyImport(_digigov_ui_core_NavList_NavMenuContainerContent),
|
|
@@ -349,13 +365,19 @@ export default {
|
|
|
349
365
|
'@digigov/ui/govgr/images/minedu-logo-black-base64': lazyImport(_digigov_ui_govgr_images_minedu_logo_black_base64),
|
|
350
366
|
'@digigov/ui/govgr': lazyImport(_digigov_ui_govgr),
|
|
351
367
|
'@digigov/ui/hooks/useDebounce': lazyImport(_digigov_ui_hooks_useDebounce),
|
|
368
|
+
'@digigov/ui/hooks/useFontSize': lazyImport(_digigov_ui_hooks_useFontSize),
|
|
369
|
+
'@digigov/ui/hooks/useHighlightLinks': lazyImport(_digigov_ui_hooks_useHighlightLinks),
|
|
352
370
|
'@digigov/ui/hooks/useKeypress': lazyImport(_digigov_ui_hooks_useKeypress),
|
|
353
371
|
'@digigov/ui/hooks/useLatest': lazyImport(_digigov_ui_hooks_useLatest),
|
|
372
|
+
'@digigov/ui/hooks/useLetterSpacing': lazyImport(_digigov_ui_hooks_useLetterSpacing),
|
|
373
|
+
'@digigov/ui/hooks/useLineHeight': lazyImport(_digigov_ui_hooks_useLineHeight),
|
|
354
374
|
'@digigov/ui/hooks/useNavList': lazyImport(_digigov_ui_hooks_useNavList),
|
|
355
375
|
'@digigov/ui/hooks/useOutdatedBrowserCheck': lazyImport(_digigov_ui_hooks_useOutdatedBrowserCheck),
|
|
356
376
|
'@digigov/ui/hooks/useSearch': lazyImport(_digigov_ui_hooks_useSearch),
|
|
357
377
|
'@digigov/ui/hooks/useTheme': lazyImport(_digigov_ui_hooks_useTheme),
|
|
358
|
-
'@digigov/ui/hooks/
|
|
378
|
+
'@digigov/ui/hooks/useTogglableNav': lazyImport(_digigov_ui_hooks_useTogglableNav),
|
|
379
|
+
'@digigov/ui/hooks/useTogglableTab': lazyImport(_digigov_ui_hooks_useTogglableTab),
|
|
380
|
+
'@digigov/ui/hooks/useVariantVars': lazyImport(_digigov_ui_hooks_useVariantVars),
|
|
359
381
|
'@digigov/ui': lazyImport(_digigov_ui),
|
|
360
382
|
'@digigov/ui/layouts/Basic/Aside': lazyImport(_digigov_ui_layouts_Basic_Aside),
|
|
361
383
|
'@digigov/ui/layouts/Basic/Bottom': lazyImport(_digigov_ui_layouts_Basic_Bottom),
|
|
@@ -5,17 +5,17 @@ import { SectionBreak } from '@digigov/ui/core/SectionBreak';
|
|
|
5
5
|
export const FontSizes = () => (
|
|
6
6
|
<>
|
|
7
7
|
<NormalText fontSize="14"> govgr-!-font-size-14 </NormalText>
|
|
8
|
-
<SectionBreak />
|
|
8
|
+
<SectionBreak visible={false} />
|
|
9
9
|
<NormalText fontSize="16"> govgr-!-font-size-16 </NormalText>
|
|
10
|
-
<SectionBreak />
|
|
10
|
+
<SectionBreak visible={false} />
|
|
11
11
|
<NormalText fontSize="19"> govgr-!-font-size-19 </NormalText>
|
|
12
|
-
<SectionBreak />
|
|
12
|
+
<SectionBreak visible={false} />
|
|
13
13
|
<NormalText fontSize="24"> govgr-!-font-size-24 </NormalText>
|
|
14
|
-
<SectionBreak />
|
|
14
|
+
<SectionBreak visible={false} />
|
|
15
15
|
<NormalText fontSize="30"> govgr-!-font-size-30 </NormalText>
|
|
16
|
-
<SectionBreak />
|
|
16
|
+
<SectionBreak visible={false} />
|
|
17
17
|
<NormalText fontSize="48"> govgr-!-font-size-48 </NormalText>
|
|
18
|
-
<SectionBreak />
|
|
18
|
+
<SectionBreak visible={false} />
|
|
19
19
|
<NormalText fontSize="72"> govgr-!-font-size-72 </NormalText>
|
|
20
20
|
</>
|
|
21
21
|
);
|
|
@@ -5,7 +5,7 @@ import { SectionBreak } from '@digigov/ui/core/SectionBreak';
|
|
|
5
5
|
export const FontWeight = () => (
|
|
6
6
|
<>
|
|
7
7
|
<NormalText fontWeight="regular"> govgr-!-font-weight-regular </NormalText>
|
|
8
|
-
<SectionBreak />
|
|
8
|
+
<SectionBreak visible={false} />
|
|
9
9
|
<NormalText fontWeight="bold"> govgr-!-font-weight-bold </NormalText>
|
|
10
10
|
</>
|
|
11
11
|
);
|
|
@@ -5,7 +5,7 @@ import { SectionBreak } from '@digigov/ui/core/SectionBreak';
|
|
|
5
5
|
export const Variants = () => (
|
|
6
6
|
<>
|
|
7
7
|
<NormalText variant="small"> govgr-variant-small </NormalText>
|
|
8
|
-
<SectionBreak />
|
|
8
|
+
<SectionBreak visible={false} />
|
|
9
9
|
<NormalText variant="lead"> govgr-variant-lead </NormalText>
|
|
10
10
|
</>
|
|
11
11
|
);
|
|
@@ -17,37 +17,49 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText,
|
|
|
17
17
|
fontSize: "14"
|
|
18
18
|
}, " govgr-!-font-size-14 ");
|
|
19
19
|
|
|
20
|
-
var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak,
|
|
20
|
+
var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
|
|
21
|
+
visible: false
|
|
22
|
+
});
|
|
21
23
|
|
|
22
24
|
var _ref3 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
|
|
23
25
|
fontSize: "16"
|
|
24
26
|
}, " govgr-!-font-size-16 ");
|
|
25
27
|
|
|
26
|
-
var _ref4 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak,
|
|
28
|
+
var _ref4 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
|
|
29
|
+
visible: false
|
|
30
|
+
});
|
|
27
31
|
|
|
28
32
|
var _ref5 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
|
|
29
33
|
fontSize: "19"
|
|
30
34
|
}, " govgr-!-font-size-19 ");
|
|
31
35
|
|
|
32
|
-
var _ref6 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak,
|
|
36
|
+
var _ref6 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
|
|
37
|
+
visible: false
|
|
38
|
+
});
|
|
33
39
|
|
|
34
40
|
var _ref7 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
|
|
35
41
|
fontSize: "24"
|
|
36
42
|
}, " govgr-!-font-size-24 ");
|
|
37
43
|
|
|
38
|
-
var _ref8 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak,
|
|
44
|
+
var _ref8 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
|
|
45
|
+
visible: false
|
|
46
|
+
});
|
|
39
47
|
|
|
40
48
|
var _ref9 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
|
|
41
49
|
fontSize: "30"
|
|
42
50
|
}, " govgr-!-font-size-30 ");
|
|
43
51
|
|
|
44
|
-
var _ref10 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak,
|
|
52
|
+
var _ref10 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
|
|
53
|
+
visible: false
|
|
54
|
+
});
|
|
45
55
|
|
|
46
56
|
var _ref11 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
|
|
47
57
|
fontSize: "48"
|
|
48
58
|
}, " govgr-!-font-size-48 ");
|
|
49
59
|
|
|
50
|
-
var _ref12 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak,
|
|
60
|
+
var _ref12 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
|
|
61
|
+
visible: false
|
|
62
|
+
});
|
|
51
63
|
|
|
52
64
|
var _ref13 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
|
|
53
65
|
fontSize: "72"
|
|
@@ -17,7 +17,9 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText,
|
|
|
17
17
|
fontWeight: "regular"
|
|
18
18
|
}, " govgr-!-font-weight-regular ");
|
|
19
19
|
|
|
20
|
-
var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak,
|
|
20
|
+
var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
|
|
21
|
+
visible: false
|
|
22
|
+
});
|
|
21
23
|
|
|
22
24
|
var _ref3 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
|
|
23
25
|
fontWeight: "bold"
|
|
@@ -17,7 +17,9 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText,
|
|
|
17
17
|
variant: "small"
|
|
18
18
|
}, " govgr-variant-small ");
|
|
19
19
|
|
|
20
|
-
var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak,
|
|
20
|
+
var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
|
|
21
|
+
visible: false
|
|
22
|
+
});
|
|
21
23
|
|
|
22
24
|
var _ref3 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
|
|
23
25
|
variant: "lead"
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { NavListAutoProps } from '@digigov/ui/core/NavList/types';
|
|
3
|
-
import { NavLinkInterface } from '@digigov/ui/core/NavList/NavListContext';
|
|
4
|
-
export interface NavListSubMenuProps extends NavListAutoProps {
|
|
5
|
-
links: NavLinkInterface[];
|
|
6
|
-
}
|
|
7
|
-
export declare const NavListSubMenu: React.FC<NavListSubMenuProps>;
|
|
8
|
-
export default NavListSubMenu;
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = exports.NavListAutoExample = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _NavList = require("@digigov/ui/core/NavList");
|
|
13
|
-
|
|
14
|
-
var links = [{
|
|
15
|
-
name: 'Nav1',
|
|
16
|
-
href: '#',
|
|
17
|
-
label: 'Nav list item 1'
|
|
18
|
-
}, {
|
|
19
|
-
name: 'Nav2',
|
|
20
|
-
href: '#',
|
|
21
|
-
label: 'Nav list item 2',
|
|
22
|
-
subMenu: [{
|
|
23
|
-
name: 'Nav2.1',
|
|
24
|
-
href: '#',
|
|
25
|
-
label: 'Nav list item 2.1'
|
|
26
|
-
}, {
|
|
27
|
-
name: 'Nav2.2',
|
|
28
|
-
href: '#',
|
|
29
|
-
label: 'Nav list item 2.2'
|
|
30
|
-
}, {
|
|
31
|
-
name: 'Nav2.3',
|
|
32
|
-
href: '#',
|
|
33
|
-
label: 'Nav list item 2.3'
|
|
34
|
-
}, {
|
|
35
|
-
name: 'Nav2.4',
|
|
36
|
-
href: '#',
|
|
37
|
-
label: 'Nav list item 2.4'
|
|
38
|
-
}]
|
|
39
|
-
}, {
|
|
40
|
-
name: 'Nav3',
|
|
41
|
-
href: '#',
|
|
42
|
-
label: 'Nav list item 3'
|
|
43
|
-
}];
|
|
44
|
-
|
|
45
|
-
var NavListAutoExample = function NavListAutoExample() {
|
|
46
|
-
var layout = 'horizontal';
|
|
47
|
-
return /*#__PURE__*/_react["default"].createElement(_NavList.NavListAuto, {
|
|
48
|
-
layout: layout,
|
|
49
|
-
links: links,
|
|
50
|
-
"aria-label": "Nav list",
|
|
51
|
-
role: "menu"
|
|
52
|
-
}, links.map(function (item, key) {
|
|
53
|
-
return /*#__PURE__*/_react["default"].createElement(_NavList.NavListItemAuto, {
|
|
54
|
-
key: key,
|
|
55
|
-
item: item,
|
|
56
|
-
role: "menuitem"
|
|
57
|
-
});
|
|
58
|
-
}));
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
exports.NavListAutoExample = NavListAutoExample;
|
|
62
|
-
var _default = NavListAutoExample;
|
|
63
|
-
exports["default"] = _default;
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
var _excluded = ["item", "children", "role"];
|
|
4
|
-
import React, { useContext } from 'react';
|
|
5
|
-
import Divider from '@digigov/react-core/SectionBreak';
|
|
6
|
-
import NavListItemBase from '@digigov/ui/core/NavList/NavListItemBase';
|
|
7
|
-
import NavListSubMenu from '@digigov/ui/core/NavList/NavListSubMenu';
|
|
8
|
-
import NavListContext from '@digigov/ui/core/NavList/NavListContext';
|
|
9
|
-
|
|
10
|
-
var _ref3 = /*#__PURE__*/React.createElement(Divider, null);
|
|
11
|
-
|
|
12
|
-
export var NavListItemAuto = function NavListItemAuto(_ref) {
|
|
13
|
-
var item = _ref.item,
|
|
14
|
-
children = _ref.children,
|
|
15
|
-
role = _ref.role,
|
|
16
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
17
|
-
|
|
18
|
-
var _useContext = useContext(NavListContext),
|
|
19
|
-
layout = _useContext.layout,
|
|
20
|
-
showDividers = _useContext.showDividers,
|
|
21
|
-
links = _useContext.links,
|
|
22
|
-
container = _useContext.container,
|
|
23
|
-
setRegister = _useContext.setRegister;
|
|
24
|
-
|
|
25
|
-
var _ref2 = links.find(function (link) {
|
|
26
|
-
return link.name === item.name;
|
|
27
|
-
}) || {},
|
|
28
|
-
subMenu = _ref2.subMenu;
|
|
29
|
-
|
|
30
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NavListItemBase, _extends({
|
|
31
|
-
container: container,
|
|
32
|
-
setRegister: setRegister,
|
|
33
|
-
item: item,
|
|
34
|
-
layout: layout,
|
|
35
|
-
role: role
|
|
36
|
-
}, props), subMenu && (subMenu === null || subMenu === void 0 ? void 0 : subMenu.length) > 0 && /*#__PURE__*/React.createElement(NavListSubMenu, {
|
|
37
|
-
links: subMenu
|
|
38
|
-
})), showDividers && _ref3);
|
|
39
|
-
};
|
|
40
|
-
export default NavListItemAuto;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
var _excluded = ["links"];
|
|
4
|
-
import React, { useContext } from 'react';
|
|
5
|
-
import { NavListBase } from '@digigov/ui/core/NavList/NavListBase';
|
|
6
|
-
import NavListItemBase from '@digigov/ui/core/NavList/NavListItemBase';
|
|
7
|
-
import NavListContext from '@digigov/ui/core/NavList/NavListContext';
|
|
8
|
-
export var NavListSubMenu = function NavListSubMenu(_ref) {
|
|
9
|
-
var links = _ref.links,
|
|
10
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
-
|
|
12
|
-
var _useContext = useContext(NavListContext),
|
|
13
|
-
layout = _useContext.layout;
|
|
14
|
-
|
|
15
|
-
return /*#__PURE__*/React.createElement(NavListBase, _extends({
|
|
16
|
-
subMenu: true,
|
|
17
|
-
floating: layout === 'horizontal'
|
|
18
|
-
}, props), links && links.map(function (subMenuLink, key) {
|
|
19
|
-
return /*#__PURE__*/React.createElement(NavListItemBase, {
|
|
20
|
-
key: key,
|
|
21
|
-
item: subMenuLink
|
|
22
|
-
});
|
|
23
|
-
}));
|
|
24
|
-
};
|
|
25
|
-
export default NavListSubMenu;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { NavListAuto, NavListItemAuto } from '@digigov/ui/core/NavList';
|
|
3
|
-
var links = [{
|
|
4
|
-
name: 'Nav1',
|
|
5
|
-
href: '#',
|
|
6
|
-
label: 'Nav list item 1'
|
|
7
|
-
}, {
|
|
8
|
-
name: 'Nav2',
|
|
9
|
-
href: '#',
|
|
10
|
-
label: 'Nav list item 2',
|
|
11
|
-
subMenu: [{
|
|
12
|
-
name: 'Nav2.1',
|
|
13
|
-
href: '#',
|
|
14
|
-
label: 'Nav list item 2.1'
|
|
15
|
-
}, {
|
|
16
|
-
name: 'Nav2.2',
|
|
17
|
-
href: '#',
|
|
18
|
-
label: 'Nav list item 2.2'
|
|
19
|
-
}, {
|
|
20
|
-
name: 'Nav2.3',
|
|
21
|
-
href: '#',
|
|
22
|
-
label: 'Nav list item 2.3'
|
|
23
|
-
}, {
|
|
24
|
-
name: 'Nav2.4',
|
|
25
|
-
href: '#',
|
|
26
|
-
label: 'Nav list item 2.4'
|
|
27
|
-
}]
|
|
28
|
-
}, {
|
|
29
|
-
name: 'Nav3',
|
|
30
|
-
href: '#',
|
|
31
|
-
label: 'Nav list item 3'
|
|
32
|
-
}];
|
|
33
|
-
export var NavListAutoExample = function NavListAutoExample() {
|
|
34
|
-
var layout = 'horizontal';
|
|
35
|
-
return /*#__PURE__*/React.createElement(NavListAuto, {
|
|
36
|
-
layout: layout,
|
|
37
|
-
links: links,
|
|
38
|
-
"aria-label": "Nav list",
|
|
39
|
-
role: "menu"
|
|
40
|
-
}, links.map(function (item, key) {
|
|
41
|
-
return /*#__PURE__*/React.createElement(NavListItemAuto, {
|
|
42
|
-
key: key,
|
|
43
|
-
item: item,
|
|
44
|
-
role: "menuitem"
|
|
45
|
-
});
|
|
46
|
-
}));
|
|
47
|
-
};
|
|
48
|
-
export default NavListAutoExample;
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
var _excluded = ["item", "children", "role"];
|
|
4
|
-
import React, { useContext } from 'react';
|
|
5
|
-
import Divider from '@digigov/react-core/SectionBreak';
|
|
6
|
-
import NavListItemBase from '@digigov/ui/core/NavList/NavListItemBase';
|
|
7
|
-
import NavListSubMenu from '@digigov/ui/core/NavList/NavListSubMenu';
|
|
8
|
-
import NavListContext from '@digigov/ui/core/NavList/NavListContext';
|
|
9
|
-
|
|
10
|
-
var _ref3 = /*#__PURE__*/React.createElement(Divider, null);
|
|
11
|
-
|
|
12
|
-
export var NavListItemAuto = function NavListItemAuto(_ref) {
|
|
13
|
-
var item = _ref.item,
|
|
14
|
-
children = _ref.children,
|
|
15
|
-
role = _ref.role,
|
|
16
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
17
|
-
|
|
18
|
-
var _useContext = useContext(NavListContext),
|
|
19
|
-
layout = _useContext.layout,
|
|
20
|
-
showDividers = _useContext.showDividers,
|
|
21
|
-
links = _useContext.links,
|
|
22
|
-
container = _useContext.container,
|
|
23
|
-
setRegister = _useContext.setRegister;
|
|
24
|
-
|
|
25
|
-
var _ref2 = links.find(function (link) {
|
|
26
|
-
return link.name === item.name;
|
|
27
|
-
}) || {},
|
|
28
|
-
subMenu = _ref2.subMenu;
|
|
29
|
-
|
|
30
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NavListItemBase, _extends({
|
|
31
|
-
container: container,
|
|
32
|
-
setRegister: setRegister,
|
|
33
|
-
item: item,
|
|
34
|
-
layout: layout,
|
|
35
|
-
role: role
|
|
36
|
-
}, props), subMenu && (subMenu === null || subMenu === void 0 ? void 0 : subMenu.length) > 0 && /*#__PURE__*/React.createElement(NavListSubMenu, {
|
|
37
|
-
links: subMenu
|
|
38
|
-
})), showDividers && _ref3);
|
|
39
|
-
};
|
|
40
|
-
export default NavListItemAuto;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
var _excluded = ["links"];
|
|
4
|
-
import React, { useContext } from 'react';
|
|
5
|
-
import { NavListBase } from '@digigov/ui/core/NavList/NavListBase';
|
|
6
|
-
import NavListItemBase from '@digigov/ui/core/NavList/NavListItemBase';
|
|
7
|
-
import NavListContext from '@digigov/ui/core/NavList/NavListContext';
|
|
8
|
-
export var NavListSubMenu = function NavListSubMenu(_ref) {
|
|
9
|
-
var links = _ref.links,
|
|
10
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
-
|
|
12
|
-
var _useContext = useContext(NavListContext),
|
|
13
|
-
layout = _useContext.layout;
|
|
14
|
-
|
|
15
|
-
return /*#__PURE__*/React.createElement(NavListBase, _extends({
|
|
16
|
-
subMenu: true,
|
|
17
|
-
floating: layout === 'horizontal'
|
|
18
|
-
}, props), links && links.map(function (subMenuLink, key) {
|
|
19
|
-
return /*#__PURE__*/React.createElement(NavListItemBase, {
|
|
20
|
-
key: key,
|
|
21
|
-
item: subMenuLink
|
|
22
|
-
});
|
|
23
|
-
}));
|
|
24
|
-
};
|
|
25
|
-
export default NavListSubMenu;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { NavListAuto, NavListItemAuto } from '@digigov/ui/core/NavList';
|
|
3
|
-
var links = [{
|
|
4
|
-
name: 'Nav1',
|
|
5
|
-
href: '#',
|
|
6
|
-
label: 'Nav list item 1'
|
|
7
|
-
}, {
|
|
8
|
-
name: 'Nav2',
|
|
9
|
-
href: '#',
|
|
10
|
-
label: 'Nav list item 2',
|
|
11
|
-
subMenu: [{
|
|
12
|
-
name: 'Nav2.1',
|
|
13
|
-
href: '#',
|
|
14
|
-
label: 'Nav list item 2.1'
|
|
15
|
-
}, {
|
|
16
|
-
name: 'Nav2.2',
|
|
17
|
-
href: '#',
|
|
18
|
-
label: 'Nav list item 2.2'
|
|
19
|
-
}, {
|
|
20
|
-
name: 'Nav2.3',
|
|
21
|
-
href: '#',
|
|
22
|
-
label: 'Nav list item 2.3'
|
|
23
|
-
}, {
|
|
24
|
-
name: 'Nav2.4',
|
|
25
|
-
href: '#',
|
|
26
|
-
label: 'Nav list item 2.4'
|
|
27
|
-
}]
|
|
28
|
-
}, {
|
|
29
|
-
name: 'Nav3',
|
|
30
|
-
href: '#',
|
|
31
|
-
label: 'Nav list item 3'
|
|
32
|
-
}];
|
|
33
|
-
export var NavListAutoExample = function NavListAutoExample() {
|
|
34
|
-
var layout = 'horizontal';
|
|
35
|
-
return /*#__PURE__*/React.createElement(NavListAuto, {
|
|
36
|
-
layout: layout,
|
|
37
|
-
links: links,
|
|
38
|
-
"aria-label": "Nav list",
|
|
39
|
-
role: "menu"
|
|
40
|
-
}, links.map(function (item, key) {
|
|
41
|
-
return /*#__PURE__*/React.createElement(NavListItemAuto, {
|
|
42
|
-
key: key,
|
|
43
|
-
item: item,
|
|
44
|
-
role: "menuitem"
|
|
45
|
-
});
|
|
46
|
-
}));
|
|
47
|
-
};
|
|
48
|
-
export default NavListAutoExample;
|