@digigov/ui 2.0.0-rc.21 → 2.0.0-rc.22

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 (344) 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/fetchAPI → 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/APIProvider → 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/QrCodeScanner/index.js.map +2 -2
  22. package/cjs/app/Header/__stories__/WithServiceNameAndLogo.js.map +3 -3
  23. package/cjs/app/Loader/index.js +3 -3
  24. package/cjs/app/Loader/index.js.map +2 -2
  25. package/cjs/app/Loader/index.native/index.js +135 -0
  26. package/cjs/app/Loader/index.native.js.map +7 -0
  27. package/cjs/app/Loader/index.web/index.js +22 -0
  28. package/cjs/app/Loader/index.web.js.map +7 -0
  29. package/cjs/app/Masthead/Masthead.stories/index.js +3 -0
  30. package/cjs/app/Masthead/Masthead.stories.js.map +2 -2
  31. package/cjs/app/Masthead/__stories__/Secondary/index.js +46 -0
  32. package/cjs/app/Masthead/__stories__/Secondary.js.map +7 -0
  33. package/cjs/app/QrCodeScanner/index.js.map +2 -2
  34. package/cjs/content/Table/Table.stories/index.js +3 -3
  35. package/cjs/content/Table/Table.stories.js.map +2 -2
  36. package/cjs/content/Table/__stories__/{Densed → Dense}/index.js +9 -9
  37. package/cjs/content/Table/__stories__/{Densed.js.map → Dense.js.map} +3 -3
  38. package/cjs/feedback/CopyToClipboard/__stories__/Default/index.js +1 -1
  39. package/cjs/feedback/CopyToClipboard/__stories__/Default.js.map +2 -2
  40. package/cjs/form/DateInputContainer/__stories__/MultipleQuestions/index.js +1 -1
  41. package/cjs/form/DateInputContainer/__stories__/MultipleQuestions.js.map +1 -1
  42. package/cjs/{api/APIErrors → form/SearchContainer/SearchContainer.stories}/index.js +15 -43
  43. package/cjs/form/SearchContainer/SearchContainer.stories.js.map +7 -0
  44. package/cjs/{api/APIProvider → form/SearchContainer/__stories__/Default}/index.js +12 -27
  45. package/cjs/form/SearchContainer/__stories__/Default.js.map +7 -0
  46. package/cjs/i18n/locales/el/index.js +7 -1
  47. package/cjs/i18n/locales/el.js.map +2 -2
  48. package/cjs/layouts/Basic/Bottom/__stories__/Default/index.js +7 -5
  49. package/cjs/layouts/Basic/Bottom/__stories__/Default.js.map +3 -3
  50. package/cjs/layouts/Basic/Container/__stories__/Default/index.js +6 -4
  51. package/cjs/layouts/Basic/Container/__stories__/Default.js.map +3 -3
  52. package/cjs/layouts/Basic/Main/__stories__/Default/index.js +6 -4
  53. package/cjs/layouts/Basic/Main/__stories__/Default.js.map +3 -3
  54. package/cjs/layouts/Basic/Top/__stories__/Default/index.js +6 -4
  55. package/cjs/layouts/Basic/Top/__stories__/Default.js.map +3 -3
  56. package/cjs/lazy/index.js +4 -5
  57. package/cjs/lazy.js.map +2 -2
  58. package/cjs/navigation/Breadcrumbs/Breadcrumbs.stories/index.js +6 -0
  59. package/cjs/navigation/Breadcrumbs/Breadcrumbs.stories.js.map +2 -2
  60. package/cjs/navigation/Breadcrumbs/__stories__/Auto/index.js +201 -0
  61. package/cjs/navigation/Breadcrumbs/__stories__/Auto.js.map +7 -0
  62. package/cjs/navigation/Breadcrumbs/__stories__/WithHook/index.js +208 -0
  63. package/cjs/navigation/Breadcrumbs/__stories__/WithHook.js.map +7 -0
  64. package/cjs/navigation/Breadcrumbs/auto/index.js +79 -0
  65. package/cjs/navigation/Breadcrumbs/auto.js.map +7 -0
  66. package/cjs/navigation/Breadcrumbs/hooks/index.js +74 -0
  67. package/cjs/navigation/Breadcrumbs/hooks.js.map +7 -0
  68. package/cjs/navigation/Breadcrumbs/index.js +3 -1
  69. package/cjs/navigation/Breadcrumbs/index.js.map +2 -2
  70. package/cjs/navigation/Breadcrumbs/slug/index.js +120 -0
  71. package/cjs/navigation/Breadcrumbs/slug.js.map +7 -0
  72. package/cjs/navigation/Breadcrumbs/utils/index.js +52 -0
  73. package/cjs/navigation/Breadcrumbs/utils.js.map +7 -0
  74. package/cjs/navigation/Drawer/__stories__/Auto/index.js +3 -1
  75. package/cjs/navigation/Drawer/__stories__/Auto.js.map +2 -2
  76. package/cjs/navigation/Drawer/__stories__/Default/index.js +2 -2
  77. package/cjs/navigation/Drawer/__stories__/Default.js.map +3 -3
  78. package/cjs/navigation/NavList/__stories__/UsingNavListAuto/index.js +22 -22
  79. package/cjs/navigation/NavList/__stories__/UsingNavListAuto.js.map +2 -2
  80. package/cjs/navigation/NavList/__stories__/Vertical/index.js +25 -17
  81. package/cjs/navigation/NavList/__stories__/Vertical.js.map +2 -2
  82. package/cjs/registry/index.js +12 -16
  83. package/cjs/registry.js.map +2 -2
  84. package/content/Table/Table.stories/index.js +2 -2
  85. package/content/Table/Table.stories.d.ts +1 -1
  86. package/content/Table/Table.stories.js.map +2 -2
  87. package/content/Table/__stories__/{Densed → Dense}/index.js +5 -5
  88. package/content/Table/__stories__/Dense/package.json +6 -0
  89. package/content/Table/__stories__/Dense.d.ts +3 -0
  90. package/content/Table/__stories__/{Densed.js.map → Dense.js.map} +3 -3
  91. package/feedback/CopyToClipboard/__stories__/Default/index.js +1 -1
  92. package/feedback/CopyToClipboard/__stories__/Default.js.map +2 -2
  93. package/form/DateInputContainer/__stories__/MultipleQuestions/index.js +1 -1
  94. package/form/DateInputContainer/__stories__/MultipleQuestions.js.map +1 -1
  95. package/form/SearchContainer/SearchContainer.stories/index.js +13 -0
  96. package/form/SearchContainer/SearchContainer.stories/package.json +6 -0
  97. package/form/SearchContainer/SearchContainer.stories.d.ts +9 -0
  98. package/form/SearchContainer/SearchContainer.stories.js.map +7 -0
  99. package/form/SearchContainer/__stories__/Default/index.js +11 -0
  100. package/form/SearchContainer/__stories__/Default/package.json +6 -0
  101. package/form/SearchContainer/__stories__/Default.d.ts +3 -0
  102. package/form/SearchContainer/__stories__/Default.js.map +7 -0
  103. package/form/SearchContainer/index.test.d.ts +1 -0
  104. package/i18n/locales/el/index.js +7 -1
  105. package/i18n/locales/el.d.ts +6 -0
  106. package/i18n/locales/el.js.map +2 -2
  107. package/index.js +1 -1
  108. package/layouts/Basic/Bottom/__stories__/Default/index.js +7 -5
  109. package/layouts/Basic/Bottom/__stories__/Default.js.map +2 -2
  110. package/layouts/Basic/Container/__stories__/Default/index.js +6 -4
  111. package/layouts/Basic/Container/__stories__/Default.js.map +2 -2
  112. package/layouts/Basic/Main/__stories__/Default/index.js +6 -4
  113. package/layouts/Basic/Main/__stories__/Default.js.map +2 -2
  114. package/layouts/Basic/Top/__stories__/Default/index.js +6 -4
  115. package/layouts/Basic/Top/__stories__/Default.js.map +2 -2
  116. package/lazy/index.js +4 -5
  117. package/lazy.d.ts +4 -5
  118. package/lazy.js.map +2 -2
  119. package/navigation/Breadcrumbs/Breadcrumbs.stories/index.js +4 -0
  120. package/navigation/Breadcrumbs/Breadcrumbs.stories.d.ts +2 -0
  121. package/navigation/Breadcrumbs/Breadcrumbs.stories.js.map +2 -2
  122. package/navigation/Breadcrumbs/__stories__/Auto/index.js +172 -0
  123. package/navigation/Breadcrumbs/__stories__/Auto/package.json +6 -0
  124. package/navigation/Breadcrumbs/__stories__/Auto.d.ts +3 -0
  125. package/navigation/Breadcrumbs/__stories__/Auto.js.map +7 -0
  126. package/navigation/Breadcrumbs/__stories__/WithHook/index.js +179 -0
  127. package/navigation/Breadcrumbs/__stories__/WithHook/package.json +6 -0
  128. package/navigation/Breadcrumbs/__stories__/WithHook.d.ts +3 -0
  129. package/navigation/Breadcrumbs/__stories__/WithHook.js.map +7 -0
  130. package/navigation/Breadcrumbs/auto/index.js +49 -0
  131. package/{api → navigation/Breadcrumbs/auto}/package.json +1 -1
  132. package/navigation/Breadcrumbs/auto.d.ts +16 -0
  133. package/navigation/Breadcrumbs/auto.js.map +7 -0
  134. package/navigation/Breadcrumbs/hooks/index.js +51 -0
  135. package/navigation/Breadcrumbs/hooks/package.json +6 -0
  136. package/navigation/Breadcrumbs/hooks.d.ts +11 -0
  137. package/navigation/Breadcrumbs/hooks.js.map +7 -0
  138. package/navigation/Breadcrumbs/index.d.ts +1 -0
  139. package/navigation/Breadcrumbs/index.js +1 -0
  140. package/navigation/Breadcrumbs/index.js.map +2 -2
  141. package/navigation/Breadcrumbs/slug/index.js +97 -0
  142. package/{api/APIErrors → navigation/Breadcrumbs/slug}/package.json +1 -1
  143. package/navigation/Breadcrumbs/slug.d.ts +1 -0
  144. package/navigation/Breadcrumbs/slug.js.map +7 -0
  145. package/navigation/Breadcrumbs/utils/index.js +29 -0
  146. package/navigation/Breadcrumbs/utils/package.json +6 -0
  147. package/navigation/Breadcrumbs/utils.d.ts +1 -0
  148. package/navigation/Breadcrumbs/utils.js.map +7 -0
  149. package/navigation/Drawer/__stories__/Auto/index.js +3 -1
  150. package/navigation/Drawer/__stories__/Auto.d.ts +1 -0
  151. package/navigation/Drawer/__stories__/Auto.js.map +2 -2
  152. package/navigation/Drawer/__stories__/Default/index.js +1 -1
  153. package/navigation/Drawer/__stories__/Default.js.map +2 -2
  154. package/navigation/NavList/__stories__/UsingNavListAuto/index.js +23 -23
  155. package/navigation/NavList/__stories__/UsingNavListAuto.js.map +2 -2
  156. package/navigation/NavList/__stories__/Vertical/index.js +25 -17
  157. package/navigation/NavList/__stories__/Vertical.js.map +2 -2
  158. package/package.json +5 -6
  159. package/registry/index.js +12 -16
  160. package/registry.d.ts +7 -8
  161. package/registry.js.map +2 -2
  162. package/src/app/Footer/{index.mdx → doc.mdx} +7 -23
  163. package/src/app/Header/__snapshots__/index.spec.tsx.snap +42 -36
  164. package/src/app/Header/__stories__/WithServiceNameAndLogo.tsx +2 -2
  165. package/src/app/Header/doc.mdx +32 -0
  166. package/src/app/Loader/index.native.tsx +98 -0
  167. package/src/app/Loader/index.tsx +1 -1
  168. package/src/app/Loader/index.web.tsx +1 -0
  169. package/src/app/Masthead/Masthead.stories.js +1 -0
  170. package/src/app/Masthead/__stories__/Secondary.tsx +26 -0
  171. package/src/app/Masthead/{index.mdx → doc.mdx} +13 -1
  172. package/src/app/Masthead/index.test.tsx +4 -0
  173. package/src/app/Modal/{index.mdx → doc.mdx} +9 -6
  174. package/src/app/NotFound/{index.mdx → doc.mdx} +2 -4
  175. package/src/app/Panel/{index.mdx → doc.mdx} +3 -1
  176. package/src/app/PhaseBannerHeader/{index.mdx → doc.mdx} +3 -5
  177. package/src/app/QrCodeScanner/__snapshots__/index.spec.tsx.snap +6 -10
  178. package/src/app/QrCodeScanner/index.tsx +1 -0
  179. package/src/app/QrCodeViewer/{index.mdx → doc.mdx} +4 -12
  180. package/src/app/Skeleton/doc.mdx +42 -0
  181. package/src/content/Accordion/__snapshots__/index.spec.tsx.snap +48 -147
  182. package/src/content/Accordion/{index.mdx → doc.mdx} +2 -13
  183. package/src/content/Blockquote/__snapshots__/index.spec.tsx.snap +6 -9
  184. package/src/content/Blockquote/{index.mdx → doc.mdx} +5 -5
  185. package/src/content/Card/doc.mdx +71 -0
  186. package/src/content/Chip/doc.mdx +34 -0
  187. package/src/content/Details/__snapshots__/index.spec.tsx.snap +32 -69
  188. package/src/content/Details/{index.mdx → doc.mdx} +1 -5
  189. package/src/content/List/__snapshots__/index.spec.tsx.snap +3 -3
  190. package/src/content/List/doc.mdx +28 -0
  191. package/src/content/StepNav/{index.mdx → doc.mdx} +5 -19
  192. package/src/content/SummaryList/__snapshots__/index.spec.tsx.snap +37 -89
  193. package/src/content/SummaryList/{index.mdx → doc.mdx} +6 -18
  194. package/src/content/Table/Table.stories.js +1 -1
  195. package/src/content/Table/__stories__/{Densed.tsx → Dense.tsx} +2 -2
  196. package/src/content/Table/doc.mdx +81 -0
  197. package/src/content/Table/index.test.tsx +3 -3
  198. package/src/content/TaskList/{index.mdx → doc.mdx} +4 -6
  199. package/src/content/Timeline/{index.mdx → doc.mdx} +4 -6
  200. package/src/feedback/CopyToClipboard/__stories__/Default.tsx +1 -1
  201. package/src/feedback/CopyToClipboard/doc.mdx +22 -0
  202. package/src/feedback/ErrorSummary/__snapshots__/index.spec.tsx.snap +3 -3
  203. package/src/feedback/ErrorSummary/{index.mdx → doc.mdx} +6 -22
  204. package/src/feedback/NotificationBanner/__snapshots__/index.spec.tsx.snap +1 -1
  205. package/src/feedback/NotificationBanner/{index.mdx → doc.mdx} +8 -19
  206. package/src/feedback/PhaseBanner/{index.mdx → doc.mdx} +2 -12
  207. package/src/feedback/WarningText/__snapshots__/index.spec.tsx.snap +3 -3
  208. package/src/feedback/WarningText/{index.mdx → doc.mdx} +8 -6
  209. package/src/form/AutoComplete/doc.mdx +50 -0
  210. package/src/form/Button/__snapshots__/index.spec.tsx.snap +6 -10
  211. package/src/form/Button/{index.mdx → doc.mdx} +12 -27
  212. package/src/form/Checkbox/{index.mdx → doc.mdx} +10 -36
  213. package/src/form/DateInputContainer/__stories__/MultipleQuestions.tsx +1 -1
  214. package/src/form/DateInputContainer/{index.mdx → doc.mdx} +7 -21
  215. package/src/form/ErrorMessage/{index.mdx → doc.mdx} +1 -5
  216. package/src/form/FileUpload/{index.mdx → doc.mdx} +2 -10
  217. package/src/form/RadioContainer/{index.mdx → doc.mdx} +10 -36
  218. package/src/form/SearchContainer/SearchContainer.stories.js +9 -0
  219. package/src/form/SearchContainer/__stories__/Default.tsx +13 -0
  220. package/src/form/SearchContainer/doc.mdx +16 -0
  221. package/src/form/SearchContainer/index.test.tsx +20 -0
  222. package/src/form/SelectContainer/{index.mdx → doc.mdx} +3 -19
  223. package/src/form/SingleCharacterInputs/{index.mdx → doc.mdx} +3 -11
  224. package/src/form/TextArea/doc.mdx +48 -0
  225. package/src/form/TextInput/{index.mdx → doc.mdx} +12 -44
  226. package/src/i18n/locales/el.ts +15 -8
  227. package/src/layouts/Basic/Bottom/__stories__/Default.tsx +13 -9
  228. package/src/layouts/Basic/Bottom/{index.mdx → doc.mdx} +1 -5
  229. package/src/layouts/Basic/Container/__stories__/Default.tsx +15 -8
  230. package/src/layouts/Basic/Container/{index.mdx → doc.mdx} +1 -6
  231. package/src/layouts/Basic/Main/__stories__/Default.tsx +15 -8
  232. package/src/layouts/Basic/Main/{index.mdx → doc.mdx} +3 -5
  233. package/src/layouts/Basic/Top/__stories__/Default.tsx +13 -6
  234. package/src/layouts/Basic/Top/doc.mdx +19 -0
  235. package/src/layouts/Basic/__snapshots__/index.spec.tsx.snap +30 -102
  236. package/src/layouts/Basic/{index.mdx → doc.mdx} +7 -18
  237. package/src/layouts/Grid/doc.mdx +26 -0
  238. package/src/layouts/Stack/doc.mdx +38 -0
  239. package/src/lazy.js +5 -6
  240. package/src/navigation/BackLink/{index.mdx → doc.mdx} +1 -5
  241. package/src/navigation/Breadcrumbs/Breadcrumbs.stories.js +2 -0
  242. package/src/navigation/Breadcrumbs/__stories__/Auto.tsx +200 -0
  243. package/src/navigation/Breadcrumbs/__stories__/WithHook.tsx +217 -0
  244. package/src/navigation/Breadcrumbs/auto.tsx +72 -0
  245. package/src/navigation/Breadcrumbs/{index.mdx → doc.mdx} +5 -5
  246. package/src/navigation/Breadcrumbs/hooks.ts +66 -0
  247. package/src/navigation/Breadcrumbs/index.test.tsx +8 -0
  248. package/src/navigation/Breadcrumbs/index.tsx +3 -0
  249. package/src/navigation/Breadcrumbs/interaction.test.tsx +28 -4
  250. package/src/navigation/Breadcrumbs/slug.ts +141 -0
  251. package/src/navigation/Breadcrumbs/utils.ts +39 -0
  252. package/src/navigation/Drawer/__stories__/Auto.tsx +3 -1
  253. package/src/navigation/Drawer/__stories__/Default.tsx +2 -2
  254. package/src/navigation/Drawer/{index.mdx → doc.mdx} +5 -1
  255. package/src/navigation/Dropdown/{index.mdx → doc.mdx} +3 -15
  256. package/src/navigation/Link/__snapshots__/index.spec.tsx.snap +16 -30
  257. package/src/navigation/Link/{index.mdx → doc.mdx} +7 -19
  258. package/src/navigation/NavList/__snapshots__/index.spec.tsx.snap +3 -3
  259. package/src/navigation/NavList/__stories__/UsingNavListAuto.tsx +26 -27
  260. package/src/navigation/NavList/__stories__/Vertical.tsx +16 -12
  261. package/src/navigation/NavList/{index.mdx → doc.mdx} +19 -22
  262. package/src/navigation/Pagination/doc.mdx +32 -0
  263. package/src/navigation/Tabs/doc.mdx +47 -0
  264. package/src/registry.js +12 -16
  265. package/src/typography/CodeBlock/doc.mdx +30 -0
  266. package/src/typography/Heading/{index.mdx → doc.mdx} +3 -5
  267. package/src/typography/HeadingCaption/{index.mdx → doc.mdx} +5 -5
  268. package/src/typography/Hint/{index.mdx → doc.mdx} +4 -10
  269. package/src/typography/NormalText/doc.mdx +30 -0
  270. package/src/typography/Paragraph/doc.mdx +34 -0
  271. package/src/typography/Typography/doc.mdx +14 -0
  272. package/src/utils/VisuallyHidden/{index.mdx → doc.mdx} +3 -6
  273. package/api/APIErrors/index.js +0 -40
  274. package/api/APIErrors.d.ts +0 -23
  275. package/api/APIErrors.js.map +0 -7
  276. package/api/APIProvider/index.js +0 -24
  277. package/api/APIProvider.d.ts +0 -16
  278. package/api/APIProvider.js.map +0 -7
  279. package/api/fetchAPI/index.js +0 -29
  280. package/api/fetchAPI.d.ts +0 -14
  281. package/api/fetchAPI.js.map +0 -7
  282. package/api/index.d.ts +0 -8
  283. package/api/index.js +0 -12
  284. package/api/index.js.map +0 -7
  285. package/api/index.spec.d.ts +0 -1
  286. package/api/useResource/index.js +0 -79
  287. package/api/useResource/package.json +0 -6
  288. package/api/useResource.d.ts +0 -11
  289. package/api/useResource.js.map +0 -7
  290. package/api/useResourceAction/index.js +0 -74
  291. package/api/useResourceAction/package.json +0 -6
  292. package/api/useResourceAction.d.ts +0 -2
  293. package/api/useResourceAction.js.map +0 -7
  294. package/api/useResourceQuery/index.js +0 -149
  295. package/api/useResourceQuery/package.json +0 -6
  296. package/api/useResourceQuery.d.ts +0 -18
  297. package/api/useResourceQuery.js.map +0 -7
  298. package/api/utils/index.js +0 -131
  299. package/api/utils/package.json +0 -6
  300. package/api/utils.d.ts +0 -10
  301. package/api/utils.js.map +0 -7
  302. package/cjs/api/APIErrors.js.map +0 -7
  303. package/cjs/api/APIProvider.js.map +0 -7
  304. package/cjs/api/fetchAPI/index.js +0 -49
  305. package/cjs/api/fetchAPI.js.map +0 -7
  306. package/cjs/api/index.js +0 -41
  307. package/cjs/api/index.js.map +0 -7
  308. package/cjs/api/useResource/index.js +0 -102
  309. package/cjs/api/useResource.js.map +0 -7
  310. package/cjs/api/useResourceAction/index.js +0 -97
  311. package/cjs/api/useResourceAction.js.map +0 -7
  312. package/cjs/api/useResourceQuery/index.js +0 -173
  313. package/cjs/api/useResourceQuery.js.map +0 -7
  314. package/cjs/api/utils/index.js +0 -157
  315. package/cjs/api/utils.js.map +0 -7
  316. package/content/Table/__stories__/Densed/package.json +0 -6
  317. package/content/Table/__stories__/Densed.d.ts +0 -3
  318. package/src/api/APIErrors.tsx +0 -46
  319. package/src/api/APIProvider.tsx +0 -31
  320. package/src/api/fetchAPI.ts +0 -43
  321. package/src/api/index.spec.tsx +0 -417
  322. package/src/api/index.tsx +0 -9
  323. package/src/api/introduction.md +0 -6
  324. package/src/api/useResource.tsx +0 -96
  325. package/src/api/useResourceAction.tsx +0 -80
  326. package/src/api/useResourceQuery.tsx +0 -178
  327. package/src/api/utils.tsx +0 -162
  328. package/src/app/Header/index.mdx +0 -49
  329. package/src/content/Card/index.mdx +0 -103
  330. package/src/content/Chip/index.mdx +0 -53
  331. package/src/content/List/index.mdx +0 -40
  332. package/src/content/Table/index.mdx +0 -111
  333. package/src/feedback/CopyToClipboard/index.mdx +0 -28
  334. package/src/form/AutoComplete/index.mdx +0 -70
  335. package/src/form/TextArea/index.mdx +0 -74
  336. package/src/govgr/Footer/index.mdx +0 -101
  337. package/src/layouts/Basic/Top/index.mdx +0 -23
  338. package/src/layouts/Grid/index.mdx +0 -39
  339. package/src/navigation/Pagination/index.mdx +0 -48
  340. package/src/navigation/Tabs/index.mdx +0 -31
  341. package/src/typography/NormalText/index.mdx +0 -44
  342. package/src/typography/Paragraph/index.mdx +0 -32
  343. package/src/typography/Typography/index.mdx +0 -12
  344. /package/src/utils/Base/{index.mdx → doc.mdx} +0 -0
package/src/content/SummaryList/__snapshots__/index.spec.tsx.snap CHANGED
@@ -1,97 +1,45 @@
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 SummaryList with sample data 1`] = `
4
- <ForwardRef(SummaryList)>
5
- <ForwardRef(Base)
6
- as="dl"
7
- className="ds-summary-list"
8
- >
4
+ <body>
5
+ <div>
9
6
  <dl
10
- className="ds-summary-list"
7
+ class="ds-summary-list"
11
8
  >
12
- <ForwardRef(SummaryListItem)>
13
- <ForwardRef(Base)
14
- as="div"
15
- className="ds-summary-list__row"
9
+ <div
10
+ class="ds-summary-list__row"
11
+ >
12
+ <dt
13
+ class="ds-summary-list__key ds-summary-list__key--sm-3"
16
14
  >
17
- <div
18
- className="ds-summary-list__row"
19
- >
20
- <ForwardRef(SummaryListItemKey)>
21
- <ForwardRef(Base)
22
- as="dt"
23
- className="ds-summary-list__key"
24
- >
25
- <dt
26
- className="ds-summary-list__key"
27
- >
28
- Όνομα
29
- </dt>
30
- </ForwardRef(Base)>
31
- </ForwardRef(SummaryListItemKey)>
32
- <ForwardRef(SummaryListItemValue)>
33
- <ForwardRef(Base)
34
- as="dd"
35
- className="ds-summary-list__value"
36
- >
37
- <dd
38
- className="ds-summary-list__value"
39
- >
40
- Μάριος
41
- </dd>
42
- </ForwardRef(Base)>
43
- </ForwardRef(SummaryListItemValue)>
44
- <ForwardRef(SummaryListItemAction)>
45
- <ForwardRef(Base)
46
- as="dd"
47
- className="ds-summary-list__actions"
48
- >
49
- <dd
50
- className="ds-summary-list__actions"
51
- >
52
- Αλλαγή
53
- </dd>
54
- </ForwardRef(Base)>
55
- </ForwardRef(SummaryListItemAction)>
56
- </div>
57
- </ForwardRef(Base)>
58
- </ForwardRef(SummaryListItem)>
59
- <ForwardRef(SummaryListItem)>
60
- <ForwardRef(Base)
61
- as="div"
62
- className="ds-summary-list__row"
15
+ Όνομα
16
+ </dt>
17
+ <dd
18
+ class="ds-summary-list__value"
63
19
  >
64
- <div
65
- className="ds-summary-list__row"
66
- >
67
- <ForwardRef(SummaryListItemKey)>
68
- <ForwardRef(Base)
69
- as="dt"
70
- className="ds-summary-list__key"
71
- >
72
- <dt
73
- className="ds-summary-list__key"
74
- >
75
- Επώνυμο
76
- </dt>
77
- </ForwardRef(Base)>
78
- </ForwardRef(SummaryListItemKey)>
79
- <ForwardRef(SummaryListItemValue)>
80
- <ForwardRef(Base)
81
- as="dd"
82
- className="ds-summary-list__value"
83
- >
84
- <dd
85
- className="ds-summary-list__value"
86
- >
87
- Μενεξές
88
- </dd>
89
- </ForwardRef(Base)>
90
- </ForwardRef(SummaryListItemValue)>
91
- </div>
92
- </ForwardRef(Base)>
93
- </ForwardRef(SummaryListItem)>
20
+ Μάριος
21
+ </dd>
22
+ <dd
23
+ class="ds-summary-list__actions"
24
+ >
25
+ Αλλαγή
26
+ </dd>
27
+ </div>
28
+ <div
29
+ class="ds-summary-list__row"
30
+ >
31
+ <dt
32
+ class="ds-summary-list__key ds-summary-list__key--sm-3"
33
+ >
34
+ Επώνυμο
35
+ </dt>
36
+ <dd
37
+ class="ds-summary-list__value"
38
+ >
39
+ Μενεξές
40
+ </dd>
41
+ </div>
94
42
  </dl>
95
- </ForwardRef(Base)>
96
- </ForwardRef(SummaryList)>
43
+ </div>
44
+ </body>
97
45
  `;
package/src/content/SummaryList/{index.mdx → doc.mdx} RENAMED
@@ -5,37 +5,25 @@ title: SummaryList
5
5
 
6
6
  # SummaryList
7
7
 
8
- Use the summary list to summarise information, for example, a user’s responses at the end of a form.
8
+ Use the summary list to summarize information, for example, a user’s responses at the end of a form.
9
9
 
10
10
  ## How to use
11
11
 
12
- <Story
13
- packageName="@digigov/ui"
14
- component="content/SummaryList"
15
- story="Default.tsx"
16
- />
12
+ <code src="@digigov/ui/content/SummaryList/__stories__/Default.tsx" />
17
13
 
18
- ### Summary list with actions
14
+ ### With actions
19
15
 
20
16
  Assistive technology users, like those who use a screen reader, may hear the links out of context and not know what they do.
21
17
  To give more context, add visually hidden text to the links.
22
18
  This means a screen reader user will hear a meaningful action, like ‘Αλλαγή ονόματος’ or ‘Αλλαγή ημερομηνίας γέννησης’.
23
19
 
24
- <Story
25
- packageName="@digigov/ui"
26
- component="content/SummaryList"
27
- story="WithActions.tsx"
28
- />
20
+ <code src="@digigov/ui/content/SummaryList/__stories__/WithActions.tsx" />
29
21
 
30
- ### Summary list without borders
22
+ ### Without borders
31
23
 
32
24
  If you do not include actions in your summary list and it would be better for your design to remove the separating borders, use the `border={false}` prop.
33
25
 
34
- <Story
35
- packageName="@digigov/ui"
36
- component="content/SummaryList"
37
- story="WithoutBorders.tsx"
38
- />
26
+ <code src="@digigov/ui/content/SummaryList/__stories__/WithoutBorders.tsx" />
39
27
 
40
28
  ## API
41
29
 
package/src/content/Table/Table.stories.js CHANGED
@@ -19,7 +19,7 @@ export { DarkVariant } from '@digigov/ui/content/Table/__stories__/DarkVariant';
19
19
  export { DarkVariantWithVerticalHeaders } from '@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders';
20
20
  export { WithLoader } from '@digigov/ui/content/Table/__stories__/WithLoader';
21
21
  export { DefinedWidth } from '@digigov/ui/content/Table/__stories__/DefinedWidth';
22
- export { Densed } from '@digigov/ui/content/Table/__stories__/Densed';
22
+ export { Dense } from '@digigov/ui/content/Table/__stories__/Dense';
23
23
  export { RowColors } from '@digigov/ui/content/Table/__stories__/RowColors';
24
24
  export { MultipleProps } from '@digigov/ui/content/Table/__stories__/MultipleProps';
25
25
  export { WithSortFilters } from '@digigov/ui/content/Table/__stories__/WithSortFilters';
package/src/content/Table/__stories__/{Densed.tsx → Dense.tsx} RENAMED
@@ -98,7 +98,7 @@ const data = [
98
98
  },
99
99
  ];
100
100
 
101
- export const Densed = () => {
101
+ export const Dense = () => {
102
102
  return (
103
103
  <TableContainer border>
104
104
  <Table dense>
@@ -126,4 +126,4 @@ export const Densed = () => {
126
126
  </TableContainer>
127
127
  );
128
128
  };
129
- export default Densed;
129
+ export default Dense;
package/src/content/Table/doc.mdx ADDED
@@ -0,0 +1,81 @@
1
+ ---
2
+ id: table
3
+ title: Table
4
+ ---
5
+
6
+ # Table
7
+
8
+ ## How to use
9
+
10
+ <code src="@digigov/ui/content/Table/__stories__/Default.tsx" />
11
+
12
+ ### With dark header
13
+
14
+ <code src="@digigov/ui/content/Table/__stories__/DarkVariant.tsx" />
15
+
16
+ ### With captions
17
+
18
+ Use the `<TableCaption>` element to describe a table in the same way you would use a heading. A caption helps users find, navigate and understand tables.
19
+
20
+ <code src="@digigov/ui/content/Table/__stories__/TableCaptions.tsx" />
21
+
22
+ ### With numeric values
23
+
24
+ <code src="@digigov/ui/content/Table/__stories__/NumericDataType.tsx" />
25
+
26
+ ### With zebra rows
27
+
28
+ <code src="@digigov/ui/content/Table/__stories__/ZebraProp.tsx" />
29
+
30
+ ### With primary or secondary colored rows
31
+
32
+ The prop `color='primary'` or `color='secondary'` is only functional when Table component has `variant='default'`.
33
+
34
+ <code src="@digigov/ui/content/Table/__stories__/RowColors.tsx" />
35
+
36
+ ### With vertical lines
37
+
38
+ <code src="@digigov/ui/content/Table/__stories__/VerticalBorders.tsx" />
39
+
40
+ ### With dense style
41
+
42
+ <code src="@digigov/ui/content/Table/__stories__/Dense.tsx" />
43
+
44
+ ### Custom column widths
45
+
46
+ <code src="@digigov/ui/content/Table/__stories__/DefinedWidth.tsx" />
47
+
48
+ ### Without data (empty table)
49
+
50
+ <code src="@digigov/ui/content/Table/__stories__/NoData.tsx" />
51
+
52
+ ### With loader
53
+
54
+ <code src="@digigov/ui/content/Table/__stories__/WithLoader.tsx" />
55
+
56
+ ### With stack style
57
+
58
+ Use this prop when you want to display a more user friendly table for small screens.
59
+
60
+ <code src="@digigov/ui/content/Table/__stories__/Stacked.tsx" />
61
+
62
+ ## Accessibility
63
+
64
+ You can read more about the accessibility patterns used in our Table
65
+ implementation in the ARIA Authoring Practices Guide (APG) at [Table](https://www.w3.org/WAI/ARIA/apg/patterns/table/) section.
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={[
72
+ "TableContainer",
73
+ "Table",
74
+ "TableCaption",
75
+ "TableHead",
76
+ "TableRow",
77
+ "TableBody",
78
+ "TableHeadCell",
79
+ "TableDataCell"
80
+ ]
81
+ } />
package/src/content/Table/index.test.tsx CHANGED
@@ -5,7 +5,7 @@ import { DarkVariant } from '@digigov/ui/content/Table/__stories__/DarkVariant';
5
5
  import { DarkVariantWithVerticalHeaders } from '@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders';
6
6
  import { Default } from '@digigov/ui/content/Table/__stories__/Default';
7
7
  import { DefinedWidth } from '@digigov/ui/content/Table/__stories__/DefinedWidth';
8
- import { Densed } from '@digigov/ui/content/Table/__stories__/Densed';
8
+ import { Dense } from '@digigov/ui/content/Table/__stories__/Dense';
9
9
  import { Full } from '@digigov/ui/content/Table/__stories__/Full';
10
10
  import { MultipleProps } from '@digigov/ui/content/Table/__stories__/MultipleProps';
11
11
  import { NoData } from '@digigov/ui/content/Table/__stories__/NoData';
@@ -38,8 +38,8 @@ test('renders the All Table variants', async ({ mount, page }) => {
38
38
  <TestVariant title="DefinedWidth">
39
39
  <DefinedWidth />
40
40
  </TestVariant>
41
- <TestVariant title="Densed">
42
- <Densed />
41
+ <TestVariant title="Dense">
42
+ <Dense />
43
43
  </TestVariant>
44
44
  <TestVariant title="Full">
45
45
  <Full />
package/src/content/TaskList/{index.mdx → doc.mdx} RENAMED
@@ -9,13 +9,11 @@ TaskList is a component that displays number of steps required to complete a pro
9
9
 
10
10
  ## How to use
11
11
 
12
- ### Default
12
+ <code src="@digigov/ui/content/TaskList/__stories__/Default.tsx" />
13
13
 
14
- <Story
15
- packageName="@digigov/ui"
16
- component="content/TaskList"
17
- story="Default.tsx"
18
- />
14
+ ## With dense style
15
+
16
+ <code src="@digigov/ui/content/TaskList/__stories__/Dense.tsx" />
19
17
 
20
18
  ## API
21
19
 
package/src/content/Timeline/{index.mdx → doc.mdx} RENAMED
@@ -11,13 +11,11 @@ User can better understand what has happened and also understand what the next s
11
11
 
12
12
  ## How to use
13
13
 
14
- ### Default
14
+ <code src="@digigov/ui/content/Timeline/__stories__/Default.tsx" />
15
15
 
16
- <Story
17
- packageName="@digigov/ui"
18
- component="content/Timeline"
19
- story="Default.tsx"
20
- />
16
+ ## With dense style
17
+
18
+ <code src="@digigov/ui/content/Timeline/__stories__/Dense.tsx" />
21
19
 
22
20
  ## API
23
21
 
package/src/feedback/CopyToClipboard/__stories__/Default.tsx CHANGED
@@ -11,7 +11,7 @@ export const Default = () => {
11
11
  message="Αντιγράφηκε στο πρόχειρο"
12
12
  id="copy-to-clipboard"
13
13
  onCopy={() => {
14
- console.log('yess copied');
14
+ console.log('content copied!');
15
15
  }}
16
16
  >
17
17
  <Button color="secondary" aria-describedby="copy-to-clipboard">
package/src/feedback/CopyToClipboard/doc.mdx ADDED
@@ -0,0 +1,22 @@
1
+ ---
2
+ id: copy-to-clipboard
3
+ title: CopyToClipboard
4
+ ---
5
+
6
+ ## How to use
7
+
8
+ <code src="@digigov/ui/feedback/CopyToClipboard/__stories__/Default.tsx" />
9
+
10
+ ### As banner
11
+
12
+ <code src="@digigov/ui/feedback/CopyToClipboard/__stories__/Banner.tsx" />
13
+
14
+ ### With dense style
15
+
16
+ <code src="@digigov/ui/feedback/CopyToClipboard/__stories__/Dense.tsx" />
17
+
18
+ ## API
19
+
20
+ See below for a complete reference to all of the props available to the components mentioned here.
21
+
22
+ <ComponentProps componentName={["CopyToClipboardContainer"]} />
package/src/feedback/ErrorSummary/__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(ErrorSummary)>
4
+ <ForwardRef(ErrorSummary2)>
5
5
  this is some random warning text
6
- </ForwardRef(ErrorSummary)>
6
+ </ForwardRef(ErrorSummary2)>
7
7
  `;
package/src/feedback/ErrorSummary/{index.mdx → doc.mdx} RENAMED
@@ -5,17 +5,13 @@ title: ErrorSummary
5
5
 
6
6
  # ErrorSummary
7
7
 
8
- Use this component at the top of a page to summarise any errors a user has made.
8
+ Use this component at the top of a page to summarize any errors a user has made.
9
9
 
10
10
  When a user makes an error, you must show both an error summary and an error message next to each answer that contains an error.
11
11
 
12
12
  ## How to use
13
13
 
14
- <Story
15
- packageName="@digigov/ui"
16
- component="feedback/ErrorSummary"
17
- story="Default.tsx"
18
- />
14
+ <code src="@digigov/ui/feedback/ErrorSummary/__stories__/Default.tsx" />
19
15
 
20
16
  ### Linking from the error summary to each answer
21
17
 
@@ -23,32 +19,20 @@ You must link the errors in the error summary to the answer they relate to.
23
19
 
24
20
  For questions that require a user to answer using a single field, like a file upload, select, textarea, text input or character count, link to the field.
25
21
 
26
- <Story
27
- packageName="@digigov/ui"
28
- component="feedback/ErrorSummary"
29
- story="LinkedToInput.tsx"
30
- />
22
+ <code src="@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToInput.tsx" />
31
23
 
32
24
  When a user has to enter their answer into multiple fields, such as the day, month and year fields in the date input component, link to the first field that contains an error.
33
25
 
34
26
  If you do not know which field contains an error, link to the first field.
35
27
 
36
- <Story
37
- packageName="@digigov/ui"
38
- component="feedback/ErrorSummary"
39
- story="LinkedToField.tsx"
40
- />
28
+ <code src="@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToField.tsx" />
41
29
 
42
30
  For questions that require a user to select one or more options from a list using radios or checkboxes, link to the first radio or checkbox.
43
31
 
44
- <Story
45
- packageName="@digigov/ui"
46
- component="feedback/ErrorSummary"
47
- story="LinkedToCheckbox.tsx"
48
- />
32
+ <code src="@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToCheckbox.tsx" />
49
33
 
50
34
  ## API
51
35
 
52
36
  See below for a complete reference to all of the props available to the components mentioned here.
53
37
 
54
- <ComponentProps componentName={["ErrorSummary"]} />
38
+ {/* <ComponentProps componentName={["ErrorSummary"]} /> */}
package/src/feedback/NotificationBanner/__snapshots__/index.spec.tsx.snap CHANGED
@@ -1,4 +1,4 @@
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 notification banner 1`] = `
4
4
  <NotificationBanner
package/src/feedback/NotificationBanner/{index.mdx → doc.mdx} RENAMED
@@ -17,28 +17,17 @@ Use a ‘neutral’ notification banner if the user needs to know about somethin
17
17
 
18
18
  ## How to use
19
19
 
20
- ### Default NotificationBanner
21
- <Story
22
- packageName="@digigov/ui"
23
- component="feedback/NotificationBanner"
24
- story="Default.tsx"
25
- />
20
+ <code src="@digigov/ui/feedback/NotificationBanner/__stories__/Default.tsx" />
26
21
 
27
22
  You can also use a notification banner to tell the user about the outcome of something they’ve just done - but they have not finished using the service, so it does not make sense to use a confirmation page.
28
23
 
29
- ### Success NotificationBanner
30
- <Story
31
- packageName="@digigov/ui"
32
- component="feedback/NotificationBanner"
33
- story="Success.tsx"
34
- />
35
-
36
- ### Dense NotificationBanner
37
- <Story
38
- packageName="@digigov/ui"
39
- component="feedback/NotificationBanner"
40
- story="Dense.tsx"
41
- />
24
+ ### With success style
25
+
26
+ <code src="@digigov/ui/feedback/NotificationBanner/__stories__/Success.tsx" />
27
+
28
+ ### With dense style
29
+
30
+ <code src="@digigov/ui/feedback/NotificationBanner/__stories__/Dense.tsx" />
42
31
 
43
32
  ## API
44
33
 
package/src/feedback/PhaseBanner/{index.mdx → doc.mdx} RENAMED
@@ -11,21 +11,11 @@ Use the phase banner component to show users your service is still being worked
11
11
 
12
12
  Your banner must be directly under the blue GOV.GR header and colour bar.
13
13
 
14
- ### Default
15
-
16
- <Story
17
- packageName="@digigov/ui"
18
- component="feedback/PhaseBanner"
19
- story="Default.tsx"
20
- />
14
+ <code src="@digigov/ui/feedback/PhaseBanner/__stories__/Default.tsx" />
21
15
 
22
16
  ### Underlined
23
17
 
24
- <Story
25
- packageName="@digigov/ui"
26
- component="feedback/PhaseBanner"
27
- story="Underlined.tsx"
28
- />
18
+ <code src="@digigov/ui/feedback/PhaseBanner/__stories__/Underlined.tsx" />
29
19
 
30
20
  ## API
31
21
 
package/src/feedback/WarningText/__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 WarningText with sample data 1`] = `
4
- <ForwardRef(WarningText)>
4
+ <ForwardRef(WarningText2)>
5
5
  this is some random warning text
6
- </ForwardRef(WarningText)>
6
+ </ForwardRef(WarningText2)>
7
7
  `;
package/src/feedback/WarningText/{index.mdx → doc.mdx} RENAMED
@@ -10,13 +10,15 @@ title: WarningText
10
10
  You might need to rewrite the hidden text ("Προσοχή" in the example) to make it appropriate for your context.
11
11
  This will be used by screen-readers.
12
12
 
13
- ### Default
13
+ <code src="@digigov/ui/feedback/WarningText/__stories__/Default.tsx" />
14
14
 
15
- <Story
16
- packageName="@digigov/ui"
17
- component="feedback/WarningText"
18
- story="Default.tsx"
19
- />
15
+ ### With dense style
16
+
17
+ <code src="@digigov/ui/feedback/WarningText/__stories__/Dense.tsx" />
18
+
19
+ ### With assistive text
20
+
21
+ <code src="@digigov/ui/feedback/WarningText/__stories__/AssistiveText.tsx" />
20
22
 
21
23
  ## API
22
24
 
package/src/form/AutoComplete/doc.mdx ADDED
@@ -0,0 +1,50 @@
1
+ ---
2
+ id: auto-complete
3
+ title: AutoComplete
4
+ ---
5
+
6
+ # AutoComplete
7
+
8
+ Autocomplete is a feature in which an input field suggests a word based on user input. This allows users to quickly search
9
+ through, select from large collections of options and help services get more consistent data.
10
+
11
+ ## How to use
12
+
13
+ <code src="@digigov/ui/form/AutoComplete/__stories__/Default.tsx" />
14
+
15
+ ### With auto select
16
+
17
+ <code src="@digigov/ui/form/AutoComplete/__stories__/WithAutoSelect.tsx" />
18
+
19
+ ### With default value
20
+
21
+ <code src="@digigov/ui/form/AutoComplete/__stories__/WithDefaultValue.tsx" />
22
+
23
+ ### With placeholder
24
+
25
+ <code src="@digigov/ui/form/AutoComplete/__stories__/WithPlaceHolder.tsx" />
26
+
27
+ ### With all option's values
28
+
29
+ <code src="@digigov/ui/form/AutoComplete/__stories__/WithShowAllValues.tsx" />
30
+
31
+ ### With min length
32
+
33
+ This is the minimum number of characters that should be entered before the AutoComplete will attempt to suggest options(in above example is 2)
34
+
35
+ <code src="@digigov/ui/form/AutoComplete/__stories__/WithMinLength.tsx" />
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
+ ["AutoCompleteWrapper",
43
+ "AutoCompleteStatus",
44
+ "AutoCompleteStatusWrapper",
45
+ "AutoCompleteInputTypeahead",
46
+ "AutoCompleteInput",
47
+ "AutoCompleteResultList",
48
+ "AutoCompleteResultListItem",
49
+ "AutoCompleteAssistiveHint"
50
+ ]} />
package/src/form/Button/__snapshots__/index.spec.tsx.snap CHANGED
@@ -1,17 +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 button 1`] = `
4
- <ForwardRef(Button)>
5
- <ForwardRef(Base)
6
- as="button"
7
- className="ds-btn-primary ds-btn"
8
- printHidden={true}
9
- >
4
+ <body>
5
+ <div>
10
6
  <button
11
- className="ds-btn-primary ds-btn ds-print-hidden"
7
+ class="ds-print-hidden ds-btn ds-btn-primary"
12
8
  >
13
9
  hello
14
10
  </button>
15
- </ForwardRef(Base)>
16
- </ForwardRef(Button)>
11
+ </div>
12
+ </body>
17
13
  `;