@digigov/ui 1.2.0-a7ffb5dc → 2.0.0-0edebf87

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 (893) hide show
  1. package/app/BannerContainer/index.test/index.js +43 -0
  2. package/app/BannerContainer/index.test/package.json +6 -0
  3. package/app/BannerContainer/index.test.d.ts +1 -0
  4. package/app/Footer/index.mdx +18 -5
  5. package/app/Footer/index.test/index.js +64 -0
  6. package/app/Footer/index.test/package.json +6 -0
  7. package/app/Footer/index.test.d.ts +1 -0
  8. package/app/Footer/interaction.test/index.js +46 -0
  9. package/app/Footer/interaction.test/package.json +6 -0
  10. package/app/Footer/interaction.test.d.ts +1 -0
  11. package/app/Header/index.mdx +7 -5
  12. package/app/Header/index.test/index.js +55 -0
  13. package/app/Header/index.test/package.json +6 -0
  14. package/app/Header/index.test.d.ts +1 -0
  15. package/app/Loader/index.test/index.js +43 -0
  16. package/app/Loader/index.test/package.json +6 -0
  17. package/app/Loader/index.test.d.ts +1 -0
  18. package/app/Masthead/index.mdx +9 -4
  19. package/app/Masthead/index.test/index.js +49 -0
  20. package/app/Masthead/index.test/package.json +6 -0
  21. package/app/Masthead/index.test.d.ts +1 -0
  22. package/app/Masthead/interaction.test/index.js +43 -0
  23. package/app/Masthead/interaction.test/package.json +6 -0
  24. package/app/Masthead/interaction.test.d.ts +1 -0
  25. package/app/Modal/Modal.stories/index.js +2 -1
  26. package/app/Modal/Modal.stories.d.ts +1 -0
  27. package/app/Modal/__stories__/WithoutModalGaps/index.js +36 -0
  28. package/app/Modal/__stories__/WithoutModalGaps/package.json +6 -0
  29. package/app/Modal/__stories__/WithoutModalGaps.d.ts +3 -0
  30. package/app/Modal/auto/index.js +4 -2
  31. package/app/Modal/auto.d.ts +2 -2
  32. package/app/Modal/index.d.ts +2 -2
  33. package/app/Modal/index.js +5 -3
  34. package/app/Modal/index.mdx +11 -4
  35. package/app/Modal/index.test/index.js +55 -0
  36. package/app/Modal/index.test/package.json +6 -0
  37. package/app/Modal/index.test.d.ts +1 -0
  38. package/app/Modal/interaction.test/index.js +119 -0
  39. package/app/Modal/interaction.test/package.json +6 -0
  40. package/app/Modal/interaction.test.d.ts +1 -0
  41. package/app/NotFound/index.mdx +2 -0
  42. package/app/NotFound/index.test/index.js +43 -0
  43. package/app/NotFound/index.test/package.json +6 -0
  44. package/app/NotFound/index.test.d.ts +1 -0
  45. package/app/Panel/index.mdx +9 -4
  46. package/app/Panel/index.test/index.js +43 -0
  47. package/app/Panel/index.test/package.json +6 -0
  48. package/app/Panel/index.test.d.ts +1 -0
  49. package/app/PhaseBannerHeader/index.mdx +4 -4
  50. package/app/PhaseBannerHeader/index.test/index.js +43 -0
  51. package/app/PhaseBannerHeader/index.test/package.json +6 -0
  52. package/app/PhaseBannerHeader/index.test.d.ts +1 -0
  53. package/app/QrCodeViewer/QRCode.stories.d.ts +1 -0
  54. package/app/QrCodeViewer/index.d.ts +1 -0
  55. package/app/QrCodeViewer/index.js +2 -1
  56. package/app/QrCodeViewer/index.mdx +4 -4
  57. package/app/QrCodeViewer/index.test/index.js +46 -0
  58. package/app/QrCodeViewer/index.test/package.json +6 -0
  59. package/app/QrCodeViewer/index.test.d.ts +1 -0
  60. package/app/Skeleton/Skeleton.stories/index.js +17 -0
  61. package/app/Skeleton/Skeleton.stories/package.json +6 -0
  62. package/app/Skeleton/Skeleton.stories.d.ts +18 -0
  63. package/app/Skeleton/__stories__/Button/index.js +9 -0
  64. package/app/Skeleton/__stories__/Button/package.json +6 -0
  65. package/app/Skeleton/__stories__/Button.d.ts +3 -0
  66. package/app/Skeleton/__stories__/Circular/index.js +11 -0
  67. package/app/Skeleton/__stories__/Circular/package.json +6 -0
  68. package/app/Skeleton/__stories__/Circular.d.ts +3 -0
  69. package/app/Skeleton/__stories__/Default/index.js +7 -0
  70. package/app/Skeleton/__stories__/Default/package.json +6 -0
  71. package/app/Skeleton/__stories__/Default.d.ts +3 -0
  72. package/app/Skeleton/__stories__/NoAnimation/index.js +9 -0
  73. package/{utils/Kitchensink/KitchensinkByCategory → app/Skeleton/__stories__/NoAnimation}/package.json +1 -1
  74. package/app/Skeleton/__stories__/NoAnimation.d.ts +3 -0
  75. package/app/Skeleton/__stories__/Rectangular/index.js +10 -0
  76. package/app/Skeleton/__stories__/Rectangular/package.json +6 -0
  77. package/app/Skeleton/__stories__/Rectangular.d.ts +3 -0
  78. package/app/Skeleton/__stories__/SpecificWidthAndHeight/index.js +10 -0
  79. package/app/Skeleton/__stories__/SpecificWidthAndHeight/package.json +6 -0
  80. package/app/Skeleton/__stories__/SpecificWidthAndHeight.d.ts +3 -0
  81. package/app/Skeleton/__stories__/TextSizes/index.js +26 -0
  82. package/{utils/Kitchensink/KitchensinkByLetter → app/Skeleton/__stories__/TextSizes}/package.json +1 -1
  83. package/app/Skeleton/__stories__/TextSizes.d.ts +3 -0
  84. package/app/Skeleton/__stories__/UnderTypography/index.js +10 -0
  85. package/{form/AutoComplete/__stories__/WithInLine → app/Skeleton/__stories__/UnderTypography}/package.json +1 -1
  86. package/app/Skeleton/__stories__/UnderTypography.d.ts +3 -0
  87. package/app/Skeleton/__stories__/WithChildren/index.js +8 -0
  88. package/app/Skeleton/__stories__/WithChildren/package.json +6 -0
  89. package/app/Skeleton/__stories__/WithChildren.d.ts +3 -0
  90. package/app/Skeleton/index.d.ts +3 -0
  91. package/app/Skeleton/index.js +3 -0
  92. package/{misc/KitchenSink → app/Skeleton}/package.json +1 -1
  93. package/app/ThemeOptions/index.d.ts +2 -2
  94. package/cjs/app/BannerContainer/index.test/index.js +46 -0
  95. package/cjs/app/Footer/index.mdx +18 -5
  96. package/cjs/app/Footer/index.test/index.js +67 -0
  97. package/cjs/app/Footer/interaction.test/index.js +49 -0
  98. package/cjs/app/Header/index.mdx +7 -5
  99. package/cjs/app/Header/index.test/index.js +58 -0
  100. package/cjs/app/Loader/index.test/index.js +46 -0
  101. package/cjs/app/Masthead/index.mdx +9 -4
  102. package/cjs/app/Masthead/index.test/index.js +52 -0
  103. package/cjs/app/Masthead/interaction.test/index.js +46 -0
  104. package/cjs/app/Modal/Modal.stories/index.js +12 -0
  105. package/cjs/app/Modal/__stories__/WithoutModalGaps/index.js +46 -0
  106. package/cjs/app/Modal/auto/index.js +4 -2
  107. package/cjs/app/Modal/index.js +5 -3
  108. package/cjs/app/Modal/index.mdx +11 -4
  109. package/cjs/app/Modal/index.test/index.js +58 -0
  110. package/cjs/app/Modal/interaction.test/index.js +122 -0
  111. package/cjs/app/NotFound/index.mdx +2 -0
  112. package/cjs/app/NotFound/index.test/index.js +46 -0
  113. package/cjs/app/Panel/index.mdx +9 -4
  114. package/cjs/app/Panel/index.test/index.js +46 -0
  115. package/cjs/app/PhaseBannerHeader/index.mdx +4 -4
  116. package/cjs/app/PhaseBannerHeader/index.test/index.js +46 -0
  117. package/cjs/app/QrCodeViewer/index.js +3 -2
  118. package/cjs/app/QrCodeViewer/index.mdx +4 -4
  119. package/cjs/app/QrCodeViewer/index.test/index.js +49 -0
  120. package/cjs/app/Skeleton/Skeleton.stories/index.js +123 -0
  121. package/cjs/app/Skeleton/__stories__/Button/index.js +16 -0
  122. package/cjs/app/Skeleton/__stories__/Circular/index.js +18 -0
  123. package/cjs/app/Skeleton/__stories__/Default/index.js +14 -0
  124. package/cjs/app/Skeleton/__stories__/NoAnimation/index.js +16 -0
  125. package/cjs/app/Skeleton/__stories__/Rectangular/index.js +17 -0
  126. package/cjs/app/Skeleton/__stories__/SpecificWidthAndHeight/index.js +17 -0
  127. package/cjs/app/Skeleton/__stories__/TextSizes/index.js +33 -0
  128. package/cjs/app/Skeleton/__stories__/UnderTypography/index.js +17 -0
  129. package/cjs/app/Skeleton/__stories__/WithChildren/index.js +15 -0
  130. package/cjs/app/Skeleton/index.js +23 -0
  131. package/cjs/content/Accordion/__stories__/Auto/index.js +2 -3
  132. package/cjs/content/Accordion/hooks/index.js +0 -1
  133. package/cjs/content/Accordion/index.mdx +9 -5
  134. package/cjs/content/Accordion/index.test/index.js +55 -0
  135. package/cjs/content/Accordion/interaction.test/index.js +46 -0
  136. package/cjs/content/Blockquote/index.mdx +3 -5
  137. package/cjs/content/Blockquote/index.test/index.js +49 -0
  138. package/cjs/content/Card/index.mdx +3 -5
  139. package/cjs/content/Card/index.test/index.js +76 -0
  140. package/cjs/content/Chip/index.mdx +4 -5
  141. package/cjs/content/Chip/index.test/index.js +58 -0
  142. package/cjs/content/Details/Details.stories.playwright.json +1 -7
  143. package/cjs/content/Details/index.mdx +3 -5
  144. package/cjs/content/Details/index.test/index.js +46 -0
  145. package/cjs/content/Details/interaction.test/index.js +46 -0
  146. package/cjs/content/List/__stories__/Default/index.js +1 -2
  147. package/cjs/content/List/index.mdx +3 -5
  148. package/cjs/content/List/index.test/index.js +61 -0
  149. package/cjs/content/SafeHTML/index.js +5 -8
  150. package/cjs/content/StepNav/index.mdx +28 -5
  151. package/cjs/content/StepNav/index.test/index.js +58 -0
  152. package/cjs/content/StepNav/interaction.test/index.js +52 -0
  153. package/cjs/content/SummaryList/index.mdx +10 -5
  154. package/cjs/content/SummaryList/index.test/index.js +61 -0
  155. package/cjs/content/SummaryList/interaction.test/index.js +49 -0
  156. package/cjs/content/Table/__stories__/WithLoader/index.js +2 -0
  157. package/cjs/content/Table/index.js +2 -2
  158. package/cjs/content/Table/index.mdx +13 -14
  159. package/cjs/content/Table/index.test/index.js +106 -0
  160. package/cjs/content/Table/interaction.test/index.js +46 -0
  161. package/cjs/content/TaskList/index.mdx +9 -5
  162. package/cjs/content/TaskList/index.test/index.js +49 -0
  163. package/cjs/content/Timeline/index.mdx +10 -5
  164. package/cjs/content/Timeline/index.test/index.js +49 -0
  165. package/cjs/feedback/CopyToClipboard/index.mdx +3 -5
  166. package/cjs/feedback/CopyToClipboard/index.test/index.js +52 -0
  167. package/cjs/feedback/CopyToClipboard/interaction.test/index.js +122 -0
  168. package/cjs/feedback/ErrorSummary/index.mdx +3 -5
  169. package/cjs/feedback/ErrorSummary/index.test/index.js +61 -0
  170. package/cjs/feedback/NotificationBanner/index.mdx +14 -5
  171. package/cjs/feedback/NotificationBanner/index.test/index.js +52 -0
  172. package/cjs/feedback/NotificationBanner/interaction.test/index.js +90 -0
  173. package/cjs/feedback/PhaseBanner/index.mdx +8 -5
  174. package/cjs/feedback/PhaseBanner/index.test/index.js +49 -0
  175. package/cjs/feedback/PhaseBanner/interaction.test/index.js +46 -0
  176. package/cjs/feedback/WarningText/index.mdx +5 -5
  177. package/cjs/feedback/WarningText/index.test/index.js +52 -0
  178. package/cjs/form/AutoComplete/AutoComplete.stories/index.js +44 -8
  179. package/cjs/form/AutoComplete/AutoComplete.stories.playwright.json +33 -0
  180. package/cjs/form/AutoComplete/Status/index.js +12 -5
  181. package/cjs/form/AutoComplete/__stories__/Multiple/index.js +24 -0
  182. package/cjs/form/AutoComplete/__stories__/{WithInLine → MultipleShowingTwoSelected}/index.js +7 -6
  183. package/cjs/form/AutoComplete/__stories__/MultipleWithDefaultValues/index.js +23 -0
  184. package/cjs/form/AutoComplete/__stories__/MultipleWithMinLength/index.js +26 -0
  185. package/cjs/form/AutoComplete/__stories__/WithShowAllValues/index.js +0 -1
  186. package/cjs/form/AutoComplete/index.js +334 -206
  187. package/cjs/form/AutoComplete/index.mdx +13 -20
  188. package/cjs/form/AutoComplete/index.test/index.js +73 -0
  189. package/cjs/form/AutoComplete/interaction.test/index.js +52 -0
  190. package/cjs/form/AutoComplete/utils/index.js +2 -1
  191. package/cjs/form/Button/Button.stories.playwright.json +1 -7
  192. package/cjs/form/Button/index.mdx +3 -5
  193. package/cjs/form/Button/index.test/index.js +79 -0
  194. package/cjs/form/Button/interaction.test/index.js +169 -0
  195. package/cjs/form/Checkbox/index.mdx +3 -5
  196. package/cjs/form/Checkbox/index.test/index.js +73 -0
  197. package/cjs/form/Checkbox/interaction.test/index.js +93 -0
  198. package/cjs/form/DateInputContainer/index.mdx +3 -5
  199. package/cjs/form/DateInputContainer/index.test/index.js +58 -0
  200. package/cjs/form/DateInputContainer/interaction.test/index.js +49 -0
  201. package/cjs/form/ErrorMessage/index.mdx +3 -5
  202. package/cjs/form/ErrorMessage/index.test/index.js +52 -0
  203. package/cjs/form/FileUpload/index.mdx +3 -5
  204. package/cjs/form/FileUpload/index.test/index.js +49 -0
  205. package/cjs/form/RadioContainer/index.mdx +2 -14
  206. package/cjs/form/RadioContainer/index.test/index.js +73 -0
  207. package/cjs/form/RadioContainer/interaction.test/index.js +90 -0
  208. package/cjs/form/SelectContainer/index.mdx +3 -1
  209. package/cjs/form/SelectContainer/index.test/index.js +55 -0
  210. package/cjs/form/SelectContainer/interaction.test/index.js +46 -0
  211. package/cjs/form/SingleCharacterInputs/index.mdx +3 -5
  212. package/cjs/form/SingleCharacterInputs/index.test/index.js +55 -0
  213. package/cjs/form/TextArea/index.mdx +3 -5
  214. package/cjs/form/TextArea/index.test/index.js +67 -0
  215. package/cjs/form/TextArea/interaction.test/index.js +87 -0
  216. package/cjs/form/TextInput/TextInput.stories/index.js +12 -0
  217. package/cjs/form/TextInput/__stories__/DisabledInputWithValue/index.js +31 -0
  218. package/cjs/form/TextInput/index.mdx +3 -5
  219. package/cjs/form/TextInput/index.test/index.js +73 -0
  220. package/cjs/form/TextInput/interaction.test/index.js +49 -0
  221. package/cjs/govgr/Footer/index.mdx +1 -1
  222. package/cjs/i18n/locales/el/index.js +2 -2
  223. package/cjs/i18n/locales/en/index.js +2 -2
  224. package/cjs/layouts/Basic/Basic.stories/index.js +12 -0
  225. package/cjs/layouts/Basic/Bottom/__stories__/Default/index.js +22 -0
  226. package/cjs/layouts/Basic/Bottom/index.mdx +9 -28
  227. package/cjs/layouts/Basic/Container/__stories__/Default/index.js +20 -0
  228. package/cjs/layouts/Basic/Container/index.mdx +23 -0
  229. package/cjs/layouts/Basic/Main/__stories__/Default/index.js +20 -0
  230. package/cjs/layouts/Basic/Main/index.mdx +10 -47
  231. package/cjs/layouts/Basic/Top/__stories__/Default/index.js +20 -0
  232. package/cjs/layouts/Basic/Top/index.mdx +10 -55
  233. package/cjs/layouts/Basic/__stories__/WithBasicLayout/index.js +19 -0
  234. package/cjs/layouts/Basic/index.mdx +27 -25
  235. package/cjs/layouts/Basic/index.test/index.js +55 -0
  236. package/cjs/layouts/Grid/index.mdx +39 -0
  237. package/cjs/layouts/Grid/index.test/index.js +52 -0
  238. package/cjs/layouts/Screen/index.test/index.js +55 -0
  239. package/cjs/layouts/Stack/index.test/index.js +61 -0
  240. package/cjs/lazy/index.js +155 -128
  241. package/cjs/navigation/BackLink/index.mdx +4 -5
  242. package/cjs/navigation/BackLink/index.test/index.js +46 -0
  243. package/cjs/navigation/BackLink/interaction.test/index.js +46 -0
  244. package/cjs/navigation/BackToTopLink/index.test/index.js +49 -0
  245. package/cjs/navigation/Breadcrumbs/index.mdx +6 -5
  246. package/cjs/navigation/Breadcrumbs/index.test/index.js +46 -0
  247. package/cjs/navigation/Breadcrumbs/interaction.test/index.js +52 -0
  248. package/cjs/navigation/Drawer/auto/index.js +4 -2
  249. package/cjs/navigation/Drawer/index.mdx +4 -10
  250. package/cjs/navigation/Drawer/index.test/index.js +52 -0
  251. package/cjs/navigation/Dropdown/Dropdown.stories/index.js +12 -0
  252. package/cjs/navigation/Dropdown/Dropdown.stories.playwright.json +16 -0
  253. package/cjs/navigation/Dropdown/__stories__/ScrollableContent/index.js +68 -0
  254. package/cjs/navigation/Dropdown/index.mdx +3 -5
  255. package/cjs/navigation/Dropdown/index.test/index.js +76 -0
  256. package/cjs/navigation/Dropdown/interaction.test/index.js +198 -0
  257. package/cjs/navigation/Link/Link.stories/index.js +12 -0
  258. package/cjs/navigation/Link/__stories__/WithProvider/index.js +23 -0
  259. package/cjs/navigation/Link/index.mdx +5 -15
  260. package/cjs/navigation/Link/index.test/index.js +64 -0
  261. package/cjs/navigation/Link/interaction.test/index.js +128 -0
  262. package/cjs/navigation/NavList/__stories__/Default/index.js +14 -2
  263. package/cjs/navigation/NavList/__stories__/HorizontalWithDrawer/index.js +35 -2
  264. package/cjs/navigation/NavList/__stories__/HorizontalWithoutDrawer/index.js +35 -2
  265. package/cjs/navigation/NavList/__stories__/NavListWithoutNav/index.js +14 -2
  266. package/cjs/navigation/NavList/__stories__/UsingNavListAuto/index.js +37 -4
  267. package/cjs/navigation/NavList/__stories__/Vertical/index.js +14 -2
  268. package/cjs/navigation/NavList/__stories__/VerticalWithoutDrawer/index.js +35 -2
  269. package/cjs/navigation/NavList/index.mdx +23 -7
  270. package/cjs/navigation/NavList/index.test/index.js +67 -0
  271. package/cjs/navigation/Pagination/__stories__/PaginationWithSmallFont/index.js +2 -2
  272. package/cjs/navigation/Pagination/__stories__/WithResultsPerPage/index.js +2 -2
  273. package/cjs/navigation/Pagination/index.mdx +9 -5
  274. package/cjs/navigation/Pagination/index.test/index.js +64 -0
  275. package/cjs/navigation/Pagination/interaction.test/index.js +49 -0
  276. package/cjs/navigation/SkipLink/index.test/index.js +46 -0
  277. package/cjs/navigation/Tabs/index.mdx +9 -5
  278. package/cjs/navigation/Tabs/index.test/index.js +52 -0
  279. package/cjs/navigation/Tabs/interaction.test/index.js +49 -0
  280. package/cjs/registry/index.js +8 -12
  281. package/cjs/typography/Heading/index.mdx +3 -5
  282. package/cjs/typography/Heading/index.test/index.js +46 -0
  283. package/cjs/typography/HeadingCaption/index.mdx +3 -5
  284. package/cjs/typography/HeadingCaption/index.test/index.js +49 -0
  285. package/cjs/typography/Hint/index.mdx +3 -5
  286. package/cjs/typography/Hint/index.test/index.js +49 -0
  287. package/cjs/typography/NormalText/index.mdx +3 -5
  288. package/cjs/typography/NormalText/index.test/index.js +55 -0
  289. package/cjs/typography/Paragraph/index.mdx +9 -30
  290. package/cjs/typography/Paragraph/index.test/index.js +58 -0
  291. package/cjs/typography/Typography/index.js +23 -0
  292. package/cjs/typography/Typography/index.mdx +12 -0
  293. package/cjs/typography/index.js +11 -0
  294. package/cjs/utils/Base/index.mdx +13 -0
  295. package/cjs/utils/TestVariant/index.js +25 -0
  296. package/cjs/utils/VisuallyHidden/index.mdx +10 -5
  297. package/cjs/utils/VisuallyHidden/index.test/index.js +46 -0
  298. package/content/Accordion/__stories__/Auto/index.js +2 -3
  299. package/content/Accordion/auto.d.ts +3 -3
  300. package/content/Accordion/hooks/index.js +0 -1
  301. package/content/Accordion/index.mdx +9 -5
  302. package/content/Accordion/index.test/index.js +52 -0
  303. package/content/Accordion/index.test/package.json +6 -0
  304. package/content/Accordion/index.test.d.ts +1 -0
  305. package/content/Accordion/interaction.test/index.js +43 -0
  306. package/content/Accordion/interaction.test/package.json +6 -0
  307. package/content/Accordion/interaction.test.d.ts +1 -0
  308. package/content/Blockquote/index.mdx +3 -5
  309. package/content/Blockquote/index.test/index.js +46 -0
  310. package/content/Blockquote/index.test/package.json +6 -0
  311. package/content/Blockquote/index.test.d.ts +1 -0
  312. package/content/Card/index.mdx +3 -5
  313. package/content/Card/index.test/index.js +73 -0
  314. package/content/Card/index.test/package.json +6 -0
  315. package/content/Card/index.test.d.ts +1 -0
  316. package/content/Chip/index.mdx +4 -5
  317. package/content/Chip/index.test/index.js +55 -0
  318. package/content/Chip/index.test/package.json +6 -0
  319. package/content/Chip/index.test.d.ts +1 -0
  320. package/content/Details/Details.stories.playwright.json +1 -7
  321. package/content/Details/index.mdx +3 -5
  322. package/content/Details/index.test/index.js +43 -0
  323. package/content/Details/index.test/package.json +6 -0
  324. package/content/Details/index.test.d.ts +1 -0
  325. package/content/Details/interaction.test/index.js +43 -0
  326. package/content/Details/interaction.test/package.json +6 -0
  327. package/content/Details/interaction.test.d.ts +1 -0
  328. package/content/List/__stories__/Default/index.js +1 -2
  329. package/content/List/index.mdx +3 -5
  330. package/content/List/index.test/index.js +58 -0
  331. package/content/List/index.test/package.json +6 -0
  332. package/content/List/index.test.d.ts +1 -0
  333. package/content/SafeHTML/index.d.ts +1 -1
  334. package/content/SafeHTML/index.js +5 -8
  335. package/content/StepNav/auto.d.ts +3 -3
  336. package/content/StepNav/index.mdx +28 -5
  337. package/content/StepNav/index.test/index.js +55 -0
  338. package/content/StepNav/index.test/package.json +6 -0
  339. package/content/StepNav/index.test.d.ts +1 -0
  340. package/content/StepNav/interaction.test/index.js +49 -0
  341. package/content/StepNav/interaction.test/package.json +6 -0
  342. package/content/StepNav/interaction.test.d.ts +1 -0
  343. package/content/SummaryList/index.mdx +10 -5
  344. package/content/SummaryList/index.test/index.js +58 -0
  345. package/content/SummaryList/index.test/package.json +6 -0
  346. package/content/SummaryList/index.test.d.ts +1 -0
  347. package/content/SummaryList/interaction.test/index.js +46 -0
  348. package/content/SummaryList/interaction.test/package.json +6 -0
  349. package/content/SummaryList/interaction.test.d.ts +1 -0
  350. package/content/Table/__stories__/WithLoader/index.js +1 -0
  351. package/content/Table/index.d.ts +1 -1
  352. package/content/Table/index.js +2 -2
  353. package/content/Table/index.mdx +13 -14
  354. package/content/Table/index.test/index.js +103 -0
  355. package/content/Table/index.test/package.json +6 -0
  356. package/content/Table/index.test.d.ts +1 -0
  357. package/content/Table/interaction.test/index.js +43 -0
  358. package/content/Table/interaction.test/package.json +6 -0
  359. package/content/Table/interaction.test.d.ts +1 -0
  360. package/content/TaskList/index.mdx +9 -5
  361. package/content/TaskList/index.test/index.js +46 -0
  362. package/content/TaskList/index.test/package.json +6 -0
  363. package/content/TaskList/index.test.d.ts +1 -0
  364. package/content/Timeline/index.mdx +10 -5
  365. package/content/Timeline/index.test/index.js +46 -0
  366. package/content/Timeline/index.test/package.json +6 -0
  367. package/content/Timeline/index.test.d.ts +1 -0
  368. package/feedback/CopyToClipboard/index.d.ts +1 -1
  369. package/feedback/CopyToClipboard/index.mdx +3 -5
  370. package/feedback/CopyToClipboard/index.test/index.js +49 -0
  371. package/feedback/CopyToClipboard/index.test/package.json +6 -0
  372. package/feedback/CopyToClipboard/index.test.d.ts +1 -0
  373. package/feedback/CopyToClipboard/interaction.test/index.js +119 -0
  374. package/feedback/CopyToClipboard/interaction.test/package.json +6 -0
  375. package/feedback/CopyToClipboard/interaction.test.d.ts +1 -0
  376. package/feedback/ErrorSummary/index.mdx +3 -5
  377. package/feedback/ErrorSummary/index.test/index.js +58 -0
  378. package/feedback/ErrorSummary/index.test/package.json +6 -0
  379. package/feedback/ErrorSummary/index.test.d.ts +1 -0
  380. package/feedback/NotificationBanner/index.mdx +14 -5
  381. package/feedback/NotificationBanner/index.test/index.js +49 -0
  382. package/{utils/Kitchensink/KitchensinkDashboard → feedback/NotificationBanner/index.test}/package.json +1 -1
  383. package/feedback/NotificationBanner/index.test.d.ts +1 -0
  384. package/feedback/NotificationBanner/interaction.test/index.js +87 -0
  385. package/feedback/NotificationBanner/interaction.test/package.json +6 -0
  386. package/feedback/NotificationBanner/interaction.test.d.ts +1 -0
  387. package/feedback/PhaseBanner/index.mdx +8 -5
  388. package/feedback/PhaseBanner/index.test/index.js +46 -0
  389. package/{utils/Kitchensink/AllComponents → feedback/PhaseBanner/index.test}/package.json +1 -1
  390. package/feedback/PhaseBanner/index.test.d.ts +1 -0
  391. package/feedback/PhaseBanner/interaction.test/index.js +43 -0
  392. package/feedback/PhaseBanner/interaction.test/package.json +6 -0
  393. package/feedback/PhaseBanner/interaction.test.d.ts +1 -0
  394. package/feedback/WarningText/index.mdx +5 -5
  395. package/feedback/WarningText/index.test/index.js +49 -0
  396. package/feedback/WarningText/index.test/package.json +6 -0
  397. package/feedback/WarningText/index.test.d.ts +1 -0
  398. package/form/AutoComplete/AutoComplete.stories/index.js +4 -1
  399. package/form/AutoComplete/AutoComplete.stories.d.ts +4 -1
  400. package/form/AutoComplete/AutoComplete.stories.playwright.json +33 -0
  401. package/form/AutoComplete/Status/index.d.ts +4 -2
  402. package/form/AutoComplete/Status/index.js +11 -4
  403. package/form/AutoComplete/__stories__/Multiple/index.js +17 -0
  404. package/form/AutoComplete/__stories__/Multiple/package.json +6 -0
  405. package/form/AutoComplete/__stories__/Multiple.d.ts +3 -0
  406. package/form/AutoComplete/__stories__/{WithInLine → MultipleShowingTwoSelected}/index.js +6 -5
  407. package/form/AutoComplete/__stories__/MultipleShowingTwoSelected/package.json +6 -0
  408. package/form/AutoComplete/__stories__/MultipleShowingTwoSelected.d.ts +3 -0
  409. package/form/AutoComplete/__stories__/MultipleWithDefaultValues/index.js +16 -0
  410. package/form/AutoComplete/__stories__/MultipleWithDefaultValues/package.json +6 -0
  411. package/form/AutoComplete/__stories__/MultipleWithDefaultValues.d.ts +3 -0
  412. package/form/AutoComplete/__stories__/MultipleWithMinLength/index.js +19 -0
  413. package/form/AutoComplete/__stories__/MultipleWithMinLength/package.json +6 -0
  414. package/form/AutoComplete/__stories__/MultipleWithMinLength.d.ts +3 -0
  415. package/form/AutoComplete/__stories__/WithShowAllValues/index.js +0 -1
  416. package/form/AutoComplete/index.d.ts +13 -20
  417. package/form/AutoComplete/index.js +317 -201
  418. package/form/AutoComplete/index.mdx +13 -20
  419. package/form/AutoComplete/index.test/index.js +70 -0
  420. package/form/AutoComplete/index.test/package.json +6 -0
  421. package/form/AutoComplete/index.test.d.ts +1 -0
  422. package/form/AutoComplete/interaction.test/index.js +49 -0
  423. package/form/AutoComplete/interaction.test/package.json +6 -0
  424. package/form/AutoComplete/interaction.test.d.ts +1 -0
  425. package/form/AutoComplete/utils/index.js +2 -1
  426. package/form/AutoComplete/utils.d.ts +1 -0
  427. package/form/Button/Button.stories.playwright.json +1 -7
  428. package/form/Button/index.mdx +3 -5
  429. package/form/Button/index.test/index.js +76 -0
  430. package/form/Button/index.test/package.json +6 -0
  431. package/form/Button/index.test.d.ts +1 -0
  432. package/form/Button/interaction.test/index.js +166 -0
  433. package/form/Button/interaction.test/package.json +6 -0
  434. package/form/Button/interaction.test.d.ts +1 -0
  435. package/form/Checkbox/index.mdx +3 -5
  436. package/form/Checkbox/index.test/index.js +70 -0
  437. package/form/Checkbox/index.test/package.json +6 -0
  438. package/form/Checkbox/index.test.d.ts +1 -0
  439. package/form/Checkbox/interaction.test/index.js +90 -0
  440. package/form/Checkbox/interaction.test/package.json +6 -0
  441. package/form/Checkbox/interaction.test.d.ts +1 -0
  442. package/form/DateInputContainer/index.mdx +3 -5
  443. package/form/DateInputContainer/index.test/index.js +55 -0
  444. package/form/DateInputContainer/index.test/package.json +6 -0
  445. package/form/DateInputContainer/index.test.d.ts +1 -0
  446. package/form/DateInputContainer/interaction.test/index.js +46 -0
  447. package/form/DateInputContainer/interaction.test/package.json +6 -0
  448. package/form/DateInputContainer/interaction.test.d.ts +1 -0
  449. package/form/ErrorMessage/index.mdx +3 -5
  450. package/form/ErrorMessage/index.test/index.js +49 -0
  451. package/form/ErrorMessage/index.test/package.json +6 -0
  452. package/form/ErrorMessage/index.test.d.ts +1 -0
  453. package/form/FileUpload/index.mdx +3 -5
  454. package/form/FileUpload/index.test/index.js +46 -0
  455. package/form/FileUpload/index.test/package.json +6 -0
  456. package/form/FileUpload/index.test.d.ts +1 -0
  457. package/form/RadioContainer/index.mdx +2 -14
  458. package/form/RadioContainer/index.test/index.js +70 -0
  459. package/form/RadioContainer/index.test/package.json +6 -0
  460. package/form/RadioContainer/index.test.d.ts +1 -0
  461. package/form/RadioContainer/interaction.test/index.js +87 -0
  462. package/form/RadioContainer/interaction.test/package.json +6 -0
  463. package/form/RadioContainer/interaction.test.d.ts +1 -0
  464. package/form/SelectContainer/index.mdx +3 -1
  465. package/form/SelectContainer/index.test/index.js +52 -0
  466. package/form/SelectContainer/index.test/package.json +6 -0
  467. package/form/SelectContainer/index.test.d.ts +1 -0
  468. package/form/SelectContainer/interaction.test/index.js +43 -0
  469. package/form/SelectContainer/interaction.test/package.json +6 -0
  470. package/form/SelectContainer/interaction.test.d.ts +1 -0
  471. package/form/SingleCharacterInputs/index.mdx +3 -5
  472. package/form/SingleCharacterInputs/index.test/index.js +52 -0
  473. package/form/SingleCharacterInputs/index.test/package.json +6 -0
  474. package/form/SingleCharacterInputs/index.test.d.ts +1 -0
  475. package/form/TextArea/index.mdx +3 -5
  476. package/form/TextArea/index.test/index.js +64 -0
  477. package/form/TextArea/index.test/package.json +6 -0
  478. package/form/TextArea/index.test.d.ts +1 -0
  479. package/form/TextArea/interaction.test/index.js +84 -0
  480. package/form/TextArea/interaction.test/package.json +6 -0
  481. package/form/TextArea/interaction.test.d.ts +1 -0
  482. package/form/TextInput/TextInput.stories/index.js +1 -0
  483. package/form/TextInput/TextInput.stories.d.ts +1 -0
  484. package/form/TextInput/__stories__/DisabledInputWithValue/index.js +25 -0
  485. package/form/TextInput/__stories__/DisabledInputWithValue/package.json +6 -0
  486. package/form/TextInput/__stories__/DisabledInputWithValue.d.ts +3 -0
  487. package/form/TextInput/index.mdx +3 -5
  488. package/form/TextInput/index.test/index.js +70 -0
  489. package/form/TextInput/index.test/package.json +6 -0
  490. package/form/TextInput/index.test.d.ts +1 -0
  491. package/form/TextInput/interaction.test/index.js +46 -0
  492. package/form/TextInput/interaction.test/package.json +6 -0
  493. package/form/TextInput/interaction.test.d.ts +1 -0
  494. package/govgr/Footer/index.mdx +1 -1
  495. package/i18n/locales/el/index.js +2 -2
  496. package/i18n/locales/en/index.js +2 -2
  497. package/index.js +1 -1
  498. package/layouts/Basic/Basic.stories/index.js +2 -1
  499. package/layouts/Basic/Basic.stories.d.ts +1 -0
  500. package/layouts/Basic/Bottom/__stories__/Default/index.js +15 -0
  501. package/layouts/Basic/Bottom/__stories__/Default/package.json +6 -0
  502. package/layouts/Basic/Bottom/__stories__/Default.d.ts +3 -0
  503. package/layouts/Basic/Bottom/index.mdx +9 -28
  504. package/layouts/Basic/Container/__stories__/Default/index.js +13 -0
  505. package/layouts/Basic/Container/__stories__/Default/package.json +6 -0
  506. package/layouts/Basic/Container/__stories__/Default.d.ts +3 -0
  507. package/layouts/Basic/Container/index.mdx +23 -0
  508. package/layouts/Basic/Main/__stories__/Default/index.js +13 -0
  509. package/layouts/Basic/Main/__stories__/Default/package.json +6 -0
  510. package/layouts/Basic/Main/__stories__/Default.d.ts +3 -0
  511. package/layouts/Basic/Main/index.mdx +10 -47
  512. package/layouts/Basic/Top/__stories__/Default/index.js +13 -0
  513. package/layouts/Basic/Top/__stories__/Default/package.json +6 -0
  514. package/layouts/Basic/Top/__stories__/Default.d.ts +3 -0
  515. package/layouts/Basic/Top/index.mdx +10 -55
  516. package/layouts/Basic/__stories__/WithBasicLayout/index.js +12 -0
  517. package/layouts/Basic/__stories__/WithBasicLayout/package.json +6 -0
  518. package/layouts/Basic/__stories__/WithBasicLayout.d.ts +3 -0
  519. package/layouts/Basic/index.mdx +27 -25
  520. package/layouts/Basic/index.test/index.js +52 -0
  521. package/layouts/Basic/index.test/package.json +6 -0
  522. package/layouts/Basic/index.test.d.ts +1 -0
  523. package/layouts/Grid/index.mdx +39 -0
  524. package/layouts/Grid/index.test/index.js +49 -0
  525. package/layouts/Grid/index.test/package.json +6 -0
  526. package/layouts/Grid/index.test.d.ts +1 -0
  527. package/layouts/Screen/index.test/index.js +52 -0
  528. package/layouts/Screen/index.test/package.json +6 -0
  529. package/layouts/Screen/index.test.d.ts +1 -0
  530. package/layouts/Stack/index.test/index.js +58 -0
  531. package/layouts/Stack/index.test/package.json +6 -0
  532. package/layouts/Stack/index.test.d.ts +1 -0
  533. package/lazy/index.js +123 -102
  534. package/lazy.d.ts +270 -267
  535. package/navigation/BackLink/index.mdx +4 -5
  536. package/navigation/BackLink/index.test/index.js +43 -0
  537. package/navigation/BackLink/index.test/package.json +6 -0
  538. package/navigation/BackLink/index.test.d.ts +1 -0
  539. package/navigation/BackLink/interaction.test/index.js +43 -0
  540. package/navigation/BackLink/interaction.test/package.json +6 -0
  541. package/navigation/BackLink/interaction.test.d.ts +1 -0
  542. package/navigation/BackToTopLink/index.test/index.js +46 -0
  543. package/navigation/BackToTopLink/index.test/package.json +6 -0
  544. package/navigation/BackToTopLink/index.test.d.ts +1 -0
  545. package/navigation/Breadcrumbs/index.mdx +6 -5
  546. package/navigation/Breadcrumbs/index.test/index.js +43 -0
  547. package/navigation/Breadcrumbs/index.test/package.json +6 -0
  548. package/navigation/Breadcrumbs/index.test.d.ts +1 -0
  549. package/navigation/Breadcrumbs/interaction.test/index.js +49 -0
  550. package/navigation/Breadcrumbs/interaction.test/package.json +6 -0
  551. package/navigation/Breadcrumbs/interaction.test.d.ts +1 -0
  552. package/navigation/Drawer/auto/index.js +4 -2
  553. package/navigation/Drawer/auto.d.ts +3 -3
  554. package/navigation/Drawer/index.mdx +4 -10
  555. package/navigation/Drawer/index.test/index.js +49 -0
  556. package/navigation/Drawer/index.test/package.json +6 -0
  557. package/navigation/Drawer/index.test.d.ts +1 -0
  558. package/navigation/Dropdown/Dropdown.stories/index.js +1 -0
  559. package/navigation/Dropdown/Dropdown.stories.d.ts +1 -0
  560. package/navigation/Dropdown/Dropdown.stories.playwright.json +16 -0
  561. package/navigation/Dropdown/__stories__/ScrollableContent/index.js +61 -0
  562. package/navigation/Dropdown/__stories__/ScrollableContent/package.json +6 -0
  563. package/navigation/Dropdown/__stories__/ScrollableContent.d.ts +3 -0
  564. package/navigation/Dropdown/index.d.ts +1 -1
  565. package/navigation/Dropdown/index.mdx +3 -5
  566. package/navigation/Dropdown/index.test/index.js +73 -0
  567. package/navigation/Dropdown/index.test/package.json +6 -0
  568. package/navigation/Dropdown/index.test.d.ts +1 -0
  569. package/navigation/Dropdown/interaction.test/index.js +195 -0
  570. package/navigation/Dropdown/interaction.test/package.json +6 -0
  571. package/navigation/Dropdown/interaction.test.d.ts +1 -0
  572. package/navigation/Link/Link.stories/index.js +2 -1
  573. package/navigation/Link/Link.stories.d.ts +1 -0
  574. package/navigation/Link/__stories__/WithProvider/index.js +16 -0
  575. package/navigation/Link/__stories__/WithProvider/package.json +6 -0
  576. package/navigation/Link/__stories__/WithProvider.d.ts +3 -0
  577. package/navigation/Link/index.mdx +5 -15
  578. package/navigation/Link/index.test/index.js +61 -0
  579. package/navigation/Link/index.test/package.json +6 -0
  580. package/navigation/Link/index.test.d.ts +1 -0
  581. package/navigation/Link/interaction.test/index.js +125 -0
  582. package/navigation/Link/interaction.test/package.json +6 -0
  583. package/navigation/Link/interaction.test.d.ts +1 -0
  584. package/navigation/NavList/__stories__/Default/index.js +13 -1
  585. package/navigation/NavList/__stories__/HorizontalWithDrawer/index.js +34 -1
  586. package/navigation/NavList/__stories__/HorizontalWithoutDrawer/index.js +34 -1
  587. package/navigation/NavList/__stories__/NavListWithoutNav/index.js +13 -1
  588. package/navigation/NavList/__stories__/UsingNavListAuto/index.js +35 -2
  589. package/navigation/NavList/__stories__/Vertical/index.js +13 -1
  590. package/navigation/NavList/__stories__/VerticalWithoutDrawer/index.js +34 -1
  591. package/navigation/NavList/index.mdx +23 -7
  592. package/navigation/NavList/index.test/index.js +64 -0
  593. package/navigation/NavList/index.test/package.json +6 -0
  594. package/navigation/NavList/index.test.d.ts +1 -0
  595. package/navigation/NavList/types.d.ts +1 -2
  596. package/navigation/Pagination/__stories__/PaginationWithSmallFont/index.js +1 -1
  597. package/navigation/Pagination/__stories__/WithResultsPerPage/index.js +1 -1
  598. package/navigation/Pagination/auto.d.ts +4 -4
  599. package/navigation/Pagination/index.d.ts +2 -2
  600. package/navigation/Pagination/index.mdx +9 -5
  601. package/navigation/Pagination/index.test/index.js +61 -0
  602. package/navigation/Pagination/index.test/package.json +6 -0
  603. package/navigation/Pagination/index.test.d.ts +1 -0
  604. package/navigation/Pagination/interaction.test/index.js +46 -0
  605. package/{utils/Kitchensink/KitchensinkComponent → navigation/Pagination/interaction.test}/package.json +1 -1
  606. package/navigation/Pagination/interaction.test.d.ts +1 -0
  607. package/navigation/SkipLink/index.test/index.js +43 -0
  608. package/navigation/SkipLink/index.test/package.json +6 -0
  609. package/navigation/SkipLink/index.test.d.ts +1 -0
  610. package/navigation/Tabs/auto.d.ts +2 -2
  611. package/navigation/Tabs/index.mdx +9 -5
  612. package/navigation/Tabs/index.test/index.js +49 -0
  613. package/navigation/Tabs/index.test/package.json +6 -0
  614. package/navigation/Tabs/index.test.d.ts +1 -0
  615. package/navigation/Tabs/interaction.test/index.js +46 -0
  616. package/navigation/Tabs/interaction.test/package.json +6 -0
  617. package/navigation/Tabs/interaction.test.d.ts +1 -0
  618. package/package.json +8 -10
  619. package/registry/index.js +8 -12
  620. package/registry.d.ts +5 -6
  621. package/src/app/BannerContainer/index.test.tsx +20 -0
  622. package/src/app/Footer/index.mdx +18 -5
  623. package/src/app/Footer/index.test.tsx +48 -0
  624. package/src/app/Footer/interaction.test.tsx +17 -0
  625. package/src/app/Header/index.mdx +7 -5
  626. package/src/app/Header/index.test.tsx +36 -0
  627. package/src/app/Loader/index.test.tsx +20 -0
  628. package/src/app/Masthead/index.mdx +9 -4
  629. package/src/app/Masthead/index.test.tsx +28 -0
  630. package/src/app/Masthead/interaction.test.tsx +15 -0
  631. package/src/app/Modal/Modal.stories.js +1 -0
  632. package/src/app/Modal/__stories__/WithoutModalGaps.tsx +52 -0
  633. package/src/app/Modal/auto.tsx +2 -2
  634. package/src/app/Modal/index.mdx +11 -4
  635. package/src/app/Modal/index.test.tsx +36 -0
  636. package/src/app/Modal/index.tsx +3 -3
  637. package/src/app/Modal/interaction.test.tsx +41 -0
  638. package/src/app/NotFound/index.mdx +2 -0
  639. package/src/app/NotFound/index.test.tsx +20 -0
  640. package/src/app/Panel/index.mdx +9 -4
  641. package/src/app/Panel/index.test.tsx +20 -0
  642. package/src/app/PhaseBannerHeader/index.mdx +4 -4
  643. package/src/app/PhaseBannerHeader/index.test.tsx +20 -0
  644. package/src/app/QrCodeViewer/index.mdx +4 -4
  645. package/src/app/QrCodeViewer/index.test.tsx +24 -0
  646. package/src/app/QrCodeViewer/index.tsx +2 -0
  647. package/src/app/Skeleton/Skeleton.stories.js +19 -0
  648. package/src/app/Skeleton/__stories__/Button.tsx +6 -0
  649. package/src/app/Skeleton/__stories__/Circular.tsx +8 -0
  650. package/src/app/Skeleton/__stories__/Default.tsx +6 -0
  651. package/src/app/Skeleton/__stories__/NoAnimation.tsx +6 -0
  652. package/src/app/Skeleton/__stories__/Rectangular.tsx +8 -0
  653. package/src/app/Skeleton/__stories__/SpecificWidthAndHeight.tsx +8 -0
  654. package/src/app/Skeleton/__stories__/TextSizes.tsx +14 -0
  655. package/src/app/Skeleton/__stories__/UnderTypography.tsx +17 -0
  656. package/src/app/Skeleton/__stories__/WithChildren.tsx +11 -0
  657. package/src/app/Skeleton/index.tsx +4 -0
  658. package/src/app/ThemeOptions/index.tsx +1 -1
  659. package/src/content/Accordion/__stories__/Auto.tsx +2 -2
  660. package/src/content/Accordion/auto.tsx +1 -1
  661. package/src/content/Accordion/hooks.ts +0 -1
  662. package/src/content/Accordion/index.mdx +9 -5
  663. package/src/content/Accordion/index.test.tsx +32 -0
  664. package/src/content/Accordion/interaction.test.tsx +15 -0
  665. package/src/content/Blockquote/index.mdx +3 -5
  666. package/src/content/Blockquote/index.test.tsx +24 -0
  667. package/src/content/Card/index.mdx +3 -5
  668. package/src/content/Card/index.test.tsx +60 -0
  669. package/src/content/Chip/index.mdx +4 -5
  670. package/src/content/Chip/index.test.tsx +36 -0
  671. package/src/content/Details/Details.stories.playwright.json +1 -7
  672. package/src/content/Details/index.mdx +3 -5
  673. package/src/content/Details/index.test.tsx +20 -0
  674. package/src/content/Details/interaction.test.tsx +15 -0
  675. package/src/content/List/__stories__/Default.tsx +3 -4
  676. package/src/content/List/index.mdx +3 -5
  677. package/src/content/List/index.test.tsx +40 -0
  678. package/src/content/SafeHTML/index.tsx +3 -4
  679. package/src/content/StepNav/index.mdx +28 -5
  680. package/src/content/StepNav/index.test.tsx +36 -0
  681. package/src/content/StepNav/interaction.test.tsx +18 -0
  682. package/src/content/SummaryList/index.mdx +10 -5
  683. package/src/content/SummaryList/index.test.tsx +40 -0
  684. package/src/content/SummaryList/interaction.test.tsx +17 -0
  685. package/src/content/Table/__stories__/WithLoader.tsx +1 -0
  686. package/src/content/Table/index.mdx +13 -14
  687. package/src/content/Table/index.test.tsx +92 -0
  688. package/src/content/Table/index.tsx +2 -2
  689. package/src/content/Table/interaction.test.tsx +15 -0
  690. package/src/content/TaskList/index.mdx +9 -5
  691. package/src/content/TaskList/index.test.tsx +24 -0
  692. package/src/content/Timeline/index.mdx +10 -5
  693. package/src/content/Timeline/index.test.tsx +24 -0
  694. package/src/feedback/CopyToClipboard/index.mdx +3 -5
  695. package/src/feedback/CopyToClipboard/index.test.tsx +28 -0
  696. package/src/feedback/CopyToClipboard/interaction.test.tsx +41 -0
  697. package/src/feedback/ErrorSummary/index.mdx +3 -5
  698. package/src/feedback/ErrorSummary/index.test.tsx +40 -0
  699. package/src/feedback/NotificationBanner/index.mdx +14 -5
  700. package/src/feedback/NotificationBanner/index.test.tsx +28 -0
  701. package/src/feedback/NotificationBanner/interaction.test.tsx +32 -0
  702. package/src/feedback/PhaseBanner/index.mdx +8 -5
  703. package/src/feedback/PhaseBanner/index.test.tsx +24 -0
  704. package/src/feedback/PhaseBanner/interaction.test.tsx +15 -0
  705. package/src/feedback/WarningText/index.mdx +5 -5
  706. package/src/feedback/WarningText/index.test.tsx +28 -0
  707. package/src/form/AutoComplete/AutoComplete.stories.js +4 -1
  708. package/src/form/AutoComplete/AutoComplete.stories.playwright.json +33 -0
  709. package/src/form/AutoComplete/Status/index.tsx +10 -6
  710. package/src/form/AutoComplete/__stories__/Multiple.tsx +18 -0
  711. package/src/form/AutoComplete/__stories__/{WithInLine.tsx → MultipleShowingTwoSelected.tsx} +3 -8
  712. package/src/form/AutoComplete/__stories__/MultipleWithDefaultValues.tsx +16 -0
  713. package/src/form/AutoComplete/__stories__/MultipleWithMinLength.tsx +29 -0
  714. package/src/form/AutoComplete/__stories__/WithShowAllValues.tsx +0 -1
  715. package/src/form/AutoComplete/index.mdx +13 -20
  716. package/src/form/AutoComplete/index.test.tsx +56 -0
  717. package/src/form/AutoComplete/index.tsx +367 -215
  718. package/src/form/AutoComplete/interaction.test.tsx +18 -0
  719. package/src/form/AutoComplete/utils.ts +3 -2
  720. package/src/form/Button/Button.stories.playwright.json +1 -7
  721. package/src/form/Button/index.mdx +3 -5
  722. package/src/form/Button/index.test.tsx +64 -0
  723. package/src/form/Button/interaction.test.tsx +60 -0
  724. package/src/form/Checkbox/index.mdx +3 -5
  725. package/src/form/Checkbox/index.test.tsx +56 -0
  726. package/src/form/Checkbox/interaction.test.tsx +32 -0
  727. package/src/form/DateInputContainer/index.mdx +3 -5
  728. package/src/form/DateInputContainer/index.test.tsx +36 -0
  729. package/src/form/DateInputContainer/interaction.test.tsx +17 -0
  730. package/src/form/ErrorMessage/index.mdx +3 -5
  731. package/src/form/ErrorMessage/index.test.tsx +28 -0
  732. package/src/form/FileUpload/index.mdx +3 -5
  733. package/src/form/FileUpload/index.test.tsx +24 -0
  734. package/src/form/RadioContainer/index.mdx +2 -14
  735. package/src/form/RadioContainer/index.test.tsx +56 -0
  736. package/src/form/RadioContainer/interaction.test.tsx +31 -0
  737. package/src/form/SelectContainer/index.mdx +3 -1
  738. package/src/form/SelectContainer/index.test.tsx +32 -0
  739. package/src/form/SelectContainer/interaction.test.tsx +15 -0
  740. package/src/form/SingleCharacterInputs/index.mdx +3 -5
  741. package/src/form/SingleCharacterInputs/index.test.tsx +32 -0
  742. package/src/form/TextArea/index.mdx +3 -5
  743. package/src/form/TextArea/index.test.tsx +48 -0
  744. package/src/form/TextArea/interaction.test.tsx +30 -0
  745. package/src/form/TextInput/TextInput.stories.js +1 -0
  746. package/src/form/TextInput/__stories__/DisabledInputWithValue.tsx +27 -0
  747. package/src/form/TextInput/index.mdx +3 -5
  748. package/src/form/TextInput/index.test.tsx +56 -0
  749. package/src/form/TextInput/interaction.test.tsx +17 -0
  750. package/src/govgr/Footer/index.mdx +1 -1
  751. package/src/i18n/locales/el.ts +2 -2
  752. package/src/i18n/locales/en.ts +2 -2
  753. package/src/layouts/Basic/Basic.stories.js +1 -0
  754. package/src/layouts/Basic/Bottom/__stories__/Default.tsx +35 -0
  755. package/src/layouts/Basic/Bottom/index.mdx +9 -28
  756. package/src/layouts/Basic/Container/__stories__/Default.tsx +30 -0
  757. package/src/layouts/Basic/Container/index.mdx +23 -0
  758. package/src/layouts/Basic/Main/__stories__/Default.tsx +30 -0
  759. package/src/layouts/Basic/Main/index.mdx +10 -47
  760. package/src/layouts/Basic/Top/__stories__/Default.tsx +28 -0
  761. package/src/layouts/Basic/Top/index.mdx +10 -55
  762. package/src/layouts/Basic/__stories__/MultipleRowsLayout.tsx +1 -0
  763. package/src/layouts/Basic/__stories__/WithBasicLayout.tsx +20 -0
  764. package/src/layouts/Basic/index.mdx +27 -25
  765. package/src/layouts/Basic/index.test.tsx +32 -0
  766. package/src/layouts/Grid/index.mdx +39 -0
  767. package/src/layouts/Grid/index.test.tsx +28 -0
  768. package/src/layouts/Screen/index.test.tsx +32 -0
  769. package/src/layouts/Stack/index.test.tsx +40 -0
  770. package/src/lazy.js +19 -16
  771. package/src/navigation/BackLink/index.mdx +4 -5
  772. package/src/navigation/BackLink/index.test.tsx +20 -0
  773. package/src/navigation/BackLink/interaction.test.tsx +15 -0
  774. package/src/navigation/BackToTopLink/index.test.tsx +24 -0
  775. package/src/navigation/Breadcrumbs/index.mdx +6 -5
  776. package/src/navigation/Breadcrumbs/index.test.tsx +20 -0
  777. package/src/navigation/Breadcrumbs/interaction.test.tsx +18 -0
  778. package/src/navigation/Drawer/auto.tsx +2 -2
  779. package/src/navigation/Drawer/index.mdx +4 -10
  780. package/src/navigation/Drawer/index.test.tsx +28 -0
  781. package/src/navigation/Dropdown/Dropdown.stories.js +1 -0
  782. package/src/navigation/Dropdown/Dropdown.stories.playwright.json +16 -0
  783. package/src/navigation/Dropdown/__stories__/ScrollableContent.tsx +82 -0
  784. package/src/navigation/Dropdown/index.mdx +3 -5
  785. package/src/navigation/Dropdown/index.test.tsx +60 -0
  786. package/src/navigation/Dropdown/interaction.test.tsx +67 -0
  787. package/src/navigation/Link/Link.stories.js +1 -0
  788. package/src/navigation/Link/__stories__/WithProvider.tsx +16 -0
  789. package/src/navigation/Link/index.mdx +5 -15
  790. package/src/navigation/Link/index.test.tsx +44 -0
  791. package/src/navigation/Link/interaction.test.tsx +45 -0
  792. package/src/navigation/NavList/__stories__/Default.tsx +18 -1
  793. package/src/navigation/NavList/__stories__/HorizontalWithDrawer.tsx +37 -1
  794. package/src/navigation/NavList/__stories__/HorizontalWithoutDrawer.tsx +37 -1
  795. package/src/navigation/NavList/__stories__/NavListWithoutNav.tsx +18 -1
  796. package/src/navigation/NavList/__stories__/UsingNavListAuto.tsx +39 -2
  797. package/src/navigation/NavList/__stories__/Vertical.tsx +18 -1
  798. package/src/navigation/NavList/__stories__/VerticalWithoutDrawer.tsx +37 -1
  799. package/src/navigation/NavList/index.mdx +23 -7
  800. package/src/navigation/NavList/index.test.tsx +48 -0
  801. package/src/navigation/NavList/types.tsx +1 -2
  802. package/src/navigation/Pagination/__stories__/PaginationWithSmallFont.tsx +1 -1
  803. package/src/navigation/Pagination/__stories__/WithResultsPerPage.tsx +1 -1
  804. package/src/navigation/Pagination/index.mdx +9 -5
  805. package/src/navigation/Pagination/index.test.tsx +44 -0
  806. package/src/navigation/Pagination/interaction.test.tsx +17 -0
  807. package/src/navigation/SkipLink/index.test.tsx +20 -0
  808. package/src/navigation/Tabs/index.mdx +9 -5
  809. package/src/navigation/Tabs/index.test.tsx +28 -0
  810. package/src/navigation/Tabs/interaction.test.tsx +17 -0
  811. package/src/registry.js +8 -12
  812. package/src/typography/Heading/index.mdx +3 -5
  813. package/src/typography/Heading/index.test.tsx +20 -0
  814. package/src/typography/HeadingCaption/index.mdx +3 -5
  815. package/src/typography/HeadingCaption/index.test.tsx +24 -0
  816. package/src/typography/Hint/index.mdx +3 -5
  817. package/src/typography/Hint/index.test.tsx +24 -0
  818. package/src/typography/NormalText/index.mdx +3 -5
  819. package/src/typography/NormalText/index.test.tsx +32 -0
  820. package/src/typography/Paragraph/index.mdx +9 -30
  821. package/src/typography/Paragraph/index.test.tsx +36 -0
  822. package/src/typography/Typography/index.mdx +12 -0
  823. package/src/typography/Typography/index.tsx +4 -0
  824. package/src/typography/index.ts +1 -0
  825. package/src/utils/Base/index.mdx +13 -0
  826. package/src/utils/TestVariant/index.tsx +25 -0
  827. package/src/utils/VisuallyHidden/index.mdx +10 -5
  828. package/src/utils/VisuallyHidden/index.test.tsx +20 -0
  829. package/typography/Heading/index.mdx +3 -5
  830. package/typography/Heading/index.test/index.js +43 -0
  831. package/typography/Heading/index.test/package.json +6 -0
  832. package/typography/Heading/index.test.d.ts +1 -0
  833. package/typography/HeadingCaption/index.mdx +3 -5
  834. package/typography/HeadingCaption/index.test/index.js +46 -0
  835. package/typography/HeadingCaption/index.test/package.json +6 -0
  836. package/typography/HeadingCaption/index.test.d.ts +1 -0
  837. package/typography/Hint/index.mdx +3 -5
  838. package/typography/Hint/index.test/index.js +46 -0
  839. package/typography/Hint/index.test/package.json +6 -0
  840. package/typography/Hint/index.test.d.ts +1 -0
  841. package/typography/NormalText/index.mdx +3 -5
  842. package/typography/NormalText/index.test/index.js +52 -0
  843. package/typography/NormalText/index.test/package.json +6 -0
  844. package/typography/NormalText/index.test.d.ts +1 -0
  845. package/typography/Paragraph/index.mdx +9 -30
  846. package/typography/Paragraph/index.test/index.js +55 -0
  847. package/typography/Paragraph/index.test/package.json +6 -0
  848. package/typography/Paragraph/index.test.d.ts +1 -0
  849. package/typography/Typography/index.d.ts +3 -0
  850. package/typography/Typography/index.js +3 -0
  851. package/typography/Typography/index.mdx +12 -0
  852. package/typography/Typography/package.json +6 -0
  853. package/typography/index.d.ts +1 -0
  854. package/typography/index.js +2 -1
  855. package/utils/Base/index.mdx +13 -0
  856. package/utils/TestVariant/index.d.ts +7 -0
  857. package/utils/TestVariant/index.js +18 -0
  858. package/utils/TestVariant/package.json +6 -0
  859. package/utils/VisuallyHidden/index.mdx +10 -5
  860. package/utils/VisuallyHidden/index.test/index.js +43 -0
  861. package/utils/VisuallyHidden/index.test/package.json +6 -0
  862. package/utils/VisuallyHidden/index.test.d.ts +1 -0
  863. package/cjs/content/List/List.stories.playwright.json +0 -27
  864. package/cjs/layouts/Basic/Masthead/index.mdx +0 -65
  865. package/cjs/misc/KitchenSink/index.js +0 -93
  866. package/cjs/utils/Kitchensink/AllComponents/index.js +0 -16
  867. package/cjs/utils/Kitchensink/KitchensinkByCategory/index.js +0 -39
  868. package/cjs/utils/Kitchensink/KitchensinkByLetter/index.js +0 -26
  869. package/cjs/utils/Kitchensink/KitchensinkComponent/index.js +0 -55
  870. package/cjs/utils/Kitchensink/KitchensinkDashboard/index.js +0 -47
  871. package/content/List/List.stories.playwright.json +0 -27
  872. package/form/AutoComplete/__stories__/WithInLine.d.ts +0 -3
  873. package/layouts/Basic/Masthead/index.mdx +0 -65
  874. package/misc/KitchenSink/index.d.ts +0 -8
  875. package/misc/KitchenSink/index.js +0 -8
  876. package/src/content/List/List.stories.playwright.json +0 -27
  877. package/src/layouts/Basic/Masthead/index.mdx +0 -65
  878. package/src/misc/KitchenSink/index.tsx +0 -8
  879. package/src/utils/Kitchensink/AllComponents.tsx +0 -6
  880. package/src/utils/Kitchensink/KitchensinkByCategory.tsx +0 -56
  881. package/src/utils/Kitchensink/KitchensinkByLetter.tsx +0 -35
  882. package/src/utils/Kitchensink/KitchensinkComponent.tsx +0 -70
  883. package/src/utils/Kitchensink/KitchensinkDashboard.tsx +0 -56
  884. package/utils/Kitchensink/AllComponents/index.js +0 -9
  885. package/utils/Kitchensink/AllComponents.d.ts +0 -2
  886. package/utils/Kitchensink/KitchensinkByCategory/index.js +0 -32
  887. package/utils/Kitchensink/KitchensinkByCategory.d.ts +0 -6
  888. package/utils/Kitchensink/KitchensinkByLetter/index.js +0 -19
  889. package/utils/Kitchensink/KitchensinkByLetter.d.ts +0 -6
  890. package/utils/Kitchensink/KitchensinkComponent/index.js +0 -45
  891. package/utils/Kitchensink/KitchensinkComponent.d.ts +0 -10
  892. package/utils/Kitchensink/KitchensinkDashboard/index.js +0 -40
  893. package/utils/Kitchensink/KitchensinkDashboard.d.ts +0 -5
@@ -1,47 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.KitchenSinkDashboard = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var _KitchenSinkAllComponents = require("@digigov/react-core/cjs/KitchenSinkAllComponents");
10
- var _Paragraph = _interopRequireDefault(require("@digigov/react-core/cjs/Paragraph"));
11
- var _KitchensinkByCategory = require("@digigov/ui/utils/Kitchensink/KitchensinkByCategory");
12
- var _ref2 = /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], {
13
- fontSize: 72,
14
- fontWeight: "bold"
15
- }, "Components");
16
- var KitchenSinkDashboard = exports.KitchenSinkDashboard = function KitchenSinkDashboard(_ref) {
17
- var stories = _ref.stories;
18
- var categoryOrder = Object.keys(stories).reduce(function (catStories, componentStoriesKey) {
19
- var componentStories = stories[componentStoriesKey];
20
- if (componentStories["default"].ignore) {
21
- return catStories;
22
- }
23
- if (!componentStories["default"].component) {
24
- throw new Error("no component was found in ".concat(componentStoriesKey));
25
- }
26
- var title = componentStories["default"].title.split('/')[1];
27
- if (!title) {
28
- throw new Error("no title was found for ".concat(componentStoriesKey));
29
- }
30
- var category = title;
31
- if (catStories[category]) {
32
- catStories[category].push(componentStories);
33
- } else {
34
- catStories[category] = [componentStories];
35
- }
36
- return catStories;
37
- }, {});
38
- return /*#__PURE__*/_react["default"].createElement("div", null, _ref2, /*#__PURE__*/_react["default"].createElement(_KitchenSinkAllComponents.KitchenSinkAllComponents, null, Object.keys(categoryOrder).sort(function (a, b) {
39
- return a > b ? -1 : 1;
40
- }).map(function (category, index) {
41
- return /*#__PURE__*/_react["default"].createElement(_KitchensinkByCategory.KitchensinkByCategory, {
42
- category: category,
43
- stories: categoryOrder[category],
44
- key: index
45
- });
46
- })));
47
- };
@@ -1,27 +0,0 @@
1
- {
2
- "version": "4",
3
- "stories": {
4
- "digigov-ui-content-list--default": {
5
- "actionSets": [
6
- {
7
- "actions": [
8
- {
9
- "name": "keyboard.press",
10
- "args": {
11
- "key": "Tab"
12
- }
13
- },
14
- {
15
- "name": "keyboard.press",
16
- "args": {
17
- "key": "Tab"
18
- }
19
- }
20
- ],
21
- "id": "HP7t7DFo8MEt",
22
- "title": "Navigate with tab"
23
- }
24
- ]
25
- }
26
- }
27
- }
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const WithInLine: () => JSX.Element;
3
- export default WithInLine;
@@ -1,65 +0,0 @@
1
- ---
2
- id: masthead
3
- title: Masthead
4
- parent: docs/ui/components
5
- ---
6
-
7
- # Masthead
8
-
9
- ```jsx live path=layouts/Basic/index.tsx
10
- import Header, { HeaderTitle } from '@digigov/ui/app/Header';
11
- import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
12
- import Grid from '@digigov/react-core/Grid';
13
- import Paragraph from '@digigov/ui/typography/Paragraph';
14
- import PhaseBanner, { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';
15
-
16
- function Masthead{
17
-
18
- return (
19
- <BasicLayout>
20
- <Top>
21
- <Header>
22
- <GovGRLogo />
23
- <HeaderTitle>
24
- <PhaseBanner>
25
- <PhaseBannerTag>ALPHA</PhaseBannerTag>
26
- </PhaseBanner>
27
- </HeaderTitle>
28
- </Header>
29
- </Top>
30
- <Masthead>
31
- <Caption>Powered by GRNET</Caption>
32
- <Title size="xl">
33
- Digigov creates tools that help teams build GOV.GR services
34
- </Title>
35
- <Paragraph>
36
- Here you can find everything you&apos;d need to get started
37
- building your shiny new service. We build and maintain libraries
38
- SDKs that they help you create dynamic and responsive user
39
- interface for a variety of devices.
40
- </Paragraph>
41
- </Masthead>
42
- <Container>
43
- Lorem ipsum dolor sit amet, consectetur adipiscing elit,
44
- sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
45
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
46
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
47
- Excepteur sint occaecat cupidatat non proident,
48
- sunt in culpa qui officia deserunt mollit anim id est laborum.
49
- </Container>
50
- </BasicLayout>
51
- )
52
- }
53
- export Masthead
54
-
55
- ```
56
-
57
- <br />
58
-
59
- ## How it works
60
-
61
- The Masthead component is a set of features or layout that marks the page and delivers identifying information to web users.
62
-
63
- ## API
64
-
65
- <PropTypes packageName="@digigov/ui" component="Masthead" />
@@ -1,8 +0,0 @@
1
- export * from '@digigov/react-core/KitchenSinkAllComponents';
2
- export * from '@digigov/react-core/KitchenSinkCard';
3
- export * from '@digigov/react-core/KitchenSinkCategory';
4
- export * from '@digigov/react-core/KitchenSinkContent';
5
- export * from '@digigov/react-core/KitchenSinkContentInfo';
6
- export * from '@digigov/react-core/KitchenSinkContentTags';
7
- export * from '@digigov/react-core/KitchenSinkHeading';
8
- export * from '@digigov/react-core/KitchenSinkLetterContent';
@@ -1,8 +0,0 @@
1
- export * from '@digigov/react-core/KitchenSinkAllComponents';
2
- export * from '@digigov/react-core/KitchenSinkCard';
3
- export * from '@digigov/react-core/KitchenSinkCategory';
4
- export * from '@digigov/react-core/KitchenSinkContent';
5
- export * from '@digigov/react-core/KitchenSinkContentInfo';
6
- export * from '@digigov/react-core/KitchenSinkContentTags';
7
- export * from '@digigov/react-core/KitchenSinkHeading';
8
- export * from '@digigov/react-core/KitchenSinkLetterContent';
@@ -1,27 +0,0 @@
1
- {
2
- "version": "4",
3
- "stories": {
4
- "digigov-ui-content-list--default": {
5
- "actionSets": [
6
- {
7
- "actions": [
8
- {
9
- "name": "keyboard.press",
10
- "args": {
11
- "key": "Tab"
12
- }
13
- },
14
- {
15
- "name": "keyboard.press",
16
- "args": {
17
- "key": "Tab"
18
- }
19
- }
20
- ],
21
- "id": "HP7t7DFo8MEt",
22
- "title": "Navigate with tab"
23
- }
24
- ]
25
- }
26
- }
27
- }
@@ -1,65 +0,0 @@
1
- ---
2
- id: masthead
3
- title: Masthead
4
- parent: docs/ui/components
5
- ---
6
-
7
- # Masthead
8
-
9
- ```jsx live path=layouts/Basic/index.tsx
10
- import Header, { HeaderTitle } from '@digigov/ui/app/Header';
11
- import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
12
- import Grid from '@digigov/react-core/Grid';
13
- import Paragraph from '@digigov/ui/typography/Paragraph';
14
- import PhaseBanner, { PhaseBannerTag } from '@digigov/ui/feedback/PhaseBanner';
15
-
16
- function Masthead{
17
-
18
- return (
19
- <BasicLayout>
20
- <Top>
21
- <Header>
22
- <GovGRLogo />
23
- <HeaderTitle>
24
- <PhaseBanner>
25
- <PhaseBannerTag>ALPHA</PhaseBannerTag>
26
- </PhaseBanner>
27
- </HeaderTitle>
28
- </Header>
29
- </Top>
30
- <Masthead>
31
- <Caption>Powered by GRNET</Caption>
32
- <Title size="xl">
33
- Digigov creates tools that help teams build GOV.GR services
34
- </Title>
35
- <Paragraph>
36
- Here you can find everything you&apos;d need to get started
37
- building your shiny new service. We build and maintain libraries
38
- SDKs that they help you create dynamic and responsive user
39
- interface for a variety of devices.
40
- </Paragraph>
41
- </Masthead>
42
- <Container>
43
- Lorem ipsum dolor sit amet, consectetur adipiscing elit,
44
- sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
45
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
46
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
47
- Excepteur sint occaecat cupidatat non proident,
48
- sunt in culpa qui officia deserunt mollit anim id est laborum.
49
- </Container>
50
- </BasicLayout>
51
- )
52
- }
53
- export Masthead
54
-
55
- ```
56
-
57
- <br />
58
-
59
- ## How it works
60
-
61
- The Masthead component is a set of features or layout that marks the page and delivers identifying information to web users.
62
-
63
- ## API
64
-
65
- <PropTypes packageName="@digigov/ui" component="Masthead" />
@@ -1,8 +0,0 @@
1
- export * from '@digigov/react-core/KitchenSinkAllComponents';
2
- export * from '@digigov/react-core/KitchenSinkCard';
3
- export * from '@digigov/react-core/KitchenSinkCategory';
4
- export * from '@digigov/react-core/KitchenSinkContent';
5
- export * from '@digigov/react-core/KitchenSinkContentInfo';
6
- export * from '@digigov/react-core/KitchenSinkContentTags';
7
- export * from '@digigov/react-core/KitchenSinkHeading';
8
- export * from '@digigov/react-core/KitchenSinkLetterContent';
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
-
3
- import { stories } from '@digigov/ui/registry';
4
- import { KitchenSinkDashboard } from '@digigov/ui/utils/Kitchensink/KitchensinkDashboard';
5
-
6
- export const AllComponents = () => <KitchenSinkDashboard stories={stories} />;
@@ -1,56 +0,0 @@
1
- import React from 'react';
2
- import {
3
- KitchenSinkCategory,
4
- KitchenSinkHeading,
5
- } from '@digigov/ui/misc/KitchenSink';
6
- import { KitchensinkByLetter } from '@digigov/ui/utils/Kitchensink/KitchensinkByLetter';
7
-
8
- export interface KitchensinkByCategoryInterface {
9
- category: string;
10
- stories: React.ReactElement[];
11
- }
12
-
13
- export const KitchensinkByCategory = ({
14
- category,
15
- stories,
16
- }: KitchensinkByCategoryInterface) => {
17
- const alphabeticalOrder = Object.keys(stories).reduce(
18
- (abStories, componentStoriesKey) => {
19
- const componentStories = stories[componentStoriesKey];
20
- if (!componentStories.default.component) {
21
- throw new Error(`no component was found in ${componentStoriesKey}`);
22
- }
23
- const name = componentStories.default.displayName;
24
- console.log('componentStories', componentStories, 'stories', stories);
25
- if (!name) {
26
- throw new Error(`no name was found for ${componentStoriesKey}`);
27
- }
28
- const letter = name[0];
29
- if (abStories[letter]) {
30
- abStories[letter].push(componentStories);
31
- } else {
32
- abStories[letter] = [componentStories];
33
- }
34
- return abStories;
35
- },
36
- {}
37
- );
38
- return (
39
- <div>
40
- <KitchenSinkHeading>{category}</KitchenSinkHeading>
41
- <KitchenSinkCategory>
42
- {Object.keys(alphabeticalOrder)
43
- .sort()
44
- .map((letter, index) => {
45
- return (
46
- <KitchensinkByLetter
47
- letter={letter}
48
- stories={alphabeticalOrder[letter]}
49
- key={index}
50
- />
51
- );
52
- })}
53
- </KitchenSinkCategory>
54
- </div>
55
- );
56
- };
@@ -1,35 +0,0 @@
1
- import React from 'react';
2
- import Heading from '@digigov/react-core/Heading';
3
- import { KitchenSinkLetterContent } from '@digigov/react-core/KitchenSinkLetterContent';
4
- import { KitchensinkComponent } from '@digigov/ui/utils/Kitchensink/KitchensinkComponent';
5
-
6
- export interface KitchensinkByLetterInterface {
7
- letter: string;
8
- stories: any;
9
- }
10
-
11
- export const KitchensinkByLetter = ({
12
- letter,
13
- stories,
14
- }: KitchensinkByLetterInterface) => {
15
- return (
16
- <div>
17
- <Heading>{letter}</Heading>
18
- <KitchenSinkLetterContent>
19
- {stories.map((story, index) => {
20
- return (
21
- <KitchensinkComponent
22
- tags={story.default.tags}
23
- title={story.default.displayName}
24
- description={story.default.description}
25
- link={story.default.link}
26
- width={story.default.defaultWidth}
27
- stories={story}
28
- key={index}
29
- />
30
- );
31
- })}
32
- </KitchenSinkLetterContent>
33
- </div>
34
- );
35
- };
@@ -1,70 +0,0 @@
1
- import React from 'react';
2
- import { KitchenSinkCard } from '@digigov/react-core/KitchenSinkCard';
3
- import { KitchenSinkContent } from '@digigov/react-core/KitchenSinkContent';
4
- import { KitchenSinkContentInfo } from '@digigov/react-core/KitchenSinkContentInfo';
5
- import { KitchenSinkContentTags } from '@digigov/react-core/KitchenSinkContentTags';
6
- import PhaseBanner, {
7
- PhaseBannerTag,
8
- PhaseBannerText,
9
- } from '@digigov/ui/feedback/PhaseBanner';
10
- import SectionBreak from '@digigov/ui/layouts/SectionBreak';
11
- import Link from '@digigov/ui/navigation/Link';
12
- import { Paragraph } from '@digigov/ui/typography';
13
- import Heading from '@digigov/ui/typography/Heading';
14
-
15
- export interface KitchensinkComponentInterface {
16
- tags?: string[]; // ex. Experimental
17
- title: string;
18
- description?: string;
19
- link?: string;
20
- stories: React.ReactElement[];
21
- width?: 'md' | 'lg';
22
- }
23
- export const KitchensinkComponent = ({
24
- tags = [],
25
- title,
26
- description,
27
- link,
28
- stories,
29
- width = 'md',
30
- }: KitchensinkComponentInterface) => {
31
- return (
32
- <KitchenSinkContent wide={width === 'lg'}>
33
- <KitchenSinkContentInfo>
34
- <KitchenSinkContentTags>
35
- {tags &&
36
- tags.map((tag, index) => {
37
- return (
38
- <PhaseBanner key={index}>
39
- <PhaseBannerTag>{tag}</PhaseBannerTag>
40
- <PhaseBannerText>
41
- Αυτή είναι μία νέα υπηρεσία – τα{' '}
42
- <Link href="#feedback">σχόλιά</Link> σας θα μας βοηθήσουν να
43
- τη βελτιώσουμε.
44
- </PhaseBannerText>
45
- </PhaseBanner>
46
- );
47
- })}
48
- </KitchenSinkContentTags>
49
- <Heading size="lg">{title}</Heading>
50
- <Paragraph>{description}</Paragraph>
51
- {link && <Link href={link}>View on GOV.GR Design System</Link>}
52
- <SectionBreak />
53
- </KitchenSinkContentInfo>
54
- {Object.keys(stories)
55
- .filter((story) => story !== 'default')
56
- .map((story, index) => {
57
- const Component = stories[story];
58
- return (
59
- <div key={index}>
60
- <SectionBreak />
61
- <Heading size="sm">{story}</Heading>
62
- <KitchenSinkCard>
63
- <Component />
64
- </KitchenSinkCard>
65
- </div>
66
- );
67
- })}
68
- </KitchenSinkContent>
69
- );
70
- };
@@ -1,56 +0,0 @@
1
- import React from 'react';
2
- import { KitchenSinkAllComponents } from '@digigov/react-core/KitchenSinkAllComponents';
3
- import Paragraph from '@digigov/react-core/Paragraph';
4
- import { KitchensinkByCategory } from '@digigov/ui/utils/Kitchensink/KitchensinkByCategory';
5
-
6
- export interface KitchenSinkDashboardInterface {
7
- stories: any;
8
- }
9
-
10
- export const KitchenSinkDashboard = ({
11
- stories,
12
- }: KitchenSinkDashboardInterface) => {
13
- const categoryOrder = Object.keys(stories).reduce(
14
- (catStories, componentStoriesKey) => {
15
- const componentStories = stories[componentStoriesKey];
16
- if (componentStories.default.ignore) {
17
- return catStories;
18
- }
19
- if (!componentStories.default.component) {
20
- throw new Error(`no component was found in ${componentStoriesKey}`);
21
- }
22
- const title = componentStories.default.title.split('/')[1];
23
- if (!title) {
24
- throw new Error(`no title was found for ${componentStoriesKey}`);
25
- }
26
- const category = title;
27
- if (catStories[category]) {
28
- catStories[category].push(componentStories);
29
- } else {
30
- catStories[category] = [componentStories];
31
- }
32
- return catStories;
33
- },
34
- {}
35
- );
36
- return (
37
- <div>
38
- <Paragraph fontSize={72} fontWeight="bold">
39
- Components
40
- </Paragraph>
41
- <KitchenSinkAllComponents>
42
- {Object.keys(categoryOrder)
43
- .sort((a, b) => (a > b ? -1 : 1))
44
- .map((category, index) => {
45
- return (
46
- <KitchensinkByCategory
47
- category={category}
48
- stories={categoryOrder[category]}
49
- key={index}
50
- />
51
- );
52
- })}
53
- </KitchenSinkAllComponents>
54
- </div>
55
- );
56
- };
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import { stories } from '@digigov/ui/registry';
3
- import { KitchenSinkDashboard } from '@digigov/ui/utils/Kitchensink/KitchensinkDashboard';
4
- var _ref = /*#__PURE__*/React.createElement(KitchenSinkDashboard, {
5
- stories: stories
6
- });
7
- export var AllComponents = function AllComponents() {
8
- return _ref;
9
- };
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const AllComponents: () => JSX.Element;
@@ -1,32 +0,0 @@
1
- import React from 'react';
2
- import { KitchenSinkCategory, KitchenSinkHeading } from '@digigov/ui/misc/KitchenSink';
3
- import { KitchensinkByLetter } from '@digigov/ui/utils/Kitchensink/KitchensinkByLetter';
4
- export var KitchensinkByCategory = function KitchensinkByCategory(_ref) {
5
- var category = _ref.category,
6
- stories = _ref.stories;
7
- var alphabeticalOrder = Object.keys(stories).reduce(function (abStories, componentStoriesKey) {
8
- var componentStories = stories[componentStoriesKey];
9
- if (!componentStories["default"].component) {
10
- throw new Error("no component was found in ".concat(componentStoriesKey));
11
- }
12
- var name = componentStories["default"].displayName;
13
- console.log('componentStories', componentStories, 'stories', stories);
14
- if (!name) {
15
- throw new Error("no name was found for ".concat(componentStoriesKey));
16
- }
17
- var letter = name[0];
18
- if (abStories[letter]) {
19
- abStories[letter].push(componentStories);
20
- } else {
21
- abStories[letter] = [componentStories];
22
- }
23
- return abStories;
24
- }, {});
25
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(KitchenSinkHeading, null, category), /*#__PURE__*/React.createElement(KitchenSinkCategory, null, Object.keys(alphabeticalOrder).sort().map(function (letter, index) {
26
- return /*#__PURE__*/React.createElement(KitchensinkByLetter, {
27
- letter: letter,
28
- stories: alphabeticalOrder[letter],
29
- key: index
30
- });
31
- })));
32
- };
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- export interface KitchensinkByCategoryInterface {
3
- category: string;
4
- stories: React.ReactElement[];
5
- }
6
- export declare const KitchensinkByCategory: ({ category, stories, }: KitchensinkByCategoryInterface) => JSX.Element;
@@ -1,19 +0,0 @@
1
- import React from 'react';
2
- import Heading from '@digigov/react-core/Heading';
3
- import { KitchenSinkLetterContent } from '@digigov/react-core/KitchenSinkLetterContent';
4
- import { KitchensinkComponent } from '@digigov/ui/utils/Kitchensink/KitchensinkComponent';
5
- export var KitchensinkByLetter = function KitchensinkByLetter(_ref) {
6
- var letter = _ref.letter,
7
- stories = _ref.stories;
8
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Heading, null, letter), /*#__PURE__*/React.createElement(KitchenSinkLetterContent, null, stories.map(function (story, index) {
9
- return /*#__PURE__*/React.createElement(KitchensinkComponent, {
10
- tags: story["default"].tags,
11
- title: story["default"].displayName,
12
- description: story["default"].description,
13
- link: story["default"].link,
14
- width: story["default"].defaultWidth,
15
- stories: story,
16
- key: index
17
- });
18
- })));
19
- };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- export interface KitchensinkByLetterInterface {
3
- letter: string;
4
- stories: any;
5
- }
6
- export declare const KitchensinkByLetter: ({ letter, stories, }: KitchensinkByLetterInterface) => JSX.Element;
@@ -1,45 +0,0 @@
1
- import React from 'react';
2
- import { KitchenSinkCard } from '@digigov/react-core/KitchenSinkCard';
3
- import { KitchenSinkContent } from '@digigov/react-core/KitchenSinkContent';
4
- import { KitchenSinkContentInfo } from '@digigov/react-core/KitchenSinkContentInfo';
5
- import { KitchenSinkContentTags } from '@digigov/react-core/KitchenSinkContentTags';
6
- import PhaseBanner, { PhaseBannerTag, PhaseBannerText } from '@digigov/ui/feedback/PhaseBanner';
7
- import SectionBreak from '@digigov/ui/layouts/SectionBreak';
8
- import Link from '@digigov/ui/navigation/Link';
9
- import { Paragraph } from '@digigov/ui/typography';
10
- import Heading from '@digigov/ui/typography/Heading';
11
- var _ref2 = /*#__PURE__*/React.createElement(PhaseBannerText, null, "\u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1", ' ', /*#__PURE__*/React.createElement(Link, {
12
- href: "#feedback"
13
- }, "\u03C3\u03C7\u03CC\u03BB\u03B9\u03AC"), " \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03BC\u03B1\u03C2 \u03B2\u03BF\u03B7\u03B8\u03AE\u03C3\u03BF\u03C5\u03BD \u03BD\u03B1 \u03C4\u03B7 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03BF\u03C5\u03BC\u03B5.");
14
- var _ref3 = /*#__PURE__*/React.createElement(SectionBreak, null);
15
- var _ref4 = /*#__PURE__*/React.createElement(SectionBreak, null);
16
- export var KitchensinkComponent = function KitchensinkComponent(_ref) {
17
- var _ref$tags = _ref.tags,
18
- tags = _ref$tags === void 0 ? [] : _ref$tags,
19
- title = _ref.title,
20
- description = _ref.description,
21
- link = _ref.link,
22
- stories = _ref.stories,
23
- _ref$width = _ref.width,
24
- width = _ref$width === void 0 ? 'md' : _ref$width;
25
- return /*#__PURE__*/React.createElement(KitchenSinkContent, {
26
- wide: width === 'lg'
27
- }, /*#__PURE__*/React.createElement(KitchenSinkContentInfo, null, /*#__PURE__*/React.createElement(KitchenSinkContentTags, null, tags && tags.map(function (tag, index) {
28
- return /*#__PURE__*/React.createElement(PhaseBanner, {
29
- key: index
30
- }, /*#__PURE__*/React.createElement(PhaseBannerTag, null, tag), _ref2);
31
- })), /*#__PURE__*/React.createElement(Heading, {
32
- size: "lg"
33
- }, title), /*#__PURE__*/React.createElement(Paragraph, null, description), link && /*#__PURE__*/React.createElement(Link, {
34
- href: link
35
- }, "View on GOV.GR Design System"), _ref3), Object.keys(stories).filter(function (story) {
36
- return story !== 'default';
37
- }).map(function (story, index) {
38
- var Component = stories[story];
39
- return /*#__PURE__*/React.createElement("div", {
40
- key: index
41
- }, _ref4, /*#__PURE__*/React.createElement(Heading, {
42
- size: "sm"
43
- }, story), /*#__PURE__*/React.createElement(KitchenSinkCard, null, /*#__PURE__*/React.createElement(Component, null)));
44
- }));
45
- };
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- export interface KitchensinkComponentInterface {
3
- tags?: string[];
4
- title: string;
5
- description?: string;
6
- link?: string;
7
- stories: React.ReactElement[];
8
- width?: 'md' | 'lg';
9
- }
10
- export declare const KitchensinkComponent: ({ tags, title, description, link, stories, width, }: KitchensinkComponentInterface) => JSX.Element;