@digigov/ui 1.0.0-6b93ebf2 → 1.0.0-871b6be5

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 (962) hide show
  1. package/app/BannerContainer/BannerContainer.stories.d.ts +10 -0
  2. package/app/BannerContainer/BannerContainer.stories.js +35 -0
  3. package/app/BannerContainer/__stories__/CookiesBanner.d.ts +2 -0
  4. package/app/BannerContainer/__stories__/CookiesBanner.js +42 -0
  5. package/app/CloseButton/index.d.ts +3 -0
  6. package/{navigation/NavList/NavVertical.js → app/CloseButton/index.js} +5 -5
  7. package/app/{FilterSection → FilterContainer}/index.d.ts +4 -5
  8. package/app/{FilterSection → FilterContainer}/index.js +9 -23
  9. package/app/Footer/Footer.stories.playwright.json +2 -2
  10. package/app/Footer/__stories__/DefaultCopyright.js +10 -7
  11. package/app/Footer/__stories__/FooterAllInclusive.js +22 -15
  12. package/app/Footer/__stories__/FooterWithLink.js +14 -11
  13. package/app/Footer/__stories__/FooterWithLogo.js +10 -8
  14. package/app/Footer/__stories__/FooterWithSecondaryNavigation.js +18 -13
  15. package/app/Footer/__stories__/YearCopyright.js +8 -5
  16. package/app/Footer/index.d.ts +3 -5
  17. package/app/Footer/index.js +12 -40
  18. package/app/Footer/index.mdx +4 -20
  19. package/app/Header/Header.stories.playwright.json +1 -1
  20. package/app/Header/__stories__/Default.js +1 -1
  21. package/app/Header/__stories__/WithHeaderNavigation.js +15 -23
  22. package/app/Header/__stories__/WithNavigation.js +9 -41
  23. package/app/Header/__stories__/WithServiceName.js +1 -1
  24. package/app/Header/__stories__/WithServiceNameAndLogo.js +1 -1
  25. package/app/Header/index.mdx +4 -21
  26. package/app/Header/index.spec.js +1 -1
  27. package/app/Masthead/Masthead.stories.d.ts +2 -0
  28. package/app/Masthead/Masthead.stories.js +28 -0
  29. package/app/Masthead/__stories__/WithElements.d.ts +2 -0
  30. package/app/Masthead/__stories__/WithElements.js +41 -0
  31. package/app/Masthead/__stories__/WithLogo.d.ts +2 -0
  32. package/app/Masthead/__stories__/WithLogo.js +37 -0
  33. package/app/Modal/__stories__/Default.js +1 -1
  34. package/app/Modal/index.mdx +1 -5
  35. package/app/NotFound/index.js +5 -9
  36. package/app/PageTitleContainer/index.d.ts +5 -0
  37. package/app/{PageTitle → PageTitleContainer}/index.js +20 -14
  38. package/app/Panel/index.mdx +1 -5
  39. package/app/PhaseBannerHeader/index.js +2 -2
  40. package/app/PhaseBannerHeader/index.mdx +1 -5
  41. package/app/QrCodeViewer/index.mdx +2 -10
  42. package/app/ThemeOptions/index.js +2 -2
  43. package/app/index.d.ts +2 -3
  44. package/app/index.js +8 -8
  45. package/content/Accordion/index.d.ts +1 -1
  46. package/content/Accordion/index.mdx +2 -10
  47. package/content/Blockquote/index.mdx +1 -5
  48. package/content/Card/Card.stories.d.ts +2 -0
  49. package/content/Card/Card.stories.js +28 -0
  50. package/content/Card/__stories__/WithButton.d.ts +2 -0
  51. package/content/Card/__stories__/WithButton.js +24 -0
  52. package/content/Card/__stories__/WithClickableContent.js +3 -1
  53. package/content/Card/__stories__/WithLink.d.ts +2 -0
  54. package/content/Card/__stories__/WithLink.js +24 -0
  55. package/content/Card/index.mdx +8 -40
  56. package/content/Chip/__stories__/GroupOfChips.js +1 -1
  57. package/content/Chip/index.d.ts +1 -2
  58. package/content/Chip/index.js +4 -18
  59. package/content/Chip/index.mdx +39 -0
  60. package/content/Details/index.mdx +6 -5
  61. package/content/List/__stories__/HorizontalList.js +1 -1
  62. package/content/List/__stories__/WithExtraSpace.js +1 -1
  63. package/content/List/index.mdx +3 -15
  64. package/content/StepNav/__stories__/Default.js +3 -5
  65. package/content/StepNav/__stories__/WithHints.js +2 -4
  66. package/content/StepNav/index.mdx +21 -0
  67. package/content/SummaryList/SummaryList.stories.d.ts +1 -0
  68. package/content/SummaryList/SummaryList.stories.js +14 -0
  69. package/content/SummaryList/__stories__/Default.js +7 -3
  70. package/content/SummaryList/__stories__/WithActions.js +13 -7
  71. package/content/SummaryList/__stories__/WithoutActions.d.ts +2 -0
  72. package/content/SummaryList/__stories__/WithoutActions.js +22 -0
  73. package/content/SummaryList/__stories__/WithoutBorders.js +12 -2
  74. package/content/SummaryList/index.mdx +3 -15
  75. package/content/Table/__stories__/DefinedWidth.js +3 -3
  76. package/content/Table/__stories__/RowColors.js +5 -5
  77. package/content/Table/__stories__/WithFloatingScroll.js +10 -4
  78. package/content/Table/index.js +11 -9
  79. package/content/Table/index.mdx +1 -1
  80. package/content/TaskList/__stories__/Default.js +5 -5
  81. package/content/TaskList/index.mdx +21 -0
  82. package/content/Timeline/__stories__/Default.js +2 -2
  83. package/content/Timeline/index.mdx +23 -0
  84. package/es/app/BannerContainer/BannerContainer.stories.js +10 -0
  85. package/es/app/BannerContainer/__stories__/CookiesBanner.js +18 -0
  86. package/es/app/CloseButton/index.js +3 -0
  87. package/{esm/app/FilterSection → es/app/FilterContainer}/index.js +4 -5
  88. package/es/app/Footer/Footer.stories.playwright.json +2 -2
  89. package/es/app/Footer/__stories__/DefaultCopyright.js +11 -9
  90. package/es/app/Footer/__stories__/FooterAllInclusive.js +19 -13
  91. package/es/app/Footer/__stories__/FooterWithLink.js +13 -11
  92. package/es/app/Footer/__stories__/FooterWithLogo.js +9 -8
  93. package/es/app/Footer/__stories__/FooterWithSecondaryNavigation.js +16 -12
  94. package/es/app/Footer/__stories__/YearCopyright.js +9 -7
  95. package/es/app/Footer/index.js +3 -5
  96. package/es/app/Footer/index.mdx +4 -20
  97. package/es/app/Header/Header.stories.playwright.json +1 -1
  98. package/es/app/Header/__stories__/Default.js +1 -1
  99. package/es/app/Header/__stories__/WithHeaderNavigation.js +15 -15
  100. package/es/app/Header/__stories__/WithNavigation.js +10 -37
  101. package/es/app/Header/__stories__/WithServiceName.js +1 -1
  102. package/es/app/Header/__stories__/WithServiceNameAndLogo.js +1 -1
  103. package/es/app/Header/index.mdx +4 -21
  104. package/es/app/Header/index.spec.js +2 -2
  105. package/es/app/Masthead/Masthead.stories.js +3 -1
  106. package/es/app/Masthead/__stories__/WithElements.js +21 -0
  107. package/es/app/Masthead/__stories__/WithLogo.js +19 -0
  108. package/es/app/Modal/__stories__/Default.js +1 -1
  109. package/es/app/Modal/index.mdx +1 -5
  110. package/es/app/NotFound/index.js +4 -3
  111. package/es/app/PageTitleContainer/index.js +5 -0
  112. package/es/app/Panel/index.mdx +1 -5
  113. package/es/app/PhaseBannerHeader/index.js +2 -2
  114. package/es/app/PhaseBannerHeader/index.mdx +1 -5
  115. package/es/app/QrCodeViewer/index.mdx +2 -10
  116. package/es/app/ThemeOptions/index.js +2 -2
  117. package/es/app/index.js +3 -4
  118. package/es/content/Accordion/index.mdx +2 -10
  119. package/es/content/Blockquote/index.mdx +1 -5
  120. package/es/content/Card/Card.stories.js +3 -1
  121. package/es/content/Card/__stories__/WithButton.js +10 -0
  122. package/es/content/Card/__stories__/WithClickableContent.js +3 -1
  123. package/es/content/Card/__stories__/WithLink.js +10 -0
  124. package/es/content/Card/index.mdx +8 -40
  125. package/es/content/Chip/__stories__/GroupOfChips.js +2 -2
  126. package/es/content/Chip/index.js +1 -2
  127. package/es/content/Chip/index.mdx +39 -0
  128. package/es/content/Details/index.mdx +6 -5
  129. package/es/content/List/__stories__/HorizontalList.js +1 -1
  130. package/es/content/List/__stories__/WithExtraSpace.js +1 -1
  131. package/es/content/List/index.mdx +3 -15
  132. package/es/content/StepNav/__stories__/Default.js +3 -5
  133. package/es/content/StepNav/__stories__/WithHints.js +2 -4
  134. package/es/content/StepNav/index.mdx +21 -0
  135. package/es/content/SummaryList/SummaryList.stories.js +1 -0
  136. package/es/content/SummaryList/__stories__/Default.js +7 -3
  137. package/es/content/SummaryList/__stories__/WithActions.js +5 -5
  138. package/es/content/SummaryList/__stories__/WithoutActions.js +9 -0
  139. package/es/content/SummaryList/__stories__/WithoutBorders.js +10 -2
  140. package/es/content/SummaryList/index.mdx +3 -15
  141. package/es/content/Table/__stories__/DefinedWidth.js +3 -3
  142. package/es/content/Table/__stories__/RowColors.js +5 -5
  143. package/es/content/Table/__stories__/WithFloatingScroll.js +5 -4
  144. package/es/content/Table/index.js +11 -8
  145. package/es/content/Table/index.mdx +1 -1
  146. package/es/content/TaskList/__stories__/Default.js +5 -5
  147. package/es/content/TaskList/index.mdx +21 -0
  148. package/es/content/Timeline/__stories__/Default.js +2 -2
  149. package/es/content/Timeline/index.mdx +23 -0
  150. package/es/feedback/CopyToClipboard/index.mdx +2 -10
  151. package/es/feedback/ErrorSummary/ErrorSummary.stories.js +2 -1
  152. package/es/feedback/ErrorSummary/__stories__/LinkedToCheckbox.js +2 -1
  153. package/es/feedback/ErrorSummary/__stories__/LinkedToField.js +3 -3
  154. package/es/feedback/ErrorSummary/__stories__/WithBackLinkAndButton.js +35 -0
  155. package/es/feedback/ErrorSummary/index.mdx +4 -20
  156. package/es/feedback/NotificationBanner/index.mdx +2 -10
  157. package/es/feedback/PhaseBanner/index.mdx +2 -10
  158. package/es/feedback/ServiceBadge/index.mdx +9 -5
  159. package/es/feedback/WarningText/WarningText.stories.js +2 -1
  160. package/es/feedback/WarningText/__stories__/AssistiveText.js +11 -0
  161. package/es/feedback/WarningText/index.mdx +1 -5
  162. package/es/form/AutoComplete/__stories__/Default.js +1 -1
  163. package/es/form/AutoComplete/index.js +10 -5
  164. package/es/form/AutoComplete/index.mdx +7 -35
  165. package/es/form/Button/__stories__/CallToActionButton.js +1 -4
  166. package/es/form/Button/__stories__/GroupingButtons.js +0 -3
  167. package/es/form/Button/__stories__/GroupingButtonsAndLinks.js +0 -3
  168. package/es/form/Button/__stories__/Primary.js +0 -3
  169. package/es/form/Button/__stories__/Secondary.js +0 -3
  170. package/es/form/Button/__stories__/WithVariantLink.js +0 -4
  171. package/es/form/Button/index.mdx +8 -24
  172. package/es/form/Checkbox/__stories__/ConditionalReveal.js +1 -1
  173. package/es/form/Checkbox/__stories__/WithHint.js +1 -1
  174. package/es/form/Checkbox/index.mdx +12 -35
  175. package/es/form/DateInputContainer/__stories__/Default.js +1 -1
  176. package/es/form/DateInputContainer/__stories__/MultipleQuestions.js +2 -2
  177. package/es/form/DateInputContainer/__stories__/WithErrorMessage.js +1 -1
  178. package/es/form/DateInputContainer/__stories__/WithErrorMessageForSingleField.js +1 -1
  179. package/es/form/DateInputContainer/index.mdx +9 -20
  180. package/es/form/ErrorMessage/ErrorMessage.stories.js +2 -1
  181. package/es/form/ErrorMessage/__stories__/DateInputError.js +24 -0
  182. package/es/form/ErrorMessage/__stories__/Default.js +11 -8
  183. package/es/form/ErrorMessage/index.mdx +1 -5
  184. package/es/form/FileUpload/__stories__/Default.js +2 -2
  185. package/es/form/FileUpload/__stories__/WithErrorMessage.js +2 -2
  186. package/es/form/FileUpload/index.mdx +3 -5
  187. package/es/form/RadioContainer/RadioContainer.stories.js +2 -1
  188. package/es/form/RadioContainer/__stories__/ConditionalReveal.js +1 -1
  189. package/es/form/RadioContainer/__stories__/Default.js +7 -4
  190. package/es/form/RadioContainer/__stories__/MultipleQuestions.js +1 -1
  191. package/es/form/RadioContainer/__stories__/WithDivider.js +24 -0
  192. package/es/form/RadioContainer/__stories__/WithErrorMessage.js +3 -1
  193. package/es/form/RadioContainer/__stories__/WithHints.js +1 -1
  194. package/es/form/RadioContainer/__stories__/WithMediumLegend.js +24 -0
  195. package/es/form/RadioContainer/index.mdx +12 -35
  196. package/es/form/SearchContainer/index.js +5 -0
  197. package/es/form/SelectContainer/__stories__/Default.js +4 -4
  198. package/es/form/SelectContainer/index.mdx +9 -15
  199. package/es/form/SingleCharacterInputs/SingleCharacterInput.stories.js +12 -0
  200. package/es/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/Default.js +13 -13
  201. package/{esm/form/SingleCharacterInputContainer → es/form/SingleCharacterInputs}/__stories__/WithDefaultError.js +7 -7
  202. package/{esm/form/SingleCharacterInputContainer → es/form/SingleCharacterInputs}/__stories__/WithErrorMessageInvalidCode.js +14 -14
  203. package/es/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageLessDigit.js +11 -11
  204. package/es/form/SingleCharacterInputs/index.js +4 -0
  205. package/es/form/SingleCharacterInputs/index.mdx +24 -0
  206. package/es/form/TextArea/__stories__/Default.js +4 -1
  207. package/es/form/TextArea/index.mdx +7 -35
  208. package/es/form/TextInput/__stories__/FixedWidths.js +14 -24
  209. package/es/form/TextInput/__stories__/FluidWidths.js +14 -24
  210. package/es/form/TextInput/index.mdx +8 -40
  211. package/es/form/index.js +2 -2
  212. package/es/govgr/Footer/index.js +4 -4
  213. package/es/layouts/Admin/index.js +1 -1
  214. package/es/layouts/Basic/__snapshots__/index.spec.tsx.snap +2 -2
  215. package/es/layouts/Section/index.js +3 -0
  216. package/es/layouts/Stack/Stack.stories.js +12 -0
  217. package/es/layouts/Stack/__stories__/AlignItems.js +67 -0
  218. package/es/layouts/Stack/__stories__/Default.js +24 -0
  219. package/es/layouts/Stack/__stories__/JustifyContent.js +84 -0
  220. package/es/layouts/Stack/__stories__/NoWrap.js +26 -0
  221. package/es/layouts/Stack/__stories__/Row.js +25 -0
  222. package/es/layouts/Stack/__stories__/Spacing.js +55 -0
  223. package/es/layouts/Stack/index.js +2 -0
  224. package/es/layouts/index.js +3 -1
  225. package/es/navigation/BackLink/index.mdx +1 -5
  226. package/es/navigation/Breadcrumbs/index.mdx +6 -5
  227. package/es/navigation/Drawer/__stories__/Default.js +25 -66
  228. package/es/navigation/Drawer/index.mdx +1 -5
  229. package/es/navigation/Dropdown/__stories__/AlignRight.js +9 -8
  230. package/es/navigation/Dropdown/__stories__/Default.js +9 -8
  231. package/es/navigation/Dropdown/__stories__/PlacementTop.js +9 -8
  232. package/es/navigation/Dropdown/index.js +0 -1
  233. package/es/navigation/Dropdown/index.mdx +3 -17
  234. package/es/navigation/Link/index.mdx +7 -25
  235. package/es/navigation/NavList/NavList.stories.js +5 -1
  236. package/es/navigation/NavList/NavList.stories.playwright.json +7 -7
  237. package/es/navigation/NavList/NavListAuto/index.js +54 -0
  238. package/es/navigation/NavList/{NavMenuContainerContentList.js → NavMenuContentList.js} +5 -5
  239. package/es/navigation/NavList/__stories__/Default.js +19 -69
  240. package/es/navigation/NavList/__stories__/NavVertical.js +37 -0
  241. package/es/navigation/NavList/__stories__/NavVerticalLayout.js +12 -26
  242. package/es/navigation/NavList/__stories__/NavVerticalWithTitle.js +43 -0
  243. package/es/navigation/NavList/__stories__/WithBurgerIcon.js +56 -0
  244. package/es/navigation/NavList/__stories__/WithSubMenu.js +73 -0
  245. package/es/navigation/NavList/hooks/useNavList.js +2 -2
  246. package/es/navigation/NavList/hooks/useTogglableNav.js +33 -18
  247. package/es/navigation/NavList/index.js +16 -17
  248. package/es/navigation/NavList/index.mdx +2 -10
  249. package/es/navigation/NavList/types.js +1 -6
  250. package/es/navigation/Pagination/__stories__/Default.js +7 -65
  251. package/es/navigation/Pagination/__stories__/PaginationSmall.js +1 -1
  252. package/es/navigation/Pagination/__stories__/PaginationWithSmallFont.js +1 -1
  253. package/es/navigation/Pagination/__stories__/WithInactiveValues.js +2 -2
  254. package/es/navigation/Pagination/index.mdx +7 -15
  255. package/es/navigation/SkipLink/SkipLink.stories.js +8 -0
  256. package/es/navigation/SkipLink/__stories__/Default.js +12 -0
  257. package/es/navigation/Tabs/Tabs.stories.playwright.json +2 -2
  258. package/es/navigation/Tabs/__stories__/Default.js +19 -7
  259. package/es/navigation/Tabs/index.js +1 -1
  260. package/es/navigation/Tabs/index.mdx +7 -5
  261. package/es/registry.js +28 -52
  262. package/es/typography/Heading/__stories__/Default.js +9 -4
  263. package/es/typography/Heading/index.mdx +1 -5
  264. package/es/typography/HeadingCaption/index.mdx +1 -5
  265. package/es/typography/Hint/__stories__/FontSizes.js +3 -3
  266. package/es/typography/Hint/index.mdx +3 -5
  267. package/es/typography/NormalText/__stories__/FontSizes.js +7 -7
  268. package/es/typography/NormalText/__stories__/Variants.js +4 -4
  269. package/es/typography/NormalText/index.mdx +5 -15
  270. package/es/typography/Paragraph/__stories__/FontSizes.js +7 -7
  271. package/es/typography/Paragraph/__stories__/LeadVariant.js +1 -1
  272. package/es/typography/Paragraph/__stories__/SmallVariant.js +1 -1
  273. package/es/typography/Paragraph/index.mdx +5 -20
  274. package/es/utils/Kitchensink/KitchensinkDashboard.js +1 -1
  275. package/esm/app/BannerContainer/BannerContainer.stories.js +10 -0
  276. package/esm/app/BannerContainer/__stories__/CookiesBanner.js +18 -0
  277. package/esm/app/CloseButton/index.js +3 -0
  278. package/{es/app/FilterSection → esm/app/FilterContainer}/index.js +4 -5
  279. package/esm/app/Footer/Footer.stories.playwright.json +2 -2
  280. package/esm/app/Footer/__stories__/DefaultCopyright.js +11 -9
  281. package/esm/app/Footer/__stories__/FooterAllInclusive.js +19 -13
  282. package/esm/app/Footer/__stories__/FooterWithLink.js +13 -11
  283. package/esm/app/Footer/__stories__/FooterWithLogo.js +9 -8
  284. package/esm/app/Footer/__stories__/FooterWithSecondaryNavigation.js +16 -12
  285. package/esm/app/Footer/__stories__/YearCopyright.js +9 -7
  286. package/esm/app/Footer/index.js +3 -5
  287. package/esm/app/Footer/index.mdx +4 -20
  288. package/esm/app/Header/Header.stories.playwright.json +1 -1
  289. package/esm/app/Header/__stories__/Default.js +1 -1
  290. package/esm/app/Header/__stories__/WithHeaderNavigation.js +15 -15
  291. package/esm/app/Header/__stories__/WithNavigation.js +10 -37
  292. package/esm/app/Header/__stories__/WithServiceName.js +1 -1
  293. package/esm/app/Header/__stories__/WithServiceNameAndLogo.js +1 -1
  294. package/esm/app/Header/index.mdx +4 -21
  295. package/esm/app/Header/index.spec.js +2 -2
  296. package/esm/app/Masthead/Masthead.stories.js +3 -1
  297. package/esm/app/Masthead/__stories__/WithElements.js +21 -0
  298. package/esm/app/Masthead/__stories__/WithLogo.js +19 -0
  299. package/esm/app/Modal/__stories__/Default.js +1 -1
  300. package/esm/app/Modal/index.mdx +1 -5
  301. package/esm/app/NotFound/index.js +4 -3
  302. package/esm/app/PageTitleContainer/index.js +5 -0
  303. package/esm/app/Panel/index.mdx +1 -5
  304. package/esm/app/PhaseBannerHeader/index.js +2 -2
  305. package/esm/app/PhaseBannerHeader/index.mdx +1 -5
  306. package/esm/app/QrCodeViewer/index.mdx +2 -10
  307. package/esm/app/ThemeOptions/index.js +2 -2
  308. package/esm/app/index.js +3 -4
  309. package/esm/content/Accordion/index.mdx +2 -10
  310. package/esm/content/Blockquote/index.mdx +1 -5
  311. package/esm/content/Card/Card.stories.js +3 -1
  312. package/esm/content/Card/__stories__/WithButton.js +10 -0
  313. package/esm/content/Card/__stories__/WithClickableContent.js +3 -1
  314. package/esm/content/Card/__stories__/WithLink.js +10 -0
  315. package/esm/content/Card/index.mdx +8 -40
  316. package/esm/content/Chip/__stories__/GroupOfChips.js +2 -2
  317. package/esm/content/Chip/index.js +1 -2
  318. package/esm/content/Chip/index.mdx +39 -0
  319. package/esm/content/Details/index.mdx +6 -5
  320. package/esm/content/List/__stories__/HorizontalList.js +1 -1
  321. package/esm/content/List/__stories__/WithExtraSpace.js +1 -1
  322. package/esm/content/List/index.mdx +3 -15
  323. package/esm/content/StepNav/__stories__/Default.js +3 -5
  324. package/esm/content/StepNav/__stories__/WithHints.js +2 -4
  325. package/esm/content/StepNav/index.mdx +21 -0
  326. package/esm/content/SummaryList/SummaryList.stories.js +1 -0
  327. package/esm/content/SummaryList/__stories__/Default.js +7 -3
  328. package/esm/content/SummaryList/__stories__/WithActions.js +5 -5
  329. package/esm/content/SummaryList/__stories__/WithoutActions.js +9 -0
  330. package/esm/content/SummaryList/__stories__/WithoutBorders.js +10 -2
  331. package/esm/content/SummaryList/index.mdx +3 -15
  332. package/esm/content/Table/__stories__/DefinedWidth.js +3 -3
  333. package/esm/content/Table/__stories__/RowColors.js +5 -5
  334. package/esm/content/Table/__stories__/WithFloatingScroll.js +5 -4
  335. package/esm/content/Table/index.js +11 -8
  336. package/esm/content/Table/index.mdx +1 -1
  337. package/esm/content/TaskList/__stories__/Default.js +5 -5
  338. package/esm/content/TaskList/index.mdx +21 -0
  339. package/esm/content/Timeline/__stories__/Default.js +2 -2
  340. package/esm/content/Timeline/index.mdx +23 -0
  341. package/esm/feedback/CopyToClipboard/index.mdx +2 -10
  342. package/esm/feedback/ErrorSummary/ErrorSummary.stories.js +2 -1
  343. package/esm/feedback/ErrorSummary/__stories__/LinkedToCheckbox.js +2 -1
  344. package/esm/feedback/ErrorSummary/__stories__/LinkedToField.js +3 -3
  345. package/esm/feedback/ErrorSummary/__stories__/WithBackLinkAndButton.js +35 -0
  346. package/esm/feedback/ErrorSummary/index.mdx +4 -20
  347. package/esm/feedback/NotificationBanner/index.mdx +2 -10
  348. package/esm/feedback/PhaseBanner/index.mdx +2 -10
  349. package/esm/feedback/ServiceBadge/index.mdx +9 -5
  350. package/esm/feedback/WarningText/WarningText.stories.js +2 -1
  351. package/esm/feedback/WarningText/__stories__/AssistiveText.js +11 -0
  352. package/esm/feedback/WarningText/index.mdx +1 -5
  353. package/esm/form/AutoComplete/__stories__/Default.js +1 -1
  354. package/esm/form/AutoComplete/index.js +10 -5
  355. package/esm/form/AutoComplete/index.mdx +7 -35
  356. package/esm/form/Button/__stories__/CallToActionButton.js +1 -4
  357. package/esm/form/Button/__stories__/GroupingButtons.js +0 -3
  358. package/esm/form/Button/__stories__/GroupingButtonsAndLinks.js +0 -3
  359. package/esm/form/Button/__stories__/Primary.js +0 -3
  360. package/esm/form/Button/__stories__/Secondary.js +0 -3
  361. package/esm/form/Button/__stories__/WithVariantLink.js +0 -4
  362. package/esm/form/Button/index.mdx +8 -24
  363. package/esm/form/Checkbox/__stories__/ConditionalReveal.js +1 -1
  364. package/esm/form/Checkbox/__stories__/WithHint.js +1 -1
  365. package/esm/form/Checkbox/index.mdx +12 -35
  366. package/esm/form/DateInputContainer/__stories__/Default.js +1 -1
  367. package/esm/form/DateInputContainer/__stories__/MultipleQuestions.js +2 -2
  368. package/esm/form/DateInputContainer/__stories__/WithErrorMessage.js +1 -1
  369. package/esm/form/DateInputContainer/__stories__/WithErrorMessageForSingleField.js +1 -1
  370. package/esm/form/DateInputContainer/index.mdx +9 -20
  371. package/esm/form/ErrorMessage/ErrorMessage.stories.js +2 -1
  372. package/esm/form/ErrorMessage/__stories__/DateInputError.js +24 -0
  373. package/esm/form/ErrorMessage/__stories__/Default.js +11 -8
  374. package/esm/form/ErrorMessage/index.mdx +1 -5
  375. package/esm/form/FileUpload/__stories__/Default.js +2 -2
  376. package/esm/form/FileUpload/__stories__/WithErrorMessage.js +2 -2
  377. package/esm/form/FileUpload/index.mdx +3 -5
  378. package/esm/form/RadioContainer/RadioContainer.stories.js +2 -1
  379. package/esm/form/RadioContainer/__stories__/ConditionalReveal.js +1 -1
  380. package/esm/form/RadioContainer/__stories__/Default.js +7 -4
  381. package/esm/form/RadioContainer/__stories__/MultipleQuestions.js +1 -1
  382. package/esm/form/RadioContainer/__stories__/WithDivider.js +24 -0
  383. package/esm/form/RadioContainer/__stories__/WithErrorMessage.js +3 -1
  384. package/esm/form/RadioContainer/__stories__/WithHints.js +1 -1
  385. package/esm/form/RadioContainer/__stories__/WithMediumLegend.js +24 -0
  386. package/esm/form/RadioContainer/index.mdx +12 -35
  387. package/esm/form/SearchContainer/index.js +5 -0
  388. package/esm/form/SelectContainer/__stories__/Default.js +4 -4
  389. package/esm/form/SelectContainer/index.mdx +9 -15
  390. package/esm/form/SingleCharacterInputs/SingleCharacterInput.stories.js +12 -0
  391. package/esm/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/Default.js +13 -13
  392. package/{es/form/SingleCharacterInputContainer → esm/form/SingleCharacterInputs}/__stories__/WithDefaultError.js +7 -7
  393. package/{es/form/SingleCharacterInputContainer → esm/form/SingleCharacterInputs}/__stories__/WithErrorMessageInvalidCode.js +14 -14
  394. package/esm/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageLessDigit.js +11 -11
  395. package/esm/form/SingleCharacterInputs/index.js +4 -0
  396. package/esm/form/SingleCharacterInputs/index.mdx +24 -0
  397. package/esm/form/TextArea/__stories__/Default.js +4 -1
  398. package/esm/form/TextArea/index.mdx +7 -35
  399. package/esm/form/TextInput/__stories__/FixedWidths.js +14 -24
  400. package/esm/form/TextInput/__stories__/FluidWidths.js +14 -24
  401. package/esm/form/TextInput/index.mdx +8 -40
  402. package/esm/form/index.js +2 -2
  403. package/esm/govgr/Footer/index.js +4 -4
  404. package/esm/index.js +1 -1
  405. package/esm/layouts/Admin/index.js +1 -1
  406. package/esm/layouts/Basic/__snapshots__/index.spec.tsx.snap +2 -2
  407. package/esm/layouts/Section/index.js +3 -0
  408. package/esm/layouts/Stack/Stack.stories.js +12 -0
  409. package/esm/layouts/Stack/__stories__/AlignItems.js +67 -0
  410. package/esm/layouts/Stack/__stories__/Default.js +24 -0
  411. package/esm/layouts/Stack/__stories__/JustifyContent.js +84 -0
  412. package/esm/layouts/Stack/__stories__/NoWrap.js +26 -0
  413. package/esm/layouts/Stack/__stories__/Row.js +25 -0
  414. package/esm/layouts/Stack/__stories__/Spacing.js +55 -0
  415. package/esm/layouts/Stack/index.js +2 -0
  416. package/esm/layouts/index.js +3 -1
  417. package/esm/navigation/BackLink/index.mdx +1 -5
  418. package/esm/navigation/Breadcrumbs/index.mdx +6 -5
  419. package/esm/navigation/Drawer/__stories__/Default.js +25 -66
  420. package/esm/navigation/Drawer/index.mdx +1 -5
  421. package/esm/navigation/Dropdown/__stories__/AlignRight.js +9 -8
  422. package/esm/navigation/Dropdown/__stories__/Default.js +9 -8
  423. package/esm/navigation/Dropdown/__stories__/PlacementTop.js +9 -8
  424. package/esm/navigation/Dropdown/index.js +0 -1
  425. package/esm/navigation/Dropdown/index.mdx +3 -17
  426. package/esm/navigation/Link/index.mdx +7 -25
  427. package/esm/navigation/NavList/NavList.stories.js +5 -1
  428. package/esm/navigation/NavList/NavList.stories.playwright.json +7 -7
  429. package/esm/navigation/NavList/NavListAuto/index.js +54 -0
  430. package/esm/navigation/NavList/{NavMenuContainerContentList.js → NavMenuContentList.js} +5 -5
  431. package/esm/navigation/NavList/__stories__/Default.js +19 -69
  432. package/esm/navigation/NavList/__stories__/NavVertical.js +37 -0
  433. package/esm/navigation/NavList/__stories__/NavVerticalLayout.js +12 -26
  434. package/esm/navigation/NavList/__stories__/NavVerticalWithTitle.js +43 -0
  435. package/esm/navigation/NavList/__stories__/WithBurgerIcon.js +56 -0
  436. package/esm/navigation/NavList/__stories__/WithSubMenu.js +73 -0
  437. package/esm/navigation/NavList/hooks/useNavList.js +2 -2
  438. package/esm/navigation/NavList/hooks/useTogglableNav.js +33 -18
  439. package/esm/navigation/NavList/index.js +16 -17
  440. package/esm/navigation/NavList/index.mdx +2 -10
  441. package/esm/navigation/NavList/types.js +1 -6
  442. package/esm/navigation/Pagination/__stories__/Default.js +7 -65
  443. package/esm/navigation/Pagination/__stories__/PaginationSmall.js +1 -1
  444. package/esm/navigation/Pagination/__stories__/PaginationWithSmallFont.js +1 -1
  445. package/esm/navigation/Pagination/__stories__/WithInactiveValues.js +2 -2
  446. package/esm/navigation/Pagination/index.mdx +7 -15
  447. package/esm/navigation/SkipLink/SkipLink.stories.js +8 -0
  448. package/esm/navigation/SkipLink/__stories__/Default.js +12 -0
  449. package/esm/navigation/Tabs/Tabs.stories.playwright.json +2 -2
  450. package/esm/navigation/Tabs/__stories__/Default.js +19 -7
  451. package/esm/navigation/Tabs/index.js +1 -1
  452. package/esm/navigation/Tabs/index.mdx +7 -5
  453. package/esm/registry.js +28 -52
  454. package/esm/typography/Heading/__stories__/Default.js +9 -4
  455. package/esm/typography/Heading/index.mdx +1 -5
  456. package/esm/typography/HeadingCaption/index.mdx +1 -5
  457. package/esm/typography/Hint/__stories__/FontSizes.js +3 -3
  458. package/esm/typography/Hint/index.mdx +3 -5
  459. package/esm/typography/NormalText/__stories__/FontSizes.js +7 -7
  460. package/esm/typography/NormalText/__stories__/Variants.js +4 -4
  461. package/esm/typography/NormalText/index.mdx +5 -15
  462. package/esm/typography/Paragraph/__stories__/FontSizes.js +7 -7
  463. package/esm/typography/Paragraph/__stories__/LeadVariant.js +1 -1
  464. package/esm/typography/Paragraph/__stories__/SmallVariant.js +1 -1
  465. package/esm/typography/Paragraph/index.mdx +5 -20
  466. package/esm/utils/Kitchensink/KitchensinkDashboard.js +1 -1
  467. package/feedback/CopyToClipboard/index.mdx +2 -10
  468. package/feedback/ErrorSummary/ErrorSummary.stories.d.ts +1 -0
  469. package/feedback/ErrorSummary/ErrorSummary.stories.js +14 -0
  470. package/feedback/ErrorSummary/__stories__/LinkedToCheckbox.js +3 -1
  471. package/feedback/ErrorSummary/__stories__/LinkedToField.js +3 -3
  472. package/feedback/ErrorSummary/__stories__/WithBackLinkAndButton.d.ts +2 -0
  473. package/feedback/ErrorSummary/__stories__/WithBackLinkAndButton.js +57 -0
  474. package/feedback/ErrorSummary/index.mdx +4 -20
  475. package/feedback/NotificationBanner/index.mdx +2 -10
  476. package/feedback/PhaseBanner/index.mdx +2 -10
  477. package/feedback/ServiceBadge/index.mdx +9 -5
  478. package/feedback/WarningText/WarningText.stories.d.ts +1 -0
  479. package/feedback/WarningText/WarningText.stories.js +14 -0
  480. package/feedback/WarningText/__stories__/AssistiveText.d.ts +2 -0
  481. package/feedback/WarningText/__stories__/AssistiveText.js +24 -0
  482. package/feedback/WarningText/index.mdx +1 -5
  483. package/form/AutoComplete/__stories__/Default.js +1 -1
  484. package/form/AutoComplete/index.d.ts +3 -3
  485. package/form/AutoComplete/index.js +11 -6
  486. package/form/AutoComplete/index.mdx +7 -35
  487. package/form/Button/__stories__/CallToActionButton.d.ts +0 -3
  488. package/form/Button/__stories__/CallToActionButton.js +1 -4
  489. package/form/Button/__stories__/GroupingButtons.d.ts +0 -3
  490. package/form/Button/__stories__/GroupingButtons.js +0 -3
  491. package/form/Button/__stories__/GroupingButtonsAndLinks.d.ts +0 -3
  492. package/form/Button/__stories__/GroupingButtonsAndLinks.js +0 -3
  493. package/form/Button/__stories__/Primary.d.ts +0 -3
  494. package/form/Button/__stories__/Primary.js +0 -3
  495. package/form/Button/__stories__/Secondary.d.ts +0 -3
  496. package/form/Button/__stories__/Secondary.js +0 -3
  497. package/form/Button/__stories__/WithVariantLink.d.ts +0 -3
  498. package/form/Button/__stories__/WithVariantLink.js +0 -3
  499. package/form/Button/index.mdx +8 -24
  500. package/form/Checkbox/__stories__/ConditionalReveal.js +1 -1
  501. package/form/Checkbox/__stories__/WithHint.js +1 -1
  502. package/form/Checkbox/index.mdx +12 -35
  503. package/form/DateInputContainer/__stories__/Default.js +1 -1
  504. package/form/DateInputContainer/__stories__/MultipleQuestions.js +2 -2
  505. package/form/DateInputContainer/__stories__/WithErrorMessage.js +1 -1
  506. package/form/DateInputContainer/__stories__/WithErrorMessageForSingleField.js +1 -1
  507. package/form/DateInputContainer/index.mdx +9 -20
  508. package/form/ErrorMessage/ErrorMessage.stories.d.ts +1 -0
  509. package/form/ErrorMessage/ErrorMessage.stories.js +14 -0
  510. package/form/ErrorMessage/__stories__/DateInputError.d.ts +2 -0
  511. package/form/ErrorMessage/__stories__/DateInputError.js +41 -0
  512. package/form/ErrorMessage/__stories__/Default.js +11 -8
  513. package/form/ErrorMessage/index.mdx +1 -5
  514. package/form/FileUpload/__stories__/Default.js +2 -2
  515. package/form/FileUpload/__stories__/WithErrorMessage.js +2 -2
  516. package/form/FileUpload/index.mdx +3 -5
  517. package/form/RadioContainer/RadioContainer.stories.d.ts +2 -1
  518. package/form/RadioContainer/RadioContainer.stories.js +18 -4
  519. package/form/RadioContainer/__stories__/ConditionalReveal.js +1 -1
  520. package/form/RadioContainer/__stories__/Default.js +7 -4
  521. package/form/RadioContainer/__stories__/MultipleQuestions.js +1 -1
  522. package/form/RadioContainer/__stories__/WithDivider.d.ts +2 -0
  523. package/form/RadioContainer/__stories__/WithDivider.js +38 -0
  524. package/form/RadioContainer/__stories__/WithErrorMessage.js +3 -1
  525. package/form/RadioContainer/__stories__/WithHints.js +1 -1
  526. package/form/RadioContainer/__stories__/WithMediumLegend.d.ts +2 -0
  527. package/form/RadioContainer/__stories__/WithMediumLegend.js +38 -0
  528. package/form/RadioContainer/index.mdx +12 -35
  529. package/form/SearchContainer/index.d.ts +5 -0
  530. package/form/{SearchSection → SearchContainer}/index.js +5 -5
  531. package/form/SelectContainer/__stories__/Default.js +4 -4
  532. package/form/SelectContainer/index.mdx +9 -15
  533. package/form/SingleCharacterInputs/SingleCharacterInput.stories.d.ts +13 -0
  534. package/form/{SingleCharacterInputContainer/SingleCharacterInputContainer.stories.js → SingleCharacterInputs/SingleCharacterInput.stories.js} +8 -8
  535. package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/Default.js +13 -13
  536. package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithDefaultError.js +7 -7
  537. package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageInvalidCode.js +14 -14
  538. package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageLessDigit.js +11 -11
  539. package/form/SingleCharacterInputs/index.d.ts +4 -0
  540. package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/index.js +9 -9
  541. package/form/SingleCharacterInputs/index.mdx +24 -0
  542. package/form/TextArea/__stories__/Default.js +5 -1
  543. package/form/TextArea/index.mdx +7 -35
  544. package/form/TextInput/__stories__/FixedWidths.js +14 -24
  545. package/form/TextInput/__stories__/FluidWidths.js +14 -24
  546. package/form/TextInput/index.mdx +8 -40
  547. package/form/index.d.ts +2 -2
  548. package/form/index.js +8 -8
  549. package/govgr/Footer/index.js +4 -4
  550. package/layouts/Admin/index.d.ts +1 -1
  551. package/layouts/Admin/index.js +4 -4
  552. package/layouts/Basic/__snapshots__/index.spec.tsx.snap +2 -2
  553. package/layouts/Section/index.d.ts +3 -0
  554. package/{navigation/NavList/NavMenu.js → layouts/Section/index.js} +5 -5
  555. package/layouts/Stack/Stack.stories.d.ts +13 -0
  556. package/layouts/Stack/Stack.stories.js +101 -0
  557. package/layouts/Stack/__stories__/AlignItems.d.ts +2 -0
  558. package/layouts/Stack/__stories__/AlignItems.js +81 -0
  559. package/layouts/Stack/__stories__/Default.d.ts +2 -0
  560. package/layouts/Stack/__stories__/Default.js +38 -0
  561. package/layouts/Stack/__stories__/JustifyContent.d.ts +2 -0
  562. package/layouts/Stack/__stories__/JustifyContent.js +98 -0
  563. package/layouts/Stack/__stories__/NoWrap.d.ts +2 -0
  564. package/layouts/Stack/__stories__/NoWrap.js +40 -0
  565. package/layouts/Stack/__stories__/Row.d.ts +2 -0
  566. package/layouts/Stack/__stories__/Row.js +39 -0
  567. package/layouts/Stack/__stories__/Spacing.d.ts +2 -0
  568. package/layouts/Stack/__stories__/Spacing.js +69 -0
  569. package/layouts/Stack/index.d.ts +2 -0
  570. package/layouts/Stack/index.js +13 -0
  571. package/layouts/index.d.ts +2 -0
  572. package/layouts/index.js +21 -0
  573. package/navigation/BackLink/index.mdx +1 -5
  574. package/navigation/Breadcrumbs/index.mdx +6 -5
  575. package/navigation/Drawer/__stories__/Default.js +24 -68
  576. package/navigation/Drawer/index.mdx +1 -5
  577. package/navigation/Dropdown/__stories__/AlignRight.js +9 -9
  578. package/navigation/Dropdown/__stories__/Default.js +9 -9
  579. package/navigation/Dropdown/__stories__/PlacementTop.js +9 -9
  580. package/navigation/Dropdown/index.d.ts +0 -1
  581. package/navigation/Dropdown/index.js +0 -14
  582. package/navigation/Dropdown/index.mdx +3 -17
  583. package/navigation/Link/index.mdx +7 -25
  584. package/navigation/NavList/NavList.stories.d.ts +4 -0
  585. package/navigation/NavList/NavList.stories.js +56 -0
  586. package/navigation/NavList/NavList.stories.playwright.json +7 -7
  587. package/navigation/NavList/NavListAuto/index.js +80 -0
  588. package/navigation/NavList/NavMenuContentList.d.ts +5 -0
  589. package/navigation/NavList/{NavMenuContainerContentList.js → NavMenuContentList.js} +10 -10
  590. package/navigation/NavList/__stories__/Default.js +20 -77
  591. package/navigation/NavList/__stories__/NavVertical.d.ts +2 -0
  592. package/navigation/NavList/__stories__/NavVertical.js +53 -0
  593. package/navigation/NavList/__stories__/NavVerticalLayout.js +12 -32
  594. package/navigation/NavList/__stories__/NavVerticalWithTitle.d.ts +2 -0
  595. package/navigation/NavList/__stories__/NavVerticalWithTitle.js +59 -0
  596. package/navigation/NavList/__stories__/WithBurgerIcon.d.ts +2 -0
  597. package/navigation/NavList/__stories__/WithBurgerIcon.js +82 -0
  598. package/navigation/NavList/__stories__/WithSubMenu.d.ts +2 -0
  599. package/navigation/NavList/__stories__/WithSubMenu.js +96 -0
  600. package/navigation/NavList/hooks/useNavList.d.ts +1 -1
  601. package/navigation/NavList/hooks/useNavList.js +2 -2
  602. package/navigation/NavList/hooks/useTogglableNav.d.ts +1 -0
  603. package/navigation/NavList/hooks/useTogglableNav.js +33 -18
  604. package/navigation/NavList/index.d.ts +16 -17
  605. package/navigation/NavList/index.js +54 -96
  606. package/navigation/NavList/index.mdx +2 -10
  607. package/navigation/NavList/types.d.ts +14 -17
  608. package/navigation/NavList/types.js +1 -14
  609. package/navigation/Pagination/__stories__/Default.js +7 -65
  610. package/navigation/Pagination/__stories__/PaginationSmall.js +1 -1
  611. package/navigation/Pagination/__stories__/PaginationWithSmallFont.js +1 -1
  612. package/navigation/Pagination/__stories__/WithInactiveValues.js +2 -2
  613. package/navigation/Pagination/index.mdx +7 -15
  614. package/navigation/SkipLink/SkipLink.stories.d.ts +9 -0
  615. package/navigation/SkipLink/SkipLink.stories.js +32 -0
  616. package/navigation/SkipLink/__stories__/Default.d.ts +2 -0
  617. package/navigation/SkipLink/__stories__/Default.js +26 -0
  618. package/navigation/Tabs/Tabs.stories.playwright.json +2 -2
  619. package/navigation/Tabs/__stories__/Default.js +19 -6
  620. package/navigation/Tabs/index.js +1 -1
  621. package/navigation/Tabs/index.mdx +7 -5
  622. package/package.json +3 -3
  623. package/registry.d.ts +19 -28
  624. package/registry.js +34 -70
  625. package/src/app/BannerContainer/BannerContainer.stories.js +12 -0
  626. package/src/app/BannerContainer/__stories__/CookiesBanner.tsx +32 -0
  627. package/src/app/CloseButton/index.tsx +4 -0
  628. package/src/app/{FilterSection → FilterContainer}/index.tsx +4 -5
  629. package/src/app/Footer/Footer.stories.playwright.json +2 -2
  630. package/src/app/Footer/__stories__/Default.tsx +1 -1
  631. package/src/app/Footer/__stories__/DefaultCopyright.tsx +27 -25
  632. package/src/app/Footer/__stories__/FooterAllInclusive.tsx +98 -89
  633. package/src/app/Footer/__stories__/FooterWithLink.tsx +48 -40
  634. package/src/app/Footer/__stories__/FooterWithLogo.tsx +41 -33
  635. package/src/app/Footer/__stories__/FooterWithSecondaryNavigation.tsx +22 -20
  636. package/src/app/Footer/__stories__/YearCopyright.tsx +24 -23
  637. package/src/app/Footer/index.mdx +4 -20
  638. package/src/app/Footer/index.tsx +3 -5
  639. package/src/app/Header/Header.stories.playwright.json +1 -1
  640. package/src/app/Header/__stories__/Default.tsx +4 -4
  641. package/src/app/Header/__stories__/WithHeaderNavigation.tsx +16 -26
  642. package/src/app/Header/__stories__/WithNavigation.tsx +17 -38
  643. package/src/app/Header/__stories__/WithServiceName.tsx +4 -4
  644. package/src/app/Header/__stories__/WithServiceNameAndLogo.tsx +4 -4
  645. package/src/app/Header/index.mdx +4 -21
  646. package/src/app/Header/index.spec.tsx +6 -1
  647. package/src/app/Masthead/Masthead.stories.js +2 -0
  648. package/src/app/Masthead/__stories__/WithElements.tsx +31 -0
  649. package/src/app/Masthead/__stories__/WithLogo.tsx +28 -0
  650. package/src/app/Modal/__stories__/Default.tsx +1 -1
  651. package/src/app/Modal/index.mdx +1 -5
  652. package/src/app/NotFound/index.tsx +5 -4
  653. package/src/app/PageTitleContainer/index.tsx +5 -0
  654. package/src/app/Panel/index.mdx +1 -5
  655. package/src/app/PhaseBannerHeader/index.mdx +1 -5
  656. package/src/app/PhaseBannerHeader/index.tsx +3 -3
  657. package/src/app/QrCodeViewer/index.mdx +2 -10
  658. package/src/app/ThemeOptions/index.tsx +3 -3
  659. package/src/app/index.ts +2 -3
  660. package/src/content/Accordion/index.mdx +2 -10
  661. package/src/content/Blockquote/index.mdx +1 -5
  662. package/src/content/Card/Card.stories.js +2 -0
  663. package/src/content/Card/__stories__/WithButton.tsx +24 -0
  664. package/src/content/Card/__stories__/WithClickableContent.tsx +1 -1
  665. package/src/content/Card/__stories__/WithLink.tsx +25 -0
  666. package/src/content/Card/index.mdx +8 -40
  667. package/src/content/Chip/__stories__/GroupOfChips.tsx +3 -3
  668. package/src/content/Chip/index.mdx +39 -0
  669. package/src/content/Chip/index.tsx +1 -2
  670. package/src/content/Details/index.mdx +6 -5
  671. package/src/content/List/__stories__/HorizontalList.tsx +1 -1
  672. package/src/content/List/__stories__/WithExtraSpace.tsx +1 -1
  673. package/src/content/List/index.mdx +3 -15
  674. package/src/content/StepNav/__stories__/Default.tsx +3 -4
  675. package/src/content/StepNav/__stories__/WithHints.tsx +4 -4
  676. package/src/content/StepNav/index.mdx +21 -0
  677. package/src/content/SummaryList/SummaryList.stories.js +1 -0
  678. package/src/content/SummaryList/__stories__/Default.tsx +30 -21
  679. package/src/content/SummaryList/__stories__/WithActions.tsx +37 -41
  680. package/src/content/SummaryList/__stories__/WithoutActions.tsx +27 -0
  681. package/src/content/SummaryList/__stories__/WithoutBorders.tsx +31 -17
  682. package/src/content/SummaryList/index.mdx +3 -15
  683. package/src/content/Table/__stories__/DefinedWidth.tsx +3 -3
  684. package/src/content/Table/__stories__/RowColors.tsx +5 -5
  685. package/src/content/Table/__stories__/WithFloatingScroll.tsx +5 -7
  686. package/src/content/Table/index.mdx +1 -1
  687. package/src/content/Table/index.tsx +13 -12
  688. package/src/content/TaskList/__stories__/Default.tsx +5 -5
  689. package/src/content/TaskList/index.mdx +21 -0
  690. package/src/content/Timeline/__stories__/Default.tsx +55 -57
  691. package/src/content/Timeline/index.mdx +23 -0
  692. package/src/feedback/CopyToClipboard/index.mdx +2 -10
  693. package/src/feedback/ErrorSummary/ErrorSummary.stories.js +1 -0
  694. package/src/feedback/ErrorSummary/__stories__/LinkedToCheckbox.tsx +2 -1
  695. package/src/feedback/ErrorSummary/__stories__/LinkedToField.tsx +4 -6
  696. package/src/feedback/ErrorSummary/__stories__/WithBackLinkAndButton.tsx +49 -0
  697. package/src/feedback/ErrorSummary/index.mdx +4 -20
  698. package/src/feedback/NotificationBanner/index.mdx +2 -10
  699. package/src/feedback/PhaseBanner/index.mdx +2 -10
  700. package/src/feedback/ServiceBadge/index.mdx +9 -5
  701. package/src/feedback/WarningText/WarningText.stories.js +1 -0
  702. package/src/feedback/WarningText/__stories__/AssistiveText.tsx +10 -0
  703. package/src/feedback/WarningText/index.mdx +1 -5
  704. package/src/form/AutoComplete/__stories__/Default.tsx +1 -1
  705. package/src/form/AutoComplete/index.mdx +7 -35
  706. package/src/form/AutoComplete/index.tsx +6 -12
  707. package/src/form/Button/__stories__/CallToActionButton.tsx +1 -4
  708. package/src/form/Button/__stories__/GroupingButtons.tsx +0 -3
  709. package/src/form/Button/__stories__/GroupingButtonsAndLinks.tsx +0 -3
  710. package/src/form/Button/__stories__/Primary.tsx +1 -3
  711. package/src/form/Button/__stories__/Secondary.tsx +0 -3
  712. package/src/form/Button/__stories__/WithVariantLink.tsx +1 -3
  713. package/src/form/Button/index.mdx +8 -24
  714. package/src/form/Checkbox/__stories__/ConditionalReveal.tsx +1 -1
  715. package/src/form/Checkbox/__stories__/WithHint.tsx +1 -1
  716. package/src/form/Checkbox/index.mdx +12 -35
  717. package/src/form/DateInputContainer/__stories__/Default.tsx +1 -1
  718. package/src/form/DateInputContainer/__stories__/MultipleQuestions.tsx +2 -2
  719. package/src/form/DateInputContainer/__stories__/WithErrorMessage.tsx +1 -1
  720. package/src/form/DateInputContainer/__stories__/WithErrorMessageForSingleField.tsx +1 -1
  721. package/src/form/DateInputContainer/index.mdx +9 -20
  722. package/src/form/ErrorMessage/ErrorMessage.stories.js +1 -0
  723. package/src/form/ErrorMessage/__stories__/DateInputError.tsx +34 -0
  724. package/src/form/ErrorMessage/__stories__/Default.tsx +12 -6
  725. package/src/form/ErrorMessage/index.mdx +1 -5
  726. package/src/form/FileUpload/__stories__/Default.tsx +2 -2
  727. package/src/form/FileUpload/__stories__/WithErrorMessage.tsx +2 -2
  728. package/src/form/FileUpload/index.mdx +3 -5
  729. package/src/form/RadioContainer/RadioContainer.stories.js +2 -1
  730. package/src/form/RadioContainer/__stories__/ConditionalReveal.tsx +1 -1
  731. package/src/form/RadioContainer/__stories__/Default.tsx +7 -4
  732. package/src/form/RadioContainer/__stories__/MultipleQuestions.tsx +1 -1
  733. package/src/form/RadioContainer/__stories__/WithDivider.tsx +30 -0
  734. package/src/form/RadioContainer/__stories__/WithErrorMessage.tsx +1 -1
  735. package/src/form/RadioContainer/__stories__/WithHints.tsx +1 -1
  736. package/src/form/RadioContainer/__stories__/WithMediumLegend.tsx +32 -0
  737. package/src/form/RadioContainer/index.mdx +12 -35
  738. package/src/form/SearchContainer/index.tsx +6 -0
  739. package/src/form/SelectContainer/__stories__/Default.tsx +4 -4
  740. package/src/form/SelectContainer/index.mdx +9 -15
  741. package/src/form/SingleCharacterInputs/SingleCharacterInput.stories.js +13 -0
  742. package/src/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/Default.tsx +11 -11
  743. package/src/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithDefaultError.tsx +11 -11
  744. package/src/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageInvalidCode.tsx +11 -11
  745. package/src/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageLessDigit.tsx +11 -11
  746. package/src/form/SingleCharacterInputs/index.mdx +24 -0
  747. package/src/form/SingleCharacterInputs/index.tsx +4 -0
  748. package/src/form/TextArea/__stories__/Default.tsx +5 -0
  749. package/src/form/TextArea/index.mdx +7 -35
  750. package/src/form/TextInput/__stories__/FixedWidths.tsx +8 -8
  751. package/src/form/TextInput/__stories__/FluidWidths.tsx +8 -8
  752. package/src/form/TextInput/index.mdx +8 -40
  753. package/src/form/index.ts +2 -2
  754. package/src/govgr/Footer/index.tsx +8 -8
  755. package/src/layouts/Admin/index.tsx +1 -1
  756. package/src/layouts/Basic/__snapshots__/index.spec.tsx.snap +2 -2
  757. package/src/layouts/Section/index.tsx +3 -0
  758. package/src/layouts/Stack/Stack.stories.js +12 -0
  759. package/src/layouts/Stack/__stories__/AlignItems.tsx +36 -0
  760. package/src/layouts/Stack/__stories__/Default.tsx +17 -0
  761. package/src/layouts/Stack/__stories__/JustifyContent.tsx +47 -0
  762. package/src/layouts/Stack/__stories__/NoWrap.tsx +17 -0
  763. package/src/layouts/Stack/__stories__/Row.tsx +17 -0
  764. package/src/layouts/Stack/__stories__/Spacing.tsx +35 -0
  765. package/src/layouts/Stack/index.tsx +3 -0
  766. package/src/layouts/index.ts +2 -0
  767. package/src/navigation/BackLink/index.mdx +1 -5
  768. package/src/navigation/Breadcrumbs/index.mdx +6 -5
  769. package/src/navigation/Drawer/__stories__/Default.tsx +31 -84
  770. package/src/navigation/Drawer/index.mdx +1 -5
  771. package/src/navigation/Dropdown/__stories__/AlignRight.tsx +13 -12
  772. package/src/navigation/Dropdown/__stories__/Default.tsx +10 -11
  773. package/src/navigation/Dropdown/__stories__/PlacementTop.tsx +11 -11
  774. package/src/navigation/Dropdown/index.mdx +3 -17
  775. package/src/navigation/Dropdown/index.tsx +0 -1
  776. package/src/navigation/Link/index.mdx +7 -25
  777. package/src/navigation/NavList/NavList.stories.js +4 -0
  778. package/src/navigation/NavList/NavList.stories.playwright.json +7 -7
  779. package/src/navigation/NavList/NavListAuto/index.tsx +68 -0
  780. package/src/navigation/NavList/{NavMenuContainerContentList.tsx → NavMenuContentList.tsx} +8 -8
  781. package/src/navigation/NavList/__stories__/Default.tsx +16 -92
  782. package/src/navigation/NavList/__stories__/NavVertical.tsx +36 -0
  783. package/src/navigation/NavList/__stories__/NavVerticalLayout.tsx +25 -33
  784. package/src/navigation/NavList/__stories__/NavVerticalWithTitle.tsx +40 -0
  785. package/src/navigation/NavList/__stories__/WithBurgerIcon.tsx +49 -0
  786. package/src/navigation/NavList/__stories__/WithSubMenu.tsx +101 -0
  787. package/src/navigation/NavList/hooks/useNavList.ts +3 -3
  788. package/src/navigation/NavList/hooks/useTogglableNav.tsx +31 -19
  789. package/src/navigation/NavList/index.mdx +2 -10
  790. package/src/navigation/NavList/index.tsx +16 -17
  791. package/src/navigation/NavList/types.tsx +16 -28
  792. package/src/navigation/Pagination/__stories__/Default.tsx +2 -76
  793. package/src/navigation/Pagination/__stories__/PaginationSmall.tsx +1 -1
  794. package/src/navigation/Pagination/__stories__/PaginationWithSmallFont.tsx +1 -1
  795. package/src/navigation/Pagination/__stories__/WithInactiveValues.tsx +2 -2
  796. package/src/navigation/Pagination/index.mdx +7 -15
  797. package/src/navigation/SkipLink/SkipLink.stories.js +9 -0
  798. package/src/navigation/SkipLink/__stories__/Default.tsx +15 -0
  799. package/src/navigation/Tabs/Tabs.stories.playwright.json +2 -2
  800. package/src/navigation/Tabs/__stories__/Default.tsx +15 -8
  801. package/src/navigation/Tabs/index.mdx +7 -5
  802. package/src/navigation/Tabs/index.tsx +1 -1
  803. package/src/registry.js +30 -54
  804. package/src/typography/Heading/__stories__/Default.tsx +6 -6
  805. package/src/typography/Heading/index.mdx +1 -5
  806. package/src/typography/HeadingCaption/index.mdx +1 -5
  807. package/src/typography/Hint/__stories__/FontSizes.tsx +3 -3
  808. package/src/typography/Hint/index.mdx +3 -5
  809. package/src/typography/NormalText/__stories__/FontSizes.tsx +7 -7
  810. package/src/typography/NormalText/__stories__/Variants.tsx +2 -2
  811. package/src/typography/NormalText/index.mdx +5 -15
  812. package/src/typography/Paragraph/__stories__/FontSizes.tsx +7 -7
  813. package/src/typography/Paragraph/__stories__/LeadVariant.tsx +1 -1
  814. package/src/typography/Paragraph/__stories__/SmallVariant.tsx +1 -1
  815. package/src/typography/Paragraph/index.mdx +5 -20
  816. package/src/utils/Kitchensink/KitchensinkDashboard.tsx +1 -1
  817. package/typography/Caption/index.d.ts +1 -1
  818. package/typography/Heading/__stories__/Default.js +9 -4
  819. package/typography/Heading/index.mdx +1 -5
  820. package/typography/HeadingCaption/index.mdx +1 -5
  821. package/typography/Hint/__stories__/FontSizes.js +3 -3
  822. package/typography/Hint/index.mdx +3 -5
  823. package/typography/NormalText/__stories__/FontSizes.js +7 -7
  824. package/typography/NormalText/__stories__/Variants.js +4 -4
  825. package/typography/NormalText/index.mdx +5 -15
  826. package/typography/Paragraph/__stories__/FontSizes.js +7 -7
  827. package/typography/Paragraph/__stories__/LeadVariant.js +1 -1
  828. package/typography/Paragraph/__stories__/SmallVariant.js +1 -1
  829. package/typography/Paragraph/index.mdx +5 -20
  830. package/utils/Kitchensink/KitchensinkDashboard.js +1 -1
  831. package/app/PageTitle/index.d.ts +0 -5
  832. package/es/app/PageTitle/index.js +0 -5
  833. package/es/form/RadioContainer/__stories__/InlineWithDivider.js +0 -24
  834. package/es/form/SearchSection/index.js +0 -5
  835. package/es/form/SingleCharacterInputContainer/SingleCharacterInputContainer.stories.js +0 -12
  836. package/es/form/SingleCharacterInputContainer/index.js +0 -4
  837. package/es/form/SingleCharacterInputContainer/index.mdx +0 -36
  838. package/es/navigation/NavList/NavListAuto/NavListAuto.js +0 -31
  839. package/es/navigation/NavList/NavListAuto/NavListBaseAuto.js +0 -22
  840. package/es/navigation/NavList/NavListAuto/NavListContextAuto.js +0 -104
  841. package/es/navigation/NavList/NavListAuto/NavListItemAnchorAuto.js +0 -26
  842. package/es/navigation/NavList/NavListAuto/NavListItemAuto.js +0 -38
  843. package/es/navigation/NavList/NavListAuto/NavListItemButtonAuto.js +0 -30
  844. package/es/navigation/NavList/NavListAuto/NavListMenuAuto.js +0 -36
  845. package/es/navigation/NavList/NavListAuto/NavListSubMenuAuto.js +0 -26
  846. package/es/navigation/NavList/NavListItem.js +0 -23
  847. package/es/navigation/NavList/NavListItemBase.js +0 -44
  848. package/es/navigation/NavList/NavListItemButton.js +0 -3
  849. package/es/navigation/NavList/NavListItemLink.js +0 -3
  850. package/es/navigation/NavList/NavMenu.js +0 -3
  851. package/es/navigation/NavList/NavMenuContainer.js +0 -3
  852. package/es/navigation/NavList/NavMenuContainerContent.js +0 -3
  853. package/es/navigation/NavList/NavMenuContainerContentListItem.js +0 -3
  854. package/es/navigation/NavList/NavMenuContainerTitle.js +0 -3
  855. package/es/navigation/NavList/NavVertical.js +0 -3
  856. package/es/navigation/NavList/NavVerticalItem.js +0 -3
  857. package/esm/app/PageTitle/index.js +0 -5
  858. package/esm/form/RadioContainer/__stories__/InlineWithDivider.js +0 -24
  859. package/esm/form/SearchSection/index.js +0 -5
  860. package/esm/form/SingleCharacterInputContainer/SingleCharacterInputContainer.stories.js +0 -12
  861. package/esm/form/SingleCharacterInputContainer/index.js +0 -4
  862. package/esm/form/SingleCharacterInputContainer/index.mdx +0 -36
  863. package/esm/navigation/NavList/NavListAuto/NavListAuto.js +0 -31
  864. package/esm/navigation/NavList/NavListAuto/NavListBaseAuto.js +0 -22
  865. package/esm/navigation/NavList/NavListAuto/NavListContextAuto.js +0 -104
  866. package/esm/navigation/NavList/NavListAuto/NavListItemAnchorAuto.js +0 -26
  867. package/esm/navigation/NavList/NavListAuto/NavListItemAuto.js +0 -38
  868. package/esm/navigation/NavList/NavListAuto/NavListItemButtonAuto.js +0 -30
  869. package/esm/navigation/NavList/NavListAuto/NavListMenuAuto.js +0 -36
  870. package/esm/navigation/NavList/NavListAuto/NavListSubMenuAuto.js +0 -26
  871. package/esm/navigation/NavList/NavListItem.js +0 -23
  872. package/esm/navigation/NavList/NavListItemBase.js +0 -44
  873. package/esm/navigation/NavList/NavListItemButton.js +0 -3
  874. package/esm/navigation/NavList/NavListItemLink.js +0 -3
  875. package/esm/navigation/NavList/NavMenu.js +0 -3
  876. package/esm/navigation/NavList/NavMenuContainer.js +0 -3
  877. package/esm/navigation/NavList/NavMenuContainerContent.js +0 -3
  878. package/esm/navigation/NavList/NavMenuContainerContentListItem.js +0 -3
  879. package/esm/navigation/NavList/NavMenuContainerTitle.js +0 -3
  880. package/esm/navigation/NavList/NavVertical.js +0 -3
  881. package/esm/navigation/NavList/NavVerticalItem.js +0 -3
  882. package/form/RadioContainer/__stories__/InlineWithDivider.d.ts +0 -2
  883. package/form/RadioContainer/__stories__/InlineWithDivider.js +0 -39
  884. package/form/SearchSection/index.d.ts +0 -5
  885. package/form/SingleCharacterInputContainer/SingleCharacterInputContainer.stories.d.ts +0 -13
  886. package/form/SingleCharacterInputContainer/index.d.ts +0 -4
  887. package/form/SingleCharacterInputContainer/index.mdx +0 -36
  888. package/navigation/NavList/NavListAuto/NavListAuto.js +0 -48
  889. package/navigation/NavList/NavListAuto/NavListBaseAuto.d.ts +0 -3
  890. package/navigation/NavList/NavListAuto/NavListBaseAuto.js +0 -38
  891. package/navigation/NavList/NavListAuto/NavListContextAuto.d.ts +0 -29
  892. package/navigation/NavList/NavListAuto/NavListContextAuto.js +0 -128
  893. package/navigation/NavList/NavListAuto/NavListItemAnchorAuto.d.ts +0 -9
  894. package/navigation/NavList/NavListAuto/NavListItemAnchorAuto.js +0 -51
  895. package/navigation/NavList/NavListAuto/NavListItemAuto.d.ts +0 -8
  896. package/navigation/NavList/NavListAuto/NavListItemAuto.js +0 -63
  897. package/navigation/NavList/NavListAuto/NavListItemButtonAuto.d.ts +0 -12
  898. package/navigation/NavList/NavListAuto/NavListItemButtonAuto.js +0 -48
  899. package/navigation/NavList/NavListAuto/NavListMenuAuto.d.ts +0 -11
  900. package/navigation/NavList/NavListAuto/NavListMenuAuto.js +0 -56
  901. package/navigation/NavList/NavListAuto/NavListSubMenuAuto.d.ts +0 -9
  902. package/navigation/NavList/NavListAuto/NavListSubMenuAuto.js +0 -44
  903. package/navigation/NavList/NavListItem.d.ts +0 -4
  904. package/navigation/NavList/NavListItem.js +0 -42
  905. package/navigation/NavList/NavListItemBase.d.ts +0 -15
  906. package/navigation/NavList/NavListItemBase.js +0 -68
  907. package/navigation/NavList/NavListItemButton.d.ts +0 -3
  908. package/navigation/NavList/NavListItemButton.js +0 -30
  909. package/navigation/NavList/NavListItemLink.d.ts +0 -3
  910. package/navigation/NavList/NavListItemLink.js +0 -30
  911. package/navigation/NavList/NavMenu.d.ts +0 -3
  912. package/navigation/NavList/NavMenuContainer.d.ts +0 -3
  913. package/navigation/NavList/NavMenuContainer.js +0 -30
  914. package/navigation/NavList/NavMenuContainerContent.d.ts +0 -3
  915. package/navigation/NavList/NavMenuContainerContent.js +0 -30
  916. package/navigation/NavList/NavMenuContainerContentList.d.ts +0 -5
  917. package/navigation/NavList/NavMenuContainerContentListItem.d.ts +0 -3
  918. package/navigation/NavList/NavMenuContainerContentListItem.js +0 -30
  919. package/navigation/NavList/NavMenuContainerTitle.d.ts +0 -3
  920. package/navigation/NavList/NavMenuContainerTitle.js +0 -30
  921. package/navigation/NavList/NavVertical.d.ts +0 -3
  922. package/navigation/NavList/NavVerticalItem.d.ts +0 -3
  923. package/navigation/NavList/NavVerticalItem.js +0 -30
  924. package/src/app/PageTitle/index.tsx +0 -5
  925. package/src/form/RadioContainer/__stories__/InlineWithDivider.tsx +0 -32
  926. package/src/form/SearchSection/index.tsx +0 -6
  927. package/src/form/SingleCharacterInputContainer/SingleCharacterInputContainer.stories.js +0 -13
  928. package/src/form/SingleCharacterInputContainer/index.mdx +0 -36
  929. package/src/form/SingleCharacterInputContainer/index.tsx +0 -4
  930. package/src/navigation/NavList/NavListAuto/NavListAuto.tsx +0 -34
  931. package/src/navigation/NavList/NavListAuto/NavListBaseAuto.tsx +0 -20
  932. package/src/navigation/NavList/NavListAuto/NavListContextAuto.tsx +0 -112
  933. package/src/navigation/NavList/NavListAuto/NavListItemAnchorAuto.tsx +0 -38
  934. package/src/navigation/NavList/NavListAuto/NavListItemAuto.tsx +0 -49
  935. package/src/navigation/NavList/NavListAuto/NavListItemButtonAuto.tsx +0 -53
  936. package/src/navigation/NavList/NavListAuto/NavListMenuAuto.tsx +0 -51
  937. package/src/navigation/NavList/NavListAuto/NavListSubMenuAuto.tsx +0 -32
  938. package/src/navigation/NavList/NavListItem.tsx +0 -46
  939. package/src/navigation/NavList/NavListItemBase.tsx +0 -63
  940. package/src/navigation/NavList/NavListItemButton.tsx +0 -3
  941. package/src/navigation/NavList/NavListItemLink.tsx +0 -3
  942. package/src/navigation/NavList/NavMenu.tsx +0 -3
  943. package/src/navigation/NavList/NavMenuContainer.tsx +0 -3
  944. package/src/navigation/NavList/NavMenuContainerContent.tsx +0 -3
  945. package/src/navigation/NavList/NavMenuContainerContentListItem.tsx +0 -3
  946. package/src/navigation/NavList/NavMenuContainerTitle.tsx +0 -3
  947. package/src/navigation/NavList/NavVertical.tsx +0 -3
  948. package/src/navigation/NavList/NavVerticalItem.tsx +0 -3
  949. /package/es/form/SelectContainer/{Select.stories.js → SelectContainer.stories.js} +0 -0
  950. /package/es/form/SelectContainer/{Select.stories.playwright.json → SelectContainer.stories.playwright.json} +0 -0
  951. /package/esm/form/SelectContainer/{Select.stories.js → SelectContainer.stories.js} +0 -0
  952. /package/esm/form/SelectContainer/{Select.stories.playwright.json → SelectContainer.stories.playwright.json} +0 -0
  953. /package/form/SelectContainer/{Select.stories.d.ts → SelectContainer.stories.d.ts} +0 -0
  954. /package/form/SelectContainer/{Select.stories.js → SelectContainer.stories.js} +0 -0
  955. /package/form/SelectContainer/{Select.stories.playwright.json → SelectContainer.stories.playwright.json} +0 -0
  956. /package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/Default.d.ts +0 -0
  957. /package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithDefaultError.d.ts +0 -0
  958. /package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageInvalidCode.d.ts +0 -0
  959. /package/form/{SingleCharacterInputContainer → SingleCharacterInputs}/__stories__/WithErrorMessageLessDigit.d.ts +0 -0
  960. /package/navigation/NavList/NavListAuto/{NavListAuto.d.ts → index.d.ts} +0 -0
  961. /package/src/form/SelectContainer/{Select.stories.js → SelectContainer.stories.js} +0 -0
  962. /package/src/form/SelectContainer/{Select.stories.playwright.json → SelectContainer.stories.playwright.json} +0 -0
@@ -187,10 +187,8 @@ var WithHints = function WithHints() {
187
187
  }
188
188
  }, /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavAccordionSummaryHeading, {
189
189
  "aria-controls": "content1"
190
- }, _ref, index === 1 ? _ref2 : /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavCircleNumber, null, _ref3, index > 1 ? index : index + 1), /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavAccordionHeadingTitle, null, /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavAccordionHeadingText, {
191
- open: openItem[index]
192
- }, field.title, field.codename && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, ' - ', " ", field.codename)), /*#__PURE__*/_react["default"].createElement(_Hint.Hint, {
193
- fontSize: "14"
190
+ }, _ref, index === 1 ? _ref2 : /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavCircleNumber, null, _ref3, index > 1 ? index : index + 1), /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavAccordionHeadingTitle, null, /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavAccordionHeadingText, null, field.title, field.codename && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, ' - ', " ", field.codename)), /*#__PURE__*/_react["default"].createElement(_Hint.Hint, {
191
+ fontSize: 14
194
192
  }, field.date)))), /*#__PURE__*/_react["default"].createElement(_StepNav.StepNavAccordionContent, {
195
193
  id: "content1"
196
194
  }, /*#__PURE__*/_react["default"].createElement(_Button.ButtonGroup, null, (field.actions || []).map(function (action, subIndex) {
@@ -0,0 +1,21 @@
1
+ ---
2
+ id: step-nav
3
+ title: StepNav
4
+ ---
5
+
6
+ # StepNav
7
+ StepNav is a component that displays number of steps required to complete a process inside your application.
8
+
9
+ ```bash
10
+ import StepNav from '@digigov/ui/content/StepNav';
11
+ ```
12
+
13
+ ## How to use
14
+
15
+ ### Default
16
+
17
+ <Story packageName="@digigov/ui" component="content/StepNav" story="Default.tsx" />
18
+
19
+ ### With hints
20
+
21
+ <Story packageName="@digigov/ui" component="content/StepNav" story="WithHints.tsx" />
@@ -8,6 +8,7 @@ declare namespace _default {
8
8
  export default _default;
9
9
  export * from "./__stories__/Default";
10
10
  export * from "./__stories__/WithActions";
11
+ export * from "./__stories__/WithoutActions";
11
12
  export * from "./__stories__/WithoutBorders";
12
13
  export * from "./__stories__/WithKeyAndAction";
13
14
  export * from "./__stories__/RowVariations";
@@ -38,6 +38,20 @@ Object.keys(_WithActions).forEach(function (key) {
38
38
  });
39
39
  });
40
40
 
41
+ var _WithoutActions = require("./__stories__/WithoutActions");
42
+
43
+ Object.keys(_WithoutActions).forEach(function (key) {
44
+ if (key === "default" || key === "__esModule") return;
45
+ if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
46
+ if (key in exports && exports[key] === _WithoutActions[key]) return;
47
+ Object.defineProperty(exports, key, {
48
+ enumerable: true,
49
+ get: function get() {
50
+ return _WithoutActions[key];
51
+ }
52
+ });
53
+ });
54
+
41
55
  var _WithoutBorders = require("./__stories__/WithoutBorders");
42
56
 
43
57
  Object.keys(_WithoutBorders).forEach(function (key) {
@@ -15,12 +15,16 @@ var _Link = require("@digigov/ui/navigation/Link");
15
15
 
16
16
  var _VisuallyHidden = require("@digigov/ui/utils/VisuallyHidden");
17
17
 
18
- var _ref = /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryList, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2")), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u03A3\u03C5\u03BD\u03C4\u03AC\u03B3\u03BC\u03B1\u03C4\u03BF\u03C2 15, \u0391\u03B8\u03AE\u03BD\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
18
+ var _ref = /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryList, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
19
19
  href: "#"
20
- }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "6941234567")));
20
+ }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "11 \u039C\u03B1\u03CA\u03BF\u03C5 1990"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
21
+ href: "#"
22
+ }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "6941234567"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
23
+ href: "#"
24
+ }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))));
21
25
 
22
26
  var Default = function Default() {
23
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref);
27
+ return _ref;
24
28
  };
25
29
 
26
30
  exports.Default = Default;
@@ -2,6 +2,8 @@
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
 
5
+ var _typeof = require("@babel/runtime/helpers/typeof");
6
+
5
7
  Object.defineProperty(exports, "__esModule", {
6
8
  value: true
7
9
  });
@@ -11,24 +13,28 @@ var _react = _interopRequireDefault(require("react"));
11
13
 
12
14
  var _SummaryList = require("@digigov/ui/content/SummaryList");
13
15
 
14
- var _Button = require("@digigov/ui/form/Button");
15
-
16
16
  var _Link = require("@digigov/ui/navigation/Link");
17
17
 
18
18
  var _VisuallyHidden = require("@digigov/ui/utils/VisuallyHidden");
19
19
 
20
- var _ref = /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryList, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, " \u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
20
+ var _Button = _interopRequireWildcard(require("@digigov/ui/form/Button"));
21
+
22
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
+
24
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
+
26
+ var _ref = /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryList, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
21
27
  href: "#"
22
- }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u039F\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2")))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u03A3\u03C5\u03BD\u03C4\u03AC\u03B3\u03BC\u03B1\u03C4\u03BF\u03C2 15, \u0391\u03B8\u03AE\u03BD\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
28
+ }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "11 \u039C\u03B1\u03CA\u03BF\u03C5 1990"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
23
29
  href: "#"
24
- }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "6941234567"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Button.ButtonGroup, null, /*#__PURE__*/_react["default"].createElement(_Button.Button, {
30
+ }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1\u03C2")))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "6941234567"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Button.ButtonGroup, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
25
31
  variant: "link"
26
- }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5")), /*#__PURE__*/_react["default"].createElement(_Button.Button, {
32
+ }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5")), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
27
33
  variant: "link"
28
34
  }, "\u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE ", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"))))));
29
35
 
30
36
  var WithActions = function WithActions() {
31
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref);
37
+ return _ref;
32
38
  };
33
39
 
34
40
  exports.WithActions = WithActions;
@@ -0,0 +1,2 @@
1
+ export declare const WithoutActions: () => JSX.Element;
2
+ export default WithoutActions;
@@ -0,0 +1,22 @@
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.WithoutActions = void 0;
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var _SummaryList = require("@digigov/ui/content/SummaryList");
13
+
14
+ var _ref = /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryList, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2")), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "11 \u039C\u03B1\u03CA\u03BF\u03C5 1990")), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "6941234567")));
15
+
16
+ var WithoutActions = function WithoutActions() {
17
+ return _ref;
18
+ };
19
+
20
+ exports.WithoutActions = WithoutActions;
21
+ var _default = WithoutActions;
22
+ exports["default"] = _default;
@@ -11,12 +11,22 @@ var _react = _interopRequireDefault(require("react"));
11
11
 
12
12
  var _SummaryList = require("@digigov/ui/content/SummaryList");
13
13
 
14
+ var _VisuallyHidden = _interopRequireDefault(require("@digigov/ui/utils/VisuallyHidden"));
15
+
16
+ var _Link = _interopRequireDefault(require("@digigov/ui/navigation/Link"));
17
+
14
18
  var _ref = /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryList, {
15
19
  border: false
16
- }, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2")), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u03A3\u03C5\u03BD\u03C4\u03AC\u03B3\u03BC\u03B1\u03C4\u03BF\u03C2 15, \u0391\u03B8\u03AE\u03BD\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null)), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "6941234567")));
20
+ }, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
21
+ href: "#"
22
+ }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, "\u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0397\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "11 \u039C\u03B1\u03CA\u03BF\u03C5 1990"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
23
+ href: "#"
24
+ }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, "\u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1\u03C2")))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "6941234567"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
25
+ href: "#"
26
+ }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], null, "\u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5")))));
17
27
 
18
28
  var WithoutBorders = function WithoutBorders() {
19
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref);
29
+ return _ref;
20
30
  };
21
31
 
22
32
  exports.WithoutBorders = WithoutBorders;
@@ -13,11 +13,7 @@ import SummaryList from '@digigov/ui/content/SummaryList';
13
13
 
14
14
  ## How to use
15
15
 
16
- <Story
17
- packageName="@digigov/ui"
18
- component="content/SummaryList"
19
- story="Default.tsx"
20
- />
16
+ <Story packageName="@digigov/ui" component="content/SummaryList" story="Default.tsx" />
21
17
 
22
18
  ### Summary list with actions
23
19
 
@@ -25,21 +21,13 @@ Assistive technology users, like those who use a screen reader, may hear the lin
25
21
  To give more context, add visually hidden text to the links.
26
22
  This means a screen reader user will hear a meaningful action, like ‘Αλλαγή ονόματος’ or ‘Αλλαγή ημερομηνίας γέννησης’.
27
23
 
28
- <Story
29
- packageName="@digigov/ui"
30
- component="content/SummaryList"
31
- story="WithActions.tsx"
32
- />
24
+ <Story packageName="@digigov/ui" component="content/SummaryList" story="WithActions.tsx" />
33
25
 
34
26
  ### Summary list without borders
35
27
 
36
28
  If you do not include actions in your summary list and it would be better for your design to remove the separating borders, use the `border={false}` prop.
37
29
 
38
- <Story
39
- packageName="@digigov/ui"
40
- component="content/SummaryList"
41
- story="WithoutBorders.tsx"
42
- />
30
+ <Story packageName="@digigov/ui" component="content/SummaryList" story="WithoutBorders.tsx" />
43
31
 
44
32
  ## API
45
33
 
@@ -35,11 +35,11 @@ var data = {
35
35
 
36
36
  var DefinedWidth = function DefinedWidth() {
37
37
  return /*#__PURE__*/_react["default"].createElement(_Table.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_Table.Table, null, data && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Table.TableCaption, null, data.title), /*#__PURE__*/_react["default"].createElement(_Table.TableHead, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, data.labels && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, {
38
- cellWidth: "one-half"
38
+ width: "50%"
39
39
  }, data.labels.name), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, {
40
- cellWidth: "one-quarter"
40
+ width: "25%"
41
41
  }, data.labels.role), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, {
42
- cellWidth: "one-quarter"
42
+ width: "25%"
43
43
  }, data.labels.email)))), /*#__PURE__*/_react["default"].createElement(_Table.TableBody, null, data.content && data.content.map(function (item, index) {
44
44
  return /*#__PURE__*/_react["default"].createElement(_Table.TableRow, {
45
45
  key: index
@@ -23,27 +23,27 @@ var data = {
23
23
  content: [{
24
24
  date: '24-07-23 16:34',
25
25
  title: 'Ειδοποίηση',
26
- actions: 'λεπτομέρειες',
26
+ actions: 'Λεπτομέρειες',
27
27
  "new": true
28
28
  }, {
29
29
  date: '24-07-23 12:41',
30
30
  title: 'Μήνυμα υπηρεσίας',
31
- actions: 'λεπτομέρειες',
31
+ actions: 'Λεπτομέρειες',
32
32
  "new": true
33
33
  }, {
34
34
  date: '24-07-23 12:40',
35
35
  title: 'Μήνυμα από τον διαχειριστή',
36
- actions: 'λεπτομέρειες',
36
+ actions: 'Λεπτομέρειες',
37
37
  "new": false
38
38
  }, {
39
39
  date: '23-07-23 15:14',
40
40
  title: 'Έχετε συνδεθεί',
41
- actions: 'λεπτομέρειες',
41
+ actions: 'Λεπτομέρειες',
42
42
  "new": false
43
43
  }, {
44
44
  date: '23-07-23 13:25',
45
45
  title: 'Ο κωδικός άλλαξε',
46
- actions: 'λεπτομέρειες',
46
+ actions: 'Λεπτομέρειες',
47
47
  "new": false
48
48
  }]
49
49
  };
@@ -2,6 +2,8 @@
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
 
5
+ var _typeof = require("@babel/runtime/helpers/typeof");
6
+
5
7
  Object.defineProperty(exports, "__esModule", {
6
8
  value: true
7
9
  });
@@ -15,9 +17,11 @@ var _TableFloatingScroll = require("@digigov/ui/content/Table/TableFloatingScrol
15
17
 
16
18
  var _Dropdown = require("@digigov/ui/navigation/Dropdown");
17
19
 
18
- var _NavVertical = require("@digigov/ui/navigation/NavList/NavVertical");
20
+ var _NavList = _interopRequireWildcard(require("@digigov/ui/navigation/NavList"));
21
+
22
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
23
 
20
- var _NavVerticalItem = require("@digigov/ui/navigation/NavList/NavVerticalItem");
24
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
25
 
22
26
  var labels = {
23
27
  name: 'Ονοματεπώνυμο',
@@ -62,9 +66,11 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, n
62
66
  placement: "bottom"
63
67
  }, /*#__PURE__*/_react["default"].createElement(_Dropdown.DropdownButton, {
64
68
  variant: "link"
65
- }, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2"), /*#__PURE__*/_react["default"].createElement(_Dropdown.DropdownContent, null, /*#__PURE__*/_react["default"].createElement(_NavVertical.NavVertical, null, /*#__PURE__*/_react["default"].createElement(_NavVerticalItem.NavVerticalItem, {
69
+ }, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2"), /*#__PURE__*/_react["default"].createElement(_Dropdown.DropdownContent, null, /*#__PURE__*/_react["default"].createElement(_NavList["default"], {
70
+ layout: "vertical"
71
+ }, /*#__PURE__*/_react["default"].createElement(_NavList.NavListItemAction, {
66
72
  href: "#"
67
- }, "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1"), /*#__PURE__*/_react["default"].createElement(_NavVerticalItem.NavVerticalItem, {
73
+ }, "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1"), /*#__PURE__*/_react["default"].createElement(_NavList.NavListItemAction, {
68
74
  href: "#"
69
75
  }, "\u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE")))));
70
76
 
@@ -50,9 +50,7 @@ var _icons = require("@digigov/ui/icons");
50
50
 
51
51
  var _Dropdown = require("@digigov/ui/navigation/Dropdown");
52
52
 
53
- var _NavVertical = require("@digigov/ui/navigation/NavList/NavVertical");
54
-
55
- var _NavVerticalItem = require("@digigov/ui/navigation/NavList/NavVerticalItem");
53
+ var _NavList = require("@digigov/ui/navigation/NavList");
56
54
 
57
55
  var _TableContainer = require("@digigov/react-core/TableContainer");
58
56
 
@@ -217,14 +215,14 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement(_icons.CaretIcon, {
217
215
  direction: 'up',
218
216
  marginRight: 1,
219
217
  marginTop: 1,
220
- size: "md"
218
+ size: "sm"
221
219
  });
222
220
 
223
221
  var _ref3 = /*#__PURE__*/_react["default"].createElement(_icons.CaretIcon, {
224
222
  direction: 'down',
225
223
  marginRight: 1,
226
224
  marginTop: 1,
227
- size: "md"
225
+ size: "sm"
228
226
  });
229
227
 
230
228
  var TableSortLabel = /*#__PURE__*/_react["default"].forwardRef(function TableSortLabel(_ref, _ref4) {
@@ -253,15 +251,18 @@ var TableSortLabel = /*#__PURE__*/_react["default"].forwardRef(function TableSor
253
251
  marginLeft: 1
254
252
  }, /*#__PURE__*/_react["default"].createElement(_icons.CaretIcon, {
255
253
  direction: 'up',
256
- size: "md",
254
+ size: "sm",
257
255
  variant: direction === 1 ? 'dark' : 'gray'
258
256
  }), /*#__PURE__*/_react["default"].createElement(_icons.CaretIcon, {
259
257
  direction: 'down',
260
- size: "md",
258
+ size: "sm",
261
259
  variant: direction === -1 ? 'dark' : 'gray'
262
- }))), /*#__PURE__*/_react["default"].createElement(_Dropdown.DropdownContent, null, /*#__PURE__*/_react["default"].createElement(_NavVertical.NavVertical, null, /*#__PURE__*/_react["default"].createElement(_NavVerticalItem.NavVerticalItem, {
260
+ }))), /*#__PURE__*/_react["default"].createElement(_Dropdown.DropdownContent, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavList, {
261
+ layout: "vertical"
262
+ }, /*#__PURE__*/_react["default"].createElement(_NavList.NavListItemAction, {
263
263
  active: direction === 1,
264
264
  tabIndex: 0,
265
+ arrow: false,
265
266
  onClick: function onClick() {
266
267
  onSort(1);
267
268
  dropdownRef.current && (dropdownRef.current.open = false);
@@ -272,9 +273,10 @@ var TableSortLabel = /*#__PURE__*/_react["default"].forwardRef(function TableSor
272
273
  dropdownRef.current && (dropdownRef.current.open = false);
273
274
  }
274
275
  }
275
- }, _ref2, labels.asc), /*#__PURE__*/_react["default"].createElement(_NavVerticalItem.NavVerticalItem, {
276
+ }, _ref2, labels.asc), /*#__PURE__*/_react["default"].createElement(_NavList.NavListItemAction, {
276
277
  active: direction === -1,
277
278
  tabIndex: 0,
279
+ arrow: false,
278
280
  onClick: function onClick() {
279
281
  onSort(-1);
280
282
  dropdownRef.current && (dropdownRef.current.open = false);
@@ -69,7 +69,7 @@ The prop `color='primary'` or `color='secondary'` is only functional when Table
69
69
  ## Accessibility
70
70
 
71
71
  You can read more about the accessibility patterns used in our Table
72
- implementation in the ARIA Authoring Practices Guide (APG) at
72
+ implementation in the ARIA Authoring Practices Guide (APG) at [Table](https://www.w3.org/WAI/ARIA/apg/patterns/table/) section.
73
73
 
74
74
  ## API
75
75
 
@@ -61,26 +61,26 @@ var Default = function Default() {
61
61
 
62
62
  switch (task.status) {
63
63
  case 'Ολοκληρωθηκε':
64
- tagColor = 'completed';
64
+ tagColor = 'info';
65
65
  break;
66
66
 
67
67
  case 'Σε εξελιξη':
68
- tagColor = 'in-progress';
68
+ tagColor = 'primary';
69
69
  break;
70
70
 
71
71
  case 'Δεν εχει ξεκινησει':
72
- tagColor = 'not-started';
72
+ tagColor = 'secondary';
73
73
  break;
74
74
 
75
75
  case 'Σε αναμονη':
76
- tagColor = 'not-started';
76
+ tagColor = 'secondary';
77
77
  break;
78
78
  }
79
79
 
80
80
  return /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, {
81
81
  key: key
82
82
  }, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, /*#__PURE__*/_react["default"].createElement(_Link.LinkBase, null, task.text)), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_TaskList.TaskListItemTag, {
83
- status: tagColor
83
+ color: tagColor
84
84
  }, task.status)));
85
85
  }))));
86
86
  })));
@@ -0,0 +1,21 @@
1
+ ---
2
+ id: task-list
3
+ title: TaskList
4
+ ---
5
+
6
+ # TaskList
7
+ TaskList is a component that displays number of steps required to complete a process inside your application.
8
+
9
+ ```bash
10
+ import TaskList from '@digigov/ui/content/TaskList';
11
+ ```
12
+
13
+ ## How to use
14
+
15
+ ### Default
16
+
17
+ <Story packageName="@digigov/ui" component="content/TaskList" story="Default.tsx" />
18
+
19
+ ## API
20
+
21
+ <PropTypes packageName="@digigov/ui" component="TaskList" />
@@ -112,7 +112,7 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
112
112
 
113
113
  var Default = function Default() {
114
114
  return /*#__PURE__*/_react["default"].createElement(_Timeline.Timeline, null, data && data.map(function (field, index) {
115
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Timeline.TimelineItem, {
115
+ return /*#__PURE__*/_react["default"].createElement(_Timeline.TimelineItem, {
116
116
  key: index,
117
117
  marginBottom: 10
118
118
  }, /*#__PURE__*/_react["default"].createElement(_Timeline.TimelineHeading, {
@@ -132,7 +132,7 @@ var Default = function Default() {
132
132
  key: subIndex,
133
133
  variant: "link"
134
134
  }, action.label);
135
- }), _ref, _ref2))));
135
+ }), _ref, _ref2)));
136
136
  }));
137
137
  };
138
138
 
@@ -0,0 +1,23 @@
1
+ ---
2
+ id: timeline
3
+ title: Timeline
4
+ ---
5
+
6
+ # Timeline
7
+ A timeline is a useful way to display a whole range of information and/or data points to a user.
8
+ Keeping things organized in logical sequence timeline helps to keep track of what’s happening.
9
+ User can better understand what has happened and also understand what the next steps should be.
10
+
11
+ ```bash
12
+ import Timeline from '@digigov/ui/content/Timeline';
13
+ ```
14
+
15
+ ## How to use
16
+
17
+ ### Default
18
+
19
+ <Story packageName="@digigov/ui" component="content/Timeline" story="Default.tsx" />
20
+
21
+ ## API
22
+
23
+ <PropTypes packageName="@digigov/ui" component="Timeline" />
@@ -0,0 +1,10 @@
1
+ /* eslint-disable digigov/no-relative-imports */
2
+ import BannerContainer from '@digigov/ui/app/BannerContainer';
3
+ export default {
4
+ title: 'Digigov UI/app/BannerContainer',
5
+ description: 'The BannerContainer provides a container for the banner and the page content.',
6
+ link: 'https://guide.services.gov.gr/docs/components/cookies-banner',
7
+ component: BannerContainer,
8
+ displayName: 'BannerContainer'
9
+ };
10
+ export * from './__stories__/CookiesBanner';
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ import BannerContainer from '@digigov/ui/app/BannerContainer';
3
+ import { Container } from '@digigov/ui/layouts/Basic/Container';
4
+ import { Main } from '@digigov/ui/layouts/Basic/Main';
5
+ import { Heading } from '@digigov/ui/typography/Heading';
6
+ import { Paragraph } from '@digigov/ui/typography/Paragraph';
7
+ import Button, { ButtonGroup } from '@digigov/ui/form/Button';
8
+
9
+ var _ref = /*#__PURE__*/React.createElement(BannerContainer, null, /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Main, null, /*#__PURE__*/React.createElement(Heading, {
10
+ size: "md"
11
+ }, "Cookies \u03C3\u03C4\u03BF GOV.GR"), /*#__PURE__*/React.createElement(Paragraph, null, "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \xAB\u0391\u03C0\u03BF\u03B4\u03BF\u03C7\u03AE\xBB \u03B3\u03B9\u03B1 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03AE\u03C3\u03B5\u03C4\u03B5 \u03BC\u03B5 \u03C4\u03B7 \u03C7\u03C1\u03AE\u03C3\u03B7 \u03C4\u03C9\u03BD cookies \u03BA\u03B1\u03B9 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1 \u03C4\u03C9\u03BD \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03CE\u03BD \u03C3\u03B1\u03C2 \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03C9\u03BD."), /*#__PURE__*/React.createElement(Paragraph, null, /*#__PURE__*/React.createElement(Button, {
12
+ variant: "link"
13
+ }, "\u038C\u03C1\u03BF\u03B9 \u03BA\u03B1\u03B9 \u03A0\u03C1\u03BF\u03CB\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2")), /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, null, "\u0391\u03C0\u03BF\u03B4\u03BF\u03C7\u03AE"), /*#__PURE__*/React.createElement(Button, null, "\u0391\u03C0\u03CC\u03C1\u03C1\u03B9\u03C8\u03B7")))));
14
+
15
+ export var CookiesBanner = function CookiesBanner() {
16
+ return _ref;
17
+ };
18
+ export default CookiesBanner;
@@ -0,0 +1,3 @@
1
+ export * from '@digigov/react-core/CloseButton';
2
+ import CloseButton from '@digigov/react-core/CloseButton';
3
+ export default CloseButton;
@@ -1,12 +1,11 @@
1
- export * from '@digigov/react-core/FilterSection';
2
- export * from '@digigov/react-core/FilterHeading';
1
+ export * from '@digigov/react-core/FilterContainer';
2
+ export * from '@digigov/react-core/FilterHeadingContainer';
3
3
  export * from '@digigov/react-core/FilterContent';
4
4
  export * from '@digigov/react-core/FilterOptionsSection';
5
5
  export * from '@digigov/react-core/FilterSelectedHeading';
6
6
  export * from '@digigov/react-core/FilterSelectedSection';
7
- export * from '@digigov/react-core/FilterCloseButton';
8
7
  export * from '@digigov/react-core/ResultsHeading';
9
8
  export * from '@digigov/react-core/ResultsActionBar';
10
9
  export * from '@digigov/react-core/ResultsHeadingActions';
11
- import FilterSection from '@digigov/react-core/FilterSection';
12
- export default FilterSection;
10
+ import FilterContainer from '@digigov/react-core/FilterContainer';
11
+ export default FilterContainer;
@@ -8,13 +8,13 @@
8
8
  {
9
9
  "name": "hover",
10
10
  "args": {
11
- "selector": "html>body>div:nth-child(5)>footer>div>div>div:nth-child(1)>p>a:nth-child(1)"
11
+ "selector": "html>body>div:nth-child(5)>footer>div>div>section:nth-child(1)>p>a:nth-child(1)"
12
12
  }
13
13
  },
14
14
  {
15
15
  "name": "click",
16
16
  "args": {
17
- "selector": "html>body>div:nth-child(5)>footer>div>div>div:nth-child(1)>p>a:nth-child(1)"
17
+ "selector": "html>body>div:nth-child(5)>footer>div>div>section:nth-child(1)>p>a:nth-child(1)"
18
18
  }
19
19
  }
20
20
  ],
@@ -1,15 +1,17 @@
1
1
  import React from 'react';
2
- import { Footer } from '@digigov/ui/app/Footer';
3
- import { FooterMeta, FooterMetaItem, FooterContent, FooterInlineList, FooterInlineListItem, FooterLink } from '@digigov/ui/app/Footer';
4
- import { Copyright } from '@digigov/ui/govgr/Footer/Copyright';
5
- import { HellenicRepublicLogo } from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';
6
- import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
2
+ import { Footer, FooterContainer, FooterInfo, FooterInfoSection, FooterContent, FooterList, FooterListItem, FooterLink } from '@digigov/ui/app/Footer';
3
+ import Copyright from '@digigov/ui/govgr/Footer/Copyright';
4
+ import HellenicRepublicLogo from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';
5
+ import VisuallyHidden from '@digigov/ui/utils/VisuallyHidden';
7
6
 
8
- var _ref = /*#__PURE__*/React.createElement(Footer, null, /*#__PURE__*/React.createElement(FooterMeta, null, /*#__PURE__*/React.createElement(FooterMetaItem, {
9
- grow: true
10
- }, /*#__PURE__*/React.createElement(FooterContent, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2"), /*#__PURE__*/React.createElement(FooterInlineList, null, /*#__PURE__*/React.createElement(FooterInlineListItem, null, /*#__PURE__*/React.createElement(FooterLink, {
7
+ var _ref = /*#__PURE__*/React.createElement(Footer, null, /*#__PURE__*/React.createElement(FooterContainer, null, /*#__PURE__*/React.createElement(FooterInfo, null, /*#__PURE__*/React.createElement(FooterInfoSection, {
8
+ grow: true,
9
+ "aria-label": "footer info section"
10
+ }, /*#__PURE__*/React.createElement(FooterContent, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2"), /*#__PURE__*/React.createElement(FooterList, {
11
+ layout: "horizontal"
12
+ }, /*#__PURE__*/React.createElement(FooterListItem, null, /*#__PURE__*/React.createElement(FooterLink, {
11
13
  href: "#terms"
12
- }, "\u038C\u03C1\u03BF\u03B9 \u03BA\u03B1\u03B9 \u03A0\u03C1\u03BF\u03CB\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2"))), /*#__PURE__*/React.createElement(Copyright, null))), /*#__PURE__*/React.createElement(FooterMetaItem, null, /*#__PURE__*/React.createElement(HellenicRepublicLogo, null))));
14
+ }, "\u038C\u03C1\u03BF\u03B9 \u03BA\u03B1\u03B9 \u03A0\u03C1\u03BF\u03CB\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2"))), /*#__PURE__*/React.createElement(Copyright, null))), /*#__PURE__*/React.createElement(FooterInfoSection, null, /*#__PURE__*/React.createElement(HellenicRepublicLogo, null)))));
13
15
 
14
16
  export var DefaultCopyright = function DefaultCopyright() {
15
17
  return _ref;