@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/app/Skeleton/doc.mdx ADDED
@@ -0,0 +1,42 @@
1
+ ---
2
+ id: skeleton
3
+ title: Skeleton
4
+ ---
5
+
6
+ # Skeleton
7
+
8
+ Use Skeleton component while a page is loading.
9
+
10
+ ## How to use
11
+
12
+ <code src="@digigov/ui/app/Skeleton/__stories__/Default.tsx" />
13
+
14
+ ### Button
15
+
16
+ <code src="@digigov/ui/app/Skeleton/__stories__/Button.tsx" />
17
+
18
+ ### Circular
19
+
20
+ <code src="@digigov/ui/app/Skeleton/__stories__/Circular.tsx" />
21
+
22
+ ### Rectangular
23
+
24
+ <code src="@digigov/ui/app/Skeleton/__stories__/Rectangular.tsx" />
25
+
26
+ ### Specific width and height
27
+
28
+ <code src="@digigov/ui/app/Skeleton/__stories__/SpecificWidthAndHeight.tsx" />
29
+
30
+ ### Under Typography
31
+
32
+ <code src="@digigov/ui/app/Skeleton/__stories__/UnderTypography.tsx" />
33
+
34
+ ### No Animation
35
+
36
+ <code src="@digigov/ui/app/Skeleton/__stories__/NoAnimation.tsx" />
37
+
38
+ ## API
39
+
40
+ See below for a complete reference to all of the props available to the components mentioned here.
41
+
42
+ <ComponentProps componentName={["Skeleton"]} />
package/src/content/Accordion/__snapshots__/index.spec.tsx.snap CHANGED
@@ -1,157 +1,58 @@
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 Accordion 1`] = `
4
- <ForwardRef(Accordion)>
5
- <ForwardRef(Base)
6
- as="div"
7
- className="ds-accordion--border-top ds-accordion"
8
- >
4
+ <body>
5
+ <div>
9
6
  <div
10
- className="ds-accordion--border-top ds-accordion"
7
+ class="ds-accordion ds-accordion--border-top"
11
8
  >
12
- <withDeprecationComponent>
13
- <ForwardRef(AccordionSection)>
14
- <ForwardRef(Base)
15
- as="details"
16
- className="ds-accordion__section"
9
+ <details
10
+ class="ds-accordion__section"
11
+ open=""
12
+ >
13
+ <summary
14
+ aria-level="2"
15
+ class="ds-accordion__section-summary"
16
+ role="heading"
17
+ >
18
+ <h2
19
+ aria-controls="content1"
20
+ class="ds-accordion__section-heading"
21
+ role="button"
17
22
  >
18
- <details
19
- className="ds-accordion__section"
23
+ <span
24
+ class="ds-accordion__section-button"
20
25
  >
21
- <withDeprecationComponent>
22
- <Component>
23
- <ForwardRef(AccordionSectionSummary)>
24
- <ForwardRef(Base)
25
- aria-level={2}
26
- as="summary"
27
- className="ds-accordion__section-summary"
28
- role="heading"
29
- >
30
- <summary
31
- aria-level={2}
32
- className="ds-accordion__section-summary"
33
- role="heading"
34
- >
35
- <ForwardRef(AccordionSectionSummaryHeading)
36
- aria-expanded={false}
37
- onClick={[Function]}
38
- >
39
- <ForwardRef(Base)
40
- aria-expanded={false}
41
- as="h2"
42
- className="ds-accordion__section-heading"
43
- onClick={[Function]}
44
- role="button"
45
- >
46
- <h2
47
- aria-expanded={false}
48
- className="ds-accordion__section-heading"
49
- onClick={[Function]}
50
- role="button"
51
- >
52
- <span
53
- className="ds-accordion__section-button"
54
- >
55
- Βασικες Ρυθμισεις
56
- </span>
57
- </h2>
58
- </ForwardRef(Base)>
59
- </ForwardRef(AccordionSectionSummaryHeading)>
60
- </summary>
61
- </ForwardRef(Base)>
62
- </ForwardRef(AccordionSectionSummary)>
63
- </Component>
64
- </withDeprecationComponent>
65
- <withDeprecationComponent>
66
- <ForwardRef(AccordionSectionContent)>
67
- <ForwardRef(Base)
68
- as="div"
69
- className="ds-accordion__section-content"
70
- >
71
- <div
72
- className="ds-accordion__section-content"
73
- >
74
- Περιεχομενο Βασικων Ρυθμισεων
75
- </div>
76
- </ForwardRef(Base)>
77
- </ForwardRef(AccordionSectionContent)>
78
- </withDeprecationComponent>
79
- </details>
80
- </ForwardRef(Base)>
81
- </ForwardRef(AccordionSection)>
82
- </withDeprecationComponent>
83
- <withDeprecationComponent>
84
- <ForwardRef(AccordionSection)>
85
- <ForwardRef(Base)
86
- as="details"
87
- className="ds-accordion__section"
26
+ Διαφορές με το δημόσιο
27
+ </span>
28
+ </h2>
29
+ </summary>
30
+ <div
31
+ class="ds-accordion__section-content"
32
+ id="content1"
33
+ >
34
+ <p
35
+ class="ds-body"
88
36
  >
89
- <details
90
- className="ds-accordion__section"
37
+ Παρακάτω μπορείτε να δείτε την διαθέσιμη και ενεργή υπηρεσία που αφορά το επιλεγμένο γεγονός ζωής.
38
+ </p>
39
+ <ol
40
+ class="ds-list"
41
+ >
42
+ <li
43
+ class="ds-list__item"
91
44
  >
92
- <withDeprecationComponent>
93
- <Component>
94
- <ForwardRef(AccordionSectionSummary)>
95
- <ForwardRef(Base)
96
- aria-level={2}
97
- as="summary"
98
- className="ds-accordion__section-summary"
99
- role="heading"
100
- >
101
- <summary
102
- aria-level={2}
103
- className="ds-accordion__section-summary"
104
- role="heading"
105
- >
106
- <ForwardRef(AccordionSectionSummaryHeading)
107
- aria-expanded={false}
108
- onClick={[Function]}
109
- >
110
- <ForwardRef(Base)
111
- aria-expanded={false}
112
- as="h2"
113
- className="ds-accordion__section-heading"
114
- onClick={[Function]}
115
- role="button"
116
- >
117
- <h2
118
- aria-expanded={false}
119
- className="ds-accordion__section-heading"
120
- onClick={[Function]}
121
- role="button"
122
- >
123
- <span
124
- className="ds-accordion__section-button"
125
- >
126
- Υπολοιπες Ρυθμισεις
127
- </span>
128
- </h2>
129
- </ForwardRef(Base)>
130
- </ForwardRef(AccordionSectionSummaryHeading)>
131
- </summary>
132
- </ForwardRef(Base)>
133
- </ForwardRef(AccordionSectionSummary)>
134
- </Component>
135
- </withDeprecationComponent>
136
- <withDeprecationComponent>
137
- <ForwardRef(AccordionSectionContent)>
138
- <ForwardRef(Base)
139
- as="div"
140
- className="ds-accordion__section-content"
141
- >
142
- <div
143
- className="ds-accordion__section-content"
144
- >
145
- Περιεχομενο Υπολοιπων Ρυθμισεων
146
- </div>
147
- </ForwardRef(Base)>
148
- </ForwardRef(AccordionSectionContent)>
149
- </withDeprecationComponent>
150
- </details>
151
- </ForwardRef(Base)>
152
- </ForwardRef(AccordionSection)>
153
- </withDeprecationComponent>
45
+ <a
46
+ class="ds-link"
47
+ href=""
48
+ >
49
+ Αίτηση εξώδικης αναγνώρισης απαιτήσεων / συμβιβαστικής επίλυσης διαφορών με το Δημόσιο
50
+ </a>
51
+ </li>
52
+ </ol>
53
+ </div>
54
+ </details>
154
55
  </div>
155
- </ForwardRef(Base)>
156
- </ForwardRef(Accordion)>
56
+ </div>
57
+ </body>
157
58
  `;
package/src/content/Accordion/{index.mdx → doc.mdx} RENAMED
@@ -2,12 +2,9 @@
2
2
  id: accordion
3
3
  title: Accordion
4
4
  ---
5
-
6
5
 
7
6
  # Accordion
8
7
 
9
-
10
-
11
8
  This component is currently experimental because adding a summary line with more than a few short words will likely make the button text too long, particularly for users of screen readers.
12
9
 
13
10
  The accordion component lets users show and hide sections of related content on a page.
@@ -16,21 +13,13 @@ The accordion component lets users show and hide sections of related content on
16
13
 
17
14
  ### Default Accordion
18
15
 
19
- <Story
20
- packageName="@digigov/ui"
21
- component="content/Accordion"
22
- story="Default.tsx"
23
- />
16
+ <code src="@digigov/ui/content/Accordion/__stories__/Default.tsx" />
24
17
 
25
18
  ### Accordion with Hints
26
19
 
27
20
  Accordions hide content, so the labels need to be clear. If necessary, you can add a summary line to help users understand what is in the section.
28
21
 
29
- <Story
30
- packageName="@digigov/ui"
31
- component="content/Accordion"
32
- story="WithHints.tsx"
33
- />
22
+ <code src="@digigov/ui/content/Accordion/__stories__/WithHints.tsx" />
34
23
 
35
24
  ## Accessibility
36
25
 
package/src/content/Blockquote/__snapshots__/index.spec.tsx.snap CHANGED
@@ -1,16 +1,13 @@
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 Blockquote with sample data 1`] = `
4
- <ForwardRef(Blockquote)>
5
- <ForwardRef(Base)
6
- as="blockquote"
7
- className="ds-blockquote"
8
- >
4
+ <body>
5
+ <div>
9
6
  <blockquote
10
- className="ds-blockquote"
7
+ class="ds-blockquote"
11
8
  >
12
9
  this is some random data
13
10
  </blockquote>
14
- </ForwardRef(Base)>
15
- </ForwardRef(Blockquote)>
11
+ </div>
12
+ </body>
16
13
  `;
package/src/content/Blockquote/{index.mdx → doc.mdx} RENAMED
@@ -11,11 +11,11 @@ The Blockquote component lets users show and hide sections of related content on
11
11
 
12
12
  ## How to use
13
13
 
14
- <Story
15
- packageName="@digigov/ui"
16
- component="content/Blockquote"
17
- story="Default.tsx"
18
- />
14
+ <code src="@digigov/ui/content/Blockquote/__stories__/Default.tsx" />
15
+
16
+ ### With dense style
17
+
18
+ <code src="@digigov/ui/content/Blockquote/__stories__/Dense.tsx" />
19
19
 
20
20
  ## API
21
21
 
package/src/content/Card/doc.mdx ADDED
@@ -0,0 +1,71 @@
1
+ ---
2
+ id: card
3
+ title: Card
4
+ ---
5
+
6
+ # Card
7
+
8
+ Cards can be used to divide and organize interface content for better understandability and readability.
9
+ When used correctly, Cards can help users to scan through vast amounts of information quicker.
10
+
11
+ ## How to use
12
+
13
+ <code src="@digigov/ui/content/Card/__stories__/Default.tsx" />
14
+
15
+ #### Card with gray border color
16
+
17
+ <code src="@digigov/ui/content/Card/__stories__/WithGrayBorder.tsx" />
18
+
19
+ #### Card with dark border color
20
+
21
+ <code src="@digigov/ui/content/Card/__stories__/WithDarkBorder.tsx" />
22
+
23
+ ### Card with top border
24
+
25
+ You can set the color of the Card's top border. You can choose between dark and grey color respectively. By default the top border color is grey.
26
+
27
+ <code src="@digigov/ui/content/Card/__stories__/WithDarkBorder.tsx" />
28
+
29
+ #### Card with grey top border
30
+
31
+ <code src="@digigov/ui/content/Card/__stories__/WithGrayTopBorder.tsx" />
32
+
33
+ #### Card with dark top border
34
+
35
+ <code src="@digigov/ui/content/Card/__stories__/WithDarkTopBorder.tsx" />
36
+
37
+ ### Card with divider
38
+
39
+ <code src="@digigov/ui/content/Card/__stories__/WithDivider.tsx" />
40
+
41
+ ### Card with actions
42
+
43
+ <code src="@digigov/ui/content/Card/__stories__/WithGroupButton.tsx" />
44
+
45
+ #### Card with title link
46
+
47
+ Cards can be used without an action button, but with a clickable title.
48
+
49
+ <code src="@digigov/ui/content/Card/__stories__/WithLink.tsx" />
50
+
51
+ #### Card with clickable content
52
+
53
+ You can expand the clickable area of the link to fill Card's content.
54
+
55
+ <code src="@digigov/ui/content/Card/__stories__/WithClickableContent.tsx" />
56
+
57
+ #### Card with button or link
58
+
59
+ Cards also provides styles for actionable elements such as Buttons or Links.
60
+
61
+ <code src="@digigov/ui/content/Card/__stories__/WithClickableLink.tsx" />
62
+
63
+ #### Card with a group of actions
64
+
65
+ <code src="@digigov/ui/content/Card/__stories__/WithGroupButton.tsx" />
66
+
67
+ ## API
68
+
69
+ See below for a complete reference to all of the props available to the components mentioned here.
70
+
71
+ <ComponentProps componentName={["Card", "CardHeading", "CardContent", "CardAction"]} />
package/src/content/Chip/doc.mdx ADDED
@@ -0,0 +1,34 @@
1
+ ---
2
+ id: chip
3
+ title: Chip
4
+ ---
5
+
6
+ # Chip
7
+
8
+ The Chip component can be used to represent small blocks of information.
9
+
10
+ ## How to use
11
+
12
+ <code src="@digigov/ui/content/Chip/__stories__/Default.tsx" />
13
+
14
+ ### ClickableChip
15
+
16
+ <code src="@digigov/ui/content/Chip/__stories__/ClickableChip.tsx" />
17
+
18
+ ### ClickableDeletableChip
19
+
20
+ <code src="@digigov/ui/content/Chip/__stories__/ClickableDeletableChip.tsx" />
21
+
22
+ ### DeletableChip
23
+
24
+ <code src="@digigov/ui/content/Chip/__stories__/DeletableChip.tsx" />
25
+
26
+ ### GroupOfChips
27
+
28
+ <code src="@digigov/ui/content/Chip/__stories__/GroupOfChips.tsx" />
29
+
30
+ ## API
31
+
32
+ See below for a complete reference to all of the props available to the components mentioned here.
33
+
34
+ <ComponentProps componentName={["Chip", "ChipContainer", "ChipHeading", "ChipKeyValue"]} />
package/src/content/Details/__snapshots__/index.spec.tsx.snap CHANGED
@@ -1,81 +1,44 @@
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 closed Details component 1`] = `
4
- <ForwardRef(Details)>
5
- <ForwardRef(Base)
6
- as="details"
7
- className="ds-details"
8
- >
4
+ <body>
5
+ <div>
9
6
  <details
10
- className="ds-details"
7
+ class="ds-details"
11
8
  >
12
- <ForwardRef(DetailsSummary)>
13
- <ForwardRef(Base)
14
- as="summary"
15
- className="ds-details__summary"
16
- >
17
- <summary
18
- className="ds-details__summary"
19
- >
20
- Help with nationality
21
- </summary>
22
- </ForwardRef(Base)>
23
- </ForwardRef(DetailsSummary)>
24
- <ForwardRef(DetailsContent)>
25
- <ForwardRef(Base)
26
- as="div"
27
- className="ds-details__content"
28
- >
29
- <div
30
- className="ds-details__content"
31
- >
32
- We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.
33
- </div>
34
- </ForwardRef(Base)>
35
- </ForwardRef(DetailsContent)>
9
+ <summary
10
+ class="ds-details__summary"
11
+ >
12
+ Help with nationality
13
+ </summary>
14
+ <div
15
+ class="ds-details__content"
16
+ >
17
+ We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.
18
+ </div>
36
19
  </details>
37
- </ForwardRef(Base)>
38
- </ForwardRef(Details)>
20
+ </div>
21
+ </body>
39
22
  `;
40
23
 
41
24
  exports[`renders the open Details component 1`] = `
42
- <ForwardRef(Details)
43
- open={true}
44
- >
45
- <ForwardRef(Base)
46
- as="details"
47
- className="ds-details"
48
- open={true}
49
- >
25
+ <body>
26
+ <div>
50
27
  <details
51
- className="ds-details"
52
- open={true}
28
+ class="ds-details"
29
+ open=""
53
30
  >
54
- <ForwardRef(DetailsSummary)>
55
- <ForwardRef(Base)
56
- as="summary"
57
- className="ds-details__summary"
58
- >
59
- <summary
60
- className="ds-details__summary"
61
- >
62
- Help with nationality
63
- </summary>
64
- </ForwardRef(Base)>
65
- </ForwardRef(DetailsSummary)>
66
- <ForwardRef(DetailsContent)>
67
- <ForwardRef(Base)
68
- as="div"
69
- className="ds-details__content"
70
- >
71
- <div
72
- className="ds-details__content"
73
- >
74
- We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.
75
- </div>
76
- </ForwardRef(Base)>
77
- </ForwardRef(DetailsContent)>
31
+ <summary
32
+ class="ds-details__summary"
33
+ >
34
+ Help with nationality
35
+ </summary>
36
+ <div
37
+ class="ds-details__content"
38
+ >
39
+ We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.
40
+ </div>
78
41
  </details>
79
- </ForwardRef(Base)>
80
- </ForwardRef(Details)>
42
+ </div>
43
+ </body>
81
44
  `;
package/src/content/Details/{index.mdx → doc.mdx} RENAMED
@@ -9,11 +9,7 @@ The details component is a short link that shows more detailed help text when a
9
9
 
10
10
  ## How to use
11
11
 
12
- <Story
13
- packageName="@digigov/ui"
14
- component="content/Details"
15
- story="Default.tsx"
16
- />
12
+ <code src="@digigov/ui/content/Details/__stories__/Default.tsx" />
17
13
 
18
14
  ## Accessibility
19
15
 
package/src/content/List/__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(List)>
4
+ <ForwardRef(List2)>
5
5
  this is some random warning text
6
- </ForwardRef(List)>
6
+ </ForwardRef(List2)>
7
7
  `;
package/src/content/List/doc.mdx ADDED
@@ -0,0 +1,28 @@
1
+ ---
2
+ id: list
3
+ title: List
4
+ ---
5
+
6
+ # List
7
+
8
+ ## How to use
9
+
10
+ <code src="@digigov/ui/content/List/__stories__/Default.tsx" />
11
+
12
+ ### List with bullets
13
+
14
+ <code src="@digigov/ui/content/List/__stories__/BulletList.tsx" />
15
+
16
+ ### List with numbers
17
+
18
+ <code src="@digigov/ui/content/List/__stories__/NumberedList.tsx" />
19
+
20
+ ### List with extra space
21
+
22
+ <code src="@digigov/ui/content/List/__stories__/WithExtraSpace.tsx" />
23
+
24
+ ## API
25
+
26
+ See below for a complete reference to all of the props available to the components mentioned here.
27
+
28
+ <ComponentProps componentName={["List", "ListItem"]} />
package/src/content/StepNav/{index.mdx → doc.mdx} RENAMED
@@ -9,29 +9,15 @@ StepNav is a component that displays number of steps required to complete a proc
9
9
 
10
10
  ## How to use
11
11
 
12
- ### Default
12
+ <code src="@digigov/ui/content/StepNav/__stories__/Default.tsx" />
13
13
 
14
- <Story
15
- packageName="@digigov/ui"
16
- component="content/StepNav"
17
- story="Default.tsx"
18
- />
14
+ ### With hints
19
15
 
20
- ### StepNav with hints
16
+ <code src="@digigov/ui/content/StepNav/__stories__/WithHints.tsx" />
21
17
 
22
- <Story
23
- packageName="@digigov/ui"
24
- component="content/StepNav"
25
- story="WithHints.tsx"
26
- />
18
+ ### With dense style
27
19
 
28
- ### StepNav with dense
29
-
30
- <Story
31
- packageName="@digigov/ui"
32
- component="content/StepNav"
33
- story="Dense.tsx"
34
- />
20
+ <code src="@digigov/ui/content/StepNav/__stories__/Dense.tsx" />
35
21
 
36
22
  ## API
37
23