@digigov/ui 2.0.0-113e6661 → 2.0.0-298cfc51

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 (460) hide show
  1. package/app/Header/__stories__/WithServiceNameAndLogo/index.js +2 -2
  2. package/app/Header/__stories__/WithServiceNameAndLogo.js.map +2 -2
  3. package/app/Loader/index.d.ts +1 -1
  4. package/app/Loader/index.js +1 -1
  5. package/app/Loader/index.js.map +1 -1
  6. package/app/Loader/index.native/index.js +102 -0
  7. package/app/Loader/index.native/package.json +6 -0
  8. package/app/Loader/index.native.d.ts +3 -0
  9. package/app/Loader/index.native.js.map +7 -0
  10. package/app/Loader/index.web/index.js +2 -0
  11. package/{api → app/Loader/index.web}/package.json +1 -1
  12. package/app/Loader/index.web.d.ts +1 -0
  13. package/app/Loader/index.web.js.map +7 -0
  14. package/app/Masthead/Masthead.stories/index.js +2 -0
  15. package/app/Masthead/Masthead.stories.d.ts +1 -0
  16. package/app/Masthead/Masthead.stories.js.map +2 -2
  17. package/app/Masthead/__stories__/Default/index.js +1 -1
  18. package/app/Masthead/__stories__/Default.js.map +1 -1
  19. package/app/Masthead/__stories__/Secondary/index.js +13 -0
  20. package/app/Masthead/__stories__/Secondary/package.json +6 -0
  21. package/app/Masthead/__stories__/Secondary.d.ts +3 -0
  22. package/app/Masthead/__stories__/Secondary.js.map +7 -0
  23. package/app/Masthead/__stories__/WithElements/index.js +1 -5
  24. package/app/Masthead/__stories__/WithElements.js.map +2 -2
  25. package/app/Masthead/__stories__/WithLogo/index.js +1 -5
  26. package/app/Masthead/__stories__/WithLogo.js.map +2 -2
  27. package/app/Modal/auto/index.js +1 -1
  28. package/app/Modal/auto.js.map +2 -2
  29. package/app/Modal/index.d.ts +2 -2
  30. package/app/Modal/index.js +2 -2
  31. package/app/Modal/index.js.map +1 -1
  32. package/app/Modal/index.native/index.js +20 -0
  33. package/{api/APIErrors → app/Modal/index.native}/package.json +1 -1
  34. package/app/Modal/index.native.d.ts +7 -0
  35. package/app/Modal/index.native.js.map +7 -0
  36. package/app/Modal/{Modal → index.web}/index.js +3 -3
  37. package/{api/APIProvider → app/Modal/index.web}/package.json +1 -1
  38. package/app/Modal/{Modal.js.map → index.web.js.map} +2 -2
  39. package/app/QrCodeScanner/index.js.map +2 -2
  40. package/cjs/app/Header/__stories__/WithServiceNameAndLogo.js.map +3 -3
  41. package/cjs/app/Loader/index.js +3 -3
  42. package/cjs/app/Loader/index.js.map +2 -2
  43. package/cjs/app/Loader/index.native/index.js +135 -0
  44. package/cjs/app/Loader/index.native.js.map +7 -0
  45. package/cjs/app/Loader/index.web/index.js +22 -0
  46. package/cjs/app/Loader/index.web.js.map +7 -0
  47. package/cjs/app/Masthead/Masthead.stories/index.js +3 -0
  48. package/cjs/app/Masthead/Masthead.stories.js.map +2 -2
  49. package/cjs/app/Masthead/__stories__/Default/index.js +1 -1
  50. package/cjs/app/Masthead/__stories__/Default.js.map +1 -1
  51. package/cjs/app/Masthead/__stories__/Secondary/index.js +46 -0
  52. package/cjs/app/Masthead/__stories__/Secondary.js.map +7 -0
  53. package/cjs/app/Masthead/__stories__/WithElements/index.js +1 -1
  54. package/cjs/app/Masthead/__stories__/WithElements.js.map +2 -2
  55. package/cjs/app/Masthead/__stories__/WithLogo/index.js +1 -1
  56. package/cjs/app/Masthead/__stories__/WithLogo.js.map +2 -2
  57. package/cjs/app/Modal/auto/index.js +1 -1
  58. package/cjs/app/Modal/auto.js.map +2 -2
  59. package/cjs/app/Modal/index.js +3 -3
  60. package/cjs/app/Modal/index.js.map +2 -2
  61. package/cjs/{api/APIProvider → app/Modal/index.native}/index.js +20 -26
  62. package/cjs/app/Modal/index.native.js.map +7 -0
  63. package/cjs/app/Modal/{Modal → index.web}/index.js +6 -6
  64. package/cjs/app/Modal/{Modal.js.map → index.web.js.map} +2 -2
  65. package/cjs/app/QrCodeScanner/index.js.map +2 -2
  66. package/cjs/content/Table/Table.stories/index.js +3 -3
  67. package/cjs/content/Table/Table.stories.js.map +2 -2
  68. package/cjs/content/Table/__stories__/{Densed → Dense}/index.js +9 -9
  69. package/cjs/content/Table/__stories__/{Densed.js.map → Dense.js.map} +3 -3
  70. package/cjs/feedback/CopyToClipboard/__stories__/Default/index.js +1 -1
  71. package/cjs/feedback/CopyToClipboard/__stories__/Default.js.map +2 -2
  72. package/cjs/form/AutoComplete/index.js +29 -29
  73. package/cjs/form/AutoComplete/index.js.map +3 -3
  74. package/cjs/form/DateInputContainer/__stories__/MultipleQuestions/index.js +1 -1
  75. package/cjs/form/DateInputContainer/__stories__/MultipleQuestions.js.map +1 -1
  76. package/cjs/form/SearchContainer/SearchContainer.stories/index.js +46 -0
  77. package/cjs/form/SearchContainer/SearchContainer.stories.js.map +7 -0
  78. package/cjs/{api/APIErrors → form/SearchContainer/__stories__/Default}/index.js +12 -42
  79. package/cjs/form/SearchContainer/__stories__/Default.js.map +7 -0
  80. package/cjs/i18n/locales/el/index.js +7 -1
  81. package/cjs/i18n/locales/el.js.map +2 -2
  82. package/cjs/{layouts/Basic/Masthead → icons/IconBase}/index.js +8 -12
  83. package/cjs/icons/IconBase/index.js.map +7 -0
  84. package/cjs/{utils → icons}/SvgIcon/index.js +3 -5
  85. package/cjs/icons/SvgIcon/index.js.map +7 -0
  86. package/cjs/icons/index.js +5 -1
  87. package/cjs/icons/index.js.map +2 -2
  88. package/cjs/layouts/Basic/Bottom/__stories__/Default/index.js +7 -5
  89. package/cjs/layouts/Basic/Bottom/__stories__/Default.js.map +3 -3
  90. package/cjs/layouts/Basic/Container/__stories__/Default/index.js +6 -4
  91. package/cjs/layouts/Basic/Container/__stories__/Default.js.map +3 -3
  92. package/cjs/layouts/Basic/Main/__stories__/Default/index.js +6 -4
  93. package/cjs/layouts/Basic/Main/__stories__/Default.js.map +3 -3
  94. package/cjs/layouts/Basic/Top/__stories__/Default/index.js +6 -4
  95. package/cjs/layouts/Basic/Top/__stories__/Default.js.map +3 -3
  96. package/cjs/layouts/Basic/index.js +1 -3
  97. package/cjs/layouts/Basic/index.js.map +2 -2
  98. package/cjs/lazy/index.js +330 -1640
  99. package/cjs/lazy.js.map +2 -2
  100. package/cjs/navigation/Breadcrumbs/Breadcrumbs.stories/index.js +3 -0
  101. package/cjs/navigation/Breadcrumbs/Breadcrumbs.stories.js.map +2 -2
  102. package/cjs/navigation/Breadcrumbs/BreadcrumbsListItem/index.js +61 -0
  103. package/cjs/navigation/Breadcrumbs/BreadcrumbsListItem.js.map +7 -0
  104. package/cjs/navigation/Breadcrumbs/__stories__/Auto/index.js +23 -9
  105. package/cjs/navigation/Breadcrumbs/__stories__/Auto.js.map +2 -2
  106. package/cjs/navigation/Breadcrumbs/__stories__/WithHook/index.js +29 -15
  107. package/cjs/navigation/Breadcrumbs/__stories__/WithHook.js.map +2 -2
  108. package/cjs/navigation/Breadcrumbs/__stories__/WithProvider/index.js +46 -0
  109. package/cjs/navigation/Breadcrumbs/__stories__/WithProvider.js.map +7 -0
  110. package/cjs/navigation/Breadcrumbs/auto/index.js +16 -10
  111. package/cjs/navigation/Breadcrumbs/auto.js.map +3 -3
  112. package/cjs/navigation/Breadcrumbs/hooks/index.js +41 -30
  113. package/cjs/navigation/Breadcrumbs/hooks.js.map +3 -3
  114. package/cjs/navigation/Breadcrumbs/index.js +4 -0
  115. package/cjs/navigation/Breadcrumbs/index.js.map +2 -2
  116. package/cjs/navigation/Breadcrumbs/utils.js.map +2 -2
  117. package/cjs/navigation/Drawer/__stories__/Auto/index.js +3 -1
  118. package/cjs/navigation/Drawer/__stories__/Auto.js.map +2 -2
  119. package/cjs/navigation/Drawer/__stories__/Default/index.js +2 -2
  120. package/cjs/navigation/Drawer/__stories__/Default.js.map +3 -3
  121. package/cjs/navigation/Link/__stories__/DarkBackground/index.js +1 -1
  122. package/cjs/navigation/Link/__stories__/DarkBackground.js.map +1 -1
  123. package/cjs/navigation/Link/__stories__/DarkBackgroundNoUnderline/index.js +1 -1
  124. package/cjs/navigation/Link/__stories__/DarkBackgroundNoUnderline.js.map +1 -1
  125. package/cjs/navigation/NavList/__stories__/UsingNavListAuto/index.js +24 -24
  126. package/cjs/navigation/NavList/__stories__/UsingNavListAuto.js.map +3 -3
  127. package/cjs/navigation/NavList/__stories__/Vertical/index.js +25 -17
  128. package/cjs/navigation/NavList/__stories__/Vertical.js.map +2 -2
  129. package/cjs/navigation/Pagination/__stories__/Auto/index.js +7 -9
  130. package/cjs/navigation/Pagination/__stories__/Auto.js.map +3 -3
  131. package/cjs/navigation/Pagination/__stories__/PaginationWithSmallFont/index.js +2 -2
  132. package/cjs/navigation/Pagination/__stories__/PaginationWithSmallFont.js.map +2 -2
  133. package/cjs/navigation/Pagination/__stories__/WithInactiveValues/index.js +2 -2
  134. package/cjs/navigation/Pagination/__stories__/WithInactiveValues.js.map +2 -2
  135. package/cjs/navigation/Pagination/__stories__/WithResultsPerPage/index.js +2 -2
  136. package/cjs/navigation/Pagination/__stories__/WithResultsPerPage.js.map +2 -2
  137. package/cjs/registry/index.js +12 -22
  138. package/cjs/registry.js.map +2 -2
  139. package/cjs/utils/index.js +0 -2
  140. package/cjs/utils/index.js.map +2 -2
  141. package/content/Table/Table.stories/index.js +2 -2
  142. package/content/Table/Table.stories.d.ts +1 -1
  143. package/content/Table/Table.stories.js.map +2 -2
  144. package/content/Table/__stories__/{Densed → Dense}/index.js +5 -5
  145. package/content/Table/__stories__/Dense/package.json +6 -0
  146. package/content/Table/__stories__/Dense.d.ts +3 -0
  147. package/content/Table/__stories__/{Densed.js.map → Dense.js.map} +3 -3
  148. package/feedback/CopyToClipboard/__stories__/Default/index.js +1 -1
  149. package/feedback/CopyToClipboard/__stories__/Default.js.map +2 -2
  150. package/form/AutoComplete/index.d.ts +9 -9
  151. package/form/AutoComplete/index.js +10 -10
  152. package/form/AutoComplete/index.js.map +2 -2
  153. package/form/DateInputContainer/__stories__/MultipleQuestions/index.js +1 -1
  154. package/form/DateInputContainer/__stories__/MultipleQuestions.js.map +1 -1
  155. package/form/SearchContainer/SearchContainer.stories/index.js +13 -0
  156. package/form/SearchContainer/SearchContainer.stories/package.json +6 -0
  157. package/form/SearchContainer/SearchContainer.stories.d.ts +9 -0
  158. package/form/SearchContainer/SearchContainer.stories.js.map +7 -0
  159. package/form/SearchContainer/__stories__/Default/index.js +11 -0
  160. package/form/SearchContainer/__stories__/Default/package.json +6 -0
  161. package/form/SearchContainer/__stories__/Default.d.ts +3 -0
  162. package/form/SearchContainer/__stories__/Default.js.map +7 -0
  163. package/form/SearchContainer/index.test.d.ts +1 -0
  164. package/i18n/locales/el/index.js +7 -1
  165. package/i18n/locales/el.d.ts +6 -0
  166. package/i18n/locales/el.js.map +2 -2
  167. package/icons/IconBase/index.d.ts +3 -0
  168. package/icons/IconBase/index.js +7 -0
  169. package/icons/IconBase/index.js.map +7 -0
  170. package/{api/fetchAPI → icons/IconBase}/package.json +1 -1
  171. package/icons/SvgIcon/index.d.ts +3 -0
  172. package/icons/SvgIcon/index.js +7 -0
  173. package/icons/SvgIcon/index.js.map +7 -0
  174. package/{api/utils → icons/SvgIcon}/package.json +1 -1
  175. package/icons/index.d.ts +2 -0
  176. package/icons/index.js +2 -0
  177. package/icons/index.js.map +2 -2
  178. package/index.js +1 -1
  179. package/layouts/Basic/Bottom/__stories__/Default/index.js +7 -5
  180. package/layouts/Basic/Bottom/__stories__/Default.js.map +2 -2
  181. package/layouts/Basic/Container/__stories__/Default/index.js +6 -4
  182. package/layouts/Basic/Container/__stories__/Default.js.map +2 -2
  183. package/layouts/Basic/Main/__stories__/Default/index.js +6 -4
  184. package/layouts/Basic/Main/__stories__/Default.js.map +2 -2
  185. package/layouts/Basic/Top/__stories__/Default/index.js +6 -4
  186. package/layouts/Basic/Top/__stories__/Default.js.map +2 -2
  187. package/layouts/Basic/index.d.ts +0 -1
  188. package/layouts/Basic/index.js +0 -1
  189. package/layouts/Basic/index.js.map +2 -2
  190. package/lazy/index.js +330 -1640
  191. package/lazy.d.ts +18 -15
  192. package/lazy.js.map +2 -2
  193. package/navigation/Breadcrumbs/Breadcrumbs.stories/index.js +2 -0
  194. package/navigation/Breadcrumbs/Breadcrumbs.stories.d.ts +1 -0
  195. package/navigation/Breadcrumbs/Breadcrumbs.stories.js.map +2 -2
  196. package/navigation/Breadcrumbs/BreadcrumbsListItem/index.js +28 -0
  197. package/navigation/Breadcrumbs/BreadcrumbsListItem/package.json +6 -0
  198. package/navigation/Breadcrumbs/BreadcrumbsListItem.d.ts +8 -0
  199. package/navigation/Breadcrumbs/BreadcrumbsListItem.js.map +7 -0
  200. package/navigation/Breadcrumbs/__stories__/Auto/index.js +23 -9
  201. package/navigation/Breadcrumbs/__stories__/Auto.js.map +2 -2
  202. package/navigation/Breadcrumbs/__stories__/WithHook/index.js +29 -15
  203. package/navigation/Breadcrumbs/__stories__/WithHook.js.map +2 -2
  204. package/navigation/Breadcrumbs/__stories__/WithProvider/index.js +17 -0
  205. package/navigation/Breadcrumbs/__stories__/WithProvider/package.json +6 -0
  206. package/navigation/Breadcrumbs/__stories__/WithProvider.d.ts +3 -0
  207. package/navigation/Breadcrumbs/__stories__/WithProvider.js.map +7 -0
  208. package/navigation/Breadcrumbs/auto/index.js +24 -12
  209. package/navigation/Breadcrumbs/auto.d.ts +4 -4
  210. package/navigation/Breadcrumbs/auto.js.map +3 -3
  211. package/navigation/Breadcrumbs/hooks/index.js +41 -30
  212. package/navigation/Breadcrumbs/hooks.d.ts +5 -20
  213. package/navigation/Breadcrumbs/hooks.js.map +3 -3
  214. package/navigation/Breadcrumbs/index.d.ts +2 -0
  215. package/navigation/Breadcrumbs/index.js +2 -0
  216. package/navigation/Breadcrumbs/index.js.map +2 -2
  217. package/navigation/Breadcrumbs/utils.js.map +2 -2
  218. package/navigation/Drawer/__stories__/Auto/index.js +3 -1
  219. package/navigation/Drawer/__stories__/Auto.d.ts +1 -0
  220. package/navigation/Drawer/__stories__/Auto.js.map +2 -2
  221. package/navigation/Drawer/__stories__/Default/index.js +1 -1
  222. package/navigation/Drawer/__stories__/Default.js.map +2 -2
  223. package/navigation/Link/__stories__/DarkBackground/index.js +1 -1
  224. package/navigation/Link/__stories__/DarkBackground.js.map +1 -1
  225. package/navigation/Link/__stories__/DarkBackgroundNoUnderline/index.js +1 -1
  226. package/navigation/Link/__stories__/DarkBackgroundNoUnderline.js.map +1 -1
  227. package/navigation/NavList/__stories__/UsingNavListAuto/index.js +24 -24
  228. package/navigation/NavList/__stories__/UsingNavListAuto.js.map +2 -2
  229. package/navigation/NavList/__stories__/Vertical/index.js +25 -17
  230. package/navigation/NavList/__stories__/Vertical.js.map +2 -2
  231. package/navigation/Pagination/__stories__/Auto/index.js +8 -12
  232. package/navigation/Pagination/__stories__/Auto.js.map +2 -2
  233. package/navigation/Pagination/__stories__/PaginationWithSmallFont/index.js +1 -1
  234. package/navigation/Pagination/__stories__/PaginationWithSmallFont.js.map +1 -1
  235. package/navigation/Pagination/__stories__/WithInactiveValues/index.js +1 -1
  236. package/navigation/Pagination/__stories__/WithInactiveValues.js.map +1 -1
  237. package/navigation/Pagination/__stories__/WithResultsPerPage/index.js +1 -1
  238. package/navigation/Pagination/__stories__/WithResultsPerPage.js.map +1 -1
  239. package/package.json +10 -8
  240. package/registry/index.js +12 -22
  241. package/registry.d.ts +7 -11
  242. package/registry.js.map +2 -2
  243. package/src/app/Footer/{index.mdx → doc.mdx} +7 -23
  244. package/src/app/Header/__snapshots__/index.spec.tsx.snap +42 -36
  245. package/src/app/Header/__stories__/WithServiceNameAndLogo.tsx +2 -2
  246. package/src/app/Header/doc.mdx +32 -0
  247. package/src/app/Loader/index.native.tsx +98 -0
  248. package/src/app/Loader/index.tsx +1 -1
  249. package/src/app/Loader/index.web.tsx +1 -0
  250. package/src/app/Masthead/Masthead.stories.js +1 -0
  251. package/src/app/Masthead/__stories__/Default.tsx +1 -1
  252. package/src/app/Masthead/__stories__/Secondary.tsx +26 -0
  253. package/src/app/Masthead/__stories__/WithElements.tsx +1 -5
  254. package/src/app/Masthead/__stories__/WithLogo.tsx +1 -5
  255. package/src/app/Masthead/{index.mdx → doc.mdx} +13 -1
  256. package/src/app/Masthead/index.test.tsx +4 -0
  257. package/src/app/Modal/auto.tsx +1 -1
  258. package/src/app/Modal/{index.mdx → doc.mdx} +9 -6
  259. package/src/app/Modal/index.native.tsx +17 -0
  260. package/src/app/Modal/index.tsx +2 -2
  261. package/src/app/NotFound/{index.mdx → doc.mdx} +2 -4
  262. package/src/app/Panel/{index.mdx → doc.mdx} +3 -1
  263. package/src/app/PhaseBannerHeader/{index.mdx → doc.mdx} +3 -5
  264. package/src/app/QrCodeScanner/__snapshots__/index.spec.tsx.snap +6 -10
  265. package/src/app/QrCodeScanner/index.tsx +1 -0
  266. package/src/app/QrCodeViewer/{index.mdx → doc.mdx} +4 -12
  267. package/src/app/Skeleton/doc.mdx +42 -0
  268. package/src/content/Accordion/__snapshots__/index.spec.tsx.snap +48 -147
  269. package/src/content/Accordion/{index.mdx → doc.mdx} +2 -13
  270. package/src/content/Blockquote/__snapshots__/index.spec.tsx.snap +6 -9
  271. package/src/content/Blockquote/{index.mdx → doc.mdx} +5 -5
  272. package/src/content/Card/doc.mdx +71 -0
  273. package/src/content/Chip/doc.mdx +34 -0
  274. package/src/content/Details/__snapshots__/index.spec.tsx.snap +32 -69
  275. package/src/content/Details/{index.mdx → doc.mdx} +1 -5
  276. package/src/content/List/__snapshots__/index.spec.tsx.snap +3 -3
  277. package/src/content/List/doc.mdx +28 -0
  278. package/src/content/StepNav/{index.mdx → doc.mdx} +5 -19
  279. package/src/content/SummaryList/__snapshots__/index.spec.tsx.snap +37 -89
  280. package/src/content/SummaryList/{index.mdx → doc.mdx} +6 -18
  281. package/src/content/Table/Table.stories.js +1 -1
  282. package/src/content/Table/__stories__/{Densed.tsx → Dense.tsx} +2 -2
  283. package/src/content/Table/doc.mdx +81 -0
  284. package/src/content/Table/index.test.tsx +3 -3
  285. package/src/content/TaskList/{index.mdx → doc.mdx} +4 -6
  286. package/src/content/Timeline/{index.mdx → doc.mdx} +4 -6
  287. package/src/feedback/CopyToClipboard/__stories__/Default.tsx +1 -1
  288. package/src/feedback/CopyToClipboard/doc.mdx +22 -0
  289. package/src/feedback/ErrorSummary/__snapshots__/index.spec.tsx.snap +3 -3
  290. package/src/feedback/ErrorSummary/{index.mdx → doc.mdx} +6 -22
  291. package/src/feedback/NotificationBanner/__snapshots__/index.spec.tsx.snap +1 -1
  292. package/src/feedback/NotificationBanner/{index.mdx → doc.mdx} +8 -19
  293. package/src/feedback/PhaseBanner/{index.mdx → doc.mdx} +2 -12
  294. package/src/feedback/WarningText/__snapshots__/index.spec.tsx.snap +3 -3
  295. package/src/feedback/WarningText/{index.mdx → doc.mdx} +8 -6
  296. package/src/form/AutoComplete/doc.mdx +50 -0
  297. package/src/form/AutoComplete/index.tsx +10 -10
  298. package/src/form/Button/__snapshots__/index.spec.tsx.snap +6 -10
  299. package/src/form/Button/{index.mdx → doc.mdx} +12 -27
  300. package/src/form/Checkbox/{index.mdx → doc.mdx} +10 -36
  301. package/src/form/DateInputContainer/__stories__/MultipleQuestions.tsx +1 -1
  302. package/src/form/DateInputContainer/{index.mdx → doc.mdx} +7 -21
  303. package/src/form/ErrorMessage/{index.mdx → doc.mdx} +1 -5
  304. package/src/form/FileUpload/{index.mdx → doc.mdx} +2 -10
  305. package/src/form/RadioContainer/{index.mdx → doc.mdx} +10 -36
  306. package/src/form/SearchContainer/SearchContainer.stories.js +9 -0
  307. package/src/form/SearchContainer/__stories__/Default.tsx +13 -0
  308. package/src/form/SearchContainer/doc.mdx +16 -0
  309. package/src/form/SearchContainer/index.test.tsx +20 -0
  310. package/src/form/SelectContainer/{index.mdx → doc.mdx} +3 -19
  311. package/src/form/SingleCharacterInputs/{index.mdx → doc.mdx} +3 -11
  312. package/src/form/TextArea/doc.mdx +48 -0
  313. package/src/form/TextInput/{index.mdx → doc.mdx} +12 -44
  314. package/src/i18n/locales/el.ts +15 -8
  315. package/src/icons/IconBase/index.tsx +4 -0
  316. package/src/icons/SvgIcon/index.tsx +4 -0
  317. package/src/icons/index.tsx +2 -0
  318. package/src/layouts/Basic/Bottom/__stories__/Default.tsx +13 -9
  319. package/src/layouts/Basic/Bottom/{index.mdx → doc.mdx} +1 -5
  320. package/src/layouts/Basic/Container/__stories__/Default.tsx +15 -8
  321. package/src/layouts/Basic/Container/{index.mdx → doc.mdx} +1 -6
  322. package/src/layouts/Basic/Main/__stories__/Default.tsx +15 -8
  323. package/src/layouts/Basic/Main/{index.mdx → doc.mdx} +3 -5
  324. package/src/layouts/Basic/Top/__stories__/Default.tsx +13 -6
  325. package/src/layouts/Basic/Top/doc.mdx +19 -0
  326. package/src/layouts/Basic/__snapshots__/index.spec.tsx.snap +30 -102
  327. package/src/layouts/Basic/{index.mdx → doc.mdx} +7 -18
  328. package/src/layouts/Basic/index.tsx +0 -1
  329. package/src/layouts/Grid/doc.mdx +26 -0
  330. package/src/layouts/Stack/doc.mdx +38 -0
  331. package/src/lazy.js +333 -1642
  332. package/src/navigation/BackLink/{index.mdx → doc.mdx} +1 -5
  333. package/src/navigation/Breadcrumbs/Breadcrumbs.stories.js +1 -1
  334. package/src/navigation/Breadcrumbs/BreadcrumbsListItem.tsx +34 -0
  335. package/src/navigation/Breadcrumbs/__stories__/Auto.tsx +34 -19
  336. package/src/navigation/Breadcrumbs/__stories__/WithHook.tsx +41 -19
  337. package/src/navigation/Breadcrumbs/__stories__/WithProvider.tsx +28 -0
  338. package/src/navigation/Breadcrumbs/auto.tsx +35 -18
  339. package/src/navigation/Breadcrumbs/{index.mdx → doc.mdx} +5 -5
  340. package/src/navigation/Breadcrumbs/hooks.ts +47 -56
  341. package/src/navigation/Breadcrumbs/index.test.tsx +4 -0
  342. package/src/navigation/Breadcrumbs/index.tsx +2 -0
  343. package/src/navigation/Breadcrumbs/utils.ts +3 -3
  344. package/src/navigation/Drawer/__stories__/Auto.tsx +3 -1
  345. package/src/navigation/Drawer/__stories__/Default.tsx +2 -2
  346. package/src/navigation/Drawer/{index.mdx → doc.mdx} +5 -1
  347. package/src/navigation/Dropdown/{index.mdx → doc.mdx} +3 -15
  348. package/src/navigation/Link/__snapshots__/index.spec.tsx.snap +16 -30
  349. package/src/navigation/Link/__stories__/DarkBackground.tsx +1 -1
  350. package/src/navigation/Link/__stories__/DarkBackgroundNoUnderline.tsx +1 -1
  351. package/src/navigation/Link/{index.mdx → doc.mdx} +7 -19
  352. package/src/navigation/NavList/__snapshots__/index.spec.tsx.snap +3 -3
  353. package/src/navigation/NavList/__stories__/UsingNavListAuto.tsx +27 -28
  354. package/src/navigation/NavList/__stories__/Vertical.tsx +16 -12
  355. package/src/navigation/NavList/{index.mdx → doc.mdx} +19 -22
  356. package/src/navigation/Pagination/__stories__/Auto.tsx +29 -31
  357. package/src/navigation/Pagination/__stories__/PaginationWithSmallFont.tsx +1 -1
  358. package/src/navigation/Pagination/__stories__/WithInactiveValues.tsx +1 -1
  359. package/src/navigation/Pagination/__stories__/WithResultsPerPage.tsx +1 -1
  360. package/src/navigation/Pagination/doc.mdx +32 -0
  361. package/src/navigation/Tabs/doc.mdx +47 -0
  362. package/src/registry.js +19 -28
  363. package/src/typography/CodeBlock/doc.mdx +30 -0
  364. package/src/typography/Heading/{index.mdx → doc.mdx} +3 -5
  365. package/src/typography/HeadingCaption/{index.mdx → doc.mdx} +5 -5
  366. package/src/typography/Hint/{index.mdx → doc.mdx} +4 -10
  367. package/src/typography/NormalText/doc.mdx +30 -0
  368. package/src/typography/Paragraph/doc.mdx +34 -0
  369. package/src/typography/Typography/doc.mdx +14 -0
  370. package/src/utils/VisuallyHidden/{index.mdx → doc.mdx} +3 -6
  371. package/src/utils/index.ts +0 -1
  372. package/utils/index.d.ts +0 -1
  373. package/utils/index.js +0 -1
  374. package/utils/index.js.map +2 -2
  375. package/api/APIErrors/index.js +0 -40
  376. package/api/APIErrors.d.ts +0 -23
  377. package/api/APIErrors.js.map +0 -7
  378. package/api/APIProvider/index.js +0 -24
  379. package/api/APIProvider.d.ts +0 -16
  380. package/api/APIProvider.js.map +0 -7
  381. package/api/fetchAPI/index.js +0 -29
  382. package/api/fetchAPI.d.ts +0 -14
  383. package/api/fetchAPI.js.map +0 -7
  384. package/api/index.d.ts +0 -8
  385. package/api/index.js +0 -12
  386. package/api/index.js.map +0 -7
  387. package/api/index.spec.d.ts +0 -1
  388. package/api/useResource/index.js +0 -79
  389. package/api/useResource/package.json +0 -6
  390. package/api/useResource.d.ts +0 -11
  391. package/api/useResource.js.map +0 -7
  392. package/api/useResourceAction/index.js +0 -74
  393. package/api/useResourceAction/package.json +0 -6
  394. package/api/useResourceAction.d.ts +0 -2
  395. package/api/useResourceAction.js.map +0 -7
  396. package/api/useResourceQuery/index.js +0 -149
  397. package/api/useResourceQuery/package.json +0 -6
  398. package/api/useResourceQuery.d.ts +0 -18
  399. package/api/useResourceQuery.js.map +0 -7
  400. package/api/utils/index.js +0 -131
  401. package/api/utils.d.ts +0 -10
  402. package/api/utils.js.map +0 -7
  403. package/app/Modal/Modal/package.json +0 -6
  404. package/cjs/api/APIErrors.js.map +0 -7
  405. package/cjs/api/APIProvider.js.map +0 -7
  406. package/cjs/api/fetchAPI/index.js +0 -49
  407. package/cjs/api/fetchAPI.js.map +0 -7
  408. package/cjs/api/index.js +0 -41
  409. package/cjs/api/index.js.map +0 -7
  410. package/cjs/api/useResource/index.js +0 -102
  411. package/cjs/api/useResource.js.map +0 -7
  412. package/cjs/api/useResourceAction/index.js +0 -97
  413. package/cjs/api/useResourceAction.js.map +0 -7
  414. package/cjs/api/useResourceQuery/index.js +0 -173
  415. package/cjs/api/useResourceQuery.js.map +0 -7
  416. package/cjs/api/utils/index.js +0 -157
  417. package/cjs/api/utils.js.map +0 -7
  418. package/cjs/layouts/Basic/Masthead/index.js.map +0 -7
  419. package/cjs/utils/SvgIcon/index.js.map +0 -7
  420. package/content/Table/__stories__/Densed/package.json +0 -6
  421. package/content/Table/__stories__/Densed.d.ts +0 -3
  422. package/layouts/Basic/Masthead/index.d.ts +0 -5
  423. package/layouts/Basic/Masthead/index.js +0 -9
  424. package/layouts/Basic/Masthead/index.js.map +0 -7
  425. package/layouts/Basic/Masthead/package.json +0 -6
  426. package/src/api/APIErrors.tsx +0 -46
  427. package/src/api/APIProvider.tsx +0 -31
  428. package/src/api/fetchAPI.ts +0 -43
  429. package/src/api/index.spec.tsx +0 -417
  430. package/src/api/index.tsx +0 -9
  431. package/src/api/introduction.md +0 -6
  432. package/src/api/useResource.tsx +0 -96
  433. package/src/api/useResourceAction.tsx +0 -80
  434. package/src/api/useResourceQuery.tsx +0 -178
  435. package/src/api/utils.tsx +0 -162
  436. package/src/app/Header/index.mdx +0 -49
  437. package/src/content/Card/index.mdx +0 -103
  438. package/src/content/Chip/index.mdx +0 -53
  439. package/src/content/List/index.mdx +0 -40
  440. package/src/content/Table/index.mdx +0 -111
  441. package/src/feedback/CopyToClipboard/index.mdx +0 -28
  442. package/src/form/AutoComplete/index.mdx +0 -70
  443. package/src/form/TextArea/index.mdx +0 -74
  444. package/src/govgr/Footer/index.mdx +0 -101
  445. package/src/layouts/Basic/Masthead/index.tsx +0 -5
  446. package/src/layouts/Basic/Top/index.mdx +0 -23
  447. package/src/layouts/Grid/index.mdx +0 -39
  448. package/src/navigation/Pagination/index.mdx +0 -48
  449. package/src/navigation/Tabs/index.mdx +0 -31
  450. package/src/typography/NormalText/index.mdx +0 -44
  451. package/src/typography/Paragraph/index.mdx +0 -32
  452. package/src/typography/Typography/index.mdx +0 -12
  453. package/src/utils/SvgIcon/index.tsx +0 -5
  454. package/utils/SvgIcon/index.d.ts +0 -4
  455. package/utils/SvgIcon/index.js +0 -8
  456. package/utils/SvgIcon/index.js.map +0 -7
  457. package/utils/SvgIcon/package.json +0 -6
  458. /package/app/Modal/{Modal.d.ts → index.web.d.ts} +0 -0
  459. /package/src/app/Modal/{Modal.tsx → index.web.tsx} +0 -0
  460. /package/src/utils/Base/{index.mdx → doc.mdx} +0 -0
package/src/navigation/Link/__snapshots__/index.spec.tsx.snap CHANGED
@@ -1,38 +1,24 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
3
  exports[`Provider 1`] = `
4
- <LinkProvider
5
- component={[Function]}
6
- >
7
- <Link>
8
- <CustomLink
9
- href=""
10
- >
11
- <div>
12
- hello
13
- </div>
14
- </CustomLink>
15
- </Link>
16
- </LinkProvider>
4
+ <body>
5
+ <div>
6
+ <div>
7
+ hello
8
+ </div>
9
+ </div>
10
+ </body>
17
11
  `;
18
12
 
19
13
  exports[`renders the Link 1`] = `
20
- <Link>
21
- <ForwardRef(LinkBase)
22
- href=""
23
- >
24
- <ForwardRef(Base)
25
- as="a"
26
- className="ds-link"
14
+ <body>
15
+ <div>
16
+ <a
17
+ class="ds-link"
27
18
  href=""
28
19
  >
29
- <a
30
- className="ds-link"
31
- href=""
32
- >
33
- hello
34
- </a>
35
- </ForwardRef(Base)>
36
- </ForwardRef(LinkBase)>
37
- </Link>
20
+ hello
21
+ </a>
22
+ </div>
23
+ </body>
38
24
  `;
package/src/navigation/Link/__stories__/DarkBackground.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { Masthead } from '@digigov/ui/layouts/Basic/Masthead';
2
+ import { Masthead } from '@digigov/ui/app/Masthead';
3
3
  import { SectionBreak } from '@digigov/ui/layouts/SectionBreak';
4
4
  import { Link } from '@digigov/ui/navigation/Link';
5
5
  export const DarkBackground = () => (
package/src/navigation/Link/__stories__/DarkBackgroundNoUnderline.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { Masthead } from '@digigov/ui/layouts/Basic/Masthead';
2
+ import { Masthead } from '@digigov/ui/app/Masthead';
3
3
  import { SectionBreak } from '@digigov/ui/layouts/SectionBreak';
4
4
  import { Link } from '@digigov/ui/navigation/Link';
5
5
  export const DarkBackgroundNoUnderline = () => (
package/src/navigation/Link/{index.mdx → doc.mdx} RENAMED
@@ -3,39 +3,27 @@ id: link
3
3
  title: Link
4
4
  ---
5
5
 
6
- ## How to use
6
+ # Link
7
7
 
8
- ### Default
8
+ ## How to use
9
9
 
10
- <Story
11
- packageName="@digigov/ui"
12
- component="navigation/Link"
13
- story="Default.tsx"
14
- />
10
+ <code src="@digigov/ui/navigation/Link/__stories__/Default.tsx" />
15
11
 
16
12
  ### No Underline
17
13
 
18
- <Story
19
- packageName="@digigov/ui"
20
- component="navigation/Link"
21
- story="NoUnderline.tsx"
22
- />
14
+ <code src="@digigov/ui/navigation/Link/__stories__/NoUnderline.tsx" />
23
15
 
24
16
  ### Opens in a new tab
25
17
 
26
- <Story
27
- packageName="@digigov/ui"
28
- component="navigation/Link"
29
- story="OpensInNewTab.tsx"
30
- />
18
+ <code src="@digigov/ui/navigation/Link/__stories__/OpensInNewTab.tsx" />
31
19
 
32
20
  ### At dark background
33
21
 
34
- <Story packageName="@digigov/ui" component="navigation/Link" story="DarkBackground.tsx" />
22
+ <code src="@digigov/ui/navigation/Link/__stories__/DarkBackground.tsx" />
35
23
 
36
24
  ### At dark background and no underline
37
25
 
38
- <Story packageName="@digigov/ui" component="navigation/Link" story="DarkBackgroundNoUnderline.tsx" />
26
+ <code src="@digigov/ui/navigation/Link/__stories__/DarkBackgroundNoUnderline.tsx" />
39
27
 
40
28
  ### Accessibility
41
29
 
package/src/navigation/NavList/__snapshots__/index.spec.tsx.snap CHANGED
@@ -1,7 +1,7 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
3
  exports[`renders the ErrorSummary with sample data 1`] = `
4
- <ForwardRef(NavList)>
4
+ <ForwardRef(NavList2)>
5
5
  this is some random warning text
6
- </ForwardRef(NavList)>
6
+ </ForwardRef(NavList2)>
7
7
  `;
package/src/navigation/NavList/__stories__/UsingNavListAuto.tsx CHANGED
@@ -1,51 +1,50 @@
1
- import React from 'react';
2
- import BurgerIcon from '@digigov/ui/utils/SvgIcon';
1
+ import React, { useState } from 'react';
2
+ import { BurgerIcon } from '@digigov/ui/icons';
3
3
  import { Button } from '@digigov/ui/form/Button';
4
4
  import { NavListAuto } from '@digigov/ui/navigation/NavList';
5
5
 
6
6
  const links = [
7
- { "name": "home", "href": "#home", "label": "Αρχική" },
7
+ { name: 'home', href: '#home', label: 'Αρχική' },
8
8
  {
9
- "name": "educational",
10
- "label": "Εκπαιδευτικό υλικό",
11
- "subMenuHeading": "Εκπαιδευτικό υλικό",
12
- "subMenu": [
9
+ name: 'educational',
10
+ label: 'Εκπαιδευτικό υλικό',
11
+ subMenuHeading: 'Εκπαιδευτικό υλικό',
12
+ subMenu: [
13
13
  {
14
- "name": "elearning",
15
- "href": "#elearning",
16
- "label": "Εκπαιδευτική πλατφόρμα"
14
+ name: 'elearning',
15
+ href: '#elearning',
16
+ label: 'Εκπαιδευτική πλατφόρμα',
17
17
  },
18
18
  {
19
- "name": "videos",
20
- "href": "#videos",
21
- "label": "Βίντεο"
19
+ name: 'videos',
20
+ href: '#videos',
21
+ label: 'Βίντεο',
22
22
  },
23
23
  {
24
- "name": "presentations",
25
- "href": "#presentations",
26
- "label": "Παρουσιάσεις"
24
+ name: 'presentations',
25
+ href: '#presentations',
26
+ label: 'Παρουσιάσεις',
27
27
  },
28
28
  {
29
- "name": "promoting",
30
- "href": "#promoting",
31
- "label": "Προωθώντας την αθλητική ακεραιότητα στην νέα γενιά"
29
+ name: 'promoting',
30
+ href: '#promoting',
31
+ label: 'Προωθώντας την αθλητική ακεραιότητα στην νέα γενιά',
32
32
  },
33
33
  {
34
- "name": "other-texts",
35
- "href": "#other-texts",
36
- "label": "Άλλα κείμενα"
37
- }
38
- ]
34
+ name: 'other-texts',
35
+ href: '#other-texts',
36
+ label: 'Άλλα κείμενα',
37
+ },
38
+ ],
39
39
  },
40
- { "name": "news", "href": "#news", "label": "Νέα" }
41
- ]
42
-
40
+ { name: 'news', href: '#news', label: 'Νέα' },
41
+ ];
43
42
 
44
43
  export const UsingNavListAuto = () => {
45
44
  const layout = 'horizontal';
46
45
  const drawer = 'smDown';
47
46
  const border = true;
48
- const [open, setOpen] = React.useState(false);
47
+ const [open, setOpen] = useState(false);
49
48
  return (
50
49
  <>
51
50
  <Button color="secondary" onClick={() => setOpen(!open)} smUpHidden>
package/src/navigation/NavList/__stories__/Vertical.tsx CHANGED
@@ -8,21 +8,21 @@ import {
8
8
 
9
9
  const links = [
10
10
  {
11
- "name": "home",
12
- "href": "#home",
13
- "label": "Αρχική"
11
+ name: 'home',
12
+ href: '#home',
13
+ label: 'Αρχική',
14
14
  },
15
15
  {
16
- "name": "educational",
17
- "label": "Εκπαιδευτικό υλικό",
18
- "href": "#educational"
16
+ name: 'educational',
17
+ label: 'Εκπαιδευτικό υλικό',
18
+ href: '#educational',
19
19
  },
20
20
  {
21
- "name": "news",
22
- "href": "#news",
23
- "label": "Νέα"
24
- }
25
- ]
21
+ name: 'news',
22
+ href: '#news',
23
+ label: 'Νέα',
24
+ },
25
+ ];
26
26
 
27
27
  export const Vertical = () => {
28
28
  const layout = 'vertical';
@@ -30,7 +30,11 @@ export const Vertical = () => {
30
30
  const [useActive, setUseActive] = useState('');
31
31
 
32
32
  return (
33
- <Nav aria-orientation={layout || 'horizontal'} aria-label="navigation list">
33
+ <Nav
34
+ aria-orientation={layout || 'horizontal'}
35
+ aria-label="navigation list"
36
+ border={false}
37
+ >
34
38
  <NavList layout={layout}>
35
39
  {links.map((item, key) => (
36
40
  <NavListItemAction
package/src/navigation/NavList/{index.mdx → doc.mdx} RENAMED
@@ -3,39 +3,36 @@ id: nav-list
3
3
  title: NavList
4
4
  ---
5
5
 
6
- ## How to use
6
+ import PhaseBanner, { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';
7
+
8
+ # NavList
7
9
 
8
- ### Horizontal NavList
10
+ ## How to use
9
11
 
10
- <Story
11
- packageName="@digigov/ui"
12
- component="navigation/NavList"
13
- story="Default.tsx"
14
- />
12
+ <code src="@digigov/ui/navigation/NavList/__stories__/Default.tsx" />
15
13
 
16
14
  ### Vertical NavList
17
15
 
18
- <Story
19
- packageName="@digigov/ui"
20
- component="navigation/NavList"
21
- story="Vertical.tsx"
22
- />
16
+ <code src="@digigov/ui/navigation/NavList/__stories__/Vertical.tsx" />
23
17
 
24
18
  ### Horizontal NavList with submenu
25
19
 
26
- <Story
27
- packageName="@digigov/ui"
28
- component="navigation/NavList"
29
- story="HorizontalWithoutDrawer.tsx"
30
- />
20
+ <code src="@digigov/ui/navigation/NavList/__stories__/HorizontalWithoutDrawer.tsx" />
21
+
31
22
 
32
23
  ### Vertical NavList with submenu
33
24
 
34
- <Story
35
- packageName="@digigov/ui"
36
- component="navigation/NavList"
37
- story="VerticalWithoutDrawer.tsx"
38
- />
25
+ <code src="@digigov/ui/navigation/NavList/__stories__/VerticalWithoutDrawer.tsx" />
26
+
27
+ ### Auto
28
+
29
+ <PhaseBanner>
30
+ <PhaseBannerTag>EXPERIMENTAL</PhaseBannerTag>
31
+ </PhaseBanner>
32
+
33
+ This is an implementation of NavList, utilizing the `useNavList` hook to register each item along with its associated content.
34
+
35
+ <code src="@digigov/ui/navigation/NavList/__stories__/UsingNavListAuto.tsx" />
39
36
 
40
37
  ## Accessibility
41
38
 
package/src/navigation/Pagination/__stories__/Auto.tsx CHANGED
@@ -1,11 +1,8 @@
1
1
  import React from 'react';
2
2
  import Card from '@digigov/ui/content/Card';
3
- import Container from '@digigov/ui/layouts/Basic';
4
- import Main from '@digigov/ui/layouts/Basic';
3
+ import Container from '@digigov/ui/layouts/Basic/Container';
5
4
  import Grid from '@digigov/ui/layouts/Grid';
6
- import {
7
- Pagination,
8
- } from '@digigov/ui/navigation/Pagination';
5
+ import { Pagination } from '@digigov/ui/navigation/Pagination';
9
6
  import {
10
7
  PaginationContextAuto,
11
8
  PaginationLabelAuto,
@@ -20,21 +17,26 @@ for (let i = 0; i < 78; i++) {
20
17
  fetchedData.push({ id: i });
21
18
  }
22
19
 
23
- const MyContainer = ({ data }) => {
20
+ const DataGrid = ({ data }) => {
24
21
  const { offset, limit } = usePaginationContext();
25
22
 
26
- return data
27
- .filter((item, index) => {
28
- index > offset && index < offset + limit;
29
- console.log(item);
30
- })
31
- .map((item, index) => {
32
- return (
33
- <Grid item xs={4} md={2} key={index}>
34
- <Card variant="border"> {item.id}</Card>
35
- </Grid>
36
- );
37
- });
23
+ return (
24
+ <Grid container spacing={4} mb={{ xs: 4, md: 8 }}>
25
+ {data
26
+ .filter((_item, index) => {
27
+ return index > offset && index < offset + limit;
28
+ })
29
+ .map((item, index) => {
30
+ return (
31
+ <Grid item xs={4} md={2} key={index}>
32
+ <Card variant="border" borderColor="light" dense>
33
+ {item.id}
34
+ </Card>
35
+ </Grid>
36
+ );
37
+ })}
38
+ </Grid>
39
+ );
38
40
  };
39
41
 
40
42
  export const Auto = () => {
@@ -45,19 +47,15 @@ export const Auto = () => {
45
47
  previousLabel="Προηγούμενη"
46
48
  nextLabel="Επόμενη"
47
49
  >
48
- <Container>
49
- <Main>
50
- <Grid container spacing={4}>
51
- <MyContainer data={fetchedData} />
52
- </Grid>
53
- <Pagination>
54
- <PaginationLabelAuto />
55
- <PaginationResultsPerPageSelectAuto>
56
- Αποτελέσματα ανά σελίδα
57
- </PaginationResultsPerPageSelectAuto>
58
- <PaginationListAuto />
59
- </Pagination>
60
- </Main>
50
+ <Container grid={false}>
51
+ <DataGrid data={fetchedData} />
52
+ <Pagination>
53
+ <PaginationLabelAuto />
54
+ <PaginationResultsPerPageSelectAuto>
55
+ Αποτελέσματα ανά σελίδα
56
+ </PaginationResultsPerPageSelectAuto>
57
+ <PaginationListAuto />
58
+ </Pagination>
61
59
  </Container>
62
60
  </PaginationContextAuto>
63
61
  );
package/src/navigation/Pagination/__stories__/PaginationWithSmallFont.tsx CHANGED
@@ -14,7 +14,7 @@ import {
14
14
  PaginationLabel,
15
15
  } from '@digigov/ui/navigation/Pagination';
16
16
 
17
- import { ChevronIcon } from '@digigov/ui/utils/SvgIcon';
17
+ import { ChevronIcon } from '@digigov/ui/icons';
18
18
 
19
19
  export const PaginationWithSmallFont = () => (
20
20
  <div className="example">
package/src/navigation/Pagination/__stories__/WithInactiveValues.tsx CHANGED
@@ -9,7 +9,7 @@ import {
9
9
  PaginationListItem,
10
10
  PaginationLabel,
11
11
  } from '@digigov/ui/navigation/Pagination';
12
- import { ChevronIcon } from '@digigov/ui/utils/SvgIcon';
12
+ import { ChevronIcon } from '@digigov/ui/icons';
13
13
 
14
14
  export const WithInactiveValues = () => (
15
15
  <I18NProvider t={(str: string) => str}>
package/src/navigation/Pagination/__stories__/WithResultsPerPage.tsx CHANGED
@@ -14,7 +14,7 @@ import {
14
14
  PaginationLabel,
15
15
  } from '@digigov/ui/navigation/Pagination';
16
16
 
17
- import { ChevronIcon } from '@digigov/ui/utils/SvgIcon';
17
+ import { ChevronIcon } from '@digigov/ui/icons';
18
18
 
19
19
  export const WithResultsPerPage = () => (
20
20
  <I18NProvider t={(str: string) => str}>
package/src/navigation/Pagination/doc.mdx ADDED
@@ -0,0 +1,32 @@
1
+ ---
2
+ id: pagination
3
+ title: Pagination
4
+ ---
5
+
6
+ ## How to use
7
+
8
+ <code src="@digigov/ui/navigation/Pagination/__stories__/Default.tsx" />
9
+
10
+ ### With inactive values
11
+
12
+ <code src="@digigov/ui/navigation/Pagination/__stories__/WithInactiveValues.tsx" />
13
+
14
+ ### With small fonts
15
+
16
+ <code src="@digigov/ui/navigation/Pagination/__stories__/PaginationWithSmallFont.tsx" />
17
+
18
+ ### With results per page
19
+
20
+ <code src="@digigov/ui/navigation/Pagination/__stories__/WithResultsPerPage.tsx" />
21
+
22
+ ## API
23
+
24
+ See below for a complete reference to all of the props available to the components mentioned here.
25
+
26
+ <ComponentProps componentName={
27
+ [
28
+ "Pagination",
29
+ "PaginationLabel",
30
+ "PaginationList",
31
+ "PaginationListItem",
32
+ ]} />
package/src/navigation/Tabs/doc.mdx ADDED
@@ -0,0 +1,47 @@
1
+ ---
2
+ id: tabs
3
+ title: Tabs
4
+ ---
5
+
6
+ import PhaseBanner, { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';
7
+
8
+ # Tabs
9
+
10
+ ## How to use
11
+
12
+ <code src="@digigov/ui/navigation/Tabs/__stories__/Default.tsx" />
13
+
14
+ ### With dense style
15
+
16
+ <code src="@digigov/ui/navigation/Tabs/__stories__/Dense.tsx" />
17
+
18
+ ### Using Accordion
19
+
20
+ <code src="@digigov/ui/navigation/Tabs/__stories__/UsingAccordion.tsx" />
21
+
22
+ ### Auto
23
+
24
+ This is an implementation of the Tabs collection, encapsulated within a `TabsContext` provider, designed to facilitate and manage Tabs functionality effectively.
25
+
26
+ <PhaseBanner>
27
+ <PhaseBannerTag>EXPERIMENTAL</PhaseBannerTag>
28
+ </PhaseBanner>
29
+
30
+ <code src="@digigov/ui/navigation/Tabs/__stories__/UsingAccordion.tsx" />
31
+
32
+ ## Accessibility
33
+
34
+ You can read more about the accessibility patterns used in our Tabs
35
+ implementation in the ARIA Authoring Practices Guide (APG) at [Tabs](https://www.w3.org/WAI/ARIA/apg/patterns/tabs/) section.
36
+
37
+ ## API
38
+
39
+ See below for a complete reference to all of the props available to the components mentioned here.
40
+
41
+ <ComponentProps componentName={
42
+ ["Tabs",
43
+ "TabsHeading",
44
+ "TabsList",
45
+ "TabsListItem",
46
+ "TabsPanel",]} />
47
+