@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
@@ -1,9 +1,65 @@
1
- import CopyToClipboard from "@digigov/ui/feedback/CopyToClipboard";
1
+ import React from "react";
2
+ import { CopyToClipboard } from "@digigov/ui/feedback/CopyToClipboard";
3
+ import { Button } from "@digigov/ui/form/Button";
2
4
  var CopyToClipboard_stories_default = {
3
5
  title: "Digigov UI/feedback/CopyToClipboard",
4
6
  component: CopyToClipboard,
5
7
  displayName: "CopyToClipboard"
6
8
  };
9
+ const WithControls = {
10
+ render: (args) => {
11
+ return /* @__PURE__ */ React.createElement(
12
+ CopyToClipboard,
13
+ {
14
+ text: args.text,
15
+ variant: args.variant,
16
+ tooltipAlign: args.tooltipAlign,
17
+ dense: args.dense,
18
+ message: args.message,
19
+ id: args.id,
20
+ onCopy: () => {
21
+ console.log("content copied!");
22
+ }
23
+ },
24
+ /* @__PURE__ */ React.createElement(Button, { color: "secondary", "aria-describedby": "copy-to-clipboard" }, "\u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03B1\u03C6\u03AE")
25
+ );
26
+ },
27
+ args: {
28
+ text: "copied-text",
29
+ variant: "tooltip",
30
+ tooltipAlign: "left",
31
+ dense: false,
32
+ message: "\u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03AC\u03C6\u03B7\u03BA\u03B5 \u03C3\u03C4\u03BF \u03C0\u03C1\u03CC\u03C7\u03B5\u03B9\u03C1\u03BF",
33
+ id: "copy-to-clipboard"
34
+ },
35
+ argTypes: {
36
+ text: {
37
+ control: { type: "text" }
38
+ },
39
+ variant: {
40
+ options: ["tooltip", "banner"],
41
+ control: { type: "select" }
42
+ },
43
+ tooltipAlign: {
44
+ options: ["left", "right"],
45
+ control: { type: "select" },
46
+ if: { arg: "variant", eq: "tooltip" }
47
+ },
48
+ dense: {
49
+ control: { type: "boolean" },
50
+ if: { arg: "variant", eq: "tooltip" }
51
+ },
52
+ message: {
53
+ control: { type: "text" }
54
+ },
55
+ id: {
56
+ control: { type: "text" }
57
+ }
58
+ },
59
+ parameters: {
60
+ controls: { exclude: ["timeout", "ref"] }
61
+ }
62
+ };
7
63
  import { Default } from "@digigov/ui/feedback/CopyToClipboard/__stories__/Default";
8
64
  import { Banner } from "@digigov/ui/feedback/CopyToClipboard/__stories__/Banner";
9
65
  import { Dense } from "@digigov/ui/feedback/CopyToClipboard/__stories__/Dense";
@@ -11,6 +67,7 @@ export {
11
67
  Banner,
12
68
  Default,
13
69
  Dense,
70
+ WithControls,
14
71
  CopyToClipboard_stories_default as default
15
72
  };
16
73
  //# sourceMappingURL=CopyToClipboard.stories.js.map
@@ -4,7 +4,87 @@ declare namespace _default {
4
4
  export let displayName: string;
5
5
  }
6
6
  export default _default;
7
+ export namespace WithControls {
8
+ function render(args: any): React.JSX.Element;
9
+ namespace args {
10
+ let text: string;
11
+ let variant: string;
12
+ let tooltipAlign: string;
13
+ let dense: boolean;
14
+ let message: string;
15
+ let id: string;
16
+ }
17
+ namespace argTypes {
18
+ export namespace text_1 {
19
+ namespace control {
20
+ let type: string;
21
+ }
22
+ }
23
+ export { text_1 as text };
24
+ export namespace variant_1 {
25
+ export let options: string[];
26
+ export namespace control_1 {
27
+ let type_1: string;
28
+ export { type_1 as type };
29
+ }
30
+ export { control_1 as control };
31
+ }
32
+ export { variant_1 as variant };
33
+ export namespace tooltipAlign_1 {
34
+ let options_1: string[];
35
+ export { options_1 as options };
36
+ export namespace control_2 {
37
+ let type_2: string;
38
+ export { type_2 as type };
39
+ }
40
+ export { control_2 as control };
41
+ export namespace _if {
42
+ let arg: string;
43
+ let eq: string;
44
+ }
45
+ export { _if as if };
46
+ }
47
+ export { tooltipAlign_1 as tooltipAlign };
48
+ export namespace dense_1 {
49
+ export namespace control_3 {
50
+ let type_3: string;
51
+ export { type_3 as type };
52
+ }
53
+ export { control_3 as control };
54
+ export namespace _if_1 {
55
+ let arg_1: string;
56
+ export { arg_1 as arg };
57
+ let eq_1: string;
58
+ export { eq_1 as eq };
59
+ }
60
+ export { _if_1 as if };
61
+ }
62
+ export { dense_1 as dense };
63
+ export namespace message_1 {
64
+ export namespace control_4 {
65
+ let type_4: string;
66
+ export { type_4 as type };
67
+ }
68
+ export { control_4 as control };
69
+ }
70
+ export { message_1 as message };
71
+ export namespace id_1 {
72
+ export namespace control_5 {
73
+ let type_5: string;
74
+ export { type_5 as type };
75
+ }
76
+ export { control_5 as control };
77
+ }
78
+ export { id_1 as id };
79
+ }
80
+ namespace parameters {
81
+ namespace controls {
82
+ let exclude: string[];
83
+ }
84
+ }
85
+ }
7
86
  export { Default } from "@digigov/ui/feedback/CopyToClipboard/__stories__/Default";
8
87
  export { Banner } from "@digigov/ui/feedback/CopyToClipboard/__stories__/Banner";
9
88
  export { Dense } from "@digigov/ui/feedback/CopyToClipboard/__stories__/Dense";
10
- import CopyToClipboard from '@digigov/ui/feedback/CopyToClipboard';
89
+ import { CopyToClipboard } from '@digigov/ui/feedback/CopyToClipboard';
90
+ import React from 'react';
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/feedback/CopyToClipboard/CopyToClipboard.stories.js"],
4
- "sourcesContent": ["import CopyToClipboard from '@digigov/ui/feedback/CopyToClipboard';\nexport default {\n title: 'Digigov UI/feedback/CopyToClipboard',\n component: CopyToClipboard,\n displayName: 'CopyToClipboard',\n};\nexport { Default } from '@digigov/ui/feedback/CopyToClipboard/__stories__/Default';\nexport { Banner } from '@digigov/ui/feedback/CopyToClipboard/__stories__/Banner';\nexport { Dense } from '@digigov/ui/feedback/CopyToClipboard/__stories__/Dense';\n"],
5
- "mappings": "AAAA,OAAO,qBAAqB;AAC5B,IAAO,kCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,aAAa;",
3
+ "sources": ["../../../src/feedback/CopyToClipboard/CopyToClipboard.stories.jsx"],
4
+ "sourcesContent": ["import React from 'react';\nimport { CopyToClipboard } from '@digigov/ui/feedback/CopyToClipboard';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport default {\n title: 'Digigov UI/feedback/CopyToClipboard',\n component: CopyToClipboard,\n displayName: 'CopyToClipboard',\n};\n\nexport const WithControls = {\n render: (args) => {\n return (\n <CopyToClipboard\n text={args.text}\n variant={args.variant}\n tooltipAlign={args.tooltipAlign}\n dense={args.dense}\n message={args.message}\n id={args.id}\n onCopy={() => {\n console.log('content copied!');\n }}\n >\n <Button color=\"secondary\" aria-describedby=\"copy-to-clipboard\">\n \u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03B1\u03C6\u03AE\n </Button>\n </CopyToClipboard>\n );\n },\n args: {\n text: 'copied-text',\n variant: 'tooltip',\n tooltipAlign: 'left',\n dense: false,\n message: '\u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03AC\u03C6\u03B7\u03BA\u03B5 \u03C3\u03C4\u03BF \u03C0\u03C1\u03CC\u03C7\u03B5\u03B9\u03C1\u03BF',\n id: 'copy-to-clipboard',\n },\n argTypes: {\n text: {\n control: { type: 'text' },\n },\n variant: {\n options: ['tooltip', 'banner'],\n control: { type: 'select' },\n },\n tooltipAlign: {\n options: ['left', 'right'],\n control: { type: 'select' },\n if: { arg: 'variant', eq: 'tooltip' },\n },\n dense: {\n control: { type: 'boolean' },\n if: { arg: 'variant', eq: 'tooltip' },\n },\n message: {\n control: { type: 'text' },\n },\n id: {\n control: { type: 'text' },\n },\n },\n parameters: {\n controls: { exclude: ['timeout', 'ref'] },\n },\n};\n\nexport { Default } from '@digigov/ui/feedback/CopyToClipboard/__stories__/Default';\nexport { Banner } from '@digigov/ui/feedback/CopyToClipboard/__stories__/Banner';\nexport { Dense } from '@digigov/ui/feedback/CopyToClipboard/__stories__/Dense';\n"],
5
+ "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,uBAAuB;AAChC,SAAS,cAAc;AAEvB,IAAO,kCAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ,CAAC,SAAS;AAChB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,KAAK;AAAA,QACX,SAAS,KAAK;AAAA,QACd,cAAc,KAAK;AAAA,QACnB,OAAO,KAAK;AAAA,QACZ,SAAS,KAAK;AAAA,QACd,IAAI,KAAK;AAAA,QACT,QAAQ,MAAM;AACZ,kBAAQ,IAAI,iBAAiB;AAAA,QAC/B;AAAA;AAAA,MAEA,oCAAC,UAAO,OAAM,aAAY,oBAAiB,uBAAoB,wDAE/D;AAAA,IACF;AAAA,EAEJ;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,cAAc;AAAA,IACd,OAAO;AAAA,IACP,SAAS;AAAA,IACT,IAAI;AAAA,EACN;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,SAAS;AAAA,MACP,SAAS,CAAC,WAAW,QAAQ;AAAA,MAC7B,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,cAAc;AAAA,MACZ,SAAS,CAAC,QAAQ,OAAO;AAAA,MACzB,SAAS,EAAE,MAAM,SAAS;AAAA,MAC1B,IAAI,EAAE,KAAK,WAAW,IAAI,UAAU;AAAA,IACtC;AAAA,IACA,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,UAAU;AAAA,MAC3B,IAAI,EAAE,KAAK,WAAW,IAAI,UAAU;AAAA,IACtC;AAAA,IACA,SAAS;AAAA,MACP,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,IAAI;AAAA,MACF,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU,EAAE,SAAS,CAAC,WAAW,KAAK,EAAE;AAAA,EAC1C;AACF;AAEA,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,aAAa;",
6
6
  "names": []
7
7
  }
@@ -1,4 +1,8 @@
1
- import ErrorSummary from "@digigov/ui/feedback/ErrorSummary";
1
+ import React from "react";
2
+ import { ErrorSummary } from "@digigov/ui/feedback/ErrorSummary";
3
+ import { Link } from "@digigov/ui/navigation/Link";
4
+ import { Heading } from "@digigov/ui/typography/Heading";
5
+ import { List, ListItem } from "@digigov/ui/content/List";
2
6
  var ErrorSummary_stories_default = {
3
7
  title: "Digigov UI/feedback/ErrorSummary",
4
8
  description: "Use this component at the top of a page to summarise any errors a user has made.",
@@ -6,6 +10,39 @@ var ErrorSummary_stories_default = {
6
10
  component: ErrorSummary,
7
11
  displayName: "ErrorSummary"
8
12
  };
13
+ const WithControls = {
14
+ render: (args) => {
15
+ return /* @__PURE__ */ React.createElement(ErrorSummary, { dense: args.dense }, /* @__PURE__ */ React.createElement(Heading, { size: "sm" }, args.heading), /* @__PURE__ */ React.createElement(List, { listStyle: "none" }, args.links.map((link, index) => /* @__PURE__ */ React.createElement(ListItem, { key: index }, /* @__PURE__ */ React.createElement(Link, { href: link.href }, link.label)))));
16
+ },
17
+ parameters: {
18
+ controls: { exclude: ["variant", "ref"] }
19
+ },
20
+ args: {
21
+ dense: false,
22
+ heading: "\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1",
23
+ links: [
24
+ {
25
+ href: "#",
26
+ label: "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03AD\u03C4\u03BF\u03C2"
27
+ },
28
+ {
29
+ href: "#",
30
+ label: "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03BC\u03AE\u03BD\u03B1"
31
+ }
32
+ ]
33
+ },
34
+ argTypes: {
35
+ dense: {
36
+ control: { type: "boolean" }
37
+ },
38
+ heading: {
39
+ control: { type: "text" }
40
+ },
41
+ links: {
42
+ control: { type: "object" }
43
+ }
44
+ }
45
+ };
9
46
  import { Default } from "@digigov/ui/feedback/ErrorSummary/__stories__/Default";
10
47
  import { Dense } from "@digigov/ui/feedback/ErrorSummary/__stories__/Dense";
11
48
  import { LinkedToInput } from "@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToInput";
@@ -21,6 +58,7 @@ export {
21
58
  LinkedToField,
22
59
  LinkedToInput,
23
60
  WithBackLinkAndButton,
61
+ WithControls,
24
62
  ErrorSummary_stories_default as default
25
63
  };
26
64
  //# sourceMappingURL=ErrorSummary.stories.js.map
@@ -6,6 +6,46 @@ 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 parameters {
12
+ namespace controls {
13
+ let exclude: string[];
14
+ }
15
+ }
16
+ namespace args {
17
+ let dense: boolean;
18
+ let heading: string;
19
+ let links: {
20
+ href: string;
21
+ label: string;
22
+ }[];
23
+ }
24
+ namespace argTypes {
25
+ export namespace dense_1 {
26
+ namespace control {
27
+ let type: string;
28
+ }
29
+ }
30
+ export { dense_1 as dense };
31
+ export namespace heading_1 {
32
+ export namespace control_1 {
33
+ let type_1: string;
34
+ export { type_1 as type };
35
+ }
36
+ export { control_1 as control };
37
+ }
38
+ export { heading_1 as heading };
39
+ export namespace links_1 {
40
+ export namespace control_2 {
41
+ let type_2: string;
42
+ export { type_2 as type };
43
+ }
44
+ export { control_2 as control };
45
+ }
46
+ export { links_1 as links };
47
+ }
48
+ }
9
49
  export { Default } from "@digigov/ui/feedback/ErrorSummary/__stories__/Default";
10
50
  export { Dense } from "@digigov/ui/feedback/ErrorSummary/__stories__/Dense";
11
51
  export { LinkedToInput } from "@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToInput";
@@ -13,4 +53,5 @@ export { LinkedToField } from "@digigov/ui/feedback/ErrorSummary/__stories__/Lin
13
53
  export { LinkedToCheckbox } from "@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToCheckbox";
14
54
  export { ErrorGroupLinkedToInput } from "@digigov/ui/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput";
15
55
  export { WithBackLinkAndButton } from "@digigov/ui/feedback/ErrorSummary/__stories__/WithBackLinkAndButton";
16
- import ErrorSummary from '@digigov/ui/feedback/ErrorSummary';
56
+ import { ErrorSummary } from '@digigov/ui/feedback/ErrorSummary';
57
+ import React from 'react';
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/feedback/ErrorSummary/ErrorSummary.stories.js"],
4
- "sourcesContent": ["import ErrorSummary from '@digigov/ui/feedback/ErrorSummary';\nexport default {\n title: 'Digigov UI/feedback/ErrorSummary',\n description:\n 'Use this component at the top of a page to summarise any errors a user has made.',\n link: 'https://guide.services.gov.gr/docs/components/error-summary',\n component: ErrorSummary,\n displayName: 'ErrorSummary',\n};\nexport { Default } from '@digigov/ui/feedback/ErrorSummary/__stories__/Default';\nexport { Dense } from '@digigov/ui/feedback/ErrorSummary/__stories__/Dense';\nexport { LinkedToInput } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToInput';\nexport { LinkedToField } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToField';\nexport { LinkedToCheckbox } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToCheckbox';\nexport { ErrorGroupLinkedToInput } from '@digigov/ui/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput';\nexport { WithBackLinkAndButton } from '@digigov/ui/feedback/ErrorSummary/__stories__/WithBackLinkAndButton';\n"],
5
- "mappings": "AAAA,OAAO,kBAAkB;AACzB,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,6BAA6B;",
3
+ "sources": ["../../../src/feedback/ErrorSummary/ErrorSummary.stories.jsx"],
4
+ "sourcesContent": ["import React from 'react';\nimport { ErrorSummary } from '@digigov/ui/feedback/ErrorSummary';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport { Heading } from '@digigov/ui/typography/Heading';\nimport { List, ListItem } from '@digigov/ui/content/List';\n\nexport default {\n title: 'Digigov UI/feedback/ErrorSummary',\n description:\n 'Use this component at the top of a page to summarise any errors a user has made.',\n link: 'https://guide.services.gov.gr/docs/components/error-summary',\n component: ErrorSummary,\n displayName: 'ErrorSummary',\n};\n\nexport const WithControls = {\n render: (args) => {\n return (\n <ErrorSummary dense={args.dense}>\n <Heading size=\"sm\">{args.heading}</Heading>\n <List listStyle=\"none\">\n {args.links.map((link, index) => (\n <ListItem key={index}>\n <Link href={link.href}>{link.label}</Link>\n </ListItem>\n ))}\n </List>\n </ErrorSummary>\n );\n },\n parameters: {\n controls: { exclude: ['variant', 'ref'] },\n },\n args: {\n dense: false,\n heading: '\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1',\n links: [\n {\n href: '#',\n label: '\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03AD\u03C4\u03BF\u03C2',\n },\n {\n href: '#',\n label: '\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03BC\u03AE\u03BD\u03B1',\n },\n ],\n },\n argTypes: {\n dense: {\n control: { type: 'boolean' },\n },\n heading: {\n control: { type: 'text' },\n },\n links: {\n control: { type: 'object' },\n },\n },\n};\n\nexport { Default } from '@digigov/ui/feedback/ErrorSummary/__stories__/Default';\nexport { Dense } from '@digigov/ui/feedback/ErrorSummary/__stories__/Dense';\nexport { LinkedToInput } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToInput';\nexport { LinkedToField } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToField';\nexport { LinkedToCheckbox } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToCheckbox';\nexport { ErrorGroupLinkedToInput } from '@digigov/ui/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput';\nexport { WithBackLinkAndButton } from '@digigov/ui/feedback/ErrorSummary/__stories__/WithBackLinkAndButton';\n"],
5
+ "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,MAAM,gBAAgB;AAE/B,IAAO,+BAAQ;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,gBAAa,OAAO,KAAK,SACxB,oCAAC,WAAQ,MAAK,QAAM,KAAK,OAAQ,GACjC,oCAAC,QAAK,WAAU,UACb,KAAK,MAAM,IAAI,CAAC,MAAM,UACrB,oCAAC,YAAS,KAAK,SACb,oCAAC,QAAK,MAAM,KAAK,QAAO,KAAK,KAAM,CACrC,CACD,CACH,CACF;AAAA,EAEJ;AAAA,EACA,YAAY;AAAA,IACV,UAAU,EAAE,SAAS,CAAC,WAAW,KAAK,EAAE;AAAA,EAC1C;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,MACL;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,SAAS;AAAA,MACP,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,EACF;AACF;AAEA,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,6BAA6B;",
6
6
  "names": []
7
7
  }
@@ -7,6 +7,39 @@ var NotificationBanner_stories_default = {
7
7
  component: NotificationBanner,
8
8
  displayName: "NotificationBanner"
9
9
  };
10
+ const WithControls = {
11
+ args: {
12
+ title: "\u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7",
13
+ children: " \u03A3\u03B5 7 \u03B7\u03BC\u03AD\u03C1\u03B5\u03C2 \u03B8\u03B1 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03C5\u03C0\u03BF\u03B2\u03AC\u03BB\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B1\u03AF\u03C4\u03B7\u03C3\u03B7.",
14
+ link: {
15
+ label: "\u03A0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE \u03B1\u03AF\u03C4\u03B7\u03C3\u03B7\u03C2",
16
+ href: "#"
17
+ },
18
+ variant: "info",
19
+ dense: false
20
+ },
21
+ argTypes: {
22
+ title: {
23
+ control: { type: "text" }
24
+ },
25
+ children: {
26
+ control: { type: "text" }
27
+ },
28
+ link: {
29
+ control: { type: "object" }
30
+ },
31
+ variant: {
32
+ options: ["info", "success", "error"],
33
+ control: { type: "select" }
34
+ },
35
+ dense: {
36
+ control: { type: "boolean" }
37
+ }
38
+ },
39
+ parameters: {
40
+ controls: { exclude: ["ref"] }
41
+ }
42
+ };
10
43
  import { Default } from "@digigov/ui/feedback/NotificationBanner/__stories__/Default";
11
44
  import { Success } from "@digigov/ui/feedback/NotificationBanner/__stories__/Success";
12
45
  import { Dense } from "@digigov/ui/feedback/NotificationBanner/__stories__/Dense";
@@ -14,6 +47,7 @@ export {
14
47
  Default,
15
48
  Dense,
16
49
  Success,
50
+ WithControls,
17
51
  NotificationBanner_stories_default as default
18
52
  };
19
53
  //# sourceMappingURL=NotificationBanner.stories.js.map
@@ -7,6 +7,66 @@ declare namespace _default {
7
7
  export let displayName: string;
8
8
  }
9
9
  export default _default;
10
+ export namespace WithControls {
11
+ namespace args {
12
+ let title_1: string;
13
+ export { title_1 as title };
14
+ export let children: string;
15
+ export namespace link_1 {
16
+ let label: string;
17
+ let href: string;
18
+ }
19
+ export { link_1 as link };
20
+ export let variant: string;
21
+ export let dense: boolean;
22
+ }
23
+ namespace argTypes {
24
+ export namespace title_2 {
25
+ namespace control {
26
+ let type: string;
27
+ }
28
+ }
29
+ export { title_2 as title };
30
+ export namespace children_1 {
31
+ export namespace control_1 {
32
+ let type_1: string;
33
+ export { type_1 as type };
34
+ }
35
+ export { control_1 as control };
36
+ }
37
+ export { children_1 as children };
38
+ export namespace link_2 {
39
+ export namespace control_2 {
40
+ let type_2: string;
41
+ export { type_2 as type };
42
+ }
43
+ export { control_2 as control };
44
+ }
45
+ export { link_2 as link };
46
+ export namespace variant_1 {
47
+ export let options: string[];
48
+ export namespace control_3 {
49
+ let type_3: string;
50
+ export { type_3 as type };
51
+ }
52
+ export { control_3 as control };
53
+ }
54
+ export { variant_1 as variant };
55
+ export namespace dense_1 {
56
+ export namespace control_4 {
57
+ let type_4: string;
58
+ export { type_4 as type };
59
+ }
60
+ export { control_4 as control };
61
+ }
62
+ export { dense_1 as dense };
63
+ }
64
+ namespace parameters {
65
+ namespace controls {
66
+ let exclude: string[];
67
+ }
68
+ }
69
+ }
10
70
  export { Default } from "@digigov/ui/feedback/NotificationBanner/__stories__/Default";
11
71
  export { Success } from "@digigov/ui/feedback/NotificationBanner/__stories__/Success";
12
72
  export { Dense } from "@digigov/ui/feedback/NotificationBanner/__stories__/Dense";
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/feedback/NotificationBanner/NotificationBanner.stories.js"],
4
- "sourcesContent": ["import NotificationBanner from '@digigov/ui/feedback/NotificationBanner';\nexport default {\n title: 'Digigov UI/feedback/NotificationBanner',\n tags: ['Experimental'],\n description:\n 'Use a notification banner to tell the user about something they need to know about, but that\u2019s not directly related to the page content.',\n link: 'https://guide.services.gov.gr/docs/components/Notification-Banner',\n\n component: NotificationBanner,\n displayName: 'NotificationBanner',\n};\nexport { Default } from '@digigov/ui/feedback/NotificationBanner/__stories__/Default';\nexport { Success } from '@digigov/ui/feedback/NotificationBanner/__stories__/Success';\nexport { Dense } from '@digigov/ui/feedback/NotificationBanner/__stories__/Dense';\n"],
5
- "mappings": "AAAA,OAAO,wBAAwB;AAC/B,IAAO,qCAAQ;AAAA,EACb,OAAO;AAAA,EACP,MAAM,CAAC,cAAc;AAAA,EACrB,aACE;AAAA,EACF,MAAM;AAAA,EAEN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,aAAa;",
4
+ "sourcesContent": ["import NotificationBanner from '@digigov/ui/feedback/NotificationBanner';\n\nexport default {\n title: 'Digigov UI/feedback/NotificationBanner',\n tags: ['Experimental'],\n description:\n 'Use a notification banner to tell the user about something they need to know about, but that\u2019s not directly related to the page content.',\n link: 'https://guide.services.gov.gr/docs/components/Notification-Banner',\n\n component: NotificationBanner,\n displayName: 'NotificationBanner',\n};\n\nexport const WithControls = {\n args: {\n title: '\u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7',\n children: ' \u03A3\u03B5 7 \u03B7\u03BC\u03AD\u03C1\u03B5\u03C2 \u03B8\u03B1 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03C5\u03C0\u03BF\u03B2\u03AC\u03BB\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B1\u03AF\u03C4\u03B7\u03C3\u03B7.',\n link: {\n label: '\u03A0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE \u03B1\u03AF\u03C4\u03B7\u03C3\u03B7\u03C2',\n href: '#',\n },\n variant: 'info',\n dense: false,\n },\n argTypes: {\n title: {\n control: { type: 'text' },\n },\n children: {\n control: { type: 'text' },\n },\n link: {\n control: { type: 'object' },\n },\n variant: {\n options: ['info', 'success', 'error'],\n control: { type: 'select' },\n },\n dense: {\n control: { type: 'boolean' },\n },\n },\n parameters: {\n controls: { exclude: ['ref'] },\n },\n};\n\nexport { Default } from '@digigov/ui/feedback/NotificationBanner/__stories__/Default';\nexport { Success } from '@digigov/ui/feedback/NotificationBanner/__stories__/Success';\nexport { Dense } from '@digigov/ui/feedback/NotificationBanner/__stories__/Dense';\n"],
5
+ "mappings": "AAAA,OAAO,wBAAwB;AAE/B,IAAO,qCAAQ;AAAA,EACb,OAAO;AAAA,EACP,MAAM,CAAC,cAAc;AAAA,EACrB,aACE;AAAA,EACF,MAAM;AAAA,EAEN,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,UAAU;AAAA,MACR,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,MAAM;AAAA,MACJ,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,SAAS;AAAA,MACP,SAAS,CAAC,QAAQ,WAAW,OAAO;AAAA,MACpC,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,IACA,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU,EAAE,SAAS,CAAC,KAAK,EAAE;AAAA,EAC/B;AACF;AAEA,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,aAAa;",
6
6
  "names": []
7
7
  }
@@ -1,4 +1,10 @@
1
- import PhaseBanner from "@digigov/ui/feedback/PhaseBanner";
1
+ import React from "react";
2
+ import {
3
+ PhaseBanner,
4
+ PhaseBannerTag,
5
+ PhaseBannerText
6
+ } from "@digigov/ui/feedback/PhaseBanner";
7
+ import { Link } from "@digigov/ui/navigation/Link";
2
8
  var PhaseBanner_stories_default = {
3
9
  title: "Digigov UI/feedback/PhaseBanner",
4
10
  description: "Use the phase banner component to show users your service is still being worked on.",
@@ -6,11 +12,32 @@ var PhaseBanner_stories_default = {
6
12
  component: PhaseBanner,
7
13
  displayName: "PhaseBanner"
8
14
  };
15
+ const WithControls = {
16
+ render: (args) => {
17
+ return /* @__PURE__ */ React.createElement(PhaseBanner, { underline: args.underline }, /* @__PURE__ */ React.createElement(PhaseBannerTag, null, args.tag), /* @__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, { href: "#feedback" }, "\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."));
18
+ },
19
+ args: {
20
+ tag: "ALPHA",
21
+ underline: true
22
+ },
23
+ argTypes: {
24
+ underline: {
25
+ control: { type: "boolean" }
26
+ },
27
+ tag: {
28
+ control: { type: "text" }
29
+ }
30
+ },
31
+ parameters: {
32
+ controls: { exclude: ["ref"] }
33
+ }
34
+ };
9
35
  import { Default } from "@digigov/ui/feedback/PhaseBanner/__stories__/Default";
10
36
  import { Underlined } from "@digigov/ui/feedback/PhaseBanner/__stories__/Underlined";
11
37
  export {
12
38
  Default,
13
39
  Underlined,
40
+ WithControls,
14
41
  PhaseBanner_stories_default as default
15
42
  };
16
43
  //# sourceMappingURL=PhaseBanner.stories.js.map
@@ -6,6 +6,35 @@ 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 tag: string;
13
+ let underline: boolean;
14
+ }
15
+ namespace argTypes {
16
+ export namespace underline_1 {
17
+ namespace control {
18
+ let type: string;
19
+ }
20
+ }
21
+ export { underline_1 as underline };
22
+ export namespace tag_1 {
23
+ export namespace control_1 {
24
+ let type_1: string;
25
+ export { type_1 as type };
26
+ }
27
+ export { control_1 as control };
28
+ }
29
+ export { tag_1 as tag };
30
+ }
31
+ namespace parameters {
32
+ namespace controls {
33
+ let exclude: string[];
34
+ }
35
+ }
36
+ }
9
37
  export { Default } from "@digigov/ui/feedback/PhaseBanner/__stories__/Default";
10
38
  export { Underlined } from "@digigov/ui/feedback/PhaseBanner/__stories__/Underlined";
11
- import PhaseBanner from '@digigov/ui/feedback/PhaseBanner';
39
+ import { PhaseBanner } from '@digigov/ui/feedback/PhaseBanner';
40
+ import React from 'react';
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/feedback/PhaseBanner/PhaseBanner.stories.js"],
4
- "sourcesContent": ["import PhaseBanner from '@digigov/ui/feedback/PhaseBanner';\nexport default {\n title: 'Digigov UI/feedback/PhaseBanner',\n description:\n 'Use the phase banner component to show users your service is still being worked on.',\n link: 'https://guide.services.gov.gr/docs/components/phase-banner',\n component: PhaseBanner,\n displayName: 'PhaseBanner',\n};\nexport { Default } from '@digigov/ui/feedback/PhaseBanner/__stories__/Default';\nexport { Underlined } from '@digigov/ui/feedback/PhaseBanner/__stories__/Underlined';\n"],
5
- "mappings": "AAAA,OAAO,iBAAiB;AACxB,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,kBAAkB;",
3
+ "sources": ["../../../src/feedback/PhaseBanner/PhaseBanner.stories.jsx"],
4
+ "sourcesContent": ["import React from 'react';\nimport {\n PhaseBanner,\n PhaseBannerTag,\n PhaseBannerText,\n} from '@digigov/ui/feedback/PhaseBanner';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport default {\n title: 'Digigov UI/feedback/PhaseBanner',\n description:\n 'Use the phase banner component to show users your service is still being worked on.',\n link: 'https://guide.services.gov.gr/docs/components/phase-banner',\n component: PhaseBanner,\n displayName: 'PhaseBanner',\n};\n\nexport const WithControls = {\n render: (args) => {\n return (\n <PhaseBanner underline={args.underline}>\n <PhaseBannerTag>{args.tag}</PhaseBannerTag>\n <PhaseBannerText>\n \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 <Link href=\"#feedback\">\u03C3\u03C7\u03CC\u03BB\u03B9\u03AC</Link>{' '}\n \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.\n </PhaseBannerText>\n </PhaseBanner>\n );\n },\n args: {\n tag: 'ALPHA',\n underline: true,\n },\n argTypes: {\n underline: {\n control: { type: 'boolean' },\n },\n tag: {\n control: { type: 'text' },\n },\n },\n parameters: {\n controls: { exclude: ['ref'] },\n },\n};\nexport { Default } from '@digigov/ui/feedback/PhaseBanner/__stories__/Default';\nexport { Underlined } from '@digigov/ui/feedback/PhaseBanner/__stories__/Underlined';\n"],
5
+ "mappings": "AAAA,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AAErB,IAAO,8BAAQ;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,eAAY,WAAW,KAAK,aAC3B,oCAAC,sBAAgB,KAAK,GAAI,GAC1B,oCAAC,uBAAgB,uKACkB,oCAAC,QAAK,MAAK,eAAY,sCAAM,GAAQ,KAAI,yMAE5E,CACF;AAAA,EAEJ;AAAA,EACA,MAAM;AAAA,IACJ,KAAK;AAAA,IACL,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,IACA,KAAK;AAAA,MACH,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU,EAAE,SAAS,CAAC,KAAK,EAAE;AAAA,EAC/B;AACF;AACA,SAAS,eAAe;AACxB,SAAS,kBAAkB;",
6
6
  "names": []
7
7
  }
@@ -6,6 +6,27 @@ var WarningText_stories_default = {
6
6
  component: WarningText,
7
7
  displayName: "WarningText"
8
8
  };
9
+ const WithControls = {
10
+ args: {
11
+ children: "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF \u03BD\u03B1 \u03C3\u03B1\u03C2 \u03B5\u03C0\u03B9\u03B2\u03BB\u03B7\u03B8\u03B5\u03AF \u03C0\u03C1\u03CC\u03C3\u03C4\u03B9\u03BC\u03BF \u03AD\u03C9\u03C2 \u03BA\u03B1\u03B9 5.000 \u03B5\u03C5\u03C1\u03CE \u03B5\u03AC\u03BD \u03B4\u03B5\u03BD \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03B5\u03AF\u03C4\u03B5.",
12
+ assistiveText: "\u03A3\u03B7\u03BC\u03B1\u03BD\u03C4\u03B9\u03BA\u03CC",
13
+ dense: false
14
+ },
15
+ argTypes: {
16
+ children: {
17
+ control: { type: "text" }
18
+ },
19
+ assistiveText: {
20
+ control: { type: "text" }
21
+ },
22
+ dense: {
23
+ control: { type: "boolean" }
24
+ }
25
+ },
26
+ parameters: {
27
+ controls: { exclude: ["ref"] }
28
+ }
29
+ };
9
30
  import { Default } from "@digigov/ui/feedback/WarningText/__stories__/Default";
10
31
  import { AssistiveText } from "@digigov/ui/feedback/WarningText/__stories__/AssistiveText";
11
32
  import { Dense } from "@digigov/ui/feedback/WarningText/__stories__/Dense";
@@ -13,6 +34,7 @@ export {
13
34
  AssistiveText,
14
35
  Default,
15
36
  Dense,
37
+ WithControls,
16
38
  WarningText_stories_default as default
17
39
  };
18
40
  //# sourceMappingURL=WarningText.stories.js.map
@@ -6,6 +6,42 @@ declare namespace _default {
6
6
  export let displayName: string;
7
7
  }
8
8
  export default _default;
9
+ export namespace WithControls {
10
+ namespace args {
11
+ let children: string;
12
+ let assistiveText: string;
13
+ let dense: boolean;
14
+ }
15
+ namespace argTypes {
16
+ export namespace children_1 {
17
+ namespace control {
18
+ let type: string;
19
+ }
20
+ }
21
+ export { children_1 as children };
22
+ export namespace assistiveText_1 {
23
+ export namespace control_1 {
24
+ let type_1: string;
25
+ export { type_1 as type };
26
+ }
27
+ export { control_1 as control };
28
+ }
29
+ export { assistiveText_1 as assistiveText };
30
+ export namespace dense_1 {
31
+ export namespace control_2 {
32
+ let type_2: string;
33
+ export { type_2 as type };
34
+ }
35
+ export { control_2 as control };
36
+ }
37
+ export { dense_1 as dense };
38
+ }
39
+ namespace parameters {
40
+ namespace controls {
41
+ let exclude: string[];
42
+ }
43
+ }
44
+ }
9
45
  export { Default } from "@digigov/ui/feedback/WarningText/__stories__/Default";
10
46
  export { AssistiveText } from "@digigov/ui/feedback/WarningText/__stories__/AssistiveText";
11
47
  export { Dense } from "@digigov/ui/feedback/WarningText/__stories__/Dense";
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/feedback/WarningText/WarningText.stories.js"],
4
- "sourcesContent": ["import WarningText from '@digigov/ui/feedback/WarningText';\nexport default {\n title: 'Digigov UI/feedback/WarningText',\n description:\n 'Use the warning text component when you need to warn users about something important, such as legal consequences of an action, or lack of action, that they might take.',\n link: 'https://guide.services.gov.gr/docs/components/Warning-Text',\n component: WarningText,\n displayName: 'WarningText',\n};\nexport { Default } from '@digigov/ui/feedback/WarningText/__stories__/Default';\nexport { AssistiveText } from '@digigov/ui/feedback/WarningText/__stories__/AssistiveText';\nexport { Dense } from '@digigov/ui/feedback/WarningText/__stories__/Dense';\n"],
5
- "mappings": "AAAA,OAAO,iBAAiB;AACxB,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAC9B,SAAS,aAAa;",
4
+ "sourcesContent": ["import WarningText from '@digigov/ui/feedback/WarningText';\nexport default {\n title: 'Digigov UI/feedback/WarningText',\n description:\n 'Use the warning text component when you need to warn users about something important, such as legal consequences of an action, or lack of action, that they might take.',\n link: 'https://guide.services.gov.gr/docs/components/Warning-Text',\n component: WarningText,\n displayName: 'WarningText',\n};\n\nexport const WithControls = {\n args: {\n children:\n '\u039C\u03C0\u03BF\u03C1\u03B5\u03AF \u03BD\u03B1 \u03C3\u03B1\u03C2 \u03B5\u03C0\u03B9\u03B2\u03BB\u03B7\u03B8\u03B5\u03AF \u03C0\u03C1\u03CC\u03C3\u03C4\u03B9\u03BC\u03BF \u03AD\u03C9\u03C2 \u03BA\u03B1\u03B9 5.000 \u03B5\u03C5\u03C1\u03CE \u03B5\u03AC\u03BD \u03B4\u03B5\u03BD \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03B5\u03AF\u03C4\u03B5.',\n assistiveText: '\u03A3\u03B7\u03BC\u03B1\u03BD\u03C4\u03B9\u03BA\u03CC',\n dense: false,\n },\n argTypes: {\n children: {\n control: { type: 'text' },\n },\n assistiveText: {\n control: { type: 'text' },\n },\n dense: {\n control: { type: 'boolean' },\n },\n },\n parameters: {\n controls: { exclude: ['ref'] },\n },\n};\n\nexport { Default } from '@digigov/ui/feedback/WarningText/__stories__/Default';\nexport { AssistiveText } from '@digigov/ui/feedback/WarningText/__stories__/AssistiveText';\nexport { Dense } from '@digigov/ui/feedback/WarningText/__stories__/Dense';\n"],
5
+ "mappings": "AAAA,OAAO,iBAAiB;AACxB,IAAO,8BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AACf;AAEO,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,IACJ,UACE;AAAA,IACF,eAAe;AAAA,IACf,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,eAAe;AAAA,MACb,SAAS,EAAE,MAAM,OAAO;AAAA,IAC1B;AAAA,IACA,OAAO;AAAA,MACL,SAAS,EAAE,MAAM,UAAU;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,YAAY;AAAA,IACV,UAAU,EAAE,SAAS,CAAC,KAAK,EAAE;AAAA,EAC/B;AACF;AAEA,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAC9B,SAAS,aAAa;",
6
6
  "names": []
7
7
  }