@digigov/ui 1.0.0-002c630d → 1.0.0-290a96e2

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 (886) 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/__snapshots__/index.spec.tsx.snap +0 -3
  17. package/app/Header/__stories__/Default.js +1 -1
  18. package/app/Header/__stories__/WithHeaderNavigation.js +15 -23
  19. package/app/Header/__stories__/WithNavigation.js +9 -41
  20. package/app/Header/__stories__/WithServiceName.js +1 -1
  21. package/app/Header/__stories__/WithServiceNameAndLogo.js +1 -1
  22. package/app/Header/index.d.ts +0 -1
  23. package/app/Header/index.js +0 -14
  24. package/app/Header/index.mdx +4 -21
  25. package/app/Header/index.spec.js +1 -1
  26. package/app/Masthead/Masthead.stories.playwright.json +1 -1
  27. package/app/Modal/__stories__/Default.js +1 -1
  28. package/app/Modal/index.mdx +1 -5
  29. package/app/NotFound/index.js +2 -2
  30. package/app/PageTitleContainer/index.d.ts +5 -0
  31. package/app/{PageTitle → PageTitleContainer}/index.js +5 -19
  32. package/app/{Confirmation/Confirmation.stories.d.ts → Panel/Panel.stories.d.ts} +3 -3
  33. package/app/{Confirmation/Confirmation.stories.js → Panel/Panel.stories.js} +7 -7
  34. package/app/Panel/__stories__/Default.js +22 -0
  35. package/app/Panel/index.d.ts +5 -0
  36. package/app/{Confirmation → Panel}/index.js +13 -13
  37. package/app/Panel/index.mdx +16 -0
  38. package/app/PhaseBannerHeader/index.js +2 -2
  39. package/app/PhaseBannerHeader/index.mdx +1 -5
  40. package/app/QrCodeViewer/index.mdx +2 -10
  41. package/app/ThemeOptions/index.js +6 -6
  42. package/app/index.d.ts +3 -4
  43. package/app/index.js +12 -12
  44. package/content/Accordion/index.d.ts +1 -1
  45. package/content/Accordion/index.mdx +2 -10
  46. package/content/Blockquote/index.mdx +1 -5
  47. package/content/Card/index.mdx +8 -40
  48. package/content/Chip/__stories__/GroupOfChips.js +1 -1
  49. package/content/Chip/index.d.ts +1 -2
  50. package/content/Chip/index.js +4 -18
  51. package/content/Chip/index.mdx +39 -0
  52. package/content/Details/index.mdx +6 -5
  53. package/content/List/__stories__/HorizontalList.js +1 -1
  54. package/content/List/__stories__/WithExtraSpace.js +1 -1
  55. package/content/List/index.mdx +3 -15
  56. package/content/StepNav/__stories__/Default.js +3 -5
  57. package/content/StepNav/__stories__/WithHints.js +2 -4
  58. package/content/StepNav/index.mdx +21 -0
  59. package/content/SummaryList/index.mdx +3 -15
  60. package/content/Table/Table.stories.d.ts +1 -0
  61. package/content/Table/Table.stories.js +14 -0
  62. package/content/Table/__stories__/DarkVariant.js +1 -1
  63. package/content/Table/__stories__/DarkVariantWithVerticalHeaders.js +1 -1
  64. package/content/Table/__stories__/DefinedWidth.js +3 -3
  65. package/content/Table/__stories__/Full.js +2 -2
  66. package/content/Table/__stories__/MultipleProps.js +2 -2
  67. package/content/Table/__stories__/RowColors.d.ts +2 -0
  68. package/content/Table/__stories__/RowColors.js +76 -0
  69. package/content/Table/__stories__/WithFloatingScroll.js +10 -4
  70. package/content/Table/__stories__/ZebraProp.js +1 -1
  71. package/content/Table/index.js +11 -9
  72. package/content/Table/index.mdx +15 -41
  73. package/content/TaskList/__stories__/Default.js +5 -5
  74. package/content/TaskList/index.mdx +21 -0
  75. package/content/Timeline/__stories__/Default.js +2 -2
  76. package/content/Timeline/index.mdx +23 -0
  77. package/es/app/CloseButton/index.js +3 -0
  78. package/es/app/{FilterSection → FilterContainer}/index.js +4 -5
  79. package/es/app/Footer/Footer.stories.playwright.json +2 -2
  80. package/es/app/Footer/__stories__/DefaultCopyright.js +11 -9
  81. package/es/app/Footer/__stories__/FooterAllInclusive.js +19 -13
  82. package/es/app/Footer/__stories__/FooterWithLink.js +13 -11
  83. package/es/app/Footer/__stories__/FooterWithLogo.js +9 -8
  84. package/es/app/Footer/__stories__/FooterWithSecondaryNavigation.js +16 -12
  85. package/es/app/Footer/__stories__/YearCopyright.js +9 -7
  86. package/es/app/Footer/index.js +3 -5
  87. package/es/app/Footer/index.mdx +4 -20
  88. package/es/app/Header/Header.stories.playwright.json +1 -1
  89. package/es/app/Header/__snapshots__/index.spec.tsx.snap +0 -3
  90. package/es/app/Header/__stories__/Default.js +1 -1
  91. package/es/app/Header/__stories__/WithHeaderNavigation.js +15 -15
  92. package/es/app/Header/__stories__/WithNavigation.js +10 -37
  93. package/es/app/Header/__stories__/WithServiceName.js +1 -1
  94. package/es/app/Header/__stories__/WithServiceNameAndLogo.js +1 -1
  95. package/es/app/Header/index.js +0 -1
  96. package/es/app/Header/index.mdx +4 -21
  97. package/es/app/Header/index.spec.js +2 -2
  98. package/es/app/Masthead/Masthead.stories.playwright.json +1 -1
  99. package/es/app/Modal/__stories__/Default.js +1 -1
  100. package/es/app/Modal/index.mdx +1 -5
  101. package/es/app/NotFound/index.js +2 -2
  102. package/es/app/PageTitleContainer/index.js +5 -0
  103. package/es/app/Panel/Panel.stories.js +9 -0
  104. package/es/app/Panel/__stories__/Default.js +9 -0
  105. package/es/app/Panel/index.js +5 -0
  106. package/es/app/Panel/index.mdx +16 -0
  107. package/es/app/PhaseBannerHeader/index.js +2 -2
  108. package/es/app/PhaseBannerHeader/index.mdx +1 -5
  109. package/es/app/QrCodeViewer/index.mdx +2 -10
  110. package/es/app/ThemeOptions/index.js +6 -6
  111. package/es/app/index.js +4 -5
  112. package/es/content/Accordion/index.mdx +2 -10
  113. package/es/content/Blockquote/index.mdx +1 -5
  114. package/es/content/Card/index.mdx +8 -40
  115. package/es/content/Chip/__stories__/GroupOfChips.js +2 -2
  116. package/es/content/Chip/index.js +1 -2
  117. package/es/content/Chip/index.mdx +39 -0
  118. package/es/content/Details/index.mdx +6 -5
  119. package/es/content/List/__stories__/HorizontalList.js +1 -1
  120. package/es/content/List/__stories__/WithExtraSpace.js +1 -1
  121. package/es/content/List/index.mdx +3 -15
  122. package/es/content/StepNav/__stories__/Default.js +3 -5
  123. package/es/content/StepNav/__stories__/WithHints.js +2 -4
  124. package/es/content/StepNav/index.mdx +21 -0
  125. package/es/content/SummaryList/index.mdx +3 -15
  126. package/es/content/Table/Table.stories.js +1 -0
  127. package/es/content/Table/__stories__/DarkVariant.js +1 -1
  128. package/es/content/Table/__stories__/DarkVariantWithVerticalHeaders.js +1 -1
  129. package/es/content/Table/__stories__/DefinedWidth.js +3 -3
  130. package/es/content/Table/__stories__/Full.js +2 -2
  131. package/es/content/Table/__stories__/MultipleProps.js +2 -2
  132. package/es/content/Table/__stories__/RowColors.js +60 -0
  133. package/es/content/Table/__stories__/WithFloatingScroll.js +5 -4
  134. package/es/content/Table/__stories__/ZebraProp.js +1 -1
  135. package/es/content/Table/index.js +11 -8
  136. package/es/content/Table/index.mdx +15 -41
  137. package/es/content/TaskList/__stories__/Default.js +5 -5
  138. package/es/content/TaskList/index.mdx +21 -0
  139. package/es/content/Timeline/__stories__/Default.js +2 -2
  140. package/es/content/Timeline/index.mdx +23 -0
  141. package/es/feedback/CopyToClipboard/__stories__/Default.js +2 -1
  142. package/es/feedback/CopyToClipboard/index.js +4 -2
  143. package/es/feedback/CopyToClipboard/index.mdx +2 -10
  144. package/es/feedback/ErrorSummary/index.mdx +4 -20
  145. package/es/feedback/NotificationBanner/__stories__/Default.js +2 -2
  146. package/es/feedback/NotificationBanner/index.js +3 -6
  147. package/es/feedback/NotificationBanner/index.mdx +2 -10
  148. package/es/feedback/PhaseBanner/index.mdx +2 -10
  149. package/es/feedback/ServiceBadge/index.mdx +9 -5
  150. package/es/feedback/WarningText/WarningText.stories.js +2 -1
  151. package/es/feedback/WarningText/__stories__/AssistiveText.js +11 -0
  152. package/es/feedback/WarningText/index.mdx +1 -5
  153. package/es/form/AutoComplete/__stories__/Default.js +1 -1
  154. package/es/form/AutoComplete/index.js +10 -5
  155. package/es/form/AutoComplete/index.mdx +7 -35
  156. package/es/form/Button/index.mdx +8 -24
  157. package/es/form/Checkbox/Checkbox.stories.js +2 -0
  158. package/es/form/Checkbox/__stories__/ConditionalReveal.js +1 -1
  159. package/es/form/Checkbox/__stories__/Inline.js +23 -0
  160. package/es/form/Checkbox/__stories__/InlineWithDivider.js +24 -0
  161. package/es/form/Checkbox/__stories__/NoneAnswer.js +1 -1
  162. package/es/form/Checkbox/__stories__/NoneAnswerWithError.js +1 -1
  163. package/es/form/Checkbox/index.mdx +12 -35
  164. package/es/form/DateInputContainer/index.mdx +9 -20
  165. package/es/form/ErrorMessage/index.mdx +1 -5
  166. package/es/form/FileUpload/index.mdx +3 -5
  167. package/es/form/RadioContainer/RadioContainer.stories.js +2 -1
  168. package/es/form/RadioContainer/__stories__/ConditionalReveal.js +1 -1
  169. package/es/form/RadioContainer/__stories__/Inline.js +1 -1
  170. package/es/form/RadioContainer/__stories__/InlineWithDivider.js +24 -0
  171. package/es/form/RadioContainer/index.mdx +12 -35
  172. package/es/form/SearchContainer/index.js +5 -0
  173. package/es/form/SelectContainer/__stories__/Default.js +4 -4
  174. package/es/form/SelectContainer/index.mdx +9 -15
  175. package/es/form/SingleCharacterInputs/SingleCharacterInput.stories.js +12 -0
  176. package/{esm/form/SingleCharacterInputContainer → es/form/SingleCharacterInputs}/__stories__/Default.js +13 -13
  177. package/{esm/form/SingleCharacterInputContainer → es/form/SingleCharacterInputs}/__stories__/WithDefaultError.js +7 -7
  178. package/es/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageInvalidCode.js +14 -14
  179. package/es/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageLessDigit.js +11 -11
  180. package/es/form/SingleCharacterInputs/index.js +4 -0
  181. package/es/form/SingleCharacterInputs/index.mdx +24 -0
  182. package/es/form/TextArea/index.mdx +7 -35
  183. package/es/form/TextInput/__stories__/FixedWidths.js +6 -6
  184. package/es/form/TextInput/__stories__/FluidWidths.js +6 -6
  185. package/es/form/TextInput/index.mdx +8 -40
  186. package/es/form/index.js +2 -2
  187. package/es/govgr/Footer/index.js +4 -4
  188. package/es/icons/Icon/index.js +2 -2
  189. package/es/layouts/Admin/index.js +1 -1
  190. package/es/layouts/Basic/__snapshots__/index.spec.tsx.snap +4 -4
  191. package/es/layouts/Divider/index.js +1 -1
  192. package/es/layouts/Grid/Grid.stories.js +1 -0
  193. package/es/layouts/Grid/__stories__/ResponsiveSpacing.js +79 -0
  194. package/es/layouts/Section/index.js +3 -0
  195. package/es/layouts/Stack/Stack.stories.js +12 -0
  196. package/es/layouts/Stack/__stories__/AlignItems.js +67 -0
  197. package/es/layouts/Stack/__stories__/Default.js +24 -0
  198. package/es/layouts/Stack/__stories__/JustifyContent.js +84 -0
  199. package/es/layouts/Stack/__stories__/NoWrap.js +26 -0
  200. package/es/layouts/Stack/__stories__/Row.js +25 -0
  201. package/es/layouts/Stack/__stories__/Spacing.js +55 -0
  202. package/es/layouts/Stack/index.js +2 -0
  203. package/es/layouts/index.js +3 -1
  204. package/es/navigation/BackLink/index.mdx +1 -5
  205. package/es/navigation/Breadcrumbs/index.mdx +6 -5
  206. package/es/navigation/Drawer/__stories__/Default.js +25 -66
  207. package/es/navigation/Drawer/index.mdx +1 -5
  208. package/es/navigation/Dropdown/__stories__/AlignRight.js +9 -8
  209. package/es/navigation/Dropdown/__stories__/Default.js +9 -8
  210. package/es/navigation/Dropdown/__stories__/PlacementTop.js +9 -8
  211. package/es/navigation/Dropdown/index.js +0 -1
  212. package/es/navigation/Dropdown/index.mdx +3 -17
  213. package/es/navigation/Link/Link.stories.playwright.json +2 -2
  214. package/es/navigation/Link/index.mdx +7 -25
  215. package/es/navigation/NavList/NavList.stories.playwright.json +2 -2
  216. package/es/navigation/NavList/NavListAuto/index.js +54 -0
  217. package/es/navigation/NavList/{NavMenuContainerContentList.js → NavMenuContentList.js} +5 -5
  218. package/es/navigation/NavList/__stories__/Default.js +12 -28
  219. package/es/navigation/NavList/__stories__/NavVerticalLayout.js +12 -26
  220. package/es/navigation/NavList/hooks/useNavList.js +2 -2
  221. package/es/navigation/NavList/hooks/useTogglableNav.js +33 -18
  222. package/es/navigation/NavList/index.js +16 -17
  223. package/es/navigation/NavList/index.mdx +2 -10
  224. package/es/navigation/NavList/types.js +1 -6
  225. package/es/navigation/Pagination/__stories__/Default.js +7 -65
  226. package/es/navigation/Pagination/__stories__/PaginationSmall.js +1 -1
  227. package/es/navigation/Pagination/__stories__/PaginationWithSmallFont.js +1 -1
  228. package/es/navigation/Pagination/__stories__/WithInactiveValues.js +2 -2
  229. package/es/navigation/Pagination/index.mdx +7 -15
  230. package/es/navigation/SkipLink/SkipLink.stories.js +8 -0
  231. package/es/navigation/SkipLink/__stories__/Default.js +12 -0
  232. package/es/navigation/Tabs/Tabs.stories.playwright.json +2 -2
  233. package/es/navigation/Tabs/__stories__/Default.js +9 -5
  234. package/es/navigation/Tabs/index.js +1 -1
  235. package/es/navigation/Tabs/index.mdx +7 -5
  236. package/es/registry.js +28 -56
  237. package/es/typography/Heading/__stories__/Default.js +9 -4
  238. package/es/typography/Heading/index.mdx +1 -5
  239. package/es/typography/HeadingCaption/index.mdx +1 -5
  240. package/es/typography/Hint/__stories__/FontSizes.js +3 -3
  241. package/es/typography/Hint/index.mdx +3 -5
  242. package/es/typography/NormalText/__stories__/FontSizes.js +7 -7
  243. package/es/typography/NormalText/__stories__/Variants.js +4 -4
  244. package/es/typography/NormalText/index.mdx +5 -15
  245. package/es/typography/Paragraph/__stories__/FontSizes.js +7 -7
  246. package/es/typography/Paragraph/__stories__/LeadVariant.js +1 -1
  247. package/es/typography/Paragraph/__stories__/SmallVariant.js +1 -1
  248. package/es/typography/Paragraph/index.mdx +5 -20
  249. package/es/utils/Kitchensink/KitchensinkDashboard.js +1 -1
  250. package/esm/app/CloseButton/index.js +3 -0
  251. package/esm/app/{FilterSection → FilterContainer}/index.js +4 -5
  252. package/esm/app/Footer/Footer.stories.playwright.json +2 -2
  253. package/esm/app/Footer/__stories__/DefaultCopyright.js +11 -9
  254. package/esm/app/Footer/__stories__/FooterAllInclusive.js +19 -13
  255. package/esm/app/Footer/__stories__/FooterWithLink.js +13 -11
  256. package/esm/app/Footer/__stories__/FooterWithLogo.js +9 -8
  257. package/esm/app/Footer/__stories__/FooterWithSecondaryNavigation.js +16 -12
  258. package/esm/app/Footer/__stories__/YearCopyright.js +9 -7
  259. package/esm/app/Footer/index.js +3 -5
  260. package/esm/app/Footer/index.mdx +4 -20
  261. package/esm/app/Header/Header.stories.playwright.json +1 -1
  262. package/esm/app/Header/__snapshots__/index.spec.tsx.snap +0 -3
  263. package/esm/app/Header/__stories__/Default.js +1 -1
  264. package/esm/app/Header/__stories__/WithHeaderNavigation.js +15 -15
  265. package/esm/app/Header/__stories__/WithNavigation.js +10 -37
  266. package/esm/app/Header/__stories__/WithServiceName.js +1 -1
  267. package/esm/app/Header/__stories__/WithServiceNameAndLogo.js +1 -1
  268. package/esm/app/Header/index.js +0 -1
  269. package/esm/app/Header/index.mdx +4 -21
  270. package/esm/app/Header/index.spec.js +2 -2
  271. package/esm/app/Masthead/Masthead.stories.playwright.json +1 -1
  272. package/esm/app/Modal/__stories__/Default.js +1 -1
  273. package/esm/app/Modal/index.mdx +1 -5
  274. package/esm/app/NotFound/index.js +2 -2
  275. package/esm/app/PageTitleContainer/index.js +5 -0
  276. package/esm/app/Panel/Panel.stories.js +9 -0
  277. package/esm/app/Panel/__stories__/Default.js +9 -0
  278. package/esm/app/Panel/index.js +5 -0
  279. package/esm/app/Panel/index.mdx +16 -0
  280. package/esm/app/PhaseBannerHeader/index.js +2 -2
  281. package/esm/app/PhaseBannerHeader/index.mdx +1 -5
  282. package/esm/app/QrCodeViewer/index.mdx +2 -10
  283. package/esm/app/ThemeOptions/index.js +6 -6
  284. package/esm/app/index.js +4 -5
  285. package/esm/content/Accordion/index.mdx +2 -10
  286. package/esm/content/Blockquote/index.mdx +1 -5
  287. package/esm/content/Card/index.mdx +8 -40
  288. package/esm/content/Chip/__stories__/GroupOfChips.js +2 -2
  289. package/esm/content/Chip/index.js +1 -2
  290. package/esm/content/Chip/index.mdx +39 -0
  291. package/esm/content/Details/index.mdx +6 -5
  292. package/esm/content/List/__stories__/HorizontalList.js +1 -1
  293. package/esm/content/List/__stories__/WithExtraSpace.js +1 -1
  294. package/esm/content/List/index.mdx +3 -15
  295. package/esm/content/StepNav/__stories__/Default.js +3 -5
  296. package/esm/content/StepNav/__stories__/WithHints.js +2 -4
  297. package/esm/content/StepNav/index.mdx +21 -0
  298. package/esm/content/SummaryList/index.mdx +3 -15
  299. package/esm/content/Table/Table.stories.js +1 -0
  300. package/esm/content/Table/__stories__/DarkVariant.js +1 -1
  301. package/esm/content/Table/__stories__/DarkVariantWithVerticalHeaders.js +1 -1
  302. package/esm/content/Table/__stories__/DefinedWidth.js +3 -3
  303. package/esm/content/Table/__stories__/Full.js +2 -2
  304. package/esm/content/Table/__stories__/MultipleProps.js +2 -2
  305. package/esm/content/Table/__stories__/RowColors.js +60 -0
  306. package/esm/content/Table/__stories__/WithFloatingScroll.js +5 -4
  307. package/esm/content/Table/__stories__/ZebraProp.js +1 -1
  308. package/esm/content/Table/index.js +11 -8
  309. package/esm/content/Table/index.mdx +15 -41
  310. package/esm/content/TaskList/__stories__/Default.js +5 -5
  311. package/esm/content/TaskList/index.mdx +21 -0
  312. package/esm/content/Timeline/__stories__/Default.js +2 -2
  313. package/esm/content/Timeline/index.mdx +23 -0
  314. package/esm/feedback/CopyToClipboard/__stories__/Default.js +2 -1
  315. package/esm/feedback/CopyToClipboard/index.js +4 -2
  316. package/esm/feedback/CopyToClipboard/index.mdx +2 -10
  317. package/esm/feedback/ErrorSummary/index.mdx +4 -20
  318. package/esm/feedback/NotificationBanner/__stories__/Default.js +2 -2
  319. package/esm/feedback/NotificationBanner/index.js +3 -6
  320. package/esm/feedback/NotificationBanner/index.mdx +2 -10
  321. package/esm/feedback/PhaseBanner/index.mdx +2 -10
  322. package/esm/feedback/ServiceBadge/index.mdx +9 -5
  323. package/esm/feedback/WarningText/WarningText.stories.js +2 -1
  324. package/esm/feedback/WarningText/__stories__/AssistiveText.js +11 -0
  325. package/esm/feedback/WarningText/index.mdx +1 -5
  326. package/esm/form/AutoComplete/__stories__/Default.js +1 -1
  327. package/esm/form/AutoComplete/index.js +10 -5
  328. package/esm/form/AutoComplete/index.mdx +7 -35
  329. package/esm/form/Button/index.mdx +8 -24
  330. package/esm/form/Checkbox/Checkbox.stories.js +2 -0
  331. package/esm/form/Checkbox/__stories__/ConditionalReveal.js +1 -1
  332. package/esm/form/Checkbox/__stories__/Inline.js +23 -0
  333. package/esm/form/Checkbox/__stories__/InlineWithDivider.js +24 -0
  334. package/esm/form/Checkbox/__stories__/NoneAnswer.js +1 -1
  335. package/esm/form/Checkbox/__stories__/NoneAnswerWithError.js +1 -1
  336. package/esm/form/Checkbox/index.mdx +12 -35
  337. package/esm/form/DateInputContainer/index.mdx +9 -20
  338. package/esm/form/ErrorMessage/index.mdx +1 -5
  339. package/esm/form/FileUpload/index.mdx +3 -5
  340. package/esm/form/RadioContainer/RadioContainer.stories.js +2 -1
  341. package/esm/form/RadioContainer/__stories__/ConditionalReveal.js +1 -1
  342. package/esm/form/RadioContainer/__stories__/Inline.js +1 -1
  343. package/esm/form/RadioContainer/__stories__/InlineWithDivider.js +24 -0
  344. package/esm/form/RadioContainer/index.mdx +12 -35
  345. package/esm/form/SearchContainer/index.js +5 -0
  346. package/esm/form/SelectContainer/__stories__/Default.js +4 -4
  347. package/esm/form/SelectContainer/index.mdx +9 -15
  348. package/esm/form/SingleCharacterInputs/SingleCharacterInput.stories.js +12 -0
  349. package/{es/form/SingleCharacterInputContainer → esm/form/SingleCharacterInputs}/__stories__/Default.js +13 -13
  350. package/{es/form/SingleCharacterInputContainer → esm/form/SingleCharacterInputs}/__stories__/WithDefaultError.js +7 -7
  351. package/esm/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageInvalidCode.js +14 -14
  352. package/esm/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageLessDigit.js +11 -11
  353. package/esm/form/SingleCharacterInputs/index.js +4 -0
  354. package/esm/form/SingleCharacterInputs/index.mdx +24 -0
  355. package/esm/form/TextArea/index.mdx +7 -35
  356. package/esm/form/TextInput/__stories__/FixedWidths.js +6 -6
  357. package/esm/form/TextInput/__stories__/FluidWidths.js +6 -6
  358. package/esm/form/TextInput/index.mdx +8 -40
  359. package/esm/form/index.js +2 -2
  360. package/esm/govgr/Footer/index.js +4 -4
  361. package/esm/icons/Icon/index.js +2 -2
  362. package/esm/index.js +1 -1
  363. package/esm/layouts/Admin/index.js +1 -1
  364. package/esm/layouts/Basic/__snapshots__/index.spec.tsx.snap +4 -4
  365. package/esm/layouts/Divider/index.js +1 -1
  366. package/esm/layouts/Grid/Grid.stories.js +1 -0
  367. package/esm/layouts/Grid/__stories__/ResponsiveSpacing.js +79 -0
  368. package/esm/layouts/Section/index.js +3 -0
  369. package/esm/layouts/Stack/Stack.stories.js +12 -0
  370. package/esm/layouts/Stack/__stories__/AlignItems.js +67 -0
  371. package/esm/layouts/Stack/__stories__/Default.js +24 -0
  372. package/esm/layouts/Stack/__stories__/JustifyContent.js +84 -0
  373. package/esm/layouts/Stack/__stories__/NoWrap.js +26 -0
  374. package/esm/layouts/Stack/__stories__/Row.js +25 -0
  375. package/esm/layouts/Stack/__stories__/Spacing.js +55 -0
  376. package/esm/layouts/Stack/index.js +2 -0
  377. package/esm/layouts/index.js +3 -1
  378. package/esm/navigation/BackLink/index.mdx +1 -5
  379. package/esm/navigation/Breadcrumbs/index.mdx +6 -5
  380. package/esm/navigation/Drawer/__stories__/Default.js +25 -66
  381. package/esm/navigation/Drawer/index.mdx +1 -5
  382. package/esm/navigation/Dropdown/__stories__/AlignRight.js +9 -8
  383. package/esm/navigation/Dropdown/__stories__/Default.js +9 -8
  384. package/esm/navigation/Dropdown/__stories__/PlacementTop.js +9 -8
  385. package/esm/navigation/Dropdown/index.js +0 -1
  386. package/esm/navigation/Dropdown/index.mdx +3 -17
  387. package/esm/navigation/Link/Link.stories.playwright.json +2 -2
  388. package/esm/navigation/Link/index.mdx +7 -25
  389. package/esm/navigation/NavList/NavList.stories.playwright.json +2 -2
  390. package/esm/navigation/NavList/NavListAuto/index.js +54 -0
  391. package/esm/navigation/NavList/{NavMenuContainerContentList.js → NavMenuContentList.js} +5 -5
  392. package/esm/navigation/NavList/__stories__/Default.js +12 -28
  393. package/esm/navigation/NavList/__stories__/NavVerticalLayout.js +12 -26
  394. package/esm/navigation/NavList/hooks/useNavList.js +2 -2
  395. package/esm/navigation/NavList/hooks/useTogglableNav.js +33 -18
  396. package/esm/navigation/NavList/index.js +16 -17
  397. package/esm/navigation/NavList/index.mdx +2 -10
  398. package/esm/navigation/NavList/types.js +1 -6
  399. package/esm/navigation/Pagination/__stories__/Default.js +7 -65
  400. package/esm/navigation/Pagination/__stories__/PaginationSmall.js +1 -1
  401. package/esm/navigation/Pagination/__stories__/PaginationWithSmallFont.js +1 -1
  402. package/esm/navigation/Pagination/__stories__/WithInactiveValues.js +2 -2
  403. package/esm/navigation/Pagination/index.mdx +7 -15
  404. package/esm/navigation/SkipLink/SkipLink.stories.js +8 -0
  405. package/esm/navigation/SkipLink/__stories__/Default.js +12 -0
  406. package/esm/navigation/Tabs/Tabs.stories.playwright.json +2 -2
  407. package/esm/navigation/Tabs/__stories__/Default.js +9 -5
  408. package/esm/navigation/Tabs/index.js +1 -1
  409. package/esm/navigation/Tabs/index.mdx +7 -5
  410. package/esm/registry.js +28 -56
  411. package/esm/typography/Heading/__stories__/Default.js +9 -4
  412. package/esm/typography/Heading/index.mdx +1 -5
  413. package/esm/typography/HeadingCaption/index.mdx +1 -5
  414. package/esm/typography/Hint/__stories__/FontSizes.js +3 -3
  415. package/esm/typography/Hint/index.mdx +3 -5
  416. package/esm/typography/NormalText/__stories__/FontSizes.js +7 -7
  417. package/esm/typography/NormalText/__stories__/Variants.js +4 -4
  418. package/esm/typography/NormalText/index.mdx +5 -15
  419. package/esm/typography/Paragraph/__stories__/FontSizes.js +7 -7
  420. package/esm/typography/Paragraph/__stories__/LeadVariant.js +1 -1
  421. package/esm/typography/Paragraph/__stories__/SmallVariant.js +1 -1
  422. package/esm/typography/Paragraph/index.mdx +5 -20
  423. package/esm/utils/Kitchensink/KitchensinkDashboard.js +1 -1
  424. package/feedback/CopyToClipboard/__stories__/Default.js +2 -1
  425. package/feedback/CopyToClipboard/index.d.ts +3 -5
  426. package/feedback/CopyToClipboard/index.js +4 -2
  427. package/feedback/CopyToClipboard/index.mdx +2 -10
  428. package/feedback/ErrorSummary/index.mdx +4 -20
  429. package/feedback/NotificationBanner/__stories__/Default.js +2 -2
  430. package/feedback/NotificationBanner/index.d.ts +1 -1
  431. package/feedback/NotificationBanner/index.js +3 -6
  432. package/feedback/NotificationBanner/index.mdx +2 -10
  433. package/feedback/PhaseBanner/index.mdx +2 -10
  434. package/feedback/ServiceBadge/index.mdx +9 -5
  435. package/feedback/WarningText/WarningText.stories.d.ts +1 -0
  436. package/feedback/WarningText/WarningText.stories.js +14 -0
  437. package/feedback/WarningText/__stories__/AssistiveText.d.ts +2 -0
  438. package/feedback/WarningText/__stories__/AssistiveText.js +24 -0
  439. package/feedback/WarningText/index.mdx +1 -5
  440. package/form/AutoComplete/__stories__/Default.js +1 -1
  441. package/form/AutoComplete/index.d.ts +3 -3
  442. package/form/AutoComplete/index.js +11 -6
  443. package/form/AutoComplete/index.mdx +7 -35
  444. package/form/Button/index.mdx +8 -24
  445. package/form/Checkbox/Checkbox.stories.d.ts +2 -0
  446. package/form/Checkbox/Checkbox.stories.js +28 -0
  447. package/form/Checkbox/__stories__/ConditionalReveal.js +1 -1
  448. package/form/Checkbox/__stories__/Inline.d.ts +2 -0
  449. package/form/Checkbox/__stories__/Inline.js +38 -0
  450. package/form/Checkbox/__stories__/InlineWithDivider.d.ts +2 -0
  451. package/form/Checkbox/__stories__/InlineWithDivider.js +39 -0
  452. package/form/Checkbox/__stories__/NoneAnswer.js +1 -1
  453. package/form/Checkbox/__stories__/NoneAnswerWithError.js +1 -1
  454. package/form/Checkbox/index.mdx +12 -35
  455. package/form/DateInputContainer/index.mdx +9 -20
  456. package/form/ErrorMessage/index.mdx +1 -5
  457. package/form/FileUpload/index.mdx +3 -5
  458. package/form/RadioContainer/RadioContainer.stories.d.ts +1 -0
  459. package/form/RadioContainer/RadioContainer.stories.js +14 -0
  460. package/form/RadioContainer/__stories__/ConditionalReveal.js +1 -1
  461. package/form/RadioContainer/__stories__/Inline.js +1 -1
  462. package/form/RadioContainer/__stories__/InlineWithDivider.d.ts +2 -0
  463. package/form/RadioContainer/__stories__/InlineWithDivider.js +39 -0
  464. package/form/RadioContainer/index.mdx +12 -35
  465. package/form/SearchContainer/index.d.ts +5 -0
  466. package/form/{SearchSection → SearchContainer}/index.js +5 -5
  467. package/form/SelectContainer/__stories__/Default.js +4 -4
  468. package/form/SelectContainer/index.mdx +9 -15
  469. package/form/SingleCharacterInputs/SingleCharacterInput.stories.d.ts +13 -0
  470. package/form/{SingleCharacterInputContainer/SingleCharacterInputContainer.stories.js → SingleCharacterInputs/SingleCharacterInput.stories.js} +8 -8
  471. package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/Default.js +13 -13
  472. package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithDefaultError.js +7 -7
  473. package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageInvalidCode.js +14 -14
  474. package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageLessDigit.js +11 -11
  475. package/form/SingleCharacterInputs/index.d.ts +4 -0
  476. package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/index.js +9 -9
  477. package/form/SingleCharacterInputs/index.mdx +24 -0
  478. package/form/TextArea/index.mdx +7 -35
  479. package/form/TextInput/__stories__/FixedWidths.js +6 -6
  480. package/form/TextInput/__stories__/FluidWidths.js +6 -6
  481. package/form/TextInput/index.mdx +8 -40
  482. package/form/index.d.ts +2 -2
  483. package/form/index.js +8 -8
  484. package/govgr/Footer/index.js +4 -4
  485. package/icons/Icon/index.d.ts +2 -2
  486. package/icons/Icon/index.js +1 -1
  487. package/layouts/Admin/index.d.ts +1 -1
  488. package/layouts/Admin/index.js +4 -4
  489. package/layouts/Basic/Content/index.d.ts +1 -1
  490. package/layouts/Basic/Side/index.d.ts +1 -1
  491. package/layouts/Basic/__snapshots__/index.spec.tsx.snap +4 -4
  492. package/layouts/Divider/index.d.ts +1 -1
  493. package/layouts/Divider/index.js +4 -4
  494. package/layouts/Grid/Grid.stories.d.ts +1 -0
  495. package/layouts/Grid/Grid.stories.js +14 -0
  496. package/layouts/Grid/__stories__/ResponsiveSpacing.d.ts +2 -0
  497. package/layouts/Grid/__stories__/ResponsiveSpacing.js +93 -0
  498. package/layouts/Section/index.d.ts +3 -0
  499. package/{navigation/NavList/NavMenu.js → layouts/Section/index.js} +5 -5
  500. package/layouts/Stack/Stack.stories.d.ts +13 -0
  501. package/layouts/Stack/Stack.stories.js +101 -0
  502. package/layouts/Stack/__stories__/AlignItems.d.ts +2 -0
  503. package/layouts/Stack/__stories__/AlignItems.js +81 -0
  504. package/layouts/Stack/__stories__/Default.d.ts +2 -0
  505. package/layouts/Stack/__stories__/Default.js +38 -0
  506. package/layouts/Stack/__stories__/JustifyContent.d.ts +2 -0
  507. package/layouts/Stack/__stories__/JustifyContent.js +98 -0
  508. package/layouts/Stack/__stories__/NoWrap.d.ts +2 -0
  509. package/layouts/Stack/__stories__/NoWrap.js +40 -0
  510. package/layouts/Stack/__stories__/Row.d.ts +2 -0
  511. package/layouts/Stack/__stories__/Row.js +39 -0
  512. package/layouts/Stack/__stories__/Spacing.d.ts +2 -0
  513. package/layouts/Stack/__stories__/Spacing.js +69 -0
  514. package/layouts/Stack/index.d.ts +2 -0
  515. package/layouts/Stack/index.js +13 -0
  516. package/layouts/index.d.ts +2 -0
  517. package/layouts/index.js +21 -0
  518. package/navigation/BackLink/index.mdx +1 -5
  519. package/navigation/Breadcrumbs/index.mdx +6 -5
  520. package/navigation/Drawer/__stories__/Default.js +24 -68
  521. package/navigation/Drawer/index.mdx +1 -5
  522. package/navigation/Dropdown/__stories__/AlignRight.js +9 -9
  523. package/navigation/Dropdown/__stories__/Default.js +9 -9
  524. package/navigation/Dropdown/__stories__/PlacementTop.js +9 -9
  525. package/navigation/Dropdown/index.d.ts +0 -1
  526. package/navigation/Dropdown/index.js +0 -14
  527. package/navigation/Dropdown/index.mdx +3 -17
  528. package/navigation/Link/Link.stories.playwright.json +2 -2
  529. package/navigation/Link/index.mdx +7 -25
  530. package/navigation/NavList/NavList.stories.playwright.json +2 -2
  531. package/navigation/NavList/NavListAuto/index.js +80 -0
  532. package/navigation/NavList/NavMenuContentList.d.ts +5 -0
  533. package/navigation/NavList/{NavMenuContainerContentList.js → NavMenuContentList.js} +10 -10
  534. package/navigation/NavList/__stories__/Default.js +12 -28
  535. package/navigation/NavList/__stories__/NavVerticalLayout.js +12 -32
  536. package/navigation/NavList/hooks/useNavList.d.ts +1 -1
  537. package/navigation/NavList/hooks/useNavList.js +2 -2
  538. package/navigation/NavList/hooks/useTogglableNav.d.ts +1 -0
  539. package/navigation/NavList/hooks/useTogglableNav.js +33 -18
  540. package/navigation/NavList/index.d.ts +16 -17
  541. package/navigation/NavList/index.js +54 -96
  542. package/navigation/NavList/index.mdx +2 -10
  543. package/navigation/NavList/types.d.ts +14 -17
  544. package/navigation/NavList/types.js +1 -14
  545. package/navigation/Pagination/__stories__/Default.js +7 -65
  546. package/navigation/Pagination/__stories__/PaginationSmall.js +1 -1
  547. package/navigation/Pagination/__stories__/PaginationWithSmallFont.js +1 -1
  548. package/navigation/Pagination/__stories__/WithInactiveValues.js +2 -2
  549. package/navigation/Pagination/index.mdx +7 -15
  550. package/navigation/SkipLink/SkipLink.stories.d.ts +9 -0
  551. package/navigation/SkipLink/SkipLink.stories.js +32 -0
  552. package/navigation/SkipLink/__stories__/Default.d.ts +2 -0
  553. package/navigation/SkipLink/__stories__/Default.js +26 -0
  554. package/navigation/Tabs/Tabs.stories.playwright.json +2 -2
  555. package/navigation/Tabs/__stories__/Default.js +8 -4
  556. package/navigation/Tabs/index.js +1 -1
  557. package/navigation/Tabs/index.mdx +7 -5
  558. package/package.json +3 -3
  559. package/registry.d.ts +18 -30
  560. package/registry.js +34 -76
  561. package/src/app/CloseButton/index.tsx +4 -0
  562. package/src/app/{FilterSection → FilterContainer}/index.tsx +4 -5
  563. package/src/app/Footer/Footer.stories.playwright.json +2 -2
  564. package/src/app/Footer/__stories__/DefaultCopyright.tsx +27 -25
  565. package/src/app/Footer/__stories__/FooterAllInclusive.tsx +98 -89
  566. package/src/app/Footer/__stories__/FooterWithLink.tsx +48 -40
  567. package/src/app/Footer/__stories__/FooterWithLogo.tsx +41 -33
  568. package/src/app/Footer/__stories__/FooterWithSecondaryNavigation.tsx +22 -20
  569. package/src/app/Footer/__stories__/YearCopyright.tsx +24 -23
  570. package/src/app/Footer/index.mdx +4 -20
  571. package/src/app/Footer/index.tsx +3 -5
  572. package/src/app/Header/Header.stories.playwright.json +1 -1
  573. package/src/app/Header/__snapshots__/index.spec.tsx.snap +0 -3
  574. package/src/app/Header/__stories__/Default.tsx +4 -4
  575. package/src/app/Header/__stories__/WithHeaderNavigation.tsx +16 -26
  576. package/src/app/Header/__stories__/WithNavigation.tsx +17 -38
  577. package/src/app/Header/__stories__/WithServiceName.tsx +4 -4
  578. package/src/app/Header/__stories__/WithServiceNameAndLogo.tsx +4 -4
  579. package/src/app/Header/index.mdx +4 -21
  580. package/src/app/Header/index.spec.tsx +2 -2
  581. package/src/app/Header/index.tsx +0 -1
  582. package/src/app/Masthead/Masthead.stories.playwright.json +1 -1
  583. package/src/app/Modal/__stories__/Default.tsx +1 -1
  584. package/src/app/Modal/index.mdx +1 -5
  585. package/src/app/NotFound/index.tsx +3 -3
  586. package/src/app/PageTitleContainer/index.tsx +5 -0
  587. package/src/app/Panel/Panel.stories.js +10 -0
  588. package/src/app/Panel/__stories__/Default.tsx +19 -0
  589. package/src/app/Panel/index.mdx +16 -0
  590. package/src/app/Panel/index.tsx +6 -0
  591. package/src/app/PhaseBannerHeader/index.mdx +1 -5
  592. package/src/app/PhaseBannerHeader/index.tsx +3 -3
  593. package/src/app/QrCodeViewer/index.mdx +2 -10
  594. package/src/app/ThemeOptions/index.tsx +7 -7
  595. package/src/app/index.ts +3 -4
  596. package/src/content/Accordion/index.mdx +2 -10
  597. package/src/content/Blockquote/index.mdx +1 -5
  598. package/src/content/Card/index.mdx +8 -40
  599. package/src/content/Chip/__stories__/GroupOfChips.tsx +3 -3
  600. package/src/content/Chip/index.mdx +39 -0
  601. package/src/content/Chip/index.tsx +1 -2
  602. package/src/content/Details/index.mdx +6 -5
  603. package/src/content/List/__stories__/HorizontalList.tsx +1 -1
  604. package/src/content/List/__stories__/WithExtraSpace.tsx +1 -1
  605. package/src/content/List/index.mdx +3 -15
  606. package/src/content/StepNav/__stories__/Default.tsx +3 -4
  607. package/src/content/StepNav/__stories__/WithHints.tsx +4 -4
  608. package/src/content/StepNav/index.mdx +21 -0
  609. package/src/content/SummaryList/index.mdx +3 -15
  610. package/src/content/Table/Table.stories.js +1 -0
  611. package/src/content/Table/__stories__/DarkVariant.tsx +1 -1
  612. package/src/content/Table/__stories__/DarkVariantWithVerticalHeaders.tsx +1 -1
  613. package/src/content/Table/__stories__/DefinedWidth.tsx +3 -3
  614. package/src/content/Table/__stories__/Full.tsx +1 -1
  615. package/src/content/Table/__stories__/MultipleProps.tsx +1 -1
  616. package/src/content/Table/__stories__/RowColors.tsx +96 -0
  617. package/src/content/Table/__stories__/WithFloatingScroll.tsx +5 -7
  618. package/src/content/Table/__stories__/ZebraProp.tsx +1 -1
  619. package/src/content/Table/index.mdx +15 -41
  620. package/src/content/Table/index.tsx +13 -12
  621. package/src/content/TaskList/__stories__/Default.tsx +5 -5
  622. package/src/content/TaskList/index.mdx +21 -0
  623. package/src/content/Timeline/__stories__/Default.tsx +55 -57
  624. package/src/content/Timeline/index.mdx +23 -0
  625. package/src/feedback/CopyToClipboard/__stories__/Default.tsx +2 -1
  626. package/src/feedback/CopyToClipboard/index.mdx +2 -10
  627. package/src/feedback/CopyToClipboard/index.tsx +4 -6
  628. package/src/feedback/ErrorSummary/index.mdx +4 -20
  629. package/src/feedback/NotificationBanner/__stories__/Default.tsx +2 -2
  630. package/src/feedback/NotificationBanner/index.mdx +2 -10
  631. package/src/feedback/NotificationBanner/index.tsx +6 -6
  632. package/src/feedback/PhaseBanner/index.mdx +2 -10
  633. package/src/feedback/ServiceBadge/index.mdx +9 -5
  634. package/src/feedback/WarningText/WarningText.stories.js +1 -0
  635. package/src/feedback/WarningText/__stories__/AssistiveText.tsx +10 -0
  636. package/src/feedback/WarningText/index.mdx +1 -5
  637. package/src/form/AutoComplete/__stories__/Default.tsx +1 -1
  638. package/src/form/AutoComplete/index.mdx +7 -35
  639. package/src/form/AutoComplete/index.tsx +6 -12
  640. package/src/form/Button/index.mdx +8 -24
  641. package/src/form/Checkbox/Checkbox.stories.js +2 -0
  642. package/src/form/Checkbox/__stories__/ConditionalReveal.tsx +1 -1
  643. package/src/form/Checkbox/__stories__/Inline.tsx +32 -0
  644. package/src/form/Checkbox/__stories__/InlineWithDivider.tsx +32 -0
  645. package/src/form/Checkbox/__stories__/NoneAnswer.tsx +1 -1
  646. package/src/form/Checkbox/__stories__/NoneAnswerWithError.tsx +1 -1
  647. package/src/form/Checkbox/index.mdx +12 -35
  648. package/src/form/DateInputContainer/index.mdx +9 -20
  649. package/src/form/ErrorMessage/index.mdx +1 -5
  650. package/src/form/FileUpload/index.mdx +3 -5
  651. package/src/form/RadioContainer/RadioContainer.stories.js +1 -0
  652. package/src/form/RadioContainer/__stories__/ConditionalReveal.tsx +1 -1
  653. package/src/form/RadioContainer/__stories__/Inline.tsx +1 -1
  654. package/src/form/RadioContainer/__stories__/InlineWithDivider.tsx +32 -0
  655. package/src/form/RadioContainer/index.mdx +12 -35
  656. package/src/form/SearchContainer/index.tsx +6 -0
  657. package/src/form/SelectContainer/__stories__/Default.tsx +4 -4
  658. package/src/form/SelectContainer/index.mdx +9 -15
  659. package/src/form/SingleCharacterInputs/SingleCharacterInput.stories.js +13 -0
  660. package/src/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/Default.tsx +11 -11
  661. package/src/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithDefaultError.tsx +11 -11
  662. package/src/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageInvalidCode.tsx +11 -11
  663. package/src/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageLessDigit.tsx +11 -11
  664. package/src/form/SingleCharacterInputs/index.mdx +24 -0
  665. package/src/form/SingleCharacterInputs/index.tsx +4 -0
  666. package/src/form/TextArea/index.mdx +7 -35
  667. package/src/form/TextInput/__stories__/FixedWidths.tsx +6 -6
  668. package/src/form/TextInput/__stories__/FluidWidths.tsx +6 -6
  669. package/src/form/TextInput/index.mdx +8 -40
  670. package/src/form/index.ts +2 -2
  671. package/src/govgr/Footer/index.tsx +8 -8
  672. package/src/icons/Icon/index.tsx +2 -2
  673. package/src/layouts/Admin/index.tsx +1 -1
  674. package/src/layouts/Basic/__snapshots__/index.spec.tsx.snap +4 -4
  675. package/src/layouts/Divider/index.tsx +1 -1
  676. package/src/layouts/Grid/Grid.stories.js +1 -0
  677. package/src/layouts/Grid/__stories__/ResponsiveSpacing.tsx +43 -0
  678. package/src/layouts/Section/index.tsx +3 -0
  679. package/src/layouts/Stack/Stack.stories.js +12 -0
  680. package/src/layouts/Stack/__stories__/AlignItems.tsx +36 -0
  681. package/src/layouts/Stack/__stories__/Default.tsx +17 -0
  682. package/src/layouts/Stack/__stories__/JustifyContent.tsx +47 -0
  683. package/src/layouts/Stack/__stories__/NoWrap.tsx +17 -0
  684. package/src/layouts/Stack/__stories__/Row.tsx +17 -0
  685. package/src/layouts/Stack/__stories__/Spacing.tsx +35 -0
  686. package/src/layouts/Stack/index.tsx +3 -0
  687. package/src/layouts/index.ts +2 -0
  688. package/src/navigation/BackLink/index.mdx +1 -5
  689. package/src/navigation/Breadcrumbs/index.mdx +6 -5
  690. package/src/navigation/Drawer/__stories__/Default.tsx +31 -84
  691. package/src/navigation/Drawer/index.mdx +1 -5
  692. package/src/navigation/Dropdown/__stories__/AlignRight.tsx +13 -12
  693. package/src/navigation/Dropdown/__stories__/Default.tsx +10 -11
  694. package/src/navigation/Dropdown/__stories__/PlacementTop.tsx +11 -11
  695. package/src/navigation/Dropdown/index.mdx +3 -17
  696. package/src/navigation/Dropdown/index.tsx +0 -1
  697. package/src/navigation/Link/Link.stories.playwright.json +2 -2
  698. package/src/navigation/Link/index.mdx +7 -25
  699. package/src/navigation/NavList/NavList.stories.playwright.json +2 -2
  700. package/src/navigation/NavList/NavListAuto/index.tsx +68 -0
  701. package/src/navigation/NavList/{NavMenuContainerContentList.tsx → NavMenuContentList.tsx} +8 -8
  702. package/src/navigation/NavList/__stories__/Default.tsx +28 -40
  703. package/src/navigation/NavList/__stories__/NavVerticalLayout.tsx +25 -33
  704. package/src/navigation/NavList/hooks/useNavList.ts +3 -3
  705. package/src/navigation/NavList/hooks/useTogglableNav.tsx +31 -19
  706. package/src/navigation/NavList/index.mdx +2 -10
  707. package/src/navigation/NavList/index.tsx +16 -17
  708. package/src/navigation/NavList/types.tsx +16 -28
  709. package/src/navigation/Pagination/__stories__/Default.tsx +2 -76
  710. package/src/navigation/Pagination/__stories__/PaginationSmall.tsx +1 -1
  711. package/src/navigation/Pagination/__stories__/PaginationWithSmallFont.tsx +1 -1
  712. package/src/navigation/Pagination/__stories__/WithInactiveValues.tsx +2 -2
  713. package/src/navigation/Pagination/index.mdx +7 -15
  714. package/src/navigation/SkipLink/SkipLink.stories.js +9 -0
  715. package/src/navigation/SkipLink/__stories__/Default.tsx +15 -0
  716. package/src/navigation/Tabs/Tabs.stories.playwright.json +2 -2
  717. package/src/navigation/Tabs/__stories__/Default.tsx +2 -0
  718. package/src/navigation/Tabs/index.mdx +7 -5
  719. package/src/navigation/Tabs/index.tsx +1 -1
  720. package/src/registry.js +30 -58
  721. package/src/typography/Heading/__stories__/Default.tsx +6 -6
  722. package/src/typography/Heading/index.mdx +1 -5
  723. package/src/typography/HeadingCaption/index.mdx +1 -5
  724. package/src/typography/Hint/__stories__/FontSizes.tsx +3 -3
  725. package/src/typography/Hint/index.mdx +3 -5
  726. package/src/typography/NormalText/__stories__/FontSizes.tsx +7 -7
  727. package/src/typography/NormalText/__stories__/Variants.tsx +2 -2
  728. package/src/typography/NormalText/index.mdx +5 -15
  729. package/src/typography/Paragraph/__stories__/FontSizes.tsx +7 -7
  730. package/src/typography/Paragraph/__stories__/LeadVariant.tsx +1 -1
  731. package/src/typography/Paragraph/__stories__/SmallVariant.tsx +1 -1
  732. package/src/typography/Paragraph/index.mdx +5 -20
  733. package/src/utils/Kitchensink/KitchensinkDashboard.tsx +1 -1
  734. package/typography/Caption/index.d.ts +1 -1
  735. package/typography/Heading/__stories__/Default.js +9 -4
  736. package/typography/Heading/index.mdx +1 -5
  737. package/typography/HeadingCaption/index.mdx +1 -5
  738. package/typography/Hint/__stories__/FontSizes.js +3 -3
  739. package/typography/Hint/index.mdx +3 -5
  740. package/typography/NormalText/__stories__/FontSizes.js +7 -7
  741. package/typography/NormalText/__stories__/Variants.js +4 -4
  742. package/typography/NormalText/index.mdx +5 -15
  743. package/typography/Paragraph/__stories__/FontSizes.js +7 -7
  744. package/typography/Paragraph/__stories__/LeadVariant.js +1 -1
  745. package/typography/Paragraph/__stories__/SmallVariant.js +1 -1
  746. package/typography/Paragraph/index.mdx +5 -20
  747. package/utils/Kitchensink/KitchensinkDashboard.js +1 -1
  748. package/app/Confirmation/__stories__/Default.js +0 -22
  749. package/app/Confirmation/index.d.ts +0 -5
  750. package/app/Confirmation/index.mdx +0 -20
  751. package/app/Header/HeaderSubtitle.d.ts +0 -3
  752. package/app/Header/HeaderSubtitle.js +0 -19
  753. package/app/PageTitle/index.d.ts +0 -6
  754. package/es/app/Confirmation/Confirmation.stories.js +0 -9
  755. package/es/app/Confirmation/__stories__/Default.js +0 -9
  756. package/es/app/Confirmation/index.js +0 -5
  757. package/es/app/Confirmation/index.mdx +0 -20
  758. package/es/app/Header/HeaderSubtitle.js +0 -3
  759. package/es/app/PageTitle/index.js +0 -6
  760. package/es/form/SearchSection/index.js +0 -5
  761. package/es/form/SingleCharacterInputContainer/SingleCharacterInputContainer.stories.js +0 -12
  762. package/es/form/SingleCharacterInputContainer/index.js +0 -4
  763. package/es/form/SingleCharacterInputContainer/index.mdx +0 -36
  764. package/es/navigation/NavList/NavListAuto/NavListAuto.js +0 -31
  765. package/es/navigation/NavList/NavListAuto/NavListBaseAuto.js +0 -22
  766. package/es/navigation/NavList/NavListAuto/NavListContextAuto.js +0 -104
  767. package/es/navigation/NavList/NavListAuto/NavListItemAnchorAuto.js +0 -26
  768. package/es/navigation/NavList/NavListAuto/NavListItemAuto.js +0 -38
  769. package/es/navigation/NavList/NavListAuto/NavListItemButtonAuto.js +0 -30
  770. package/es/navigation/NavList/NavListAuto/NavListMenuAuto.js +0 -36
  771. package/es/navigation/NavList/NavListAuto/NavListSubMenuAuto.js +0 -26
  772. package/es/navigation/NavList/NavListItem.js +0 -23
  773. package/es/navigation/NavList/NavListItemBase.js +0 -44
  774. package/es/navigation/NavList/NavListItemButton.js +0 -3
  775. package/es/navigation/NavList/NavListItemLink.js +0 -3
  776. package/es/navigation/NavList/NavMenu.js +0 -3
  777. package/es/navigation/NavList/NavMenuContainer.js +0 -3
  778. package/es/navigation/NavList/NavMenuContainerContent.js +0 -3
  779. package/es/navigation/NavList/NavMenuContainerContentListItem.js +0 -3
  780. package/es/navigation/NavList/NavMenuContainerTitle.js +0 -3
  781. package/es/navigation/NavList/NavVertical.js +0 -3
  782. package/es/navigation/NavList/NavVerticalItem.js +0 -3
  783. package/esm/app/Confirmation/Confirmation.stories.js +0 -9
  784. package/esm/app/Confirmation/__stories__/Default.js +0 -9
  785. package/esm/app/Confirmation/index.js +0 -5
  786. package/esm/app/Confirmation/index.mdx +0 -20
  787. package/esm/app/Header/HeaderSubtitle.js +0 -3
  788. package/esm/app/PageTitle/index.js +0 -6
  789. package/esm/form/SearchSection/index.js +0 -5
  790. package/esm/form/SingleCharacterInputContainer/SingleCharacterInputContainer.stories.js +0 -12
  791. package/esm/form/SingleCharacterInputContainer/index.js +0 -4
  792. package/esm/form/SingleCharacterInputContainer/index.mdx +0 -36
  793. package/esm/navigation/NavList/NavListAuto/NavListAuto.js +0 -31
  794. package/esm/navigation/NavList/NavListAuto/NavListBaseAuto.js +0 -22
  795. package/esm/navigation/NavList/NavListAuto/NavListContextAuto.js +0 -104
  796. package/esm/navigation/NavList/NavListAuto/NavListItemAnchorAuto.js +0 -26
  797. package/esm/navigation/NavList/NavListAuto/NavListItemAuto.js +0 -38
  798. package/esm/navigation/NavList/NavListAuto/NavListItemButtonAuto.js +0 -30
  799. package/esm/navigation/NavList/NavListAuto/NavListMenuAuto.js +0 -36
  800. package/esm/navigation/NavList/NavListAuto/NavListSubMenuAuto.js +0 -26
  801. package/esm/navigation/NavList/NavListItem.js +0 -23
  802. package/esm/navigation/NavList/NavListItemBase.js +0 -44
  803. package/esm/navigation/NavList/NavListItemButton.js +0 -3
  804. package/esm/navigation/NavList/NavListItemLink.js +0 -3
  805. package/esm/navigation/NavList/NavMenu.js +0 -3
  806. package/esm/navigation/NavList/NavMenuContainer.js +0 -3
  807. package/esm/navigation/NavList/NavMenuContainerContent.js +0 -3
  808. package/esm/navigation/NavList/NavMenuContainerContentListItem.js +0 -3
  809. package/esm/navigation/NavList/NavMenuContainerTitle.js +0 -3
  810. package/esm/navigation/NavList/NavVertical.js +0 -3
  811. package/esm/navigation/NavList/NavVerticalItem.js +0 -3
  812. package/form/SearchSection/index.d.ts +0 -5
  813. package/form/SingleCharacterInputContainer/SingleCharacterInputContainer.stories.d.ts +0 -13
  814. package/form/SingleCharacterInputContainer/index.d.ts +0 -4
  815. package/form/SingleCharacterInputContainer/index.mdx +0 -36
  816. package/navigation/NavList/NavListAuto/NavListAuto.js +0 -48
  817. package/navigation/NavList/NavListAuto/NavListBaseAuto.d.ts +0 -3
  818. package/navigation/NavList/NavListAuto/NavListBaseAuto.js +0 -38
  819. package/navigation/NavList/NavListAuto/NavListContextAuto.d.ts +0 -29
  820. package/navigation/NavList/NavListAuto/NavListContextAuto.js +0 -128
  821. package/navigation/NavList/NavListAuto/NavListItemAnchorAuto.d.ts +0 -9
  822. package/navigation/NavList/NavListAuto/NavListItemAnchorAuto.js +0 -51
  823. package/navigation/NavList/NavListAuto/NavListItemAuto.d.ts +0 -8
  824. package/navigation/NavList/NavListAuto/NavListItemAuto.js +0 -63
  825. package/navigation/NavList/NavListAuto/NavListItemButtonAuto.d.ts +0 -12
  826. package/navigation/NavList/NavListAuto/NavListItemButtonAuto.js +0 -48
  827. package/navigation/NavList/NavListAuto/NavListMenuAuto.d.ts +0 -11
  828. package/navigation/NavList/NavListAuto/NavListMenuAuto.js +0 -56
  829. package/navigation/NavList/NavListAuto/NavListSubMenuAuto.d.ts +0 -9
  830. package/navigation/NavList/NavListAuto/NavListSubMenuAuto.js +0 -44
  831. package/navigation/NavList/NavListItem.d.ts +0 -4
  832. package/navigation/NavList/NavListItem.js +0 -42
  833. package/navigation/NavList/NavListItemBase.d.ts +0 -15
  834. package/navigation/NavList/NavListItemBase.js +0 -68
  835. package/navigation/NavList/NavListItemButton.d.ts +0 -3
  836. package/navigation/NavList/NavListItemButton.js +0 -30
  837. package/navigation/NavList/NavListItemLink.d.ts +0 -3
  838. package/navigation/NavList/NavListItemLink.js +0 -30
  839. package/navigation/NavList/NavMenu.d.ts +0 -3
  840. package/navigation/NavList/NavMenuContainer.d.ts +0 -3
  841. package/navigation/NavList/NavMenuContainer.js +0 -30
  842. package/navigation/NavList/NavMenuContainerContent.d.ts +0 -3
  843. package/navigation/NavList/NavMenuContainerContent.js +0 -30
  844. package/navigation/NavList/NavMenuContainerContentList.d.ts +0 -5
  845. package/navigation/NavList/NavMenuContainerContentListItem.d.ts +0 -3
  846. package/navigation/NavList/NavMenuContainerContentListItem.js +0 -30
  847. package/navigation/NavList/NavMenuContainerTitle.d.ts +0 -3
  848. package/navigation/NavList/NavMenuContainerTitle.js +0 -30
  849. package/navigation/NavList/NavVertical.d.ts +0 -3
  850. package/navigation/NavList/NavVerticalItem.d.ts +0 -3
  851. package/navigation/NavList/NavVerticalItem.js +0 -30
  852. package/src/app/Confirmation/Confirmation.stories.js +0 -10
  853. package/src/app/Confirmation/__stories__/Default.tsx +0 -19
  854. package/src/app/Confirmation/index.mdx +0 -20
  855. package/src/app/Confirmation/index.tsx +0 -6
  856. package/src/app/Header/HeaderSubtitle.tsx +0 -4
  857. package/src/app/PageTitle/index.tsx +0 -6
  858. package/src/form/SearchSection/index.tsx +0 -6
  859. package/src/form/SingleCharacterInputContainer/SingleCharacterInputContainer.stories.js +0 -13
  860. package/src/form/SingleCharacterInputContainer/index.mdx +0 -36
  861. package/src/form/SingleCharacterInputContainer/index.tsx +0 -4
  862. package/src/navigation/NavList/NavListAuto/NavListAuto.tsx +0 -34
  863. package/src/navigation/NavList/NavListAuto/NavListBaseAuto.tsx +0 -20
  864. package/src/navigation/NavList/NavListAuto/NavListContextAuto.tsx +0 -112
  865. package/src/navigation/NavList/NavListAuto/NavListItemAnchorAuto.tsx +0 -38
  866. package/src/navigation/NavList/NavListAuto/NavListItemAuto.tsx +0 -49
  867. package/src/navigation/NavList/NavListAuto/NavListItemButtonAuto.tsx +0 -53
  868. package/src/navigation/NavList/NavListAuto/NavListMenuAuto.tsx +0 -51
  869. package/src/navigation/NavList/NavListAuto/NavListSubMenuAuto.tsx +0 -32
  870. package/src/navigation/NavList/NavListItem.tsx +0 -46
  871. package/src/navigation/NavList/NavListItemBase.tsx +0 -63
  872. package/src/navigation/NavList/NavListItemButton.tsx +0 -3
  873. package/src/navigation/NavList/NavListItemLink.tsx +0 -3
  874. package/src/navigation/NavList/NavMenu.tsx +0 -3
  875. package/src/navigation/NavList/NavMenuContainer.tsx +0 -3
  876. package/src/navigation/NavList/NavMenuContainerContent.tsx +0 -3
  877. package/src/navigation/NavList/NavMenuContainerContentListItem.tsx +0 -3
  878. package/src/navigation/NavList/NavMenuContainerTitle.tsx +0 -3
  879. package/src/navigation/NavList/NavVertical.tsx +0 -3
  880. package/src/navigation/NavList/NavVerticalItem.tsx +0 -3
  881. /package/app/{Confirmation → Panel}/__stories__/Default.d.ts +0 -0
  882. /package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/Default.d.ts +0 -0
  883. /package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithDefaultError.d.ts +0 -0
  884. /package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageInvalidCode.d.ts +0 -0
  885. /package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageLessDigit.d.ts +0 -0
  886. /package/navigation/NavList/NavListAuto/{NavListAuto.d.ts → index.d.ts} +0 -0
@@ -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;
@@ -1,23 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["link", "setRegisterButton", "setRegisterLink", "active", "children"];
4
- import React from 'react';
5
- import NavListItemContainer from '@digigov/react-core/NavListItem';
6
- import NavListItemButton from '@digigov/ui/navigation/NavList/NavListItemButton';
7
- import { NavListItemLink } from '@digigov/ui/navigation/NavList/NavListItemLink';
8
- import { isNavListItemLinkInterface, isNavListItemSubMenuInterface } from '@digigov/ui/navigation/NavList/types';
9
- export var NavListItem = function NavListItem(_ref) {
10
- var link = _ref.link,
11
- setRegisterButton = _ref.setRegisterButton,
12
- setRegisterLink = _ref.setRegisterLink,
13
- active = _ref.active,
14
- children = _ref.children,
15
- props = _objectWithoutProperties(_ref, _excluded);
16
-
17
- return /*#__PURE__*/React.createElement(NavListItemContainer, null, children ? children : isNavListItemSubMenuInterface(link) && link !== null && link !== void 0 && link.subMenu ? /*#__PURE__*/React.createElement(NavListItemButton, _extends({}, setRegisterButton && setRegisterButton(link.name), props), link === null || link === void 0 ? void 0 : link.label) : isNavListItemLinkInterface(link) && /*#__PURE__*/React.createElement(NavListItemLink, _extends({
18
- href: link === null || link === void 0 ? void 0 : link.href
19
- }, setRegisterLink && setRegisterLink(link.name), {
20
- active: active
21
- }, props), link === null || link === void 0 ? void 0 : link.label));
22
- };
23
- export default NavListItem;
@@ -1,44 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["container", "setRegisterButton", "children", "item", "layout", "role"];
4
- import React from 'react';
5
- import Link from '@digigov/ui/navigation/Link';
6
- import NavListItem from '@digigov/ui/navigation/NavList/NavListItem';
7
- import NavMenu from '@digigov/ui/navigation/NavList/NavMenu';
8
- import NavMenuContainer from '@digigov/ui/navigation/NavList/NavMenuContainer';
9
- import NavMenuContainerContent from '@digigov/ui/navigation/NavList/NavMenuContainerContent';
10
- import NavMenuContainerContentList from '@digigov/ui/navigation/NavList/NavMenuContainerContentList';
11
- import NavMenuContainerContentListItem from '@digigov/ui/navigation/NavList/NavMenuContainerContentListItem';
12
- import NavMenuContainerTitle from '@digigov/ui/navigation/NavList/NavMenuContainerTitle';
13
- import { isNavListItemLinkInterface } from '@digigov/ui/navigation/NavList/types';
14
- export var NavListItemBase = function NavListItemBase(_ref) {
15
- var _item$subMenu;
16
-
17
- var container = _ref.container,
18
- setRegisterButton = _ref.setRegisterButton,
19
- children = _ref.children,
20
- item = _ref.item,
21
- _ref$layout = _ref.layout,
22
- layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
23
- role = _ref.role,
24
- props = _objectWithoutProperties(_ref, _excluded);
25
-
26
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NavListItem, _extends({
27
- link: item,
28
- setRegisterButton: setRegisterButton,
29
- role: "menuitem"
30
- }, props)), /*#__PURE__*/React.createElement(NavMenu, _extends({
31
- layout: layout
32
- }, container && container(item.name)), /*#__PURE__*/React.createElement(NavMenuContainer, {
33
- layout: layout,
34
- paddingLeft: 5,
35
- paddingRight: 5
36
- }, /*#__PURE__*/React.createElement(NavMenuContainerTitle, null, item.label), /*#__PURE__*/React.createElement(NavMenuContainerContent, null, /*#__PURE__*/React.createElement(NavMenuContainerContentList, null, (_item$subMenu = item.subMenu) === null || _item$subMenu === void 0 ? void 0 : _item$subMenu.map(function (subMenu, menuIndex) {
37
- return isNavListItemLinkInterface(subMenu) && /*#__PURE__*/React.createElement(NavMenuContainerContentListItem, {
38
- key: menuIndex
39
- }, /*#__PURE__*/React.createElement(Link, {
40
- href: subMenu.href
41
- }, subMenu.label));
42
- }))))));
43
- };
44
- export default NavListItemBase;
@@ -1,3 +0,0 @@
1
- import NavListItemButton from '@digigov/react-core/NavListItemButton';
2
- export * from '@digigov/react-core/NavListItemButton';
3
- export default NavListItemButton;
@@ -1,3 +0,0 @@
1
- import NavListItemLink from '@digigov/react-core/NavListItemLink';
2
- export * from '@digigov/react-core/NavListItemLink';
3
- export default NavListItemLink;
@@ -1,3 +0,0 @@
1
- import NavMenu from '@digigov/react-core/NavMenu';
2
- export * from '@digigov/react-core/NavMenu';
3
- export default NavMenu;
@@ -1,3 +0,0 @@
1
- import NavMenuContainer from '@digigov/react-core/NavMenuContainer';
2
- export * from '@digigov/react-core/NavMenuContainer';
3
- export default NavMenuContainer;
@@ -1,3 +0,0 @@
1
- import NavMenuContainerContent from '@digigov/react-core/NavMenuContainerContent';
2
- export * from '@digigov/react-core/NavMenuContainerContent';
3
- export default NavMenuContainerContent;
@@ -1,3 +0,0 @@
1
- import NavMenuContainerContentListItem from '@digigov/react-core/NavMenuContainerContentListItem';
2
- export * from '@digigov/react-core/NavMenuContainerContentListItem';
3
- export default NavMenuContainerContentListItem;
@@ -1,3 +0,0 @@
1
- import NavMenuContainerTitle from '@digigov/react-core/NavMenuContainerTitle';
2
- export * from '@digigov/react-core/NavMenuContainerTitle';
3
- export default NavMenuContainerTitle;
@@ -1,3 +0,0 @@
1
- import NavVertical from '@digigov/react-core/NavVertical';
2
- export * from '@digigov/react-core/NavVertical';
3
- export default NavVertical;
@@ -1,3 +0,0 @@
1
- import NavVerticalItem from '@digigov/react-core/NavVerticalItem';
2
- export * from '@digigov/react-core/NavVerticalItem';
3
- export default NavVerticalItem;
@@ -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,13 +0,0 @@
1
- declare namespace _default {
2
- export const title: string;
3
- export const description: string;
4
- export const link: string;
5
- export { SingleCharacterInputContainer as component };
6
- export const displayName: string;
7
- }
8
- export default _default;
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";
13
- import SingleCharacterInputContainer from "@digigov/ui/form/SingleCharacterInputContainer";
@@ -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,48 +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.NavListAuto = void 0;
9
-
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
-
14
- var _react = _interopRequireDefault(require("react"));
15
-
16
- var _NavListBaseAuto = require("@digigov/ui/navigation/NavList/NavListAuto/NavListBaseAuto");
17
-
18
- var _NavListContextAuto = require("@digigov/ui/navigation/NavList/NavListAuto/NavListContextAuto");
19
-
20
- var _excluded = ["layout", "border", "fixed", "openSubMenus", "links", "role"];
21
-
22
- var NavListAuto = function NavListAuto(_ref) {
23
- var layout = _ref.layout,
24
- border = _ref.border,
25
- fixed = _ref.fixed,
26
- _ref$openSubMenus = _ref.openSubMenus,
27
- openSubMenus = _ref$openSubMenus === void 0 ? false : _ref$openSubMenus,
28
- _ref$links = _ref.links,
29
- links = _ref$links === void 0 ? [] : _ref$links,
30
- role = _ref.role,
31
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
32
- return /*#__PURE__*/_react["default"].createElement(_NavListContextAuto.NavListProviderAuto, {
33
- openSubMenus: openSubMenus,
34
- layout: layout,
35
- border: border,
36
- fixed: fixed,
37
- links: links
38
- }, /*#__PURE__*/_react["default"].createElement(_NavListBaseAuto.NavListBaseAuto, (0, _extends2["default"])({
39
- layout: layout,
40
- border: border,
41
- fixed: fixed,
42
- role: role
43
- }, props)));
44
- };
45
-
46
- exports.NavListAuto = NavListAuto;
47
- var _default = NavListAuto;
48
- exports["default"] = _default;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { NavListAutoProps } from '@digigov/ui/navigation/NavList/types';
3
- export declare const NavListBaseAuto: React.FC<NavListAutoProps>;
@@ -1,38 +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.NavListBaseAuto = void 0;
9
-
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
-
14
- var _react = _interopRequireDefault(require("react"));
15
-
16
- var _Nav = _interopRequireDefault(require("@digigov/ui/navigation/NavList/Nav"));
17
-
18
- var _NavList = _interopRequireDefault(require("@digigov/ui/navigation/NavList/NavList"));
19
-
20
- var _excluded = ["className", "children", "floating", "layout", "subMenu", "role"];
21
-
22
- var NavListBaseAuto = function NavListBaseAuto(_ref) {
23
- var className = _ref.className,
24
- children = _ref.children,
25
- floating = _ref.floating,
26
- layout = _ref.layout,
27
- subMenu = _ref.subMenu,
28
- role = _ref.role,
29
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
30
- return /*#__PURE__*/_react["default"].createElement(_Nav["default"], (0, _extends2["default"])({
31
- open: true,
32
- layout: layout
33
- }, props, {
34
- "aria-orientation": layout
35
- }), /*#__PURE__*/_react["default"].createElement(_NavList["default"], null, children));
36
- };
37
-
38
- exports.NavListBaseAuto = NavListBaseAuto;
@@ -1,29 +0,0 @@
1
- import React from 'react';
2
- import { NavListLayout } from '@digigov/ui/navigation/NavList/types';
3
- export interface NavLinkInterface {
4
- name?: string;
5
- label?: string;
6
- href?: string;
7
- children?: React.ReactNode;
8
- subMenu?: NavLinkInterface[];
9
- }
10
- export interface NavListContextInterface {
11
- layout?: NavListLayout;
12
- border?: boolean;
13
- fixed?: boolean;
14
- openSubMenus?: boolean;
15
- showDividers?: boolean;
16
- links: NavLinkInterface[];
17
- activeLink?: NavLinkInterface;
18
- activeSubMenu?: NavLinkInterface[];
19
- onSubMenuActive?: (name: string) => void;
20
- container?: (key: string) => {
21
- active: boolean;
22
- id: string;
23
- };
24
- setRegisterButton?: (name: string) => any;
25
- setRegisterLink?: (name: string) => any;
26
- }
27
- export declare const NavListContextAuto: React.Context<NavListContextInterface>;
28
- export declare const NavListProviderAuto: React.FC<NavListContextInterface>;
29
- export default NavListContextAuto;