@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.
Files changed (313) hide show
  1. package/CHANGELOG.md +16 -1
  2. package/admin/AccessibilityMenu/index.d.ts +13 -0
  3. package/admin/AccessibilityMenu/index.js +170 -0
  4. package/admin/AutoComplete/index.d.ts +2 -2
  5. package/admin/Chip/index.d.ts +1 -0
  6. package/admin/Chip/index.js +14 -0
  7. package/admin/Drawer/__stories__/Default.js +18 -7
  8. package/admin/Dropdown/__stories__/AlignRight.js +0 -2
  9. package/admin/Dropdown/__stories__/Default.js +0 -2
  10. package/admin/Dropdown/__stories__/PlacementTop.js +0 -2
  11. package/admin/FilterSection/index.d.ts +1 -2
  12. package/admin/FilterSection/index.js +4 -18
  13. package/admin/Modal/index.d.ts +2 -2
  14. package/admin/Modal/index.js +17 -12
  15. package/admin/Pagination/__stories__/Default.js +4 -7
  16. package/admin/Pagination/__stories__/PaginationSmall.js +2 -3
  17. package/app/Footer/__stories__/FooterAllInclusive.js +1 -0
  18. package/app/Footer/__stories__/FooterWithSecondaryNavigation.js +1 -0
  19. package/app/Header/__stories__/WithNavigation.js +10 -8
  20. package/app/QrCodeScanner/__stories__/Default.js +3 -3
  21. package/app/QrCodeViewer/QRCode.stories.d.ts +0 -1
  22. package/app/QrCodeViewer/index.d.ts +1 -2
  23. package/app/QrCodeViewer/index.js +10 -10
  24. package/app/ThemeOptionsForm/index.d.ts +2 -0
  25. package/app/ThemeOptionsForm/index.js +243 -0
  26. package/app/ThemePaletteForm/index.d.ts +2 -0
  27. package/app/{ThemeSelectorOptions → ThemePaletteForm}/index.js +9 -8
  28. package/app/index.d.ts +2 -1
  29. package/app/index.js +17 -4
  30. package/core/Accordion/index.d.ts +2 -2
  31. package/core/Accordion/index.js +7 -7
  32. package/core/Divider/__stories__/Default.js +5 -10
  33. package/core/ErrorSummary/__stories__/Default.js +3 -3
  34. package/core/ErrorSummary/__stories__/LinkedToCheckbox.js +3 -3
  35. package/core/ErrorSummary/__stories__/LinkedToField.js +3 -3
  36. package/core/ErrorSummary/__stories__/LinkedToInput.js +3 -3
  37. package/core/Link/__stories__/DarkBackground.js +6 -2
  38. package/core/Link/__stories__/DarkBackgroundNoUnderline.js +6 -2
  39. package/core/NavList/NavList.stories.d.ts +3 -1
  40. package/core/NavList/NavList.stories.js +32 -4
  41. package/core/NavList/NavList.stories.playwright.json +6 -6
  42. package/core/NavList/{NavListAuto.js → NavListAuto/NavListAuto.js} +11 -5
  43. package/core/NavList/{NavListBase.d.ts → NavListAuto/NavListBaseAuto.d.ts} +1 -1
  44. package/core/NavList/{NavListBase.js → NavListAuto/NavListBaseAuto.js} +6 -4
  45. package/core/NavList/{NavListContext.d.ts → NavListAuto/NavListContextAuto.d.ts} +7 -4
  46. package/core/NavList/{NavListContext.js → NavListAuto/NavListContextAuto.js} +23 -11
  47. package/core/NavList/NavListAuto/NavListItemAnchorAuto.d.ts +11 -0
  48. package/core/NavList/{NavListSubMenu.js → NavListAuto/NavListItemAnchorAuto.js} +25 -21
  49. package/core/NavList/{NavListItemAuto.js → NavListAuto/NavListItemAuto.js} +23 -20
  50. package/core/NavList/NavListAuto/NavListItemButtonAuto.d.ts +12 -0
  51. package/core/NavList/NavListAuto/NavListItemButtonAuto.js +50 -0
  52. package/core/NavList/NavListAuto/NavListMenuAuto.d.ts +11 -0
  53. package/core/NavList/NavListAuto/NavListMenuAuto.js +59 -0
  54. package/core/NavList/NavListAuto/NavListSubMenuAuto.d.ts +9 -0
  55. package/core/NavList/NavListAuto/NavListSubMenuAuto.js +46 -0
  56. package/core/NavList/NavListItem.js +6 -5
  57. package/core/NavList/NavListItemBase.d.ts +1 -1
  58. package/core/NavList/NavListItemBase.js +3 -3
  59. package/core/NavList/NavMenuContainerContentList.d.ts +3 -1
  60. package/core/NavList/NavMenuContainerContentList.js +76 -3
  61. package/core/NavList/__stories__/Default.js +19 -6
  62. package/core/NavList/__stories__/NavHorizontalLayout.js +17 -5
  63. package/core/NavList/__stories__/NavListEpathlaExample.js +24 -12
  64. package/core/NavList/__stories__/NavListHorizontalAutoExample.d.ts +2 -0
  65. package/core/NavList/__stories__/NavListHorizontalAutoExample.js +67 -0
  66. package/core/NavList/__stories__/NavListSecondaryAutoExample.d.ts +2 -0
  67. package/core/NavList/__stories__/NavListSecondaryAutoExample.js +281 -0
  68. package/core/NavList/__stories__/NavListVerticalAutoExample.d.ts +2 -0
  69. package/core/NavList/__stories__/NavListVerticalAutoExample.js +67 -0
  70. package/core/NavList/index.d.ts +2 -5
  71. package/core/NavList/index.js +5 -33
  72. package/core/NavList/types.d.ts +20 -10
  73. package/core/Tabs/__stories__/Default.js +5 -5
  74. package/core/Tabs/index.d.ts +2 -2
  75. package/core/Tabs/index.js +5 -7
  76. package/es/admin/AccessibilityMenu/index.js +13 -0
  77. package/es/admin/Chip/index.js +1 -0
  78. package/es/admin/Drawer/__stories__/Default.js +19 -8
  79. package/es/admin/Dropdown/__stories__/AlignRight.js +0 -2
  80. package/es/admin/Dropdown/__stories__/Default.js +0 -2
  81. package/es/admin/Dropdown/__stories__/PlacementTop.js +0 -2
  82. package/es/admin/FilterSection/index.js +1 -2
  83. package/es/admin/Modal/index.js +16 -11
  84. package/es/admin/Pagination/__stories__/Default.js +4 -7
  85. package/es/admin/Pagination/__stories__/PaginationSmall.js +2 -3
  86. package/es/app/Footer/__stories__/FooterAllInclusive.js +1 -0
  87. package/es/app/Footer/__stories__/FooterWithSecondaryNavigation.js +1 -0
  88. package/es/app/Header/__stories__/WithNavigation.js +10 -8
  89. package/es/app/QrCodeScanner/__stories__/Default.js +3 -3
  90. package/es/app/QrCodeViewer/index.js +8 -9
  91. package/es/app/ThemeOptionsForm/index.js +215 -0
  92. package/es/app/{ThemeSelectorOptions → ThemePaletteForm}/index.js +5 -4
  93. package/es/app/index.js +2 -1
  94. package/es/core/Accordion/index.js +7 -7
  95. package/es/core/Divider/__stories__/Default.js +5 -10
  96. package/es/core/ErrorSummary/__stories__/Default.js +3 -3
  97. package/es/core/ErrorSummary/__stories__/LinkedToCheckbox.js +3 -3
  98. package/es/core/ErrorSummary/__stories__/LinkedToField.js +3 -3
  99. package/es/core/ErrorSummary/__stories__/LinkedToInput.js +3 -3
  100. package/es/core/Link/__stories__/DarkBackground.js +6 -2
  101. package/es/core/Link/__stories__/DarkBackgroundNoUnderline.js +6 -2
  102. package/es/core/NavList/NavList.stories.js +3 -1
  103. package/es/core/NavList/NavList.stories.playwright.json +6 -6
  104. package/{esm/core/NavList → es/core/NavList/NavListAuto}/NavListAuto.js +11 -5
  105. package/{esm/core/NavList/NavListBase.js → es/core/NavList/NavListAuto/NavListBaseAuto.js} +4 -2
  106. package/es/core/NavList/{NavListContext.js → NavListAuto/NavListContextAuto.js} +20 -8
  107. package/es/core/NavList/NavListAuto/NavListItemAnchorAuto.js +29 -0
  108. package/es/core/NavList/NavListAuto/NavListItemAuto.js +42 -0
  109. package/es/core/NavList/NavListAuto/NavListItemButtonAuto.js +32 -0
  110. package/es/core/NavList/NavListAuto/NavListMenuAuto.js +39 -0
  111. package/es/core/NavList/NavListAuto/NavListSubMenuAuto.js +28 -0
  112. package/es/core/NavList/NavListItem.js +8 -7
  113. package/es/core/NavList/NavListItemBase.js +3 -3
  114. package/es/core/NavList/NavMenuContainerContentList.js +67 -1
  115. package/es/core/NavList/__stories__/Default.js +19 -6
  116. package/es/core/NavList/__stories__/NavHorizontalLayout.js +17 -5
  117. package/es/core/NavList/__stories__/NavListEpathlaExample.js +24 -12
  118. package/es/core/NavList/__stories__/NavListHorizontalAutoExample.js +51 -0
  119. package/es/core/NavList/__stories__/NavListSecondaryAutoExample.js +255 -0
  120. package/es/core/NavList/__stories__/NavListVerticalAutoExample.js +51 -0
  121. package/es/core/NavList/index.js +2 -5
  122. package/es/core/Tabs/__stories__/Default.js +5 -5
  123. package/es/core/Tabs/index.js +5 -7
  124. package/es/hooks/useFontSize.js +10 -0
  125. package/es/hooks/useHighlightLinks.js +38 -0
  126. package/es/hooks/useLetterSpacing.js +10 -0
  127. package/es/hooks/useLineHeight.js +10 -0
  128. package/es/hooks/useNavList.js +10 -7
  129. package/es/hooks/useTheme.js +19 -11
  130. package/es/hooks/useTogglableNav.js +292 -0
  131. package/es/hooks/{useTogglableSections.js → useTogglableTab.js} +2 -8
  132. package/es/hooks/useVariantVars.js +30 -0
  133. package/es/layouts/Basic/__stories__/Default.js +2 -2
  134. package/es/layouts/Basic/__stories__/MultipleRowsLayout.js +3 -3
  135. package/es/layouts/Basic/__stories__/TwoThirdsOneThirdColumns.js +3 -3
  136. package/es/registry.js +36 -14
  137. package/es/typography/NormalText/__stories__/FontSizes.js +18 -6
  138. package/es/typography/NormalText/__stories__/FontWeight.js +3 -1
  139. package/es/typography/NormalText/__stories__/Variants.js +3 -1
  140. package/esm/admin/AccessibilityMenu/index.js +13 -0
  141. package/esm/admin/Chip/index.js +1 -0
  142. package/esm/admin/Drawer/__stories__/Default.js +19 -8
  143. package/esm/admin/Dropdown/__stories__/AlignRight.js +0 -2
  144. package/esm/admin/Dropdown/__stories__/Default.js +0 -2
  145. package/esm/admin/Dropdown/__stories__/PlacementTop.js +0 -2
  146. package/esm/admin/FilterSection/index.js +1 -2
  147. package/esm/admin/Modal/index.js +16 -11
  148. package/esm/admin/Pagination/__stories__/Default.js +4 -7
  149. package/esm/admin/Pagination/__stories__/PaginationSmall.js +2 -3
  150. package/esm/app/Footer/__stories__/FooterAllInclusive.js +1 -0
  151. package/esm/app/Footer/__stories__/FooterWithSecondaryNavigation.js +1 -0
  152. package/esm/app/Header/__stories__/WithNavigation.js +10 -8
  153. package/esm/app/QrCodeScanner/__stories__/Default.js +3 -3
  154. package/esm/app/QrCodeViewer/index.js +8 -9
  155. package/esm/app/ThemeOptionsForm/index.js +215 -0
  156. package/esm/app/{ThemeSelectorOptions → ThemePaletteForm}/index.js +5 -4
  157. package/esm/app/index.js +2 -1
  158. package/esm/core/Accordion/index.js +7 -7
  159. package/esm/core/Divider/__stories__/Default.js +5 -10
  160. package/esm/core/ErrorSummary/__stories__/Default.js +3 -3
  161. package/esm/core/ErrorSummary/__stories__/LinkedToCheckbox.js +3 -3
  162. package/esm/core/ErrorSummary/__stories__/LinkedToField.js +3 -3
  163. package/esm/core/ErrorSummary/__stories__/LinkedToInput.js +3 -3
  164. package/esm/core/Link/__stories__/DarkBackground.js +6 -2
  165. package/esm/core/Link/__stories__/DarkBackgroundNoUnderline.js +6 -2
  166. package/esm/core/NavList/NavList.stories.js +3 -1
  167. package/esm/core/NavList/NavList.stories.playwright.json +6 -6
  168. package/{es/core/NavList → esm/core/NavList/NavListAuto}/NavListAuto.js +11 -5
  169. package/{es/core/NavList/NavListBase.js → esm/core/NavList/NavListAuto/NavListBaseAuto.js} +4 -2
  170. package/esm/core/NavList/{NavListContext.js → NavListAuto/NavListContextAuto.js} +20 -8
  171. package/esm/core/NavList/NavListAuto/NavListItemAnchorAuto.js +29 -0
  172. package/esm/core/NavList/NavListAuto/NavListItemAuto.js +42 -0
  173. package/esm/core/NavList/NavListAuto/NavListItemButtonAuto.js +32 -0
  174. package/esm/core/NavList/NavListAuto/NavListMenuAuto.js +39 -0
  175. package/esm/core/NavList/NavListAuto/NavListSubMenuAuto.js +28 -0
  176. package/esm/core/NavList/NavListItem.js +8 -7
  177. package/esm/core/NavList/NavListItemBase.js +3 -3
  178. package/esm/core/NavList/NavMenuContainerContentList.js +67 -1
  179. package/esm/core/NavList/__stories__/Default.js +19 -6
  180. package/esm/core/NavList/__stories__/NavHorizontalLayout.js +17 -5
  181. package/esm/core/NavList/__stories__/NavListEpathlaExample.js +24 -12
  182. package/esm/core/NavList/__stories__/NavListHorizontalAutoExample.js +51 -0
  183. package/esm/core/NavList/__stories__/NavListSecondaryAutoExample.js +255 -0
  184. package/esm/core/NavList/__stories__/NavListVerticalAutoExample.js +51 -0
  185. package/esm/core/NavList/index.js +2 -5
  186. package/esm/core/Tabs/__stories__/Default.js +5 -5
  187. package/esm/core/Tabs/index.js +5 -7
  188. package/esm/hooks/useFontSize.js +10 -0
  189. package/esm/hooks/useHighlightLinks.js +38 -0
  190. package/esm/hooks/useLetterSpacing.js +10 -0
  191. package/esm/hooks/useLineHeight.js +10 -0
  192. package/esm/hooks/useNavList.js +10 -7
  193. package/esm/hooks/useTheme.js +19 -11
  194. package/esm/hooks/useTogglableNav.js +292 -0
  195. package/esm/hooks/{useTogglableSections.js → useTogglableTab.js} +2 -8
  196. package/esm/hooks/useVariantVars.js +30 -0
  197. package/esm/index.js +1 -1
  198. package/esm/layouts/Basic/__stories__/Default.js +2 -2
  199. package/esm/layouts/Basic/__stories__/MultipleRowsLayout.js +3 -3
  200. package/esm/layouts/Basic/__stories__/TwoThirdsOneThirdColumns.js +3 -3
  201. package/esm/registry.js +36 -14
  202. package/esm/typography/NormalText/__stories__/FontSizes.js +18 -6
  203. package/esm/typography/NormalText/__stories__/FontWeight.js +3 -1
  204. package/esm/typography/NormalText/__stories__/Variants.js +3 -1
  205. package/hooks/useFontSize.d.ts +6 -0
  206. package/hooks/useFontSize.js +23 -0
  207. package/hooks/useHighlightLinks.d.ts +8 -0
  208. package/hooks/useHighlightLinks.js +52 -0
  209. package/hooks/useLetterSpacing.d.ts +6 -0
  210. package/hooks/useLetterSpacing.js +23 -0
  211. package/hooks/useLineHeight.d.ts +6 -0
  212. package/hooks/useLineHeight.js +23 -0
  213. package/hooks/useNavList.d.ts +2 -2
  214. package/hooks/useNavList.js +11 -8
  215. package/hooks/useTheme.d.ts +4 -4
  216. package/hooks/useTheme.js +19 -12
  217. package/hooks/useTogglableNav.d.ts +25 -0
  218. package/hooks/useTogglableNav.js +305 -0
  219. package/hooks/{useTogglableSections.d.ts → useTogglableTab.d.ts} +4 -3
  220. package/hooks/{useTogglableSections.js → useTogglableTab.js} +3 -9
  221. package/hooks/useVariantVars.d.ts +11 -0
  222. package/hooks/useVariantVars.js +41 -0
  223. package/layouts/Basic/__stories__/Default.js +2 -2
  224. package/layouts/Basic/__stories__/MultipleRowsLayout.js +3 -3
  225. package/layouts/Basic/__stories__/TwoThirdsOneThirdColumns.js +3 -3
  226. package/package.json +3 -3
  227. package/registry.d.ts +18 -7
  228. package/registry.js +49 -16
  229. package/src/admin/AccessibilityMenu/index.tsx +14 -0
  230. package/src/admin/AutoComplete/index.tsx +2 -2
  231. package/src/admin/Chip/index.tsx +1 -0
  232. package/src/admin/Drawer/__stories__/Default.tsx +23 -9
  233. package/src/admin/Dropdown/__stories__/AlignRight.tsx +2 -2
  234. package/src/admin/Dropdown/__stories__/Default.tsx +2 -2
  235. package/src/admin/Dropdown/__stories__/PlacementTop.tsx +2 -2
  236. package/src/admin/FilterSection/index.tsx +1 -2
  237. package/src/admin/Modal/index.tsx +43 -39
  238. package/src/admin/Pagination/__stories__/Default.tsx +4 -4
  239. package/src/admin/Pagination/__stories__/PaginationSmall.tsx +2 -2
  240. package/src/app/Footer/__stories__/FooterAllInclusive.tsx +1 -1
  241. package/src/app/Footer/__stories__/FooterWithSecondaryNavigation.tsx +1 -1
  242. package/src/app/Header/__stories__/WithNavigation.tsx +8 -8
  243. package/src/app/QrCodeScanner/__stories__/Default.tsx +2 -2
  244. package/src/app/QrCodeViewer/index.tsx +16 -14
  245. package/src/app/ThemeOptionsForm/index.tsx +220 -0
  246. package/src/app/{ThemeSelectorOptions → ThemePaletteForm}/index.tsx +3 -3
  247. package/src/app/index.ts +2 -1
  248. package/src/core/Accordion/index.tsx +5 -11
  249. package/src/core/Divider/__stories__/Default.tsx +5 -5
  250. package/src/core/ErrorSummary/__stories__/Default.tsx +2 -2
  251. package/src/core/ErrorSummary/__stories__/LinkedToCheckbox.tsx +2 -2
  252. package/src/core/ErrorSummary/__stories__/LinkedToField.tsx +2 -2
  253. package/src/core/ErrorSummary/__stories__/LinkedToInput.tsx +2 -2
  254. package/src/core/Link/__stories__/DarkBackground.tsx +2 -3
  255. package/src/core/Link/__stories__/DarkBackgroundNoUnderline.tsx +2 -3
  256. package/src/core/NavList/NavList.stories.js +3 -1
  257. package/src/core/NavList/NavList.stories.playwright.json +6 -6
  258. package/src/core/NavList/NavListAuto/NavListAuto.tsx +34 -0
  259. package/src/core/NavList/{NavListBase.tsx → NavListAuto/NavListBaseAuto.tsx} +2 -2
  260. package/src/core/NavList/{NavListContext.tsx → NavListAuto/NavListContextAuto.tsx} +26 -11
  261. package/src/core/NavList/NavListAuto/NavListItemAnchorAuto.tsx +41 -0
  262. package/src/core/NavList/NavListAuto/NavListItemAuto.tsx +51 -0
  263. package/src/core/NavList/NavListAuto/NavListItemButtonAuto.tsx +53 -0
  264. package/src/core/NavList/NavListAuto/NavListMenuAuto.tsx +51 -0
  265. package/src/core/NavList/NavListAuto/NavListSubMenuAuto.tsx +32 -0
  266. package/src/core/NavList/NavListItem.tsx +15 -9
  267. package/src/core/NavList/NavListItemBase.tsx +3 -3
  268. package/src/core/NavList/NavMenuContainerContentList.tsx +63 -1
  269. package/src/core/NavList/__stories__/Default.tsx +23 -8
  270. package/src/core/NavList/__stories__/NavHorizontalLayout.tsx +24 -8
  271. package/src/core/NavList/__stories__/NavListEpathlaExample.tsx +46 -25
  272. package/src/core/NavList/__stories__/NavListHorizontalAutoExample.tsx +65 -0
  273. package/src/core/NavList/__stories__/NavListSecondaryAutoExample.tsx +284 -0
  274. package/src/core/NavList/__stories__/NavListVerticalAutoExample.tsx +65 -0
  275. package/src/core/NavList/index.tsx +2 -5
  276. package/src/core/NavList/types.tsx +23 -9
  277. package/src/core/Tabs/__stories__/Default.tsx +5 -5
  278. package/src/core/Tabs/index.tsx +5 -9
  279. package/src/hooks/useFontSize.ts +32 -0
  280. package/src/hooks/useHighlightLinks.ts +45 -0
  281. package/src/hooks/useLetterSpacing.ts +27 -0
  282. package/src/hooks/useLineHeight.ts +31 -0
  283. package/src/hooks/useNavList.ts +5 -7
  284. package/src/hooks/useTheme.ts +28 -20
  285. package/src/hooks/useTogglableNav.tsx +294 -0
  286. package/src/hooks/{useTogglableSections.tsx → useTogglableTab.tsx} +12 -13
  287. package/src/hooks/useVariantVars.ts +35 -0
  288. package/src/layouts/Basic/__stories__/Default.tsx +3 -3
  289. package/src/layouts/Basic/__stories__/MultipleRowsLayout.tsx +8 -8
  290. package/src/layouts/Basic/__stories__/TwoThirdsOneThirdColumns.tsx +6 -6
  291. package/src/registry.js +36 -14
  292. package/src/typography/NormalText/__stories__/FontSizes.tsx +6 -6
  293. package/src/typography/NormalText/__stories__/FontWeight.tsx +1 -1
  294. package/src/typography/NormalText/__stories__/Variants.tsx +1 -1
  295. package/typography/NormalText/__stories__/FontSizes.js +18 -6
  296. package/typography/NormalText/__stories__/FontWeight.js +3 -1
  297. package/typography/NormalText/__stories__/Variants.js +3 -1
  298. package/app/ThemeSelectorOptions/index.d.ts +0 -2
  299. package/core/NavList/NavListSubMenu.d.ts +0 -8
  300. package/core/NavList/__stories__/NavListAutoExample.d.ts +0 -2
  301. package/core/NavList/__stories__/NavListAutoExample.js +0 -63
  302. package/es/core/NavList/NavListItemAuto.js +0 -40
  303. package/es/core/NavList/NavListSubMenu.js +0 -25
  304. package/es/core/NavList/__stories__/NavListAutoExample.js +0 -48
  305. package/esm/core/NavList/NavListItemAuto.js +0 -40
  306. package/esm/core/NavList/NavListSubMenu.js +0 -25
  307. package/esm/core/NavList/__stories__/NavListAutoExample.js +0 -48
  308. package/src/core/NavList/NavListAuto.tsx +0 -20
  309. package/src/core/NavList/NavListItemAuto.tsx +0 -41
  310. package/src/core/NavList/NavListSubMenu.tsx +0 -28
  311. package/src/core/NavList/__stories__/NavListAutoExample.tsx +0 -53
  312. /package/core/NavList/{NavListAuto.d.ts → NavListAuto/NavListAuto.d.ts} +0 -0
  313. /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 { Content } from '@digigov/ui/layouts/Basic/Content';
3
+ import { Container } from '@digigov/ui/layouts/Basic/Container';
4
4
  import { Main } from '@digigov/ui/layouts/Basic/Main';
5
- import { Side } from '@digigov/ui/layouts/Basic/Side';
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
- <Content>
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
- </Content>
17
- <Content>
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
- <Side>
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
- </Side>
30
- </Content>
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 { Content } from '@digigov/ui/layouts/Basic/Content';
3
+ import { Container } from '@digigov/ui/layouts/Basic/Container';
4
4
  import { Main } from '@digigov/ui/layouts/Basic/Main';
5
- import { Side } from '@digigov/ui/layouts/Basic/Side';
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
- <Content>
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
- <Side>
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
- </Side>
22
- </Content>
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 _digigov_ui_app_ThemeSelectorOptions from '@digigov/ui/app/ThemeSelectorOptions';
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 _digigov_ui_core_NavList_NavListAuto from '@digigov/ui/core/NavList/NavListAuto';
98
- import * as _digigov_ui_core_NavList_NavListBase from '@digigov/ui/core/NavList/NavListBase';
99
- import * as _digigov_ui_core_NavList_NavListContext from '@digigov/ui/core/NavList/NavListContext';
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 _digigov_ui_hooks_useTogglableSections from '@digigov/ui/hooks/useTogglableSections';
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/ThemeSelectorOptions': lazyImport(_digigov_ui_app_ThemeSelectorOptions),
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(_digigov_ui_core_NavList_NavListAuto),
301
- '@digigov/ui/core/NavList/NavListBase': lazyImport(_digigov_ui_core_NavList_NavListBase),
302
- '@digigov/ui/core/NavList/NavListContext': lazyImport(_digigov_ui_core_NavList_NavListContext),
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/useTogglableSections': lazyImport(_digigov_ui_hooks_useTogglableSections),
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, null);
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, null);
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, null);
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, null);
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, null);
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, null);
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, null);
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, null);
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,2 +0,0 @@
1
- export declare const ThemeToggleOptions: () => JSX.Element;
2
- export default ThemeToggleOptions;
@@ -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,2 +0,0 @@
1
- export declare const NavListAutoExample: () => JSX.Element;
2
- export default NavListAutoExample;
@@ -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;