@digigov/ui 2.0.0-8e254888 → 2.0.0-a32ad9b2

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 (486) hide show
  1. package/app/Footer/Footer.stories/index.js +49 -1
  2. package/app/Footer/Footer.stories.d.ts +43 -1
  3. package/app/Footer/Footer.stories.js.map +3 -3
  4. package/app/Footer/FooterLink/index.js +17 -0
  5. package/app/Footer/FooterLink/package.json +6 -0
  6. package/app/Footer/FooterLink.d.ts +7 -0
  7. package/app/Footer/FooterLink.js.map +7 -0
  8. package/app/Footer/index.d.ts +1 -1
  9. package/app/Footer/index.js +1 -1
  10. package/app/Footer/index.js.map +1 -1
  11. package/app/Header/Header.stories/index.js +53 -1
  12. package/app/Header/Header.stories.d.ts +50 -1
  13. package/app/Header/Header.stories.js.map +3 -3
  14. package/app/Header/HeaderLogo/index.js +12 -2
  15. package/app/Header/HeaderLogo.d.ts +6 -2
  16. package/app/Header/HeaderLogo.js.map +3 -3
  17. package/app/Header/HeaderSecondaryLogo/index.js +9 -1
  18. package/app/Header/HeaderSecondaryLogo.d.ts +6 -2
  19. package/app/Header/HeaderSecondaryLogo.js.map +3 -3
  20. package/app/Header/HeaderTitle/index.js +10 -2
  21. package/app/Header/HeaderTitle.d.ts +6 -2
  22. package/app/Header/HeaderTitle.js.map +3 -3
  23. package/app/Modal/hooks/index.js +2 -6
  24. package/app/Modal/hooks.d.ts +2 -2
  25. package/app/Modal/hooks.js.map +2 -2
  26. package/app/Modal/index.web/index.js +5 -5
  27. package/app/Modal/index.web.js.map +2 -2
  28. package/app/OutdatedBrowserBanner/index.d.ts +1 -0
  29. package/app/OutdatedBrowserBanner/index.js.map +2 -2
  30. package/app/PhaseBannerHeader/index.d.ts +1 -1
  31. package/app/PhaseBannerHeader/index.js.map +2 -2
  32. package/app/QrCodeScanner/index.js.map +2 -2
  33. package/app/Skeleton/Skeleton.stories/index.js +28 -0
  34. package/app/Skeleton/Skeleton.stories.d.ts +56 -0
  35. package/app/Skeleton/Skeleton.stories.js.map +2 -2
  36. package/cjs/app/Footer/Footer.stories/index.js +37 -2
  37. package/cjs/app/Footer/Footer.stories.js.map +4 -4
  38. package/cjs/app/Footer/FooterLink/index.js +50 -0
  39. package/cjs/app/Footer/FooterLink.js.map +7 -0
  40. package/cjs/app/Footer/index.js +3 -3
  41. package/cjs/app/Footer/index.js.map +2 -2
  42. package/cjs/app/Header/Header.stories/index.js +51 -2
  43. package/cjs/app/Header/Header.stories.js.map +4 -4
  44. package/cjs/app/Header/HeaderLogo/index.js +13 -4
  45. package/cjs/app/Header/HeaderLogo.js.map +3 -3
  46. package/cjs/app/Header/HeaderSecondaryLogo/index.js +12 -4
  47. package/cjs/app/Header/HeaderSecondaryLogo.js.map +3 -3
  48. package/cjs/app/Header/HeaderTitle/index.js +11 -4
  49. package/cjs/app/Header/HeaderTitle.js.map +3 -3
  50. package/cjs/app/Modal/hooks/index.js +2 -6
  51. package/cjs/app/Modal/hooks.js.map +2 -2
  52. package/cjs/app/Modal/index.web/index.js +5 -5
  53. package/cjs/app/Modal/index.web.js.map +2 -2
  54. package/cjs/app/OutdatedBrowserBanner/index.js.map +2 -2
  55. package/cjs/app/PhaseBannerHeader/index.js.map +2 -2
  56. package/cjs/app/QrCodeScanner/index.js.map +2 -2
  57. package/cjs/app/Skeleton/Skeleton.stories/index.js +30 -1
  58. package/cjs/app/Skeleton/Skeleton.stories.js.map +2 -2
  59. package/cjs/content/Accordion/Accordion.stories/index.js +54 -2
  60. package/cjs/content/Accordion/Accordion.stories.js.map +4 -4
  61. package/cjs/content/Accordion/hooks.js.map +1 -1
  62. package/cjs/content/Blockquote/Blockquote.stories/index.js +20 -1
  63. package/cjs/content/Blockquote/Blockquote.stories.js.map +2 -2
  64. package/cjs/content/Card/Card.stories/index.js +78 -2
  65. package/cjs/content/Card/Card.stories.js.map +4 -4
  66. package/cjs/content/Chip/Chip.stories/index.js +24 -1
  67. package/cjs/content/Chip/Chip.stories.js.map +2 -2
  68. package/cjs/content/List/List.stories/index.js +40 -2
  69. package/cjs/content/List/List.stories.js.map +4 -4
  70. package/cjs/content/Table/Table.stories/index.js +157 -2
  71. package/cjs/content/Table/Table.stories.js.map +4 -4
  72. package/cjs/feedback/CopyToClipboard/CopyToClipboard.stories/index.js +61 -3
  73. package/cjs/feedback/CopyToClipboard/CopyToClipboard.stories.js.map +4 -4
  74. package/cjs/feedback/ErrorSummary/ErrorSummary.stories/index.js +42 -3
  75. package/cjs/feedback/ErrorSummary/ErrorSummary.stories.js.map +4 -4
  76. package/cjs/feedback/NotificationBanner/NotificationBanner.stories/index.js +36 -1
  77. package/cjs/feedback/NotificationBanner/NotificationBanner.stories.js.map +2 -2
  78. package/cjs/feedback/PhaseBanner/PhaseBanner.stories/index.js +27 -3
  79. package/cjs/feedback/PhaseBanner/PhaseBanner.stories.js.map +4 -4
  80. package/cjs/feedback/WarningText/WarningText.stories/index.js +24 -1
  81. package/cjs/feedback/WarningText/WarningText.stories.js.map +2 -2
  82. package/cjs/form/AutoComplete/AutoComplete.stories/index.js +75 -0
  83. package/cjs/form/AutoComplete/AutoComplete.stories.js.map +4 -4
  84. package/cjs/form/AutoComplete/Status/index.js.map +2 -2
  85. package/cjs/form/AutoComplete/index.js.map +2 -2
  86. package/cjs/form/Button/Button.stories/index.js +44 -13
  87. package/cjs/form/Button/Button.stories.js.map +3 -3
  88. package/cjs/form/Button/ButtonLink/index.js +13 -4
  89. package/cjs/form/Button/ButtonLink.js.map +3 -3
  90. package/cjs/form/Button/CallToAction/index.js +11 -4
  91. package/cjs/form/Button/CallToAction.js.map +3 -3
  92. package/cjs/form/Button/__stories__/Primary/index.js +18 -1
  93. package/cjs/form/Button/__stories__/Primary.js.map +2 -2
  94. package/cjs/form/Checkbox/Checkbox.stories/index.js +113 -2
  95. package/cjs/form/Checkbox/Checkbox.stories.js.map +4 -4
  96. package/cjs/form/DateInputContainer/DateInputContainer.stories/index.js +77 -2
  97. package/cjs/form/DateInputContainer/DateInputContainer.stories.js.map +4 -4
  98. package/cjs/form/ErrorMessage/ErrorMessage.stories/index.js +26 -1
  99. package/cjs/form/ErrorMessage/ErrorMessage.stories.js.map +4 -4
  100. package/cjs/form/RadioContainer/RadioContainer.stories/index.js +115 -2
  101. package/cjs/form/RadioContainer/RadioContainer.stories.js.map +4 -4
  102. package/cjs/form/SelectContainer/SelectContainer.stories/index.js +79 -2
  103. package/cjs/form/SelectContainer/SelectContainer.stories.js.map +4 -4
  104. package/cjs/form/SingleCharacterInputs/SingleCharacterInput.stories/index.js +93 -2
  105. package/cjs/form/SingleCharacterInputs/SingleCharacterInput.stories.js.map +4 -4
  106. package/cjs/form/TextArea/TextArea.stories/index.js +88 -2
  107. package/cjs/form/TextArea/TextArea.stories.js.map +4 -4
  108. package/cjs/form/TextInput/TextInput.stories/index.js +94 -0
  109. package/cjs/form/TextInput/TextInput.stories.js.map +4 -4
  110. package/cjs/govgr/GovGRLogo/index.js +14 -4
  111. package/cjs/govgr/GovGRLogo/index.js.map +3 -3
  112. package/cjs/layouts/Stack/__stories__/AlignItems/index.js +2 -2
  113. package/cjs/layouts/Stack/__stories__/AlignItems.js.map +3 -3
  114. package/cjs/layouts/Stack/__stories__/Default/index.js +2 -2
  115. package/cjs/layouts/Stack/__stories__/Default.js.map +3 -3
  116. package/cjs/layouts/Stack/__stories__/JustifyContent/index.js +2 -2
  117. package/cjs/layouts/Stack/__stories__/JustifyContent.js.map +3 -3
  118. package/cjs/layouts/Stack/__stories__/NoWrap/index.js +2 -2
  119. package/cjs/layouts/Stack/__stories__/NoWrap.js.map +3 -3
  120. package/cjs/layouts/Stack/__stories__/Row/index.js +2 -2
  121. package/cjs/layouts/Stack/__stories__/Row.js.map +3 -3
  122. package/cjs/layouts/Stack/__stories__/Spacing/index.js +2 -2
  123. package/cjs/layouts/Stack/__stories__/Spacing.js.map +3 -3
  124. package/cjs/layouts/Stack/index.js +6 -0
  125. package/cjs/layouts/Stack/index.js.map +2 -2
  126. package/cjs/lazy/index.js +13 -2
  127. package/cjs/lazy.js.map +2 -2
  128. package/cjs/navigation/BackLink/index.js +13 -4
  129. package/cjs/navigation/BackLink/index.js.map +3 -3
  130. package/cjs/navigation/Breadcrumbs/BreadcrumbsListItemLink/index.js +48 -0
  131. package/cjs/navigation/Breadcrumbs/BreadcrumbsListItemLink.js.map +7 -0
  132. package/cjs/navigation/Breadcrumbs/index.js +2 -2
  133. package/cjs/navigation/Breadcrumbs/index.js.map +2 -2
  134. package/cjs/navigation/Drawer/hooks/index.js +2 -6
  135. package/cjs/navigation/Drawer/hooks.js.map +2 -2
  136. package/cjs/navigation/Link/index.js +6 -2
  137. package/cjs/navigation/Link/index.js.map +2 -2
  138. package/cjs/navigation/NavList/NavListAuto/index.js +7 -13
  139. package/cjs/navigation/NavList/NavListAuto/index.js.map +3 -3
  140. package/cjs/navigation/NavList/NavListItemAction/index.js +66 -0
  141. package/cjs/navigation/NavList/NavListItemAction.js.map +7 -0
  142. package/cjs/navigation/NavList/NavListItemLink/index.js +48 -0
  143. package/cjs/navigation/NavList/NavListItemLink.js.map +7 -0
  144. package/cjs/navigation/NavList/index.js +4 -4
  145. package/cjs/navigation/NavList/index.js.map +2 -2
  146. package/cjs/navigation/Pagination/hooks/index.js +2 -2
  147. package/cjs/navigation/Pagination/hooks.js.map +2 -2
  148. package/cjs/navigation/Tabs/__stories__/Default/index.js +1 -2
  149. package/cjs/navigation/Tabs/__stories__/Default.js.map +2 -2
  150. package/cjs/navigation/Tabs/__stories__/UsingAccordion/index.js +7 -8
  151. package/cjs/navigation/Tabs/__stories__/UsingAccordion.js.map +2 -2
  152. package/cjs/navigation/Tabs/hooks.js.map +1 -1
  153. package/cjs/registry/index.js +99 -91
  154. package/cjs/registry.js.map +2 -2
  155. package/cjs/typography/CodeBlock/index.js +1 -2
  156. package/cjs/typography/CodeBlock/index.js.map +2 -2
  157. package/cjs/utils/hooks/useDebounce/index.js +1 -1
  158. package/cjs/utils/hooks/useDebounce.js.map +2 -2
  159. package/content/Accordion/Accordion.stories/index.js +58 -1
  160. package/content/Accordion/Accordion.stories.d.ts +79 -1
  161. package/content/Accordion/Accordion.stories.js.map +3 -3
  162. package/content/Accordion/hooks.js.map +1 -1
  163. package/content/Blockquote/Blockquote.stories/index.js +18 -0
  164. package/content/Blockquote/Blockquote.stories.d.ts +27 -0
  165. package/content/Blockquote/Blockquote.stories.js.map +2 -2
  166. package/content/Card/Card.stories/index.js +81 -1
  167. package/content/Card/Card.stories.d.ts +126 -1
  168. package/content/Card/Card.stories.js.map +3 -3
  169. package/content/Chip/Chip.stories/index.js +22 -0
  170. package/content/Chip/Chip.stories.d.ts +36 -0
  171. package/content/Chip/Chip.stories.js.map +2 -2
  172. package/content/List/List.stories/index.js +38 -1
  173. package/content/List/List.stories.d.ts +51 -1
  174. package/content/List/List.stories.js.map +3 -3
  175. package/content/Table/Table.stories/index.js +164 -1
  176. package/content/Table/Table.stories.d.ts +124 -1
  177. package/content/Table/Table.stories.js.map +3 -3
  178. package/feedback/CopyToClipboard/CopyToClipboard.stories/index.js +58 -1
  179. package/feedback/CopyToClipboard/CopyToClipboard.stories.d.ts +81 -1
  180. package/feedback/CopyToClipboard/CopyToClipboard.stories.js.map +3 -3
  181. package/feedback/ErrorSummary/ErrorSummary.stories/index.js +39 -1
  182. package/feedback/ErrorSummary/ErrorSummary.stories.d.ts +42 -1
  183. package/feedback/ErrorSummary/ErrorSummary.stories.js.map +3 -3
  184. package/feedback/NotificationBanner/NotificationBanner.stories/index.js +34 -0
  185. package/feedback/NotificationBanner/NotificationBanner.stories.d.ts +60 -0
  186. package/feedback/NotificationBanner/NotificationBanner.stories.js.map +2 -2
  187. package/feedback/PhaseBanner/PhaseBanner.stories/index.js +28 -1
  188. package/feedback/PhaseBanner/PhaseBanner.stories.d.ts +30 -1
  189. package/feedback/PhaseBanner/PhaseBanner.stories.js.map +3 -3
  190. package/feedback/WarningText/WarningText.stories/index.js +22 -0
  191. package/feedback/WarningText/WarningText.stories.d.ts +36 -0
  192. package/feedback/WarningText/WarningText.stories.js.map +2 -2
  193. package/form/AutoComplete/AutoComplete.stories/index.js +74 -0
  194. package/form/AutoComplete/AutoComplete.stories.d.ts +82 -0
  195. package/form/AutoComplete/AutoComplete.stories.js.map +3 -3
  196. package/form/AutoComplete/Status/index.d.ts +1 -1
  197. package/form/AutoComplete/Status/index.js.map +2 -2
  198. package/form/AutoComplete/index.d.ts +1 -1
  199. package/form/AutoComplete/index.js.map +2 -2
  200. package/form/Button/Button.stories/index.js +43 -3
  201. package/form/Button/Button.stories.d.ts +59 -2
  202. package/form/Button/Button.stories.js.map +2 -2
  203. package/form/Button/ButtonLink/index.js +12 -2
  204. package/form/Button/ButtonLink.d.ts +6 -2
  205. package/form/Button/ButtonLink.js.map +3 -3
  206. package/form/Button/CallToAction/index.js +10 -2
  207. package/form/Button/CallToAction.d.ts +6 -2
  208. package/form/Button/CallToAction.js.map +3 -3
  209. package/form/Button/__stories__/Primary/index.js +18 -1
  210. package/form/Button/__stories__/Primary.d.ts +8 -1
  211. package/form/Button/__stories__/Primary.js.map +2 -2
  212. package/form/Checkbox/Checkbox.stories/index.js +115 -1
  213. package/form/Checkbox/Checkbox.stories.d.ts +166 -1
  214. package/form/Checkbox/Checkbox.stories.js.map +3 -3
  215. package/form/DateInputContainer/DateInputContainer.stories/index.js +82 -1
  216. package/form/DateInputContainer/DateInputContainer.stories.d.ts +141 -1
  217. package/form/DateInputContainer/DateInputContainer.stories.js.map +3 -3
  218. package/form/ErrorMessage/ErrorMessage.stories/index.js +24 -0
  219. package/form/ErrorMessage/ErrorMessage.stories.d.ts +33 -0
  220. package/form/ErrorMessage/ErrorMessage.stories.js.map +3 -3
  221. package/form/RadioContainer/RadioContainer.stories/index.js +117 -1
  222. package/form/RadioContainer/RadioContainer.stories.d.ts +174 -1
  223. package/form/RadioContainer/RadioContainer.stories.js.map +3 -3
  224. package/form/SelectContainer/SelectContainer.stories/index.js +80 -1
  225. package/form/SelectContainer/SelectContainer.stories.d.ts +135 -1
  226. package/form/SelectContainer/SelectContainer.stories.js.map +3 -3
  227. package/form/SingleCharacterInputs/SingleCharacterInput.stories/index.js +98 -1
  228. package/form/SingleCharacterInputs/SingleCharacterInput.stories.d.ts +108 -1
  229. package/form/SingleCharacterInputs/SingleCharacterInput.stories.js.map +3 -3
  230. package/form/TextArea/TextArea.stories/index.js +86 -1
  231. package/form/TextArea/TextArea.stories.d.ts +117 -1
  232. package/form/TextArea/TextArea.stories.js.map +3 -3
  233. package/form/TextInput/TextInput.stories/index.js +93 -0
  234. package/form/TextInput/TextInput.stories.d.ts +118 -0
  235. package/form/TextInput/TextInput.stories.js.map +3 -3
  236. package/govgr/GovGRLogo/index.d.ts +6 -2
  237. package/govgr/GovGRLogo/index.js +11 -1
  238. package/govgr/GovGRLogo/index.js.map +3 -3
  239. package/index.js +1 -1
  240. package/layouts/Stack/__stories__/AlignItems/index.js +1 -1
  241. package/layouts/Stack/__stories__/AlignItems.js.map +2 -2
  242. package/layouts/Stack/__stories__/Default/index.js +1 -1
  243. package/layouts/Stack/__stories__/Default.js.map +2 -2
  244. package/layouts/Stack/__stories__/JustifyContent/index.js +1 -1
  245. package/layouts/Stack/__stories__/JustifyContent.js.map +2 -2
  246. package/layouts/Stack/__stories__/NoWrap/index.js +1 -1
  247. package/layouts/Stack/__stories__/NoWrap.js.map +2 -2
  248. package/layouts/Stack/__stories__/Row/index.js +1 -1
  249. package/layouts/Stack/__stories__/Row.js.map +2 -2
  250. package/layouts/Stack/__stories__/Spacing/index.js +1 -1
  251. package/layouts/Stack/__stories__/Spacing.js.map +2 -2
  252. package/layouts/Stack/index.d.ts +1 -0
  253. package/layouts/Stack/index.js +1 -0
  254. package/layouts/Stack/index.js.map +2 -2
  255. package/lazy/index.js +13 -2
  256. package/navigation/BackLink/index.d.ts +6 -2
  257. package/navigation/BackLink/index.js +12 -2
  258. package/navigation/BackLink/index.js.map +3 -3
  259. package/navigation/Breadcrumbs/BreadcrumbsListItemLink/index.js +15 -0
  260. package/navigation/Breadcrumbs/BreadcrumbsListItemLink/package.json +6 -0
  261. package/navigation/Breadcrumbs/BreadcrumbsListItemLink.d.ts +7 -0
  262. package/navigation/Breadcrumbs/BreadcrumbsListItemLink.js.map +7 -0
  263. package/navigation/Breadcrumbs/index.d.ts +1 -1
  264. package/navigation/Breadcrumbs/index.js +1 -1
  265. package/navigation/Breadcrumbs/index.js.map +1 -1
  266. package/navigation/Drawer/hooks/index.js +2 -6
  267. package/navigation/Drawer/hooks.js.map +2 -2
  268. package/navigation/Link/index.js +6 -2
  269. package/navigation/Link/index.js.map +2 -2
  270. package/navigation/NavList/NavListAuto/index.js +10 -8
  271. package/navigation/NavList/NavListAuto/index.js.map +2 -2
  272. package/navigation/NavList/NavListItemAction/index.js +37 -0
  273. package/navigation/NavList/NavListItemAction/package.json +6 -0
  274. package/navigation/NavList/NavListItemAction.d.ts +27 -0
  275. package/navigation/NavList/NavListItemAction.js.map +7 -0
  276. package/navigation/NavList/NavListItemLink/index.js +15 -0
  277. package/navigation/NavList/NavListItemLink/package.json +6 -0
  278. package/navigation/NavList/NavListItemLink.d.ts +7 -0
  279. package/navigation/NavList/NavListItemLink.js.map +7 -0
  280. package/navigation/NavList/index.d.ts +2 -2
  281. package/navigation/NavList/index.js +2 -2
  282. package/navigation/NavList/index.js.map +2 -2
  283. package/navigation/Pagination/hooks/index.js +2 -2
  284. package/navigation/Pagination/hooks.js.map +2 -2
  285. package/navigation/Tabs/__stories__/Default/index.js +1 -2
  286. package/navigation/Tabs/__stories__/Default.js.map +2 -2
  287. package/navigation/Tabs/__stories__/UsingAccordion/index.js +7 -8
  288. package/navigation/Tabs/__stories__/UsingAccordion.js.map +2 -2
  289. package/navigation/Tabs/hooks.d.ts +1 -1
  290. package/navigation/Tabs/hooks.js.map +1 -1
  291. package/package.json +7 -7
  292. package/registry/index.js +99 -91
  293. package/src/app/BannerContainer/index.test.tsx +4 -0
  294. package/src/app/Footer/Footer.stories.jsx +179 -0
  295. package/src/app/Footer/FooterLink.tsx +20 -0
  296. package/src/app/Footer/index.test.tsx +4 -0
  297. package/src/app/Footer/index.tsx +1 -1
  298. package/src/app/Footer/interaction.test.tsx +4 -0
  299. package/src/app/Header/Header.stories.jsx +102 -0
  300. package/src/app/Header/HeaderLogo.tsx +18 -2
  301. package/src/app/Header/HeaderSecondaryLogo.tsx +20 -2
  302. package/src/app/Header/HeaderTitle.tsx +20 -2
  303. package/src/app/Header/index.test.tsx +4 -0
  304. package/src/app/Header/interaction.test.tsx +8 -0
  305. package/src/app/Loader/index.test.tsx +4 -0
  306. package/src/app/Masthead/index.test.tsx +4 -0
  307. package/src/app/Masthead/interaction.test.tsx +4 -0
  308. package/src/app/Modal/hooks.ts +8 -8
  309. package/src/app/Modal/index.test.tsx +4 -0
  310. package/src/app/Modal/index.web.tsx +5 -7
  311. package/src/app/Modal/interaction.test.tsx +12 -0
  312. package/src/app/NotFound/index.test.tsx +4 -0
  313. package/src/app/OutdatedBrowserBanner/index.tsx +1 -1
  314. package/src/app/Panel/index.test.tsx +4 -0
  315. package/src/app/PhaseBannerHeader/index.test.tsx +4 -0
  316. package/src/app/PhaseBannerHeader/index.tsx +1 -1
  317. package/src/app/QrCodeScanner/index.tsx +0 -1
  318. package/src/app/QrCodeViewer/index.test.tsx +4 -0
  319. package/src/app/Skeleton/Skeleton.stories.js +30 -0
  320. package/src/app/Skeleton/index.test.tsx +4 -0
  321. package/src/content/Accordion/Accordion.stories.jsx +86 -0
  322. package/src/content/Accordion/hooks.ts +1 -1
  323. package/src/content/Accordion/index.test.tsx +4 -0
  324. package/src/content/Accordion/interaction.test.tsx +4 -0
  325. package/src/content/Blockquote/Blockquote.stories.js +20 -0
  326. package/src/content/Blockquote/index.test.tsx +4 -0
  327. package/src/content/Card/Card.stories.jsx +118 -0
  328. package/src/content/Card/index.test.tsx +4 -0
  329. package/src/content/Card/interaction.test.tsx +4 -0
  330. package/src/content/Chip/Chip.stories.js +22 -0
  331. package/src/content/Chip/index.test.tsx +4 -0
  332. package/src/content/Details/index.test.tsx +4 -0
  333. package/src/content/Details/interaction.test.tsx +4 -0
  334. package/src/content/List/List.stories.jsx +60 -0
  335. package/src/content/List/__snapshots__/index.spec.tsx.snap +13 -3
  336. package/src/content/List/index.test.tsx +4 -0
  337. package/src/content/Markdown/index.test.tsx +4 -0
  338. package/src/content/SafeHTML/index.test.tsx +4 -0
  339. package/src/content/StepNav/index.test.tsx +4 -0
  340. package/src/content/StepNav/interaction.test.tsx +4 -0
  341. package/src/content/SummaryList/index.test.tsx +4 -0
  342. package/src/content/SummaryList/interaction.test.tsx +4 -0
  343. package/src/content/Table/Table.stories.jsx +216 -0
  344. package/src/content/Table/index.test.tsx +4 -0
  345. package/src/content/Table/interaction.test.tsx +8 -0
  346. package/src/content/TaskList/index.test.tsx +4 -0
  347. package/src/content/Timeline/index.test.tsx +4 -0
  348. package/src/doc.mdx +49 -0
  349. package/src/feedback/CopyToClipboard/CopyToClipboard.stories.jsx +70 -0
  350. package/src/feedback/CopyToClipboard/doc.mdx +4 -2
  351. package/src/feedback/CopyToClipboard/index.test.tsx +4 -0
  352. package/src/feedback/CopyToClipboard/interaction.test.tsx +12 -0
  353. package/src/feedback/ErrorSummary/ErrorSummary.stories.jsx +67 -0
  354. package/src/feedback/ErrorSummary/__snapshots__/index.spec.tsx.snap +13 -3
  355. package/src/feedback/ErrorSummary/index.test.tsx +4 -0
  356. package/src/feedback/ErrorSummary/interaction.test.tsx +4 -0
  357. package/src/feedback/NotificationBanner/NotificationBanner.stories.js +36 -0
  358. package/src/feedback/NotificationBanner/__snapshots__/index.spec.tsx.snap +24 -14
  359. package/src/feedback/NotificationBanner/index.test.tsx +4 -0
  360. package/src/feedback/NotificationBanner/interaction.test.tsx +8 -0
  361. package/src/feedback/PhaseBanner/PhaseBanner.stories.jsx +47 -0
  362. package/src/feedback/PhaseBanner/index.test.tsx +4 -0
  363. package/src/feedback/PhaseBanner/interaction.test.tsx +4 -0
  364. package/src/feedback/WarningText/WarningText.stories.js +24 -0
  365. package/src/feedback/WarningText/__snapshots__/index.spec.tsx.snap +13 -3
  366. package/src/feedback/WarningText/index.test.tsx +4 -0
  367. package/src/form/AutoComplete/AutoComplete.stories.jsx +91 -0
  368. package/src/form/AutoComplete/Status/index.tsx +1 -1
  369. package/src/form/AutoComplete/index.test.tsx +4 -0
  370. package/src/form/AutoComplete/index.tsx +1 -1
  371. package/src/form/AutoComplete/interaction.test.tsx +4 -0
  372. package/src/form/Button/Button.stories.js +42 -2
  373. package/src/form/Button/ButtonLink.tsx +18 -2
  374. package/src/form/Button/CallToAction.tsx +20 -2
  375. package/src/form/Button/__stories__/Primary.tsx +24 -2
  376. package/src/form/Button/index.test.tsx +4 -0
  377. package/src/form/Button/interaction.test.tsx +20 -0
  378. package/src/form/Checkbox/Checkbox.stories.jsx +150 -0
  379. package/src/form/Checkbox/index.test.tsx +4 -0
  380. package/src/form/Checkbox/interaction.test.tsx +8 -0
  381. package/src/form/DateInputContainer/DateInputContainer.stories.jsx +115 -0
  382. package/src/form/DateInputContainer/index.test.tsx +4 -0
  383. package/src/form/DateInputContainer/interaction.test.tsx +8 -0
  384. package/src/form/ErrorMessage/ErrorMessage.stories.jsx +42 -0
  385. package/src/form/ErrorMessage/index.test.tsx +4 -0
  386. package/src/form/FileUpload/index.test.tsx +4 -0
  387. package/src/form/RadioContainer/RadioContainer.stories.jsx +157 -0
  388. package/src/form/RadioContainer/index.test.tsx +4 -0
  389. package/src/form/RadioContainer/interaction.test.tsx +8 -0
  390. package/src/form/SearchContainer/index.test.tsx +4 -0
  391. package/src/form/SelectContainer/SelectContainer.stories.jsx +107 -0
  392. package/src/form/SelectContainer/index.test.tsx +4 -0
  393. package/src/form/SelectContainer/interaction.test.tsx +4 -0
  394. package/src/form/SingleCharacterInputs/SingleCharacterInput.stories.jsx +130 -0
  395. package/src/form/SingleCharacterInputs/index.test.tsx +4 -0
  396. package/src/form/TextArea/TextArea.stories.jsx +117 -0
  397. package/src/form/TextArea/index.test.tsx +4 -0
  398. package/src/form/TextArea/interaction.test.tsx +12 -0
  399. package/src/form/TextInput/TextInput.stories.jsx +125 -0
  400. package/src/form/TextInput/index.test.tsx +4 -0
  401. package/src/form/TextInput/interaction.test.tsx +8 -0
  402. package/src/govgr/GovGRLogo/index.tsx +17 -2
  403. package/src/layouts/Basic/__snapshots__/index.spec.tsx.snap +3 -3
  404. package/src/layouts/Basic/index.test.tsx +4 -0
  405. package/src/layouts/Grid/index.test.tsx +4 -0
  406. package/src/layouts/Screen/index.test.tsx +4 -0
  407. package/src/layouts/Stack/__stories__/AlignItems.tsx +1 -1
  408. package/src/layouts/Stack/__stories__/Default.tsx +1 -1
  409. package/src/layouts/Stack/__stories__/JustifyContent.tsx +1 -1
  410. package/src/layouts/Stack/__stories__/NoWrap.tsx +1 -1
  411. package/src/layouts/Stack/__stories__/Row.tsx +1 -1
  412. package/src/layouts/Stack/__stories__/Spacing.tsx +1 -1
  413. package/src/layouts/Stack/index.test.tsx +4 -0
  414. package/src/layouts/Stack/index.tsx +1 -0
  415. package/src/lazy.js +13 -2
  416. package/src/navigation/BackLink/doc.mdx +1 -1
  417. package/src/navigation/BackLink/index.test.tsx +4 -0
  418. package/src/navigation/BackLink/index.tsx +19 -2
  419. package/src/navigation/BackLink/interaction.test.tsx +4 -0
  420. package/src/navigation/BackToTopLink/index.test.tsx +4 -0
  421. package/src/navigation/Breadcrumbs/BreadcrumbsListItemLink.tsx +22 -0
  422. package/src/navigation/Breadcrumbs/index.test.tsx +4 -0
  423. package/src/navigation/Breadcrumbs/index.tsx +1 -1
  424. package/src/navigation/Breadcrumbs/interaction.test.tsx +12 -0
  425. package/src/navigation/Drawer/hooks.ts +6 -6
  426. package/src/navigation/Drawer/index.test.tsx +4 -0
  427. package/src/navigation/Dropdown/doc.mdx +13 -7
  428. package/src/navigation/Dropdown/index.test.tsx +4 -0
  429. package/src/navigation/Dropdown/interaction.test.tsx +20 -0
  430. package/src/navigation/Link/index.test.tsx +4 -0
  431. package/src/navigation/Link/index.tsx +10 -5
  432. package/src/navigation/Link/interaction.test.tsx +12 -0
  433. package/src/navigation/NavList/NavListAuto/index.tsx +10 -8
  434. package/src/navigation/NavList/NavListItemAction.tsx +69 -0
  435. package/src/navigation/NavList/NavListItemLink.tsx +22 -0
  436. package/src/navigation/NavList/__snapshots__/index.spec.tsx.snap +13 -3
  437. package/src/navigation/NavList/doc.mdx +17 -15
  438. package/src/navigation/NavList/index.test.tsx +4 -0
  439. package/src/navigation/NavList/index.tsx +3 -2
  440. package/src/navigation/NavList/interaction.test.tsx +12 -0
  441. package/src/navigation/Pagination/doc.mdx +13 -8
  442. package/src/navigation/Pagination/hooks.ts +2 -2
  443. package/src/navigation/Pagination/index.test.tsx +4 -0
  444. package/src/navigation/Pagination/interaction.test.tsx +4 -0
  445. package/src/navigation/SkipLink/index.test.tsx +4 -0
  446. package/src/navigation/Tabs/__stories__/Default.tsx +109 -39
  447. package/src/navigation/Tabs/__stories__/UsingAccordion.tsx +121 -31
  448. package/src/navigation/Tabs/hooks.ts +2 -2
  449. package/src/navigation/Tabs/index.test.tsx +4 -0
  450. package/src/navigation/Tabs/interaction.test.tsx +6 -0
  451. package/src/registry.js +99 -91
  452. package/src/typography/CodeBlock/doc.mdx +1 -1
  453. package/src/typography/CodeBlock/index.test.tsx +4 -0
  454. package/src/typography/CodeBlock/index.tsx +14 -12
  455. package/src/typography/Heading/index.test.tsx +4 -0
  456. package/src/typography/HeadingCaption/index.test.tsx +4 -0
  457. package/src/typography/Hint/index.test.tsx +4 -0
  458. package/src/typography/NormalText/index.test.tsx +4 -0
  459. package/src/typography/Paragraph/index.test.tsx +4 -0
  460. package/src/utils/Base/doc.mdx +56 -3
  461. package/src/utils/VisuallyHidden/index.test.tsx +4 -0
  462. package/src/utils/hooks/useDebounce.ts +1 -1
  463. package/typography/CodeBlock/index.d.ts +1 -1
  464. package/typography/CodeBlock/index.js +1 -2
  465. package/typography/CodeBlock/index.js.map +2 -2
  466. package/utils/hooks/useDebounce/index.js +1 -1
  467. package/utils/hooks/useDebounce.js.map +2 -2
  468. package/utils/hooks/useLatest.d.ts +1 -1
  469. package/src/app/Footer/Footer.stories.js +0 -18
  470. package/src/app/Header/Header.stories.js +0 -20
  471. package/src/content/Accordion/Accordion.stories.js +0 -14
  472. package/src/content/Card/Card.stories.js +0 -21
  473. package/src/content/List/List.stories.js +0 -15
  474. package/src/content/Table/Table.stories.js +0 -27
  475. package/src/feedback/CopyToClipboard/CopyToClipboard.stories.js +0 -9
  476. package/src/feedback/ErrorSummary/ErrorSummary.stories.js +0 -16
  477. package/src/feedback/PhaseBanner/PhaseBanner.stories.js +0 -11
  478. package/src/form/AutoComplete/AutoComplete.stories.js +0 -16
  479. package/src/form/Checkbox/Checkbox.stories.js +0 -19
  480. package/src/form/DateInputContainer/DateInputContainer.stories.js +0 -14
  481. package/src/form/ErrorMessage/ErrorMessage.stories.js +0 -12
  482. package/src/form/RadioContainer/RadioContainer.stories.js +0 -19
  483. package/src/form/SelectContainer/SelectContainer.stories.js +0 -13
  484. package/src/form/SingleCharacterInputs/SingleCharacterInput.stories.js +0 -13
  485. package/src/form/TextArea/TextArea.stories.js +0 -17
  486. package/src/form/TextInput/TextInput.stories.js +0 -19
@@ -6,6 +6,121 @@ declare namespace _default {
6
6
  export let displayName: string;
7
7
  }
8
8
  export default _default;
9
+ export namespace WithControls {
10
+ function render(args: any): React.JSX.Element;
11
+ namespace args {
12
+ let label: string;
13
+ let name: string;
14
+ let hint: boolean;
15
+ let hintMessage: string;
16
+ let hintId: string;
17
+ let error: boolean;
18
+ let errorMessage: string;
19
+ let errorId: string;
20
+ let bottomHint: boolean;
21
+ let bottomHintMessage: string;
22
+ let bottomHintId: string;
23
+ let dense: boolean;
24
+ let disabled: boolean;
25
+ }
26
+ namespace argTypes {
27
+ export namespace label_1 {
28
+ let control: string;
29
+ }
30
+ export { label_1 as label };
31
+ export namespace name_1 {
32
+ let control_1: string;
33
+ export { control_1 as control };
34
+ }
35
+ export { name_1 as name };
36
+ export namespace hint_1 {
37
+ let control_2: string;
38
+ export { control_2 as control };
39
+ }
40
+ export { hint_1 as hint };
41
+ export namespace hintMessage_1 {
42
+ let control_3: string;
43
+ export { control_3 as control };
44
+ export namespace _if {
45
+ let arg: string;
46
+ let eq: boolean;
47
+ }
48
+ export { _if as if };
49
+ }
50
+ export { hintMessage_1 as hintMessage };
51
+ export namespace hintId_1 {
52
+ let control_4: string;
53
+ export { control_4 as control };
54
+ export namespace _if_1 {
55
+ let arg_1: string;
56
+ export { arg_1 as arg };
57
+ let eq_1: boolean;
58
+ export { eq_1 as eq };
59
+ }
60
+ export { _if_1 as if };
61
+ }
62
+ export { hintId_1 as hintId };
63
+ export namespace error_1 {
64
+ let control_5: string;
65
+ export { control_5 as control };
66
+ }
67
+ export { error_1 as error };
68
+ export namespace errorMessage_1 {
69
+ let control_6: string;
70
+ export { control_6 as control };
71
+ export namespace _if_2 {
72
+ let arg_2: string;
73
+ export { arg_2 as arg };
74
+ let eq_2: boolean;
75
+ export { eq_2 as eq };
76
+ }
77
+ export { _if_2 as if };
78
+ }
79
+ export { errorMessage_1 as errorMessage };
80
+ export namespace errorId_1 {
81
+ let control_7: string;
82
+ export { control_7 as control };
83
+ export namespace _if_3 {
84
+ let arg_3: string;
85
+ export { arg_3 as arg };
86
+ let eq_3: boolean;
87
+ export { eq_3 as eq };
88
+ }
89
+ export { _if_3 as if };
90
+ }
91
+ export { errorId_1 as errorId };
92
+ export namespace bottomHint_1 {
93
+ let control_8: string;
94
+ export { control_8 as control };
95
+ }
96
+ export { bottomHint_1 as bottomHint };
97
+ export namespace bottomHintMessage_1 {
98
+ let control_9: string;
99
+ export { control_9 as control };
100
+ }
101
+ export { bottomHintMessage_1 as bottomHintMessage };
102
+ export namespace bottomHintId_1 {
103
+ let control_10: string;
104
+ export { control_10 as control };
105
+ }
106
+ export { bottomHintId_1 as bottomHintId };
107
+ export namespace dense_1 {
108
+ let control_11: string;
109
+ export { control_11 as control };
110
+ }
111
+ export { dense_1 as dense };
112
+ export namespace disabled_1 {
113
+ let control_12: string;
114
+ export { control_12 as control };
115
+ }
116
+ export { disabled_1 as disabled };
117
+ }
118
+ namespace parameters {
119
+ namespace controls {
120
+ let exclude: string[];
121
+ }
122
+ }
123
+ }
9
124
  export { Default } from "@digigov/ui/form/TextArea/__stories__/Default";
10
125
  export { WithHint } from "@digigov/ui/form/TextArea/__stories__/WithHint";
11
126
  export { WithDeclaredRows } from "@digigov/ui/form/TextArea/__stories__/WithDeclaredRows";
@@ -14,4 +129,5 @@ export { LimitedCharacters } from "@digigov/ui/form/TextArea/__stories__/Limited
14
129
  export { WithErrorMessage } from "@digigov/ui/form/TextArea/__stories__/WithErrorMessage";
15
130
  export { DisabledInput } from "@digigov/ui/form/TextArea/__stories__/DisabledInput";
16
131
  export { Dense } from "@digigov/ui/form/TextArea/__stories__/Dense";
17
- import TextArea from '@digigov/ui/form/TextArea';
132
+ import { TextArea } from '@digigov/ui/form/TextArea';
133
+ import React from 'react';
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/form/TextArea/TextArea.stories.js"],
4
- "sourcesContent": ["import TextArea from '@digigov/ui/form/TextArea';\nexport default {\n title: 'Digigov UI/form/TextArea',\n description:\n 'Use the textarea component when you need to let users enter an amount of text that\u2019s longer than a single line.',\n link: 'https://guide.services.gov.gr/docs/components/textarea',\n component: TextArea,\n displayName: 'TextArea',\n};\nexport { Default } from '@digigov/ui/form/TextArea/__stories__/Default';\nexport { WithHint } from '@digigov/ui/form/TextArea/__stories__/WithHint';\nexport { WithDeclaredRows } from '@digigov/ui/form/TextArea/__stories__/WithDeclaredRows';\nexport { MultipleQuestions } from '@digigov/ui/form/TextArea/__stories__/MultipleQuestions';\nexport { LimitedCharacters } from '@digigov/ui/form/TextArea/__stories__/LimitedCharacters';\nexport { WithErrorMessage } from '@digigov/ui/form/TextArea/__stories__/WithErrorMessage';\nexport { DisabledInput } from '@digigov/ui/form/TextArea/__stories__/DisabledInput';\nexport { Dense } from '@digigov/ui/form/TextArea/__stories__/Dense';\n"],
5
- "mappings": "AAAA,OAAO,cAAc;AACrB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,aAAa;",
3
+ "sources": ["../../../src/form/TextArea/TextArea.stories.jsx"],
4
+ "sourcesContent": ["import React from 'react';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { TextArea } from '@digigov/ui/form/TextArea';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { ErrorMessage } from '@digigov/ui/form/ErrorMessage';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport default {\n title: 'Digigov UI/form/TextArea',\n description:\n 'Use the textarea component when you need to let users enter an amount of text that\u2019s longer than a single line.',\n link: 'https://guide.services.gov.gr/docs/components/textarea',\n component: TextArea,\n displayName: 'TextArea',\n};\n\nexport const WithControls = {\n render: (args) => {\n return (\n <FieldContainer error={args.error}>\n <LabelContainer>\n <LabelTitle size=\"md\">{args.label}</LabelTitle>\n {args.hint && <Hint id={args.hintId}>{args.hintMessage}</Hint>}\n {args.error && (\n <ErrorMessage id={args.errorId}>\n <VisuallyHidden>\u039B\u03AC\u03B8\u03BF\u03C2:</VisuallyHidden>\n {args.errorMessage}\n </ErrorMessage>\n )}\n <TextArea\n dense={args.dense}\n name={args.name}\n disabled={args.disabled}\n aria-describedby={args.hintId}\n ></TextArea>\n {args.bottomHint && (\n <Hint id={args.bottomHintId}>{args.bottomHintMessage}</Hint>\n )}\n </LabelContainer>\n </FieldContainer>\n );\n },\n args: {\n label: '\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;',\n name: 'textarea',\n hint: true,\n hintMessage: '\u03A0\u03C1\u03BF\u03B1\u03B9\u03C1\u03B5\u03C4\u03B9\u03BA\u03CC',\n hintId: 'hintId',\n error: false,\n errorMessage: '\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF.',\n errorId: 'errorId',\n bottomHint: true,\n bottomHintMessage: '\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03C0\u03BB\u03B7\u03BA\u03C4\u03C1\u03BF\u03BB\u03BF\u03B3\u03AE\u03C3\u03B5\u03C4\u03B5 \u03BC\u03AD\u03C7\u03C1\u03B9 500 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03B5\u03C2.',\n bottomHintId: 'bottomHintId',\n dense: false,\n disabled: false,\n },\n argTypes: {\n label: {\n control: 'text',\n },\n name: {\n control: 'text',\n },\n hint: {\n control: 'boolean',\n },\n hintMessage: {\n control: 'text',\n if: { arg: 'hint', eq: true },\n },\n hintId: {\n control: 'text',\n if: { arg: 'hint', eq: true },\n },\n error: {\n control: 'boolean',\n },\n errorMessage: {\n control: 'text',\n if: { arg: 'error', eq: true },\n },\n errorId: {\n control: 'text',\n if: { arg: 'error', eq: true },\n },\n bottomHint: {\n control: 'boolean',\n },\n bottomHintMessage: {\n control: 'text',\n },\n bottomHintId: {\n control: 'text',\n },\n dense: {\n control: 'boolean',\n },\n disabled: {\n control: 'boolean',\n },\n },\n parameters: {\n controls: {\n exclude: ['ref', 'type'],\n },\n },\n};\nexport { Default } from '@digigov/ui/form/TextArea/__stories__/Default';\nexport { WithHint } from '@digigov/ui/form/TextArea/__stories__/WithHint';\nexport { WithDeclaredRows } from '@digigov/ui/form/TextArea/__stories__/WithDeclaredRows';\nexport { MultipleQuestions } from '@digigov/ui/form/TextArea/__stories__/MultipleQuestions';\nexport { LimitedCharacters } from '@digigov/ui/form/TextArea/__stories__/LimitedCharacters';\nexport { WithErrorMessage } from '@digigov/ui/form/TextArea/__stories__/WithErrorMessage';\nexport { DisabledInput } from '@digigov/ui/form/TextArea/__stories__/DisabledInput';\nexport { Dense } from '@digigov/ui/form/TextArea/__stories__/Dense';\n"],
5
+ "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAE/B,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ,CAAC,SAAS;AAChB,WACE,oCAAC,kBAAe,OAAO,KAAK,SAC1B,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAM,KAAK,KAAM,GACjC,KAAK,QAAQ,oCAAC,QAAK,IAAI,KAAK,UAAS,KAAK,WAAY,GACtD,KAAK,SACJ,oCAAC,gBAAa,IAAI,KAAK,WACrB,oCAAC,sBAAe,iCAAM,GACrB,KAAK,YACR,GAEF;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,KAAK;AAAA,QACZ,MAAM,KAAK;AAAA,QACX,UAAU,KAAK;AAAA,QACf,oBAAkB,KAAK;AAAA;AAAA,IACxB,GACA,KAAK,cACJ,oCAAC,QAAK,IAAI,KAAK,gBAAe,KAAK,iBAAkB,CAEzD,CACF;AAAA,EAEJ;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,cAAc;AAAA,IACd,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,IACX;AAAA,IACA,aAAa;AAAA,MACX,SAAS;AAAA,MACT,IAAI,EAAE,KAAK,QAAQ,IAAI,KAAK;AAAA,IAC9B;AAAA,IACA,QAAQ;AAAA,MACN,SAAS;AAAA,MACT,IAAI,EAAE,KAAK,QAAQ,IAAI,KAAK;AAAA,IAC9B;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,MACZ,SAAS;AAAA,MACT,IAAI,EAAE,KAAK,SAAS,IAAI,KAAK;AAAA,IAC/B;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,MACT,IAAI,EAAE,KAAK,SAAS,IAAI,KAAK;AAAA,IAC/B;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,IACX;AAAA,IACA,mBAAmB;AAAA,MACjB,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU;AAAA,MACR,SAAS,CAAC,OAAO,MAAM;AAAA,IACzB;AAAA,EACF;AACF;AACA,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,aAAa;",
6
6
  "names": []
7
7
  }
@@ -1,4 +1,10 @@
1
+ import React from "react";
1
2
  import TextInput from "@digigov/ui/form/TextInput";
3
+ import { FieldContainer } from "@digigov/ui/form/FieldContainer";
4
+ import { LabelContainer, LabelTitle } from "@digigov/ui/form/LabelContainer";
5
+ import { Hint } from "@digigov/ui/typography/Hint";
6
+ import { ErrorMessage } from "@digigov/ui/form/ErrorMessage";
7
+ import { VisuallyHidden } from "@digigov/ui/utils/VisuallyHidden";
2
8
  var TextInput_stories_default = {
3
9
  title: "Digigov UI/form/TextInput",
4
10
  description: "Use the text input component when you need to let users enter text that\u2019s no longer than a single line.",
@@ -6,6 +12,92 @@ var TextInput_stories_default = {
6
12
  component: TextInput,
7
13
  displayName: "TextInput"
8
14
  };
15
+ const WithControls = {
16
+ render: (args) => {
17
+ return /* @__PURE__ */ React.createElement(FieldContainer, { error: args.error }, /* @__PURE__ */ React.createElement(LabelContainer, null, /* @__PURE__ */ React.createElement(LabelTitle, { size: "md" }, args.label), args.hint && /* @__PURE__ */ React.createElement(Hint, { id: args.hintId }, args.hintMessage), args.error && /* @__PURE__ */ React.createElement(ErrorMessage, { id: args.errorId }, /* @__PURE__ */ React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), args.errorMessage), /* @__PURE__ */ React.createElement(
18
+ TextInput,
19
+ {
20
+ dense: args.dense,
21
+ name: args.name,
22
+ maxWidth: args.maxWidth === "full" ? void 0 : args.maxWidth,
23
+ width: args.width,
24
+ disabled: args.disabled,
25
+ "aria-describedby": args.hintId
26
+ }
27
+ )));
28
+ },
29
+ args: {
30
+ label: "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2",
31
+ name: "textarea",
32
+ width: "100%",
33
+ maxWidth: "full",
34
+ hint: true,
35
+ hintMessage: "\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C0\u03BF\u03C5 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03B5\u03C4\u03B1\u03B9 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C6\u03BF\u03C1\u03AF\u03B1;",
36
+ hintId: "hintId",
37
+ error: false,
38
+ errorMessage: "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF.",
39
+ errorId: "errorId",
40
+ dense: false,
41
+ disabled: false
42
+ },
43
+ argTypes: {
44
+ label: {
45
+ control: "text"
46
+ },
47
+ name: {
48
+ control: "text"
49
+ },
50
+ maxWidth: {
51
+ options: [
52
+ "2-char",
53
+ "3-char",
54
+ "4-char",
55
+ "5-char",
56
+ "10-char",
57
+ "20-char",
58
+ "full"
59
+ ],
60
+ control: { type: "select" }
61
+ },
62
+ width: {
63
+ options: ["25%", "33.3%", "50%", "66.6%", "75%", "100%", "full"],
64
+ control: { type: "select" }
65
+ },
66
+ hint: {
67
+ control: "boolean"
68
+ },
69
+ hintMessage: {
70
+ control: "text",
71
+ if: { arg: "hint", eq: true }
72
+ },
73
+ hintId: {
74
+ control: "text",
75
+ if: { arg: "hint", eq: true }
76
+ },
77
+ error: {
78
+ control: "boolean"
79
+ },
80
+ errorMessage: {
81
+ control: "text",
82
+ if: { arg: "error", eq: true }
83
+ },
84
+ errorId: {
85
+ control: "text",
86
+ if: { arg: "error", eq: true }
87
+ },
88
+ dense: {
89
+ control: "boolean"
90
+ },
91
+ disabled: {
92
+ control: "boolean"
93
+ }
94
+ },
95
+ parameters: {
96
+ controls: {
97
+ exclude: ["ref", "type"]
98
+ }
99
+ }
100
+ };
9
101
  import { Default } from "@digigov/ui/form/TextInput/__stories__/Default";
10
102
  import { MultipleQuestions } from "@digigov/ui/form/TextInput/__stories__/MultipleQuestions";
11
103
  import { FixedWidths } from "@digigov/ui/form/TextInput/__stories__/FixedWidths";
@@ -25,6 +117,7 @@ export {
25
117
  FixedWidths,
26
118
  FluidWidths,
27
119
  MultipleQuestions,
120
+ WithControls,
28
121
  WithErrorMessage,
29
122
  WithHint,
30
123
  TextInput_stories_default as default
@@ -6,6 +6,123 @@ declare namespace _default {
6
6
  export let displayName: string;
7
7
  }
8
8
  export default _default;
9
+ export namespace WithControls {
10
+ function render(args: any): React.JSX.Element;
11
+ namespace args {
12
+ let label: string;
13
+ let name: string;
14
+ let width: string;
15
+ let maxWidth: string;
16
+ let hint: boolean;
17
+ let hintMessage: string;
18
+ let hintId: string;
19
+ let error: boolean;
20
+ let errorMessage: string;
21
+ let errorId: string;
22
+ let dense: boolean;
23
+ let disabled: boolean;
24
+ }
25
+ namespace argTypes {
26
+ export namespace label_1 {
27
+ let control: string;
28
+ }
29
+ export { label_1 as label };
30
+ export namespace name_1 {
31
+ let control_1: string;
32
+ export { control_1 as control };
33
+ }
34
+ export { name_1 as name };
35
+ export namespace maxWidth_1 {
36
+ export let options: string[];
37
+ export namespace control_2 {
38
+ let type: string;
39
+ }
40
+ export { control_2 as control };
41
+ }
42
+ export { maxWidth_1 as maxWidth };
43
+ export namespace width_1 {
44
+ let options_1: string[];
45
+ export { options_1 as options };
46
+ export namespace control_3 {
47
+ let type_1: string;
48
+ export { type_1 as type };
49
+ }
50
+ export { control_3 as control };
51
+ }
52
+ export { width_1 as width };
53
+ export namespace hint_1 {
54
+ let control_4: string;
55
+ export { control_4 as control };
56
+ }
57
+ export { hint_1 as hint };
58
+ export namespace hintMessage_1 {
59
+ let control_5: string;
60
+ export { control_5 as control };
61
+ export namespace _if {
62
+ let arg: string;
63
+ let eq: boolean;
64
+ }
65
+ export { _if as if };
66
+ }
67
+ export { hintMessage_1 as hintMessage };
68
+ export namespace hintId_1 {
69
+ let control_6: string;
70
+ export { control_6 as control };
71
+ export namespace _if_1 {
72
+ let arg_1: string;
73
+ export { arg_1 as arg };
74
+ let eq_1: boolean;
75
+ export { eq_1 as eq };
76
+ }
77
+ export { _if_1 as if };
78
+ }
79
+ export { hintId_1 as hintId };
80
+ export namespace error_1 {
81
+ let control_7: string;
82
+ export { control_7 as control };
83
+ }
84
+ export { error_1 as error };
85
+ export namespace errorMessage_1 {
86
+ let control_8: string;
87
+ export { control_8 as control };
88
+ export namespace _if_2 {
89
+ let arg_2: string;
90
+ export { arg_2 as arg };
91
+ let eq_2: boolean;
92
+ export { eq_2 as eq };
93
+ }
94
+ export { _if_2 as if };
95
+ }
96
+ export { errorMessage_1 as errorMessage };
97
+ export namespace errorId_1 {
98
+ let control_9: string;
99
+ export { control_9 as control };
100
+ export namespace _if_3 {
101
+ let arg_3: string;
102
+ export { arg_3 as arg };
103
+ let eq_3: boolean;
104
+ export { eq_3 as eq };
105
+ }
106
+ export { _if_3 as if };
107
+ }
108
+ export { errorId_1 as errorId };
109
+ export namespace dense_1 {
110
+ let control_10: string;
111
+ export { control_10 as control };
112
+ }
113
+ export { dense_1 as dense };
114
+ export namespace disabled_1 {
115
+ let control_11: string;
116
+ export { control_11 as control };
117
+ }
118
+ export { disabled_1 as disabled };
119
+ }
120
+ namespace parameters {
121
+ namespace controls {
122
+ let exclude: string[];
123
+ }
124
+ }
125
+ }
9
126
  export { Default } from "@digigov/ui/form/TextInput/__stories__/Default";
10
127
  export { MultipleQuestions } from "@digigov/ui/form/TextInput/__stories__/MultipleQuestions";
11
128
  export { FixedWidths } from "@digigov/ui/form/TextInput/__stories__/FixedWidths";
@@ -17,3 +134,4 @@ export { DisabledInput } from "@digigov/ui/form/TextInput/__stories__/DisabledIn
17
134
  export { DisabledInputWithValue } from "@digigov/ui/form/TextInput/__stories__/DisabledInputWithValue";
18
135
  export { Dense } from "@digigov/ui/form/TextInput/__stories__/Dense";
19
136
  import TextInput from '@digigov/ui/form/TextInput';
137
+ import React from 'react';
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/form/TextInput/TextInput.stories.js"],
4
- "sourcesContent": ["import TextInput from '@digigov/ui/form/TextInput';\nexport default {\n title: 'Digigov UI/form/TextInput',\n description:\n 'Use the text input component when you need to let users enter text that\u2019s no longer than a single line.',\n link: 'https://guide.services.gov.gr/docs/components/TextInput',\n component: TextInput,\n displayName: 'TextInput',\n};\nexport { Default } from '@digigov/ui/form/TextInput/__stories__/Default';\nexport { MultipleQuestions } from '@digigov/ui/form/TextInput/__stories__/MultipleQuestions';\nexport { FixedWidths } from '@digigov/ui/form/TextInput/__stories__/FixedWidths';\nexport { FluidWidths } from '@digigov/ui/form/TextInput/__stories__/FluidWidths';\nexport { WithHint } from '@digigov/ui/form/TextInput/__stories__/WithHint';\nexport { AskingForNumbers } from '@digigov/ui/form/TextInput/__stories__/AskingForNumbers';\nexport { WithErrorMessage } from '@digigov/ui/form/TextInput/__stories__/WithErrorMessage';\nexport { DisabledInput } from '@digigov/ui/form/TextInput/__stories__/DisabledInput';\nexport { DisabledInputWithValue } from '@digigov/ui/form/TextInput/__stories__/DisabledInputWithValue';\nexport { Dense } from '@digigov/ui/form/TextInput/__stories__/Dense';\n"],
5
- "mappings": "AAAA,OAAO,eAAe;AACtB,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AACvC,SAAS,aAAa;",
3
+ "sources": ["../../../src/form/TextInput/TextInput.stories.jsx"],
4
+ "sourcesContent": ["import React from 'react';\nimport TextInput from '@digigov/ui/form/TextInput';\nimport { FieldContainer } from '@digigov/ui/form/FieldContainer';\nimport { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { ErrorMessage } from '@digigov/ui/form/ErrorMessage';\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport default {\n title: 'Digigov UI/form/TextInput',\n description:\n 'Use the text input component when you need to let users enter text that\u2019s no longer than a single line.',\n link: 'https://guide.services.gov.gr/docs/components/TextInput',\n component: TextInput,\n displayName: 'TextInput',\n};\n\nexport const WithControls = {\n render: (args) => {\n return (\n <FieldContainer error={args.error}>\n <LabelContainer>\n <LabelTitle size=\"md\">{args.label}</LabelTitle>\n {args.hint && <Hint id={args.hintId}>{args.hintMessage}</Hint>}\n {args.error && (\n <ErrorMessage id={args.errorId}>\n <VisuallyHidden>\u039B\u03AC\u03B8\u03BF\u03C2:</VisuallyHidden>\n {args.errorMessage}\n </ErrorMessage>\n )}\n <TextInput\n dense={args.dense}\n name={args.name}\n maxWidth={args.maxWidth === 'full' ? undefined : args.maxWidth}\n width={args.width}\n disabled={args.disabled}\n aria-describedby={args.hintId}\n ></TextInput>\n </LabelContainer>\n </FieldContainer>\n );\n },\n args: {\n label: '\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2',\n name: 'textarea',\n width: '100%',\n maxWidth: 'full',\n hint: true,\n hintMessage: '\u03A0\u03BF\u03B9\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C0\u03BF\u03C5 \u03B5\u03BC\u03C6\u03B1\u03BD\u03AF\u03B6\u03B5\u03C4\u03B1\u03B9 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C6\u03BF\u03C1\u03AF\u03B1;',\n hintId: 'hintId',\n error: false,\n errorMessage: '\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF.',\n errorId: 'errorId',\n dense: false,\n disabled: false,\n },\n argTypes: {\n label: {\n control: 'text',\n },\n name: {\n control: 'text',\n },\n maxWidth: {\n options: [\n '2-char',\n '3-char',\n '4-char',\n '5-char',\n '10-char',\n '20-char',\n 'full',\n ],\n control: { type: 'select' },\n },\n width: {\n options: ['25%', '33.3%', '50%', '66.6%', '75%', '100%', 'full'],\n control: { type: 'select' },\n },\n hint: {\n control: 'boolean',\n },\n hintMessage: {\n control: 'text',\n if: { arg: 'hint', eq: true },\n },\n hintId: {\n control: 'text',\n if: { arg: 'hint', eq: true },\n },\n error: {\n control: 'boolean',\n },\n errorMessage: {\n control: 'text',\n if: { arg: 'error', eq: true },\n },\n errorId: {\n control: 'text',\n if: { arg: 'error', eq: true },\n },\n dense: {\n control: 'boolean',\n },\n disabled: {\n control: 'boolean',\n },\n },\n parameters: {\n controls: {\n exclude: ['ref', 'type'],\n },\n },\n};\n\nexport { Default } from '@digigov/ui/form/TextInput/__stories__/Default';\nexport { MultipleQuestions } from '@digigov/ui/form/TextInput/__stories__/MultipleQuestions';\nexport { FixedWidths } from '@digigov/ui/form/TextInput/__stories__/FixedWidths';\nexport { FluidWidths } from '@digigov/ui/form/TextInput/__stories__/FluidWidths';\nexport { WithHint } from '@digigov/ui/form/TextInput/__stories__/WithHint';\nexport { AskingForNumbers } from '@digigov/ui/form/TextInput/__stories__/AskingForNumbers';\nexport { WithErrorMessage } from '@digigov/ui/form/TextInput/__stories__/WithErrorMessage';\nexport { DisabledInput } from '@digigov/ui/form/TextInput/__stories__/DisabledInput';\nexport { DisabledInputWithValue } from '@digigov/ui/form/TextInput/__stories__/DisabledInputWithValue';\nexport { Dense } from '@digigov/ui/form/TextInput/__stories__/Dense';\n"],
5
+ "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAe;AACtB,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAE/B,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ,CAAC,SAAS;AAChB,WACE,oCAAC,kBAAe,OAAO,KAAK,SAC1B,oCAAC,sBACC,oCAAC,cAAW,MAAK,QAAM,KAAK,KAAM,GACjC,KAAK,QAAQ,oCAAC,QAAK,IAAI,KAAK,UAAS,KAAK,WAAY,GACtD,KAAK,SACJ,oCAAC,gBAAa,IAAI,KAAK,WACrB,oCAAC,sBAAe,iCAAM,GACrB,KAAK,YACR,GAEF;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,KAAK;AAAA,QACZ,MAAM,KAAK;AAAA,QACX,UAAU,KAAK,aAAa,SAAS,SAAY,KAAK;AAAA,QACtD,OAAO,KAAK;AAAA,QACZ,UAAU,KAAK;AAAA,QACf,oBAAkB,KAAK;AAAA;AAAA,IACxB,CACH,CACF;AAAA,EAEJ;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,cAAc;AAAA,IACd,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,IACX;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,OAAO;AAAA,MACL,SAAS,CAAC,OAAO,SAAS,OAAO,SAAS,OAAO,QAAQ,MAAM;AAAA,MAC/D,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,IACX;AAAA,IACA,aAAa;AAAA,MACX,SAAS;AAAA,MACT,IAAI,EAAE,KAAK,QAAQ,IAAI,KAAK;AAAA,IAC9B;AAAA,IACA,QAAQ;AAAA,MACN,SAAS;AAAA,MACT,IAAI,EAAE,KAAK,QAAQ,IAAI,KAAK;AAAA,IAC9B;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,MACZ,SAAS;AAAA,MACT,IAAI,EAAE,KAAK,SAAS,IAAI,KAAK;AAAA,IAC/B;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,MACT,IAAI,EAAE,KAAK,SAAS,IAAI,KAAK;AAAA,IAC/B;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU;AAAA,MACR,SAAS,CAAC,OAAO,MAAM;AAAA,IACzB;AAAA,EACF;AACF;AAEA,SAAS,eAAe;AACxB,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AACvC,SAAS,aAAa;",
6
6
  "names": []
7
7
  }
@@ -1,3 +1,7 @@
1
- import GovGRLogo from '@digigov/react-core/GovGRLogo';
2
- export { GovGRLogo };
1
+ export * from '@digigov/react-core/GovGRLogoBase';
2
+ import React from 'react';
3
+ import { GovGRLogoBaseProps } from '@digigov/react-core/GovGRLogoBase';
4
+ export interface GovGRLogoProps extends GovGRLogoBaseProps {
5
+ }
6
+ export declare const GovGRLogo: React.ForwardRefExoticComponent<Omit<GovGRLogoProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
3
7
  export default GovGRLogo;
@@ -1,4 +1,14 @@
1
- import GovGRLogo from "@digigov/react-core/GovGRLogo";
1
+ export * from "@digigov/react-core/GovGRLogoBase";
2
+ import React from "react";
3
+ import {
4
+ GovGRLogoBase
5
+ } from "@digigov/react-core/GovGRLogoBase";
6
+ import { Link } from "@digigov/ui/navigation/Link";
7
+ const GovGRLogo = React.forwardRef(
8
+ function GovGRLogo2({ children, ...props }, ref) {
9
+ return /* @__PURE__ */ React.createElement(GovGRLogoBase, { as: Link, ref, ...props }, children);
10
+ }
11
+ );
2
12
  var GovGRLogo_default = GovGRLogo;
3
13
  export {
4
14
  GovGRLogo,
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/govgr/GovGRLogo/index.tsx"],
4
- "sourcesContent": ["import GovGRLogo from '@digigov/react-core/GovGRLogo';\n\nexport { GovGRLogo };\n\nexport default GovGRLogo;\n"],
5
- "mappings": "AAAA,OAAO,eAAe;AAItB,IAAO,oBAAQ;",
6
- "names": []
4
+ "sourcesContent": ["export * from '@digigov/react-core/GovGRLogoBase';\nimport React from 'react';\nimport {\n GovGRLogoBase,\n GovGRLogoBaseProps,\n} from '@digigov/react-core/GovGRLogoBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface GovGRLogoProps extends GovGRLogoBaseProps {}\n\nexport const GovGRLogo = React.forwardRef<HTMLAnchorElement, GovGRLogoProps>(\n function GovGRLogo({ children, ...props }, ref) {\n return (\n <GovGRLogoBase as={Link} ref={ref} {...props}>\n {children}\n </GovGRLogoBase>\n );\n }\n);\nexport default GovGRLogo;\n"],
5
+ "mappings": "AAAA,cAAc;AACd,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,YAAY;AAId,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WAAU,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9C,WACE,oCAAC,iBAAc,IAAI,MAAM,KAAW,GAAG,SACpC,QACH;AAAA,EAEJ;AACF;AACA,IAAO,oBAAQ;",
6
+ "names": ["GovGRLogo"]
7
7
  }
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license Digigov v2.0.0-8e254888
1
+ /** @license Digigov v2.0.0-a32ad9b2
2
2
  *
3
3
  * This source code is licensed under the BSD-2-Clause license found in the
4
4
  * LICENSE file in the root directory of this source tree.
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import Card from "@digigov/ui/content/Card";
3
- import Stack from "@digigov/ui/layouts/Stack";
3
+ import { Stack } from "@digigov/ui/layouts/Stack";
4
4
  const AlignItems = () => {
5
5
  return /* @__PURE__ */ React.createElement(Stack, { spacing: 4 }, /* @__PURE__ */ React.createElement(Stack, { direction: "row", spacing: 2, alignItems: "flex-start" }, /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 1 "), /* @__PURE__ */ React.createElement(Card, { variant: "border", padding: 8 }, " ", "Item 2", " "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 3 ")), /* @__PURE__ */ React.createElement(Stack, { direction: "row", spacing: 2, alignItems: "center" }, /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 1 "), /* @__PURE__ */ React.createElement(Card, { variant: "border", padding: 8 }, " ", "Item 2", " "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 3 ")), /* @__PURE__ */ React.createElement(Stack, { direction: "row", spacing: 2, alignItems: "flex-end" }, /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 1 "), /* @__PURE__ */ React.createElement(Card, { variant: "border", padding: 8 }, " ", "Item 2", " "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 3 ")), /* @__PURE__ */ React.createElement(Stack, { direction: "row", spacing: 2, alignItems: "baseline" }, /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 1 "), /* @__PURE__ */ React.createElement(Card, { variant: "border", padding: 8 }, " ", "Item 2", " "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 3 ")), /* @__PURE__ */ React.createElement(Stack, { direction: "row", spacing: 2, alignItems: "stretch" }, /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 1 "), /* @__PURE__ */ React.createElement(Card, { variant: "border", padding: 8 }, " ", "Item 2", " "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 3 ")));
6
6
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/layouts/Stack/__stories__/AlignItems.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport Stack from '@digigov/ui/layouts/Stack';\n\nexport const AlignItems = () => {\n return (\n <Stack spacing={4}>\n <Stack direction=\"row\" spacing={2} alignItems=\"flex-start\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\" padding={8}>\n {' '}\n Item 2{' '}\n </Card>\n <Card variant=\"border\"> Item 3 </Card>\n </Stack>\n <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\" padding={8}>\n {' '}\n Item 2{' '}\n </Card>\n <Card variant=\"border\"> Item 3 </Card>\n </Stack>\n <Stack direction=\"row\" spacing={2} alignItems=\"flex-end\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\" padding={8}>\n {' '}\n Item 2{' '}\n </Card>\n <Card variant=\"border\"> Item 3 </Card>\n </Stack>\n <Stack direction=\"row\" spacing={2} alignItems=\"baseline\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\" padding={8}>\n {' '}\n Item 2{' '}\n </Card>\n <Card variant=\"border\"> Item 3 </Card>\n </Stack>\n <Stack direction=\"row\" spacing={2} alignItems=\"stretch\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\" padding={8}>\n {' '}\n Item 2{' '}\n </Card>\n <Card variant=\"border\"> Item 3 </Card>\n </Stack>\n </Stack>\n );\n};\nexport default AlignItems;\n"],
5
- "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,WAAW;AAEX,MAAM,aAAa,MAAM;AAC9B,SACE,oCAAC,SAAM,SAAS,KACd,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAG,YAAW,gBAC5C,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,UAAS,SAAS,KAC7B,KAAI,UACE,GACT,GACA,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAG,YAAW,YAC5C,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,UAAS,SAAS,KAC7B,KAAI,UACE,GACT,GACA,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAG,YAAW,cAC5C,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,UAAS,SAAS,KAC7B,KAAI,UACE,GACT,GACA,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAG,YAAW,cAC5C,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,UAAS,SAAS,KAC7B,KAAI,UACE,GACT,GACA,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAG,YAAW,aAC5C,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,UAAS,SAAS,KAC7B,KAAI,UACE,GACT,GACA,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC,CACF;AAEJ;AACA,IAAO,qBAAQ;",
4
+ "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport { Stack } from '@digigov/ui/layouts/Stack';\n\nexport const AlignItems = () => {\n return (\n <Stack spacing={4}>\n <Stack direction=\"row\" spacing={2} alignItems=\"flex-start\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\" padding={8}>\n {' '}\n Item 2{' '}\n </Card>\n <Card variant=\"border\"> Item 3 </Card>\n </Stack>\n <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\" padding={8}>\n {' '}\n Item 2{' '}\n </Card>\n <Card variant=\"border\"> Item 3 </Card>\n </Stack>\n <Stack direction=\"row\" spacing={2} alignItems=\"flex-end\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\" padding={8}>\n {' '}\n Item 2{' '}\n </Card>\n <Card variant=\"border\"> Item 3 </Card>\n </Stack>\n <Stack direction=\"row\" spacing={2} alignItems=\"baseline\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\" padding={8}>\n {' '}\n Item 2{' '}\n </Card>\n <Card variant=\"border\"> Item 3 </Card>\n </Stack>\n <Stack direction=\"row\" spacing={2} alignItems=\"stretch\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\" padding={8}>\n {' '}\n Item 2{' '}\n </Card>\n <Card variant=\"border\"> Item 3 </Card>\n </Stack>\n </Stack>\n );\n};\nexport default AlignItems;\n"],
5
+ "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,aAAa;AAEf,MAAM,aAAa,MAAM;AAC9B,SACE,oCAAC,SAAM,SAAS,KACd,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAG,YAAW,gBAC5C,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,UAAS,SAAS,KAC7B,KAAI,UACE,GACT,GACA,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAG,YAAW,YAC5C,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,UAAS,SAAS,KAC7B,KAAI,UACE,GACT,GACA,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAG,YAAW,cAC5C,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,UAAS,SAAS,KAC7B,KAAI,UACE,GACT,GACA,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAG,YAAW,cAC5C,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,UAAS,SAAS,KAC7B,KAAI,UACE,GACT,GACA,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAG,YAAW,aAC5C,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,UAAS,SAAS,KAC7B,KAAI,UACE,GACT,GACA,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC,CACF;AAEJ;AACA,IAAO,qBAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import Card from "@digigov/ui/content/Card";
3
- import Stack from "@digigov/ui/layouts/Stack";
3
+ import { Stack } from "@digigov/ui/layouts/Stack";
4
4
  const Default = () => {
5
5
  return /* @__PURE__ */ React.createElement(Stack, { spacing: 2 }, /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 1 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 2 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 3 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 4 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 5 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 6 "));
6
6
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/layouts/Stack/__stories__/Default.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport Stack from '@digigov/ui/layouts/Stack';\n\nexport const Default = () => {\n return (\n <Stack spacing={2}>\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\"> Item 2 </Card>\n <Card variant=\"border\"> Item 3 </Card>\n <Card variant=\"border\"> Item 4 </Card>\n <Card variant=\"border\"> Item 5 </Card>\n <Card variant=\"border\"> Item 6 </Card>\n </Stack>\n );\n};\nexport default Default;\n"],
5
- "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,WAAW;AAEX,MAAM,UAAU,MAAM;AAC3B,SACE,oCAAC,SAAM,SAAS,KACd,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC;AAEJ;AACA,IAAO,kBAAQ;",
4
+ "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport { Stack } from '@digigov/ui/layouts/Stack';\n\nexport const Default = () => {\n return (\n <Stack spacing={2}>\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\"> Item 2 </Card>\n <Card variant=\"border\"> Item 3 </Card>\n <Card variant=\"border\"> Item 4 </Card>\n <Card variant=\"border\"> Item 5 </Card>\n <Card variant=\"border\"> Item 6 </Card>\n </Stack>\n );\n};\nexport default Default;\n"],
5
+ "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,aAAa;AAEf,MAAM,UAAU,MAAM;AAC3B,SACE,oCAAC,SAAM,SAAS,KACd,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC;AAEJ;AACA,IAAO,kBAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import Card from "@digigov/ui/content/Card";
3
- import Stack from "@digigov/ui/layouts/Stack";
3
+ import { Stack } from "@digigov/ui/layouts/Stack";
4
4
  const JustifyContent = () => {
5
5
  return /* @__PURE__ */ React.createElement(Stack, { spacing: 4 }, /* @__PURE__ */ React.createElement(Stack, { direction: "row", spacing: 2, justifyContent: "flex-start" }, /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 1 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 2 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 3 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 4 ")), /* @__PURE__ */ React.createElement(Stack, { direction: "row", spacing: 2, justifyContent: "center" }, /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 1 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 2 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 3 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 4 ")), /* @__PURE__ */ React.createElement(Stack, { direction: "row", spacing: 2, justifyContent: "flex-end" }, /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 1 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 2 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 3 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 4 ")), /* @__PURE__ */ React.createElement(Stack, { direction: "row", spacing: 2, justifyContent: "space-between" }, /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 1 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 2 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 3 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 4 ")), /* @__PURE__ */ React.createElement(Stack, { direction: "row", spacing: 2, justifyContent: "space-around" }, /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 1 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 2 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 3 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 4 ")), /* @__PURE__ */ React.createElement(Stack, { direction: "row", spacing: 2, justifyContent: "space-evenly" }, /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 1 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 2 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 3 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 4 ")));
6
6
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/layouts/Stack/__stories__/JustifyContent.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport Stack from '@digigov/ui/layouts/Stack';\n\nexport const JustifyContent = () => {\n return (\n <Stack spacing={4}>\n <Stack direction=\"row\" spacing={2} justifyContent=\"flex-start\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\"> Item 2 </Card>\n <Card variant=\"border\"> Item 3 </Card>\n <Card variant=\"border\"> Item 4 </Card>\n </Stack>\n <Stack direction=\"row\" spacing={2} justifyContent=\"center\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\"> Item 2 </Card>\n <Card variant=\"border\"> Item 3 </Card>\n <Card variant=\"border\"> Item 4 </Card>\n </Stack>\n <Stack direction=\"row\" spacing={2} justifyContent=\"flex-end\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\"> Item 2 </Card>\n <Card variant=\"border\"> Item 3 </Card>\n <Card variant=\"border\"> Item 4 </Card>\n </Stack>\n <Stack direction=\"row\" spacing={2} justifyContent=\"space-between\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\"> Item 2 </Card>\n <Card variant=\"border\"> Item 3 </Card>\n <Card variant=\"border\"> Item 4 </Card>\n </Stack>\n <Stack direction=\"row\" spacing={2} justifyContent=\"space-around\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\"> Item 2 </Card>\n <Card variant=\"border\"> Item 3 </Card>\n <Card variant=\"border\"> Item 4 </Card>\n </Stack>\n <Stack direction=\"row\" spacing={2} justifyContent=\"space-evenly\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\"> Item 2 </Card>\n <Card variant=\"border\"> Item 3 </Card>\n <Card variant=\"border\"> Item 4 </Card>\n </Stack>\n </Stack>\n );\n};\nexport default JustifyContent;\n"],
5
- "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,WAAW;AAEX,MAAM,iBAAiB,MAAM;AAClC,SACE,oCAAC,SAAM,SAAS,KACd,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAG,gBAAe,gBAChD,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAG,gBAAe,YAChD,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAG,gBAAe,cAChD,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAG,gBAAe,mBAChD,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAG,gBAAe,kBAChD,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAG,gBAAe,kBAChD,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC,CACF;AAEJ;AACA,IAAO,yBAAQ;",
4
+ "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport { Stack } from '@digigov/ui/layouts/Stack';\n\nexport const JustifyContent = () => {\n return (\n <Stack spacing={4}>\n <Stack direction=\"row\" spacing={2} justifyContent=\"flex-start\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\"> Item 2 </Card>\n <Card variant=\"border\"> Item 3 </Card>\n <Card variant=\"border\"> Item 4 </Card>\n </Stack>\n <Stack direction=\"row\" spacing={2} justifyContent=\"center\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\"> Item 2 </Card>\n <Card variant=\"border\"> Item 3 </Card>\n <Card variant=\"border\"> Item 4 </Card>\n </Stack>\n <Stack direction=\"row\" spacing={2} justifyContent=\"flex-end\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\"> Item 2 </Card>\n <Card variant=\"border\"> Item 3 </Card>\n <Card variant=\"border\"> Item 4 </Card>\n </Stack>\n <Stack direction=\"row\" spacing={2} justifyContent=\"space-between\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\"> Item 2 </Card>\n <Card variant=\"border\"> Item 3 </Card>\n <Card variant=\"border\"> Item 4 </Card>\n </Stack>\n <Stack direction=\"row\" spacing={2} justifyContent=\"space-around\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\"> Item 2 </Card>\n <Card variant=\"border\"> Item 3 </Card>\n <Card variant=\"border\"> Item 4 </Card>\n </Stack>\n <Stack direction=\"row\" spacing={2} justifyContent=\"space-evenly\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\"> Item 2 </Card>\n <Card variant=\"border\"> Item 3 </Card>\n <Card variant=\"border\"> Item 4 </Card>\n </Stack>\n </Stack>\n );\n};\nexport default JustifyContent;\n"],
5
+ "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,aAAa;AAEf,MAAM,iBAAiB,MAAM;AAClC,SACE,oCAAC,SAAM,SAAS,KACd,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAG,gBAAe,gBAChD,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAG,gBAAe,YAChD,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAG,gBAAe,cAChD,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAG,gBAAe,mBAChD,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAG,gBAAe,kBAChD,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC,GACA,oCAAC,SAAM,WAAU,OAAM,SAAS,GAAG,gBAAe,kBAChD,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC,CACF;AAEJ;AACA,IAAO,yBAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import Card from "@digigov/ui/content/Card";
3
- import Stack from "@digigov/ui/layouts/Stack";
3
+ import { Stack } from "@digigov/ui/layouts/Stack";
4
4
  const NoWrap = () => {
5
5
  return /* @__PURE__ */ React.createElement(Stack, { spacing: 4, direction: "row", flexWrap: "nowrap" }, /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Longer Item 1 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Longer Item 2 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Longer Item 3 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Longer Item 4 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Longer Item 5 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Longer Item 6 "));
6
6
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/layouts/Stack/__stories__/NoWrap.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport Stack from '@digigov/ui/layouts/Stack';\n\nexport const NoWrap = () => {\n return (\n <Stack spacing={4} direction=\"row\" flexWrap=\"nowrap\">\n <Card variant=\"border\"> Longer Item 1 </Card>\n <Card variant=\"border\"> Longer Item 2 </Card>\n <Card variant=\"border\"> Longer Item 3 </Card>\n <Card variant=\"border\"> Longer Item 4 </Card>\n <Card variant=\"border\"> Longer Item 5 </Card>\n <Card variant=\"border\"> Longer Item 6 </Card>\n </Stack>\n );\n};\nexport default NoWrap;\n"],
5
- "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,WAAW;AAEX,MAAM,SAAS,MAAM;AAC1B,SACE,oCAAC,SAAM,SAAS,GAAG,WAAU,OAAM,UAAS,YAC1C,oCAAC,QAAK,SAAQ,YAAS,iBAAe,GACtC,oCAAC,QAAK,SAAQ,YAAS,iBAAe,GACtC,oCAAC,QAAK,SAAQ,YAAS,iBAAe,GACtC,oCAAC,QAAK,SAAQ,YAAS,iBAAe,GACtC,oCAAC,QAAK,SAAQ,YAAS,iBAAe,GACtC,oCAAC,QAAK,SAAQ,YAAS,iBAAe,CACxC;AAEJ;AACA,IAAO,iBAAQ;",
4
+ "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport { Stack } from '@digigov/ui/layouts/Stack';\n\nexport const NoWrap = () => {\n return (\n <Stack spacing={4} direction=\"row\" flexWrap=\"nowrap\">\n <Card variant=\"border\"> Longer Item 1 </Card>\n <Card variant=\"border\"> Longer Item 2 </Card>\n <Card variant=\"border\"> Longer Item 3 </Card>\n <Card variant=\"border\"> Longer Item 4 </Card>\n <Card variant=\"border\"> Longer Item 5 </Card>\n <Card variant=\"border\"> Longer Item 6 </Card>\n </Stack>\n );\n};\nexport default NoWrap;\n"],
5
+ "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,aAAa;AAEf,MAAM,SAAS,MAAM;AAC1B,SACE,oCAAC,SAAM,SAAS,GAAG,WAAU,OAAM,UAAS,YAC1C,oCAAC,QAAK,SAAQ,YAAS,iBAAe,GACtC,oCAAC,QAAK,SAAQ,YAAS,iBAAe,GACtC,oCAAC,QAAK,SAAQ,YAAS,iBAAe,GACtC,oCAAC,QAAK,SAAQ,YAAS,iBAAe,GACtC,oCAAC,QAAK,SAAQ,YAAS,iBAAe,GACtC,oCAAC,QAAK,SAAQ,YAAS,iBAAe,CACxC;AAEJ;AACA,IAAO,iBAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import Card from "@digigov/ui/content/Card";
3
- import Stack from "@digigov/ui/layouts/Stack";
3
+ import { Stack } from "@digigov/ui/layouts/Stack";
4
4
  const Row = () => {
5
5
  return /* @__PURE__ */ React.createElement(Stack, { spacing: 2, direction: "row" }, /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 1 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 2 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 3 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 4 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 5 "), /* @__PURE__ */ React.createElement(Card, { variant: "border" }, " Item 6 "));
6
6
  };
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/layouts/Stack/__stories__/Row.tsx"],
4
- "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport Stack from '@digigov/ui/layouts/Stack';\n\nexport const Row = () => {\n return (\n <Stack spacing={2} direction=\"row\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\"> Item 2 </Card>\n <Card variant=\"border\"> Item 3 </Card>\n <Card variant=\"border\"> Item 4 </Card>\n <Card variant=\"border\"> Item 5 </Card>\n <Card variant=\"border\"> Item 6 </Card>\n </Stack>\n );\n};\nexport default Row;\n"],
5
- "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,WAAW;AAEX,MAAM,MAAM,MAAM;AACvB,SACE,oCAAC,SAAM,SAAS,GAAG,WAAU,SAC3B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC;AAEJ;AACA,IAAO,cAAQ;",
4
+ "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport { Stack } from '@digigov/ui/layouts/Stack';\n\nexport const Row = () => {\n return (\n <Stack spacing={2} direction=\"row\">\n <Card variant=\"border\"> Item 1 </Card>\n <Card variant=\"border\"> Item 2 </Card>\n <Card variant=\"border\"> Item 3 </Card>\n <Card variant=\"border\"> Item 4 </Card>\n <Card variant=\"border\"> Item 5 </Card>\n <Card variant=\"border\"> Item 6 </Card>\n </Stack>\n );\n};\nexport default Row;\n"],
5
+ "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,SAAS,aAAa;AAEf,MAAM,MAAM,MAAM;AACvB,SACE,oCAAC,SAAM,SAAS,GAAG,WAAU,SAC3B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,GAC/B,oCAAC,QAAK,SAAQ,YAAS,UAAQ,CACjC;AAEJ;AACA,IAAO,cAAQ;",
6
6
  "names": []
7
7
  }