@digigov/ui 1.0.0-6b93ebf2 → 1.0.0-77ee23d9

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 (756) hide show
  1. package/app/CloseButton/index.d.ts +3 -0
  2. package/{navigation/NavList/NavVertical.js → app/CloseButton/index.js} +5 -5
  3. package/app/{FilterSection → FilterContainer}/index.d.ts +4 -5
  4. package/app/{FilterSection → FilterContainer}/index.js +9 -23
  5. package/app/Footer/Footer.stories.playwright.json +2 -2
  6. package/app/Footer/__stories__/DefaultCopyright.js +10 -7
  7. package/app/Footer/__stories__/FooterAllInclusive.js +22 -15
  8. package/app/Footer/__stories__/FooterWithLink.js +14 -11
  9. package/app/Footer/__stories__/FooterWithLogo.js +10 -8
  10. package/app/Footer/__stories__/FooterWithSecondaryNavigation.js +18 -13
  11. package/app/Footer/__stories__/YearCopyright.js +8 -5
  12. package/app/Footer/index.d.ts +3 -5
  13. package/app/Footer/index.js +12 -40
  14. package/app/Footer/index.mdx +4 -20
  15. package/app/Header/Header.stories.playwright.json +1 -1
  16. package/app/Header/__stories__/Default.js +1 -1
  17. package/app/Header/__stories__/WithHeaderNavigation.js +15 -23
  18. package/app/Header/__stories__/WithNavigation.js +9 -41
  19. package/app/Header/__stories__/WithServiceName.js +1 -1
  20. package/app/Header/__stories__/WithServiceNameAndLogo.js +1 -1
  21. package/app/Header/index.mdx +4 -21
  22. package/app/Header/index.spec.js +1 -1
  23. package/app/Masthead/Masthead.stories.playwright.json +1 -1
  24. package/app/Modal/__stories__/Default.js +1 -1
  25. package/app/Modal/index.mdx +1 -5
  26. package/app/NotFound/index.js +5 -9
  27. package/app/PageTitleContainer/index.d.ts +5 -0
  28. package/app/{PageTitle → PageTitleContainer}/index.js +20 -14
  29. package/app/Panel/index.mdx +1 -5
  30. package/app/PhaseBannerHeader/index.js +2 -2
  31. package/app/PhaseBannerHeader/index.mdx +1 -5
  32. package/app/QrCodeViewer/index.mdx +2 -10
  33. package/app/ThemeOptions/index.js +2 -2
  34. package/app/index.d.ts +2 -3
  35. package/app/index.js +8 -8
  36. package/content/Accordion/index.d.ts +1 -1
  37. package/content/Accordion/index.mdx +2 -10
  38. package/content/Blockquote/index.mdx +1 -5
  39. package/content/Card/index.mdx +8 -40
  40. package/content/Chip/__stories__/GroupOfChips.js +1 -1
  41. package/content/Chip/index.d.ts +1 -2
  42. package/content/Chip/index.js +4 -18
  43. package/content/Chip/index.mdx +39 -0
  44. package/content/Details/index.mdx +6 -5
  45. package/content/List/__stories__/HorizontalList.js +1 -1
  46. package/content/List/__stories__/WithExtraSpace.js +1 -1
  47. package/content/List/index.mdx +3 -15
  48. package/content/StepNav/__stories__/Default.js +3 -5
  49. package/content/StepNav/__stories__/WithHints.js +2 -4
  50. package/content/StepNav/index.mdx +21 -0
  51. package/content/SummaryList/index.mdx +3 -15
  52. package/content/Table/__stories__/DefinedWidth.js +3 -3
  53. package/content/Table/__stories__/WithFloatingScroll.js +10 -4
  54. package/content/Table/index.js +11 -9
  55. package/content/Table/index.mdx +1 -1
  56. package/content/TaskList/__stories__/Default.js +5 -5
  57. package/content/TaskList/index.mdx +21 -0
  58. package/content/Timeline/__stories__/Default.js +2 -2
  59. package/content/Timeline/index.mdx +23 -0
  60. package/es/app/CloseButton/index.js +3 -0
  61. package/{esm/app/FilterSection → es/app/FilterContainer}/index.js +4 -5
  62. package/es/app/Footer/Footer.stories.playwright.json +2 -2
  63. package/es/app/Footer/__stories__/DefaultCopyright.js +11 -9
  64. package/es/app/Footer/__stories__/FooterAllInclusive.js +19 -13
  65. package/es/app/Footer/__stories__/FooterWithLink.js +13 -11
  66. package/es/app/Footer/__stories__/FooterWithLogo.js +9 -8
  67. package/es/app/Footer/__stories__/FooterWithSecondaryNavigation.js +16 -12
  68. package/es/app/Footer/__stories__/YearCopyright.js +9 -7
  69. package/es/app/Footer/index.js +3 -5
  70. package/es/app/Footer/index.mdx +4 -20
  71. package/es/app/Header/Header.stories.playwright.json +1 -1
  72. package/es/app/Header/__stories__/Default.js +1 -1
  73. package/es/app/Header/__stories__/WithHeaderNavigation.js +15 -15
  74. package/es/app/Header/__stories__/WithNavigation.js +10 -37
  75. package/es/app/Header/__stories__/WithServiceName.js +1 -1
  76. package/es/app/Header/__stories__/WithServiceNameAndLogo.js +1 -1
  77. package/es/app/Header/index.mdx +4 -21
  78. package/es/app/Header/index.spec.js +2 -2
  79. package/es/app/Masthead/Masthead.stories.playwright.json +1 -1
  80. package/es/app/Modal/__stories__/Default.js +1 -1
  81. package/es/app/Modal/index.mdx +1 -5
  82. package/es/app/NotFound/index.js +4 -3
  83. package/es/app/PageTitleContainer/index.js +5 -0
  84. package/es/app/Panel/index.mdx +1 -5
  85. package/es/app/PhaseBannerHeader/index.js +2 -2
  86. package/es/app/PhaseBannerHeader/index.mdx +1 -5
  87. package/es/app/QrCodeViewer/index.mdx +2 -10
  88. package/es/app/ThemeOptions/index.js +2 -2
  89. package/es/app/index.js +3 -4
  90. package/es/content/Accordion/index.mdx +2 -10
  91. package/es/content/Blockquote/index.mdx +1 -5
  92. package/es/content/Card/index.mdx +8 -40
  93. package/es/content/Chip/__stories__/GroupOfChips.js +2 -2
  94. package/es/content/Chip/index.js +1 -2
  95. package/es/content/Chip/index.mdx +39 -0
  96. package/es/content/Details/index.mdx +6 -5
  97. package/es/content/List/__stories__/HorizontalList.js +1 -1
  98. package/es/content/List/__stories__/WithExtraSpace.js +1 -1
  99. package/es/content/List/index.mdx +3 -15
  100. package/es/content/StepNav/__stories__/Default.js +3 -5
  101. package/es/content/StepNav/__stories__/WithHints.js +2 -4
  102. package/es/content/StepNav/index.mdx +21 -0
  103. package/es/content/SummaryList/index.mdx +3 -15
  104. package/es/content/Table/__stories__/DefinedWidth.js +3 -3
  105. package/es/content/Table/__stories__/WithFloatingScroll.js +5 -4
  106. package/es/content/Table/index.js +11 -8
  107. package/es/content/Table/index.mdx +1 -1
  108. package/es/content/TaskList/__stories__/Default.js +5 -5
  109. package/es/content/TaskList/index.mdx +21 -0
  110. package/es/content/Timeline/__stories__/Default.js +2 -2
  111. package/es/content/Timeline/index.mdx +23 -0
  112. package/es/feedback/CopyToClipboard/index.mdx +2 -10
  113. package/es/feedback/ErrorSummary/index.mdx +4 -20
  114. package/es/feedback/NotificationBanner/index.mdx +2 -10
  115. package/es/feedback/PhaseBanner/index.mdx +2 -10
  116. package/es/feedback/ServiceBadge/index.mdx +9 -5
  117. package/es/feedback/WarningText/WarningText.stories.js +2 -1
  118. package/es/feedback/WarningText/__stories__/AssistiveText.js +11 -0
  119. package/es/feedback/WarningText/index.mdx +1 -5
  120. package/es/form/AutoComplete/__stories__/Default.js +1 -1
  121. package/es/form/AutoComplete/index.js +10 -5
  122. package/es/form/AutoComplete/index.mdx +7 -35
  123. package/es/form/Button/index.mdx +8 -24
  124. package/es/form/Checkbox/__stories__/ConditionalReveal.js +1 -1
  125. package/es/form/Checkbox/index.mdx +12 -35
  126. package/es/form/DateInputContainer/index.mdx +9 -20
  127. package/es/form/ErrorMessage/index.mdx +1 -5
  128. package/es/form/FileUpload/index.mdx +3 -5
  129. package/es/form/RadioContainer/__stories__/ConditionalReveal.js +1 -1
  130. package/es/form/RadioContainer/index.mdx +12 -35
  131. package/es/form/SearchContainer/index.js +5 -0
  132. package/es/form/SelectContainer/__stories__/Default.js +4 -4
  133. package/es/form/SelectContainer/index.mdx +9 -15
  134. package/es/form/SingleCharacterInputs/SingleCharacterInput.stories.js +12 -0
  135. package/es/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/Default.js +13 -13
  136. package/{esm/form/SingleCharacterInputContainer → es/form/SingleCharacterInputs}/__stories__/WithDefaultError.js +7 -7
  137. package/{esm/form/SingleCharacterInputContainer → es/form/SingleCharacterInputs}/__stories__/WithErrorMessageInvalidCode.js +14 -14
  138. package/{esm/form/SingleCharacterInputContainer → es/form/SingleCharacterInputs}/__stories__/WithErrorMessageLessDigit.js +11 -11
  139. package/es/form/SingleCharacterInputs/index.js +4 -0
  140. package/es/form/SingleCharacterInputs/index.mdx +24 -0
  141. package/es/form/TextArea/index.mdx +7 -35
  142. package/es/form/TextInput/__stories__/FixedWidths.js +6 -6
  143. package/es/form/TextInput/__stories__/FluidWidths.js +6 -6
  144. package/es/form/TextInput/index.mdx +8 -40
  145. package/es/form/index.js +2 -2
  146. package/es/govgr/Footer/index.js +4 -4
  147. package/es/icons/Icon/index.js +2 -2
  148. package/es/icons/ImageLogo/index.js +3 -0
  149. package/es/icons/ImageLogoSet/index.js +3 -0
  150. package/es/layouts/Admin/index.js +1 -1
  151. package/es/layouts/Basic/__snapshots__/index.spec.tsx.snap +2 -2
  152. package/es/layouts/Grid/Grid.stories.js +1 -0
  153. package/es/layouts/Grid/__stories__/ResponsiveSpacing.js +79 -0
  154. package/es/layouts/Section/index.js +3 -0
  155. package/es/layouts/Stack/Stack.stories.js +12 -0
  156. package/es/layouts/Stack/__stories__/AlignItems.js +67 -0
  157. package/es/layouts/Stack/__stories__/Default.js +24 -0
  158. package/es/layouts/Stack/__stories__/JustifyContent.js +84 -0
  159. package/es/layouts/Stack/__stories__/NoWrap.js +26 -0
  160. package/es/layouts/Stack/__stories__/Row.js +25 -0
  161. package/es/layouts/Stack/__stories__/Spacing.js +55 -0
  162. package/es/layouts/Stack/index.js +2 -0
  163. package/es/layouts/index.js +3 -1
  164. package/es/navigation/BackLink/index.mdx +1 -5
  165. package/es/navigation/Breadcrumbs/index.mdx +6 -5
  166. package/es/navigation/Drawer/__stories__/Default.js +25 -66
  167. package/es/navigation/Drawer/index.mdx +1 -5
  168. package/es/navigation/Dropdown/__stories__/AlignRight.js +9 -8
  169. package/es/navigation/Dropdown/__stories__/Default.js +9 -8
  170. package/es/navigation/Dropdown/__stories__/PlacementTop.js +9 -8
  171. package/es/navigation/Dropdown/index.js +0 -1
  172. package/es/navigation/Dropdown/index.mdx +3 -17
  173. package/es/navigation/Link/index.mdx +7 -25
  174. package/es/navigation/NavList/NavList.stories.playwright.json +2 -2
  175. package/es/navigation/NavList/NavListAuto/index.js +54 -0
  176. package/es/navigation/NavList/{NavMenuContainerContentList.js → NavMenuContentList.js} +5 -5
  177. package/es/navigation/NavList/__stories__/Default.js +12 -28
  178. package/es/navigation/NavList/__stories__/NavVerticalLayout.js +12 -26
  179. package/es/navigation/NavList/hooks/useNavList.js +2 -2
  180. package/es/navigation/NavList/hooks/useTogglableNav.js +33 -18
  181. package/es/navigation/NavList/index.js +16 -17
  182. package/es/navigation/NavList/index.mdx +2 -10
  183. package/es/navigation/NavList/types.js +1 -6
  184. package/es/navigation/Pagination/__stories__/Default.js +7 -65
  185. package/es/navigation/Pagination/__stories__/PaginationSmall.js +1 -1
  186. package/es/navigation/Pagination/__stories__/PaginationWithSmallFont.js +1 -1
  187. package/es/navigation/Pagination/__stories__/WithInactiveValues.js +2 -2
  188. package/es/navigation/Pagination/index.mdx +7 -15
  189. package/es/navigation/SkipLink/SkipLink.stories.js +8 -0
  190. package/es/navigation/SkipLink/__stories__/Default.js +12 -0
  191. package/es/navigation/Tabs/Tabs.stories.playwright.json +2 -2
  192. package/es/navigation/Tabs/__stories__/Default.js +9 -5
  193. package/es/navigation/Tabs/index.js +1 -1
  194. package/es/navigation/Tabs/index.mdx +7 -5
  195. package/es/registry.js +28 -50
  196. package/es/typography/Heading/__stories__/Default.js +9 -4
  197. package/es/typography/Heading/index.mdx +1 -5
  198. package/es/typography/HeadingCaption/index.mdx +1 -5
  199. package/es/typography/Hint/__stories__/FontSizes.js +3 -3
  200. package/es/typography/Hint/index.mdx +3 -5
  201. package/es/typography/NormalText/__stories__/FontSizes.js +7 -7
  202. package/es/typography/NormalText/__stories__/Variants.js +4 -4
  203. package/es/typography/NormalText/index.mdx +5 -15
  204. package/es/typography/Paragraph/__stories__/FontSizes.js +7 -7
  205. package/es/typography/Paragraph/__stories__/LeadVariant.js +1 -1
  206. package/es/typography/Paragraph/__stories__/SmallVariant.js +1 -1
  207. package/es/typography/Paragraph/index.mdx +5 -20
  208. package/es/utils/Kitchensink/KitchensinkDashboard.js +1 -1
  209. package/esm/app/CloseButton/index.js +3 -0
  210. package/{es/app/FilterSection → esm/app/FilterContainer}/index.js +4 -5
  211. package/esm/app/Footer/Footer.stories.playwright.json +2 -2
  212. package/esm/app/Footer/__stories__/DefaultCopyright.js +11 -9
  213. package/esm/app/Footer/__stories__/FooterAllInclusive.js +19 -13
  214. package/esm/app/Footer/__stories__/FooterWithLink.js +13 -11
  215. package/esm/app/Footer/__stories__/FooterWithLogo.js +9 -8
  216. package/esm/app/Footer/__stories__/FooterWithSecondaryNavigation.js +16 -12
  217. package/esm/app/Footer/__stories__/YearCopyright.js +9 -7
  218. package/esm/app/Footer/index.js +3 -5
  219. package/esm/app/Footer/index.mdx +4 -20
  220. package/esm/app/Header/Header.stories.playwright.json +1 -1
  221. package/esm/app/Header/__stories__/Default.js +1 -1
  222. package/esm/app/Header/__stories__/WithHeaderNavigation.js +15 -15
  223. package/esm/app/Header/__stories__/WithNavigation.js +10 -37
  224. package/esm/app/Header/__stories__/WithServiceName.js +1 -1
  225. package/esm/app/Header/__stories__/WithServiceNameAndLogo.js +1 -1
  226. package/esm/app/Header/index.mdx +4 -21
  227. package/esm/app/Header/index.spec.js +2 -2
  228. package/esm/app/Masthead/Masthead.stories.playwright.json +1 -1
  229. package/esm/app/Modal/__stories__/Default.js +1 -1
  230. package/esm/app/Modal/index.mdx +1 -5
  231. package/esm/app/NotFound/index.js +4 -3
  232. package/esm/app/PageTitleContainer/index.js +5 -0
  233. package/esm/app/Panel/index.mdx +1 -5
  234. package/esm/app/PhaseBannerHeader/index.js +2 -2
  235. package/esm/app/PhaseBannerHeader/index.mdx +1 -5
  236. package/esm/app/QrCodeViewer/index.mdx +2 -10
  237. package/esm/app/ThemeOptions/index.js +2 -2
  238. package/esm/app/index.js +3 -4
  239. package/esm/content/Accordion/index.mdx +2 -10
  240. package/esm/content/Blockquote/index.mdx +1 -5
  241. package/esm/content/Card/index.mdx +8 -40
  242. package/esm/content/Chip/__stories__/GroupOfChips.js +2 -2
  243. package/esm/content/Chip/index.js +1 -2
  244. package/esm/content/Chip/index.mdx +39 -0
  245. package/esm/content/Details/index.mdx +6 -5
  246. package/esm/content/List/__stories__/HorizontalList.js +1 -1
  247. package/esm/content/List/__stories__/WithExtraSpace.js +1 -1
  248. package/esm/content/List/index.mdx +3 -15
  249. package/esm/content/StepNav/__stories__/Default.js +3 -5
  250. package/esm/content/StepNav/__stories__/WithHints.js +2 -4
  251. package/esm/content/StepNav/index.mdx +21 -0
  252. package/esm/content/SummaryList/index.mdx +3 -15
  253. package/esm/content/Table/__stories__/DefinedWidth.js +3 -3
  254. package/esm/content/Table/__stories__/WithFloatingScroll.js +5 -4
  255. package/esm/content/Table/index.js +11 -8
  256. package/esm/content/Table/index.mdx +1 -1
  257. package/esm/content/TaskList/__stories__/Default.js +5 -5
  258. package/esm/content/TaskList/index.mdx +21 -0
  259. package/esm/content/Timeline/__stories__/Default.js +2 -2
  260. package/esm/content/Timeline/index.mdx +23 -0
  261. package/esm/feedback/CopyToClipboard/index.mdx +2 -10
  262. package/esm/feedback/ErrorSummary/index.mdx +4 -20
  263. package/esm/feedback/NotificationBanner/index.mdx +2 -10
  264. package/esm/feedback/PhaseBanner/index.mdx +2 -10
  265. package/esm/feedback/ServiceBadge/index.mdx +9 -5
  266. package/esm/feedback/WarningText/WarningText.stories.js +2 -1
  267. package/esm/feedback/WarningText/__stories__/AssistiveText.js +11 -0
  268. package/esm/feedback/WarningText/index.mdx +1 -5
  269. package/esm/form/AutoComplete/__stories__/Default.js +1 -1
  270. package/esm/form/AutoComplete/index.js +10 -5
  271. package/esm/form/AutoComplete/index.mdx +7 -35
  272. package/esm/form/Button/index.mdx +8 -24
  273. package/esm/form/Checkbox/__stories__/ConditionalReveal.js +1 -1
  274. package/esm/form/Checkbox/index.mdx +12 -35
  275. package/esm/form/DateInputContainer/index.mdx +9 -20
  276. package/esm/form/ErrorMessage/index.mdx +1 -5
  277. package/esm/form/FileUpload/index.mdx +3 -5
  278. package/esm/form/RadioContainer/__stories__/ConditionalReveal.js +1 -1
  279. package/esm/form/RadioContainer/index.mdx +12 -35
  280. package/esm/form/SearchContainer/index.js +5 -0
  281. package/esm/form/SelectContainer/__stories__/Default.js +4 -4
  282. package/esm/form/SelectContainer/index.mdx +9 -15
  283. package/esm/form/SingleCharacterInputs/SingleCharacterInput.stories.js +12 -0
  284. package/esm/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/Default.js +13 -13
  285. package/{es/form/SingleCharacterInputContainer → esm/form/SingleCharacterInputs}/__stories__/WithDefaultError.js +7 -7
  286. package/{es/form/SingleCharacterInputContainer → esm/form/SingleCharacterInputs}/__stories__/WithErrorMessageInvalidCode.js +14 -14
  287. package/{es/form/SingleCharacterInputContainer → esm/form/SingleCharacterInputs}/__stories__/WithErrorMessageLessDigit.js +11 -11
  288. package/esm/form/SingleCharacterInputs/index.js +4 -0
  289. package/esm/form/SingleCharacterInputs/index.mdx +24 -0
  290. package/esm/form/TextArea/index.mdx +7 -35
  291. package/esm/form/TextInput/__stories__/FixedWidths.js +6 -6
  292. package/esm/form/TextInput/__stories__/FluidWidths.js +6 -6
  293. package/esm/form/TextInput/index.mdx +8 -40
  294. package/esm/form/index.js +2 -2
  295. package/esm/govgr/Footer/index.js +4 -4
  296. package/esm/icons/Icon/index.js +2 -2
  297. package/esm/icons/ImageLogo/index.js +3 -0
  298. package/esm/icons/ImageLogoSet/index.js +3 -0
  299. package/esm/index.js +1 -1
  300. package/esm/layouts/Admin/index.js +1 -1
  301. package/esm/layouts/Basic/__snapshots__/index.spec.tsx.snap +2 -2
  302. package/esm/layouts/Grid/Grid.stories.js +1 -0
  303. package/esm/layouts/Grid/__stories__/ResponsiveSpacing.js +79 -0
  304. package/esm/layouts/Section/index.js +3 -0
  305. package/esm/layouts/Stack/Stack.stories.js +12 -0
  306. package/esm/layouts/Stack/__stories__/AlignItems.js +67 -0
  307. package/esm/layouts/Stack/__stories__/Default.js +24 -0
  308. package/esm/layouts/Stack/__stories__/JustifyContent.js +84 -0
  309. package/esm/layouts/Stack/__stories__/NoWrap.js +26 -0
  310. package/esm/layouts/Stack/__stories__/Row.js +25 -0
  311. package/esm/layouts/Stack/__stories__/Spacing.js +55 -0
  312. package/esm/layouts/Stack/index.js +2 -0
  313. package/esm/layouts/index.js +3 -1
  314. package/esm/navigation/BackLink/index.mdx +1 -5
  315. package/esm/navigation/Breadcrumbs/index.mdx +6 -5
  316. package/esm/navigation/Drawer/__stories__/Default.js +25 -66
  317. package/esm/navigation/Drawer/index.mdx +1 -5
  318. package/esm/navigation/Dropdown/__stories__/AlignRight.js +9 -8
  319. package/esm/navigation/Dropdown/__stories__/Default.js +9 -8
  320. package/esm/navigation/Dropdown/__stories__/PlacementTop.js +9 -8
  321. package/esm/navigation/Dropdown/index.js +0 -1
  322. package/esm/navigation/Dropdown/index.mdx +3 -17
  323. package/esm/navigation/Link/index.mdx +7 -25
  324. package/esm/navigation/NavList/NavList.stories.playwright.json +2 -2
  325. package/esm/navigation/NavList/NavListAuto/index.js +54 -0
  326. package/esm/navigation/NavList/{NavMenuContainerContentList.js → NavMenuContentList.js} +5 -5
  327. package/esm/navigation/NavList/__stories__/Default.js +12 -28
  328. package/esm/navigation/NavList/__stories__/NavVerticalLayout.js +12 -26
  329. package/esm/navigation/NavList/hooks/useNavList.js +2 -2
  330. package/esm/navigation/NavList/hooks/useTogglableNav.js +33 -18
  331. package/esm/navigation/NavList/index.js +16 -17
  332. package/esm/navigation/NavList/index.mdx +2 -10
  333. package/esm/navigation/NavList/types.js +1 -6
  334. package/esm/navigation/Pagination/__stories__/Default.js +7 -65
  335. package/esm/navigation/Pagination/__stories__/PaginationSmall.js +1 -1
  336. package/esm/navigation/Pagination/__stories__/PaginationWithSmallFont.js +1 -1
  337. package/esm/navigation/Pagination/__stories__/WithInactiveValues.js +2 -2
  338. package/esm/navigation/Pagination/index.mdx +7 -15
  339. package/esm/navigation/SkipLink/SkipLink.stories.js +8 -0
  340. package/esm/navigation/SkipLink/__stories__/Default.js +12 -0
  341. package/esm/navigation/Tabs/Tabs.stories.playwright.json +2 -2
  342. package/esm/navigation/Tabs/__stories__/Default.js +9 -5
  343. package/esm/navigation/Tabs/index.js +1 -1
  344. package/esm/navigation/Tabs/index.mdx +7 -5
  345. package/esm/registry.js +28 -50
  346. package/esm/typography/Heading/__stories__/Default.js +9 -4
  347. package/esm/typography/Heading/index.mdx +1 -5
  348. package/esm/typography/HeadingCaption/index.mdx +1 -5
  349. package/esm/typography/Hint/__stories__/FontSizes.js +3 -3
  350. package/esm/typography/Hint/index.mdx +3 -5
  351. package/esm/typography/NormalText/__stories__/FontSizes.js +7 -7
  352. package/esm/typography/NormalText/__stories__/Variants.js +4 -4
  353. package/esm/typography/NormalText/index.mdx +5 -15
  354. package/esm/typography/Paragraph/__stories__/FontSizes.js +7 -7
  355. package/esm/typography/Paragraph/__stories__/LeadVariant.js +1 -1
  356. package/esm/typography/Paragraph/__stories__/SmallVariant.js +1 -1
  357. package/esm/typography/Paragraph/index.mdx +5 -20
  358. package/esm/utils/Kitchensink/KitchensinkDashboard.js +1 -1
  359. package/feedback/CopyToClipboard/index.mdx +2 -10
  360. package/feedback/ErrorSummary/index.mdx +4 -20
  361. package/feedback/NotificationBanner/index.mdx +2 -10
  362. package/feedback/PhaseBanner/index.mdx +2 -10
  363. package/feedback/ServiceBadge/index.mdx +9 -5
  364. package/feedback/WarningText/WarningText.stories.d.ts +1 -0
  365. package/feedback/WarningText/WarningText.stories.js +14 -0
  366. package/feedback/WarningText/__stories__/AssistiveText.d.ts +2 -0
  367. package/feedback/WarningText/__stories__/AssistiveText.js +24 -0
  368. package/feedback/WarningText/index.mdx +1 -5
  369. package/form/AutoComplete/__stories__/Default.js +1 -1
  370. package/form/AutoComplete/index.d.ts +3 -3
  371. package/form/AutoComplete/index.js +11 -6
  372. package/form/AutoComplete/index.mdx +7 -35
  373. package/form/Button/index.mdx +8 -24
  374. package/form/Checkbox/__stories__/ConditionalReveal.js +1 -1
  375. package/form/Checkbox/index.mdx +12 -35
  376. package/form/DateInputContainer/index.mdx +9 -20
  377. package/form/ErrorMessage/index.mdx +1 -5
  378. package/form/FileUpload/index.mdx +3 -5
  379. package/form/RadioContainer/__stories__/ConditionalReveal.js +1 -1
  380. package/form/RadioContainer/index.mdx +12 -35
  381. package/form/SearchContainer/index.d.ts +5 -0
  382. package/form/{SearchSection → SearchContainer}/index.js +5 -5
  383. package/form/SelectContainer/__stories__/Default.js +4 -4
  384. package/form/SelectContainer/index.mdx +9 -15
  385. package/form/SingleCharacterInputs/SingleCharacterInput.stories.d.ts +13 -0
  386. package/form/{SingleCharacterInputContainer/SingleCharacterInputContainer.stories.js → SingleCharacterInputs/SingleCharacterInput.stories.js} +8 -8
  387. package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/Default.js +13 -13
  388. package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithDefaultError.js +7 -7
  389. package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageInvalidCode.js +14 -14
  390. package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageLessDigit.js +11 -11
  391. package/form/SingleCharacterInputs/index.d.ts +4 -0
  392. package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/index.js +9 -9
  393. package/form/SingleCharacterInputs/index.mdx +24 -0
  394. package/form/TextArea/index.mdx +7 -35
  395. package/form/TextInput/__stories__/FixedWidths.js +6 -6
  396. package/form/TextInput/__stories__/FluidWidths.js +6 -6
  397. package/form/TextInput/index.mdx +8 -40
  398. package/form/index.d.ts +2 -2
  399. package/form/index.js +8 -8
  400. package/govgr/Footer/index.js +4 -4
  401. package/icons/Icon/index.d.ts +2 -2
  402. package/icons/Icon/index.js +1 -1
  403. package/icons/ImageLogo/index.d.ts +3 -0
  404. package/{navigation/NavList/NavVerticalItem.js → icons/ImageLogo/index.js} +5 -5
  405. package/icons/ImageLogoSet/index.d.ts +3 -0
  406. package/{navigation/NavList/NavListItemLink.js → icons/ImageLogoSet/index.js} +5 -5
  407. package/layouts/Admin/index.d.ts +1 -1
  408. package/layouts/Admin/index.js +4 -4
  409. package/layouts/Basic/Content/index.d.ts +1 -1
  410. package/layouts/Basic/Side/index.d.ts +1 -1
  411. package/layouts/Basic/__snapshots__/index.spec.tsx.snap +2 -2
  412. package/layouts/Grid/Grid.stories.d.ts +1 -0
  413. package/layouts/Grid/Grid.stories.js +14 -0
  414. package/layouts/Grid/__stories__/ResponsiveSpacing.d.ts +2 -0
  415. package/layouts/Grid/__stories__/ResponsiveSpacing.js +93 -0
  416. package/layouts/Section/index.d.ts +3 -0
  417. package/{navigation/NavList/NavMenu.js → layouts/Section/index.js} +5 -5
  418. package/layouts/Stack/Stack.stories.d.ts +13 -0
  419. package/layouts/Stack/Stack.stories.js +101 -0
  420. package/layouts/Stack/__stories__/AlignItems.d.ts +2 -0
  421. package/layouts/Stack/__stories__/AlignItems.js +81 -0
  422. package/layouts/Stack/__stories__/Default.d.ts +2 -0
  423. package/layouts/Stack/__stories__/Default.js +38 -0
  424. package/layouts/Stack/__stories__/JustifyContent.d.ts +2 -0
  425. package/layouts/Stack/__stories__/JustifyContent.js +98 -0
  426. package/layouts/Stack/__stories__/NoWrap.d.ts +2 -0
  427. package/layouts/Stack/__stories__/NoWrap.js +40 -0
  428. package/layouts/Stack/__stories__/Row.d.ts +2 -0
  429. package/layouts/Stack/__stories__/Row.js +39 -0
  430. package/layouts/Stack/__stories__/Spacing.d.ts +2 -0
  431. package/layouts/Stack/__stories__/Spacing.js +69 -0
  432. package/layouts/Stack/index.d.ts +2 -0
  433. package/layouts/Stack/index.js +13 -0
  434. package/layouts/index.d.ts +2 -0
  435. package/layouts/index.js +21 -0
  436. package/navigation/BackLink/index.mdx +1 -5
  437. package/navigation/Breadcrumbs/index.mdx +6 -5
  438. package/navigation/Drawer/__stories__/Default.js +24 -68
  439. package/navigation/Drawer/index.mdx +1 -5
  440. package/navigation/Dropdown/__stories__/AlignRight.js +9 -9
  441. package/navigation/Dropdown/__stories__/Default.js +9 -9
  442. package/navigation/Dropdown/__stories__/PlacementTop.js +9 -9
  443. package/navigation/Dropdown/index.d.ts +0 -1
  444. package/navigation/Dropdown/index.js +0 -14
  445. package/navigation/Dropdown/index.mdx +3 -17
  446. package/navigation/Link/index.mdx +7 -25
  447. package/navigation/NavList/NavList.stories.playwright.json +2 -2
  448. package/navigation/NavList/NavListAuto/index.js +80 -0
  449. package/navigation/NavList/NavMenuContentList.d.ts +5 -0
  450. package/navigation/NavList/{NavMenuContainerContentList.js → NavMenuContentList.js} +10 -10
  451. package/navigation/NavList/__stories__/Default.js +12 -28
  452. package/navigation/NavList/__stories__/NavVerticalLayout.js +12 -32
  453. package/navigation/NavList/hooks/useNavList.d.ts +1 -1
  454. package/navigation/NavList/hooks/useNavList.js +2 -2
  455. package/navigation/NavList/hooks/useTogglableNav.d.ts +1 -0
  456. package/navigation/NavList/hooks/useTogglableNav.js +33 -18
  457. package/navigation/NavList/index.d.ts +16 -17
  458. package/navigation/NavList/index.js +54 -96
  459. package/navigation/NavList/index.mdx +2 -10
  460. package/navigation/NavList/types.d.ts +14 -17
  461. package/navigation/NavList/types.js +1 -14
  462. package/navigation/Pagination/__stories__/Default.js +7 -65
  463. package/navigation/Pagination/__stories__/PaginationSmall.js +1 -1
  464. package/navigation/Pagination/__stories__/PaginationWithSmallFont.js +1 -1
  465. package/navigation/Pagination/__stories__/WithInactiveValues.js +2 -2
  466. package/navigation/Pagination/index.mdx +7 -15
  467. package/navigation/SkipLink/SkipLink.stories.d.ts +9 -0
  468. package/navigation/SkipLink/SkipLink.stories.js +32 -0
  469. package/navigation/SkipLink/__stories__/Default.d.ts +2 -0
  470. package/navigation/SkipLink/__stories__/Default.js +26 -0
  471. package/navigation/Tabs/Tabs.stories.playwright.json +2 -2
  472. package/navigation/Tabs/__stories__/Default.js +8 -4
  473. package/navigation/Tabs/index.js +1 -1
  474. package/navigation/Tabs/index.mdx +7 -5
  475. package/package.json +3 -3
  476. package/registry.d.ts +17 -26
  477. package/registry.js +35 -68
  478. package/src/app/CloseButton/index.tsx +4 -0
  479. package/src/app/{FilterSection → FilterContainer}/index.tsx +4 -5
  480. package/src/app/Footer/Footer.stories.playwright.json +2 -2
  481. package/src/app/Footer/__stories__/DefaultCopyright.tsx +27 -25
  482. package/src/app/Footer/__stories__/FooterAllInclusive.tsx +98 -89
  483. package/src/app/Footer/__stories__/FooterWithLink.tsx +48 -40
  484. package/src/app/Footer/__stories__/FooterWithLogo.tsx +41 -33
  485. package/src/app/Footer/__stories__/FooterWithSecondaryNavigation.tsx +22 -20
  486. package/src/app/Footer/__stories__/YearCopyright.tsx +24 -23
  487. package/src/app/Footer/index.mdx +4 -20
  488. package/src/app/Footer/index.tsx +3 -5
  489. package/src/app/Header/Header.stories.playwright.json +1 -1
  490. package/src/app/Header/__stories__/Default.tsx +4 -4
  491. package/src/app/Header/__stories__/WithHeaderNavigation.tsx +16 -26
  492. package/src/app/Header/__stories__/WithNavigation.tsx +17 -38
  493. package/src/app/Header/__stories__/WithServiceName.tsx +4 -4
  494. package/src/app/Header/__stories__/WithServiceNameAndLogo.tsx +4 -4
  495. package/src/app/Header/index.mdx +4 -21
  496. package/src/app/Header/index.spec.tsx +6 -1
  497. package/src/app/Masthead/Masthead.stories.playwright.json +1 -1
  498. package/src/app/Modal/__stories__/Default.tsx +1 -1
  499. package/src/app/Modal/index.mdx +1 -5
  500. package/src/app/NotFound/index.tsx +5 -4
  501. package/src/app/PageTitleContainer/index.tsx +5 -0
  502. package/src/app/Panel/index.mdx +1 -5
  503. package/src/app/PhaseBannerHeader/index.mdx +1 -5
  504. package/src/app/PhaseBannerHeader/index.tsx +3 -3
  505. package/src/app/QrCodeViewer/index.mdx +2 -10
  506. package/src/app/ThemeOptions/index.tsx +3 -3
  507. package/src/app/index.ts +2 -3
  508. package/src/content/Accordion/index.mdx +2 -10
  509. package/src/content/Blockquote/index.mdx +1 -5
  510. package/src/content/Card/index.mdx +8 -40
  511. package/src/content/Chip/__stories__/GroupOfChips.tsx +3 -3
  512. package/src/content/Chip/index.mdx +39 -0
  513. package/src/content/Chip/index.tsx +1 -2
  514. package/src/content/Details/index.mdx +6 -5
  515. package/src/content/List/__stories__/HorizontalList.tsx +1 -1
  516. package/src/content/List/__stories__/WithExtraSpace.tsx +1 -1
  517. package/src/content/List/index.mdx +3 -15
  518. package/src/content/StepNav/__stories__/Default.tsx +3 -4
  519. package/src/content/StepNav/__stories__/WithHints.tsx +4 -4
  520. package/src/content/StepNav/index.mdx +21 -0
  521. package/src/content/SummaryList/index.mdx +3 -15
  522. package/src/content/Table/__stories__/DefinedWidth.tsx +3 -3
  523. package/src/content/Table/__stories__/WithFloatingScroll.tsx +5 -7
  524. package/src/content/Table/index.mdx +1 -1
  525. package/src/content/Table/index.tsx +13 -12
  526. package/src/content/TaskList/__stories__/Default.tsx +5 -5
  527. package/src/content/TaskList/index.mdx +21 -0
  528. package/src/content/Timeline/__stories__/Default.tsx +55 -57
  529. package/src/content/Timeline/index.mdx +23 -0
  530. package/src/feedback/CopyToClipboard/index.mdx +2 -10
  531. package/src/feedback/ErrorSummary/index.mdx +4 -20
  532. package/src/feedback/NotificationBanner/index.mdx +2 -10
  533. package/src/feedback/PhaseBanner/index.mdx +2 -10
  534. package/src/feedback/ServiceBadge/index.mdx +9 -5
  535. package/src/feedback/WarningText/WarningText.stories.js +1 -0
  536. package/src/feedback/WarningText/__stories__/AssistiveText.tsx +10 -0
  537. package/src/feedback/WarningText/index.mdx +1 -5
  538. package/src/form/AutoComplete/__stories__/Default.tsx +1 -1
  539. package/src/form/AutoComplete/index.mdx +7 -35
  540. package/src/form/AutoComplete/index.tsx +6 -12
  541. package/src/form/Button/index.mdx +8 -24
  542. package/src/form/Checkbox/__stories__/ConditionalReveal.tsx +1 -1
  543. package/src/form/Checkbox/index.mdx +12 -35
  544. package/src/form/DateInputContainer/index.mdx +9 -20
  545. package/src/form/ErrorMessage/index.mdx +1 -5
  546. package/src/form/FileUpload/index.mdx +3 -5
  547. package/src/form/RadioContainer/__stories__/ConditionalReveal.tsx +1 -1
  548. package/src/form/RadioContainer/index.mdx +12 -35
  549. package/src/form/SearchContainer/index.tsx +6 -0
  550. package/src/form/SelectContainer/__stories__/Default.tsx +4 -4
  551. package/src/form/SelectContainer/index.mdx +9 -15
  552. package/src/form/SingleCharacterInputs/SingleCharacterInput.stories.js +13 -0
  553. package/src/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/Default.tsx +11 -11
  554. package/src/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithDefaultError.tsx +11 -11
  555. package/src/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageInvalidCode.tsx +11 -11
  556. package/src/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageLessDigit.tsx +11 -11
  557. package/src/form/SingleCharacterInputs/index.mdx +24 -0
  558. package/src/form/SingleCharacterInputs/index.tsx +4 -0
  559. package/src/form/TextArea/index.mdx +7 -35
  560. package/src/form/TextInput/__stories__/FixedWidths.tsx +6 -6
  561. package/src/form/TextInput/__stories__/FluidWidths.tsx +6 -6
  562. package/src/form/TextInput/index.mdx +8 -40
  563. package/src/form/index.ts +2 -2
  564. package/src/govgr/Footer/index.tsx +8 -8
  565. package/src/icons/Icon/index.tsx +2 -2
  566. package/src/icons/ImageLogo/index.tsx +5 -0
  567. package/src/icons/ImageLogoSet/index.tsx +4 -0
  568. package/src/layouts/Admin/index.tsx +1 -1
  569. package/src/layouts/Basic/__snapshots__/index.spec.tsx.snap +2 -2
  570. package/src/layouts/Grid/Grid.stories.js +1 -0
  571. package/src/layouts/Grid/__stories__/ResponsiveSpacing.tsx +43 -0
  572. package/src/layouts/Section/index.tsx +3 -0
  573. package/src/layouts/Stack/Stack.stories.js +12 -0
  574. package/src/layouts/Stack/__stories__/AlignItems.tsx +36 -0
  575. package/src/layouts/Stack/__stories__/Default.tsx +17 -0
  576. package/src/layouts/Stack/__stories__/JustifyContent.tsx +47 -0
  577. package/src/layouts/Stack/__stories__/NoWrap.tsx +17 -0
  578. package/src/layouts/Stack/__stories__/Row.tsx +17 -0
  579. package/src/layouts/Stack/__stories__/Spacing.tsx +35 -0
  580. package/src/layouts/Stack/index.tsx +3 -0
  581. package/src/layouts/index.ts +2 -0
  582. package/src/navigation/BackLink/index.mdx +1 -5
  583. package/src/navigation/Breadcrumbs/index.mdx +6 -5
  584. package/src/navigation/Drawer/__stories__/Default.tsx +31 -84
  585. package/src/navigation/Drawer/index.mdx +1 -5
  586. package/src/navigation/Dropdown/__stories__/AlignRight.tsx +13 -12
  587. package/src/navigation/Dropdown/__stories__/Default.tsx +10 -11
  588. package/src/navigation/Dropdown/__stories__/PlacementTop.tsx +11 -11
  589. package/src/navigation/Dropdown/index.mdx +3 -17
  590. package/src/navigation/Dropdown/index.tsx +0 -1
  591. package/src/navigation/Link/index.mdx +7 -25
  592. package/src/navigation/NavList/NavList.stories.playwright.json +2 -2
  593. package/src/navigation/NavList/NavListAuto/index.tsx +68 -0
  594. package/src/navigation/NavList/{NavMenuContainerContentList.tsx → NavMenuContentList.tsx} +8 -8
  595. package/src/navigation/NavList/__stories__/Default.tsx +28 -40
  596. package/src/navigation/NavList/__stories__/NavVerticalLayout.tsx +25 -33
  597. package/src/navigation/NavList/hooks/useNavList.ts +3 -3
  598. package/src/navigation/NavList/hooks/useTogglableNav.tsx +31 -19
  599. package/src/navigation/NavList/index.mdx +2 -10
  600. package/src/navigation/NavList/index.tsx +16 -17
  601. package/src/navigation/NavList/types.tsx +16 -28
  602. package/src/navigation/Pagination/__stories__/Default.tsx +2 -76
  603. package/src/navigation/Pagination/__stories__/PaginationSmall.tsx +1 -1
  604. package/src/navigation/Pagination/__stories__/PaginationWithSmallFont.tsx +1 -1
  605. package/src/navigation/Pagination/__stories__/WithInactiveValues.tsx +2 -2
  606. package/src/navigation/Pagination/index.mdx +7 -15
  607. package/src/navigation/SkipLink/SkipLink.stories.js +9 -0
  608. package/src/navigation/SkipLink/__stories__/Default.tsx +15 -0
  609. package/src/navigation/Tabs/Tabs.stories.playwright.json +2 -2
  610. package/src/navigation/Tabs/__stories__/Default.tsx +2 -0
  611. package/src/navigation/Tabs/index.mdx +7 -5
  612. package/src/navigation/Tabs/index.tsx +1 -1
  613. package/src/registry.js +28 -50
  614. package/src/typography/Heading/__stories__/Default.tsx +6 -6
  615. package/src/typography/Heading/index.mdx +1 -5
  616. package/src/typography/HeadingCaption/index.mdx +1 -5
  617. package/src/typography/Hint/__stories__/FontSizes.tsx +3 -3
  618. package/src/typography/Hint/index.mdx +3 -5
  619. package/src/typography/NormalText/__stories__/FontSizes.tsx +7 -7
  620. package/src/typography/NormalText/__stories__/Variants.tsx +2 -2
  621. package/src/typography/NormalText/index.mdx +5 -15
  622. package/src/typography/Paragraph/__stories__/FontSizes.tsx +7 -7
  623. package/src/typography/Paragraph/__stories__/LeadVariant.tsx +1 -1
  624. package/src/typography/Paragraph/__stories__/SmallVariant.tsx +1 -1
  625. package/src/typography/Paragraph/index.mdx +5 -20
  626. package/src/utils/Kitchensink/KitchensinkDashboard.tsx +1 -1
  627. package/typography/Caption/index.d.ts +1 -1
  628. package/typography/Heading/__stories__/Default.js +9 -4
  629. package/typography/Heading/index.mdx +1 -5
  630. package/typography/HeadingCaption/index.mdx +1 -5
  631. package/typography/Hint/__stories__/FontSizes.js +3 -3
  632. package/typography/Hint/index.mdx +3 -5
  633. package/typography/NormalText/__stories__/FontSizes.js +7 -7
  634. package/typography/NormalText/__stories__/Variants.js +4 -4
  635. package/typography/NormalText/index.mdx +5 -15
  636. package/typography/Paragraph/__stories__/FontSizes.js +7 -7
  637. package/typography/Paragraph/__stories__/LeadVariant.js +1 -1
  638. package/typography/Paragraph/__stories__/SmallVariant.js +1 -1
  639. package/typography/Paragraph/index.mdx +5 -20
  640. package/utils/Kitchensink/KitchensinkDashboard.js +1 -1
  641. package/app/PageTitle/index.d.ts +0 -5
  642. package/es/app/PageTitle/index.js +0 -5
  643. package/es/form/SearchSection/index.js +0 -5
  644. package/es/form/SingleCharacterInputContainer/SingleCharacterInputContainer.stories.js +0 -12
  645. package/es/form/SingleCharacterInputContainer/index.js +0 -4
  646. package/es/form/SingleCharacterInputContainer/index.mdx +0 -36
  647. package/es/navigation/NavList/NavListAuto/NavListAuto.js +0 -31
  648. package/es/navigation/NavList/NavListAuto/NavListBaseAuto.js +0 -22
  649. package/es/navigation/NavList/NavListAuto/NavListContextAuto.js +0 -104
  650. package/es/navigation/NavList/NavListAuto/NavListItemAnchorAuto.js +0 -26
  651. package/es/navigation/NavList/NavListAuto/NavListItemAuto.js +0 -38
  652. package/es/navigation/NavList/NavListAuto/NavListItemButtonAuto.js +0 -30
  653. package/es/navigation/NavList/NavListAuto/NavListMenuAuto.js +0 -36
  654. package/es/navigation/NavList/NavListAuto/NavListSubMenuAuto.js +0 -26
  655. package/es/navigation/NavList/NavListItem.js +0 -23
  656. package/es/navigation/NavList/NavListItemBase.js +0 -44
  657. package/es/navigation/NavList/NavListItemButton.js +0 -3
  658. package/es/navigation/NavList/NavListItemLink.js +0 -3
  659. package/es/navigation/NavList/NavMenu.js +0 -3
  660. package/es/navigation/NavList/NavMenuContainer.js +0 -3
  661. package/es/navigation/NavList/NavMenuContainerContent.js +0 -3
  662. package/es/navigation/NavList/NavMenuContainerContentListItem.js +0 -3
  663. package/es/navigation/NavList/NavMenuContainerTitle.js +0 -3
  664. package/es/navigation/NavList/NavVertical.js +0 -3
  665. package/es/navigation/NavList/NavVerticalItem.js +0 -3
  666. package/esm/app/PageTitle/index.js +0 -5
  667. package/esm/form/SearchSection/index.js +0 -5
  668. package/esm/form/SingleCharacterInputContainer/SingleCharacterInputContainer.stories.js +0 -12
  669. package/esm/form/SingleCharacterInputContainer/index.js +0 -4
  670. package/esm/form/SingleCharacterInputContainer/index.mdx +0 -36
  671. package/esm/navigation/NavList/NavListAuto/NavListAuto.js +0 -31
  672. package/esm/navigation/NavList/NavListAuto/NavListBaseAuto.js +0 -22
  673. package/esm/navigation/NavList/NavListAuto/NavListContextAuto.js +0 -104
  674. package/esm/navigation/NavList/NavListAuto/NavListItemAnchorAuto.js +0 -26
  675. package/esm/navigation/NavList/NavListAuto/NavListItemAuto.js +0 -38
  676. package/esm/navigation/NavList/NavListAuto/NavListItemButtonAuto.js +0 -30
  677. package/esm/navigation/NavList/NavListAuto/NavListMenuAuto.js +0 -36
  678. package/esm/navigation/NavList/NavListAuto/NavListSubMenuAuto.js +0 -26
  679. package/esm/navigation/NavList/NavListItem.js +0 -23
  680. package/esm/navigation/NavList/NavListItemBase.js +0 -44
  681. package/esm/navigation/NavList/NavListItemButton.js +0 -3
  682. package/esm/navigation/NavList/NavListItemLink.js +0 -3
  683. package/esm/navigation/NavList/NavMenu.js +0 -3
  684. package/esm/navigation/NavList/NavMenuContainer.js +0 -3
  685. package/esm/navigation/NavList/NavMenuContainerContent.js +0 -3
  686. package/esm/navigation/NavList/NavMenuContainerContentListItem.js +0 -3
  687. package/esm/navigation/NavList/NavMenuContainerTitle.js +0 -3
  688. package/esm/navigation/NavList/NavVertical.js +0 -3
  689. package/esm/navigation/NavList/NavVerticalItem.js +0 -3
  690. package/form/SearchSection/index.d.ts +0 -5
  691. package/form/SingleCharacterInputContainer/SingleCharacterInputContainer.stories.d.ts +0 -13
  692. package/form/SingleCharacterInputContainer/index.d.ts +0 -4
  693. package/form/SingleCharacterInputContainer/index.mdx +0 -36
  694. package/navigation/NavList/NavListAuto/NavListAuto.js +0 -48
  695. package/navigation/NavList/NavListAuto/NavListBaseAuto.d.ts +0 -3
  696. package/navigation/NavList/NavListAuto/NavListBaseAuto.js +0 -38
  697. package/navigation/NavList/NavListAuto/NavListContextAuto.d.ts +0 -29
  698. package/navigation/NavList/NavListAuto/NavListContextAuto.js +0 -128
  699. package/navigation/NavList/NavListAuto/NavListItemAnchorAuto.d.ts +0 -9
  700. package/navigation/NavList/NavListAuto/NavListItemAnchorAuto.js +0 -51
  701. package/navigation/NavList/NavListAuto/NavListItemAuto.d.ts +0 -8
  702. package/navigation/NavList/NavListAuto/NavListItemAuto.js +0 -63
  703. package/navigation/NavList/NavListAuto/NavListItemButtonAuto.d.ts +0 -12
  704. package/navigation/NavList/NavListAuto/NavListItemButtonAuto.js +0 -48
  705. package/navigation/NavList/NavListAuto/NavListMenuAuto.d.ts +0 -11
  706. package/navigation/NavList/NavListAuto/NavListMenuAuto.js +0 -56
  707. package/navigation/NavList/NavListAuto/NavListSubMenuAuto.d.ts +0 -9
  708. package/navigation/NavList/NavListAuto/NavListSubMenuAuto.js +0 -44
  709. package/navigation/NavList/NavListItem.d.ts +0 -4
  710. package/navigation/NavList/NavListItem.js +0 -42
  711. package/navigation/NavList/NavListItemBase.d.ts +0 -15
  712. package/navigation/NavList/NavListItemBase.js +0 -68
  713. package/navigation/NavList/NavListItemButton.d.ts +0 -3
  714. package/navigation/NavList/NavListItemButton.js +0 -30
  715. package/navigation/NavList/NavListItemLink.d.ts +0 -3
  716. package/navigation/NavList/NavMenu.d.ts +0 -3
  717. package/navigation/NavList/NavMenuContainer.d.ts +0 -3
  718. package/navigation/NavList/NavMenuContainer.js +0 -30
  719. package/navigation/NavList/NavMenuContainerContent.d.ts +0 -3
  720. package/navigation/NavList/NavMenuContainerContent.js +0 -30
  721. package/navigation/NavList/NavMenuContainerContentList.d.ts +0 -5
  722. package/navigation/NavList/NavMenuContainerContentListItem.d.ts +0 -3
  723. package/navigation/NavList/NavMenuContainerContentListItem.js +0 -30
  724. package/navigation/NavList/NavMenuContainerTitle.d.ts +0 -3
  725. package/navigation/NavList/NavMenuContainerTitle.js +0 -30
  726. package/navigation/NavList/NavVertical.d.ts +0 -3
  727. package/navigation/NavList/NavVerticalItem.d.ts +0 -3
  728. package/src/app/PageTitle/index.tsx +0 -5
  729. package/src/form/SearchSection/index.tsx +0 -6
  730. package/src/form/SingleCharacterInputContainer/SingleCharacterInputContainer.stories.js +0 -13
  731. package/src/form/SingleCharacterInputContainer/index.mdx +0 -36
  732. package/src/form/SingleCharacterInputContainer/index.tsx +0 -4
  733. package/src/navigation/NavList/NavListAuto/NavListAuto.tsx +0 -34
  734. package/src/navigation/NavList/NavListAuto/NavListBaseAuto.tsx +0 -20
  735. package/src/navigation/NavList/NavListAuto/NavListContextAuto.tsx +0 -112
  736. package/src/navigation/NavList/NavListAuto/NavListItemAnchorAuto.tsx +0 -38
  737. package/src/navigation/NavList/NavListAuto/NavListItemAuto.tsx +0 -49
  738. package/src/navigation/NavList/NavListAuto/NavListItemButtonAuto.tsx +0 -53
  739. package/src/navigation/NavList/NavListAuto/NavListMenuAuto.tsx +0 -51
  740. package/src/navigation/NavList/NavListAuto/NavListSubMenuAuto.tsx +0 -32
  741. package/src/navigation/NavList/NavListItem.tsx +0 -46
  742. package/src/navigation/NavList/NavListItemBase.tsx +0 -63
  743. package/src/navigation/NavList/NavListItemButton.tsx +0 -3
  744. package/src/navigation/NavList/NavListItemLink.tsx +0 -3
  745. package/src/navigation/NavList/NavMenu.tsx +0 -3
  746. package/src/navigation/NavList/NavMenuContainer.tsx +0 -3
  747. package/src/navigation/NavList/NavMenuContainerContent.tsx +0 -3
  748. package/src/navigation/NavList/NavMenuContainerContentListItem.tsx +0 -3
  749. package/src/navigation/NavList/NavMenuContainerTitle.tsx +0 -3
  750. package/src/navigation/NavList/NavVertical.tsx +0 -3
  751. package/src/navigation/NavList/NavVerticalItem.tsx +0 -3
  752. /package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/Default.d.ts +0 -0
  753. /package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithDefaultError.d.ts +0 -0
  754. /package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageInvalidCode.d.ts +0 -0
  755. /package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageLessDigit.d.ts +0 -0
  756. /package/navigation/NavList/NavListAuto/{NavListAuto.d.ts → index.d.ts} +0 -0
@@ -14,7 +14,7 @@ var _SectionBreak = require("@digigov/ui/layouts/SectionBreak");
14
14
  var _NormalText = require("@digigov/ui/typography/NormalText");
15
15
 
16
16
  var _ref = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
17
- fontSize: "14"
17
+ fontSize: 14
18
18
  }, " govgr-!-font-size-14 ");
19
19
 
20
20
  var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
@@ -22,7 +22,7 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBr
22
22
  });
23
23
 
24
24
  var _ref3 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
25
- fontSize: "16"
25
+ fontSize: 16
26
26
  }, " govgr-!-font-size-16 ");
27
27
 
28
28
  var _ref4 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
@@ -30,7 +30,7 @@ var _ref4 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBr
30
30
  });
31
31
 
32
32
  var _ref5 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
33
- fontSize: "19"
33
+ fontSize: 19
34
34
  }, " govgr-!-font-size-19 ");
35
35
 
36
36
  var _ref6 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
@@ -38,7 +38,7 @@ var _ref6 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBr
38
38
  });
39
39
 
40
40
  var _ref7 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
41
- fontSize: "24"
41
+ fontSize: 24
42
42
  }, " govgr-!-font-size-24 ");
43
43
 
44
44
  var _ref8 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
@@ -46,7 +46,7 @@ var _ref8 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBr
46
46
  });
47
47
 
48
48
  var _ref9 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
49
- fontSize: "30"
49
+ fontSize: 30
50
50
  }, " govgr-!-font-size-30 ");
51
51
 
52
52
  var _ref10 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
@@ -54,7 +54,7 @@ var _ref10 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionB
54
54
  });
55
55
 
56
56
  var _ref11 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
57
- fontSize: "48"
57
+ fontSize: 48
58
58
  }, " govgr-!-font-size-48 ");
59
59
 
60
60
  var _ref12 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
@@ -62,7 +62,7 @@ var _ref12 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionB
62
62
  });
63
63
 
64
64
  var _ref13 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
65
- fontSize: "72"
65
+ fontSize: 72
66
66
  }, " govgr-!-font-size-72 ");
67
67
 
68
68
  var FontSizes = function FontSizes() {
@@ -14,16 +14,16 @@ var _SectionBreak = require("@digigov/ui/layouts/SectionBreak");
14
14
  var _NormalText = require("@digigov/ui/typography/NormalText");
15
15
 
16
16
  var _ref = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
17
- variant: 'sm'
18
- }, " govgr-variant-small ");
17
+ size: 'sm'
18
+ }, " govgr-size-small ");
19
19
 
20
20
  var _ref2 = /*#__PURE__*/_react["default"].createElement(_SectionBreak.SectionBreak, {
21
21
  visible: false
22
22
  });
23
23
 
24
24
  var _ref3 = /*#__PURE__*/_react["default"].createElement(_NormalText.NormalText, {
25
- variant: 'lg'
26
- }, " govgr-variant-lead ");
25
+ size: 'lg'
26
+ }, " govgr-size-large ");
27
27
 
28
28
  var Variants = function Variants() {
29
29
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2, _ref3);
@@ -9,32 +9,22 @@ import NormalText from '@digigov/ui/typography/NormalText';
9
9
 
10
10
  ## How to use
11
11
 
12
- <Story
13
- packageName="@digigov/ui"
14
- component="typography/NormalText"
15
- story="Default.tsx"
16
- />
12
+ <Story packageName="@digigov/ui" component="typography/NormalText" story="Default.tsx" />
17
13
 
18
14
  ### Variants
19
15
 
20
- <Story
21
- packageName="@digigov/ui"
22
- component="typography/NormalText"
23
- story="Variants.tsx"
24
- />
16
+ <Story packageName="@digigov/ui" component="typography/NormalText" story="Variants.tsx" />
25
17
 
26
18
  ## Font override classes
27
19
 
28
20
  ### Font size
29
21
 
30
- <Story
31
- packageName="@digigov/ui"
32
- component="typography/NormalText"
33
- story="FontSizes.tsx"
34
- />
22
+ <Story packageName="@digigov/ui" component="typography/NormalText" story="FontSizes.tsx" />
35
23
 
36
24
  ### Font weight
37
25
 
26
+ <Story packageName="@digigov/ui" component="typography/NormalText" story="FontWeight.tsx" />
27
+
38
28
  ## API
39
29
 
40
30
  <PropTypes packageName="@digigov/ui" component="NormalText" />
@@ -12,31 +12,31 @@ var _react = _interopRequireDefault(require("react"));
12
12
  var _Paragraph = require("@digigov/ui/typography/Paragraph");
13
13
 
14
14
  var _ref = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, {
15
- fontSize: "14"
15
+ fontSize: 14
16
16
  }, " govgr-!-font-size-14 ");
17
17
 
18
18
  var _ref2 = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, {
19
- fontSize: "16"
19
+ fontSize: 16
20
20
  }, " govgr-!-font-size-16 ");
21
21
 
22
22
  var _ref3 = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, {
23
- fontSize: "19"
23
+ fontSize: 19
24
24
  }, " govgr-!-font-size-19 ");
25
25
 
26
26
  var _ref4 = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, {
27
- fontSize: "24"
27
+ fontSize: 24
28
28
  }, " govgr-!-font-size-24 ");
29
29
 
30
30
  var _ref5 = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, {
31
- fontSize: "30"
31
+ fontSize: 30
32
32
  }, " govgr-!-font-size-30 ");
33
33
 
34
34
  var _ref6 = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, {
35
- fontSize: "48"
35
+ fontSize: 48
36
36
  }, " govgr-!-font-size-48 ");
37
37
 
38
38
  var _ref7 = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, {
39
- fontSize: "72"
39
+ fontSize: 72
40
40
  }, " govgr-!-font-size-72 ");
41
41
 
42
42
  var FontSizes = function FontSizes() {
@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
12
12
  var _Paragraph = require("@digigov/ui/typography/Paragraph");
13
13
 
14
14
  var _ref = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, {
15
- variant: 'lg'
15
+ size: 'lg'
16
16
  }, "govgr-body");
17
17
 
18
18
  var LeadVariant = function LeadVariant() {
@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
12
12
  var _Paragraph = require("@digigov/ui/typography/Paragraph");
13
13
 
14
14
  var _ref = /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, {
15
- variant: 'sm'
15
+ size: 'sm'
16
16
  }, "govgr-body");
17
17
 
18
18
  var SmallVariant = function SmallVariant() {
@@ -9,40 +9,25 @@ import Paragraph from '@digigov/ui/typography/Paragraph';
9
9
 
10
10
  ## How to use
11
11
 
12
- <Story
13
- packageName="@digigov/ui"
14
- component="typography/Paragraph"
15
- story="Default.tsx"
16
- />
12
+ <Story packageName="@digigov/ui" component="typography/Paragraph" story="Default.tsx" />
17
13
 
18
14
  ### Lead paragraph
19
15
 
20
- <Story
21
- packageName="@digigov/ui"
22
- component="typography/Paragraph"
23
- story="LeadVariant.tsx"
24
- />
16
+ <Story packageName="@digigov/ui" component="typography/Paragraph"story="LeadVariant.tsx" />
25
17
 
26
18
  ### Small paragraph
27
19
 
28
- <Story
29
- packageName="@digigov/ui"
30
- component="typography/Paragraph"
31
- story="SmallVariant.tsx"
32
- />
20
+ <Story packageName="@digigov/ui" component="typography/Paragraph" story="SmallVariant.tsx" />
33
21
 
34
22
  ## Font override classes
35
23
 
36
24
  ### Font size
37
25
 
38
- <Story
39
- packageName="@digigov/ui"
40
- component="typography/Paragraph"
41
- story="FontSizes.tsx"
42
- />
26
+ <Story packageName="@digigov/ui" component="typography/Paragraph" story="FontSizes.tsx" />
43
27
 
44
28
  ### Font weight
45
29
 
30
+ <Story packageName="@digigov/ui" component="typography/Paragraph" story="FontWeight.tsx" />
46
31
  ## API
47
32
 
48
33
  <PropTypes packageName="@digigov/ui" component="Paragraph" />
@@ -16,7 +16,7 @@ var _Paragraph = _interopRequireDefault(require("@digigov/react-core/Paragraph")
16
16
  var _KitchensinkByCategory = require("@digigov/ui/utils/Kitchensink/KitchensinkByCategory");
17
17
 
18
18
  var _ref2 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
19
- fontSize: "72",
19
+ fontSize: 72,
20
20
  fontWeight: "bold"
21
21
  }, "Components");
22
22
 
@@ -1,5 +0,0 @@
1
- import Section from '@digigov/react-core/Section';
2
- export { default as PageTitle } from '@digigov/react-core/Section';
3
- export * from '@digigov/react-core/PageTitleHeading';
4
- export * from '@digigov/react-core/Section';
5
- export default Section;
@@ -1,5 +0,0 @@
1
- import Section from '@digigov/react-core/Section';
2
- export { default as PageTitle } from '@digigov/react-core/Section';
3
- export * from '@digigov/react-core/PageTitleHeading';
4
- export * from '@digigov/react-core/Section';
5
- export default Section;
@@ -1,5 +0,0 @@
1
- export * from '@digigov/react-core/SearchSection';
2
- export * from '@digigov/react-core/SearchButton';
3
- export * from '@digigov/react-icons/SearchIcon';
4
- import SearchSection from '@digigov/react-core/SearchSection';
5
- export default SearchSection;
@@ -1,12 +0,0 @@
1
- import SingleCharacterInputContainer from '@digigov/ui/form/SingleCharacterInputContainer';
2
- export default {
3
- title: 'Digigov UI/form/SingleCharacterInputContainer',
4
- description: 'Use the One-time password input component to help users enter a memorable digital character for One-time password.',
5
- link: 'https://guide.services.gov.gr/docs/patterns/one-time-password',
6
- component: SingleCharacterInputContainer,
7
- displayName: 'SingleCharacterInputContainer'
8
- };
9
- export * from '@digigov/ui/form/SingleCharacterInputContainer/__stories__/Default';
10
- export * from '@digigov/ui/form/SingleCharacterInputContainer/__stories__/WithDefaultError';
11
- export * from '@digigov/ui/form/SingleCharacterInputContainer/__stories__/WithErrorMessageInvalidCode';
12
- export * from '@digigov/ui/form/SingleCharacterInputContainer/__stories__/WithErrorMessageLessDigit';
@@ -1,4 +0,0 @@
1
- export * from '@digigov/react-core/SingleCharacterInputContainer';
2
- export * from '@digigov/react-core/SingleCharacterInputItem';
3
- import SingleCharacterInputContainer from '@digigov/react-core/SingleCharacterInputContainer';
4
- export default SingleCharacterInputContainer;
@@ -1,36 +0,0 @@
1
- ---
2
- id: single-character-input-container
3
- title: SingleCharacterInputContainer
4
- ---
5
-
6
- # SingleCharacterInputItem
7
-
8
- ```bash
9
- import SingleCharacterInputContainer from '@digigov/ui/form/SingleCharacterInputContainer';
10
- ```
11
-
12
- ## How to use
13
-
14
- <Story
15
- packageName="@digigov/ui"
16
- component="form/SingleCharacterInputContainer"
17
- story="Default.tsx"
18
- />
19
-
20
- ### Error message
21
-
22
- If you’re highlighting the whole date, style all the fields like this:
23
-
24
- <Story
25
- packageName="@digigov/ui"
26
- component="form/SingleCharacterInputContainer"
27
- story="WithDefaultError.tsx"
28
- />
29
-
30
- ## API
31
-
32
- <PropTypes
33
- packageName="@digigov/ui"
34
- component="SingleCharacterInputContainer"
35
- />
36
- <PropTypes packageName="@digigov/ui" component="SingleCharacterInputItem" />
@@ -1,31 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["layout", "border", "fixed", "openSubMenus", "links", "role"];
4
- import React from 'react';
5
- import { NavListBaseAuto } from '@digigov/ui/navigation/NavList/NavListAuto/NavListBaseAuto';
6
- import { NavListProviderAuto } from '@digigov/ui/navigation/NavList/NavListAuto/NavListContextAuto';
7
- export var NavListAuto = function NavListAuto(_ref) {
8
- var layout = _ref.layout,
9
- border = _ref.border,
10
- fixed = _ref.fixed,
11
- _ref$openSubMenus = _ref.openSubMenus,
12
- openSubMenus = _ref$openSubMenus === void 0 ? false : _ref$openSubMenus,
13
- _ref$links = _ref.links,
14
- links = _ref$links === void 0 ? [] : _ref$links,
15
- role = _ref.role,
16
- props = _objectWithoutProperties(_ref, _excluded);
17
-
18
- return /*#__PURE__*/React.createElement(NavListProviderAuto, {
19
- openSubMenus: openSubMenus,
20
- layout: layout,
21
- border: border,
22
- fixed: fixed,
23
- links: links
24
- }, /*#__PURE__*/React.createElement(NavListBaseAuto, _extends({
25
- layout: layout,
26
- border: border,
27
- fixed: fixed,
28
- role: role
29
- }, props)));
30
- };
31
- export default NavListAuto;
@@ -1,22 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["className", "children", "floating", "layout", "subMenu", "role"];
4
- import React from 'react';
5
- import Nav from '@digigov/ui/navigation/NavList/Nav';
6
- import NavList from '@digigov/ui/navigation/NavList/NavList';
7
- export var NavListBaseAuto = function NavListBaseAuto(_ref) {
8
- var className = _ref.className,
9
- children = _ref.children,
10
- floating = _ref.floating,
11
- layout = _ref.layout,
12
- subMenu = _ref.subMenu,
13
- role = _ref.role,
14
- props = _objectWithoutProperties(_ref, _excluded);
15
-
16
- return /*#__PURE__*/React.createElement(Nav, _extends({
17
- open: true,
18
- layout: layout
19
- }, props, {
20
- "aria-orientation": layout
21
- }), /*#__PURE__*/React.createElement(NavList, null, children));
22
- };
@@ -1,104 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
- import React, { createContext, useEffect, useState } from 'react';
4
- import { useNavList } from '@digigov/ui/navigation/NavList/hooks/useNavList';
5
- export var NavListContextAuto = /*#__PURE__*/createContext({
6
- layout: 'horizontal',
7
- border: true,
8
- fixed: true,
9
- openSubMenus: false,
10
- links: [],
11
- activeLink: {},
12
- activeSubMenu: []
13
- });
14
- var TRAILING_SLASH = /\/$/gm;
15
- export var NavListProviderAuto = function NavListProviderAuto(_ref) {
16
- var children = _ref.children,
17
- layout = _ref.layout,
18
- border = _ref.border,
19
- fixed = _ref.fixed,
20
- _ref$openSubMenus = _ref.openSubMenus,
21
- openSubMenus = _ref$openSubMenus === void 0 ? false : _ref$openSubMenus,
22
- _ref$showDividers = _ref.showDividers,
23
- showDividers = _ref$showDividers === void 0 ? false : _ref$showDividers,
24
- _ref$links = _ref.links,
25
- links = _ref$links === void 0 ? [] : _ref$links;
26
-
27
- var _useState = useState([]),
28
- _useState2 = _slicedToArray(_useState, 2),
29
- activeSubMenu = _useState2[0],
30
- setActiveSubMenu = _useState2[1];
31
-
32
- var _useState3 = useState({}),
33
- _useState4 = _slicedToArray(_useState3, 2),
34
- activeLink = _useState4[0],
35
- setActiveLink = _useState4[1];
36
-
37
- var _useNavList = useNavList(),
38
- container = _useNavList.container,
39
- registerButton = _useNavList.registerButton,
40
- registerLink = _useNavList.registerLink;
41
-
42
- var setRegisterButton = function setRegisterButton(name) {
43
- return _extends({}, registerButton(name));
44
- };
45
-
46
- var setRegisterLink = function setRegisterLink(name) {
47
- return _extends({}, registerLink(name));
48
- }; // TODO: Cleanup unused props
49
-
50
-
51
- useEffect(function () {
52
- var currentActiveLink = links.find(function (link) {
53
- var _link$subMenu;
54
-
55
- if ((_link$subMenu = link.subMenu) !== null && _link$subMenu !== void 0 && _link$subMenu.length) {
56
- return !!~link.subMenu.findIndex(function (subMenuLink) {
57
- var _window, _subMenuLink$href;
58
-
59
- return ((_window = window) === null || _window === void 0 ? void 0 : _window.location.pathname.replace(TRAILING_SLASH, '')) === ((_subMenuLink$href = subMenuLink.href) === null || _subMenuLink$href === void 0 ? void 0 : _subMenuLink$href.replace(TRAILING_SLASH, ''));
60
- });
61
- } else {
62
- var _window2, _link$href;
63
-
64
- return ((_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.location.pathname.replace(TRAILING_SLASH, '')) === ((_link$href = link.href) === null || _link$href === void 0 ? void 0 : _link$href.replace(TRAILING_SLASH, '')) || false;
65
- }
66
- }) || {
67
- label: '',
68
- href: ''
69
- };
70
- setActiveLink(currentActiveLink);
71
- }, [links]);
72
-
73
- var onSubMenuActive = function onSubMenuActive(href) {
74
- if (href === null) {
75
- setActiveSubMenu([]);
76
- }
77
-
78
- var link = links.find(function (link) {
79
- return link.href === href && link.subMenu && link.subMenu.length;
80
- });
81
-
82
- if (link && link.subMenu) {
83
- setActiveSubMenu(link.subMenu);
84
- }
85
- };
86
-
87
- return /*#__PURE__*/React.createElement(NavListContextAuto.Provider, {
88
- value: {
89
- openSubMenus: openSubMenus,
90
- layout: layout,
91
- border: border,
92
- fixed: fixed,
93
- showDividers: showDividers,
94
- links: links,
95
- activeLink: activeLink,
96
- activeSubMenu: activeSubMenu,
97
- onSubMenuActive: onSubMenuActive,
98
- container: container,
99
- setRegisterButton: setRegisterButton,
100
- setRegisterLink: setRegisterLink
101
- }
102
- }, children);
103
- };
104
- export default NavListContextAuto;
@@ -1,26 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["name", "href", "active", "children"];
4
- import React, { useContext } from 'react';
5
- import NavListItem from '@digigov/react-core/NavListItem';
6
- import NavListContextAuto from '@digigov/ui/navigation/NavList/NavListAuto/NavListContextAuto';
7
- import { NavListItemLink } from '@digigov/ui/navigation/NavList/NavListItemLink';
8
- export var NavListItemAnchorAuto = function NavListItemAnchorAuto(_ref) {
9
- var _container;
10
-
11
- var name = _ref.name,
12
- href = _ref.href,
13
- active = _ref.active,
14
- children = _ref.children,
15
- props = _objectWithoutProperties(_ref, _excluded);
16
-
17
- var _useContext = useContext(NavListContextAuto),
18
- container = _useContext.container,
19
- setRegisterLink = _useContext.setRegisterLink;
20
-
21
- return /*#__PURE__*/React.createElement(NavListItem, null, setRegisterLink && /*#__PURE__*/React.createElement(NavListItemLink, _extends({
22
- href: href,
23
- active: active || container && ((_container = container(name)) === null || _container === void 0 ? void 0 : _container.active)
24
- }, props, setRegisterLink(name)), children));
25
- };
26
- export default NavListItemAnchorAuto;
@@ -1,38 +0,0 @@
1
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
2
- var _excluded = ["item", "children", "role"];
3
- import React, { useContext } from 'react';
4
- import Divider from '@digigov/react-core/SectionBreak';
5
- import NavListContextAuto from '@digigov/ui/navigation/NavList/NavListAuto/NavListContextAuto';
6
- import NavItemAnchorAuto from '@digigov/ui/navigation/NavList/NavListAuto/NavListItemAnchorAuto';
7
- import NavItemButtonAuto from '@digigov/ui/navigation/NavList/NavListAuto/NavListItemButtonAuto';
8
- import { NavListItem } from '@digigov/ui/navigation/NavList/NavListItem';
9
-
10
- var _ref2 = /*#__PURE__*/React.createElement(Divider, null);
11
-
12
- export var NavListItemAuto = function NavListItemAuto(_ref) {
13
- var _container;
14
-
15
- var item = _ref.item,
16
- children = _ref.children,
17
- role = _ref.role,
18
- props = _objectWithoutProperties(_ref, _excluded);
19
-
20
- var _useContext = useContext(NavListContextAuto),
21
- layout = _useContext.layout,
22
- showDividers = _useContext.showDividers,
23
- container = _useContext.container,
24
- setRegisterButton = _useContext.setRegisterButton;
25
-
26
- var itemName = item !== null && item !== void 0 && item.name ? item.name : item === null || item === void 0 ? void 0 : item.label;
27
- return /*#__PURE__*/React.createElement(React.Fragment, null, children ? /*#__PURE__*/React.createElement(NavListItem, props, children) : item !== null && item !== void 0 && item.menu || item !== null && item !== void 0 && item.subMenu ? /*#__PURE__*/React.createElement(NavItemButtonAuto, {
28
- item: item,
29
- name: itemName,
30
- active: container && ((_container = container(itemName)) === null || _container === void 0 ? void 0 : _container.active),
31
- onSelect: setRegisterButton,
32
- layout: layout
33
- }, item === null || item === void 0 ? void 0 : item.label) : /*#__PURE__*/React.createElement(NavItemAnchorAuto, {
34
- href: item === null || item === void 0 ? void 0 : item.href,
35
- name: itemName
36
- }, item === null || item === void 0 ? void 0 : item.label), showDividers && _ref2);
37
- };
38
- export default NavListItemAuto;
@@ -1,30 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import React from 'react';
3
- import NavItemMenuAuto from '@digigov/ui/navigation/NavList/NavListAuto/NavListMenuAuto';
4
- import NavItemSubMenuAuto from '@digigov/ui/navigation/NavList/NavListAuto/NavListSubMenuAuto';
5
- import NavListItem from '@digigov/ui/navigation/NavList/NavListItem';
6
- import NavListItemButton from '@digigov/ui/navigation/NavList/NavListItemButton';
7
- export var NavListItemButtonAuto = function NavListItemButtonAuto(_ref) {
8
- var _item$menu, _item$menu2;
9
-
10
- var item = _ref.item,
11
- name = _ref.name,
12
- active = _ref.active,
13
- onSelect = _ref.onSelect,
14
- layout = _ref.layout,
15
- children = _ref.children;
16
- return /*#__PURE__*/React.createElement(React.Fragment, null, onSelect && /*#__PURE__*/React.createElement(NavListItem, null, /*#__PURE__*/React.createElement(NavListItemButton, _extends({
17
- active: active
18
- }, onSelect(name)), children)), item !== null && item !== void 0 && item.subMenu ? /*#__PURE__*/React.createElement(NavItemSubMenuAuto, {
19
- items: item === null || item === void 0 ? void 0 : item.subMenu,
20
- open: active,
21
- layout: layout
22
- }) : /*#__PURE__*/React.createElement(NavItemMenuAuto, {
23
- subMenu: item === null || item === void 0 ? void 0 : (_item$menu = item.menu) === null || _item$menu === void 0 ? void 0 : _item$menu.links,
24
- title: item === null || item === void 0 ? void 0 : (_item$menu2 = item.menu) === null || _item$menu2 === void 0 ? void 0 : _item$menu2.title,
25
- active: active,
26
- layout: layout,
27
- id: name
28
- }));
29
- };
30
- export default NavListItemButtonAuto;
@@ -1,36 +0,0 @@
1
- import React from 'react';
2
- import { Link } from '@digigov/ui/navigation/Link';
3
- import NavMenu from '@digigov/ui/navigation/NavList/NavMenu';
4
- import NavMenuContainer from '@digigov/ui/navigation/NavList/NavMenuContainer';
5
- import NavMenuContainerContent from '@digigov/ui/navigation/NavList/NavMenuContainerContent';
6
- import NavMenuContainerContentList from '@digigov/ui/navigation/NavList/NavMenuContainerContentList';
7
- import NavMenuContainerContentListItem from '@digigov/ui/navigation/NavList/NavMenuContainerContentListItem';
8
- import NavMenuContainerTitle from '@digigov/ui/navigation/NavList/NavMenuContainerTitle';
9
- export var NavListMenuAuto = function NavListMenuAuto(_ref) {
10
- var layout = _ref.layout,
11
- active = _ref.active,
12
- title = _ref.title,
13
- subMenu = _ref.subMenu,
14
- id = _ref.id;
15
- return /*#__PURE__*/React.createElement(NavMenu, {
16
- layout: layout,
17
- active: active,
18
- id: id
19
- }, /*#__PURE__*/React.createElement(NavMenuContainer, {
20
- layout: layout,
21
- paddingLeft: 5,
22
- paddingRight: 5
23
- }, /*#__PURE__*/React.createElement(NavMenuContainerTitle, null, title), /*#__PURE__*/React.createElement(NavMenuContainerContent, null, /*#__PURE__*/React.createElement(NavMenuContainerContentList, {
24
- role: "menu"
25
- }, subMenu === null || subMenu === void 0 ? void 0 : subMenu.map(function (item, index) {
26
- return /*#__PURE__*/React.createElement(NavMenuContainerContentListItem, {
27
- role: "presentation",
28
- key: index
29
- }, /*#__PURE__*/React.createElement(Link, {
30
- role: "menuitem",
31
- id: item.name,
32
- href: item.href
33
- }, item.label));
34
- })))));
35
- };
36
- export default NavListMenuAuto;
@@ -1,26 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["items", "open", "layout"];
4
- import React from 'react';
5
- import { Nav } from '@digigov/ui/navigation/NavList/Nav';
6
- import { NavList } from '@digigov/ui/navigation/NavList/NavList';
7
- import NavItemAuto from '@digigov/ui/navigation/NavList/NavListAuto/NavListItemAuto';
8
- export var NavListSubMenuAuto = function NavListSubMenuAuto(_ref) {
9
- var items = _ref.items,
10
- open = _ref.open,
11
- layout = _ref.layout,
12
- props = _objectWithoutProperties(_ref, _excluded);
13
-
14
- return open ? /*#__PURE__*/React.createElement(Nav, _extends({
15
- hidden: !open,
16
- layout: layout
17
- }, props, {
18
- "aria-orientation": layout
19
- }), /*#__PURE__*/React.createElement(NavList, null, items === null || items === void 0 ? void 0 : items.map(function (subMenuItem, index) {
20
- return /*#__PURE__*/React.createElement(NavItemAuto, {
21
- key: index,
22
- item: subMenuItem
23
- });
24
- }))) : /*#__PURE__*/React.createElement(React.Fragment, null);
25
- };
26
- export default NavListSubMenuAuto;