@digigov/ui 2.0.0-6e3977bc → 2.0.0-834daea4

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 (322) 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/{api/APIErrors → app/Loader/index.native}/package.json +1 -1
  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/fetchAPI → 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__/Secondary/index.js +13 -0
  18. package/app/Masthead/__stories__/Secondary/package.json +6 -0
  19. package/app/Masthead/__stories__/Secondary.d.ts +3 -0
  20. package/app/Masthead/__stories__/Secondary.js.map +7 -0
  21. package/app/Modal/auto/index.js +1 -1
  22. package/app/Modal/auto.js.map +2 -2
  23. package/app/Modal/index.d.ts +2 -2
  24. package/app/Modal/index.js +2 -2
  25. package/app/Modal/index.js.map +1 -1
  26. package/app/Modal/index.native/index.js +20 -0
  27. package/{api → app/Modal/index.native}/package.json +1 -1
  28. package/app/Modal/index.native.d.ts +7 -0
  29. package/app/Modal/index.native.js.map +7 -0
  30. package/app/Modal/{Modal → index.web}/index.js +3 -3
  31. package/{api/APIProvider → app/Modal/index.web}/package.json +1 -1
  32. package/app/Modal/{Modal.js.map → index.web.js.map} +2 -2
  33. package/app/QrCodeScanner/index.js.map +2 -2
  34. package/cjs/app/Header/__stories__/WithServiceNameAndLogo.js.map +3 -3
  35. package/cjs/app/Loader/index.js +3 -3
  36. package/cjs/app/Loader/index.js.map +2 -2
  37. package/cjs/app/Loader/index.native/index.js +135 -0
  38. package/cjs/app/Loader/index.native.js.map +7 -0
  39. package/cjs/app/Loader/index.web/index.js +22 -0
  40. package/cjs/app/Loader/index.web.js.map +7 -0
  41. package/cjs/app/Masthead/Masthead.stories/index.js +3 -0
  42. package/cjs/app/Masthead/Masthead.stories.js.map +2 -2
  43. package/cjs/app/Masthead/__stories__/Secondary/index.js +46 -0
  44. package/cjs/app/Masthead/__stories__/Secondary.js.map +7 -0
  45. package/cjs/app/Modal/auto/index.js +1 -1
  46. package/cjs/app/Modal/auto.js.map +2 -2
  47. package/cjs/app/Modal/index.js +3 -3
  48. package/cjs/app/Modal/index.js.map +2 -2
  49. package/cjs/{api/APIProvider → app/Modal/index.native}/index.js +20 -26
  50. package/cjs/app/Modal/index.native.js.map +7 -0
  51. package/cjs/app/Modal/{Modal → index.web}/index.js +6 -6
  52. package/cjs/app/Modal/{Modal.js.map → index.web.js.map} +2 -2
  53. package/cjs/app/QrCodeScanner/index.js.map +2 -2
  54. package/cjs/content/Table/Table.stories/index.js +3 -3
  55. package/cjs/content/Table/Table.stories.js.map +2 -2
  56. package/cjs/content/Table/__stories__/{Densed → Dense}/index.js +9 -9
  57. package/cjs/content/Table/__stories__/{Densed.js.map → Dense.js.map} +3 -3
  58. package/cjs/feedback/CopyToClipboard/__stories__/Default/index.js +1 -1
  59. package/cjs/feedback/CopyToClipboard/__stories__/Default.js.map +2 -2
  60. package/cjs/form/DateInputContainer/__stories__/MultipleQuestions/index.js +1 -1
  61. package/cjs/form/DateInputContainer/__stories__/MultipleQuestions.js.map +1 -1
  62. package/cjs/form/SearchContainer/SearchContainer.stories/index.js +46 -0
  63. package/cjs/form/SearchContainer/SearchContainer.stories.js.map +7 -0
  64. package/cjs/{api/APIErrors → form/SearchContainer/__stories__/Default}/index.js +12 -42
  65. package/cjs/form/SearchContainer/__stories__/Default.js.map +7 -0
  66. package/cjs/i18n/locales/el/index.js +7 -1
  67. package/cjs/i18n/locales/el.js.map +2 -2
  68. package/cjs/layouts/Basic/Bottom/__stories__/Default/index.js +7 -5
  69. package/cjs/layouts/Basic/Bottom/__stories__/Default.js.map +3 -3
  70. package/cjs/layouts/Basic/Container/__stories__/Default/index.js +6 -4
  71. package/cjs/layouts/Basic/Container/__stories__/Default.js.map +3 -3
  72. package/cjs/layouts/Basic/Main/__stories__/Default/index.js +6 -4
  73. package/cjs/layouts/Basic/Main/__stories__/Default.js.map +3 -3
  74. package/cjs/layouts/Basic/Top/__stories__/Default/index.js +6 -4
  75. package/cjs/layouts/Basic/Top/__stories__/Default.js.map +3 -3
  76. package/cjs/lazy/index.js +3 -7
  77. package/cjs/lazy.js.map +2 -2
  78. package/cjs/navigation/Breadcrumbs/Breadcrumbs.stories.js.map +1 -1
  79. package/cjs/navigation/Drawer/__stories__/Auto/index.js +3 -1
  80. package/cjs/navigation/Drawer/__stories__/Auto.js.map +2 -2
  81. package/cjs/navigation/Drawer/__stories__/Default/index.js +2 -2
  82. package/cjs/navigation/Drawer/__stories__/Default.js.map +3 -3
  83. package/cjs/navigation/NavList/__stories__/UsingNavListAuto/index.js +22 -22
  84. package/cjs/navigation/NavList/__stories__/UsingNavListAuto.js.map +2 -2
  85. package/cjs/navigation/NavList/__stories__/Vertical/index.js +25 -17
  86. package/cjs/navigation/NavList/__stories__/Vertical.js.map +2 -2
  87. package/cjs/navigation/Pagination/__stories__/Auto/index.js +7 -9
  88. package/cjs/navigation/Pagination/__stories__/Auto.js.map +3 -3
  89. package/cjs/registry/index.js +6 -18
  90. package/cjs/registry.js.map +2 -2
  91. package/content/Table/Table.stories/index.js +2 -2
  92. package/content/Table/Table.stories.d.ts +1 -1
  93. package/content/Table/Table.stories.js.map +2 -2
  94. package/content/Table/__stories__/{Densed → Dense}/index.js +5 -5
  95. package/content/Table/__stories__/Dense/package.json +6 -0
  96. package/content/Table/__stories__/Dense.d.ts +3 -0
  97. package/content/Table/__stories__/{Densed.js.map → Dense.js.map} +3 -3
  98. package/feedback/CopyToClipboard/__stories__/Default/index.js +1 -1
  99. package/feedback/CopyToClipboard/__stories__/Default.js.map +2 -2
  100. package/form/DateInputContainer/__stories__/MultipleQuestions/index.js +1 -1
  101. package/form/DateInputContainer/__stories__/MultipleQuestions.js.map +1 -1
  102. package/form/SearchContainer/SearchContainer.stories/index.js +13 -0
  103. package/form/SearchContainer/SearchContainer.stories/package.json +6 -0
  104. package/form/SearchContainer/SearchContainer.stories.d.ts +9 -0
  105. package/form/SearchContainer/SearchContainer.stories.js.map +7 -0
  106. package/form/SearchContainer/__stories__/Default/index.js +11 -0
  107. package/form/SearchContainer/__stories__/Default/package.json +6 -0
  108. package/form/SearchContainer/__stories__/Default.d.ts +3 -0
  109. package/form/SearchContainer/__stories__/Default.js.map +7 -0
  110. package/form/SearchContainer/index.test.d.ts +1 -0
  111. package/i18n/locales/el/index.js +7 -1
  112. package/i18n/locales/el.d.ts +6 -0
  113. package/i18n/locales/el.js.map +2 -2
  114. package/index.js +1 -1
  115. package/layouts/Basic/Bottom/__stories__/Default/index.js +7 -5
  116. package/layouts/Basic/Bottom/__stories__/Default.js.map +2 -2
  117. package/layouts/Basic/Container/__stories__/Default/index.js +6 -4
  118. package/layouts/Basic/Container/__stories__/Default.js.map +2 -2
  119. package/layouts/Basic/Main/__stories__/Default/index.js +6 -4
  120. package/layouts/Basic/Main/__stories__/Default.js.map +2 -2
  121. package/layouts/Basic/Top/__stories__/Default/index.js +6 -4
  122. package/layouts/Basic/Top/__stories__/Default.js.map +2 -2
  123. package/lazy/index.js +3 -7
  124. package/lazy.d.ts +1 -5
  125. package/lazy.js.map +2 -2
  126. package/navigation/Breadcrumbs/Breadcrumbs.stories.js.map +1 -1
  127. package/navigation/Drawer/__stories__/Auto/index.js +3 -1
  128. package/navigation/Drawer/__stories__/Auto.d.ts +1 -0
  129. package/navigation/Drawer/__stories__/Auto.js.map +2 -2
  130. package/navigation/Drawer/__stories__/Default/index.js +1 -1
  131. package/navigation/Drawer/__stories__/Default.js.map +2 -2
  132. package/navigation/NavList/__stories__/UsingNavListAuto/index.js +23 -23
  133. package/navigation/NavList/__stories__/UsingNavListAuto.js.map +2 -2
  134. package/navigation/NavList/__stories__/Vertical/index.js +25 -17
  135. package/navigation/NavList/__stories__/Vertical.js.map +2 -2
  136. package/navigation/Pagination/__stories__/Auto/index.js +8 -12
  137. package/navigation/Pagination/__stories__/Auto.js.map +2 -2
  138. package/package.json +10 -8
  139. package/registry/index.js +6 -18
  140. package/registry.d.ts +4 -9
  141. package/registry.js.map +2 -2
  142. package/src/app/Footer/{index.mdx → doc.mdx} +7 -23
  143. package/src/app/Header/__snapshots__/index.spec.tsx.snap +42 -36
  144. package/src/app/Header/__stories__/WithServiceNameAndLogo.tsx +2 -2
  145. package/src/app/Header/doc.mdx +32 -0
  146. package/src/app/Loader/index.native.tsx +98 -0
  147. package/src/app/Loader/index.tsx +1 -1
  148. package/src/app/Loader/index.web.tsx +1 -0
  149. package/src/app/Masthead/Masthead.stories.js +1 -0
  150. package/src/app/Masthead/__stories__/Secondary.tsx +26 -0
  151. package/src/app/Masthead/{index.mdx → doc.mdx} +13 -1
  152. package/src/app/Masthead/index.test.tsx +4 -0
  153. package/src/app/Modal/auto.tsx +1 -1
  154. package/src/app/Modal/{index.mdx → doc.mdx} +9 -6
  155. package/src/app/Modal/index.native.tsx +17 -0
  156. package/src/app/Modal/index.tsx +2 -2
  157. package/src/app/NotFound/{index.mdx → doc.mdx} +2 -4
  158. package/src/app/Panel/{index.mdx → doc.mdx} +3 -1
  159. package/src/app/PhaseBannerHeader/{index.mdx → doc.mdx} +3 -5
  160. package/src/app/QrCodeScanner/__snapshots__/index.spec.tsx.snap +6 -10
  161. package/src/app/QrCodeScanner/index.tsx +1 -0
  162. package/src/app/QrCodeViewer/{index.mdx → doc.mdx} +4 -12
  163. package/src/app/Skeleton/doc.mdx +42 -0
  164. package/src/content/Accordion/__snapshots__/index.spec.tsx.snap +48 -147
  165. package/src/content/Accordion/{index.mdx → doc.mdx} +2 -13
  166. package/src/content/Blockquote/__snapshots__/index.spec.tsx.snap +6 -9
  167. package/src/content/Blockquote/{index.mdx → doc.mdx} +5 -5
  168. package/src/content/Card/doc.mdx +71 -0
  169. package/src/content/Chip/doc.mdx +34 -0
  170. package/src/content/Details/__snapshots__/index.spec.tsx.snap +32 -69
  171. package/src/content/Details/{index.mdx → doc.mdx} +1 -5
  172. package/src/content/List/__snapshots__/index.spec.tsx.snap +3 -3
  173. package/src/content/List/doc.mdx +28 -0
  174. package/src/content/StepNav/{index.mdx → doc.mdx} +5 -19
  175. package/src/content/SummaryList/__snapshots__/index.spec.tsx.snap +37 -89
  176. package/src/content/SummaryList/{index.mdx → doc.mdx} +6 -18
  177. package/src/content/Table/Table.stories.js +1 -1
  178. package/src/content/Table/__stories__/{Densed.tsx → Dense.tsx} +2 -2
  179. package/src/content/Table/doc.mdx +81 -0
  180. package/src/content/Table/index.test.tsx +3 -3
  181. package/src/content/TaskList/{index.mdx → doc.mdx} +4 -6
  182. package/src/content/Timeline/{index.mdx → doc.mdx} +4 -6
  183. package/src/feedback/CopyToClipboard/__stories__/Default.tsx +1 -1
  184. package/src/feedback/CopyToClipboard/doc.mdx +22 -0
  185. package/src/feedback/ErrorSummary/__snapshots__/index.spec.tsx.snap +3 -3
  186. package/src/feedback/ErrorSummary/{index.mdx → doc.mdx} +6 -22
  187. package/src/feedback/NotificationBanner/__snapshots__/index.spec.tsx.snap +1 -1
  188. package/src/feedback/NotificationBanner/{index.mdx → doc.mdx} +8 -19
  189. package/src/feedback/PhaseBanner/{index.mdx → doc.mdx} +2 -12
  190. package/src/feedback/WarningText/__snapshots__/index.spec.tsx.snap +3 -3
  191. package/src/feedback/WarningText/{index.mdx → doc.mdx} +8 -6
  192. package/src/form/AutoComplete/doc.mdx +50 -0
  193. package/src/form/Button/__snapshots__/index.spec.tsx.snap +6 -10
  194. package/src/form/Button/{index.mdx → doc.mdx} +12 -27
  195. package/src/form/Checkbox/{index.mdx → doc.mdx} +10 -36
  196. package/src/form/DateInputContainer/__stories__/MultipleQuestions.tsx +1 -1
  197. package/src/form/DateInputContainer/{index.mdx → doc.mdx} +7 -21
  198. package/src/form/ErrorMessage/{index.mdx → doc.mdx} +1 -5
  199. package/src/form/FileUpload/{index.mdx → doc.mdx} +2 -10
  200. package/src/form/RadioContainer/{index.mdx → doc.mdx} +10 -36
  201. package/src/form/SearchContainer/SearchContainer.stories.js +9 -0
  202. package/src/form/SearchContainer/__stories__/Default.tsx +13 -0
  203. package/src/form/SearchContainer/doc.mdx +16 -0
  204. package/src/form/SearchContainer/index.test.tsx +20 -0
  205. package/src/form/SelectContainer/{index.mdx → doc.mdx} +3 -19
  206. package/src/form/SingleCharacterInputs/{index.mdx → doc.mdx} +3 -11
  207. package/src/form/TextArea/doc.mdx +48 -0
  208. package/src/form/TextInput/{index.mdx → doc.mdx} +12 -44
  209. package/src/i18n/locales/el.ts +15 -8
  210. package/src/layouts/Basic/Bottom/__stories__/Default.tsx +13 -9
  211. package/src/layouts/Basic/Bottom/{index.mdx → doc.mdx} +1 -5
  212. package/src/layouts/Basic/Container/__stories__/Default.tsx +15 -8
  213. package/src/layouts/Basic/Container/{index.mdx → doc.mdx} +1 -6
  214. package/src/layouts/Basic/Main/__stories__/Default.tsx +15 -8
  215. package/src/layouts/Basic/Main/{index.mdx → doc.mdx} +3 -5
  216. package/src/layouts/Basic/Top/__stories__/Default.tsx +13 -6
  217. package/src/layouts/Basic/Top/doc.mdx +19 -0
  218. package/src/layouts/Basic/__snapshots__/index.spec.tsx.snap +30 -102
  219. package/src/layouts/Basic/{index.mdx → doc.mdx} +7 -18
  220. package/src/layouts/Grid/doc.mdx +26 -0
  221. package/src/layouts/Stack/doc.mdx +38 -0
  222. package/src/lazy.js +4 -8
  223. package/src/navigation/BackLink/{index.mdx → doc.mdx} +1 -5
  224. package/src/navigation/Breadcrumbs/Breadcrumbs.stories.js +0 -1
  225. package/src/navigation/Breadcrumbs/{index.mdx → doc.mdx} +5 -5
  226. package/src/navigation/Drawer/__stories__/Auto.tsx +3 -1
  227. package/src/navigation/Drawer/__stories__/Default.tsx +2 -2
  228. package/src/navigation/Drawer/{index.mdx → doc.mdx} +5 -1
  229. package/src/navigation/Dropdown/{index.mdx → doc.mdx} +3 -15
  230. package/src/navigation/Link/__snapshots__/index.spec.tsx.snap +16 -30
  231. package/src/navigation/Link/{index.mdx → doc.mdx} +7 -19
  232. package/src/navigation/NavList/__snapshots__/index.spec.tsx.snap +3 -3
  233. package/src/navigation/NavList/__stories__/UsingNavListAuto.tsx +26 -27
  234. package/src/navigation/NavList/__stories__/Vertical.tsx +16 -12
  235. package/src/navigation/NavList/{index.mdx → doc.mdx} +19 -22
  236. package/src/navigation/Pagination/__stories__/Auto.tsx +29 -31
  237. package/src/navigation/Pagination/doc.mdx +32 -0
  238. package/src/navigation/Tabs/doc.mdx +47 -0
  239. package/src/registry.js +6 -18
  240. package/src/typography/CodeBlock/doc.mdx +30 -0
  241. package/src/typography/Heading/{index.mdx → doc.mdx} +3 -5
  242. package/src/typography/HeadingCaption/{index.mdx → doc.mdx} +5 -5
  243. package/src/typography/Hint/{index.mdx → doc.mdx} +4 -10
  244. package/src/typography/NormalText/doc.mdx +30 -0
  245. package/src/typography/Paragraph/doc.mdx +34 -0
  246. package/src/typography/Typography/doc.mdx +14 -0
  247. package/src/utils/VisuallyHidden/{index.mdx → doc.mdx} +3 -6
  248. package/api/APIErrors/index.js +0 -40
  249. package/api/APIErrors.d.ts +0 -23
  250. package/api/APIErrors.js.map +0 -7
  251. package/api/APIProvider/index.js +0 -24
  252. package/api/APIProvider.d.ts +0 -16
  253. package/api/APIProvider.js.map +0 -7
  254. package/api/fetchAPI/index.js +0 -29
  255. package/api/fetchAPI.d.ts +0 -14
  256. package/api/fetchAPI.js.map +0 -7
  257. package/api/index.d.ts +0 -8
  258. package/api/index.js +0 -12
  259. package/api/index.js.map +0 -7
  260. package/api/index.spec.d.ts +0 -1
  261. package/api/useResource/index.js +0 -79
  262. package/api/useResource/package.json +0 -6
  263. package/api/useResource.d.ts +0 -11
  264. package/api/useResource.js.map +0 -7
  265. package/api/useResourceAction/index.js +0 -74
  266. package/api/useResourceAction/package.json +0 -6
  267. package/api/useResourceAction.d.ts +0 -2
  268. package/api/useResourceAction.js.map +0 -7
  269. package/api/useResourceQuery/index.js +0 -149
  270. package/api/useResourceQuery/package.json +0 -6
  271. package/api/useResourceQuery.d.ts +0 -18
  272. package/api/useResourceQuery.js.map +0 -7
  273. package/api/utils/index.js +0 -131
  274. package/api/utils/package.json +0 -6
  275. package/api/utils.d.ts +0 -10
  276. package/api/utils.js.map +0 -7
  277. package/app/Modal/Modal/package.json +0 -6
  278. package/cjs/api/APIErrors.js.map +0 -7
  279. package/cjs/api/APIProvider.js.map +0 -7
  280. package/cjs/api/fetchAPI/index.js +0 -49
  281. package/cjs/api/fetchAPI.js.map +0 -7
  282. package/cjs/api/index.js +0 -41
  283. package/cjs/api/index.js.map +0 -7
  284. package/cjs/api/useResource/index.js +0 -102
  285. package/cjs/api/useResource.js.map +0 -7
  286. package/cjs/api/useResourceAction/index.js +0 -97
  287. package/cjs/api/useResourceAction.js.map +0 -7
  288. package/cjs/api/useResourceQuery/index.js +0 -173
  289. package/cjs/api/useResourceQuery.js.map +0 -7
  290. package/cjs/api/utils/index.js +0 -157
  291. package/cjs/api/utils.js.map +0 -7
  292. package/content/Table/__stories__/Densed/package.json +0 -6
  293. package/content/Table/__stories__/Densed.d.ts +0 -3
  294. package/src/api/APIErrors.tsx +0 -46
  295. package/src/api/APIProvider.tsx +0 -31
  296. package/src/api/fetchAPI.ts +0 -43
  297. package/src/api/index.spec.tsx +0 -417
  298. package/src/api/index.tsx +0 -9
  299. package/src/api/introduction.md +0 -6
  300. package/src/api/useResource.tsx +0 -96
  301. package/src/api/useResourceAction.tsx +0 -80
  302. package/src/api/useResourceQuery.tsx +0 -178
  303. package/src/api/utils.tsx +0 -162
  304. package/src/app/Header/index.mdx +0 -49
  305. package/src/content/Card/index.mdx +0 -103
  306. package/src/content/Chip/index.mdx +0 -53
  307. package/src/content/List/index.mdx +0 -40
  308. package/src/content/Table/index.mdx +0 -111
  309. package/src/feedback/CopyToClipboard/index.mdx +0 -28
  310. package/src/form/AutoComplete/index.mdx +0 -70
  311. package/src/form/TextArea/index.mdx +0 -74
  312. package/src/govgr/Footer/index.mdx +0 -101
  313. package/src/layouts/Basic/Top/index.mdx +0 -23
  314. package/src/layouts/Grid/index.mdx +0 -39
  315. package/src/navigation/Pagination/index.mdx +0 -48
  316. package/src/navigation/Tabs/index.mdx +0 -31
  317. package/src/typography/NormalText/index.mdx +0 -44
  318. package/src/typography/Paragraph/index.mdx +0 -32
  319. package/src/typography/Typography/index.mdx +0 -12
  320. /package/app/Modal/{Modal.d.ts → index.web.d.ts} +0 -0
  321. /package/src/app/Modal/{Modal.tsx → index.web.tsx} +0 -0
  322. /package/src/utils/Base/{index.mdx → doc.mdx} +0 -0
package/src/layouts/Basic/Top/doc.mdx ADDED
@@ -0,0 +1,19 @@
1
+ ---
2
+ id: top
3
+ title: Top
4
+ parent: docs/ui/components
5
+ ---
6
+
7
+ # Top
8
+
9
+ The Top component is used to group the Header components.
10
+
11
+ ## How to use
12
+
13
+ <code src="@digigov/ui/layouts/Basic/Top/__stories__/Default.tsx" />
14
+
15
+ ## API
16
+
17
+ See below for a complete reference to all of the props available to the components mentioned here.
18
+
19
+ <ComponentProps componentName={["Top"]} />
package/src/layouts/Basic/__snapshots__/index.spec.tsx.snap CHANGED
@@ -1,109 +1,37 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
- exports[`renders the BasicLayout with Top, Container, Bottom, Main and Aside
4
- children 1`] = `
5
- <ForwardRef(Layout)>
6
- <ForwardRef(Base)
7
- as="div"
8
- className="ds-layout--full-height ds-layout"
9
- >
3
+ exports[`renders the BasicLayout with Top, Container, Bottom, Main and Aside children 1`] = `
4
+ <body>
5
+ <div>
10
6
  <div
11
- className="ds-layout--full-height ds-layout"
7
+ class=" ds-layout ds-layout--full-height"
12
8
  >
13
- <ForwardRef(Top)>
14
- <ForwardRef(Base)
15
- as="div"
16
- className="ds-top"
9
+ <div
10
+ class=" ds-top"
11
+ >
12
+ Header content
13
+ </div>
14
+ <div
15
+ class=" ds-container ds-grid ds-gap-sm-12"
16
+ >
17
+ <main
18
+ class=" ds-main xs:ds-grid__col-span-12 md:ds-grid__col-span-8"
19
+ id="main-content"
17
20
  >
18
- <div
19
- className="ds-top"
20
- >
21
- Header content
22
- </div>
23
- </ForwardRef(Base)>
24
- </ForwardRef(Top)>
25
- <withDeprecationComponent>
26
- <ForwardRef(Container)>
27
- <ForwardRef(Grid)
28
- className="ds-container"
29
- container={true}
30
- spacing={
31
- Object {
32
- "sm": 12,
33
- }
34
- }
35
- >
36
- <ForwardRef(Base)
37
- as="div"
38
- className="ds-container ds-gap-sm-12 ds-grid"
39
- >
40
- <div
41
- className="ds-container ds-gap-sm-12 ds-grid"
42
- >
43
- <ForwardRef(Main)>
44
- <ForwardRef(Grid)
45
- as="main"
46
- className="ds-main"
47
- id="main-content"
48
- item={true}
49
- md={8}
50
- xs={12}
51
- >
52
- <ForwardRef(Base)
53
- as="main"
54
- className="ds-main xs:ds-grid__col-span-12 md:ds-grid__col-span-8"
55
- id="main-content"
56
- >
57
- <main
58
- className="ds-main xs:ds-grid__col-span-12 md:ds-grid__col-span-8"
59
- id="main-content"
60
- >
61
- Main content
62
- </main>
63
- </ForwardRef(Base)>
64
- </ForwardRef(Grid)>
65
- </ForwardRef(Main)>
66
- <withDeprecationComponent>
67
- <ForwardRef(Aside)>
68
- <ForwardRef(Grid)
69
- as="aside"
70
- className="ds-aside"
71
- item={true}
72
- md={4}
73
- spacing={4}
74
- xs={12}
75
- >
76
- <ForwardRef(Base)
77
- as="aside"
78
- className="ds-aside xs:ds-grid__col-span-12 md:ds-grid__col-span-4"
79
- >
80
- <aside
81
- className="ds-aside xs:ds-grid__col-span-12 md:ds-grid__col-span-4"
82
- >
83
- Side content
84
- </aside>
85
- </ForwardRef(Base)>
86
- </ForwardRef(Grid)>
87
- </ForwardRef(Aside)>
88
- </withDeprecationComponent>
89
- </div>
90
- </ForwardRef(Base)>
91
- </ForwardRef(Grid)>
92
- </ForwardRef(Container)>
93
- </withDeprecationComponent>
94
- <ForwardRef(Bottom)>
95
- <ForwardRef(Base)
96
- as="div"
97
- className="ds-bottom"
21
+ Main content
22
+ </main>
23
+ <aside
24
+ class=" ds-aside ds-aside--sticky xs:ds-grid__col-span-12 md:ds-grid__col-span-4"
98
25
  >
99
- <div
100
- className="ds-bottom"
101
- >
102
- Bottom content
103
- </div>
104
- </ForwardRef(Base)>
105
- </ForwardRef(Bottom)>
26
+ Side content
27
+ </aside>
28
+ </div>
29
+ <div
30
+ class=" ds-bottom"
31
+ >
32
+ Bottom content
33
+ </div>
106
34
  </div>
107
- </ForwardRef(Base)>
108
- </ForwardRef(Layout)>
35
+ </div>
36
+ </body>
109
37
  `;
package/src/layouts/Basic/{index.mdx → doc.mdx} RENAMED
@@ -12,26 +12,15 @@ Content and Bottom components.
12
12
 
13
13
  ### Default layout
14
14
 
15
- <Story
16
- packageName="@digigov/ui"
17
- component="layouts/Basic"
18
- story="Default.tsx"
19
- />
15
+ <code src="@digigov/ui/layouts/Basic/__stories__/Default.tsx" />
20
16
 
21
17
  ### Two thirds one third columns layout
22
- <Story
23
- packageName="@digigov/ui"
24
- component="layouts/Basic"
25
- story="TwoThirdsOneThirdColumns.tsx"
26
- />
27
-
28
- ### Multiple rows lyout
29
-
30
- <Story
31
- packageName="@digigov/ui"
32
- component="layouts/Basic"
33
- story="MultipleRowsLayout.tsx"
34
- />
18
+
19
+ <code src="@digigov/ui/layouts/Basic/__stories__/TwoThirdsOneThirdColumns.tsx" />
20
+
21
+ ### Multiple rows layout
22
+
23
+ <code src="@digigov/ui/layouts/Basic/__stories__/MultipleRowsLayout.tsx" />
35
24
 
36
25
  ## API
37
26
 
package/src/layouts/Grid/doc.mdx ADDED
@@ -0,0 +1,26 @@
1
+ ---
2
+ id: grid
3
+ title: Grid
4
+ ---
5
+
6
+ # Grid
7
+
8
+ ## How to use
9
+
10
+ Grid component is a layout system that allows you to design complex web page layouts with rows and columns.
11
+
12
+ <code src="@digigov/ui/layouts/Grid/__stories__/Default.tsx" />
13
+
14
+ ### Responsive spacing Grid
15
+
16
+ <code src="@digigov/ui/layouts/Grid/__stories__/ResponsiveSpacing.tsx" />
17
+
18
+ ### Inline Grid
19
+
20
+ <code src="@digigov/ui/layouts/Grid/__stories__/Inline.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={["Grid"]} />
package/src/layouts/Stack/doc.mdx ADDED
@@ -0,0 +1,38 @@
1
+ ---
2
+ id: stack
3
+ title: Stack
4
+ ---
5
+
6
+ # Stack
7
+
8
+ Use the Stack component in order to arrange elements vertically or horizontally.
9
+
10
+ ## How to use
11
+
12
+ <code src="@digigov/ui/layouts/Stack/__stories__/Default.tsx" />
13
+
14
+ ### With align items
15
+
16
+ <code src="@digigov/ui/layouts/Stack/__stories__/AlignItems.tsx" />
17
+
18
+ ### With justify content
19
+
20
+ <code src="@digigov/ui/layouts/Stack/__stories__/JustifyContent.tsx" />
21
+
22
+ ### With no wrap
23
+
24
+ <code src="@digigov/ui/layouts/Stack/__stories__/NoWrap.tsx" />
25
+
26
+ ### In row
27
+
28
+ <code src="@digigov/ui/layouts/Stack/__stories__/Row.tsx" />
29
+
30
+ ### With spacing
31
+
32
+ <code src="@digigov/ui/layouts/Stack/__stories__/Spacing.tsx" />
33
+
34
+ ## API
35
+
36
+ See below for a complete reference to all of the props available to the components mentioned here.
37
+
38
+ <ComponentProps componentName={["Stack"]} />
package/src/lazy.js CHANGED
@@ -1,10 +1,6 @@
1
1
  import {lazy} from 'react';
2
2
  export default {
3
- 'APIError': lazy(() => import('@digigov/ui/api/APIErrors').then((module)=> ({default: module['APIError']}))),
4
- 'APIErrors': lazy(() => import('@digigov/ui/api/APIErrors').then((module)=> ({default: module['APIErrors']}))),
5
- 'APIContext': lazy(() => import('@digigov/ui/api/APIProvider').then((module)=> ({default: module['APIContext']}))),
6
- 'APIProvider': lazy(() => import('@digigov/ui/api/APIProvider').then((module)=> ({default: module['APIProvider']}))),
7
- 'StaticApp': lazy(() => import('@digigov/ui/app/App').then((module)=> ({default: module['StaticApp']}))),
3
+ 'StaticApp': lazy(() => import('@digigov/ui/app/App').then((module)=> ({default: module['StaticApp']}))),
8
4
  'BannerContainer': lazy(() => import('@digigov/ui/app/BannerContainer').then((module)=> ({default: module['BannerContainer']}))),
9
5
  'BottomInfo': lazy(() => import('@digigov/ui/app/BottomInfo').then((module)=> ({default: module['BottomInfo']}))),
10
6
  'BottomInfoContent': lazy(() => import('@digigov/ui/app/BottomInfo').then((module)=> ({default: module['BottomInfoContent']}))),
@@ -43,8 +39,8 @@ export default {
43
39
  'PanelBody': lazy(() => import('@digigov/ui/app/Panel').then((module)=> ({default: module['PanelBody']}))),
44
40
  'PanelTitle': lazy(() => import('@digigov/ui/app/Panel').then((module)=> ({default: module['PanelTitle']}))),
45
41
  'LoaderContainer': lazy(() => import('@digigov/ui/app/Loader').then((module)=> ({default: module['LoaderContainer']}))),
46
- 'CircularProgress': lazy(() => import('@digigov/ui/app/Loader').then((module)=> ({default: module['CircularProgress']}))),
47
42
  'FullPageBackground': lazy(() => import('@digigov/ui/app/Loader').then((module)=> ({default: module['FullPageBackground']}))),
43
+ 'CircularProgress': lazy(() => import('@digigov/ui/app/Loader/index.web').then((module)=> ({default: module['CircularProgress']}))),
48
44
  'Masthead': lazy(() => import('@digigov/ui/layouts/Basic/Masthead').then((module)=> ({default: module['Masthead']}))),
49
45
  'MastheadBody': lazy(() => import('@digigov/ui/layouts/Basic/Masthead').then((module)=> ({default: module['MastheadBody']}))),
50
46
  'MastheadLogo': lazy(() => import('@digigov/ui/layouts/Basic/Masthead').then((module)=> ({default: module['MastheadLogo']}))),
@@ -52,8 +48,8 @@ export default {
52
48
  'ModalHeading': lazy(() => import('@digigov/ui/app/Modal').then((module)=> ({default: module['ModalHeading']}))),
53
49
  'ModalContent': lazy(() => import('@digigov/ui/app/Modal').then((module)=> ({default: module['ModalContent']}))),
54
50
  'ModalAction': lazy(() => import('@digigov/ui/app/Modal').then((module)=> ({default: module['ModalAction']}))),
55
- 'Modal': lazy(() => import('@digigov/ui/app/Modal/Modal').then((module)=> ({default: module['Modal']}))),
56
- 'ModalBase': lazy(() => import('@digigov/ui/app/Modal/Modal').then((module)=> ({default: module['ModalBase']}))),
51
+ 'Modal': lazy(() => import('@digigov/ui/app/Modal/index.web').then((module)=> ({default: module['Modal']}))),
52
+ 'ModalBase': lazy(() => import('@digigov/ui/app/Modal/index.web').then((module)=> ({default: module['ModalBase']}))),
57
53
  'NotFound': lazy(() => import('@digigov/ui/app/NotFound').then((module)=> ({default: module['NotFound']}))),
58
54
  'PageTitleContainer': lazy(() => import('@digigov/ui/app/PageTitleContainer').then((module)=> ({default: module['PageTitleContainer']}))),
59
55
  'PageTitleCaption': lazy(() => import('@digigov/ui/app/PageTitleContainer').then((module)=> ({default: module['PageTitleCaption']}))),
package/src/navigation/BackLink/{index.mdx → doc.mdx} RENAMED
@@ -9,11 +9,7 @@ Use the back link component to help users go back to the previous page in a mult
9
9
 
10
10
  ## How to use
11
11
 
12
- <Story
13
- packageName="@digigov/ui"
14
- component="navigation/BackLink"
15
- story="Default.tsx"
16
- />
12
+ <code src="@digigov/ui/navigation/BackLink/__stories__/Default.tsx" />
17
13
 
18
14
  ## API
19
15
 
package/src/navigation/Breadcrumbs/Breadcrumbs.stories.js CHANGED
@@ -11,4 +11,3 @@ export { Default } from '@digigov/ui/navigation/Breadcrumbs/__stories__/Default'
11
11
  export { WithoutCurrentPage } from '@digigov/ui/navigation/Breadcrumbs/__stories__/WithoutCurrentPage';
12
12
  export { WithHook } from '@digigov/ui/navigation/Breadcrumbs/__stories__/WithHook';
13
13
  export { Auto } from '@digigov/ui/navigation/Breadcrumbs/__stories__/Auto';
14
-
package/src/navigation/Breadcrumbs/{index.mdx → doc.mdx} RENAMED
@@ -11,11 +11,11 @@ The Breadcrumbs component lets users show and hide sections of related content o
11
11
 
12
12
  ## How to use
13
13
 
14
- <Story
15
- packageName="@digigov/ui"
16
- component="navigation/Breadcrumbs"
17
- story="Default.tsx"
18
- />
14
+ <code src="@digigov/ui/navigation/Breadcrumbs/__stories__/Default.tsx" />
15
+
16
+ ### Without current page
17
+
18
+ <code src="@digigov/ui/navigation/Breadcrumbs/__stories__/WithoutCurrentPage.tsx" />
19
19
 
20
20
  ## Accessibility
21
21
 
package/src/navigation/Drawer/__stories__/Auto.tsx CHANGED
@@ -64,7 +64,7 @@ export const Auto = () => {
64
64
  <DrawerProvider>
65
65
  <AdminHeader>
66
66
  <AdminHeaderContent>
67
- <GovGRLogo></GovGRLogo>
67
+ <GovGRLogo />
68
68
  <DrawerButtonAuto
69
69
  drawer="drawer-1"
70
70
  className="md:hidden"
@@ -102,3 +102,5 @@ export const Auto = () => {
102
102
  </AdminLayout>
103
103
  );
104
104
  };
105
+
106
+ export default Auto;
package/src/navigation/Drawer/__stories__/Default.tsx CHANGED
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
2
2
  import { Drawer } from '@digigov/ui/navigation/Drawer';
3
3
  import { DrawerHeading } from '@digigov/ui/navigation/Drawer';
4
4
  import { NavListAuto } from '@digigov/ui/navigation/NavList';
5
- import Heading from '@digigov/ui/typography/Heading';
5
+ import { Heading } from '@digigov/ui/typography/Heading';
6
6
 
7
7
  function useDrawer(): [boolean, () => void] {
8
8
  const [open, setOpen] = useState(true);
@@ -52,7 +52,6 @@ const links = [
52
52
 
53
53
  export const Default = () => {
54
54
  const [open, toggleDrawer] = useDrawer();
55
-
56
55
  const layout = 'vertical';
57
56
  const border = false;
58
57
  const fixed = false;
@@ -72,4 +71,5 @@ export const Default = () => {
72
71
  </Drawer>
73
72
  );
74
73
  };
74
+
75
75
  export default Default;
package/src/navigation/Drawer/{index.mdx → doc.mdx} RENAMED
@@ -3,9 +3,13 @@ id: drawer
3
3
  title: Drawer
4
4
  ---
5
5
 
6
+ import PhaseBanner, { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';
7
+
8
+ # Drawer
9
+
6
10
  ## How to use
7
11
 
8
- <Story packageName="@digigov/ui" component="navigation/Drawer" story="Default.tsx" />
12
+ <code src="@digigov/ui/navigation/Drawer/__stories__/Default.tsx" />
9
13
 
10
14
  ## API
11
15
 
package/src/navigation/Dropdown/{index.mdx → doc.mdx} RENAMED
@@ -7,31 +7,19 @@ title: Dropdown
7
7
 
8
8
  ## How to use
9
9
 
10
- <Story
11
- packageName="@digigov/ui"
12
- component="navigation/Dropdown"
13
- story="Default.tsx"
14
- />
10
+ <code src="@digigov/ui/navigation/Dropdown/__stories__/Default.tsx" />
15
11
 
16
12
  ### Dropdown with align right
17
13
 
18
14
  You can display the dropdown menu to the right side of the `Dropdown` button.
19
15
 
20
- <Story
21
- packageName="@digigov/ui"
22
- component="navigation/Dropdown"
23
- story="AlignRight.tsx"
24
- />
16
+ <code src="@digigov/ui/navigation/Dropdown/__stories__/AlignRight.tsx" />
25
17
 
26
18
  ### Dropdown with placement top
27
19
 
28
20
  You can display the dropdown menu to the top of the `Dropdown` button.
29
21
 
30
- <Story
31
- packageName="@digigov/ui"
32
- component="navigation/Dropdown"
33
- story="PlacementTop.tsx"
34
- />
22
+ <code src="@digigov/ui/navigation/Dropdown/__stories__/PlacementTop.tsx" />
35
23
 
36
24
  ## API
37
25
 
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/{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';
1
+ import React, { useState } from 'react';
2
2
  import BurgerIcon from '@digigov/ui/utils/SvgIcon';
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>